body {background-color:#DDDDDD;font-family:'Open Sans';font-size:15px;}

body.login {background:url('images/bg_login.png') top left repeat-x;}
a {font-size:12px;text-decoration:none;}

span.apptitle {text-align:left;font-size:1.5vw;color:#212529;opacity:1;}
span.apptitlec {text-align:center;font-size:1.5vw;color:#212529;opacity:1;}

.db {display:block;}

div.appfull {float:left;width:100%;}
div.apptop {float:left;width:100%;box-shadow:0px 3px 6px #00000029;opacity:1;}
div.appbottom {}

div.appcenter {width:1050px;margin:0px auto;}

form#login {}

.appinput {border:1px solid #E0E0E0;border-radius:5px;color:#868D96;font-size:2.5vw;padding:1vw;}
.appbutton {background:transparent linear-gradient(180deg, #949494 0%, #434343 100%) 0% 0% no-repeat padding-box;box-shadow:0px -2px 0px #FFFFFF;border-radius:4px;font-size:1.8vw;text-align:center;letter-spacing: 0px;color: #FFFFFF;text-shadow:0px 2px 1px #00000059;padding:1vw 2vw;}
.appbuttondisabled {background: #DDDDDD 0% 0% no-repeat padding-box;box-shadow: 0px -1px 0px #FFFFFF;border: 2px solid #6B6B6B;border-radius: 4px;font-size:1.8vw;text-align:center;letter-spacing: 0px;color: #6B6B6B;padding:1vw 2vw;}
select.appselect {border:1px solid #E0E0E0;border-radius:5px;color:#868D96;font-size:2.5vw;width:20vw;padding:1vw}

.appbutton:hover {background:transparent linear-gradient(180deg, #007BFF 0%, #001544 100%) 0% 0% no-repeat padding-box;cursor:pointer;}

.appbuttonblue {background:transparent linear-gradient(180deg, #007BFF 0%, #001544 100%) 0% 0% no-repeat padding-box;}
.appbuttonred {background:transparent linear-gradient(180deg, #c03232 0%, #434343 100%) 0% 0% no-repeat padding-box;}

.operwhite {display:block;font-size:1.2vw;background: #FFFFFF 0% 0% no-repeat padding-box;letter-spacing: 0px;color: #001544;padding:0.2vw;margin-top:1ev;}
.opernormal {display:block;font-size:1.2vw;letter-spacing: 0px;color: #001544;padding:0.1vw;}

.blured {opacity:0.2}

.bgred {background-color:#e05c41;color:white;}

b {font-weight:bold;}
.fssmall {font-size:1vw;}
.fsmall {font-size:1.2vw;}
.fbig {font-size:4vw;}

.w8 {width:5%;}
.w7 {width:15%;}
.w6 {width:12%;}
.w5 {width:7%;}
.w4 {width:30%;}
.w3 {width:30%;}
.w2 {width:46%;}
.w90 {width:90%;}
.w100 {width:100%;}

.p10 {padding:1.5vw;}
.m10 {margin:0.75vw 1.5vw;}
.mt10 {margin:0.75vw 1.5vw 0vw 1.5vw;}
.mt20 {margin:3vw 1.5vw 0vw 1.5vw;}

.mt {margin-top:5vw;}
.mt10px {margin-top:10px;}

.ftext {font-size:2.5vw;}


.tcenter {text-align:center;}
.tright {text-align:right;}

.fleft {float:left;}
.fright {float:right;}
.cleft {clear:left;}
.cright {clear:right;}
.cboth {clear:both;}

span.pointer {cursor:pointer;}

#przetwarzanie {position:fixed;top:0px;left:0px;width:100%;min-height:100%;background-color:rgba(255,255,255,.8);}
#przetwarzanie span.link {font-size:15px;cursor:pointer;}
#przetwarzanie span.kreciolek {position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);border:solid #777777 2px;padding:10px 20px;font-size:15px;background-color:white;}

.animvisible {visibility:visible;opacity:1;transition:opacity 0.5s linear;}
.animhidden {visibility:hidden;opacity:0;}


input.apperror {background-color:#F06A4C;}
input.appok {background-color:white;}

.disn {display:none;}
.disb {display:block;}

.fadeout {filter:alpha(opacity=50);-moz-opacity:0.5}
.fadein {filter:alpha(opacity=0);-moz-opacity:0}


.blink {animation: blink 1s infinite}
@keyframes blink 
{  
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
}

@media (min-width:1601px) {
}

@media (max-width:1600px) {

}