body{color:#404040;font-family:calibri;}
a{text-decoration:none;color:#303030;}
	a:hover{text-decoration:none;}
.pk_text_wrapper a:hover{text-decoration:underline;}
input[type=password],[type=text],[type=date],[type=number],[type=file],select{padding:7px;border:0;background-color:#ffffff;border:solid 1px #909090;color:#303030;}
input[type=submit],[type=reset]{padding:8px;border-radius:8px;background-color:#409ac9;color:#ffffff;border:0;}
input[type=submit]:hover,[type=reset]:hover{background-color:#2d8cbd;}

button{padding:8px;border-radius:8px;background-color:#409ac9;color:#ffffff;border:0;}
button:hover{background-color:#2d8cbd;}

table{width:100%;margin:auto;border:solid 2px #d8d8d8;}
 th{height:30px;text-align:center;color:#2d8cbd;}
 td{border:solid 1px #d8d8d8;text-align:center;  height:20px;}
 h2{color:#404040;font-size:180%;font-family:impact;font-weight:normal;text-align:center;margin:0px;text-shadow:1px 3px #ffffff;}
 
.smallbutton{padding:5px;background-color:#409ac9;}
 
.upload_btn{padding:6px;border-radius:8px;background-color:#2d8a35;color:#ffffff;border:0;display:inline-block;cursor:pointer;}

.no_btn{padding:6px;border-radius:8px;background-color:#d46a24;color:#ffffff;border:0;display:inline-block;cursor:pointer;}
.uploaded_btn{padding:6px;border-radius:2px;background-color:#54b33e;color:#ffffff;border:0;display:inline-block;}
.preview_btn{padding:6px;border-radius:2px;background-color:#265da6;color:#ffffff;border:0;display:inline-block;}
.delete_btn {display:inline-block;}
.delete_btn input[type=submit]{padding:8px;border-radius:2px;background-color:#b5351b;color:#ffffff;border:0;}
.form_column_hidden{display:none;}
.hidden_wrapper{display:none;}


 .pk_title{color:#404040;font-size:120%;font-family:impact;font-weight:normal;text-shadow:2px 2px #d8d8d8;text-align:center;}
 .pk_center{text-align:center;width:100%;}
 .pkbanner{color:#e8e8e8;background-color:#404040;width:100%;padding:10px 15px;font-size:120%;}
 .pkbanner:hover{background-color:#303030;}
 .pk_text_wrapper{padding:1%;background-image: linear-gradient(-90deg,#ffffff, #b3d9ff);}
 .pk_left{text-align:left;}
 /*-------------------------------HEADER & FOOTER--------------------------------------------------------*/
.header{width:100%;}
.header_logo{width:100%;text-align:center;}
.menu{padding:5px;text-align:center;background-color:#404040;color:#ffffff;border:solid 1px #e8e8e8;}
.menu:hover{background-color:#202020;}
.footer{width:100%;background-color:#404040;margin-top:0px;color:#e8e8e8;text-align:center;font-size:14px;padding:20px;}
/*-------------------------------INDEX--------------------------------------------------------*/
.index_wrapper_header{width:100%;margin:auto;margin-top:3%;text-align:center;padding:1%;position:relative;}
.index_wrapper{width:400px;margin:auto;text-align:center;padding:1%;background-image: linear-gradient(180deg,#ffffff,#ffffff,#51b2df);position:relative;border-radius:10px;}
/*-------------------------------REGISTER-------------------------------------------------------*/
.register_wrapper{width:400px;margin:auto;margin-top:2%;text-align:center;border:solid 1px #f2f2f2;padding:1%;}
/*--------------------------------HOME--------------------------------------------------------*/
.home_link{border:solid 1px #e8e8e8;border-radius:4px;margin-top:10px;background-color:#404040;color:#ffffff;
text-align:center;font-size:120%;padding:20px;}
/*--------------------------------RESPONSIVE---------------------------------------------------*/
* {box-sizing: border-box;}
.form_column::after {content: "";clear: both;display: table;}
.pk_text_wrapper::after {content: "";clear: both;display: table;}
.form_column_hidden::after {content: "";clear: both;display: table;}
.wrapper::after {content: "";clear: both;display: table;}
.header::after {content: "";clear: both;display: table;}
.footer::after {content: "";clear: both;display: table;}
[class*="col-"] {float: left;padding: 0px;}
/* For mobile phones: */
[class*="col-"] {width: 100%;}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}