.errPageContainer { background: #FFF; padding: 110px 50px 10px; width: 100%; height: auto; margin: auto; }

.alertHeader { background-color:#cc9933; color:#FEFEFE; font-size: 1.2em;
    line-height: 2.6em; padding-left: 10%; text-align: center; text-transform: uppercase;
}


.errPageheadImg { background-image: url('images/others/banner-WELCOME.jpg'); background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 150px; }

/* >>> styles for body >>> */
.ntfy-bodyMssg { padding: 0px 10px; padding-left:2.50em; font-size: 1.30em; text-align: justify; }
.ntfy-bodyTitle { }
.errPageInstruct { margin-top: 1em; }
.errPageInstruct > ul { text-align: justify; padding-left:5.5em; }
/* -- for dialog notification */
.alertDialog .ntfy-bodyTitle > div:first-child
,.alertDialog .sdTitleDiv{ font-size: 1.30em!important; width: 80%!important; }

.alertDialog .ntfy-bodyMssg,
.alertDialog .ntfy-bodyMssg p,
.alertDialog .ntfy-bodyMssg div { font-size: 1.05em!important; }
/* <<< styles for body  <<< */

/* >>> styles alert box >>>*/
.alertInfoSec { padding: 15px 0px; }
.alertInfoSec > div:first-child , 
.alertInfoSec > div.alert-bordered { border: 2px solid #000; width: 50%; margin: auto; padding: 10px; float: none; clear: both; }
.alertInfoSec > div:first-child > div#alertImgSec, 
.alertInfoSec > div.alert-bordered > div#alertImgSec { width: 18%; text-align: center; display: inline-block; height: 100%; vertical-align: middle; float:left; }
.alertInfoSec > div:first-child > div#alertImgSec > img,
.alertInfoSec > div.alert-bordered > div#alertImgSec > img { align-self: center; vertical-align: middle; }
.alertInfoSec > div:first-child > div#alertContMsg,
 .alertInfoSec > div.alert-bordered > div#alertContMsg{ width: 78%; display:inline-block; padding-left: 0.30em; text-align: center; float:left; }
.alertInfoSec > div:first-child > div#alertContMsg > label,
.alertInfoSec > div.alert-bordered > div#alertContMsg > label { width: 100%; padding: 5px; text-align: center; font-size: 1.60em; }

.alertFootLine { float: left; width: 100%; padding: 10px; }
.alertFootLine > hr { border-top: 1px solid #4DC1DF; margin: auto; }

/*.alertImgSec { float: left; width: 20%; } */
.alertImgSec > img { height: 59px; }
/* .alertDialog .alertInfoSec
.alertInfoSec { text-align:center;padding:10px;float:left;width:80%; }
    */
.alertTitle { font-weight: 600; font-size: 1.60em; }
.alertDescMssg { font-weight: 200; font-size: 0.90em; padding: 0px 10px; }
.alertBtnSec { padding: 10px; text-align: center; margin: auto; }
/* -- unique for dialog */
.alertDialog .alertInfoSec > div:first-child,
.alertDialog .alertInfoSec > div.alert-bordered { width: 66%!important; }
.alertDialog .alertInfoSec > div:first-child > div#alertImgSec > img,
.alertDialog .alertInfoSec > div.alert-bordered > div#alertImgSec > img { width: 3.6em; }
/* <<< styles alert box <<< */


.errPageContact > div { width: 50%; margin: auto; }
.errPageContact > div > div > div > span { text-decoration: none; text-transform: none; }

.errorHeader { background: transparent url("./images/others/banner-WELCOME.jpg") no-repeat scroll center center; width: 100%; padding: 10% 0%; }
.errorSectionTitle { text-transform: uppercase; border: 4px solid #FFF; text-align: center; padding: 20px 0px; font-weight: 400; font-size: 2vw; margin: auto; color: #FFF; width: 45%; }
.errorMsgSection { padding: 40px 0px; }
.errorMsgSection > div { margin: auto; width: 459px; }
.errorDescImg { margin-left: 89px; margin-top: -70px; }
.errorDescImg > label { text-align: justify; font-size: 19px; font-weight: 200;}
.errorThankSection { padding-left: 23%; padding-bottom: 10px; padding-top: 10px; }
.wpThankMssg { font-size: 33px; font-weight: 300; text-transform: uppercase; padding-left:10px; }
.thankCard { border: 4px solid #000; height: auto; width: 450px; margin: auto; }

/*Contact Box: Move to main css*/

.contactBox {
    display:block;
    position:relative;
    padding:0.50em;
    clear:both;
    margin:0px auto;
    border-bottom:2px solid #EEE;
    border-top:2px solid #EEE;
    width:300px;
}
.contactBox>div{
    margin-top:1em;clear:both;
}
.contactBox>div>div{
    float:left;
    padding-left:2em;
    text-align:left;
}
.contactBox>div>div>img{width:2em;float:right;}
.clear{clear:both;}

/*  section buttons */
div#errPageButtons .generalButton {
    display: inline-block!important;
    position: relative;
    clear:both !important;
    margin: 0 1.50em!important;
    float: none!important;
}

div#errPageButtons input[type=button] {
    display: inline-block!important;
    position: relative;
    clear:both !important;
    margin: 0 1.50em!important;
    float: none!important;
}

#main_courtain { display: none; }

.back-to-main { margin: 16px 0; text-align:center; }

.back-button {
    background-color: #b8af4c;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(184, 175, 76, 0.3);
    transition: all 0.2s ease;
    text-decoration: none;
    letter-spacing: 0.5px;
    text-decoration: none;
}

    .back-button:hover {
        background-color: #a39d42;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(184, 175, 76, 0.4);
        color: white;
        text-decoration: none;
    }

    .back-button:active {
        transform: translateY(0px);
        box-shadow: 0 2px 6px rgba(184, 175, 76, 0.3);
    }

.arrow {
    font-size: 14px;
    font-weight: bold;
}