/* Minification failed. Returning unminified contents.
(66,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(67,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(68,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(69,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(70,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(71,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(73,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(75,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(76,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(77,5): run-time error CSS1027: Expected semi-colon or close brace, found '-'
(5079,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5084,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-input'
(5098,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(5103,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(5107,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(5115,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(5119,17): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(5148,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-warning'
(5247,28): run-time error CSS1039: Token not allowed after unary operator: '-color--grey-60'
(5249,17): run-time error CSS1039: Token not allowed after unary operator: '-color--black'
(5252,23): run-time error CSS1039: Token not allowed after unary operator: '-buttonGap'
(5308,28): run-time error CSS1039: Token not allowed after unary operator: '-color--grey-60'
(5309,17): run-time error CSS1039: Token not allowed after unary operator: '-color--black'
(5358,22): run-time error CSS1039: Token not allowed after unary operator: '-color--grey-60'
(5374,21): run-time error CSS1039: Token not allowed after unary operator: '-color--grey-30'
(5457,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5546,41): run-time error CSS1030: Expected identifier, found '.'
(5546,71): run-time error CSS1031: Expected selector, found ')'
(5546,71): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*

Dark blue               : #25201c (17, 14, 96)
5/7 Dark blue           : #b0afca 
Orange                  : #e20a16 (242, 121, 32)
5/7 Orange              : #f6a66a 
Grid header background  : #e0e0e0
Green                   : #92c992 (146, 201, 146)

*/

/*  Tournament Colors

	tplcolor1 {background-color: #F27920; background-position: 0 -120px;}
	tplcolor1 {background-color: #110E60; background-position: 0 -120px;}

*/

/*  Wilson Colors

	tplcolor1 {background-color: #e20a16; background-position: 0 -120px;}
	tplcolor1 {background-color: #25201c; background-position: 0 -120px;}

*/



/*  Wilson Colors jul 2015

	orange  {background-color: #F29B28; background-position: 0 -120px;}
	blue  4883C3
	lightbeigebackground : #EBEBDF
	gridheader  : #D9CFBC;
	mainmenu active : #504B45;
	lightorange : #FAD5A3;
mainmenu light : #645F57;
*/


table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-sdize: small;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: start;
    font: 14px "Lato", sans-serif !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font: 14px "Lato",sans-serif !important;
}

span.skype_pnh_container {
    display: none !important;
}

span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {
    display: inline !important;
}

html {
    background-color: #fff;
    --color-text-warning: #ed1c24; /* color primary */
    --color-secondary: black;
    --color-button-text: white;
    --background-color-button: #ed1c24; /* color primary */
    --background-color-button-m-light: #ff5f5f; /* color primary light */
    --color-disabled-text: rgb(179, 179, 179);
    /* error text */
    --color-text-error: #ed1c24; /* color primary */
    /* warning text */
    --color-text-warning: #ed1c24; /* color primary */
    --color--grey-60: #eeeeee;
    --color--grey-30: #bbbbbb;
}

html {
    background-color: #EBEBDF;
}

body {
    background: #EBEBDF;
    color: #000;
    margin: 0;
    padding: 0;
    font: 14px "Lato", sans-serif;
}

input, textarea, keygen, select, button, isindex {
    font-size: 1em;
    padding: 2px 2px;
}

.ui-widget {
    font: 14px "Lato", sans-serif !important;
}


h1 {
    color: #25201c;
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 1.7em;
}

h2 {
    color: #25201c;
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 1.5em;
}

p {
    margin: 0 0 12px 0;
    padding: 0;
}

input, textarea, keygen, select, button, isindex {
    font: 14px "Lato", sans-serif;
     	
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#ProgressDialog h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0px;
}

#ProgressDialog .ui-dialog-buttonpane {
    margin: 0px;
    padding: 0px;
}

#ProgressDialog .ui-dialog-buttonpane button {
    margin: 0px;
    padding: 0px;
}

#ProgressDialog .ui-dialog {
    margin: 0px;
    padding: 0px;
}

.errormessage {
    margin: 0 0 12px 0;
    padding: 10px;
    color: White;
    background-color: red;
    font-size: .8em;
    font-weight: bold;
}

.error {
    color: Red;
}

.success {
    color: green;
}


.invisible {
    display: none;
}

.lastaccess {
    margin: 0 2px 12px 2px;
    padding: 10px;
    color: White;
    background-color: #FF9966;
    font-size: .8em;
    font-weight: bold;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1; /* triggers hasLayout */
}

#tdopSpacer {
    position: absolute;
    background: #f0f0f0 url(tpltopslice.bmp);
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1236px;
    height: 12px;
}

#companyName {
    position: absolute;
    background: white;
    fondt-family: tahoma, helvetica, sans-serif;
    top: 0px;
    left: 0;
    width: 100%;
    min-width: 1236px;
    height: 75px;
}

#companyName div {
    float: right;
}

#companyName h1 {
    float: right;
    margin: 8px 10px 0 0;
    color: #4883C3;
    font-size: 1.4em;
    font-weight: bold;
}

#companyName p {
    float: right;
    clear: right;
    margin: 6px 10px 0 0;
    dcolor: #4883C3;
    font-size: 1.0em;
}

#companyName a {
    dcolor: #4883C3;
    text-decoration: none;
}

#companyName a:hover {
    dcolor: #4883C3;
    text-decoration: underline;
}

#menu {
    position: absolute;
    background-image: url('tplmnuslice.bmp');
    background-repeat: repeat-x;
    top: 87px;
    left: 0;
    width: 100%;
    min-width: 1236px;
    height: 75px;
}

#menu a {
    display: block;
    float: left;
    padding-left: 10px;
    text-decoration: none;
    color: white;
}

#containerMenu {
    font: inherit;
}

#bgSubMenu {
    margin: 45px 0 0 0;
    background-color: #25201c;
    color: white;
    height: 30px;
}

#container {
    margin: 0 40px 0 40px;
    background-color: #EBEBDF;
    min-width: 1236px;
}

#container h1 {
    margin-top: 174px;
}

ul#mainMenu {
    list-style: none;
    padding: 0px 0 0 0;
    margin: 0 40px 0 40px;
    min-width: 1236px;
}

ul#mainMenu a {
    background: #504B45 url(wilmnutabs4.gif);
    font-weight: bold;
}

ul#mainMenu a:hover {
    background-color: #504B45;
    background-position: 0 -60px;
    font-weight: bold;
}

ul#mainMenu a:hover span {
    background-position: 100% -60px;
}

ul#mainMenu li {
    float: left;
    margin: 0 0px 0 0;
}

ul#mainMenu li.menuGap {
    margin-right: 32px;
}

ul#mainMenu li.current a {
    background-color: #504B45;
    background-position: 0 -60px;
    font-weight: bold;
}

ul#mainMenu li.current span {
    background-position: 100% -60px;
}

ul#mainMenu span {
    background: url(wilmnutabs4.gif) 100% 0;
    display: block;
    line-height: 30px;
    padding-right: 10px;
}

div.gridBar .ui-button-text-only, div.gridBar .ui-button-text {
    padding: 3px 6px;
    line-height:1; 	
}

#subMenuContainer {
    margin: 0 40px 0 40px;
    background-color: #F29B28;
    clear: left;
    height: 30px;
    min-width: 1236px;
}

ul#subMenu {
    list-style: none;
    padding: 0;
    margin: 0 auto 0 auto;
    min-width: 1236px;
    clear: left;
}

ul#subMenu a {
    background: #F29B28 none;
    font-weight: normal;
}

ul#subMenu a:hover {
    background-color: #504B45;
    background-position: 0 -120px;
    font-wdeight: bold;
}

ul#subMenu a:hover span {
    background-position: 100% -120px;
}

ul#subMenu li {
    float: left;
    margin: 0;
}

ul#subMenu li.current a {
    background-color: #F29B28;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ul#subMenu li.current span {
    background-position: 100% -60px;
}

ul#subMenu span {
    background: none 100% 0;
    display: block;
    line-height: 30px;
    padding-right: 10px;
}


#footer {
    backgroudnd: #F0F0F0 url(tplfooterslicde.bmp);
    background-repeat: repeat-x;
    clear: both;
}

#copyRight {
    display: block;
    font-family: tahoma, helvetica, sans-serif;
    font-size: 0.7em;
    text-align: center;
    margin-top: 50px;
    padding: 52px 0 10px 0;
}

#Version {
    display: block;
    font-family: tahoma, helvetica, sans-serif;
    font-size: 0.7em;
    text-align: center;
    margin-top: 2px;
    padding: 2px 0 10px 0;
}

.listing-border {
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
    margin-bottom: 12px;
    border-width: 0;
}

.listing-border tfoot td {
    padding: 4px 4px 4px 0;
}

.listing-border-ro {
    background: #CCCCCC;
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
    margin-bottom: 12px;
    border-width: 0;
}

.listing-border-ro tfoot td {
    padding: 4px 4px 4px 0;
}

.td-dark {
    background: white;
}

.td-light {
    background: white;
}

.td-dark:hover {
    background-color: #FAD5A3;
}

.td-light:hover {
    background-color: #FAD5A3;
}

.gridhead th {
    background: #D9CFBC;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    text-align: left;
    padding: 4px 4px 4px 4px;
    margin: 3px;
}

.gridhead th a {
    text-decoration: none;
    color: #25201c;
}

.gridhead th a:hover {
    text-decoration: underline;
}

.gridhead-ro th {
    background: #D9CFBC;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    text-align: left;
    padding: 4px 4px 4px 4px;
    margin: 3px;
}

.gridhead-ro th a {
    text-decoration: none;
    color: #25201c;
}

.gridhead-ro th a:hover {
    text-decoration: underline;
}

#showPrices tr.gridhead th:nth-child(1) {
    width: 25px;
    text-align: center;
}

#showPrices tr.gridhead th:nth-child(5) {
    text-align: right;
}

#showPrices tr.gridhead th:nth-child(6) {
    text-align: right;
}

#showPrices tr.gridhead th:nth-child(7) {
    text-align: right;
}

#showPrices tr.gridhead th:nth-child(8) {
    text-align: right;
}

#showPrices tr.gridhead th:nth-child(9) {
    text-align: right;
}

#showPrices tr.gridhead th:nth-child(10) {
    text-align: right;
}

.paging {
    background: #D9CFBC;
    text-align: right;
    color: #25201c;
    font-weight: bold;
}
/*.paging span { font: bold 12px Arial, Helvetica, sans-serif; color:#25201c; margin-right: 3px; padding: 1px 3px 1px 3px }*/
.paging a {
    /*  font: bold 12px Arial, Helvetica, sans-serif; */
    color: #25201c;
    text-decoration: none;
    margin: 0;
    border: 1px solid #25201c;
    background: #D9CFBC;
    padding: 0 4px 0 4px;
    font-weight: bold;
}

.paging a:hover {
    text-decoration: underline;
}

.editLink {
    text-decoration: none;
}

.noteLink {
    text-decoration: none;
}

.changeLink {
    text-decoration: none;
}



.addlink {
    font: inherit;
}

/* .editLink:hover {cursor: pointer; background-color: #F29B28;} */


.editLink:link, .productLink:link {
    font: inherit;
}

.editLink:hover, .productLink:hover {
    cursor: pointer;
    background-color: #F29B28;
}

.listing-border .editLink:hover, .listing-border .productLink:hover {
    background-color: #F29B28;
}

.listing-border .editLink .ui-button-text, .listing-border .productLink .ui-button-text {
    color: #514A46;
}

.listing-border .editLink:hover .ui-button-text, .listing-border .productLink:hover .ui-button-text {
    color: #fff;
}


.listing-border-ro .editLink:hover {
    background-color: #F29B28;
}

.listing-border-ro .editLink .ui-button-text {
    color: #25201c;
}

.listing-border-ro .editLink:hover .ui-button-text {
    color: #fff;
}

.addlink .ui-button-text {
    color: #333;
}

.addlink:hover .ui-button-text {
    color: #fff;
}

.agreecreatelink .ui-button-text {
    color: #333;
}

.agreecreatelink:hover .ui-button-text {
    color: #fff;
}


.noteLink:link {
    font: inherit;
}

.noteLink:hover {
    cursor: pointer;
    background-color: #F29B28;
}

.changeLink:hover {
    cursor: pointer;
    background-color: #F29B28;
}

.listing-border .noteLink:hover {
    background-color: #F29B28;
}

.listing-border .noteLink .ui-button-text {
    color: #25201c;
}

.listing-border .noteLink:hover .ui-button-text {
    color: #fff;
}

.listing-border .changeLink:hover {
    background-color: #F29B28;
}

.listing-border .changeLink .ui-button-text {
    color: #25201c;
}

.listing-border .changeLink:hover .ui-button-text {
    color: #fff;
}


.button-Link {
    color: #808080;
    text-align: center;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    cursor: pointer;
    display: inline-block;
    line-height: 1.4;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
    padding-left: 1em;
    padding-right: 1em;
    background-image: none;
    background-color: #D9CFBC;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: thin;
    border-bottom-width: thin;
    border-right-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
}

.button-Link:link {
    background-color: #D9CFBC;
    color: #000;
}

.button-Link:hover {
    background-color: #F29B28;
    color: white;
    text-decoration: none;
}


input[type=submit] {
    background-color: #D9CFBC !important;
}

input[type=submit]:hover {
    background-color: #F29B28 !important;
    color: white;
}

input[type=button] {
    background-color: #D9CFBC !important;
}

input[type=button]:hover {
    background-color: #F29B28 !important;
    color: white;
}

button[type=button] {
    background-color: #D9CFBC !important;
}

button[type=button]:hover {
    background-color: #F29B28 !important;
    color: white;
}



#loginLink {
    color: White;
}

.invisible {
    display: none;
}


.actiongrid, .listing-wrapper {
    width: 100%;
}


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

.ui-menu-item:hover {
    background-color: #F29B28;
    color: White !important;
}


.ui-menu .ui-menu-item a:hover {
    color: White !important;
}

.ui-state-hover {
    background-color: #F29B28;
    color: White !important;
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/* BROWSE FORMS */

#gridMessage {
    margin: 0 0 12px 0;
    padding: 10px;
    color: White;
    background-color: #e20a16;
    font-size: .8em;
    font-weight: bold;
}

.completedmessage {
    margin: 0 0 12px 0;
    padding: 10px;
    color: White;
    background-color: #e20a16;
    font-size: .8em;
    font-weight: bold;
}

.findBar {
    width: 100%;
    padding: 1px 0 1px 0;
    margin-bottom: 12px;
    background-color: #4883C3;
}

.searchCont {
    float: left;
    padding: 3px 3px 3px 5px;
}

.searchCont span {
    color: #fff;
    font-size: .8em;
    font-weight: bold;
}

.searchBox {
    margin: 0;
    border: 1px solid #fff;
    width: 500px;
    padding-left: 0.25rem;
}

.browseCont {
    float: right;
    padding: 3px 4px 3px 5px;
}

.browseCont span {
    color: #fff;
    font-size: .8em;
    font-weight: bold;
}

.browseCombo {
    margin: 0;
    border: 1px solid #fff;
}

.gridBar {
    width: 100%;
    padding: 0 0 4px 0;
    margin-bottom: 8px;
}

.gridBarAdd {
    float: right;
    margin: 1px 0 0 8px;
}

.actionCont {
    float: left;
    padding: 4px 4px 4px 5px;
    background-color: #F29B28;
}

.actionCont span {
    color: #fff;
    font-size: .8em;
    font-weight: bold;
}

#FindActionUserForm .actionCont {
    float: left;
    padding: 4px 4px 4px 5px;
    background-color: #F29B28;
}

#FindActionUserForm #ActionUserFilterID {
    width: 195px;
}

.actionCombo {
    margin: 0;
    border: 1px solid #fff;
}

.bayactionCombo {
    margin: 0;
    border: 1px solid #fff;
}

.filterCont {
    float: left;
    margin-right: 8px;
    padding: 4px 4px 4px 5px;
    background-color: #645F57;
}

.filterCont span {
    color: #fff;
    font-size: .8em;
    font-weight: bold;
}

.filterCont label {
    color: #fff;
}

.filterCombo {
    margin: 0;
    bordder: 1px solid #fff;
}

#DuplicateForm #Qty {
    width: 195px;
}

#DuplicateForm .editor-validation {
    width: 190px;
    margin-left: 0px;
}



.listing-border td {
    padding-top:2px;
    padding-bottom:2px;
    padding-right: 4px;
}

.listing-border-ro td {
    padding-right: 4px;
}

.ChkBoxAction {
    padding-left: 4px;
    width: 22px;
}

/* Custom */

/* Show Carpark bays */
#showCarparkBays .col8 {
    width: 300px;
}

/* Show Queues */

#showqueue .td-dark {
    background-color: white;
}

#showqueue .td-light {
    background-color: white;
}

#showqueue .unactioned {
    background-color: #a8ffa8;
}

#showqueue .unassigned {
    background-color: #dbffdb;
}

#showqueue .expiring {
    background-color: #EBEBDF;
}

#showqueue .critical {
    background-color: #ffc0c0;
}

#showqueue .td-dark:hover {
    background-color: #FAD5A3;
}

#showqueue .td-light:hover {
    background-color: #FAD5A3;
}

/*** POPUP FORMS ***/

fieldset {
    padding: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#update-popupmessage {
    margin: 0 2px 12px 2px;
    padding: 10px;
    color: White;
    background-color: #e20a16;
    font-size: .8em;
    font-weight: bold;
}

.update-popupmessage {
    margin: 0 2px 12px 2px;
    padding: 10px;
    color: White;
    background-color: #e20a16;
    font-size: .8em;
    font-weight: bold;
}

#update-popupokmessage {
    margin: 0 2px 12px 2px;
    padding: 10px;
    color: White;
    background-color: green;
    font-size: .8em;
    font-weight: bold;
}

.editor-label {
    float: left;
    clear: both;
    padding: 2px 0 0 0;
    color: #25201c;
    font-weight: bold;
}

.editor-label-readonly {
    padding: 0;
}

.editor-field {
    float: left;
}

.editor-field-verticalradiogroup {
    float: left;
}

.editor-field-verticalradiogroup .editor-field {
    clear: both;
}

.editor-field-horizontalcheckboxgroup {
    float: left;
}

.editor-field-horizontalcheckboxgroup .editor-field {
    clear: none;
}

.editor-text {
    display: block;
}

.editor-validation {
    color: #e20a16;
    font-weight: bold;
    font-size: .8em;
}

.editor-information {
    color: Green;
    font-weight: bold;
    font-size: .8em;
}

.editor-button {
    float: left;
    clear: both;
}

.OH {
    float: left;
    clear: both;
    color: #25201c;
    padding: 3px 0px 0px 0px;
    margin: 5 0 0;
    font-weight: bold;
    font-size: 1.2em;
}

.editor-field select {
    margin: 0 0 4px 0;
    padding: 0;
}

.editor-field input {
    margin: 0 0 4px 0;
    padding: 3px;
    padding-left: 3px;
}

.editor-field input.check-box {
    margin: 5px 0 7px 0;
}

.editor-field input.radiobutton {
    margin-bottom: 6px;
}
/* Padding textarea 1px matches input padding 0px */
.editor-field textarea {
    margin: 0 0 4px 0;
    padding: 1px;
}

.editor-validation span {
    margin: 0 0 6px 0;
    display: block;
}

.editor-information span {
    margin: 0 0 6px 0;
    display: block;
}

.editor-button a {
    margin: 0 0 4px 0;
}

/* Defaults for 400px wide popup */
.editor-label {
    width: 100px;
}

.editor-labelextra {
    float: left;
    clear: both;
    padding: 2px 0 0 0;
    color: #25201c;
    font-weight: bold;
    width: 200px;
}

.editor-validation {
    width: 250px;
    margin-left: 100px;
}

.editor-field select {
    width: 250px;
}

.editor-field input {
    width: 250px;
}

.editor-field input.datetimepicker {
    width: 229px;
}

.editor-field input.check-box {
    width: auto;
}

.editor-field textarea {
    width: 250px;
}

.editor-field-verticalradiogroup {
    width: 250px;
    margin-top: 4px;
}

.editor-field-verticalradiogroup .editor-field input.radiobutton {
    width: auto;
}

.editor-field-horizontalcheckboxgroup {
    width: 250px;
    margin-top: 2px;
}

.editor-field-horizontalcheckboxgroup .editor-field input.checkbox {
    width: auto;
}

.pageRegionHeader {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 4px;
}

.pageRegionHeader .editor-label {
    width: 100%;
    letter-spacing: 1px;
    font-size: 1.1em;
}

.dialogupdatebutton {
    float: right;
}

.complexrow {
    mdargin-bottom: 1px;
    clear: both;
    float: left;
    width: 100%;
}

/* NON-WORKFLOW CUSTOM POPUP FORMS */

/* Add/Update User */
#updateUserForm .editor-label {
    width: 200px;
}

#updateUserForm .editor-button a {
    margin: 4px 0 4px 0;
}

#updateUserForm .editor-information span {
    margin: 0 0 0 0;
}

/* Change Password */
#updatepasswordform .editor-label {
    width: 150px;
}

#updatepasswordform .editor-validation {
    width: 250px;
    margin-left: 150px;
}

/* Add/Update Role */
#updateRoleForm .editor-label {
    width: 350px;
}

#updateRoleForm .editor-validation {
    width: 350px;
    margin-left: 300px;
}

#updateRoleForm .editor-field select {
    width: 354px;
}

#updateRoleForm .editor-field input {
    width: 350px;
}

#updateRoleForm .editor-field input.check-box {
    width: auto;
}

#updateRoleForm .editor-field textarea {
    width: 350px;
}

/* Add/Update Carpark*/
#updateCarparkForm .editor-label {
    width: 200px;
}

#updateCarparkForm .editor-validation {
    width: 300px;
    margin-left: 200px;
    float: left;
}

#updateCarparkForm .editor-field select {
    width: 300px;
}

#updateCarparkForm .editor-field input {
    width: 300px;
}

#updateCarparkForm .editor-field input.check-box {
    width: auto;
    margin-top: 1px;
}

#updateCarparkForm .editor-field textarea {
    width: 300px;
}

/* Add zone*/
#addZoneForm .editor-label {
    width: 120px;
}

#addZoneForm .editor-validation {
    width: 250px;
    margin-left: 100px;
}

#addZoneForm .editor-field select {
    width: 250px;
}

#addZoneForm .editor-field input {
    width: 250px;
}

/* Add Price */
#addPriceForm .editor-label {
    width: 250px;
}

#addPriceForm .editor-validation {
    width: 250px;
    margin-left: 100px;
}

#addPriceForm .editor-field select {
    width: 250px;
    margin: 10 0 0px 0;
}

#addPriceForm .editor-field input {
    width: 250px;
}

#addPriceForm .editor-field input[type="checkbox"] {
    width: inherit;
    margin: 4 0 0px 0;
}

#addPriceForm .editor-label.przonelabel {
    margin: 10 0 0px 0;
}

.margintop5 {
    margin-top: 10px;
}

/* Add/Update Carpark Bay */
#updateCarParkBayForm .editor-label {
    width: 150px;
}

#updateCarParkBayForm .editor-validation {
    width: 350px;
    margin-left: 150px;
}

#updateCarParkBayForm .editor-field select {
    width: 354px;
}

#updateCarParkBayForm .editor-field input {
    width: 350px;
}

#updateCarParkBayForm .editor-field input.datetimepicker {
    width: 329px;
}

#updateCarParkBayForm .editor-field input.check-box {
    width: auto;
}

#updateCarParkBayForm .editor-field textarea {
    width: 350px;
}

#updateCarParkBayForm .autocreatecontainer {
    float: left;
    clear: both;
    background: #e8e8e8;
    padding: 4px 8px 4px 8px;
    margin: 2px 0 2px 0;
}

#updateCarParkBayForm .autocreatecontainer .editor-label {
    width: 142px;
}

#updateCarParkBayForm .autocreatecontainer .editor-validation {
    width: 342px;
    margin-left: 142px;
}

#updateCarParkBayForm .autocreatecontainer .editor-field select {
    width: 346px;
}

#updateCarParkBayForm .autocreatecontainer .editor-field input {
    width: 342px;
}

#updateCarParkBayForm .autocreatecontainer .editor-field input.datetimepicker {
    width: 329px;
}

#updateCarParkBayForm .autocreatecontainer .editor-field input.check-box {
    width: auto;
}

#updateCarParkBayForm .autocreatecontainer .editor-field textarea {
    width: 342px;
}

/* Edit Price */
#editPriceZoneForm .editor-label {
    width: 210px;
}

#editPriceZoneForm .editor-validation {
    width: 90px;
    margin-left: 210px;
}

#editPriceZoneForm .editor-field input {
    width: 90px;
}

#editPriceZoneForm .editor-field input.check-box {
    width: auto;
}

/* Edit Special Price */
#addPriceSpecialForm .editor-label {
    width: 175px;
}

#addPriceSpecialForm .editor-validation {
    width: 250px;
    margin-left: 175px;
}

#addPriceSpecialForm .editor-field select {
    width: 250px;
}

#addPriceSpecialForm .editor-field input {
    width: 250px;
}

#addPriceSpecialForm .editor-dual-field select {
    width: 150px;
}

#addPriceSpecialForm .editor-dual-field input {
    width: 120px;
}


/** WORKFLOW POPUP FORMS **/

.workflow {
    float: left;
    width: 1220px;
    padding: 4px 8px 8px 8px;
    margin-top: 8px;
    margin-bottom: 2px;
    background-color: #EBEBDF;
}


#MaintainWindowPassDialog .workflow {
    widdth: 940px;
}

#editqwp {
    width: 320px
}


#editqwp .editor-checkbox-ro {
    width: initial;
}



/* #e6ffe6 */
.workflow span {
    color: #25201c;
    font-weight: bold;
}

.workflow span.ui-button-text {
    color: inherit;
    font-weight: inherit;
}

.workflow .listing-border {
    margin-bottom: 2px;
}

.workflowLeft {
    float: left;
    width: 638px;
}

.workflowLeft {
    width: 900px;
}

#MaintainWindowPassDialog .workflowLeft {
    width: 900px;
}

.workflowRight {
    float: right;
    width: 290px;
}

.workflowRight span {
    float: left;
    padding-top: 2px;
}

.workflow .addbasicnote {
    margin-top: 2px;
}

.workflow .listing-border {
    margin-top: 1px;
}

.workflow .historyGrid .colnotes {
    width: 50px;
}

.workflow .historyGrid .col1 {
    width: 90px;
}

.workflow .historyGrid .col2 {
    width: 110px;
}

.workflow .historyGrid .col3 {
    width: 110px;
}

.workflow .historyGrid .col4 {
    width: 430px;
}

.workflowActionID {
    width: 290px;
    mardgin-bottom: 2px;
}

.workflowUserID {
    width: 222px;
    margidn-left: 6px;
    margin-bodttom: 2px;
    float: left;
    clear: both;
    width: 100%;
}

.workflowFollowUpDate {
    width: 85px;
    m3argin-left: 6px;
}

.workflowFollowUpTime {
    width: 45px;
    margin-left: 4px;
}

.workflowImportant {
    font: inherit;
}

.workflowNextMessage {
    width: 100%;
}

/* WORKFLOW CUSTOM POPUP FORMS */

/* Add Basic Note */
#BasicNoteForm #QINote_QueueItem_Message {
    width: 800px;
}

#BasicNoteForm #QINote_Note {
    width: 800px;
    height: 200px;
}

#BasicNoteForm .workflow {
    width: 789px;
    padding-top: 8px;
}

#BasicNoteForm .workflowLeft {
    width: 490px;
}

/* Add/Update Notes */
#MaintainNoteForm #QINote_QueueItem_Message {
    width: 950px;
    margin-top: 2px;
}

#MaintainNoteForm #QINote_Note {
    width: 950px;
    margin-top: 2px;
    height: 250px;
}

.updatebuttondockdiv {
    float: right;
    margin-bottom: 3px;
}

/* Add/Update Prospects */
#prospectinfoleft {
    float: left;
}

#prospectinfoleft .pageRegionHeader {
    margin-top: 2px;
}

#prospectinfoleft .editor-field {
    width: 365px;
}

#prospectinfoleft .editor-field input {
    width: 365px;
}

#prospectinforight {
    background-color: #f0f0f0;
    float: right;
    width: 455px;
    padding: 4px 8px 8px 8px;
}

#prospectinforight .editor-label {
    width: 200px;
}

#prospectinfoactions {
    float: right;
    clear: both;
    width: 100%;
    margin-top: 4px;
}

#prospectcontractcontainer {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 4px;
}

#prospectcontractcontainerheader {
    float: left;
    clear: both;
    width: 100%;
}

#prospectcontractgrid {
    float: left;
    clear: both;
    width: 100%;
}

#prospectcontractcontainer .listing-border {
    margin-bottom: 6px;
}

/* Add/Update Confirmations */
#confirmationinfoleft {
    float: left;
}

#confirmationinfoleft .pageRegionHeader {
    margin-top: 2px;
}

#confirmationinfoleft .editor-field {
    width: 365px;
}

#confirmationinfoleft .editor-field input {
    width: 365px;
}

#confirmationinforight {
    background-color: #f0f0f0;
    float: right;
    width: 455px;
    padding: 4px 8px 8px 8px;
}

#confirmationinforight .editor-label {
    width: 200px;
}

#confirmationinfoactions {
    float: right;
    clear: both;
    width: 100%;
    margin-top: 4px;
}

#confirmationcontractcontainer {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 4px;
}

#confirmationcontractcontainerheader {
    float: left;
    clear: both;
    width: 100%;
}

#confirmationcontractgrid {
    float: left;
    clear: both;
    width: 100%;
}

#confirmationcontractcontainer .listing-border {
    margin-bottom: 6px;
}

/* Add/Update Payments */
#paymentinfoleft {
    float: left;
}

#paymentinfoleft .pageRegionHeader {
    margin-top: 2px;
}

#paymentinfoleft .editor-label {
    width: 200px;
}

#paymentinfoleft .editor-field {
    width: 365px;
}

#paymentinfoleft .editor-field input {
    width: 365px;
}

#paymentcontractgrid {
    float: left;
    clear: both;
    width: 100%;
}

#paymentcontractcontaine .listing-border {
    margin-bottom: 6px;
}

#paymentcontractgrid .critical {
    background-color: #ffc8c8;
}

#MaintainOperationForm #QIOperation_QueueItem_Message {
    width: 800px;
}

#MaintainOperationForm #QIOperation_Note {
    width: 1233px;
    height: 200px;
}

/* Add/Update Bays */
#TempContractsForm .searchBox {
    width: 120px;
}

#TempContractsForm .findBar {
    margin-bottom: 2px;
}

#TempContractsForm .td-dark {
    background: white;
}

#TempContractsForm .td-light {
    background: white;
}

#TempContractsForm .td-dark:hover {
    background-color: #FAD5A3;
}

#TempContractsForm .td-light:hover {
    background-color: #FAD5A3;
}

#TempContractsForm .selectedprice {
    background-color: #ffc0c0;
}

#TempContractsForm .editor-field-horizontalcheckboxgroup .editor-field input.dayscheckbox {
    width: auto;
    margin: 0 0 10px 10px;
}

#TempContractsForm .editor-field-horizontalcheckboxgroup {
    width: 600px;
    margin-left: 10px;
}

#TempContractsForm .editor-field input.accesscheckbox {
    width: auto;
}

#AmendmentContractsForm .searchBox {
    width: 120px;
}

#AmendmentContractsForm .findBar {
    margin-bottom: 2px;
}

#AmendmentContractsForm .td-dark {
    background: white;
}

#AmendmentContractsForm .td-light {
    background: white;
}

#AmendmentContractsForm .td-dark:hover {
    background-color: #FAD5A3;
}

#AmendmentContractsForm .td-light:hover {
    background-color: #FAD5A3;
}

#AmendmentContractsForm .selectedprice {
    background-color: #FAD5A3;
}

#AmendmentContractsForm .editor-field-horizontalcheckboxgroup .editor-field input.dayscheckbox {
    width: auto;
    margin: 0 0 10px 10px;
}

#AmendmentContractsForm .editor-field-horizontalcheckboxgroup {
    width: 600px;
    margin-left: 10px;
}

.editor-field-termradiogroup {
    float: left;
    width: 250px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.editor-field-termradiogroup .editor-field {
    clear: both;
}

.editor-field-termradiogroup .editor-field .editor-field {
    margin-left: 25px;
}

.editor-field-termradiogroup .editor-field input.radiobutton {
    width: auto;
}

#amendmentinfoleft {
    float: left;
}

#amendmentinfoleft .pageRegionHeader {
    margin-top: 2px;
}

#amendmentinfoleft .editor-label {
    width: 565px;
}

#amendmentinfoleft .editor-field input {
    width: 565px;
}

#amendmentinfoleft .editor-field input.check-box {
    width: auto;
}

#amendmentinfoheader .pageRegionHeader {
    margin-top: 2px;
}

#amendmentinfoheader .editor-label {
    width: 365px;
}

#amendmentinfoheader .editor-field input {
    width: 565px;
}

#amendmentinforight {
    background-color: #f0f0f0;
    float: right;
    width: 455px;
    padding: 4px 8px 8px 8px;
}

#amendmentinforight .editor-label {
    width: 200px;
}

#amendmentinfoactions {
    float: right;
    clear: both;
    width: 100%;
    margin-top: 4px;
}

#amendmentcontractcontainer {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 4px;
}

#amendmentcontractcontainerheader {
    float: left;
    clear: both;
    width: 100%;
}

#amendmentcontractgrid {
    float: left;
    clear: both;
    width: 100%;
}

#amendmentcontractcontainer .listing-border {
    margin-bottom: 6px;
}

#updateNoteForm .editor-field textarea {
    width: 350px;
    height: 352px;
}

#updateNoteForm .editor-field input {
    width: 350px;
}



#noteDialog {
    background-color: lightgoldenrodyellow;
}

/* This breaks the rounded corners (was margin: -1px) but stops annoying size change of selected item */
ul.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
}

.ui-autocomplete .ui-menu-item a.ui-corner-all {
    line-height: 1em;
    padding: 3px;
}

.colmask {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background-color: White;
}

#custgridwrapper {
    background-color: White;
    padding-top: 5px;
}

.tccolright, .tccolmid, .tccolleft {
    float: left;
    width: 100%;
    position: relative;
}

.tccol1, .tccol2, .tccol3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
}

.threecol {
    font: inherit;
}

.threecol .tccolmid {
    right: 33%; /* Right col width */
}

.threecol .tccolmid {
    display: flex;
    flex-direction: row;
}

.threecol .tccolmid > div {
    display: flex;
}

.threecol .tccolleft {
    right: 34%; /* Centre col width */
}

.threecol .tccol1 {
    /* width: 43%; /* width of center column content (column width minus padding on either side) */
    /* left: 94%; /* 100% plus left padding of center column */
    width: 26%; /* width of center column content (column width minus padding on either side) */
    left: 92%; /* 100% plus left padding of center column */
    padding-left: 0px;
}

.threecol .tccol1 p {
    padding-left: 2px;
}

.threecol .tccol2 {
    /*width: 25%; /* Width of left column content (column width minus padding on either side) */
    /*left: 25%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    width: 23%; /* Width of left column content (column width minus padding on either side) */
    left: 42%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .tccol3 {
    /*width: 31%; /* Width of right column content (column width minus padding on either side) */
    /*left: 68%; */
    width: 47%; /* Width of right column content (column width minus padding on either side) */
    left: 70%;
}
/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */



.boldlabel {
    font-weight: bold;
}

.details-label {
    width: 100px;
    float: left;
    clear: both;
    padding: 2px 0 0 0;
    color: Black;
    font-weight: bold;
}

.details-field {
    float: left;
    width: 100px;
}

div.tccolflex .details-field {
    float: left;
    width: 200px;
}

/*Add/Update Customer*/
#updateCustomerForm .editor-validadtion {
    float: left;
}

#updateCustomerForm .field-validation-error {
    margin-left: 100;
    width: 350px;
    float: left;
}

#updateCustomerForm .editor-label {
    width: 180px;
}

#updateCustomerForm .editor-validation {
    width: 350px;
}

#updateCustomerForm .editor-field {
    clear: right;
}

#updateCustomerForm .editor-field select {
    width: 250px;
}

#updateCustomerForm .editor-field input {
    width: 250px;
}

#updateCustomerForm .editor-field input.check-box, #updateCustomerForm .editor-field input[type=checkbox] {
    width: auto;
}

#updateCustomerForm #pddhone {
    float: left;
}

#updateCustomerForm .editor-validation {
    width: 250px;
}

.unloadedmap {
    height: 0px;
    width: 0px;
}

#loadedmap {
    margin-bottom: 25px;
}

.loadedmap {
    height: 350px;
    width: 350px;
}

.rightAlign {
    text-align: right;
}



/* Submit Application */

#WilsonColumn1of2 {
    float: left;
    width: 400px;
    height: 580px;
}

#WilsonColumn1of2 .section {
    margin-left: 3px;
    margin-bottom: 10px;
    width: 100%;
    width: 390px;
}

hr {
    border-width: 0px;
    border-top: 1px solid #c6c6c6;
    clear: both;
    width: 95%;
    height: 0;
    overflow: hidden;
    background: transparent;
    margdin: 1.5em 0;
    border: 0;
    border-bottom: 1px solid #000;
    border-color: #f7cd99;
}

#WilsonColumn1of2 .browseCont {
    float: right;
    padding: 0px 0px 0px 0px;
}


#WilsonColumn1of2 .section h2 {
    margin: 5px 0px 2px;
    font: 1.4em/1 "Montserrat", sans-serif;
}

#WilsonColumn1of2 .section h1, h3 {
    margin: 5px 0px 2px;
}

#WilsonColumn1of2 .section ul {
    list-style-type: none;
    padding: 0px;
    margin: 2px 0px 5px;
}

#WilsonColumn1of2 .section span {
    width: 100%;
    display: block;
}

#WilsonColumn1of2 #details input {
    width: 100%;
}

#WilsonColumn1of2 .section select, .datefield {
    width: 100%;
    border: 1px solid;
    margin: 3px;
}

#WilsonColumn1of2.ui-datepicker-trigger {
    width: 150px;
}

#Wilsoncontainer #WilsonColumn1of2 .ui-datepicker-trigger {
    width: 20px;
    height: 20px;
}


#WilsonColumn1of2 .submit {
    width: 100px;
}



/* Column 2 */

#WilsonColumn2of2 {
    margin-right: 5px;
    padding-left: 5px;
    color: White;
    background-color: #D9CFBC;
    float: left;
    width: 400px;
    mdargin-left: -200px;
    height: 580px;
}

#WilsonColumn2of2 .section {
    margin-left: 3px;
    margin-bottom: 10px;
    width: 100%;
    width: 390px;
}

#WilsonColumn2of2 .browseCont {
    float: right;
    padding: 0px 0px 0px 0px;
}


#WilsonColumn2of2 .section h2 {
    margin: 5px 0px 2px;
    font: 1.4em/1 "Montserrat", sans-serif;
}

#WilsonColumn2of2 .section h1, h3 {
    margin: 5px 0px 2px;
}

#WilsonColumn2of2 .section ul {
    list-style-type: none;
    padding: 0px;
    margin: 2px 0px 5px;
}

#WilsonColumn2of2 .section span {
    width: 100%;
    display: block;
}

#WilsonColumn2of2 #details input {
    width: 360px;
    margin: 8px 3px 0;
}

#WilsonColumn2of2 .editor-validation {
    margin: 8px 15px 0;
}

#WilsonColumn1of2 .field-validation-error {
    margin: 8px 15px 0;
    margin: 11px 15px 7px;
    color: red;
}


#WilsonColumn2of2 .section select, .datefield {
    width: 100%;
    border: 1px solid;
    margin: 3px;
}

#WilsonColumn2of2 .submit {
    width: 100px;
}

#WilsonColumn2of2 p {
    margin: 20px;
    margin-top: 60px;
    fodnt: 1em/1.4 "Lato", sans-serif;
    margin-bottom: 40px;
    font-size: 1.1em;
}


#WilsonColumn2of2 p.pnot {
    margin: 20px;
    margin-top: 20px;
}

.imgsubmitapp {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 360px;
    height: 160px;
}


.imgsubmitlogin {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 360px;
    heidght: 200px;
}

#WilsonColumn2of2 button[type=submit] {
    background-color: #F29B28 !important;
    color: white;
    width: 360px;
    height: 30px;
    text-align: center;
}

#WilsonColumn2of2 input, textarea, keygen, select, button, isindex {
    fdont: 1em "Lato", sans-serif;
}

#WilsonColumn2of2 input {
    height: 40px;
}

#WilsonColumn1of2 select {
    font: normal normal normal 13.3333330154419px/normal Arial;
    font: 1em "Lato", sans-serif;
    height: 40px;
}

#WilsonColumn1of2 input#UserName {
    border: 0px;
    margin: 11px 15px 7px;
    width: 360px;
    font: normal normal normal 13.3333330154419px/normal Arial;
    font: 1em "Lato", sans-serif;
    height: 40px;
}

#WilsonColumn1of2 input#RememberMe {
    margin: 11px 15px 7px;
}

#WilsonColumn1of2 .editor-validation {
    margin: 11px 15px 7px;
    color: red;
}

#WilsonColumn1of2 .validation-summary-errors {
    margin: 11px 15px 7px;
    color: red;
}

#WilsonColumn1of2 a#forgotpassword {
    margin: 11px 15px 7px;
    color: Black;
}

#WilsonColumn1of2 input#Password {
    border: 0px;
    margin: 11px 15px 7px;
    width: 360px;
    font: normal normal normal 13.3333330154419px/normal Arial;
    font: 1em "Lato", sans-serif;
    height: 40px;
}

#WilsonColumn1of2 input#PasswordConf {
    border: 0px;
    margin: 11px 15px 7px;
    width: 360px;
    font: normal normal normal 13.3333330154419px/normal Arial;
    font: 1em "Lato", sans-serif;
    height: 40px;
}


#submitactivateaccount {
    background-color: #D9CFBC !important;
    color: black;
    width: 360px;
    height: 30px;
    text-align: center;
}



#submitButton {
    background-color: #D9CFBC !important;
    color: black;
    height: 30px;
    text-align: center;
}


.submitsection {
    text-align: center;
    clear: both;
}



/* end of Column 2 */





#column1-wrap {
    float: left;
    width: 100%;
}

#Wilsoncontainer {
    margin: 75px auto 0 auto;
    width: 815px;
    font-family: "Lato", sans-serif;
}

#Wilsoncontainer .editor-validation {
    width: 250px;
    margin-left: 0px;
    margin: 11px 15px 7px;
}


#Wilsoncontainer #WilsonColumn1of2 {
    background-color: #F29B28;
    color: white;
    dmargin-right: 300px;
    margin-left: 5px;
}

#Wilsoncontainer #WilsonColumn1of2 h1 {
    font-size: 1.10em;
    color: white;
    margin: 18px 15px 0px;
    font: 1.4em/1 "Montserrat", sans-serif;
    height: 70px;
}


#Wilsoncontainer #WilsonColumn1of2 h2 {
    font-size: 1.10em;
    color: white;
    margin: 18px 15px 0px;
    font: 1.2em/1 "Montserrat", sans-serif;
}

#Wilsoncontainer #WilsonColumn1of2 h3 {
    font-size: 1.10em;
    color: white;
    text-align: center;
    margin: 2px 0px 0px;
}


#WilsonColumn1of2 .section select {
    border: 0px;
    margin: 11px 15px 7px;
    width: 360px;
}

#WilsonColumn1of2#StartDate {
    border: 0px;
    margin: 8px 15px 0px;
    width: 350px;
}


#Wilsoncontainer#WilsonColumn1of2.section {
    mdargin-left: 30px;
    margin-bottom: 7px;
}



/* Column2 override */

#Wilsoncontainer #WilsonColumn2of2 {
    background-color: #D9CFBC;
    color: black;
}


#Wilsoncontainer #WilsonColumn2of2 h2 {
    font-size: 1.10em;
    color: black;
    margin: 18px 3px 0px;
    font: 1.2em/1 "Montserrat", sans-serif;
}

#Wilsoncontainer #WilsonColumn2of2 h2:after {
    content: "\00a0";
}

#Wilsoncontainer #WilsonColumn2of2 h3 {
    font-size: 1.10em;
    color: black;
    text-align: center;
    margin: 2px 0px 0px;
}


#column2 .section select {
    border: 0px;
    margin: 8px 15px 0px;
    width: 360px;
}

#column2#StartDate {
    border: 0px;
    margin: 8px 15px 0px;
    width: 360px;
}


#column2 .editor-validation {
    margin: 8px 15px 0px;
}


#Wilsoncontainer#WilsonColumn2of2.section {
    mardgin-left: 30px;
    margin-bottom: 7px;
}

/* end of column2 overrides */
#submitloginaccount {
    background-color: #D9CFBC !important;
    color: black;
    width: 360px !important;
    height: 30px;
    text-align: center;
}

#application .submit #submitloginaccount {
    background-color: #D9CFBC !important;
    color: black;
    width: 360px !important;
    height: 30px;
    text-align: center;
}

.imgsubmitlogin {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 360px;
    heidght: 200px;
}


/*
#ipContainer
{
    margin: 50px auto 0 auto;
    background-color: white;
    width: 536px;
}
#ipContainer fieldset
{
    padding: 25px 25px 20px 25px;
}
#ipContainer .validation-summary-errors ul
{
    margin: 0;
    padding: 0;
}
#ipContainer .validation-summary-errors li
{
    margin: 0 0 12px 0;
    padding: 10px;
    color: White;
    background-color: #e20a16;
    font-size: .8em;
    font-weight: bold;
}
#ipLogin
{
    background: #fff url(WilsonSplash.JPG) no-repeat;
    padding-left: 265px;
    padding-top: 18px;
}
#ipLogin .editor-label
{
    float: none;
    width: 210px;
    padding: 0;
}
#ipLogin .editor-field
{
    float: none;
    width: 210px;
}
#ipLogin .editor-validation
{
    float: none;
    width: 210px;
    margin-left: 0;
    margin-top: 4px;
}
#ipLogin .editor-field input
{
    width: 210px;
    margin: 0;
}
#ipLogin input.submit
{
    float: none;
    margin-top: 10px;
    margin-bottom: 30px;
}
/*/

#ViewNoteForm .editor-field textarea {
    width: 350px;
    height: 352px;
}

#updateContactForm .editor-field textarea {
    width: 350px;
    height: 150px;
}

th a.contactedit {
    margin-top: 2px;
}

#contactmain {
    margin-top: 2px;
}

.contactedit {
    margin-top: 2px;
}

#NoteForm .editor-field textarea {
    width: 650px;
}

#NoteForm .editor-field input {
    width: 650px;
}



.theprice {
}

.clearboth {
    float: left;
    clear: both;
    text-align: left;
    vertical-align: middle;
}

.selectedprice {
    background-color: #FF9999;
}

#agreementframe {
    height: 600px;
}
/* New WorkFlow Note */

#customerplates .col1 {
    width: 150px;
}

#MaintainPaymentForm #QIPayment_PaymentNotes {
    width: 1033px;
    margin-top: 2px;
    height: 100px;
}

#ContractsForm .editor-label {
    width: 150px;
}

#ApplyPriceForm .editor-label {
    width: 150px;
}

#ApplyPriceForm .editor-field select {
    width: 150px;
}

#ApplyPriceForm .editor-field input {
    width: 150px;
}

#ApplyPriceForm .editor-field input.check-box {
    width: auto;
}

#ApplyPriceForm .editor-validation {
    width: 300px;
}

#ApplyPriceForm .editor-field input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
}

#CancelPriceForm .editor-label {
    width: 150px;
}

#CancelPriceForm .editor-field input.check-box {
    width: auto;
}

.imgleftcenter {
    display: block;
    margin-left: 5px;
    margin-right: auto;
    margin-top: 18px;
}

#companyName div .floatleft {
    float: left;
}

#imageholder {
    float: left;
    width: 200px;
}

.floatleft {
    float: left;
    width: 200px;
}

#companyName .floatleft {
    float: left;
}

#updateRegionForm .editor-label {
    width: 200px;
}

#showRegions tr.gridhead th:nth-child(3) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(4) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(5) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(6) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(7) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(8) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(9) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead th:nth-child(10) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead-ro th:nth-child(2) {
    text-align: right;
    width: 100px;
}

#showRegions tr.gridhead-ro th:nth-child(3) {
    text-align: right;
}

#showRegions tr.gridhead-ro th:nth-child(4) {
    text-align: right;
}

#showRegions tr.gridhead-ro th:nth-child(5) {
    text-align: right;
}

#showRegions tr.gridhead-ro th:nth-child(6) {
    text-align: right;
}

#showcardfeeregions tr.gridhead th:nth-child(4) {
    text-align: right;
    width: 150px;
    padding-right: 30px;
}

#showcardfeeregions tr td:nth-child(4) {
    text-align: right;
    width: 150px;
    padding-right: 30px;
}

#showcardfeeregions tr.gridhead th:nth-child(6) {
    text-align: right;
    width: 150px;
}

#RegionFee_ChargeNonReturnFee {
    width: auto;
}

#PriceOverrideForm fieldset {
    min-width: 300px;
}

.editor-label-wide {
    width: 200px;
}

#ContractsForm .editor-label-wide {
    width: 200px;
}


.filterlink .ui-button-text {
    color: #333;
}

.filterlink:hover .ui-button-text {
    color: #fff;
}

.carparkbrowse {
    width: 237px;
}

#subMenuContainer.errorbackground {
    background: #666666;
}

.securityexception {
    margin: 3px;
    padding: 3px;
    background: Red;
    color: White;
}


#showcarparkbays2 .recent {
    background-color: #f6a66a;
}

#showcarparkbays2 .expired {
    background-color: #ffc0c0;
}

.bulklink {
    text-decoration: none;
}

.bulklink:hover {
    cursor: pointer;
    background-color: #F29B28;
}

.bulklink .ui-button-text {
    color: #333;
}

.bulklink:hover .ui-button-text {
    color: #fff;
}

div.ui-dddddialog {
    position: fixed;
    top: 250px;
    left: 50px;
}


#invoiceframe {
    height: 550px;
}

#invoicefiedldset {
    height: 100%;
}

#factframe {
    height: 550px;
}

#factfielddset {
    height: 100%;
}

#changesdesc {
    padding-top: 20px;
}


.editord-xml-field {
    float: left;
    width: 500px;
}

#AgreementDialog {
    height: auto;
}

.changestable {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.changestable th {
    text-align: left;
}

.changestable td {
    min-width: 100px;
}


.changesoldh {
    min-width: 100px;
}

.changesnewh {
    min-width: 100px;
}

.changesproph {
    text-align: left;
    min-width: 200px;
}

#reverse {
    float: right;
}

.Calculatorhdr {
    font-size: larger;
    font-weight: bolder;
    color: Navy;
}

#ContractsForm .details-field {
    width: auto;
    margin: 5px 0 7px 0;
}


#contractfieldset .details-field {
    width: auto;
    margin: 5px 0 7px 0;
}

#updateCustomerAgreementForm .editor-validadtion {
    float: left;
}

#updateCustomerAgreementForm .field-validation-error {
    margin-left: 100;
    width: 350px;
    float: left;
}

#updateCustomerAgreementForm .editor-label {
    width: 200px;
}

#updateCustomerAgreementForm .editor-validation {
    width: 350px;
}

#updateCustomerAgreementForm .editor-field {
    clear: right;
}

#updateCustomerAgreementForm .editor-field select {
    width: 354px;
}

#updateCustomerAgreementForm .editor-field input {
    width: 350px;
}

#updateCustomerAgreementForm .editor-field input.check-box {
    width: auto;
}

#updateCustomerAgreementForm #pddhone {
    float: left;
}

#updateCustomerAgreementForm .editor-validation {
    width: 350px;
}

#updateCustomerAgreementForm #SendEmail {
    width: 50px;
    margin: 3px;
}


#updateCustomerAgreementForm #MarkAsInternal {
    width: 50px;
    margin: 3px;
}

#customeragreements .actionCont {
    width: 100%;
    margin-bottom: 10px;
}

#customeragreements .actionCont {
    float: left;
    padding: 4px 4px 4px 5px;
    background-color: #f6a66a;
}

#customeragreements .actionCont span {
    color: #fff;
    font-size: .8em;
    font-weight: bold;
}


.editor-fieldn input {
    width: 250px;
}

.uploaddiv {
    margin-top: 5px;
}

#linternalonly {
    margin-left: 15px;
}

#customeragreements .actionCont span.ui-button-text {
    color: Black;
}

#uploadcustomeragreement {
    color: Black;
}

#uploadcustomeragreement .ui-button-text {
    color: Black;
}

#uploadcustomeragreement:hover .ui-button-text {
    color: Black;
}

#Agreement_Agreement1 {
    margin-left: 15px;
}

.notclear {
    clear: none;
    padding-left: 10PX;
}

#AgreementDialog .editor-label {
    width: 230px;
}

#AgreementDialog #doctitle {
    width: 150px;
}

.checkalign {
    padding-top: 5px;
}


#AgreementDialog fieldset {
    height: auto;
    clear: both;
}

#AgreementDialog .editor-validation {
    margin-left: 10px;
    width: auto;
}

#amendmentinfoheader .editor-label {
    width: 215px;
}


#amendmentinfoleft .editor-label {
    width: 215px;
}

#amendmentinforight {
    float: left;
}

#QIAmendment_RetentionNotes {
    width: 300px;
    height: 75px;
}

#amendmentinfoleft textarea {
    width: 1018px;
}


#QIConfirmation_RetentionNotes {
    width: 300px;
    height: 75px;
}


.test {
    background-color: #C97E6C;
}

#ApplyPriceDialog .editor-field-verticalradiogroup {
    width: auto;
}

#ApplyPriceDialog .editor-field input[type="checkbox"] {
    width: 100px;
}

#ApplyPriceDialog .editor-field input.radiobutton {
    width: 50px;
}

#ApplyPriceForm .editor-label {
    width: 220px;
}

#carparktoolbar {
    width: 600px;
    padding-right: 10px;
}

#bulkcarpark {
    clear: both;
    padding-top: 5px;
}

#cpheader {
    width: 100%;
    float: left;
    height: 60px;
    padding-top: 5px;
    background-color: White;
}

#carparktoolbaradd {
    font: inherit;
}



.casdesc {
    font: inherit;
}

.casrate {
    font: inherit;
}

div.casrate {
    margin-left: 20px;
}

.ratetitlediv {
    float: left;
    margin: auto;
}

.ratetitlediv input {
    width: 300px;
}

.ratelinediv {
    clear: both;
    float: left;
    margin: auto;
    width: 100%;
}

.ratelinediv.editor-label {
    width: 100px;
}

#updateRateForm.editor-label {
    clear: none;
}

#updateRateForm div.editor-label {
    clear: none;
    margin-left: 15px;
    width: 130px;
}

#upda33teRateForm div.editor-field {
    width: 130px;
}


#updateRateForm div.editor-label.casdesclbl {
    width: 130px;
}


#updateRateForm div.editor-label.casratelbl {
    width: 160px;
}

.editor-field.casrateedit {
    padding-left: 10px;
}

.ratefieldset {
    margin-bottom: 4px;
    color: White;
    border-color: white;
}

.casrateedit input {
    width: 40px;
}

.casdescedit input {
    width: 250px;
}

.smallpad {
    margin: 10px;
}

.listing-border.whitetable {
    background: #FFFFFF;
}

.listing-borderwhite {
    background: #FFFFFF;
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
    margin-bottom: 12px;
    border-width: 0;
}

.whitecolor {
    background: #FFFFFF;
}

.number {
    float: right;
    vertical-align: top;
    text-align: right;
}

.maxwidth {
    width: 100%;
}

.editratebutton {
    width: 280px;
}

#ratestable.listing-border td {
    padding-right: 10px;
}

#updateRegionFeesForm .editor-label {
    width: 200px;
}

#updateRegionFeesForm .editor-validation {
    margin-left: 200px;
}

#addZoneForm .editor-field input[type="checkbox"] {
    width: auto;
    margin: 5px;
}

.listing-border td {
    madx-width: 450px;
}

.listing-border td.col2 {
    min-width: 90px;
}

.listing-border td.qactfrom {
    min-width: 90px;
    max-width: 90px;
    width: 90px;
}

.listing-border td.qlastact {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
}

.listing-border td.qcoldetails {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
}



.listing-border td.qwflowid {
    min-width: 90px;
    max-width: 90px;
    width: 90px;
}

.listing-border td.qbranchid {
    min-width: 90px;
    max-width: 90px;
    width: 90px;
}


#noteDialog {
    max-height: 700px;
}


.baysetuprightcolumn {
    float: right;
    width: 500px;
}

.baysetupleftcolumn {
    float: left;
    width: 500px;
}

.indent {
    margin: 20px;
}


#TempContractsForm .editor-label {
    width: 120px;
}

.editor-labeldblwidth {
    width: 200px;
}

#TempContractsForm .pageRegionHeader .editor-label {
    width: 100%;
}

#TempContractsForm .editor-labeldblwidth {
    width: 200px;
}

#showbranches tr.gridhead th {
    width: 100px;
}

#updateBranchForm .editor-label {
    width: 270px;
}

#customercontainer .details-label {
    width: 150px;
}

#customercontainer input[type="checkbox"] {
    width: auto;
}


#casualrightcolumn {
    float: right;
    width: 475px;
}

#casualleftcolumn {
    float: left;
    width: 475px;
}

#addaccesscards {
    margin-bottom: 5px;
}


.floatright {
    float: right;
}


#RowTemplateHdr {
    width: 100%;
    clear: both;
    font-weight: bold;
    background-color: #D9CFBC;
    margin-top: 5px;
}

#NewAccessCards {
    width: 100%;
    clear: both;
}

#NewAccessCards div.ACLine {
    float: left;
    padding-bottom: 2px;
    padding-top: 2px;
}


#NewAccessCards div.ACLine div {
    float: left;
    margin-left: 2px;
}

#NewAccessCards div.ACLine input {
    width: 100%;
}

#NewAccessCards div.ACLine select {
    width: 100%;
}

#RowTemplateHdr div.ACLine div {
    float: left;
    margin-left: 2px;
}

#RowTemplateHdr div {
    background-color: #D9CFBC;
}

#RowTemplateHdr div.ACLine {
    background-color: #D9CFBC;
}

#RowTemplateHdr div.ACLine div {
    background-color: #D9CFBC;
}


#RowTemplateHdr div.ACLine label {
    background-color: #D9CFBC;
}

.cacarparklistwidth {
    width: 220px;
}

.capricezonelistwidth {
    width: 140px;
}

.cacardtypelistwidth {
    width: 100px;
}

.careferencewidth {
    width: 120px;
}

.cacontactwidth {
    width: 120px;
}

.caqtywidth {
    width: 70px;
}

.cafeewidth {
    width: 100px;
}

#cafl {
    padddding-top: 5px;
    width: 400px;
    float: left;
}

#cafl .details-field {
    width: 20px
}

#cafl .caof {
    font: inherit;
}

#carfl {
    paddifng-top: 5px;
    width: 400px;
    float: left;
    padding-bottom: 5px;
}

#carfl .details-field {
    width: 20px;
    margin-top: 2px;
}

#EditAccessCards div.ACLine div {
    float: left;
}

#EditAccessCards div.ACLine div.ACComponent {
    width: 50%;
    height: 25px;
}

#EditAccessCards div.ACLine div.editor-validation {
    clear: both;
}

#EditAccessCards div.ACLine div.editor-label {
    paddding-top: 4px;
    width: 200px;
}

#EditAccessCards div.ACLine div.editor-field {
    padding: 2px 0 0 0;
    text-overflow: ellipsis;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
}

#EditAccessCards div.ACLine div.editor-field.editable {
    padding: 0px 0 0 0;
    margin-top: -2px;
}

#ReplacementAccessCards {
    clear: both;
    padding-top: 5px;
}

#ReplacementAccessCards div {
    float: left;
    margin-left: 2px;
}

#ReplacementAccessCards div.ACLine {
    float: left;
    clear: both;
    padding-bottom: 2px;
    padding-top: 2px;
}

#ReplacementAccessCards.calabel {
    margin-top: 2px;
    margin-left: 2px;
}

#ReplacementAccessCards div input {
    margin-top: -4px;
    width: inherit;
}

#RowACReplaceHdr .cacarparklistwidth {
    width: 375px;
}

#ReplacementAccessCards .cacarparklistwidth {
    width: 375px;
}

#RowACReplaceHdr {
    width: 100%;
    clear: both;
    font-weight: bold;
    background-color: #D9CFBC;
    margin-top: 5px;
    margin-bottom: 5px;
}

#RowACReplaceHdr div.ACLine div {
    float: left;
    margin-left: 2px;
}

#RowACReplaceHdr div {
    background-color: #D9CFBC;
}

#RowACReplaceHdr div.ACLine {
    background-color: #D9CFBC;
}

#RowACReplaceHdr div.ACLine div {
    background-color: #D9CFBC;
}


#RowACReplaceHdr div.ACLine label {
    background-color: #D9CFBC;
}

#wffollowup {
    float: left;
    clear: both;
}

.divfloatleft {
    float: left;
}

.divfloatright {
    float: right;
}

.divwidth50percent {
    width: 50%;
}

.editor-longlabel {
    width: 300px;
}

/* Snez added 9/11/2020 */
#FReplaceUserAccessCardsForm .editor-field input {
    width: 180px;
}

.point {
    cursor: pointer;
}

.cadeltitle input {
    vertical-align: initial !important;
}

#hiddendetails {
    display: none;
}

/* Snez end */

#MaintainWindowPassForm .editor-field input[type="checkbox"] {
    width: auto;
    margin: 0 0 0px 0;
}

.editor-checkbox-ro {
    width: 40px;
}

.printrequest {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

#MaintainWindowPassForm div.editor-field {
    padding: 2px 0 0 0;
}

#MaintainAccessCardForm .editor-field input[type="checkbox"] {
    width: auto;
    margin: 0 0 0px 0;
}

#MaintainAccessCardForm div.editor-field {
    padding: 2px 0 0 0;
}

#MaintainAccessCardForm div.divfloatleft div.editor-label {
    width: 150px;
}

a.carddecomLink {
    background-color: red;
}


.cardactLink {
    width: 135px;
    height: 21px;
}

.caclink {
    font: inherit;
}

#qaccontainer {
    padding-top: 1px;
    clear: both;
}

.ui-widget-content a.carddecomLink {
    color: lightgray;
}

#courierinfoleft {
    width: 50%;
    float: left;
}

#courierinfoleft .editor-label {
    width: 200px;
}

#courierinforight {
    width: 50%;
    float: left;
    padding-bottom: 10px;
}

#courierinforight .editor-label {
    width: 200px;
}

#courierinforight .ui-button-text-only .ui-button-text {
    padding: initial;
}

.newtablink {
    font: inherit;
}


.deliveryoptiondesc {
    width: 200px
}

.column3rd {
    float: left;
    width: 49.0%;
}


div.column3rd .editor-field input {
    /*width : auto;*/ /* Snez commented out 9/11/2020 */
}

div#cafro div.editor-label {
    padding-left: 20px;
}


#cadeloptions {
    width: 100%;
}


.cadeloption {
    height: 50px;
    vertical-align: middle;
    float: left;
    clear: both;
    width: 100%;
    margin-right: 10px;
}

.cadeloption input {
    height: 100%;
    vertical-align: middle;
}

.cadeltitle {
    height: 30px;
    vertical-align: middle;
}

.cadeltitle input {
    heigdht: 100%;
    vertical-align: middle;
}

.cadeltitle b {
    height: 100%;
    vertical-align: middle;
}


.clearboth {
    clear: right;
}

fieldset .fsdeloptions {
    padding: 0px;
    clear: both;
    margin-top: 45px;
}

.cadelspan {
    float: left;
    vertical-align: middle;
    display: flex;
}

.header h3 {
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cadelspan label {
    padding-left: 10px;
}

.bold {
    font-weight: bold;
}

input#DeliveryNo {
    margin-left: 10px;
    margin-right: 10px;
}



#BaysForm div#contractsgrid table.listing-border th:nth-child(1) {
    text-align: center;
}

#customercontracts div#contractscontainer table.listing-border td:nth-child(3) {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 235px;
}

#customercontracts div#contractscontainer table.listing-border td:nth-child(4) {
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 5px;
}

.viewcclink:hover {
    cursor: pointer;
    background-color: #F29B28;
}

.listing-border .viewcclink:hover {
    background-color: #F29B28;
}

.listing-border .viewcclink .ui-button-text {
    color: #514A46;
}

.listing-border .viewcclink:hover .ui-button-text {
    color: #fff;
}


.listing-border-ro .viewcclink:hover {
    background-color: #F29B28;
}

.listing-border-ro .viewcclink .ui-button-text {
    color: #25201c;
}

.listing-border-ro .viewcclink:hover .ui-button-text {
    color: #fff;
}

#updateContactForm .editor-label {
    width: 220px;
}


#updateContactForm .editor-field input {
    width: 200px;
}

#updateContactForm .editor-field input.check-box {
    width: auto;
}

#updateContactForm .editor-field textarea {
    width: 200px;
}

#updateContactForm .editor-field select {
    width: 200px;
}

#contactleft {
    width: 450px;
    float: left;
}

#contactright {
    width: 450px;
    float: left;
}

.vehiclerow {
    clear: both;
    margin-bottom: 10px;
}

.vehiclerow h2 {
    width: 200px;
    float: left;
}

.vehicletoggle {
    float: right;
    margin-right: 30px !important;
}

div.vehicleplate input:disabled {
    color: graytext;
    background-color: #e6e6e6;
}

a[disabled=disabled] {
    color: graytext;
    background-color: #e6e6e6;
}


.vehicleplate {
    font: inherit;
}

.vehicledetails {
    font: inherit;
}

#primaryrow {
    font: inherit;
}

#secondaryrow {
    font: inherit;
}

#tempvehiclerow {
    padding-top: 80px;
}

.activeplate {
    background-color: #4883C3;
    color: white;
}


.button-Link:link[disabled=disabled] {
    color: graytext;
    background-color: #e6e6e6;
}


.disabletoggle:hover {
    color: graytext !important;
    background-color: #e6e6e6;
}


.activeplate.button-Link:link {
    background-color: #4883C3;
    color: white;
}

a.activeplate {
    background-color: #4883C3;
    color: white !important;
}


.activeplate.disabletoggle:hover {
    color: white !important;
    background-color: #4883C3;
}

#contactright .editor-validation {
    margin-left: 0px;
    clear: both;
}

.divfloatleft2 {
    float: left;
    padding-left: 30px;
}

#CAForm h3 {
    color: black;
    margin-left: 5px;
}

#CAForm div#cafro {
    border: solid;
    width: /*auto*/ 48%; /* Snez modified 9/11/2020*/
    margin-right: 20px;
    border-width: 1px;
    border-color: lightgray;
    margin: 2px;
    /*margin-right:10px;*/
    padding-right: 10px;
    height: 200px;
}

#CAForm div#cafro.column3rd98 {
    width: 98.0%;
}

#CAForm div#cafro .editor-validation {
    width: 100%
}

.checkspace {
    margin-ledft: 202px;
    margin-top: 5px;
}

.checkspace2 {
    margind-left: 54px;
    clear: both;
}


.checkspace input.check-box {
    margin: 0 0 4px 0;
}

.checkspace2 input.check-box {
    margin: 0 0 4px 0;
}

.editor-field.checkspace label {
    clear: both;
}

.clrboth {
    clear: both;
}

#replaceContent {
    width: 300px;
}

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

#uploadimagediv {
    text-align: center;
    vertical-align: center;
    height: 300px;
    margin-bottom: 50px;
    width: 275px;
    position: absolute;
    top: 750px;
    top: 720px;
    width: 23%;
    min-width: 276px;
    margin-left: 10px;
}

.carparkimage {
    max-width: 100%;
    max-height: 100%;
}

.loadedmap {
    width: 100% !important;
}

#uploadimagediv div {
    padding: 5px;
}


.publicfeaturediv {
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    position: inherit;
    margin: auto;
    background-color: #e8e8e8;
    display: inline-table;
}

#showslides td.colimage img {
    width: 50px;
    height: 50px;
}

#showslides td.colmobimage img {
    width: 50px;
    height: 50px;
}

#updateSlideForm div.editor-label {
    width: 250px;
}

#updateSlideForm div.editor-field input[type="checkbox"] {
    margin: 5px 0 7px 0;
    width: auto;
}


#maparea {
    background-color: white;
    text-align: center;
    vertical-align: center;
    margin-bottom: 50px;
    margin-left: 10px;
}

#maparea h4 {
    padding: .1em .5em;
}

.uploadimagecontrol {
    background-color: #F29B28;
    margin: auto;
    width: fit-content;
    padding: 5px;
}

.uploaddocumentcontrol {
    background-color: #F29B28;
    margin: auto;
    width: 100%;
    padding: 5px;
}


.uploaddocumentcontrol div.uploaddiv {
    text-align: left;
    margin-left: 15px;
}

.uploaddocumentcontrol #DocumentReference {
    width: 300px;
}

#updatePromoCodeForm div.editor-field input[type="checkbox"] {
    margin: 5px 0 7px 0;
    width: auto;
}


#updatePromoCodeForm .editor-validation {
    clear: left;
}


.BubbleLink {
    lear: both;
    float: left;
    background-color: #f29b28;
    margin: 2px;
    color: white;
    padding: 2px;
}

#OverlayForm div.editor-label {
    width: 200px;
}

#OverlayForm div.editor-field input[type="checkbox"] {
    margin: 5px 0 7px 0;
    width: auto;
}

#OverlayForm div.editor-validation {
    float: left;
    margin-left: 200px;
}



.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

* html .ui-autocomplete {
    /* )hdeight: 100pxd; */
}



#updateSettingsForm .editor-label {
    width: 300px;
}



div.uploaddiv a.button-Link:hover, div.uploadimagecontrol input#submitcommand:hover {
    background-color: #beab8b !Important;
    color: #000 !Important;
    text-decoration: none;
    font-weight: bdolder;
}

.documentlink:hover {
    cursor: pointer;
    background-color: #F29B28;
}

.listing-border .documentlink .ui-button-text {
    color: #514A46;
}

.listing-border .documentlink:hover {
    background-color: #F29B28;
    color: white;
}

.listing-border .documentlink .ui-button-text:hover {
    background-color: #F29B28;
    color: white;
}

.documentlink {
    text-decoration: none;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 4px;
    width: 100%;
    border: none;
    font-weight: bold;
    text-align: left;
    outline: none;
    fdont-size: 15px;
    transition: 0.4s;
    margin-bottom: 5px;
    margin-top: 5px;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.accordionpanel {
    padding: 0 0px;
    background-color: white;
    max-hfeight: 0;
    overflow: hidden;
    display: none;
    transition: max-height 0.2s ease-out;
}

.showaccordionpanel {
    display: block;
}

/*Snez added 14/2/2020*/

.promocodecontainer {
    border: 2px solid rgb(192, 192, 192);
    border-radius: 4px;
    padding: 10px; /*background-color: antiquewhite;*/
}

.promocol1 {
    max-width: 29%;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 29%;
    height: 20px; /*background-color: yellow;*/
}

.promocol2 {
    max-width: 45%;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 45%;
    height: 20px; /*background-color: greenyellow;*/
}

.promocol3 {
    max-width: 17%;
    display: inline-block;
    position: relative;
    flex: 0 0 17%;
    height: 20px; /*background-color: deepskyblue*/
    ;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px; /*margin-bottom: 4px;*/ /*background-color:cyan;*/
}

#filter {
    width: 100%;
    height: 20px;
}

#filterlocationtype, #filterlocationtype select {
    width: 120px;
}

#buttonInclude, #buttonExclude, #buttonClearList, #buttonOutInclude, #buttonOutExclude, #buttonOutClearList {
    cursor: pointer;
    width: 80px;
}

#buttonExclude, #buttonClearList, #buttonOutExclude, #buttonOutClearList {
    margin-top: 20px;
}

#locationsIncludedLabel, #filterlocationtype, locationsOutIncludedLabel {
    padding-left: 10px;
    padding-right: 0;
}

#locationsIncluded {
    height: 80px;
}

#locationsOutIncluded {
    height: 100px;
}

/*#filterlocationtype, #filterlocation { padding-top: 4px;}*/

/*.promocodecontainer .editor-field input, .promocodecontainer .editor-field select { width: 300px;}*/
#SelectedLocationIDs {
    overflow-x: auto;
}

#SelectedOutLocationIDs {
    overflow-x: auto;
}

.promocodecontainer .ui-datepicker-trigger {
    margin-left: 2px;
}

#restrictLocRow {
    margin-top: 20px;
}


.okalert {
    padding: 20px;
    background-color: #e6ffe6; /* Red */
    color: Black;
    margin-bottom: 15px;
}

/* The close button */
.closealertbtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closealertbtn:hover {
    color: black;
}

#showcontacts table.listing-border td.col2b {
    max-width: 100px;
    width: 100px;
}

#showcontacts table.listing-border td.col1 {
    max-width: 250px;
    text-wrap: normal;
    text-overflow: ellipsis;
}

#showcontacts table.listing-border td.col2 {
    max-width: 250px;
    text-wrap: normal;
    text-overflow: ellipsis;
}

#showcontacts table.listing-border td.col4 {
    max-width: 100px;
}

#showcontacts table.listing-border td.col5 {
    max-width: 100px;
}

#showcontacts table.listing-border td.col6 {
    max-width: 100px;
}

#contactslistgrid.listing-border td.col2 {
    min-width: 65px;
    width: 65px;
}

#pricesgrid table.listing-border td.col2 {
    /* min-width: 90px; */
    max-width: 200px;
}

fieldset.filtergrp {
    padding-bottom: 20px;
    border: 1px solid lightgrey;
    margin-bottom: 5px;
}


#MaintainQuoteForm div#prospectinfoleft div.editor-label {
    width: 190px;
}

#MaintainQuoteForm div#prospectinfoleft div.editor-field input {
    width: 310px;
}

#MaintainQuoteForm div#prospectinfoleft div.editor-field select {
    width: 310px;
}


#MaintainQuoteForm div#prospectinfoleft div.editor-field {
    width: 330px;
}

#MaintainQuoteForm div#prospectinfoleft div.editor-field input.check-box {
    width: auto !important;
}

#MaintainQuoteForm div#prospectinfoleft div.editor-validation {
    width: 310px;
    margin-left: 190px;
}

#pincodeTable th {
    vertical-align: bottom;
}

#UploadPinCodes div.uploaddiv input {
    width: 100%;
}

.promoterm {
    pointer-events: auto;
    touch-action: auto;
    background: white;
}

.nonratepromo {
    pointer-events: none;
    touch-action: none;
    background: #ede6e6;
}

div.ui-datepicker.ymonly table.ui-datepicker-calendar {
    display: none;
}

a.Skidatalink {
    display: block;
}

a.Skidatalink img {
    width: 24px;
}

td.colskidata, td.colpesdata {
    text-align: center;
}

td.colpesdata img {
    width: 24px;
}

#customernumberplatesgrid table.listing-border tr.gridhead th:nth-child(8), #customernumberplatesgrid table.listing-border tr.gridhead th:nth-child(9) {
    text-align: center !important;
}

#SKIDATARequestForm div.editor-field {
    padding-top: 2px;
}


td.colsk1 {
    max-width: 50px;
}

td.colsk2 {
    min-width: 90px;
    max-width: 90px;
}

td.colsk8 {
    max-width: 40px;
}

td.colsk3 {
    max-width: 30px;
}

td.colsk4 {
    min-width: 70px;
}

.flexdiv {
    display: flex;
}

.divpadding2 {
    padding: 2px;
}

div.skidataselected {
    display: block;
    margin-bottom: 10px;
    /* clear: both; */
    width: 300px;
    margin-left: 200px;
    float: left;
}

div.skidataselected.hidefacility {
    display: none;
}

div.skidataselection {
    display: none;
}

div.skidataselection.facilityselectionhide {
    display: none;
}

div.skidataselection.facilityselectionshow {
    display: block;
}

div#SKIDATAStatus {
    background-color: red;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    top: 149px;
    left: 0;
    height: 22px;
    margin: 2 140px 0 140px;
    padding-top: 2PX;
}

.hiddenelement {
    display: none;
}

#dashboardmaincontainer {
    display: flex;
    flex-direction: column;
}

#dashboardmaincontainer div {
    display: flex;
    flex-direction: column;
    margin: 2px;
    padding: 2px;
}

#dashboardmaincontainer > div {
    margin: 2px;
    background-color: white;
    border-radius: 4px 4px;
    color: black;
    padding: 2px;
}

#dashboardmaincontainer > div.dashcontainer {
    background: #ebebdf;
}

#dashboardmaincontainer div#breakdown {
    flex-direction: row;
    padding-top: 2px;
    background: #F0F0F0;
    background: #ebebdf;
}

#dashboardmaincontainer div#breakdown div {
}

#dashboardmaincontainer div#breakdown div.dashdata {
    font-size: xx-large;
}

#dashboardmaincontainer div#breakdown > div {
    min-width: 200px;
    background: #FFFFFF;
    flex: 1 1 0;
    wwidth: 0;
}

#dashboardmaincontainer div#validate {
    flex-direction: row;
}

#dashboardmaincontainer div#fetchmore {
    flex-direction: row;
}

#dashboardmaincontainer div#summary {
    flex-direction: row;
    background: #F0F0F0;
    background: #ebebdf;
}

#dashboardmaincontainer div#summary div {
    background: #FFFFFF;
}

#dashboardmaincontainer div.dashheader {
    font-size: x-small;
    font-weight: bold;
    color: darkgray;
}

div#summary div:last-child {
    flex-grow: 1;
}

div#breakdown div:last-child {
    flex-grow: 1;
}

#dashboardmaincontainer div.dashdata {
    font-weight: bold;
    font-size: 1.5em;
    color: black;
    padding: 4px;
}

#dashboardmaincontainer div#validate, #dashboardmaincontainer div#validateremote, #dashboardmaincontainer div#fetch {
    flex-direction: column;
    background: #F0F0F0;
    background: #ebebdf;
    margin-top: 0;
    padding-top: 0;
}

#dashboardmaincontainer div#validate > div, #dashboardmaincontainer div#validateremote > div, #dashboardmaincontainer div#fetch > div {
    background: #FFFFFF;
}


#dashboardmaincontainer div#validate div, #dashboardmaincontainer div#fetch div, #dashboardmaincontainer div#validateremote div {
    background: #FFFFFF;
}

#dashboardmaincontainer div#validate > div.row, #dashboardmaincontainer div#validateremote > div.row, #dashboardmaincontainer div#fetch > div.row {
    flex-direction: row;
    background: #ebebdf;
    margin: 0;
    padding: 0;
}

#dashboardmaincontainer div#validate > div.row > div, #dashboardmaincontainer div#fetch > div.row > div, #dashboardmaincontainer div#validateremote > div.row > div {
    flex: 1 1 0;
    width: 0;
    width: 33%;
}

#dashboardmaincontainer div#validate > div.row div, #dashboardmaincontainer div#validateremote > div.row div, #dashboardmaincontainer div#fetch > div.row div {
    margin: 2px;
    padding: 2px;
    margin-bottom: 0px;
    margin-top: 0px;
}

div#masterdatadate, #dashboardmaincontainer div.masterdatadate {
    background: white;
    margin: 2px;
    padding: 2px;
    font-weight: bold;
    margin: 2px;
    padding: 6px;
    margin-top: 0;
    padding-top: 2px;
    margin-bottom: 0;
    padding-bottom: 2px;
    margin-left: 6px;
    margin-right: 6px;
}

div.hidedashaction {
    display: none !important;
}

div#dashboardmaincontainer div.dashcontainer {
    max-width: 95vw;
}

div#dashboardmaincontainer div.dashwrap {
    flex-wrap: wrap;
}

div#SDSErrorContainer {
    margin-top: 0px;
    padding-top: 0px;
}

div#SDSErrorContainer table {
    background: white;
    margin-left: 2px;
}

.gridheadski th {
    background: white;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    text-align: left;
    padding: 4px 4px 4px 4px;
    margin: 4px;
}

.gridheadski th a {
    text-decoration: none;
    color: #25201c;
}

.gridheadski th a:hover {
    text-decoration: underline;
}

.gridheadski td {
    padding: 4px 4px 4px 4px;
    margin: 4px;
}

table.listing-border-skidata td {
    padding: 4px 4px 4px 4px;
    margin: 4px;
}

table.listing-border-skidata td a.markLink {
    background-color: #d9cfbc;
    color: gray;
}

table.listing-border-skidata td a.markLink:hover {
    background-color: #f29b28;
    color: #fff;
}

#showfacilities table.listing-border tr.gridhead th:nth-child(8) {
    text-align: center !important;
}

#showfacilityproducts table.listing-border tr.gridhead th:nth-child(6) {
    text-align: center !important;
}

td.colSKIDATAAttention {
    text-align: center !important;
}


td.colSKIDATAAttention img {
    width: 24px;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

#updateFacilityForm .editor-label {
    width: 200px;
}

#updateFacilityProductForm .editor-label {
    width: 200px;
}

.SKIDATADeleted {
    color: red;
}

#updateFacilityForm div.editor-field img {
    width: 16px;
    vertical-align: middle;
    padding: 2px;
}

#updateFacilityForm div.editor-field input.check-box {
    margin: 2px;
}

#updateFacilityProductForm div.editor-field img {
    width: 16px;
    vertical-align: middle;
    padding: 2px;
}

#updateFacilityProductForm div.editor-field input.check-box {
    margin: 2px;
}

form#SKIDATARequestForm table.listing-border td {
    vertical-align: top;
}

form#SKIDATARequestForm table.listing-border td.colsk1 {
    max-width: 150px;
    vertical-align: top;
}

form#SKIDATARequestForm table.listing-border td.colsk2 {
    max-width: 130px;
    vertical-align: top;
}

form#SKIDATARequestForm table.listing-border td.colsk8 {
    width: 140px;
    max-width: 140px;
}

form#SKIDATARequestForm table.listing-border td.colsk3 {
    width: 40px;
}

#returncardtotal {
    float: right;
    margin-right: 68px;
}

table.cmsfeatures td:nth-child(1) {
    min-width: 188px;
}

table.cmsfeatures td:nth-child(2) {
    padding-left: 10px;
}

p.nomargin {
    margin: 0px;
}


div#carparkmaindiv div.tccolmid {
    right: auto !important;
}

div#carparkmaindiv div.tccolleft {
    right: auto !important;
}

div#carparkmaindiv div.tccol1, div#carparkmaindiv div.tccol2, div#carparkmaindiv div.tccol3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
    left: auto !important;
    width: 33.3% !important;
}

div#carparkmaindiv div.tccol1 {
    order: 1;
    padding-left: 10px;
    padding-right: 10px;
    width: 40% !important;
}

div#carparkmaindiv div.tccol2 {
    order: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 25% !important;
}

div#carparkmaindiv div.tccol3 {
    order: 2;
    padding-left: 10px;
    padding-right: 10px;
    width: 35% !important;
}

.flexrow.flex2column {
    display: flex;
    flex-direction: row;
}

.flexrow.flex2column .flexcolumn {
    width: 50%;
}

#updateCarparkForm .flexcolumn {
    margin-left: 5px;
    margin-right: 5px;
}

.oldfields {
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    position: inherit;
    margin: auto;
    background-color: #e8e8e8;
    display: inline-table;
}

#updateCarparkForm div.publicfeaturediv .editor-field input {
    width: 290px;
}

#updateCarparkForm div.publicfeaturediv .editor-field input.check-box {
    width: auto;
    margin-top: 1px;
}

form#updateCarparkForm div textarea#carpark_Notes {
    height: 110px;
}

.afterhours {
    margin-top: 15px !important;
}

#customereditcontainer {
    display: flex;
}

.customereditcontainerchild {
    margin: 5px;
}


.customereditcontainerchildcontainer {
    display: flex;
    flex-direction: column;
}

.tccolflex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tccolhalf {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-self: self-start;
    margin: 8px;
}

.tccolumn1 {
    width: 45%;
}

.tccolumn2 {
    width: 55%;
}

div.contactmodernplates {
    display: flex;
    flex-direction: column;
}

div.contactmodernplates label {
    display: inline-block;
    margin-bottom: .5rem;
}

div.contactmodernplates label.medlabelac {
    display: block;
}

div.contactmodernplates label:not(.normalfont) {
    font-weight: /*400*/ 700;
}

div.contactmodernplates label.labeldesc {
    margin-bottom: 1px;
    font-weight: 400;
}



/*div.contactmodernplates .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;

    color: var(--color-secondary);
    background-clip: border-box;
    border-radius: 0;
    font-size: 1rem !important;
    background-color: white;
    background-color: var(--background-color-input);*/
/* padding: 0.75rem; */
/*padding: 0 0.75rem;
    line-height: 1.5;
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    box-shadow: none;
}*/


div.contactmodernplates .form-control {
    width: 100%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    background-color: rgb(255, 255, 255);
    background-image: none;
    /* border: 1px solid rgb(204, 204, 204); */
    /* border-radius: 4px; */
    /* box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; */
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
    color: var(--color-secondary);
    background-clip: border-box;
    border-radius: 0;
    /* font-size: 1rem !important; */
    background-color: white;
    background-color: var(--background-color-input);
    /* padding: 0.75rem; */
    /* padding: 0 0.75rem; */
    line-height: 1.5;
    /* height: calc(1.5em + .75rem + 2px); */
    /* border: 1px solid #ced4da; */
    box-shadow: none;
    /* margin: 0 0 4px 0; */
    padding: 0;
    padding-left: 3px;
    border: 1px solid #000;
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--color-disabled-text);
    font-size: inherit;
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--color-disabled-text);
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--color-disabled-text);
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(179, 179, 179);
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--color-disabled-text);
}

.form-control::placeholder { /* Most modern browsers support this now. */
    color: var(--color-disabled-text);
    font-size: inherit;
}


/*.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
*/

div.contactmodernplates label.smlabelac {
    display: none;
    margin: 0 2px;
}

.warning {
    color: #ed1c24;
    color: var(--color-text-warning);
}

label.labeldesc {
    margin-bottom: 1px;
    font-weight: 400;
}

#contactplatescontainer {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
}

#PlateTemplateHdr, #contactplatesdatacontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    padding: 0px;
    width: 100%;
    flex-direction: column;
}

.plateitem.plplateiconwidth {
    justify-content: center;
    padding: 0px;
}

.plateitem {
    display: flex;
    flex: 1;
    margin: 2px;
    padding: 5px;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    height: 100%;
    align-items: center;
}

div.PlateLine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    padding: 5px;
    width: 100%;
    margin: 3px;
}

div.plplatedetails {
    flex: 4;
    margin: 0px 4px;
    margin-left: 4px;
}

div.plplateplate {
    flex: 1.4;
    margin: 0px 4px;
    margin-left: 4px;
}

div.plplateplate {
    display: flex;
}

div.plplatecardetails {
    flex: 3.4;
    margin: 0px 4px;
    margin-left: 4px;
}

div.plplatecardetails {
    display: flex;
}

#PlateTemplateHdr, #contactplatesdatacontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    padding: 0px;
    width: 100%;
    flex-direction: column;
}

div.extrainstructions {
    margin-top: 2rem;
}

div.lprlinedesccontainter p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.plateitem button, .breakdowndiv button {
    background: #FFF;
    border: solid 1px var(--color--grey-60);
    border-radius: 50%;
    color: var(--color--black);
    font-size: 1em;
    height: 3em;
    margin-left: var(--buttonGap);
    padding: 0;
    position: relative;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.95;
    cursor: default;
    outline: none;
}

.plateitem button {
    box-shadow: 0 0 0 0 rgba(1, 0, 0, 0.5);
    transform: scale(1);
    animation: pulse 10s linear 3s infinite;
}


svg {
    border-radius: 50%;
}

button.plateStatusbutton {
    border: none;
    height: 42px;
}

button.plateStatusbutton {
    background-image: url('WilsonRightArrowGrey.png');
    width: 51px;
    height: 51px;
    transform: scale(0.85);
}

button.plateStatusbutton.activeplate {
    width: 51px;
    height: 51px;
    background-image: url('WilsonRightArrowRed.png');
    transform: scale(0.85);
}


button.plateStatusbutton svg circle {
}

button.plateStatusbutton.skidata svg circle {
    fill: #666;
}

button.plateStatusbutton.activeplate svg circle {
    fill: red;
}


.pldateitem button:focus {
    border: solid 1px var(--color--grey-60);
    color: var(--color--black);
}

.plateitem button:disabled, .plateitem button[disabled] {
    opacity: 0.03;
}

.plateitem button:hover {
    opacity: 1;
}



.plateitem button:disabled:hover {
    opacity: 0.3;
}

.plateitem button[disabled]:hover {
    opacity: 0.03;
}

div.plplateplate {
    display: flex;
}

div.plplatecardetails {
    display: flex;
}

div.plplateplate {
    flex: 1.4;
    margin: 0px 4px;
    margin-left: 4px;
}

div.plplatecardetails {
    flex: 3.4;
    margin: 0px 4px;
    margin-left: 4px;
}

div.plplatedetails {
    flex: 4;
    margin: 0px 4px;
    margin-left: 4px;
}


div.updowncontrols button:focus {
    background: var(--color--grey-60);
}

img.activeplatetoggleIcon[src$="/Content/Images/inactiveplate.svg"] {
    opacity: 0.5;
}

img.activeplatetoggleIcon[src$="/Content/Images/inactiveplate.svg"]:hover {
    opacity: 1;
}


@media (max-width: 710px) {

    label.smlabelac {
        display: flex;
        color: var(--color--grey-30);
    }

    label.medlabelac {
        display: none;
    }

    div.plplateplate {
        flex: 1;
        align-items: center;
        flex-direction: column;
        align-items: flex-start;
        max-width: 90px;
        margin-right: 10px;
    }

    div.plplatecardetails {
        flex: 1;
        align-items: center;
        flex-direction: column;
        align-items: flex-start;
    }

    #RegisterMyAccountForm div.plplatecardetails {
        width: 100%;
    }

    div.plateitem.plplatedetails {
        flex-direction: row;
        justify-content: flex-start;
    }

    div.plateitem.updowncontrols {
        flex-direction: column;
        justify-content: center;
    }

    #RegisterMyAccountForm div.hidehdrsmall {
        display: none;
    }

    input.form-control.plateentry {
        max-width: 100px;
    }

    input.form-control.platedetailsentry {
        max-width: 200px;
    }
}


.mybutton {
    background: blue;
    background: url(/Content/Images/inactiveplate.svg)
}

html.no-svg .iconsvg {
    background: white;
    border-radius: 50%;
    height: 43px;
}

html.no-svg button.plateStatusbutton {
    background: #dddddd;
    border-radius: 50%;
    height: 43px;
}

html.no-svg button.plateStatusbutton.skidata {
    background: #666;
    border-radius: 50%;
    height: 43px;
}


html.no-svg button.plateStatusbutton.activeplate {
    background: red;
    border-radius: 50%;
    height: 43px;
}

.wilsonfontcolor {
    font-weight: 400;
    color: var(--color-primary);
}

.breakdowndiv {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.breakdowndiv div {
    margin: 2px;
}

.plateentry {
    text-transform: uppercase;
}


.hideicon {
    display: none;
}

div.extrainstructions {
    margin-top: 2rem;
    font-size: 13px;
}

#PlateTemplateHdrInstructions, #PlateTemplateHdrExtraInstructions {
    display: flex;
    /* justify-content: space-between; */
    align-items: start;
    background-color: #FFF;
    padding: 0px;
    width: 100%;
    flex-direction: column;
    margin-left: 0px;
}

#PlateTemplateHdrInstructions > *, #PlateTemplateHdrExtraInstructions > * {
    width: 100%
}

#PlateTemplateHdrInstructions label.labeldesc, #PlateTemplateHdrExtraInstructions label.labeldesc {
    width: 100% !important;
}

div.lprlinedesccontainter p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.hiddenlabelspace {
    margin: 0 0 4px 0;
}



td a, td a.ui-button {
    text-decoration: underline !important;
}

td a, td a:visited {
    color: black;
    padding: 0.1em 0.5em;
    border-radius: 4px;
    line-height: 1.4;
}

td a:hover, td a.ui-button:hover {
    text-decoration: none !important;
    color: white;
    background-color: #F29B28;
}

td a.noteLink:hover {
    text-decoration: none !important;
    background-color: inherit !important;
}

td a.noteLink.ui-button:hover {
    text-decoration: none !important;
    background-color: #F29B28 !important;
}

table.listing-border tr.td-dark td, table.listing-border tr.td-light td {
    padding-left: 4px;
}

table.listing-border tr.td-dark td:has(a.ui-button span.ui-button-text), table.listing-border tr.td-light td:has(a.ui-button span.ui-button-text) {
    padding-left: 1px;
}

table.listing-border tr.td-dark a.ui-button span.ui-button-text, table.listing-border tr.td-light a.ui-button span.ui-button-text {
}

p.lprchangegap {
    padding-top: 10px;
}

span.ignoreoverage {
    text-decoration: line-through;
}

span.lprblack {
    color: black;
}

p.lprbullet::before {
    content: "\2022";
    margin-right: 6px;
    color: black;
}

div.numberplateskidatadrill {
    flex-direction: column;
}

div.numberplateskidatadrill div.editor-label {
    width: 200px;
}

span.searchjsonlbl {
    font-weight: 600;
    margin: 2px;
}

span.searchjsondesc {
    margin: 2px;
}

span.searchjsoncontainer {
    display: flex;
    justify-content: space-between;
}

span.lprbbpzero {
    color: lightgray;
}

span.lprbbpoverage {
    color: red;
    font-weight: 600;
}

span.lprbbpok {
    color: forestgreen;
}



form#SKIDATARequestForm table.listing-border td.colsk1, #skidatagrid table.listing-border td {
    padding-left: 2px;
    padding-right: 2px;
    max-width: none;
}

.multiselect-wrapper input {
    width: auto !important;
    madrgin: 3px 2px 3px 2px;
    padding: 2px;
    vertical-align: middle;
}

.multiselect-list > span:first-child {
    display: none !important;
}

.multiselect-wrapper hr {
    display: none !important;
}


.multiselect-wrapper li.active::after {
    content: none !important; /* Sets content to none, effectively disabling the ::after pseudo-element */
}

li.active::after {
    content: none !important; /* Sets content to none, effectively disabling the ::after pseudo-element */
}

.multiselect-list.active::after {
    content: none !important; /* Sets content to none, effectively disabling the ::after pseudo-element */
}

.multiselect-wrapper ul li {
    padding: 3px;
}

#carpark_AgreementType_input {
    width: 300px !important;
}

.multiselect-wrapper .multiselect-list {
    padding: 5px;
    min-width: 280px;
}

a.skidatainfolink {
    padding: 5px;
    padding-left: 5px;
}

.sdserrordetail {
    font-weight: bold;
    padding: 2px;
}

#contactseditgrid td.col1 {
    min-width: 150px;
}

#contactseditgrid td.col2 {
    min-width: 65px;
}

.disabledbbpnow {
    background: red;
    color: white;
    margin: 3px auto;
    clear: left;
    padding: 2px;
    text-align: center;
    width: 450px;
}

#AddBBPEventForm input#Notes {
    width: 100%;
}

#AddBBPEventForm div.complexrow {
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    clear: none;
    width: 45%;
}

#AddBBPEventForm div.editor-validation {
    clear: both;
    width: 350px;
}

#AddBBPEventForm input.popupeditor-datefield {
    width: 85px;
}

#AddBBPEventForm input.uitimepicker {
    width: 45px;
    margin-left: 4px;
}

div#lprhistorygrid td.col2 {
    min-width: 60px;
}

div#lprhistorygrid td.col7 {
    min-width: 40px;
}

.hideaws {
    display: none;
}

.hidecourierelement {
    display: none;
}

#MaintainCourierDialog div.editor-field {
    width: 350px;
}

#MaintainCourierDialog div.editor-field input {
    width: 85%;
}

#MaintainCourierDialog div.editor-field textarea {
    width: 85%;
}

#MaintainCourierDialog #QICourier_TrackingLink {
    width: 85%;
    height: 85px;
}

#MaintainCourierDialog div.editor-field input[type="checkbox"] {
    width: auto;
    height: inherit;
}

#MaintainCourierDialog div.courierauthws {
    height: 20px;
}

.textareanoresize {
    resize: none;
}

#testtracklink {
    font-size: x-small !important;
    align-items: flex-end;
    vertical-align: top;
    display: inline-block;
    white-space: normal;
    width: 40px;
    background-color: #D9CFBC;
    border-radius: 4px;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #aaa;
}

#testtracklink:hover {
    background-color: #F29B28 !important;
    color: white;
}


#SKIdataVariantContainer {
    background-color: lightgray;
    display: flex;
    flex-direction: column;
    padding: 5px;
    margin-top: 10px;
}

#SKIdataVariantContainer div {
    width: 100%;
}

#Contact_SKIDataPlateVariants {
    width: 100% !important;
}

#SKIdataVariantContainer span {
    clear: both;
    display: block;
}

#SKIdataVariantContainer label {
    font-weight: bold;
    font-size: larger;
    margin-bottom: 5px;
}

.bwcontainer div.editor-label {
    width: 200px;
}


.bwcontainer div.editor-validation {
    float: left;
    margin-left: 200px;
}

td.colsk0.colhide {
    width: 0px;
}

div.documentdiv {
    display: flex;
    flex-direction: row;
}

div.documentcontainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px;
}

div.documentdiv div input {
    margin: 0 0 4px 0;
    padding: 3px;
    padding-left: 3px;
    padding-inline: 3px;
}

div.documentdiv div select {
    margin: 0 0 4px 0;
    padding: 3px;
    padding-left: 3px;
    padding-inline: 3px;
}


div.documentdiv div.editor-label {
    width: 150px;
}

.tabs {
    display: flex;
    cursor: pointer;
    background-color: #f1f1f1;
    padding: 10px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}

.tab {
    flex: 1;
    padding: 10px;
    text-align: center;
    background-color: #ddd;
    border: 1px solid #ccc;
    border-right: none;
    transition: background-color 0.3s;
}

.tab:last-child {
    border-right: 1px solid #ccc;
}

.tab:hover {
    background-color: #F29B28;
    color: white;
}

/* Active tab styles */
.active-tab {
    background-color: #D9CFBC;
    border-bottom: 1px solid #D9CFBC;
}

/* Styles for the content area */
.doccontent {
    display: none;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-top: none;
    margin-top: -1px;
}

img.docimage {
    max-width: 100%;
    height: auto;
}

/* Show the active content */
.active-content {
    display: block;
}

div.customernotification{
    margin: 5px;
    display: flex;
    background-color: transparent;
    text-align: center;
    align-items: center;
    flex-direction: column;
}

div.customernotification div.customermsg{
    padding: 5px 10px;
    background-color : whitesmoke;
    color : orangered;
}

div.custnamecontainer {
    display:flex;
    justify-content:space-between;
    margin: auto;
    vertical-align:middle;
}

div.custnamecontainer  h2 {
    margin : 5px !important;
}

div.custnotification
{
    padding:5px;
}

div.custnameinnercontainer
{
    margin-left:5px;
    margin-right:5px;
}


.dupplate {
    color:red !important;
    font-weight:bolder;
}

input.form-control.dupplate:focus
{
     color:red;
     font-weight:normal;
}

#contactseditgrid td.coldupplate {
  color:red !important;
    font-weight:bolder;
}

table#contactslistgrid td.col2 span.plduplicated {
     color:red;
}

table#contactseditgrid td.col2 span.plduplicated {
     color:red;
}

div#credit-card div.editor-validation{
   color: #e20a16;
    font-weight: bold;
    font-size: .8em;
    margin-left:0px;
}