.upper-case {
    text-transform: uppercase;
}

/* 
    .container
    {
        max-width: 90%;
    }
    */

.pad8 {
    padding-left: 8px;
}

.upimage {
    min-width: 120px;
    max-width: 120px;
    min-height: 140px;
    max-height: 140px;
}

.conc_card_rdo {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.liner_text {
    font-size: 10pt;
    font-style: italic;
}

.postage_liner_text {
    font-size: 10pt;
    /**font-style: italic;*/
}

.FormatRadioButtonList input[type="radio"] {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-bottom: 5px !important;
}

.FormatRadioButtonList label {
    display: flex;
    flex: 1;
    align-items: flex-start;
    padding-left: 30px;
    margin-top: -25px;
    padding-bottom: 5px !important;
}

.FormatRadioButtonListTest input[type="radio"] {
    /*margin-left: 10px !important;*/
    margin-right: 10px !important;
}

.FormatRadioButtonListTest label {
    /*margin-left: 10px !important;*/
    font-size: 14px;
}

.formatCHKList input[type="checkbox"] {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.divborder {
    border: 1px solid #dcdcdc;
    padding: 3px;
    width: 70%;
    background-color: #EFEFEF;
    color: green;
    font-weight: bold;
}

.style2 {
    width: 38%;
}

.style3 {
    /*width: 428px;*/
    width: 50%;
}

.style1 {
    width: 40%;
}

.test {
    border: 2px solid #000;
    background-image: none;
    background: url("imgs/step3.png");
}

.boldtext {
    font-weight: bold;
}

#ctl00_ContentPlaceHolder3_ucApplication1_asyncUploadImages .ruFakeInput {
    visibility: hidden;
    width: 0 !important;
    padding: 0 !important;
}

.RadUpload .ruFileWrap {
    margin-top: 3px;
    line-height: 15px !important;
}

.RadUpload .ruRemove /*Remove button*/ {
    /*margin-top: 20px;*/
}

/*
.galMainContent {
    padding-top:20px;
}
*/

.pad8 {
    font-size: 13px;
}

#ctl00_ContentPlaceHolder3_ucApplication1_imgIcCopy {
    max-width: 50%;
}

#ctl00_ContentPlaceHolder3_ucApplication1_asyncUploadImages .ruBrowse {
    background-position: 50px -45px !important;
    height: 24px !important;
    width: 200px !important;
    font-family: "Open Sans", sans-serif !important;
    /*font-weight: bold !important;*/
    border: .5px solid black !important;
    color: White !important;
    background-image: none !important;
    background: url("imgs/button_blue.png") !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    /*padding: 8px 26px 6px;*/
    font-weight: 500 !important;
}

#ctl00_ContentPlaceHolder3_ucApplication1_fupCopyofIC .ruFakeInput {
    visibility: hidden;
    width: 0 !important;
    padding: 0 !important;
}

#ctl00_ContentPlaceHolder3_ucApplication1_fupCopyofIC .ruBrowse {
    background-position: 50px -45px !important;
    height: 24px !important;
    width: 250px !important;
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold !important;
    border: .5px solid black !important;
    color: White !important;
    background-image: none !important;
    background: url("imgs/button_blue.png") !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    /*padding: 8px 26px 6px;*/
    font-weight: 500 !important;
}

.ruError {
    padding: 5px 5px 5px 20px;
    border: 1px solid #ef0000;
    background: #f9e8e8;
}

    .ruError .ruFileWrap {
        height: auto;
        overflow: visible !important;
        display: block;
    }

    .ruError .ruUploadProgress {
        margin-left: -18px;
        display: block;
    }

    .ruError .ruUploadFailure {
        background-position: 2px 80%;
    }

    .ruError .ruErrorMessage {
        display: block;
        font-variant: small-caps;
        text-transform: lowercase;
    }

    .ruError .ruErrorMessage {
        color: #ef0000;
        font-variant: small-caps;
        text-transform: lowercase;
        padding-bottom: 0;
    }

.RndedDiv {
    width: 250px;
    padding-top: 8px;
    padding-bottom: 15px; /*margin: 0 auto 20px auto;*/
    background-color: #446bb3;
    border-radius: 21px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    color: #446bb3;
    padding: 6px;
}

.NestedRndedDiv {
    width: 237px;
    padding-top: 8px;
    padding-bottom: 15px; /*margin: 0 auto 20px auto;*/
    background-color: #F8F9FD;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #F8F9FD;
    padding: 10px;
}

#feestable {
    background-color: #F8F9FD;
    color: #446bb3;
}

    #feestable tbody tr:nth-child(even) {
        background: #CCC;
    }

    #feestable tbody tr:nth-child(odd) {
        background: #FFF;
    }

.feestable {
    background-color: #F8F9FD;
    color: #446bb3;
    border-width: 7px;
    border-color: #446bb3;
    border-style: solid;
    min-width: 250px;
}

.fees_label {
    color: #446bb3;
    font-weight: 500;
    /*font-size: inherit;*/
    font-size: 14px;
}

.fees_label_amout {
    color: #446bb3;
    font-weight: bold;
    /*font-size: inherit;*/
    font-size: 14px;
}

.fees_total {
    color: black;
    font-weight: bold;
}

.fees_total_currency {
    color: black;
    font-weight: bold;
    margin-left:-8px;
}

.fees_header {
    color: black;
    font-weight: bold;
    text-decoration: underline;
}

.mandatory_indicator {
    color: red;
    font-weight: bold;
    margin-right: 5px;
}

/*
@media only screen and (min-width: 768px) {
    .radio-text-wrap {
        width: 360px;
    }
}

@media only screen and (max-width: 600px) {
    .radio-text-wrap {
        width: 330px;
    }
}
*/

.bold_title {
    font-size: x-large!important; 
    font-weight: bolder;
}

.space_row {
    height:20px;
}

.title_row_border {
    background-color: #FFE6E6;
     border: 1px solid #FF9D85; 
     line-height: 25px; 
     vertical-align: middle; 
     color: #CC3300; 
     padding-left: 10px;
}



/* =========================================================
   Step1 + Captcha responsive fix (KEEP DESKTOP DESIGN)
   ========================================================= */

/* Keep the form box fluid, but do NOT kill desktop centering globally */
.container-box-step1{
  width: 100% !important;
  max-width: 500px !important;    /* keep your preferred desktop width */
  margin: 0 auto !important;
  float: none !important;
  text-align: left !important;     /* inner form left aligned */
}

/* Override fixed width tables like width="400px" / width="200px" */
.container-box-step1 table{
  width: 100% !important;
  max-width: 100% !important;
}

/* Captcha: target only CaptchaImage.axd (don’t affect other images) 
.container-box-step1 img[src*="CaptchaImage"]{
  max-width: 100% !important;
  height: auto !important;
  display: block;
}*/

/* Mobile/tablet: stop centering step container and stack table cells */
@media (max-width: 768px){

  /* Only on small screens: stop centering caused by .text_align */
  #step1.text_align{
    text-align: left !important;
  }

  /* stack label + input */
  .container-box-step1 table td{
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }

  /* remove fixed wrapper table widths if present */
  .container-box-step1 table[width="200px"],
  .container-box-step1 table[width="400px"]{
    width: 100% !important;
  }

  /* keep captcha + refresh neat and allow wrap */
  .captcha-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .captcha-refresh img{
    width: 28px;
    height: 28px;
  }

  /* prevent overlap outside cell */
  .container-box-step1 td{
    overflow: hidden;
  }
}



/* ==== CAPTCHA responsive fix ==== */

/* Let captcha shrink inside mobile layout */
.container-box-step1 img[src*="CaptchaImage"]{
  max-width: 80% !important;
  height: auto !important;
  display: block;
  display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Remove fixed-width tables wrapping captcha */
@media (max-width: 600px){

  .container-box-step1 table[width="200px"],
  .container-box-step1 table[width="400px"]{
    width: 100% !important;
  }

  .container-box-step1 td{
    overflow: hidden;
  }

}


/* 3) If any inner tables exist, prevent fixed-width overflow */
@media (max-width: 250px){
  .box_input table{
    width: 100% !important;
    max-width: 100% !important;
  }
  .box_input td{
    display: block;
    width: 100% !important;
  }

/* 2) Make inputs/selects fluid inside the box */
.box_input input[type="text"],
.box_input input[type="password"],
.box_input input[type="email"],
.box_input select,
.box_input textarea{
  width: 100% !important;
  margin-left: 1.5px;
  max-width: 50% !important;
  box-sizing: border-box;
  display: block;
}

.btn_grey, .btn_blue, .btn_red {
    padding: 9px 15px 8px;
    margin-left: 1.5px;
}

.title_box_input {
    padding: 1px 3px;
}

}