/***--------------------------------------------------------------
Filename:			_ajg-style.css
 Description:		This file overrides ping identity main.css for AJG Branding
 ---------------------------------------------------------------***/


html {
    background-color: #fff;
    background-image:none;
}

body{
	font-family: "PT Sans",Arial,Helvetica,Sans-Serif;
	color: #444;
}
body .ping-signin .ping-header, 
.org-logo, .stack {
    padding-top:0;
     max-width: 540px;
     width:100%;
     margin-right: auto;
     margin-left: auto;
}

.ping-body-container, 
.tile-selector {
	background:#f3f4f4;
	box-shadow:none;
	margin:0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
}

.ping-container {
    box-sizing: initial;
    padding-top: 50px;
    min-height: initial;
    position: initial;
}

.ping-body-container{
    text-align: center;
    padding: 35px 50px
 }


.ping-header{
	box-shadow:none;
	font-family: "PT Sans",Arial,Helvetica,Sans-Serif;
}
.ping-header .company-logo {
	display:block;
	text-align: left;
	padding:10px 0;
}

a, a:link {
    color: #2b5a80;
    text-decoration: underline;
}

a:hover {
    color: #00263e;
    text-decoration: none;
}





.ping-button, .ping-button.normal, .button--primary{
    background-color: #2b5a80;
    border: 1px solid #2b5a80;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.14px;
    position: relative;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: .0625em;
    padding: 1.25em 5em 1.25em 1.55em;
    text-transform: uppercase;
    height: auto;
    line-height: 18px;
}

a.ping-button{
    color: #fff;
}

a.ping-button:hover, .ping-button.normal:hover{
    background-color: #6facde;
    border: 1px solid #222;
    color: #222;
}

.ping-button:after, 
.button--primary:after{
    content: "";
    /*font-family: icomoon!important;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: .0625em;
    pointer-events: none;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 40%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
   }

.ping-button:hover:after{
border: solid #444;
border-width: 0 3px 3px 0;
}

#company-logo-div-text, 
h1.heading, .heading-text{
	color:#00263e;
    display: block;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #00263e;
}
h1.heading{
	display:table;
}

.ping-footer-container, 
.page__footer{
	background: #dcdddc;
	padding: 20px 0;
	color: #2b5a80;
	height:auto;
    position: relative;
    /*for footer fix
    height:auto;
	
	height: 100%;*/
}

.ping-credits{
	display:none;
}

.ping-copyright{
	color: #2b5a80;
	font-size: 14px;
}

.ping-ajg-footer-nav{
	margin-top:20px;
}

.ping-container{
	padding-bottom:0;
    padding-top: 0;
}
.ping-ajg-footer-nav a, .ping-ajg-footer-nav a:link{
	color: #2b5a80;
	font-size:14px;
	text-decoration:none;
}
.ping-ajg-footer-nav a:hover{
	text-decoration:underline;
}

.ping-footer-container,
.page__footer{
	padding-top:40px;
}

.ping-input-container input, 
.text-input{
    background-color: #fff;
    border: 1px solid #2b5a80;
    border-radius: 0;
    color: #00263e;
    margin: 5px 0;
    padding: 1em;
}

.ping-input-label {
   color: #2b5a80;
   font-size: .75em;
   font-weight: 700;
   margin: 0.25em 0;
   text-transform:initial;
}

label .ping-checkbox-container .icon:before{
	border: 2px solid #2b5a80;
}

.ping-checkbox-container.stacked{
	color: #2b5a80;
}

.button{
	width: auto;
	margin:0 auto;
}

/*https://ciamidp-pfdev.ajgco.com/as/nWrQSsbpSq/resume/as/authorization.ping*/
.text-input.text-input--primary.input--otp{
	padding:0;
}

.heading--4{
	margin-top:32px;
}

.text-block{
		margin-top:32px;
	}

@media  screen and (min-width: 768px){
	body .ping-signin .ping-header {
	    max-width: 720px;
	}

	body .ping-signin .ping-body-container, 
	.ping-body-container{
		max-width: 620px;
	}

	.text-input{
		margin:0 auto;
	}
}

@media screen and (min-width: 1024px){
	body .ping-signin .ping-header, 
	body .ping-container .ping-header, 
	.org-logo, .stack {
	   max-width: 1170px;
	}
	body .ping-signin .ping-body-container,
	body .ping-container .ping-body-container, 
	.tile-selector, .ping-body-container{
		max-width: 800px;
		z-index: 9999;
	}

	.ping-footer-container, 
	.page__footer{
		padding-top:50px;
		padding-bottom:50px;
		
	}

	.ping-ajg-footer-nav{
		float:left;
		margin-top: 0px;
	}
	.ping-copyright{
		float:right;
		padding-right:10px;
	}

	.ping-footer{
		max-width: 1170px;
		margin: 0 auto;
	}

	.ping-ajg-footer-nav ul{
		margin-bottom:0;
		margin-top:0;
	}

	.ping-ajg-footer-nav ul li{
		display:inline-block;
		margin-right: 20px;
		margin-bottom:0;
	}

	.ping-footer:after{
		content: "";
  		clear: both;
  		display: table;
	}

	.ping-body-container form{
		width:60%;
		margin:0 auto;
	}
	/*https://ciamidp-pfdev.ajgco.com/as/nWrQSsbpSq/resume/as/authorization.ping*/
	.text-input{
		width:52.5%;
		margin:0 auto;
	}

	.ping-button, .ping-button.normal, .button--primary {
		padding: 1.25em 10em 1.25em 1.55em;
	}
	
	
}

/*Styles for pinone pages*/

.page.brand-background {
    background-color: #fff;
    background-image: none;
    background: #fff;
}

.card{
	max-width:100%;
	box-shadow: none;
}
.org-logo  {
/*	padding-top: 0;
    max-width: 540px;
    width: 100%;
    margin-right: auto;
    margin-left: auto; */
display: block;
text-align: left;
}

 

.tile-selector{
	/*background:#f3f4f4;
	margin-top: 30px;
	box-shadow:none;*/
	padding: 35px 50px;
	margin: 0 auto;
}

.heading {
	text-align: center;
}

.page__footer {
	margin: 0;
}

.page__content{
	margin-top:0px !important;
}

.card__content form{
	text-align: center;
}

.app-container.ajg-position-override{
	position:relative;
}

.button--primary:active {
    color: #fff;
    background-color: #00263e;
    border: 1px solid #00263e;

}
.button--primary:hover {
	background-color: #6facde;
	border: 1px solid #444;
	color: #222;
}
.button--primary:hover:after {
	border: solid #222;
	border-width: 0 3px 3px 0;
}

@media screen and (min-width: 1024px){
/*	.org-logo  {
	   max-width: 1170px;
	}*/
}