@font-face {
  font-family: "LexiaRegular";
  src: url("/etc/designs/digital/overrides/css/azagencyresourcehub/en/fonts/Lexia-Regular.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LexiaLight";
  src: url("/etc/designs/digital/overrides/css/azagencyresourcehub/en/fonts/Lexia_Lt.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LexiaBold";
  src: url("/etc/designs/digital/overrides/css/azagencyresourcehub/en/fonts/LexiaBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LexiaItalic";
  src: url("/etc/designs/digital/overrides/css/azagencyresourcehub/en/fonts/Lexia-Italic.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueRegular";
  src: url("/etc/designs/digital/overrides/css/azagencyresourcehub/en/fonts/HelveticaNeue.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueMedium";
  src: url("/etc/designs/digital/overrides/css/azagencyresourcehub/en/fonts/HelveticaNeue-Medium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
.pull-right {
    float: right !important;
    padding: 10px 20px;
    margin-right: 324px;
    margin-top: -79px;
    display: inline-block;
    position: relative;
}
.pull-right span{
    font-size:16px;
}
.azEmployeeLogin .text:first-child p {
    margin-bottom: 9px !important;
}

body {
  background-color: #fff;
}

/* Hide Unused Elements on Site Starts* */

.navbar-default {
  border: none;
}

.navbar-default .top-header {
  border: none;
  padding: 0;
}

.navbar-toggle {
  display: none;
}

.container.middle-content {
  display: none;
}

.primary-navigation {
  display: none;
}

/* Hide Unused Elements on Site Ends */

/* Global Styles Starts Here */

.main-container {
  background-color: #c4d0cd;
}

.navbar-default {
  box-shadow: 1px 1px 8px rgb(0, 0, 0, 0.2);
}

.top-header-links {
  width: 100%;
}

.component-section {
  padding: 20px 0px 30px;
  position: relative;
}


.nowrap {
    white-space: nowrap;
}

/* Global Styles Ends Here */

/* Font Styles Starts Here */
h1 {
  color: #830051;
  font-family: "LexiaRegular", Times, "Times New Roman", serif;
	font-size: 30px;
    line-height: 36px;
}

h3 {
  font-family: "LexiaLight", Times, "Times New Roman", serif;
}

p.intro {
  font-family: "LexiaLight", Times, "Times New Roman", serif;
  font-size: 16px;
  line-height: 24px;
}

p {
  font-family: "HelveticaNeueRegular", Helvetica, Arial, sans-serif;
  font-size: 14px;
    line-height: 20px;
}

/* Font Styles Ends Here */

/* Header Styles Starts */

.logosec {
  padding: 20px 0 30px;
}

.logosec .logoTitle h1.titleTxt {
  margin: 0;
  font-family: "HelveticaNeueRegular", Helvetica, Arial, sans-serif;
  font-size: 23px;
  line-height: 27px;
}

.logosec {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.logosec .logoImg {
  text-align: right;
}

.logosec .logoImg a img {
    width: 110px;
}

/* Header Styles Ends */

/* Link Outs Column Styles Starts */
.multi-column-container.linkOuts-col {
    width: 100%;
}

.linkOuts-col .row {
  display: flex;
  flex-direction: column;
}

.linkOuts-col .col-sm-6.col-xs-12 {
  margin-top: 50px;
}

.linkOuts-col .col-sm-4.col-xs-12 {
	margin-top: 50px;
}

.linkOuts-col .parbase {
  background-color: #fff;
  box-shadow: 0 0 5px rgb(0, 0, 0, 0.2);
}

.linkOuts-col .parbase .title {
  padding: 10px 15px;
  background: url(/content/dam/open-digital/azagencyresourcehub/en/graph.png) no-repeat;
  background-size: cover;
}

.linkOuts-col .parbase .title {
  color: #fff;
}

.linkOuts-col .parbase .title h3 {
  font-size: 22px;
  line-height: 29px;
}

.linkOuts-col .parbase .description {
  padding: 30px 30px;
}

.linkOuts-col .parbase .linkOuts {
  padding: 15px 15px;
  text-align: right;
}

.linkOuts-col .parbase .linkOuts a.link, a.backtohome {
  color: #d0006f;
  text-decoration: none !important;
  font-family: "LexiaItalic", Times, "Times New Roman", serif;
  font-size: 18px;
  line-height: 18px;
}

.linkOuts-col .parbase .linkOuts a.link:hover, a.backtohome:hover {
  color: #d0006f;
}

.linkOuts-col .parbase .linkOuts a.link:hover span.ltitle, a.backtohome:hover span.ltitle {
  border-bottom: 4px solid #d0006f;
}

.linkOuts-col .parbase .linkOuts a.link span.fa.fa-chevron-right, a.backtohome span.fa.fa-chevron-right {
  margin-left: 4px;
  font-size: 10px;
}

/* Link Outs Column Styles Ends */

/* Footer Styles Starts Here */

footer {
  background-color: #272727;
}

.footer {
  background: #272727;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footerLinks a {
  color: #b5b4b4;
  text-decoration: none !important;
}

.footerLinks a:hover {
  color: #b5b4b4;
  text-decoration: underline !important;
}

.footerLinks span.devider {
  padding: 0 10px;
}

.footerLinks a.fLink {
  /*white-space: nowrap;*/
}

.footer p {
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  color: #b5b4b4;
}

.footer .az-footer-logo {
  width: 150px;
}

/* Footer Styles Ends Here */

/* Exitramp Styles Starts Here */
.exitRampPage .modal-header {
  border-bottom: none;
}
.exitRampPage .modal-header h4.modal-title {
  color: #d0006f;
}
.exitRampPage .modal-footer .btn.btn-default {
  color: #d0006f;
  border: 1px solid #d0006f;
}
.exitRampPage .modal-footer .btn.btn-default:hover {
  color: #d0006f;
  border: 1px solid #d0006f;
}
.exitRampPage .modal-footer .btn.btn-primary {
  border-color: #d0006f;
  background: #d0006f;
  color: white;
}
.exitRampPage .modal-footer .btn.btn-primary:hover {
  border-color: #d0006f;
  background: #d0006f;
  color: white;
}

/* Exitramp Styles Ends Here */



@media only screen and (max-width: 991px) {
    .top-header .header-actions .dropdown-menu {
        position: relative !important;
}
.azEmployeeLogin input[type="text"], .azEmployeeLogin input[type="password"] {
    position: relative;
}
.login-container {
    margin-top: -142px;
}
.component-section {
    margin-top: -13px;
}
    .hidden-xs {
     display: block !important;
    top: -28px;
}
.navbar-fixed-top {
    top: -15px;

}
.pull-right {
    padding: 10px 8px;
}
    .top-header { line-height: 1; }
.container {
    padding: 0 45px;
}


.logosec .logoImg {
    text-align: right;
    padding-bottom: 20px;
}

.errorpage-section { padding-bottom: 300px; }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .azEmployeeLogin input[type="text"], .azEmployeeLogin input[type="password"] {
    position: relative;
}
  /* Link Outs Column Styles Starts */
  .user-enrole{
      width:100%;
  }
  .login-container {
    margin-top: 120px !important;
}

.footer {
    margin-top: 264px;
}
    .pull-right {
    margin-right: -33px;
    margin-top: -79px;
    
}
  .linkOuts-col .row {
    display: block;
  }

  .linkOuts-col .parbase .description {
    min-height: 240px;
  }

  /* Link Outs Column Styles Ends */

.errorpage-section { padding-bottom: 300px; }

}

@media only screen and (min-width: 992px) {


/* Font Styles Starts Here */

h1 {
	font-size: 42px;
    line-height: 48px;
}

p.intro {
  font-size: 23px;
  line-height: 30px;
}

/* Font Styles Ends Here */

  .footer {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .footer .az-footer-logo {
    float: right;
  }

  .linkOuts-col .row {
    display: flex;
    flex-direction: row;
  }

  .linkOuts-col .col-sm-6.col-xs-12 {
    display: flex;
margin-top: 20px; 
  }
  
  .linkOuts-col .col-sm-4.col-xs-12 {
    display: flex;
margin-top: 20px; 
  }

  .linkOuts-col .parbase .description {
    min-height: 280px;
  }

  /* Header Styles Starts */
  .logosec {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
  }

  .logosec .logoTitle {
    flex: 0 70%;
  }

  .logosec .logoTitle h1.titleTxt {
    font-size: 42px;
    line-height: 48px;
  }

  .logosec .logoImg {
    flex: 0 30%;
  }

.logosec .logoImg a img {
    width: 150px;
margin-right: 50px;
}

  /* Header Styles Ends */

.errorpage-section { height: calc(100vh - 268px); }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .linkOuts-col .parbase .description {
    min-height: 350px;
  }
    .pull-right {
      margin-right: 239px;
    }
.linkOuts-col .parbase .title {
    color: #fff;
    min-height: 110px;
}

.linkOuts-col .parbase .linkOuts {
    padding: 15px 15px 15px 25px;
}

}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .hidden-xs {
       top: -75px !important;
       right: -19px;
}    
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .login-container {
    margin-top: 77px;
}


    .azEmployeeLogin input[type="text"], .azEmployeeLogin input[type="password"]{
        position:relative;
    }
}
@media only screen and (min-width: 320px) and (max-width: 370px) {
    .azEmployeeLogin .btn {
        padding: 10px 61px !important;
    }
    .logosec .logoImg {
        margin-top: 10px;
}
}
@media (min-device-width: 800px) and (max-device-width: 1250px){
.user-profile-account{
        margin-top:40px;
    }
    .footer{
        margin-top:30%;
    }
}

@media only screen and (min-width: 800px) and (max-width: 840px) {
    
    .footer{
        margin-top:47%;
    }
    .top-header .header-actions .dropdown-menu {
    position: absolute !important;
}
}
/******GDDWS-7106 UPDATES****/
.linkOuts-col1 .title {
    padding: 10px 15px;
    background: url(/content/dam/open-digital/azagencyresourcehub/en/graph.png) no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: 20px;
}
.linkOuts-col1 .title h3 {
    font-size: 22px;
    line-height: 29px;
}
.linkOuts-col1 .linkOuts {
    padding: 15px 15px;
    
}
.linkOuts-col1 .linkOuts a.link, a.backtohome {
    color: #d0006f;
    text-decoration: none !important;
    font-family: "LexiaItalic", Times, "Times New Roman", serif;
    font-size: 18px;
    line-height: 18px;
}
.linkOuts-col1 .linkOuts a.link:hover span.ltitle, a.backtohome:hover span.ltitle {
    border-bottom: 4px solid #d0006f;
}
.linkOuts-col1 {
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0, 0, 0, 0.2);
  }
  
@media only screen and (min-width: 991px){
  .multi-column-container.linkOuts-col .col-sm-6.col-xs-12.column-1 {
    margin-left: 150px !important;
  }
  .multi-column-container.linkOuts-col .col-sm-6.col-xs-12.column-4 {
    display: none;
  }
}
.formContainer {
  position: relative;
}

.azEmployeeLogin .btn.btn-primary
{
    visibility:hidden;
}

.azEmployeeLogin input[type="password"]
{
    display:none;
}

.azEmployeeLogin input[type="text"]
{
display:none;
}

.azEmployeeLogin .text:first-child p
{
    display:none;
}
.azEmployeeLogin-link {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.user-enrole a
{
background: #830051;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none !important;
}
.user-enrole a:hover, .user-enrole a:visited

{
color: #fff;
text-decoration: none;
}
.azEmployeeLogin p
{
margin-bottom:10%;
font-family: LexiaLight, "Georgia", Times, "Times New Roman", serif;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1021px)
{
.azEmployeeLogin p
    {
        margin-bottom: 7%;
    }
} 


@media only screen and (max-device-width: 767px) 
{
.azEmployeeLogin p
    {
        margin-bottom: 16%;
    }
} 
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
  .azEmployeeLogin p {
    margin-bottom: 7%;
}
}
.text-align-space{
    line-height: 2.6;
    font-size: 13px;
}