input[type=checkbox]:not(old).hiddenCheckbox,
input[type=radio]:not(old).hiddenRadio{
  width:1px;
  min-width:1px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old).hiddenCheckbox ~ label[for],
input[type=radio]:not(old).hiddenRadio + label[for]{
  min-width:24px;
  min-height:24px;
  max-height:24px;
  display      : inline-block;
  padding-left : 24px;
  background   : url('../Content/Images/bluechecks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked.hiddenCheckbox ~ label[for]{
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked.hiddenRadio + label[for]{
  background-position : 0 -48px;
}

label.graphicalCheckboxLabel, label.graphicalRadioLabel {
    min-width: 24px;
    min-height: 24px;
    display: inline-block;
    padding-left: 24px;
    background: url('../Content/Images/bluechecks.png') no-repeat 0 0;
    line-height: 24px;
}

label.graphicalCheckboxLabelChecked{
  background-position : 0 -24px;
}

label.graphicalRadioLabelChecked {
  background-position : 0 -48px;
}

.vmiddle {
    vertical-align:middle;
}

.simplelink {
    padding: 0px 3px 3px 3px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.simplelink:hover {
     border-color: gainsboro;
     background-color: #598fb5;
}

.smalliconlink {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 2px;
    background-position: 2px 2px;
}

.smalliconlink:hover {
     border-color: gainsboro;
     background-color: #598fb5;
}

.titleBarDiv {
}

.titleBarSection {
    display:inline-block;
    width:25%;
    white-space:nowrap;
    background:transparent;
    border: 1px solid transparent;
    margin:2px;
    margin-top:3px;
    margin-bottom:3px;
    padding-top:3px;
}

.titleBarSection button.k-button {
    background:transparent;
    border: 1px solid transparent;
    margin: 0 2px 0 -7px;
    padding-top:1px;
}

.titleBarSection button.k-button > span.k-icon {
    vertical-align:top;
    margin-top: 1px;
}


button.titleBarSection:hover {
     border: 1px solid gainsboro;
     background: var(--header-color, #598fb5);
}

.colorPickerHexText {
    width: 95px;
}

.colorPickerInput {
    width: 32px;
    height: 24px;
    margin-left: 4px;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}

.titleBarSection.left {
    text-align: left;
}

.titleBarSection.middle {
    text-align:center;
    width:40%;
}

.titleBarLabel {
}

.homeIcon {
    margin: -3px 3px 3px 5px;
    vertical-align:middle;
}

.formTitleDiv 
{
    margin: 3px 0 5px 3px;
}

.titleSectionLeftHalf {
    display:inline-block;width:49%;
}

.titleSectionRightHalf {
    display:inline-block;
    width:49%;
    text-align:right;
}

.smallSectionDiv  {
    box-sizing:border-box;
    margin: 2px 5px 2px 5px;
    padding: 1px;
}

.toolbarSection {
    box-sizing: border-box;
    display:inline-block;
    text-align:left;
    width:auto;
    padding: 2px 2px 2px 2px;
}

    .k-numerictextbox .k-input-spinner.k-spin-button {
        background: #3c6380;
    }

    .k-numerictextbox .k-input-spinner.k-spin-button .k-spinner-increase, .toolbarSection .k-numerictextbox .k-input-spinner.k-spin-button .k-spinner-decrease {
        background: transparent;
    }

#editFormPanel dl.crudformlayout .k-numerictextbox .k-input-spinner.k-spin-button {
    background: #3c6380 !important;
}

    #editFormPanel dl.crudformlayout .k-numerictextbox .k-input-spinner.k-spin-button .k-spinner-increase, .k-numerictextbox .k-input-spinner.k-spin-button .k-spinner-decrease {
        background: transparent;
    }

.k-cell-inner .k-link .k-column-title {
    color: white !important;
}

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

.toolbarSection.rightSection {
    text-align:right;
}

.mediumSectionDiv {
    box-sizing:border-box;
    margin: 3px 5px 5px 5px;
    padding: 2px;
    min-width:340px;
    /*max-width:1200px;*/
}

.centeredSectionDiv {
    box-sizing:border-box;
    margin: 3px;
    padding: 2px;
    text-align:center;
}

.horizontalSectionDiv {
    display:inline-block;
    box-sizing:border-box;
    padding: 2px;
}

.entityFormPanel {
    overflow-y: auto;
}

.horizField {
    display:inline-block;
    white-space:nowrap;
    width:45%
}

.horizField.left {
    width:40%;
    text-align:right;
}

.horizField.left.small {
    width:20%;
    padding-left:10px;
    padding-right:5px;  
}

.horizField.left.tiny {
    width:5%;
    padding-left:5px;
    padding-right:3px;  
}

.horizField.right {
    text-align:left;
}

.bigFormLabel 
{
    display:inline-block;
    font-size:14px !important;
    font-weight:bold;
    margin-left:5px;
    margin-right:10px;
}

.mediumFormLabel {
    display: inline-block;
    font-size: 14px !important;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 5px;
}

.smallFormLabel 
{
    display:inline-block;
    white-space:nowrap;
    font-size:12px;
    font-weight:normal;
    padding-right:5px;
 }


.smallFormLabel.left {
    width:40%;
    text-align:right;
}

.smallFormLabel.right {
    width:45%;
    margin-left:5px;
    margin-right:10px;
    text-align:left;
}

.formLabelAbove 
{
    display:block;margin-left:3px;margin-bottom:3px;margin-top:3px;font-size:12px;
}

.normalFormElement
{
    min-width:10px;
}

.smallGridTitleLabel
{
    min-width:10px;
    margin: 5px 3px 3px 4px;
}

.bigTextArea {
    width:97%;
    height:90%;
    margin:2px 2px 1px 0px;
    resize:none;
    border-radius:3px;
}

.oneLineTextArea {
    font-family: inherit;
    width:97%;
    height:1.3em;
    margin:2px 2px 3px 3px;
    border-radius:3px;
}

.smallTextArea {
    font-family: inherit;
    width:97%;
    height:2.5em;
    margin:2px 2px 3px 3px;
    border-radius:3px;
}

.medTextArea {
    font-family: inherit;
    width:97%;
    height:7em;
    margin:2px 2px 3px 3px;
    border-radius:3px;
}

.navList {
    padding-top:8px;
}

.navListItem {
    display:inline-block;
    margin:3px;
    vertical-align:top;
    text-align:center;
}

.navListLabel {
    display: block;
    width: 90px;
    height: 32px;
    overflow:hidden;
    font-weight: normal !important;
}

.reportListItem {
    margin:3px;
}

.reportItemButton {
    width:97%;
    height:40px;
}

.narrowdropdown {
    width:auto;
    min-width:100px;
    max-width: 175px;
}

.widedropdown {
    width:auto;
    min-width:175px;
    max-width: 250px;
}

#promptValueTextBox {
    padding: 4px;
}

.extrawidedropdown {
    width:auto;
    min-width:250px;
    max-width: 300px;
}

.extraextrawidedropdown {
    width: auto;
    min-width: 350px;
    max-width: 450px;
}

.scrollAt500 {
    min-height:400px;
    max-height:500px;
    overflow-y:auto;
}

.extraFieldsSection {
    clear:both;
    padding:2px;
    margin:2px;
}

.overlay
{
    display:block;
    color:transparent;
    z-index: 9999999;
    
}

dl.crudformlayout
{
    box-sizing:border-box;
    display:inline-block;
    vertical-align:top;
    margin:2px; 
    padding:1px;
    width:47%;
    min-width:290px;
    max-width:670px;
    /*border: solid 1px gainsboro;*/
}

@media (max-width: 600px) {
    dl.crudformlayout {
        width: 97%;
    }
}


dl.crudformlayout dt, dl.crudformlayout dd {
    display: inline-block;
    box-sizing: border-box;
    width: 47%;
    margin: 2px 2px 4px 2px;
    padding: 1px;
    white-space: nowrap;
    text-overflow: clip;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}


dl.crudformlayout dt
{
    text-align: right;
}

dl.crudformlayout dd
{
    text-align:left;
}


.errorMessageDialogImageDiv {
    display:inline-block; 
    box-sizing: border-box;
    background-image: url('../Content/Images/ErrorRoundRed32.png');
    background-repeat:no-repeat;
    background-position-x:10px;
    background-position-y:15px;
    width:100%;    
    padding:10px;
    padding-left:50px;
}

.validationMessageDialogImageDiv {
    background-image: url('../Content/Images/SmileyUnhappy32.png');
}

.errorMessageDialogMessageDiv {
    display:inline-block; 
    box-sizing: border-box;    
    min-height:45px;
    max-height:600px;
    overflow:auto;
    width:100%;
    padding: 4px;      
    border: 1px solid gainsboro;
    border-radius: 4px;
    white-space:pre-line;
}

.messageLabelSection {
    box-sizing: border-box;  
    width:100%;
    margin-top:2px;
    margin-bottom:4px;
    padding: 4px;      
    border: 1px solid gainsboro;
    border-radius: 4px;
}

.confirmSaveChangesDialogImageDiv {
    float:left;
    background-image: url('../Content/Images/Help32.png'); 
    background-repeat:no-repeat;
    width:45px;
    height:50px;
    margin-top:10px;
}

.confirmSaveChangesDialogMessageDiv {
    margin-left: 47px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.filterInputBox {
    max-width: 150px;
    border-radius: 4px !important;
    padding: 6.0px 8px !important;
    border: none !important;
}

.dialogButtonSection {
    text-align:center ;
}

.dialogButton {
    margin:2px 4px 2px 4px;
    min-width:50px;
}

.bigButton {
    padding: 3px 5px 3px 5px;
    min-width: 125px;
}


.toolbarSection.third {
    width:33.33%;
}

.toolbarSection.quarter {
    width:25%;
}

.toolbarSection.fifth {
    width:20%;
}

.toolbarSection.sixth {
    width:16.66%;
}

.toolbarSection.tenPct {
    width:10%;
}

.toolbarSection.fifteenPct {
    width:15%;
}

.toolbarSection.twentyPct {
    width:20%;
}

.toolbarSection.twentyFivePct {
    width:24%;
}

.toolbarSection.thirtyPct {
    width:29%;
}

.toolbarSection.fortyPct {
    width:39%;
}

.toolbarSection.fiftyPct {
    width:49%;
}

.archiveModeTitles {
    color:black;
}


@media (max-width: 950px) {
    .toolbarSection.third, .toolbarSection.quarter, .toolbarSection.fifth, .toolbarSection.sixth,
    .toolbarSection.tenPct, .toolbarSection.fifteenPct, .toolbarSection.twentyPct, .toolbarSection.twentyFivePct {
        width:50%;
    }

    .smallFormLabel.left {
        width:40%;
    }

    .horizField.left {
        width:40%;
    }

    .smallFormLabel.right {
        width: 50%;
    }
    
    .horizField.right {
        width: 50%;
    }
}

@media (max-width: 600px) {
    .toolbarSection.third, .toolbarSection.quarter, .toolbarSection.fifth, .toolbarSection.sixth,
    .toolbarSection.tenPct, .toolbarSection.fifteenPct, .toolbarSection.twentyPct, .toolbarSection.twentyFivePct  {
        width:100%;
    }

    .smallFormLabel.left {
        width:35%;
    }

    .horizField.left {
        width:35%;
    }

    .horizField.left.small {
        width:35%;
    }

    .smallFormLabel.right {
        width: 55%;
    }
    
    .horizField.right {
        width: 55%;
    }
    
}

a.link-button {
    text-decoration:underline;
}


div.vertical-form-column {
    margin-top:3px;
}

.vertical-form-column label {
    margin-top: 3px;
}

.vertical-form-column > div {
    margin-top: 5px;
}

dt.reportParamLabel {
    width:calc(25% - 10px) !important
}

dd.reportParamControl {
    width:calc(25% - 10px) !important
}

.promptUserDialogPanel .k-widget.k-dropdown {
    min-width:200px;
}

td.invalid-grid-cell {
    font-weight:bold;
    background-color: #fb6f87;
    border-color: darkred;
    border-width: 2px;
}

.partFilter {
    max-width: 200px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

[id$="DateTimePicker"] {
    max-width: 130px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}