/*
input[type=text].form-control:not([id^="fieldlist_3_comp."]):not(#personalinfo_hkid\.checkDigit):not(#personalinfo_hkid\.id):not(#signHKID\.signID):not(#signHKID\.signCheckDigit)
{
    min-width: 500px!important
}
*/

/* Styles for when the viewport is more than 500px */
@media (min-width: 500px) {
    input[type=text].form-control:not([id^="fieldlist_3_comp."]):not(#personalinfo_hkid\.checkDigit):not(#personalinfo_hkid\.id):not(#signHKID\.signID):not(#signHKID\.signCheckDigit)
{
    min-width: 500px!important
}
}

/* Optional: Styles for smaller screens */
@media (max-width: 499px) {
input[type=text].form-control:not([id^="fieldlist_3_comp."]):not(#personalinfo_hkid\.checkDigit):not(#personalinfo_hkid\.id):not(#signHKID\.signID):not(#signHKID\.signCheckDigit)
{
    min-width: 80% !important
}
}

@media (min-width: 500px) {
    #Contact_date_panel{
        max-width: 500px!important
    }
}


/*mainly for SC*/
#constructionsiteDistrict_SC,{
    font-family: 'Microsoft YaHei', 'PingFang SC', 'SimSun', sans-serif !important;
}

/*
#constructionsiteDistrict_SC, #dropdown_KL_SC, #dropdown_NT_SC {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'SimSun', sans-serif !important;
}
*/


/* dynamic item */
[id="fieldlist_item.0.checkbox_1_comp"],[id="fieldlist_item.0.checkbox_1_comp_label"],[id="fieldlist_item.0.checkbox_1_comp_panel"] {
    display: none !important;
}

[id="fieldlist_item.0.checkbox_2_comp"],[id="fieldlist_item.0.checkbox_2_comp_label"],[id="fieldlist_item.0.checkbox_2_comp_panel"] {
    display: none !important;
}

[id="fieldlist_item.0.radiobox_1_comp"],[id="fieldlist_item.0.radiobox_1_comp_label"],[id="fieldlist_item.0.radiobox_1_comp_panel"] {
    display: none !important;
}

[id="fieldlist_item.0.radiobox_2_comp"],[id="fieldlist_item.0.radiobox_2_comp_label"],[id="fieldlist_item.0.radiobox_2_comp_panel"] {
    display: none !important;
}

/*hide */
[id="fieldlist_item.0.confirmbox_1_comp_panel"], [id="fieldlist_item.0.confirmbox_2_comp_panel"]{
    display: none !important;
}
[id$="dropdown_1_comp_panel"], [id$="dropdown_2_comp_panel"],[id$="dropdown_same_c_panel"],[id$="dropdown_same_r_panel"] 
,[id$="dropdown_1_comp_label"],[id$="dropdown_2_comp_label"],[id$="dropdown_same_c_label"],[id$="dropdown_same_r_label"]
,[id$="dropdown_1_comp"] ,[id$="dropdown_2_comp"] ,[id$="dropdown_same_c"] ,[id$="dropdown_same_r"] {
    display: none !important;
}


.orangelink{
    font-family: Arial, "sans-serif", Microsoft JhengHei, \\5FAE軟正黑體, MingLiu_HKSCS, MingLiu_HKSCS-ExtB !important;
}

.orangelink:link, .orangelink:visited {
  color: #cc4c02 !important;
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important;
  cursor: auto;
}

.orangelink:link:active, .orangelink:visited:active {
  color: #cc4c02 !important;
}

.greentitle {
    color: green !important;
}

.bluetitle{
    color: blue !important;
    font-family: Arial, "sans-serif", "Microsoft JhengHei", "\\5FAE軟正黑體", MingLiu_HKSCS, MingLiu_HKSCS-ExtB !important;
}

.textbold{
font-weight: bold;
}


[id="text_region"], [id="text_district"], [id="lang_EN"], [id="lang_TC"], [id="lang_SC"]{
    display: none !important;
}

[id^="fieldlist_item."][id$=".TOC_BlockTower_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_Floor_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_FlatRoom_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_ContractorName_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_ContactTelNo_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_NameofResponsiblePerson_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_NameofResponsiblePerson"] .control-label
,[id^="fieldlist_item."][id$=".TOC_PolicyCoverNoteNo_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_NameofInsuranceCompany_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_ECIEffectiveDate_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_ECIExpiryDate_label"] .control-label
,[id^="fieldlist_item."][id$=".fieldGroup_57_label"] .control-label
,[id^="fieldlist_item."][id$=".TOC_NameofPolicyHolder_label"] .control-label
{
    font-weight: normal !important;
}

[id^="fieldlist_item."][id$=".TOC_ContactTelNo_panel"], [id^="fieldlist_item."][id$=".TOC_AnticipatedErectionDate_panel"]
{
    margin-bottom: auto !important;
}


/*
.sc-font {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'SimSun', sans-serif !important;
}
*/

.orderlistA {
    list-style: none; /* Remove default markers */
    padding-left: 0; /* Remove padding */
    counter-reset: item; /* Initialize a counter */
}

.orderlistA li {
    position: relative; /* Positioning context for the marker */
    padding-left: 20px; /* Space for the custom marker */
}

.orderlistA li::before {
    content: counter(item, lower-roman) " "; /* Display the counter as lowercase Roman numerals */
    counter-increment: item; /* Increment the custom counter */
    position: absolute; /* Position the marker */
    left: 0; /* Align it to the left */
}

.orderlistB {
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove padding */
}

.orderlistB li {
    position: relative; /* Positioning context for the bullet */
    padding-left: 20px; /* Space for the custom bullet */
}

.orderlistB li::before {
    content: "• "; /* Display a bullet point or use custom content */
    position: absolute; /* Position the bullet */
    left: 0; /* Align it to the left */
}


#govhkForm ul.orderlistB
{
    padding-left: 0px !important;
}


[id="fieldGroup_27_label"] .control-label,
[id="fieldGroup_32_label"] .control-label,
[id="fieldGroup_39_label"] .control-label
{
    font-weight: 700 !important;
    color: #cc4c02 !important;
    font-size: 1.1em !important;
}

.radio-inline {
	margin-left: 20px !important;
}

/*for preview page*/
[id^="fieldlist_item."][id$=".confirmbox_1_comp"].form-readonly,
[id^="fieldlist_item."][id$=".confirmbox_2_comp"].form-readonly,
[id^="fieldlist_item."][id$=".temp_radiobox_3_comp"].form-readonly
{
    display: none !important;
}


[id^="fieldGroup"][id$="_label"]
{
    font-weight: 700 !important;
    color: #cc4c02 !important;
    font-size: 1.1em !important;
}


.fb_custom_style_font_weight_bold{
    font-weight: bold !important;
}

.fb_custom_style_font_style_italic{
    font-style: italic !important;
}

.fb_custom_style_text_decoration_underline{
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
}