/**** header ****/
#header {background: #2c52b4 !important; position: relative !important; z-index: 1 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important;}
#header h1.logo {padding-top: 10px !important; padding-left: 10px !important;}
#header .headerRight {padding-right: 10px !important; padding-top: 0 !important;}
/* #header .loginFormWrapper p.errorMessageWrapper {background: #e52525 !important; bottom: -50px !important;} */
/* #header .loginFormWrapper p.errorMessageWrapper span#lblMessage {color: #fff !important;} */
#header .loginFormWrapper p.errorMessageWrapper {background: none !important; bottom: -53px !important; padding-left: 0 !important;}
#header .loginFormWrapper p.errorMessageWrapper span#lblMessage {color: #e52525 !important; font-weight: bold !important; font-size: 13px !important;}

/**** middle ****/
#middle {background: linear-gradient(to right,  rgba(44,82,180,0.2) 0%,rgba(255,255,255,0.45) 39%,rgba(255,255,255,1) 100%) !important; height: calc(100vh - 182px) !important; font-family: "Nunito Sans", sans-serif !important;}
#middle .container {width: 90%; padding-top: 50px;}
#middle .container .loginContent h2 span {font-family: "Nunito Sans", sans-serif !important;}
#middle .container .loginContent p {font-family: "Nunito Sans", sans-serif !important; font-size: 16px !important; padding-bottom: 20px !important; line-height: 26px !important;}
#middle .container .fRight img {max-height: 440px;}

/**** footer ****/
#footer {background: #2c52b4 !important; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.6); border-top: 1px solid #fff; font-family: "Nunito Sans", sans-serif !important;}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #middle .container {padding-top: 70px;}
    #middle .container .loginContent {padding-top: 20px;}
    #middle .container .fRight img {max-height: 440px;}
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
    #middle .container {padding-top: 70px;}
    #middle .container .loginContent {padding-top: 20px;}
    #middle .container .fRight img {max-height: 440px;}
}