@charset "utf-8";
html{height:100%;width:100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
*{margin:0;padding:0;-webkit-box-sizing: inherit;box-sizing: inherit;}
*:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
body{font-family:'Roboto Condensed', sans-serif;color:#222;font-size:14px;line-height:21px;background:#eee;height:100%;}

.valign{position:relative;
    float:left;
    height:50%;
    margin-bottom:-405px; /* half the containers height */
    position:relative;
    width:1px;
}
.center{text-align:center;clear:both;width:950px; height:810px;position:relative;margin:0 auto; border:none;overflow:hidden;-webkit-box-shadow:0px 0px 60px rgba(0,0,0,0.3);box-shadow:0px 0px 60px rgba(0,0,0,0.3)}
#container{position:absolute;border:none;width:950px;height:810px;overflow:hidden;text-align: left;}

h1{font-size:28px;margin-bottom:16px;color:orange;}
p{font-size:14px;line-height:21px;}
p:last-child{margin-bottom:0px;}
a{font-size:14px;}
input{font-family:'Roboto Condensed', sans-serif;background:#fff;font-size:14px;padding:6px 10px 6px 10px;border:1px solid #ccc;-webkit-appearance:none;border-radius:0px;}
img{display:block;} /* remove bottom padding */ 

.myButton input{background:#fff;color:#111;}
.myButton input:hover:enabled{background:#b3cfe7;color:#fff;}
.dragItem{-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.dropZone{background:#fff;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.feedbackBox{background:#fff;padding:10px;}
.blueBox{background:#135f87;padding:3px;}
.cent{text-align:center;}
.white{color:#fff;}
.border{border:1px solid red;}

/* preloader */
.preloader{
    width:34px;
    height:34px;
    display:inline-block;
    padding:0px;
    
    border-radius:100%;
    border:2px solid;
    border-top-color:rgba(0,0,0, 0.8);
    border-bottom-color:rgba(0,0,0, 0.2);
    border-left-color:rgba(0,0,0, 0.8);
    border-right-color:rgba(0,0,0, 0.2);
    outline: 1px solid transparent;

    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}
@keyframes preloader{
    from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes preloader{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

.er-vert{
	background-color: seagreen;
}

.er-rouge{
	background-color: indianred;
}