html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong, sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{color:#000000;font-family:Helvetica, Arial, sans-serif; font-size:62.5%; background:#d4e1f1;}
body#preview{overflow: hidden;}
#PreviewWrapper {background:#fff;-moz-linear-gradient(top, rgb(161,211,250) 0%, rgb(107,173,223) 100%);-webkit-gradient(left top, left bottom, color-stop(0%, rgb(161,211,250)), color-stop(100%, rgb(107,173,223)));-webkit-linear-gradient(top, rgb(161,211,250) 0%, rgb(107,173,223) 100%);-o-linear-gradient(top, rgb(161,211,250) 0%, rgb(107,173,223) 100%);-ms-linear-gradient(top, rgb(161,211,250) 0%, rgb(107,173,223) 100%);linear-gradient(to bottom, rgb(161,211,250) 0%, rgb(107,173,223) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1d3fa', endColorstr='#6baddf', GradientType=0 );} 
#PreviewWrapper {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);padding:10px;display:block;-webkit-box-shadow:0px 5px 5px 0px rgba(60, 60, 60,0.4);-moz-box-shadow:0px 5px 5px 0px rgba(60, 60, 60,0.4);box-shadow: 0px 5px 5px 0px rgba(60, 60, 60,0.4);border-radius:5px;font-size: 1.2em;line-height: normal;max-width: 400px;margin: 0;}
.logContainer { margin-bottom: 10px;}
#LoginContainer {float: left;width: 100%;/* border-top: 2px solid #003764; */padding: 0.5em;}
#LoginHeaderContainer {margin-top: 10px;color: #2f2f2f;padding: 15px 0 5px;border-top: 2px solid #055a60;}
#LoginErrMessageContainer{color: #ff0000; font-style: italic; padding: 0 0 5px; text-align: left;}
#LoginPanel, #LoginUserNameContainer, #LoginPasswordContainer, #LoginLoginButtonContainer, #LoginlblUserName, #LoginlblPassword{float: left; width:100%;}
#LogintxtUserNameContainer, #LoginReqValUserName, #LogintxtPasswordContainer, #LoginReqValPassword{float: left;width: 100%;}
#LogintxtUserNameContainer input, #LogintxtPasswordContainer input{ background: #ffffff; border:1px solid #e5e5e5; 
 margin:0 0 5px; outline: medium none; padding:8px 5px; width: 100%;font-size: 12px;}
#LoginLoginButtonContainer input{font-weight: bold;color: #fff;text-align: center;display: inline-block;text-transform: uppercase;letter-spacing: 0.2px;padding: 8px 19px;background: #055a60;font-size: 12px;border: none;}
#LoginlblUserName, #LoginlblPassword{margin:0 0 5px;color:#000;}

@media screen and (max-width: 640px) {
#LogintxtUserNameContainer, #LoginReqValUserName, #LogintxtPasswordContainer, #LoginReqValPassword{float: left; width:100%;}
#PreviewWrapper{    max-width: 80%;
    width: 100%;}
}
p{margin: 0 0 10px;color: #383838;font-size: 1.4em;line-height: 18px;}
h1{font-size: 2.6em;line-height: 1.2em;margin: 0 0 10px;color: #ec008c;padding-bottom: 15px;border-bottom: 1px solid #bbbab9;margin-bottom: 15px;}
body#ip3-preview-protection {height: 100vh;background:#464646;}
#LoginContainer:before{content: '';background-image: url("/~/media/Images/M/MandG-Plc/logo/mandg-plc-logo.svg");width: 70px;height:70px;display: block;background-size: 100% auto;background-repeat: no-repeat;}