@import url('tla-regionSelector.required.css');

.tla-btn-primary {
    /*box-shadow: 0px 3px 0px #236421;*/
    background-color: green;
    color: white;
}

.k-multiselect {
    background-color: #ffffff;
    padding: 2px 2px;
    margin-top: 10px;
}

.k-list-container {
    border-color: #c5c5c5;
    background-color: #fff;
}

.k-multiselect.k-header.k-state-hover,
.k-multiselect.k-header.k-state-focused
{
    background-color: #ffffff;
}

button:focus{
    border: 0px solid transparent !important;
}

.greyMultiSelectItems{
    background-color:#939496 !important;
}
/*make position relative to align "X" along with the text*/
.k-multiselect-wrap .k-select {
    position: relative;
}

.k-button .k-icon {
    background-color: #ae0621;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
    padding: 2px;
}

/*jaws*/
.screenReader {
    clip-path: inset(100%);
    clip: rect(1px 1px 1px 1px); /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; /* added line */
    width: 1px;
}
.errorBarRegion {
    padding-left: 20px;
    margin-left: 0px;
    border-left: 5px solid #ae0621 !important;
}