/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@font-face {
  font-family: 'Myriad Pro';
  src: url('../Content/Fonts/MyriadPro-Light.eot');
  src: url('../Content/Fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
       url('../Content/Fonts/MyriadPro-Light.otf'),
       url('../Content/Fonts/MyriadPro-Light.svg#svgMyriadPro') format('svg'),
       url('../Content/Fonts/MyriadPro-Light.ttf')  format('truetype'),
       url('../Content/Fonts/MyriadPro-Light.woff') format('woff');
/*  src: url('../Content/Fonts/MYRIADPRO-BOLD.OTF?#iefix') format('embedded-opentype'), url('../Content/Fonts/MYRIADPRO-COND.OTF') format('OTF'), url('../Content/Fonts/MyriadPro-It.otf') format('truetype'), url('../Content/Fonts/MYRIADPRO-REGULAR.OTF') format('otf');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');*/
}
body
{
    font-family: Myriad Pro !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
     background: url("../Content/Images/bg.png");
     color:#4E4E4F;
}

input, select, textarea, button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"]{font-family:Myriad Pro !important;}

a:link
{
    color: #0066CC;
    text-decoration: none;
}

a:visited
{
    color: #0066CC;
}

a:hover
{
    color: #0066cc;
    text-decoration: Underline;
}

a:active
{
    color: #0066CC;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
    width:auto;
    text-align:left !important;
}
header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #fff;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    color: #333333;
    /*font-family: georgia;*/
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    margin: 40px 0 8px 2px;
    padding: 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

input
{
    margin: 0;
    padding: 0;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */


/* Start Modification from here
 */




container, #container
{
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin: 0;
}

header, #header
{
    background-color: #ffffff;
    margin-bottom: 0px;
    color: #333;
    padding: 0;
    vertical-align: middle;
    /*height: 86px;*/
}
#header .headerInner
{
    width: 980px;
    margin: auto;
    vertical-align: middle;
    padding-top: 16px;
     padding-bottom: 16px;
     height:70px;
}

header, #imgLogo
{
    vertical-align: middle;
    border:0px;
}
#header #imgLogo 
{
    height: auto;
    max-width: 190px;
    margin-left: -7px;
    max-height:70px;
}    
header, #imgHeaderLine
{
    vertical-align: middle;
    padding-left: 5px;
}

#header, #siteName
{
   /* font-family: Georgia;*/
    color: #666;
    font-style: normal;
    padding-left: 14px;
    vertical-align: middle;
    font-size: 16px;
}

.content
{
    margin: auto;
    width: 980px;
}


footer, #footer
{
    position: fixed;
    height: 38px;
    background-color: #3e3e3e;
    /*font-family: Verdana;*/
    font-size: 13px;
    color: #718692;
    bottom: 0 !important;
    padding: 0 0 0 0 !important;
    width: 100%;
}
#footer-wrap
{
    
 position:fixed;
 bottom:0 !important;
 width:100%;  
    
}
#footer .footerInner
{
    /*width: 980px;*/
    margin-left: 20px;
}

footer, #footerLeft
{
    margin-left: 15px;
    float: left;
    vertical-align: middle;
    padding-top: 10px;
}

footer, #footerRight
{
    margin-right: 15px;
    float: right;
    vertical-align: middle;
    padding-top: 10px;
}

footerRight, .footerInner a
{
     /*font-family: Verdana !important;*/
     font-size: 13px !important;
     color: #718692 !important;
     text-decoration: none;
     font-weight:normal;
}
footerRight, .footerInner a:hover
{
    text-decoration: Underline !important;
    /*font-family: Verdana !important;*/
    font-size: 13px !important;
    color: #718692 !important;
    font-weight:normal;
}
.labelBold
{
    font-weight: bold;
}
.loginText
{
    background-color: #cccccc;
    border-color: #b5b5b5;
    width: 540px;
    height: 50px;
    font-family: Georgia;
    font-size: 24px;
    color: #333333;
    
}


fieldset, #fsLoginInfo
{
    border: 0px solid #FFF;
   /* padding: 0em 2em 2em 2em; */
    margin: 0em 5.8em 5.8em 2em;
    margin-bottom:46px;
     margin-right:5.8em;    
    margin-left:5.8em; 
    padding-top:22px;
}
#fsLoginInfo .passwordBlock
{
    margin-top: 30px;
}

table.display
{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}


/* End Modification 
 */

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors
{
    line-height :1.5em !important;
   border: 1px solid #cc0000 !important;
   background-color: #fde2da !important;
    color: #cc0000;
    width:438;
    margin-left: 26px;
    margin-bottom: 0px;
    vertical-align: middle !important;
    padding-top: 8px;
    height: auto;
    padding-left: 5px;
    font-size: 14px;    
    border-radius:4px;
     height: auto;
     margin-top: 0px;
}

.success-message
{
    line-height: 1.6em !important;
    border-top: 1px solid #66cc66 !important;
    border-bottom: 1px solid #66cc66 !important;
    background-color: #e4f4e2;
    color: #333333;
    width: 482px;
    margin-left: 21px;
    margin-bottom: 20px;
    vertical-align: middle !important;
    height: auto;
    padding: 8px;
    font-family:Verdana;
    font-size: 11px;        
}

.validation-summary-errors ul
{
    padding:0 5px 0 5px !important;
    margin:0 0 9px 0;
}

.validation-summary-errors ul li
{
    display: block;
}

.validation-summary-valid
{
    display: none;
}
/* Common Class */
a, a:visited
{
    color: #0066cc;
    font-weight: bold;
    text-decoration: none;
}
label
{
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type="text"], input[type="password"]
{
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 #CCCCCC inset;
    color: #999999;
    font-size: 16px;
    height: 40px;
  /*  margin-bottom: 46px;*/
   /* margin-top: 5px;*/
    padding: 0px 20px;
    width: 350px;
}

input[type="button"], input[type="submit"]
{
    border: 1px solid #8cc739;
    background-color: #8cc739;
   /* font-family: georgia;*/
    font-size: 22px;
    color: #fff;
    width: 125px;
    height: 54px;
   /* box-shadow: 0 0 5px #cccccc;*/
    border-radius: 5px;
    text-transform: uppercase;
      text-shadow: 1px 2px #999;
    
}
input[type="button"]:hover, input[type="submit"]:hover
{
    background-color: #669933;
    cursor: pointer;
}

.formHeader
{
    height: 80px;
    background-color: #3399CC;
   /* font-family: Georgia;*/
    font-size: 42px;
    color: #fff;
   /* padding: 10px;
    border-bottom: 1px solid #b5b5b5;*/
    /*padding-left: 15px;*/
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-shadow: 1px 2px #999;
    line-height:70px;
    text-align:center;
}



/*Login Page*/

.login
{
    margin: auto;
    width: 550px;
   /* border: 1px solid #b5b5b5;*/
    border: 1px solid  #fff;
    margin-top: 30px;
    margin-bottom: 90px;
    background-color:#ffffff;
   box-shadow: 1px 1px 16px #cccccc;
    border-radius: 5px;
   
}
.login .title
{
    padding: 20px 27px;
}
.login .rememberMe
{
   /* vertical-align: top;*/
    padding-left: 5px;
    font-weight: bold;
    color: #999999;
    font-size: 14px;
}

.login .loginActions
{
    margin-top: 30px;
    margin-bottom: 30px;
    vertical-align: top;
}
.login .loginActions lable
{
    float: left;
}
.login .loginActions a
{
    color: #16649f;
    float: right;
    /*font-family: Verdana;*/
    font-size: 14px;
    font-weight: bold;
}

.login .loginActions a:hover
{
    text-decoration: underline; 
  
}


.PasswordRecovery
{
    margin: auto;
    width: 550px;
    margin-top: 100px;
   /* border: 1px solid #b5b5b5;*/
    border: 1px solid #fff;
    margin-bottom: 50px;
    background-color: #ffffff;
  /*  border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    border-radius: 5px;
    
}

.PasswordRecoveryTitle {
    line-height: 1.4em;
    padding-top: 28px;
    margin-left: 21px;
    font-size: 14px;
}

.PasswordRecoveryFieldset
{
    
    padding-left:25px;
}

 
.ErrorMessage
{
    border-top: 1px solid #ff0000 !important;
    border-bottom: 1px solid #ff0000 !important;
    background-color: #ffeeee;
    color: #ff0000;
    padding-bottom: 5px;
    width: 492px;
    margin-left: 27px;
    margin-bottom: 20px;
    vertical-align: middle;
    padding-top: 8px;
    height: 20px;
    padding-left: 5px;
}

.PasswordRecoverySubmit
{
   padding-top:18px; 
   
    
}


.loginContent
{
    min-height: 490px;
    margin: auto;
    width: 980px;
    
}

.Logininput input[type="text"], .Logininput input[type="password"]
{
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 #CCCCCC inset;
    color: #999999;
    font-size: 16px;
    height: 40px;
  /*  margin-bottom: 5px;*/
    margin-top: 5px;
    margin-left:5px; 
   /* padding: 6px 10px;*/
    width: 350px;
}


.notes {
    background-color: #E8E8E8;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    bottom: 80px;
    color: #333333;
    /*font-family: Verdana;*/
    font-size: 11px;
    height: auto;
    line-height: 1.6em !important;
    margin-left: 15px;
    padding: 8px;
    position: relative;
    vertical-align: middle !important;
    width: 875px;
}

.greenButton
{
    background: #8cc739 !important;
    height: 54px !important;
    /*padding-left: 20px !important;*/
    /*padding-right: 20px !important;*/
    color: #ffffff;
    border-radius: 5px;
}

.btnAddpaddingforCensus .greenButton
{
    background: #8cc739 !important;
    border: 1px solid #8cc739;
    height: 54px !important;
    color: #ffffff;
    width: 150px;
    display: block;
    z-index: 11111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
}
.dvformindexregister
{
    margin:30px 0 0 20px;
}
.error
{
    color:#ff0000;
}

.dvformindexloginform
{
    padding-left:40px;
    margin-top: 0px;
}
.dvformindexloginform input[type="text"],.dvformindexloginform input[type="password"]
{
    width:300px;
    margin-left:-1px;
}
.border
{
    border:1px solid red;
}
.clear
{
    clear:both;
}
.linkcolor
{
    color: #0066CC;
}
.reqField
{
    color:Red;
    width:2px;
    height:10px;
}
.block2
{
    background-color:#FFFFFF; width:100%; height:300px; border:solid 1px #cccccc;
     margin: auto;   
     margin-top: 200px;
     margin-top: 100px;
     margin-bottom: 90px;  
     padding:0px 20px 20px 20px;
}

.block3
{
    background-color:#FFFFA8; 
    color:Red;
     text-align:center;
      width:710px; 
      margin:0px auto ;
      margin-top:10px;
       border:solid 1px Red;
    padding:10px 10px 10px;
}
.registerPHQGHQ input[type="submit"]
{
   background-color:#8cc739 !important;
   border:1px solid #8cc739 !important;
    }
    
    .registerPHQGHQ input[type="submit"]:hover
    {
        background-color:#669933 !important;
    }
    
    .notesleftmargin {
  
    margin-left: 42px !important;
    
}
.loginpanel
{
margin-left: 42px !important;
margin-right:42px !important;
}
.margintop-30
{
    margin-top: 30px !important;
}
  input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }
    
     #siteName
     {
         padding-top:30px;
         padding-bottom:30px;
         }
         
      
h1 {
    font-size: 4em;
    height: 200px;
}





   @-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;}100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;}100%{opacity:1;}} /* Opera and prob css3 final iteration */
.divimg {
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */   
-moz-animation:blink normal 1s 3 ease-in-out; /* Firefox */
-webkit-animation:blink normal 1s 3 ease-in-out; /* Webkit */
-ms-animation:blink normal 1s 3 ease-in-out; /* IE */
animation:blink normal 1s 3 ease-in-out; /* Opera and prob css3 final iteration */
}
​
/*******Added By Dheeraj Date 13 jun  2019---Start Here*******/
#siteHeader {
    margin-bottom: 0px;
    color: #333;
    padding: 0;
    vertical-align: middle;
}

#siteHeader .headerInner {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    /*padding-bottom: 6px;*/
}

#siteHeader #imgLogo {
    max-height: 65px;
    max-width: 190px;
}

#siteHeader, #siteName {
    color: #666;
    font-style: normal;
    vertical-align: middle;
    font-size: 16px;
}

.subTitleLogoutRightLandingPage {
    margin-right: 4.5em;
    float: right;
    vertical-align: middle;
}

.logoDiv {
    width: 100%;
    height: 65px;
    background-color: white;
    line-height: 40px;
}

.logoPositon {
    text-decoration: none;
    margin-right: 20px;
    float: right;
}

.headerTitle {
    float: left;
    font-size: 28px;
    color: #1F669C;
    margin-left: 3em;
}