﻿.highlight {
    font-weight: bolder;
}

ui-helper-hidden-accessible {
    display:none
}

.is-hidden { /* Hide from both screenreaders and browsers */
    display: none !important;
    visibility: hidden;
}

.is-visible { /* Show element to both screenreaders and browsers */
    display: block !important;
    visibility: visible;
}

.screen-reader-text { /* Hide only visually, but have it available for screenreaders */
    position: absolute !important;
    display: block;
    visibility: visible;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0px, 0px, 0px, 0px); /* deprecated */
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    white-space: nowrap; /* wrap uses line feeds but LFs are not recognized as spaces by screen readers */
}

input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=number],
input[type=date],
input[type=tel],
input[type=url],
select,
textarea {
    padding: 1ex .5em;
    width: 20em;
    font-size: 1.3rem;
    line-height: 1;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.2);
    box-sizing: border-box;
}

    input[type=text]:focus,
    input[type=password]:focus,
    input[type=search]:focus,
    input[type=email]:focus,
    input[type=number]:focus,
    input[type=date]:focus,
    input[type=tel]:focus,
    input[type=url]:focus,
    select:focus,
    textarea:focus {
        box-shadow: inset 0px 0px 2px 2px #3279bf;
    }

input[type=text], input[type=password], input[type=search], input[type=email], input[type=number], input[type=date], input[type=tel], input[type=url], select, textarea {
    padding: 1ex .5em;
    width: 20em;
    font-size: 1.3rem;
    line-height: 1;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.2);
    box-sizing: border-box;
}

    .autocomplete-search-field {
        border: 1px solid #d5d5d5;
    }

.loading input[type=text].autocomplete-search-field {
    background-image: url(/staticfiles/PublicWebsite/assets/images/Common/spin.gif);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain;
}

[data-widget="accessible-autocomplete"] {
    margin-bottom: 1.25ex;
}



.autocomplete-list {
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    padding: 0;	
    z-index: 10;
    border: 1px solid #d5d5d5;
    border-top: none;
    background-color: #fff;
    list-style: none;
}

.autocomplete-item {
    box-sizing: border-box;
    margin: 0;
    padding: .2ex .1em;
    border-top: 1px solid transparent;
    cursor: pointer;
}

    .autocomplete-item:first-child {
        border-top: none;
    }

    .autocomplete-item:last-child {
        border-bottom: none;
    }

    .autocomplete-item:hover,
    [aria-selected="true"] {
        background-color: #ddd;
        border-top-color: #d5d5d5;
        border-bottom-color: #d5d5d5;
    }

label {
    font-weight: normal;
}

/* mobile styles */
@media screen and (max-width: 767px) /* height >= 820 px */
{
    .autocomplete-list {
        width: 100vw;
        position: absolute;   
		/*margin-top: 58px;		*/        
    }

    .autocomplete-list[style] {
        left: 50% !important;
        transform: translateX(-50%) !important;
        /*top: 0px;*/
        min-width: auto !important;
    }

    .autocomplete-item {
        border-top: 1px solid #d5d5d5;
        padding: 1ex 1em;
    }

}

ul.subject-list {
    display:list-item; 
    white-space: nowrap;
}

ul.horizontal-list {
    list-style: none;
    padding-top: 0px;    
    
}

ul.horizontal-list li {
    display: inline;
    padding-left: 5px;        
}

#Spin {
    display:none;
}

#SmallSpin {
    display: none;
    width: 24px;
    height: 24px;
}

.remove_link
{
	text-decoration:none !important;
	font-size:1.2em;
	font-weight:bold;
}