﻿
 @media only screen and (min-width: 0px) and (max-width: 759px) {
    .divContentHighResolution {
        display: none;
    }
    .divContentLowResolution {
        display: flex;
    }   
}

@media only screen and (min-width: 760px) {     
    .divContentHighResolution {
        display: flex;
    }
    .divContentLowResolution {
        display: none;
    }
}

.center-box {
    min-height: 100% !important; 
    min-height: 100vh !important;  
    /*display: flex !important;*/ 
}

.margin-bottom-0{
    margin-bottom:0px !important;
}

.margin-bottom-5{
    margin-bottom:5px !important;
}

.margin-bottom-10{
    margin-bottom:10px !important;
}

.margin-bottom-15{
    margin-bottom:15px !important;
}


.padding-10 {
    padding: 10px !important;
}
.padding-15 {
    padding: 15px !important;
}
.padding-20 {
    padding: 20px !important;
}
.padding-30 {
    padding: 30px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}
.padding-right-20 {
    padding-right: 20px !important;
}
.padding-right-15 {
    padding-right: 15px !important;
}
.padding-left-30 {
    padding-left: 30px !important;
}
.padding-left-20 {
    padding-left: 20px !important;
}
.padding-left-15 {
    padding-left: 15px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-top-40 {
    padding-top: 40px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.alert-center {
    text-align: center !important; 
}
.no-padding {
    padding: 0px !important ;
}
.width-70Perc {
    width: 70% !important;  
}
.width-100Perc {
    width: 100% !important;  
}
.color-white {
    color: white !important;
}
.color-AliceBlue {
    color: LightBlue !important;
}

.no-padding {
    padding: 0px !important; 
}

/*.inputLogin {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 80px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #acd6ef; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    border-radius: 30px;
    border: 1px solid #66add6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    cursor: pointer;
            
}
.inputLogin:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}
.inputLogin:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
    background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
    background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}*/

/*.progress-container {
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
    margin-top:5px;
}

.progress {
    background-color:#005288;
	height: 0.25em;
	position: relative;
    width: 19em;
}
.progress-bar {
	background-size: 23em 0.25em;
	height: 100%;
	position: relative;
	background-image: linear-gradient(to right, rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255));
		background-image: -o-linear-gradient(to right, rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255));
		background-image: -ms-linear-gradient(to right, rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255));
		background-image: -webkit-linear-gradient(to right, rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255));
		background-image: -moz-linear-gradient(to right, rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255), rgb(255,255,255));
        animation: cssload-width 9.3s cubic-bezier(0.45, 0, 1, 1) infinite;
		-o-animation: cssload-width 9.3s cubic-bezier(0.45, 0, 1, 1) infinite;
		-ms-animation: cssload-width 9.3s cubic-bezier(0.45, 0, 1, 1) infinite;
		-webkit-animation: cssload-width 9.3s cubic-bezier(0.45, 0, 1, 1) infinite;
		-moz-animation: cssload-width 9.3s cubic-bezier(0.45, 0, 1, 1) infinite;
}

@keyframes cssload-width {
	0%, 100% {
		transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-o-keyframes cssload-width {
	0%, 100% {
		-o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-ms-keyframes cssload-width {
	0%, 100% {
		-ms-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes cssload-width {
	0%, 100% {
		-webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-moz-keyframes cssload-width {
	0%, 100% {
		-moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}*/


#loadingProgressG{
	width:300px;
	height:4px;
	overflow:hidden;
    background-color: rgb(0,82,136);

	/*background-color:rgb(255,255,255);*/
	margin:auto;
	border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.loadingProgressG{
	/*background-color:rgb(0,82,136);*/
    background-color:rgb(255,255,255);
	margin-top:0;
	margin-left:-300px;
	animation-name:bounce_loadingProgressG;
	-o-animation-name:bounce_loadingProgressG;
	-ms-animation-name:bounce_loadingProgressG;
	-webkit-animation-name:bounce_loadingProgressG;
	-moz-animation-name:bounce_loadingProgressG;
	animation-duration:4.03s;
	-o-animation-duration:4.03s;
	-ms-animation-duration:4.03s;
	-webkit-animation-duration:4.03s;
	-moz-animation-duration:4.03s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
	-o-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
	-o-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	width:300px;
	height:4px;
}



@keyframes bounce_loadingProgressG{
	0%{
		margin-left:-300px;
	}

	100%{
		margin-left:300px;
	}
}

@-o-keyframes bounce_loadingProgressG{
	0%{
		margin-left:-300px;
	}

	100%{
		margin-left:300px;
	}
}

@-ms-keyframes bounce_loadingProgressG{
	0%{
		margin-left:-300px;
	}

	100%{
		margin-left:300px;
	}
}

@-webkit-keyframes bounce_loadingProgressG{
	0%{
		margin-left:-300px;
	}

	100%{
		margin-left:300px;
	}
}

@-moz-keyframes bounce_loadingProgressG{
	0%{
		margin-left:-300px;
	}

	100%{
		margin-left:300px;
	}
}


#loadingProgressMob{
	width:250px;
	height:4px;
	overflow:hidden;
    background-color: rgb(0,82,136);

	/*background-color:rgb(255,255,255);*/
	margin:auto;
	border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.loadingProgressMob{
    background-color:rgb(255,255,255);
	margin-top:0;
	margin-left:-250px;
	animation-name:bounce_loadingProgressMob;
	-o-animation-name:bounce_loadingProgressMob;
	-ms-animation-name:bounce_loadingProgressMob;
	-webkit-animation-name:bounce_loadingProgressMob;
	-moz-animation-name:bounce_loadingProgressMob;
	animation-duration:4.03s;
	-o-animation-duration:4.03s;
	-ms-animation-duration:4.03s;
	-webkit-animation-duration:4.03s;
	-moz-animation-duration:4.03s;
	animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
	-o-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
	-o-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	width:250px;
	height:4px;
}



@keyframes bounce_loadingProgressMob{
	0%{
		margin-left:-250px;
	}

	100%{
		margin-left:250px;
	}
}

@-o-keyframes bounce_loadingProgressMob{
	0%{
		margin-left:-250px;
	}

	100%{
		margin-left:250px;
	}
}

@-ms-keyframes bounce_loadingProgressMob{
	0%{
		margin-left:-250px;
	}

	100%{
		margin-left:250px;
	}
}

@-webkit-keyframes bounce_loadingProgressMob{
	0%{
		margin-left:-250px;
	}

	100%{
		margin-left:250px;
	}
}

@-moz-keyframes bounce_loadingProgressMob{
	0%{
		margin-left:-250px;
	}

	100%{
		margin-left:250px;
	}
}


.minwidth250{
    min-width:250px !important
}





