@charset "utf-8";

.control-group .help-inline.error{
	width: 100%;
    color: #d9252b;
    font-style: italic;
    font-family: BrandonGrotesque;
    font-weight: 400;
    font-size: 18px;
    margin:0;
    padding:0;
}

.control-group,
.control-group .controls {
    position: relative;
}

.control-group .controls.x-valid input,
.control-group .controls.x-invalid input{
    padding-right: 25px!important;
}



.controls-calendar .sparCalendarWrapper {
	left: 101%!important;
    margin-left: -290px;
    top: 45px!important;
}

@media (min-width: 768px) {
    .controls-calendar .sparCalendarWrapper {
        top:0!important;
        margin-left:0;
    }
}

.xLocate-suggestion {
    position: absolute;
    width: 100%;
    border-width: 0px 1px 0 1px;
    border-style: solid;
    border-color: #ccc;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .26);
    z-index: 999;
    max-height: 200px;
    overflow-y: scroll;
}


.xLocate-suggestion-item {
    background: #fff;
    font-family: BrandonGrotesque;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 10px 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.xLocate-suggestion-item.hover {
    background: #fafafa;
}

.x-valid:after,
.x-invalid:after,
.x-dirty:after{
    content: "\a067";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    font-size: 14px;

    border-radius: 50%;
    z-index:2;

    background: transparent;
    color: #009640;
    padding: 0;
    width: auto;
    height: auto;


    /*color: #fff;*/
    /*background: #009640;*/
    /*padding-top: 6px;*/
    /*padding-left: 4px;*/
}

.x-valid input[type='text'] {
	border-color: #cccccc !important;
}

.x-invalid input[type='text'] {
	border-color: #ca0614 !important;
}

.x-dirty input[type='text'] {
	border-color: #FFC107 !important;
}

.x-invalid::after{
    content: "\a063";
    color: #ca0614;

    /*background: #ca0614;*/
    /*padding-top: 4px;*/
    /*padding-left: 4px;*/
}

.x-dirty:after{
    content: "\a060";
    color: #FFC107;

    /*background: #FFC107;*/
    /*padding-top: 5px;*/
    /*padding-left: 5px;*/
}

.controls-calendar.x-valid:after,
.controls-calendar.x-invalid:after,
.controls-calendar.x-dirty:after {
	right: 48px;
}

.controls.sparSelectWrapper.x-valid:after,
.controls.sparSelectWrapper.x-invalid:after,
.controls.sparSelectWrapper.x-dirty:after {
	right: 40px;
}