/* wizards */
.jqx-widget-wizard,
.wizardContent1start,
.wizardContent2start,
.wizardContent1,
.wizardContent2,
.wizardContent1end,
.wizardContent2end {
   font-size: 12px !important;
   color: var(--color-dark-gray);
   border-radius: 0;
}

.jqx-widget-content-wizard {
   font-size: 12px !important;
   color: black;
}

.jqx-radiobutton-default-wizard {
   background-color: white;  
}
.jqx-radiobutton-check-checked-wizard {
   background-color: black;
   border-color: black;
}

/* dropdown */
.jqx-fill-state-normal-wizard {
   background-color: white;     
}
.jqx-fill-state-hover-wizard {
   background-color: var(--color-lightgreen);
}
.jqx-fill-state-pressed-wizard {
   background-color: var(--color-mediumgreen);
}
.jqx-fill-state-focus-wizard, 
.jqx-combobox-content-focus-wizard, 
.jqx-numberinput-focus, 
.jqx-fill-state-hover-wizard, 
.jqx-datetimeinput-focus-wizard, 
.jqx-fill-state-pressed-wizard{ 
   border-color: var(--color-green); 
}

.wizardHeader {
    font-size: 1.2em;
    font-weight: 700;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding-left: 10px;
    border-bottom: 1px solid var(--color-dark-gray); 
}

.wizardStart {
    float: left;
    height: 207px;
    width: 90px;
    border-right: 1px solid var(--color-dark-gray);
    border-bottom: 1px solid var(--color-dark-gray);
    background-color: var(--color-blue);
    background-image: url('../imageMSO/wizard.png')
}

.wizardContent1start {
   height: 170px;
   padding: 25px 10px 0px 10px;
   margin-left: 90px;
}

.wizardContent2start {
    height: 25px;
    padding: 0px 10px 10px 10px;
    border-bottom: 1px solid var(--color-dark-gray); 
    margin-left: 90px;
}

.wizardEnd {
    float: left;
    height: 207px;
    width: 90px;
    border-right: 1px solid var(--color-dark-gray);
    border-bottom: 1px solid var(--color-dark-gray);
    background-color: var(--color-blue);
}

.wizardContent1end {
   height: 170px;
   padding: 25px 10px 0px 10px;
   margin-left: 90px;
}

.wizardContent2end {
    height: 25px;
    padding: 0px 10px 10px 10px;
    border-bottom: 1px solid var(--color-dark-gray); 
    margin-left: 90px;
}

.wizardContentAlt {
    height: 205px;
    padding: 10px;
    margin-left: 90px;
    border-bottom: 1px solid var(--color-dark-gray); 
}

.wizardContent {
    height: 205px;
    padding: 10px 10px 10px 40px;
    border-bottom: 1px solid var(--color-dark-gray); 
}

.wizardContent1 {
    height: 156px;
    padding: 0px 10px 0px 20px;
}
.wizardContent2 {
    height: 25px;
    padding: 0px 10px 10px 20px;
    border-bottom: 1px solid var(--color-dark-gray); 
}

.wizardContent3 {
    height: 315px;
    padding: 0px 10px;
}
.wizardContent3 p {
   font-size: 12px;
   font-weight: bold;
   color: var(--color-dark-gray);
}

.wizardFooter {
   margin: 3px;
   float: right;
}

.wizardTable tr {
   height: 30px;  
}
.wizardTable td {
   line-height: 14px;  
   padding-left: 10px;
}

.buttonRowWizard td {
   padding-right: 5px;   
}