input, select, textarea {
    border: 1px solid #95A5A6;
    line-height: 25px;
    border-radius: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    /* impossible to remove yellow background in chrome normal way - overlay a solid shadow instead */
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
    transition: border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

p, label, input, select, textarea, ul li.ui-menu-item, table.unitStatusTable {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-family: "Gill Sans", "Open Sans", sans-serif;
    font-weight: 300;
}

select {
    width: 280px;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    /* Google svg url encoder -original files in folder, putting it in CSS prevents loading blink*/
    background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%2395A5A6' points='0,0 6,7 12,0 '/%3E%3C/svg%3E") right 5px center no-repeat;
    padding: 0 25px 0 5px;
    height: 25px;
    box-sizing: content-box;
    cursor: pointer;
    transition: background-image 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

select:hover {
    background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%23FF9900' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
    border-color: #FF9900;
}

select.ride:hover {
    background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%23E87E04' points='0,0 6,7 12,0 '/%3E%3C/svg%3E") right 5px center no-repeat;
    border-color: #E87E04;
}

select.security:hover {
    background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%232980B9' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
    border-color: #2980B9;
}

select.medical:hover {
    background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%2327AE60' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
    border-color: #27AE60;
}

select.ride:focus {
    border-color: #E87E04;
}

select.security:focus {
    border-color: #2980B9;
}

select.medical:focus {
    border-color: #27AE60;
}

div.ddmLabelWrap {
    display: inline-block;
    width: 220px;
    vertical-align: top;
}

div.ddmWrap {
    display: inline-block;
    width: 100px;
    vertical-align: bottom;
}

div.statusWrap {
    display: inline-block;
    position: relative;
    width: 100%;
}

select.longSelect {
    width: auto;
    min-width: 150px;
}

input:focus, textarea:focus, select:focus {
    border-color: #FF9900;
    outline: none;
}

input.formSmallText, p.formDisplayValue {
    width: 300px;
    padding: 0 5px;
}

input.formSmallNumber, input.formTinyNumber, input.J-paginationjs-go-pagenumber {
    width: 50px;
    padding: 0 5px;
}

input.formTinyNumber {
    width: 28px;
}

input.disabled, input.disabled:focus {
    background-color: #ECF0F1;
    border-color: #95A5A6;
}

input.formCheckbox {
    margin-left: 10px;
}

/* Minor layout differences to incident checkboxes */

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    border: none;
    background: none;
    line-height: initial;
    vertical-align: middle;
    /* margin-bottom: 0;
    height: 27px; */
    box-sizing: content-box;
    height: 15px;
    margin-top: 0;
    margin-bottom: 18px;
    padding-top: 4px;
    font-family: sans-serif;
}

input[type="checkbox"].notCheckable {
    cursor: default;
}

input[type="checkbox"].marginBottomCheckbox {
    margin-bottom: 10px;
}

input[type="checkbox"]:focus {
    outline: none;
}

input[type="checkbox"]::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ECF0F1;
    margin: 0;
    position: relative;
    transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

input[type="checkbox"].secCheckbox::after {
    /* margin: 5px 0; */
}

input[type="checkbox"]:hover::after, input[type="checkbox"]:focus::after {
    background-color: #7F8C8D;
}

input[type="checkbox"].notCheckable:hover::after {
    background-color: #ECF0F1;
}

input[type="checkbox"]:checked::after {
    background-color: #FF9900;
}

input[type="checkbox"].secColourCheckbox:checked::after, input[type="checkbox"].security:checked::after {
    background-color: #2980B9;
}

input[type="checkbox"].ridColourCheckbox:checked::after, input[type="checkbox"].ride:checked::after {
    background-color: #E87E04;
}

input[type="checkbox"].medColourCheckbox:checked::after, input[type="checkbox"].medical:checked::after {
    background-color: #27AE60;
}

input[type="checkbox"].r1ColourCheckbox:checked::after {
    background-color: #FF0000;
}

input[type="checkbox"]::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 7px;
    width: 2px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg) scale(0, 0);
    -ms-transform: rotate(45deg) scale(0, 0);
    transform: rotate(45deg) scale(0, 0);
    z-index: 1;
    /*
    old style - fades in check
    opacity: 0;
    visibility: none; */
    transition: transform 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    /* easeOutQuart */
    /* transition: opacity 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), visibility 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19); */
}

input[type="checkbox"].secCheckbox::before {
    top: 7px;
}

input[type="checkbox"]:checked::before {
    /* visibility: visible;
    opacity: 1; */
    -webkit-transform: rotate(45deg) scale(1, 1);
    -ms-transform: rotate(45deg) scale(1, 1);
    transform: rotate(45deg) scale(1, 1);
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.310, 1.650);
    /* custom ease out back*/
}

input.noTime, input.invalid, textarea.invalid {
    border-color: #FF0000;
}

.formLargeText, table.unitStatusTable, #timesWrap {
    width: calc(100% - 300px);
}

table.unitStatusTable td:nth-child(2) {
    width: 100px;
}

#timesWrap p.formDisplayValue, #timesWrap input {
    width: 100px;
    box-sizing: border-box;
}

input.formSmallText.halfWidth {
    width: 150px;
}

select.halfWidth {
    width: 130px;
}

input.formSmallText.smallwidth {
    width: 100px;
}

input.formSmallText.autoWidth, input.autoWidth, select.autoWidth, p.autoWidth, label.autoWidth, label.formLabel.autoWidth, p.formDisplayValue.autoWidth {
    width: auto;
}

input.callTime {
    width: 127px;
    max-width: 127px;
    display: inline-block;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input.callTimeDate {
    width: 180px;
    max-width: 180px;
    margin-left: 5px;
}

textarea.formLargeText, textarea.formLogTextArea {
    height: 150px;
}

textarea.formLargeText {
    text-transform: uppercase;
}

textarea.formLogTextArea {
    width: calc(100% - 300px);
}

p.formLargeText {
    display: inline-block;
    white-space: pre-wrap;
    text-align: justify;
}

p.formLabel, label.formLabel, p.formCheckboxLabel, label.formCheckboxLabel, p.formTextareaLabel, label.formTextareaLabel, p.formMinorTextareaLabel, label.formMinorTextareaLabel {
    display: inline-block;
    height: 25px;
    width: 200px;
    padding: 1px 10px;
    text-align: right;
    line-height: 25px;
    vertical-align: top;
}

p.formLabel.cadText {
    text-align: left;
    padding-left: 0;
    height: auto;
}

p.adviceText.cad, p.cadAdviceToolTip {
    width: 100%;
    height: auto;
    max-width: 300px;
    text-align: justify;
    padding-left: 0;
    white-space: pre-line;
}

p.formLabel.savedText {
    width: auto;
    color: #95A5A6;
    padding: 10px 0;
}

p.cadAdviceToolTip {
    position: absolute;
    left: calc(100% + 20px);
    max-width: calc(((100vw - 960px) / 2));
    bottom: 0;
    height: auto;
    color: #95A5A6;
    padding: 1px 10px;
    line-height: 25px;
    visibility: hidden;
    opacity: 0;
}

#cadWrap:hover > p.cadAdviceToolTip {
    visibility: visible;
    opacity: 1;
}

#cadWrap {
    cursor: default;
}

p.formLabelAdvice {
    text-align: left;
    width: auto;
}

p.formDisplayValue {
    display: inline-block;
}

div.ddmWrap > p.formCheckboxLabel {
    vertical-align: middle;
}

p.formLabel.secNumber, label.formLabel.secNumber {
    width: 140px;
}

p.formCheckboxLabel, label.formCheckboxLabel {
    text-align: left;
    width: auto;
    vertical-align: middle;
}

p.formTextareaLabel, .formMinorTextareaLabel {
    height: 150px;
    vertical-align: top;
}

p.formMinorTextareaLabel, label.formMinorTextareaLabel {
    color: #95A5A6;
}

p.currentTextAreaLabel {
    vertical-align: top;
    line-height: 18px;
}

button.pageButton.medical.triageLaunch {
    margin-left: 10px;
}

#timesWrap {
    display: inline-grid;
}

div.timeWrap {
    vertical-align: top;
    display: inline-block;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

div.timeWrap > label.formLabel {
    width: 200px;
}

div.typeSpecificTime > label.formLabel {
    /*width: auto;*/
}

div.groupDiv {
    display: inline-block;
    font-size: 0;
}

div.autoDiv.numberAutoDiv {
    text-align: right;
    margin-right: 10px;
}

input {
    -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

table.unitStatusTable th {
    font-weight: 300;
    color: #95A5A6;
    text-align: left;
}

table.unitStatusTable tr.clearRow {
    color: #95A5A6;
}

.leftSide, button.leftSide, p.leftSide, table.leftSide {
    margin-left: 220px;
}

p.formLabel.secNumber.leftSide, label.formLabel.secNumber.leftSide {
    width: 200px;
    margin-left: 0;
}

#pState {
    /*padding-left: 220px;
      font-size: 30px;
      line-height: 30px;
      text-transform: uppercase;*/
}

#clearAdvice {
    display: block;
    margin-left: 220px;
    color: #95A5A6;
}

#iTriage {
    width: 138px;
}

#iAgeType {
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    width: auto;
    margin-left: 5px;
}

#pUpdated {
    color: #95A5A6;
    margin: 20px 0 10px 220px;
}

#queueWrap {
    display: inline-block;
}

.pre {
    color: #95A5A6;
}

.r1 {
    color: #FF0000;
}

.r2 {
    color: #CF000F;
}

.a {
    color: #F1C40F;
}

td.savePending {
    color: #F1C40F;
}

input.savePending:not([type="checkbox"]), textarea.savePending {
    border-color: #F1C40F;
}

input[type="checkbox"].savePending ~ label.formCheckboxLabel {
    color: #F1C40F;
}

select.savePending:not(:hover):not(:focus):not(:active) {
    background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%23f1c40f' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
    border-color: #F1C40F;
}

.g {
    color: #27AE60;
}

.sec {
    color: #2980B9;
}

.rid {
    color: #E87E04;
}

.ui-widget {
    font-family: "Gill Sans", "Open Sans", sans-serif;
    font-size: 25px;
}

ul.ui-autocomplete, .ui-widget.ui-widget-content {
    padding: 0;
    border: 1px solid #95A5A6;
    border-top: none;
}

ul li.ui-menu-item {
    list-style: none;
    color: #000000;
    background-color: #FFFFFF;
    margin: 0;
    height: 35px;
    line-height: 25px;
    border: none;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

/*ul li.ui-state-focus.smallAutoCompleteText, ul li.ui-menu-item.smallAutoCompleteText, .ui-state-active.smallAutoCompleteText{*/
/*font-size: 16px;*/
/*line-height: normal;*/
/*height: 20px;*/
/*}*/

ul li div.ui-menu-item-wrapper, .ui-menu .ui-menu-item-wrapper {
    padding: 5px;
    box-sizing: border-box;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-button.ui-state-active:hover {
    background-color: #FF9900;
    color: #FFFFFF;
    font-weight: 300;
    border: none;
    margin: 0;
}

.ui-helper-hidden-accessible, .typeMedicalSection, .typeSecuritySection, .typeRideSection {
    display: none;
}
.typeMedicalSection >*, .typeSecuritySection >*, .typeRideSection>* {
    vertical-align: top;
}

@media only screen and (max-device-width: 480px) {
    /*MOBILE*/
    .leftSide, p.leftSide, button.leftSide {
        margin-left: 0;
    }

    input:not([type="checkbox"]), input.formSmallText, select, select.longSelect, p, label, .formLargeText, p.formTextareaLabel, p.formMinorTextareaLabel, label.formMinorTextareaLabel, select.autoWidth, select.formSmallText.autoWidth, input.autoWidth, input.formSmallText.autoWidth, select.halfWidth, select.formSmallText.halfWidth, input.halfWidth, input.formSmallText.halfWidth, #iTriage, table.unitStatusTable, p.formDisplayValue, #timesWrap, label.formLabel.secNumber, textarea, textarea.formLogTextArea {
        display: block;
        width: 100%;
        margin: 5px 0;
        box-sizing: border-box;
    }

    button.pageButton{
        width: 100%;
    }

    p.formTextareaLabel {
        height: 25px;
        text-align: left;
        padding: 0;
    }

    select {
        height: 27px;
    }

    input.callTime {
        width: 35%;
        min-width: 95px;
        display: inline-block;
        max-width: none;
    }

    input.callTimeDate {
        min-width: 120px;
        margin-left: 5px;
        width: calc(65% - 5px);
    }

    input.secCheckbox, input.formCheckbox, input.ddmCheckbox {
        /* width: auto;
        display: inline-block;
        vertical-align: middle; */
    }

    input[type="checkbox"] {
        margin-bottom: 5px;
        /* height: auto;
        vertical-align: top;
        margin-top: 10px; */
    }

    input[type="checkbox"].ddmCheckbox {
        /* margin-top: -1px; */
    }

    input.formTinyNumber {
        display: inline-block;
    }

    input.formSmallText.queueTime {
        display: inline-block;
    }

    p.formLabel, label.formLabel, p.formMinorTextareaLabel, label.formMinorTextareaLabel {
        display: block;
        padding: 0;
        text-align: left;
    }

    p.formLabel.secNumber, p.formLabel.secNumber.leftSide, label.formLabel.secNumber, label.formLabel.secNumber.leftSide {
        display: inline-block;
    }

    p.formLargeText {
        color: #7F8C8D;
    }

    button.pageButton.medical.triageLaunch {
        margin-left: 0;
    }

    div.typeSpecificTime {
        height: auto;
        max-height: 37px;
        transition: max-height 0.25s ease-in-out, visibility 0.25s ease-in-out, opacity 0.25s ease-in-out;
    }

    div.typeSpecificTime.hidden {
        max-height: 0;
    }

    div.groupDiv {
        display: block;
    }

    div.ddmLabelWrap {
        display: block;
        width: 100%;
    }

    #iAge {
        display: inline-block;
        width: calc(50% - 5px);
        margin-right: 5px;
    }

    #iAgeType {
        display: inline-block;
        width: calc(50% - 5px);
    }

    #clearAdvice {
        display: inline-block;
        margin-left: 0;
        height: auto;
        font-size: 12px;
        color: #95A5A6;
    }

    #pUpdated {
        margin: 10px 0 20px;
    }

    #queueWrap {
        display: block;
        margin: 5px 0;
    }

    #queueWrap > * {
        vertical-align: top;
    }

    #queueWrap > label:nth-of-type(1) {
        padding-left: 0;
    }

    #unitName, #cadWrap > p.cadAdviceToolTip {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-device-width: 480px) {
    /* iPad all and mobile */
    input[type="time"]:not(.callTime) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 25px;
        min-width: 60px;
        width: 60px;
        border-radius: 0;
        /* Google svg url encoder -original files in folder, putting it in CSS prevents loading blink*/
        background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%2395A5A6' points='0,0 6,7 12,0 '/%3E%3C/svg%3E") right 5px center no-repeat;
        padding: 0 25px 0 5px;
        height: 25px;
        box-sizing: content-box;
        cursor: pointer;
        transition: background-image 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    input[type="time"]:hover {
        background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%23FF9900' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
        border-color: #FF9900;
    }

    input[type="time"].ride:hover {
        background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%23E87E04' points='0,0 6,7 12,0 '/%3E%3C/svg%3E") right 5px center no-repeat;
        border-color: #E87E04;
    }

    input[type="time"].security:hover {
        background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%232980B9' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
        border-color: #2980B9;
    }

    input[type="time"].medical:hover {
        background: white url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='7px' viewBox='0 0 12 7' enable-background='new 0 0 12 7' xml:space='preserve'%3E%3Cpolygon fill='%2327AE60' points='0,0 6,7 12,0 '/%3E%3C/svg%3E%0A") right 5px center no-repeat;
        border-color: #27AE60;
    }

    input[type="time"].ride:focus {
        border-color: #E87E04;
    }

    input[type="time"].security:focus {
        border-color: #2980B9;
    }

    input[type="time"].medical:focus {
        border-color: #27AE60;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /*iPad portrait*/
    /*p.pageButton.bSave {*/
    /*}*/
    /*p.pageButton.bView {*/
    /*    margin-right: calc(100% - 470px);*/
    /*}*/
    /*p.pageButton.bViewAll {*/
    /*    margin-left: 220px;*/
    /*}*/
    /*p.pageButton.bViewCancel {*/
    /*}*/
    /*p.pageButton.bView, p.pageButton.bViewAll, p.pageButton.bViewCancel {*/
    /*}*/
    div.typeSpecificTime > label.formLabel {
        width: 200px;
    }

    div.typeSpecificTime {
        height: auto;
        max-height: 37px;
        display: block;
        transition: max-height 0.25s ease-in-out, visibility 0.25s ease-in-out, opacity 0.25s ease-in-out;
    }

    div.typeSpecificTime.hidden {
        max-height: 0;
    }

    div.groupDiv.secFigureGroup {
        display: block;
        margin-left: 220px;
    }

    div.groupDiv.secFigureGroup > p, div.groupDiv.secFigureGroup > p.formLabel.secNumber.leftSide {
        width: 130px;
    }

    label.formLabel.secNumber {
        width: 200px;
    }

    #iShutdownType {
        margin-right: calc(100% - 532px);
    }

    p.cadLevelText {
        margin-left: 220px;
        padding-left: 0;
    }

}

@media only screen and (max-width: 1220px) {

    #cadWrap > p.cadAdviceToolTip {
        display: none;
    }

}