﻿
.hwcCustomization h4 {
    margin: 0px;
    padding: 0px;
}

.hwcCustomization h3, .h3 {
    line-height: 35px;
}

.hwcCustomization h3 {
    font-size: 18px;
    padding-top: 10px;
}

.hwcCustomization .wrapper {
    clear: both;
    padding: 5px;
    /*height: 95px;*/
    min-height: 95px;
	margin-left: 22px;
}

.hwcCustomization .wrapperAutoHeight {
    clear: both;
    padding: 5px;
    height: auto;
}

.hwcCustomization .shortInputLeftOnly {
    margin: 0 10px;
    overflow: visible;
}

.star {
    color: #fc7e41;
}

.ddCustomization {
    width: 100% !important;
}

.txtboxCustomization {
    width: 88% !important;
}

.txtboxWithBackCustomization {
    width: 81% !important;
}

.txtboxCustomizationDateTime {
    width: 78% !important;
}

.boxComboCustom {
    padding-left: 10px;
}

.titleTextMgageF1 {
    text-align: right;
    padding-left: 3px;
}

.div-col-style {
    padding-right: 10px !important;
    padding-left: 0px !important;
    width: 150px !important;
}

.shform-time {
        padding-top: 0px;
    }

.boxRightOnly {
    padding-left: 31% !important;
}

.boxRight-text {
    padding: 0px 10px;
}

.boxLeft50 {
    width: 50%;
    float:left;
    clear:both;
}

.boxRight50 {
    float: right;
    width: 50%;
}

.paddinIncomeDoc {
    padding-left: 37%;
}

.PaddingLeft31 {
    padding-left: 31%;
}

.personalDocCol {
    border: thin solid black;
    float:left;
    height: 50px;
}

.personalDocRowCustomize {
    width: 100% !important;
    display:inherit !important;
    height: auto !important;
}

.personalDocCol-title {
    width: 61% !important;
    padding-left: 4%;
}

.personalDocCol-detail {
    width: 10% !important;
    text-align: center;
}

.ConditionalFrame {
    margin: 0 auto;
    width: 80%;
}

.ConditionBorder {
    margin: 0 auto;
    width: 80%;
    border: thin solid black;
}

.NormallyBorder {
    margin: 0 auto;
    border: thin solid black;
}

.SubHeadStyle {
    background-color: #FFDE26;
    padding-left: 7px;
    clear: both;
}

.BRightImg {
    float: left;
    padding: 5px;
    display: none;
}

.hwcCustomization .div-table-col-MgageCustom {
    float: left;
    display: table-column;
    width: auto;
    padding: 0px 0px 0px 10px;
}

.boxRight-10-Only {
    padding-left: 10% !important;
}

.CenterLoadingImg {
    text-align: center;
    clear: both;
}

.hwcCustomization .mgageButtonLeft {
    padding-left: 31% !important;
    float: left;
    text-align: right;
}

.hwcCustomization .mgageButtonCenter {
    padding-left: 5%;
    float: left;
    text-align: left;
}

.hwcCustomization .mgageButtonRight {
    margin: 0 10px;
    overflow: hidden;
    text-align: left;
}

.hwcCustomization .TitleText {
    margin: 0 10px;
}

.hwcCustomization .mgagePanel {
    width: 100%;
    clear: both;
    margin: 0 10px;
}

.hwcCustomization .mgageLeftPanel {
    float: left;
    width: 47%;
    clear: both;
    margin: 0 10px;
}

.hwcCustomization .mgageRightPanel {
    margin: 0 10px;
    float: left;
    width: 47%;
}

.hwcCustomization .mgageSubLeftPanel {
    float: left;
    width: 47%;
    clear: both;
}

.hwcCustomization .mgageSubRightPanel {
    float: left;
    width: 47%;
}

.hwcCustomization .shortInputRight {
    width: 100%;
}

.hwcCustomization .backText {
    margin: 0 10px;
    width: 99%;
    text-align: right;
}

.hwcCustomization .hwcRadioButtonDiv {
    margin: 5px 10px;
}

.hwcCustomization .hwcShortFormDebt {
    margin: 0px 16px;
}

.hwcCustomization .hwcRadioTitle {
    float: left;
    width: 15%;
}

.hwcCustomization .hwc3ColomnDiv {
    float: left;
    width: 33%;
    padding-bottom: 22px;
}

.hwcCustomization .pagingText {
    margin: 0px 3px;
    cursor: pointer;
}

/* CSS 980 for IE8 */
.hwcCustomization .wrapper980 {
    padding: 5px;
    height: auto;
    clear: both;
}
/* end 980 */

/* CSS 640 for IE8 */
.txtboxCustomization640 {
    width: 85% !important;
}

.hwcCustomization .mgageSubLeftPanel640 {
    width: 100%;
    clear: both;
    margin: 7px 0;
}

.hwcCustomization .mgageSubRightPanel640 {
    clear: both;
    width: 100%;
}

.hwcCustomization .mgageSubLeftPanel640 {
    width: 100%;
    clear: both;
    margin: 7px 0;
}

.hwcCustomization .mgageSubRightPanel640 {
    clear: both;
    width: 100%;
}

.hwcCustomization .hwcRadioTitle640 {
    clear: both;
    width: 100%;
}

.txtboxWithBackCustomization640 {
    width: 85% !important;
}

.hwcCustomization .SearchButton {
    height: 38px;
    width: 80%;
}

.hwcCustomization .SearchButton:hover {
    height: 38px;
    width: 80%;
}

.ShowOn640pDisplay {
    display: none;
}

.hwcCustomization .hwc3ColomnDiv640 {
    float: none;
    width: 100%;
}

/* end 640 */
@media only screen and (min-width: 1280px) {
    .personalDocCol {
        border: thin solid black;
        float: left;
        height: auto;
    }
}

@media only screen and (max-width: 980px) {
    .hwcCustomization .mgagePanel {
        clear: both;
        margin: 0 10px;
        width: 100%;
    }

    .hwcCustomization .mgageLeftPanel {
        clear: both;
        margin: 0 10px;
        width: 100%;
    }

    .hwcCustomization .mgageRightPanel {
        clear: both;
        margin: 0 10px;
        width: 100%;
    }

    .hwcCustomization .wrapper {
        clear: both;
        padding: 5px;
        height: auto;
    }


}

@media only screen and (max-width: 870px) {
    /*.hwcCustomization .mgageSubLeftPanel {
        float: left;
        width: 100%;
        clear: both;
    }

    .hwcCustomization .mgageSubRightPanel {
        margin: 0px;
        overflow: hidden;
        clear: both;
    }*/

    .hwcCustomization .shortInput {
        width: 275px;
    }
}

@media only screen and (max-width: 800px) {
    .hwcCustomization .mgageButtonRight {
        clear: both;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .boxRightOnly {
        padding-left: 0px !important;
    }

    .shform-step2-radio-title-style {
        display: none;
    }

    .shform-time {
        padding-top: 0px !important;
    }

    .boxRightOnly-time {
        padding-left: 0;
    }

    .boxLeft50 {
        width: 100%;
        float: left;
        clear: both;
    }

    .boxRight50 {
        width: 100%;
        float: none;
    }

    .paddinIncomeDoc {
        padding-left: 0;
    }

    .PaddingLeft31 {
        padding-left: 0;
    }

    .personalDocCol-title {
        width: 70% !important;
        padding-left: 0;
    }

    .ddCustomization {
        width: 250px !important;
    }

    .txtboxCustomization {
        width: 85% !important;
    }

    .txtboxCustomizationDateTime {
        width: 71% !important;
    }

    .personalDocCol {
        border: thin solid black;
        float: left;
        height: 70px;
    }

    .ConditionalFrame {
        margin: 0 0;
        width: 100%;
    }

    .ConditionBorder {
        margin: 0 0;
        width: 100%;
        border: thin solid black;
    }

    .NormallyBorder {
        margin: 0 0;
        width: 100%;
        border: thin solid black;
    }

    .PadLeft0-640px {
        padding-left: 0px !important;
    }

    .titleTextMgageF1 {
        text-align: left;
        padding-left: 0px;
    }

    .boxRight-10-Only {
        padding-left: 0 !important;
    }

    .hwcCustomization .mgageButtonLeft {
        float: none;
        padding-left: 0px !important;
        clear: both;
        text-align: center;
    }

    .hwcCustomization .mgageButtonCenter {
        float: none;
        padding-left: 0px !important;
        clear: both;
        text-align: center;
    }

    .hwcCustomization .mgageButtonRight {
        float: none;
        padding-left: 0px !important;
        clear: both;
        text-align: center;
    }

    .hwcCustomization .mgageSubLeftPanel {
        width: 100%;
        clear: both;
        margin: 7px 0;
    }

    .hwcCustomization .mgageSubRightPanel {
        clear: both;
        width: 100%;
    }

    .hwcCustomization .hwcRadioTitle {
        clear: both;
        width: 100%;
    }

    .txtboxWithBackCustomization {
        width: 85% !important;
    }

    .hideOn640pDisplay {
        display: none;
    }

    .ShowOn640pDisplay {
        display: block;
    }

    .InResultButton {
        height: 38px !important;
        width: 80% !important;
        margin: 3px 0px;
    }

    .hwcCustomization .hwc3ColomnDiv {
        float: none;
        width: 100%;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 320px) {
    .hwcCustomization .mgagePanel {
        margin: 0 -5px;
    }
    .hwcCustomization .mgageLeftPanel {
        margin: 0 -5px;
    }
    .hwcCustomization .mgageRightPanel {
        margin: 0 -5px;
    }
}

@media only screen and (min-width: 640px) {
    .shform-time {
        padding-top: 10px !important;
    }
}

@media only screen and (max-width: 696px) {
    .titleTextMgageF1 {
        text-align: left;
        padding-left: 0px;
    }
}

@media only screen and (min-width: 694px) {
    .shform-time {
        padding-top: 10px !important;
    }
}

@media only screen and (min-width: 798px) {
    .shform-time {
        padding-top: 0px !important;
    }

    .boxRightOnly-time {
        padding-left: 31%;
    }
}

@media only screen and (max-width: 558px) {
    .shform-time {
        padding-top: 10px !important;
    }
}
