.action-link {

	padding: 20px;

}



#action-links {

	/* blue background */

	/* background-color: #1073ac; */

	/* purple background */

	 background-color: #4b5fab; 

	/* gray background */

	/* background-color: #777; 

	/* navy background */

	/*background-color: navy; */

	/*text-align: center; */

	color: white;

	/*font-size: 20px;*/

	padding-bottom: 10px;

	padding-top: 10px;

}



#action-links a {

	color: white;

}

#action-links td {
	
	color:white;
}



.calculate-button {

	align: center;

}



.special-text-fix {

	font-size: 0.8em !important;

}

.container #404-link-list {
	list-style-type: none;
	margin: auto;
}



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

    .large {

        display: none;

    }

}



@media only screen and (max-width: 499px) {

    .mobile {

        display: none;

    }

}



#footer-bg-color {

	background-color: #777 !important;

}



#calculate-button {



}



.custom-brand-container {

		background: url('../images/United_Alliance_Logo.png'), rgba(13, 14, 20, 0) !important;

}

#main-nav .custom-brand-container {

  display: inline-block;

  vertical-align: middle;

  float: left;

  margin: 4px 0;

}

#main-nav .custom-brand-container a.navbar-brand {

  display: inline-block;

  vertical-align: middle;

  padding: 0px;

  margin: 0px;

}

#main-nav .custom-brand-container a.navbar-brand #logo {



  height: 115px;

  width: 312px;

  position: relative;



  display: block;

}

@media (min-width:992px) {

  #main-nav .custom-brand-container a.navbar-brand #logo {

	background: url('../images/United_Alliance_Logo.png'), rgba(13, 14, 20, 0);

	background-size: cover;

    height: 72px;

    width: 89px;

  }
  
	.mobile-only {
		display: none;
	}
	
	.special-text-fix {
		line-height: .9em;
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
		display: inline-block;
		font-size: 2em;
		font-weight: 900;
		
	}
	
	.modal-content {
		width: 400px;
		border-radius: 10px;
	}
	
	.state-svg {
		width: 150px;
	}


}

@media (max-width: 991px) {

  #main-nav .custom-brand-container a.navbar-brand #logo {

	background: url('../images/United_Alliance_Logo_small.png'), rgba(13, 14, 20, 0);

	background-size: cover;

    height: 48px;

    width: 59px;

  }
  
  .desktop-only {
	display: none;
	height: 200px;
  }
  
	.special-text-fix {
		line-height: .9em;
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
		display: inline-block;
		font-size: 0.8em !important;
		font-weight: 900;
		
	}
	
	.modal-content {
		width: 80%; /* Could be more or less, depending on screen size */
		border-radius: 10px;
	}
	
	.state-svg {
		width: 50px;
	}

}

.zoccam-row {
	padding: 25px;
}

.zoccam-step {
	
	margin: auto;
}

.no-style {
  list-style-type: none;
}

.small-font {
	font-size: 0.6em !important;
}

div.img-container .item .container .caption .special-text-fix strong {
	font-size: 1.5em;
}

.large-icon {
	font-size: 48px !important;
}

.padding-right {
	padding-right: 10px;
}

hr {
	border: 1px solid #4b5fab;
}

select {
	color: #000;
    border: 1px solid #000;
    background: #fff;
    max-width: 100%;
    width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
    font-weight: 400;
    padding: 5px 10px;
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 17px;
	
}

.icon-baseline-adjustement {
	vertical-align: -6px;
}

.emd-row img{
	height: 50%;
	width: 50%;
}

.gray-banner-row {
		text-align: center;
		background-color: gray;
		color: white;
		padding: 20px;
		padding-left: 50px;
		padding-right: 50px;
		font-size: 20px;
}

body.border-right:after {
	background-color: #4b5fab;
}

.citation {
	font-size: 12px;
}

.certifid-logo {
	text-align: center;
	padding-bottom: 20px;
	display: block;
	margin: auto;
}

.bio {
		padding: 20px;
}

.bio-name {
	font-size: 20px;
}

#actions-links {
	padding-left:0px;
	padding-right:0px !important;
}

.white-font {
	color:white !important;
}

.live-area article ul li:before {
	display: none;
}

ul li a {
	color: #4b5fab;
	style: underline;
}

.error {
	background-color: #ffdddd !important;
	border: 1px solid red !important;
}

.error-container {
	color: red !important;
	margin-left: 20px !important;
}

.disabled-field, .disabled-button {
	background-color: #cccccc !important;
	cursor: not-allowed
	opacity: 1;
	
}

div.img-container .item .container .caption .extra-shadow {
	text-shadow: 0 0 24px #000000, 0 0 24px #000000, 0 0 24px #000000 !important;	
}


/*spinner*/

.lds-ellipsis {
  /* change color here */
  color: #1c4c5b
}
.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 16px;
}
.lds-ellipsis div {
  position: absolute;
  top: 12px;
  width: 5.33333px;
  height: 5.33333px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 4px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 4px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 12px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 20px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(8px, 0);
  }
}

/*modal*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 20% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#success-modal-content {
	margin: auto;
	width: 80%;
}



.branch-info {
	font-size: 16px;
}

h3.EMD-section {
	padding-bottom: 10px;
}

.state-choice {
	margin: auto;
}

.state-name {
	padding-left: 15px;
	padding-right: 15px;
}

.state-fill {
	fill: #4b5fab;
}

#forms-table {
	margin: auto;
}

#state-dropdown {
	border: none;
	width: 10px;
	padding-left: 4px;
	padding-right: -10px;
}

#order {	
	border: 10px solid #4b5fab; 
	width:100%; 
	background-color:#4b5fab;
	padding-left:10px; 
	padding-right:10px;
}

#order td h3{
	padding:10px; 
	margin: auto;
}

#order td a {
	color:white;
	padding: 0px;
}

.order-header {
	color:white;
	margin: auto;
	padding-bottom:10px;
}
/* Only use this if carets are enabled in nav menu

#main-nav #menu-main-menu li a#references-and-forms-link {
	padding-right: 0px;
}
*/