/* Custom container */
.container {
    /*margin: 0 auto;*/
    /*max-width: 980px;*/   /*width is coming from bootstrap*/
}

.dynamic-container {
    min-height: 250px;
}

/*  Header style
    */
.header {
    color: #ffffff;
    background-color: #4f81bd;
    text-align: center;
    padding: 4px;
    margin: 5px 0px 5px 0px;
}

    .header a {
        color: #ffffff;
    }

#loading {
    display: none;
    position: absolute;
    background: url(/Content/images/loader.gif) no-repeat center center;
}

.spinner {
    display: none;
    position: relative;
    left: 48%;
    top: 0px;
    width: 0px;
    color:blue;
}

.pos-aligned-spinner {
    display: none;
    position: relative;
    top: 0px;
    width: 0px;
}

    .spinner span, .spinner div, .pos-aligned-spinner span, .spinner-visual {
        opacity: 0.92;
        background: url(/Content/images/loader.gif) no-repeat center center;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        position: absolute;
        border-radius: 8px;
        width: 32px;
        height: 32px;
        z-index: 10001;
    }

.page-aligned-spinner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 0px;
    z-index: 10001;
}

    .page-aligned-spinner span {
            opacity: 0.92;
            background: url(/Content/images/loader.gif) no-repeat center center;
            text-align: center;
            vertical-align: middle;
            color: #fff;
            position: absolute;
            border-radius: 8px;
            width: 32px;
            height: 32px;
    }

.item-alert i{
	font-size: 13px;
	color: white;
	position: absolute;
    left: 2px;
	top: -5px;
	background: red;
	border-radius: 25px;
	display: block;
	width: 20px;
	height: 20px;
	padding-left: 7px;
	padding-top: 3px;
}

/*
    Styles for the error attributes rendered by
    unobtrusive validation
*/

.field-validation-error {
	color: red;
    font-size: .9em;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    border: 1px solid red;
}

.validation-summary-errors
{
	color: red;
	font-weight: normal;
	text-decoration: none;
}

.validation-summary-errors ul
{
    list-style-type: none;
    margin: 0 0 10px -40px;
}

.margin-top-20 {
    margin-top: 20px;
}

.error {
    border: 1px solid red !important;
}

label.error {
    color: red;
    font-size: .9em;
    border: 0 !important;
}

.error-message {
    color: red;
    font-size: .9em;
}