@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
}

.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}

.menu {
	background-color: #82C7FF;
	color:#083D69;
}

.upborder{
	border-top: 1px solid white;
}
.menu-nohover.red {
	background-color:#ED0000;
	border: 5px solid #E0E0E0;
}
.menu-nohover.orange {
	background-color:#ED9600;
border: 5px solid #E0E0E0;
}
.menu-nohover.green {
	background-color:#1EC900;
	border: 5px solid #E0E0E0;
}
.menu-nohover.blue{
	background-color:#1EC900;
	border: 5px solid #E0E0E0;
}
.menu-clicked {
	color:white;
	background-color:#349AED;
}
.menu:hover {
	color:#366775;
	background-color:#69B3F0;
	cursor:pointer;
}
.menu-nohover {
	background-color:#1B7ECF;
	color:white;
}
.menu-nohover.white {
	background-color:#FFFFFF;
}
.menu-nohover.border {
	border:2px solid #1B7ECF;
}
.menu-nohover.top {
	border-bottom:2px solid white;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
.menu-nohover.bottom {
	border-top : 2px solid white;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.menu-nohover.low {
	background-color:#1B7ECF;
}
.menu-nohover.blue-text{
	color:#1B7ECF;
}
.menu-right {
	background-color:white;
	background-clip: padding-box;
	padding:20px;
	border-top:2px solid #1B7ECF;
	background-image:url(/img/bg2.png);
	
	-webkit-transition:opacity 1s; /* Optional */
	-moz-transition:opacity 1s; /* Optional */
	transition:opacity 1s; /* Optional */
}
.menu-bottomright {
	background-color:white;
	border-bottom-right-radius:20px;
}
.menu-topleft {
	color:white;
	background-color:#1B7ECF;
	border-top-left-radius:20px;
}
.menu-bottomleft {
	background-color:#1B7ECF;
	border-bottom-left-radius:20px;
	color:white;
}
.test-title {
	background-color:#349AED;
	color:white;
}
.white-bg{
	background: white;
	color:#1B7ECF;
}
.blue-button{
	background-color: #1B7ECF;
	color:white;
	border: 2px solid #C4C4C4;
}
.dis-button{
	background-color: #EBEBEB;
	color: #C4C4C4;
	border: 2px solid #C4C4C4;
}

.blue-border{
	border: 1px solid #629CCC;
}

body {
	color:#1B7ECF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

input, button, submit { 
padding: 5px;
background: white;
} 

select {
    background: url(/css/bootstrap/images/sort_both.png) 96% / 15% no-repeat #eee;
    width: 180px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 34px;
    color: #629CCC;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.result-header{
font-size:20px;
background-color:#1B7ECF;
color:white;
border-radius:8px;
padding:5px;
}

.copyright{
 color: white;
}