body {
}

.displayNone {
    display: none;
}

.invisible {
    visibility: hidden;
}

.displayNoneLeftAbsolute {
    left: -99999px;
    position: absolute;
}

.alert-message {
    color: red;
    display: block;
    /*white-space: nowrap;*/
}

/*#txtMessage{
    resize:none;
}*/

/*.hwcCustomization .minheight48{
    min-height:48px !important;
}*/

.b0{
    border: 0px;
}

.mar0 {
    margin: 0px;
}

.card {
    box-shadow: 1px 2px 20px 0 rgba(35,19,18,0.05);
    border: 0px;
}

.cardpadd {
    padding: 40px 100px 40px 100px;
}

.cardmar{
    margin : 0px;
}

.fs-16 {
    font-size: 16px !important;
}

.hwcCustomization .mar10-0 {
    margin: 10px 0;
    clear: both;
}

.hwcCustomization .paddl0-r0 {
    padding-left: 0px;
    padding-right: 0px;
}

.padd0 {
    padding: 0px;
}

.hwcCustomization .mar0800 {
    margin: 0 8px 0 0;
}

.hwcCustomization .mar0008 {
    margin: 0 0 0 8px;
}

.hwcCustomization .text-center {
    text-align: center;
}

.hwcCustomization .btnSendwidth{
    width : 89.48%;
}

.hwcCustomization .flex-auto{
    flex : none;
}
.hwcCustomization .minwidth-0{
    min-width:0%;
}

.hwcCustomization .securitymax-widthbox {
    width : 89.7%;
}

.hwcCustomization .CaptchaTextBoxCustom {
    width: 89.48% !important;
}

.hwcCustomization .securityimgmar {
    margin-left: -4px;
}

.hwcCustomization .paddbtnSendArea {
    padding : 40px 0 0 0;
}

@media only screen and (min-width:1200px) {

    .hwcCustomization .max-w-37_5 {
        max-width: 37.5%
    }

    .hwcCustomization .paddbox1 {
        padding: 0 8px 0 0;
    }

    .hwcCustomization .paddbox2 {
        padding: 0 8px;
    }

    .hwcCustomization .paddbox3 {
        padding: 0 0 0 8px;
    }

}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .hwcCustomization .paddbox1 {
        padding: 4px 0;
    }

    .hwcCustomization .paddbox2 {
        padding: 4px 0;
    }

    .hwcCustomization .paddbox3 {
        padding: 4px 0 0 0;
    }
}

@media only screen and (min-width:768px) {
    .hwcCustomization .showandhide {
        display: block;
    }

    .min-margin15 {
        min-width: 150px !important;
        margin-right: 15px;
    }

    .hwcCustomization .padding0 {
        padding: 0px !important;
    }

    .hwcCustomization .min-width0 {
        min-width: 0px;
    }

    .hwcCustomization .min-width144 {
        min-width: 144px;
    }

    .hwcCustomization .securitywidthbox {
        width: 170px !important;
    }

    .hwcCustomization .nonedesk {
        display: none !important;
    }

    .hwcCustomization .securityimgpadd {
        padding: 13px 0 11px 0px;
    }
}

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

    .hwcCustomization .showandhide {
        display: none;
    }

    .hwcCustomization .securitymax-widthbox {
        max-width: 232px !important;
    }

    .hwcCustomization .blockmobile {
        display: block !important;
    }

    .hwcCustomization #divHideEmptySpace {
        height: 0px !important;
    }

    .hwcCustomization .paddbox1 {
        padding: 4px 0;
    }

    .hwcCustomization .paddbox2 {
        padding: 4px 0;
    }

    .hwcCustomization .paddbox3 {
        padding: 4px 0 0 0;
    }

    .hwcCustomization .securityimgpadd {
        padding: 13px 0 11px 0px;
    }

    .hwcCustomization .securityimgmax-width {
        max-width: 80px;
    }

    .hwcCustomization .justify-center {
        justify-content: center;
    }

    .cardpadd {
        padding: 8px 15px 8px 15px !important;
    }

    .hwcCustomization .securityimgmar {
        margin-left: -8px;
    }
}

.hwcCustomization {
}

    .hwcCustomization [data-display-content="hide"] {
        display: none;
    }

    .hwcCustomization [data-display-content="invisible"] {
        visibility: hidden;
    }

    .hwcCustomization [data-display-content="default"] {
        display: normal;
        visibility: visible;
    }

    .hwcCustomization .boxCombo .ddcommon {
        width: 69% !important;
    }

    .hwcCustomization .boxCombo .Bizformselect {
        width: 69% !important;
    }

    .hwcCustomization .ui.ks.dropdown .default.text {
        color: #bbb !important;
    }

    .hwcCustomization .ui.ks.dropdown.disabled {
        border: 1px solid #e8e8e8;
    }

    .hwcCustomization .height44 {
        height: 44px !important;
    }

    .hwcCustomization .minheight44 {
        min-height: 44px;
    }

    .hwcCustomization .height-120 {
        height: 120px;
    }

    .hwcCustomization .width100per {
        width: 100%;
    }

    

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

    .hwcCustomization .boxCombo .ddcommon {
        width: 100% !important;
    }

    .hwcCustomization .boxCombo .Bizformselect {
        width: 100% !important;
    }

    .hwcCustomization .btnBrowse {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .displayNone640px {
        display: none;
    }
}

.hwcCustomization .ddcommon .ddTitle .ddTitleText {
    display: block;
    min-height: 38px;
    height: auto;
    padding-left: 5px;
    padding-right: 25px;
}

.hwcCustomization input[type='text'].basicFill {
    width: 100%;
}

.hwcCustomization textarea.basicFill {
    width: 100%;
    height: 150px !important;
    resize: none;
}

.hwcCustomization .btnPanel {
    padding-top: 10px;
    padding-bottom: 20px;
}

.hwcCustomization .boxRightText {
    padding-top: 10px;
}

.hwcCustomization .txtFileUploadContent {
    padding-right: 4px;
}

.hwcCustomization .txtFileUploadReference {
    padding-top: 7px;
}

.hwcCustomization .btnBrowse {
    color: white;
    width: 100%;
    float: right;
    height: 38px;
    background-color: #b7aeaf;
    border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border: none;
}

    .hwcCustomization .btnBrowse:hover {
        color: white;
        float: right;
        height: 38px;
        background-color: #c8c3c3;
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
        -moz-border-radius: 10px; /* Firefox */
        -webkit-border-radius: 10px; /* Safari and Chrome */
        border: none;
    }

.hwcCustomization div[data-content-type="fileupload loading screen"],
.hwcCustomization div[data-content-type="dropdownlist loading screen"] {
    text-align: center;
}

    .hwcCustomization div[data-content-type="fileupload loading screen"][data-loading-content-status="on"],
    .hwcCustomization div[data-content-type="dropdownlist loading screen"][data-loading-content-status="on"] {
        display: block;
    }

    .hwcCustomization div[data-content-type="fileupload loading screen"][data-loading-content-status="off"],
    .hwcCustomization div[data-content-type="dropdownlist loading screen"][data-loading-content-status="off"] {
        display: none;
    }

.hwcCustomization div[data-expanded-content] {
    transition: height 0.4s ease;
}

.hwcCustomization div[data-expanded-content="true"] {
    overflow: visible;
}

.hwcCustomization div[data-expanded-content="false"] {
    height: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.hwcCustomization .wrapper::after,
.hwcCustomization .dd .ddTitle::after {
    clear: both;
    content: "";
    display: block;
}

input[type='radio'].Cm-css-checkbox + label.Cm-css-checkbox-label {
    padding-left: 0px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    font-family: Arial, "sukhumvit_settext";
}

input[type='radio'].Cm-css-checkbox + label.Cm-css-checkbox-label {
    padding-left: 0px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    /*font-family: Arial, "sukhumvit_settext";*/
    /*-webkit-padding-start: 30px !important;*/
}

.hwcCustomization .btnYellowAutoDel {
    /*background: url(~/CMSWebParts/CustomizationFullPhase/Images/delete-icon.png) no-repeat scroll 5px 3px #f6f6f6;*/
    content: "\f1f8";
    font-family: 'Font Awesome\ 5 Pro';
    height: 44px;
    width: 40px;
    border: medium none;
    cursor: pointer;
    font-size: 23px;
    line-height: 165%;
    padding-top: 10px;
}