﻿@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@-moz-keyframes rotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-ms-keyframes rotate {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rotate {
    from { -o-transform: rotate(0deg); }
    to { -o-transform: rotate(360deg); }
}

.loadmask {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .50;
	background-color: #EEE;
	width: 100%;
	height: 100%;
	zoom: 1;
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: white;
    padding: 3px;
    border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.loadmask-msg div {
	padding: 3px 10px;
	background-color: #0081C2; 
    /*line-height: 16px;*/
    font-size: 14px;
	color: #fff;
	cursor: wait;

	background-image: -webkit-linear-gradient(top, #08C, #0077B3);
	background-image: -moz-linear-gradient(top, #08C, #0077B3);
	background-image: -o-linear-gradient(top, #08C, #0077B3);
	background-image: -ms-linear-gradient(top, #08C, #0077B3);
	background-image: linear-gradient(top, #08C, #0077B3);
}

.loadmask-msg > div {
	border-radius: 4px;
}

.loadmask-msg > div > i {
	-webkit-animation: rotate 1s infinite linear;
	-moz-animation: rotate 1s infinite linear;
	-ms-animation: rotate 1s infinite linear;
	-o-animation: rotate 1s infinite linear;
	animation: rotate 1s infinite linear;
}

.masked {
	/*overflow: hidden !important;*/
}

.masked-relative {
	position: relative !important;
}

.masked-hidden {
	visibility: hidden !important;
}