/*Custom developer classes. Developers can write their custom styles here. */

/*---------------Avio Credit Brand Color Schema----------------------*/
.avio-color-turquoise-font { color:#1E988A }
.avio-color-turquoise-background { background-color:#1E988A }
.avio-color-turquoise-border { border-color:#1E988A}

.avio-color-darkGray-font { color:#3E4543 }
.avio-color-darkGray-background { background-color:#3E4543 }
.avio-color-darkGray-border { border-color:#3E4543}

.avio-color-lightGray-font { color:#EAE8E6 }
.avio-color-lightGray-background { background-color:#EAE8E6 }
.avio-color-lightGray-border { border-color:#EAE8E6}

.avio-color-orange-font { color:#FFA400 }
.avio-color-orange-background { background-color:#FFA400 }
.avio-color-orange-border { border-color:#FFA400}


.avio-color-white-font { color:#FFFFFF }
.avio-color-white-background { background-color:#FFFFFF }
.avio-color-white-border { border-color:#FFFFFF}

/*------------------------------------------------------------------*/

/*---------------Avio Credit Brand Clases---------------------*/

.avio-text-large-bold
{
    font-size:19px;
    font-weight:bold;
}
.avio-text-large-normal
{
    font-size:24px;
}

.avio-button
{
    width:100%;
    min-height:50px;
    border-width:1px;
    border-radius:5px;
    font-size:18px;
    text-transform:capitalize;
}
.avio-button-add
{
    width:100px !important;
    margin:0 auto !important;
    font-weight:bold;
    text-align:center;
    display:block;
}
.avio-button-orange
{
    color:#FFFFFF;
    border-color:#EC9800;
      background-color: #FFA400;
      background: -moz-linear-gradient(top, #ffa435 0%, #ec9800 100%);
      background: -webkit-linear-gradient(top, #ffa435 0%, #ec9800 100%);
      background: linear-gradient(to bottom, #ffa435 0%, #ec9800 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@orange', endColorstr='#ec9800', GradientType=0);
}
.avio-button-orange-link {
    color: #FFF;
    border-color: #EC9800;
    background-color: #FFA400;
}

.avio-button-orange-link:hover, .avio-button-orange-link:focus {
    background-image: none;
    background-color: #EC9800;
    color: #FFFFFF;
}

.avio-button-orange:hover, .avio-button-orange:focus
{
    background-image:none;
    background-color:#EC9800;
    color:#FFFFFF;
}

.avio-button-transparent
{
    background-color:transparent;
    color:#1E988A;
    border-color:#1E988A;

}
.avio-button-transparent:hover, .avio-button-transparent:focus
{
    background-color:#1E988A;
    color:#FFFFFF;
}
/*---------------END !!! Avio Credit Brand Clases---------------------*/

.validation-error-text::before,.validation-error-checkbox::before
{
    content:"" !important;
}
.field-validation-error::before{
  font-size: 15px;
  content: "\f071" !important;
  font-family: "FontAwesome";
  width: 20px;
  padding:0 3px;
}
.field-validation-error, .field-validation-error span
{
    font-size: 13px;
    color:#c4161c;
    padding-top:5px;
}
.input-validation-error
{
    border:2px solid #c4161c !important;
}
.inline-group
{
    display:block !important;
}
.custom-control-description
{
    max-width:100%;
} 
.force-full-width
{
    width:500% !important;
    margin-left:-200%;
}
/*Custom developer classes. Developers can write their custom styles here. */

.avio-btn-link-black{
     color:#3E4543 !important;
     text-decoration:none;
     cursor:pointer;
     background-color:transparent;
     border-color:transparent;
}

.avio-btn-link-black:hover{
    text-decoration:none;
} 

.confirmation-message-urgent2 {
    border-bottom:solid 1px #e06061;
    color:#e06061;
    padding:15px 20px;
    margin-bottom:20px;    
}
.confirmation-message-urgent {
    background:#e06061;
    color:#fff;
    padding:15px 20px;
    margin-bottom:20px;    
}
/*IE FIX Clear X */
::-ms-clear {
   display: none;
}

.col-centered {
	float: none;
	margin: 0 auto;
}
.pointer {
    cursor: pointer;
}
@media screen and (max-width: 500px) and (min-width:300px) {
    .loan-detail {
        font-size: 10px;
    }
}
.text-underline{
    text-decoration:underline !important;
}

.popup-message {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 15px 10px 15px;
    display:none;
}

.popup-message-close {
    font-size: 12px;
    margin-left: auto;
    cursor: pointer;
}