body{
    background-image: url("/img/background2.jpg");
    background-repeat: no-repeat;
    background-color: #fff;
    text-align: center;
    padding: 0;
    margin: 50px;
    align-content: center;
    align-items: center;
    font-family: Verdana, "sans-serif";
    font-weight: 400;
    line-height: 30px;
}
/* błedy komunikaty */
.maska{
    position:fixed;
    width:100%;
    height:100%;
    margin:-50px;
    background: hsla(213,71%,60%,0.60);
}
.register_form_blad{
	border-color:#ff0000 !important;
	font-size: 18px;
	background:#FFDD93;
    max-width:400px;
    padding:40px;
    border:4px solid #FF0004;
    color:#FF0004;
    margin:400px auto 0 auto;
    box-shadow: 0 0 50px #1c5385;
}
.close_button:hover{
    color:#FFDD93;
    background:#FF0004;
}
.close_button{
    display:block;
    width:20px;
    height:20px;
    float:right;
    font-size: 28px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
    padding:5px;;
    margin:-32px -32px 0 0;
    color:#FF0004;
    border-radius: 3px;
}
/* błedy komunikaty */

input[type=checkbox] {
    transform: scale(1.3);
}
span.mala_czcionka{
	font-size: 12px !important;
}
a.reg_button:hover{
    background: #071e42;
    border:2px solid #fff;
    color: #fff;
    background-image: url("/img/reg_ico_active.png");
    background-position: left center;
    background-repeat: no-repeat;
}
a.reg_button{
    display:block;
    width:130px;
    margin:20px 0;
    padding: 7px 10px 7px 30px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #071e42;
    border:2px solid #071e42;
    border-radius: 6px;
    background-image: url("/img/reg_ico.png");
    background-position: left center;
    background-repeat: no-repeat;
}
input.reg_button:hover{
    background: #071e42;
    border:2px solid #fff;
    color: #fff;
    background-image: url("/img/reg_ico_active.png");
    background-position: left center;
    background-repeat: no-repeat;
}
input.reg_button{
    display:block;
    cursor: pointer;
    width:180px;
    margin:20px 0;
    padding: 10px 15px 10px 35px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #071e42;
    border:2px solid #071e42;
    border-radius: 6px;
    background-image: url("/img/reg_ico.png");
    background-position: left center;
    background-repeat: no-repeat;
}
a.reg_button_del:hover{
    background: #FF0004 !important;
    border:2px solid #fff;
    color: #fff;
    background-image: url("/img/delete_white.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}
a.reg_button_del{
    display:block;
    width:180px;
    margin:20px 0;
    padding: 7px 10px 7px 30px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #FF0004;
    border:2px solid #FF0004;
    border-radius: 6px;
    background-image: url("/img/delete_pink.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}
button.login_3:hover{
    background-image: url("/img/logowanie.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background: #fff;
    color: #a60263;
}
button.login_3{
    cursor: pointer;
    display:inline-block;
    width:150px;
    margin:20px 0;
    padding: 12px 5px 12px 30px;
    background: #a60263;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    border:2px solid #a60263;
    border-radius: 6px;
    background-image: url("/img/logowanie_active.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
}
a.login_3:hover{
    background: #fff;
    color: #a60263;
}
a.login_3{
    cursor: pointer;
    display:inline-block;
    width:250px;
    margin:20px 0 20px 10px;
    padding: 7px;
    background: #a60263;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    border:2px solid #a60263;
    border-radius: 6px;
}
input.login_4:hover{
    background-image: url("/img/edit_active.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background: #fff;
    color: #a60263;
}
input.login_4{
    cursor: pointer;
    display:inline-block;
    width:180px !important;
    margin:20px 0;
    padding: 12px 30px 12px 10px !important;
    background: #a60263;
    text-align: right;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    border:0px solid #a60263;
    border-radius: 6px;
    background-image: url("/img/edit.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
}
input.login_5:hover{
    background-image: url("/img/useradd_blue.png") !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background: #fff;
    color: #273a86;
}
input.login_5{
    cursor: pointer;
    display: inline-block;
    width: 190px !important;
    margin: 20px 0;
    padding: 12px 20px 12px 10px !important;
    background: #273a86;
    text-align: right;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #273a86;
    border-radius: 6px;
    background-image: url("/img/useradd_white.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: none;
}
a.regulamin_button{
    color:#a60263;
    background:#fff;
    text-decoration:none;
}
a.regulamin_button:hover{
    color:#fff;
    background:#497eb0;
    text-decoration:none;
}
a.regulamin_buttonb{
    color:#fff;
    background:#a60263;
    text-decoration:none;
    line-height: 10px;
    padding: 1px;
    font-size:14px;
}
a.regulamin_buttonb:hover{
    color:#a60263;
    background:#fff;
    text-decoration:none;
}
.log a.m_butt{
    display: block;
    border: 1px solid #fff;
    padding: 5px 40px;
    margin:0 0 5px 0;
    color:#fff;
    text-decoration: none;
    border-radius: 7px;
    width:180px;
    font-size:13px;
    background: #740045;
}
.log a.m_butt:hover{
    border: 1px solid #740045;
    background: #fff;
    color:#740045;
}
.log a.m_butt_active{
    border: 1px solid #740045;
    background: #fbc2e4;
    color:#740045;
}
.log .menu_title2{
    margin-bottom:15px;
}
.dzielnik{
    border-bottom: 5px solid hsla(325,98%,33%,0.22);
}
a.pdf_print{
    text-align: center;
    display:block;
    border:2px solid #a60263;
    padding:10px 5px 6px 5px;
    font-size: 8px;
    text-decoration: none;
    color: #560001;
    width:30px;
    border-radius: 8px;
    line-height: 15px; 
    float: right;
    background: #fff;
}
a.pdf_print_2{
    text-align: center;
    display:block;
    border:4px solid #a60263;
    padding:15px;
    font-size: 12px;
    text-decoration: none;
    color: #560001;
    width:80px;
    border-radius: 20px;
    line-height: 15px; 
    float: right;
    background: #fff;
}
a.but_usun{
    display: block;
    border:2px solid #a60263;
    border-radius: 50px;
    background: #a60263;
    background-image: url("/img/usun.png");
    background-position: center center;
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    float:left;
    margin-left:3px;
}
a.but_lista{
    display: block;
    border:2px solid #a60263;
    border-radius: 100px;
    background: #a60263;
    background-image: url("/img/lista.png");
    background-position: center center;
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    float:left
}
a.but_edytuj{
    display: block;
    border:2px solid #a60263;
    border-radius: 100px;
    background: #a60263;
    background-image: url("/img/edytuj.png");
    background-position: center center;
    background-repeat: no-repeat;
    width:20px;
    height:20px;
    margin-left:3px;
}
.but_float{
    float: right !important;
}

/* informacje css dla stron wyświetlanych na komputerze */
@media (min-width: 980px){
    
	#contener{
    max-width: 1260px;
    padding: 0;
    margin: 0 auto;
	}
	
	#contener > div{
	width:auto;
    background-color: hsla(325,98%,33%,0.22);
	padding:20px;
	}
    
        /* naglowek */
        #contener .naglowek{
        padding: 40px;
        /*background-color: hsla(273,70%,16%,0.37); */
        border: 0px solid #a60263;
        border-radius: 40px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: hsla(325,98%,33%,0.22)
        }
        #contener .naglowek img{
        height:230px;
        width:auto;
        }

        /* czesc - logowanie rejestracja */	
        #contener .logowanie{
        display: flex;
        padding: 0;
        border: 0px;
        }

        #contener .reg{
        width: 45%;
        border: 5px solid #a60263;
        text-align: left;
        padding: 30px 50px;
        background-color: #fff;
        }

        #contener .log{
        color: #fff;
        width: 55%;
        border: 5px solid #a60263;
        border-right: 0px;
        text-align: left;
        padding: 30px 50px;
        background-color: #a60263;
        }
        /* koniec */
        
            /* logowanie */
            #contener .login_div{
            margin-top:15px;
            display: flex;
            }
    
            #contener .login_div label{
            font-size:12px;
            padding:0px 22px;
            }

            #contener .login_div div.log_pass{
            background:#f3e0eb;
            padding-top:5px;
            margin-left:10px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:50%
            }
            #contener .login_div div.log_email{
            background:#f3e0eb;
            padding-top:5px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:50%
            }
            /* koniec */
            
            /* login */
            .login div input {
            width:calc(100% - 28px);
            padding:12px;
            border:2px solid #273a86;
            font-size: 14px;
            }
    
            /* login */
            .reg div input, .reg div select {
            width:calc(100% - 28px);
            padding:12px;
            border:2px solid #273a86;
            font-size: 14px;
            }
    
    /* program na stronie */
    #contener .program{
        text-align: left;
        padding:50px;
        font-size:16px;
        background:rgba(255,255,255,0.60);
        border-left: 5px solid hsla(325,98%,33%,0.22);
        border-right: 5px solid hsla(325,98%,33%,0.22);
    }
    #contener .program_informacje{font-size:13px;}
    
    /* stopka podział na dole */
    #contener .program2{
        text-align: left;
        padding:20px 50px;
        font-size:16px;
        font-size:12px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: flex;
    }    
    #contener .program2 div{width: 50%;}
    #contener .program2 div a{color:#000}  
    
    /* zalogowany */
    .reg .kol_1{
        font-size:14px;
        display:flex;
        padding-left:10px;
        width:100%;
    }
    .reg .kol_1:nth-child(2n){background:#FFE0F2;}
    .reg .kol_2{width:140px;}
    .reg .kol_3{width:calc(100% - 180px);}
    .reg .kol_3 input{width:100%;}
    .reg .kol_3 select{width:calc(100% + 27px);}
    .padding_5{padding: 5px 0;}
    
    /* strona listy grup - adycja kolumna */
    .grupy_edit{
    border-bottom:1px solid #a60263;
    padding-bottom:20px;
    margin-bottom:30px;
    }
    
    /* lista grup */
    div.lista_uczestnicy:last-child{
        border:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy:nth-child(2n){
    background:#FFE0F2;
        border-top:1px solid hsla(325,98%,33%,0.22);
        border-right:1px solid hsla(325,98%,33%,0.22);
        border-left:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy{
    background:#FFF;
    padding:10px;
    padding-right:0px;
    display: flex;
    font-size: 11px;
        border-top:1px solid hsla(325,98%,33%,0.22);
        border-right:1px solid hsla(325,98%,33%,0.22);
        border-left:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy .lista_id{
    width: 40px;
        border-right:1px solid hsla(325,98%,33%,0.22);
    }
    
    div.lista_uczestnicy .lista_name_1{
    width:100%;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
    }
    div.lista_uczestnicy .lista_name_1a{
    width:70%;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        font-size: 12px;
    }
    div.lista_uczestnicy .lista_name_1b{
    width:120%;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        font-size: 12px;
    }
    
        div.lista_uczestnicy .lista_name_1b input, div.lista_uczestnicy .lista_name_1b select{
        padding:5px;
        }
    
    div.lista_uczestnicy .lista_name_2{
    width:130px;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
    }
    div.lista_uczestnicy .lista_name_3{
    width:160px;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
    }
    div.lista_uczestnicy .lista_opiekun{
    width:550px;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
    }
    div.lista_uczestnicy .lista_nawigacja{
        width:140px;
        padding-left:15px;
    }
    div.lista_uczestnicy .lista_nawigacjab{
        width:200px;
        padding-left:15px;
        padding-right:15px;
        border: none;
    }
    
    /* lista uczestników i ich dodawanie */
    div.color_opiekun{
        background: #fff6b8 !important;
    }
    div.form_column_2{
        display: flex;
        font-size:12px;
        background: #d0e8ff;
        border: 2px solid #273a86;
        margin-top:15px;
    }
    div.form_column_2 div select {
        width:calc(100%);
        padding:12px;
        border:2px solid #273a86;
        font-size: 14px;
    }
    div.form_column_2 div input{
        width:calc(100% - 28px);
        padding:12px;
        border:2px solid #273a86;
        font-size: 14px;
    }
    div.pos_user_1{
        width:10%;
        padding:15px;
    }
    div.pos_user_2{
        width:30%;
        padding:15px;
    }
    div.pos_user_3{
        padding:15px;
    }
    div.color_1{
        background: #d0e8ff;
    }
    div.color_2{
        background: #e0eaf4;
    }
    
    /* dodawanie csv */
    div.form_column_3{
        display: flex;
        font-size:12px;
        margin-top:15px;
    }
    div.add_csv{
        border:4px solid #c9af00;
        padding: 25px;
        width:60%;
        background: #fff6b8;
    }
    div.add_csv_b{
        width:40%;
    }
    div.csv_info{
        padding-bottom:15px;
    }
    
    /* rejestracja grupy */
    .form_column_0{
        display: flex;
        margin-bottom:60px;
    }
    .form_column_1{
        width:55%;
        margin-right:30px;
    }
    .form_column_1 label, .form_column_5 label{
        font-size:12px;
    }
    .form_column_5{
        width:45%;
        padding:30px;
        border:0px solid #a60263;
        background: #ffcbea;
    }
    .form_column_5{
        padding:30px;
    }
    .form_column_6 div label{
        font-size: 12px
    }
    .form_column_1 .form_column_title{
        margin-bottom:16px;
        margin-top:16px;
        font-size:20px;
    }
    /* rejestracja input */
    .form_column_1 div input, .form_column_5 input{
    width:calc(100% - 28px);
    padding:12px;
    border:2px solid #273a86;
    font-size: 14px;
    }
    .form_column_1 div select, .form_column_5 select {
    width:calc(100%);
    padding:12px;
    border:2px solid #273a86;
    font-size: 14px;
    }
    .reg_buttons_flex{
        display: flex;
    }
}

/* to dotyczy część logowania */
@media (min-width: 980px) and (max-width: 1150px){
        
        #contener .reg{
        width: 50%;
        border: 5px solid #a60263;
        text-align: left;
        padding: 30px 50px;
        background-color: #fff;
        }

        #contener .log{
        color: #fff;
        width: 50%;
        border: 5px solid #a60263;
        border-right: 0px;
        text-align: left;
        padding: 30px 50px;
        background-color: #a60263;
        }
    
            /* logowanie */
            #contener .login_div{
            margin-top:15px;
            display:grid;
            }

            #contener .login_div div.log_pass{
            background:#f3e0eb;
            padding-top:5px;
            margin-top:10px;
            margin-left:0;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:100%
            }
            #contener .login_div div.log_email{
            background:#f3e0eb;
            padding-top:5px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:100%
            }
            /* koniec */
}

/* informacje css dla stron wyświetlanych na tablecie */
@media (min-width: 691px) and (max-width: 980px){

    button.login_3{
    float: none;
    }
    
	#contener{
    max-width: 1260px;
    padding: 0;
    margin: 0 auto;
	}
	
	#contener > div{
	width:auto;
    background-color: hsla(325,98%,33%,0.22);
	padding:20px;
	} 
    
        /* naglowek */
        #contener .naglowek{
        padding: 40px;
        /*background-color: hsla(273,70%,16%,0.37); */
        border: 0px solid #a60263;
        border-radius: 40px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: hsla(325,98%,33%,0.22)
        }
        #contener .naglowek img{
        height:230px;
        width:auto;
        }

        /* czesc - logowanie rejestracja */	
        #contener .logowanie{
        display:grid;
        padding: 0;
        border: 0px;
        }

        #contener .reg{
        width:calc(100% - 110px);
        border: 5px solid #a60263;
        text-align: left;
        padding: 30px 50px;
        background-color: #fff;
        }

        #contener .log{
        width:calc(100% - 105px);
        color: #fff;
        border: 5px solid #a60263;
        border-right: 0px;
        text-align: left;
        padding: 30px 50px;
        background-color: #a60263;
        }
        /* koniec */
    
            /* logowanie */
            #contener .login_div{
            margin-top:15px;
            display: flex;
            }
    
            #contener .login_div label{
            font-size:12px;
            padding:0px 22px;
            }

            #contener .login_div div.log_pass{
            background:#f3e0eb;
            padding-top:5px;
            margin-left:10px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:50%
            }
            #contener .login_div div.log_email{
            background:#f3e0eb;
            padding-top:5px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:50%
            }
            /* koniec */
            
            /* login */
            .login div input {
            width:calc(100% - 28px);
            padding:12px;
            border:2px solid #273a86;
            font-size: 14px;
            }
    
            /* login */
            .reg div input, .reg div select {
            width:calc(100% - 28px);
            padding:12px;
            border:2px solid #273a86;
            font-size: 14px;
            }
    
    /* program na stronie */
    #contener .program{
        text-align: left;
        padding:50px;
        font-size:16px;
        background:rgba(255,255,255,0.60);
        border-left: 5px solid hsla(325,98%,33%,0.22);
        border-right: 5px solid hsla(325,98%,33%,0.22);
    }
    #contener .program_informacje{font-size:13px;}
    
    /* stopka podział na dole */
    #contener .program2{
        text-align: left;
        padding:20px 50px;
        font-size:16px;
        font-size:12px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: block;
    }    
    #contener .program2 div{width: 100%; text-align: center}
    #contener .program2 div a{color:#000}  
    
    /* zalogowany */
    .reg .kol_1{
        font-size:14px;
        display:flex;
        padding-left:10px;
        width:100%;
    }
    .reg .kol_1:nth-child(2n){background:#FFE0F2;}
    .reg .kol_2{width:140px;}
    .reg .kol_3{width:calc(100% - 180px);}
    .reg .kol_3 input{width:100%;}
    .reg .kol_3 select{width:calc(100% + 27px);}
    .padding_5{padding: 5px 0;}
    
    /* strona listy grup - adycja kolumna */
    .grupy_edit{
    border-bottom:1px solid #a60263;
    padding-bottom:20px;
    margin-bottom:30px;
    }
    
    /* lista grup */
    div.lista_uczestnicy:last-child{
        border:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy:nth-child(2n){
    background:#FFE0F2;
        border-top:1px solid hsla(325,98%,33%,0.22);
        border-right:1px solid hsla(325,98%,33%,0.22);
        border-left:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy{
    background:#FFF;
    padding:10px;
    padding-right:0px;
    display: flex;
    font-size: 11px;
        border-top:1px solid hsla(325,98%,33%,0.22);
        border-right:1px solid hsla(325,98%,33%,0.22);
        border-left:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy .lista_id{
    width: 60px;
        border-right:1px solid hsla(325,98%,33%,0.22);
    }
    
    div.lista_uczestnicy .lista_name_1{
    width:80%;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        padding-right:15px;
    }
    div.lista_uczestnicy .lista_name_1a{
    width:75%;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        font-size: 12px;
    }
    div.lista_uczestnicy .lista_name_2{
    width:130px;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        padding-right:15px;
    }
    div.lista_uczestnicy .lista_name_3{
    width:160px;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        padding-right:15px;
    }
    div.lista_uczestnicy .lista_opiekun{
    width:550px;
        border-right:1px solid hsla(325,98%,33%,0.22);
        padding-left:15px;
        padding-right:15px;
    }
    div.lista_uczestnicy .lista_nawigacja{
        width:70px;
        padding-left:15px;
        padding-right:15px;
    }
    div.lista_uczestnicy .lista_nawigacjab{
        width:150px;
        padding-left:15px;
        padding-right:15px;
        border: none;
    }
    a.but_usun{
        margin-left:0px;
        margin-top:0px;
    }

    /* lista uczestników i ich dodawanie */
    div.color_opiekun{
        background: #fff6b8 !important;
    }
    div.form_column_2{
        display: flex;
        font-size:12px;
        background: #d0e8ff;
        border: 2px solid #273a86;
        margin-top:15px;
    }
    div.form_column_2 div select {
        width:calc(100%);
        padding:12px;
        border:2px solid #273a86;
        font-size: 14px;
    }
    div.form_column_2 div input{
        width:calc(100% - 28px);
        padding:12px;
        border:2px solid #273a86;
        font-size: 14px;
    }
    div.pos_user_1{
        width:12%;
        padding:15px;
    }
    div.pos_user_2{
        width:30%;
        padding:15px;
    }
    div.pos_user_3{
        padding:10px;
    }
    div.color_1{
        background: #d0e8ff;
    }
    div.color_2{
        background: #e0eaf4;
    }
    .lista_wyrownanie{
        width:10% !important;
    }
    
    /* dodawanie csv */
    div.form_column_3{
        display: flex;
        font-size:12px;
        margin-top:15px;
    }
    div.add_csv{
        border:4px solid #c9af00;
        padding: 25px;
        width:70%;
        background: #fff6b8;
    }
    div.add_csv_b{
        width:30%;
    }
    div.csv_info{
        padding-bottom:15px;
    }

}

/* informacje css dla stron wyświetlanych na telefony */
@media (max-width: 690px){
    
    body{
    margin:20px;
    }
    button.login_3{
    float: none;
    }
    .maska{
    margin:-20px;
    }
    .register_form_blad{
	border-color:#ff0000 !important;
	font-size: 18px;
	background:#FFDD93;
    max-width:270px;
    padding:40px;
    border:4px solid #FF0004;
    color:#FF0004;
    margin:250px auto 0 auto;
    box-shadow: 0 0 50px #1c5385;
    }
    
	#contener{
    max-width: 1260px;
    padding: 0;
    margin: 0 auto;
	}
	
	#contener > div{
	width:auto;
    background-color: hsla(325,98%,33%,0.22);
	padding:20px;
	} 
    
        /* naglowek */
        #contener .naglowek{
        display: block;
        padding: 40px;
        /*background-color: hsla(273,70%,16%,0.37); */
        border: 0px solid #a60263;
        border-radius: 40px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: hsla(325,98%,33%,0.22)
        }
        #contener .naglowek img{
        height:auto;
        width:100%;
        }

        /* czesc - logowanie rejestracja */	
        #contener .logowanie{
        display:grid;
        padding: 0;
        border: 0px;
        }

        #contener .reg{
        width:calc(100% - 110px);
        border: 5px solid #a60263;
        text-align: left;
        padding: 30px 50px;
        background-color: #fff;
        font-size:14px;
        }

        #contener .log{
        width:calc(100% - 105px);
        color: #fff;
        border: 5px solid #a60263;
        border-right: 0px;
        text-align: left;
        padding: 30px 50px;
        background-color: #a60263;
        font-size:14px;
        }
        /* koniec */
    
            /* logowanie */
            #contener .login_div{
            margin-top:15px;
            display: block;
            }
    
            #contener .login_div label{
            font-size:12px;
            padding:0px 22px;
            }

            #contener .login_div div.log_pass{
            background:#f3e0eb;
            padding-top:5px;
            margin-left:0px;
            margin-top:10px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:100%
            }
            #contener .login_div div.log_email{
            background:#f3e0eb;
            padding-top:5px;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
                width:100%
            }
            /* koniec */
            
            /* login */
            .login div input {
            width:calc(100% - 28px);
            padding:12px;
            border:2px solid #273a86;
            font-size: 14px;
            }
    
            /* login */
            .reg div input, .reg div select {
            width:calc(100% - 28px);
            padding:12px;
            border:2px solid #273a86;
            font-size: 14px;
            }
    
    /* program na stronie */
    #contener .program{
        text-align: left;
        padding:50px;
        font-size:16px;
        background:rgba(255,255,255,0.60);
        border-left: 5px solid hsla(325,98%,33%,0.22);
        border-right: 5px solid hsla(325,98%,33%,0.22);
    }
    #contener .program_informacje{font-size:13px;}
    
    /* stopka podział na dole */
    #contener .program2{
        text-align: left;
        padding:20px 50px;
        font-size:16px;
        font-size:12px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: block;
    }    
    #contener .program2 div{width: 100%; text-align: center}
    #contener .program2 div a{color:#000}  
    
    /* zalogowany */
    .reg .kol_1{
        font-size:14px;
        display:block;
        padding-left:10px;
        width:100%;
    }
    .reg .kol_1:nth-child(2n){background:#FFE0F2;}
    .reg .kol_2{width:140px;}
    .reg .kol_3{width:calc(100% - 35px);}
    .reg .kol_3 input{width:100%;}
    .reg .kol_3 select{width:calc(100% + 27px);}
    .padding_5{padding: 5px 0;}
    
    /* strona listy grup - adycja kolumna */
    .grupy_edit{
    border-bottom:1px solid #a60263;
    padding-bottom:20px;
    margin-bottom:30px;
    }
    
    /* lista grup */
    div.lista_uczestnicy:last-child{
        border:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy:nth-child(2n){
    background:#FFE0F2;
        border-top:1px solid hsla(325,98%,33%,0.22);
        border-right:1px solid hsla(325,98%,33%,0.22);
        border-left:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy{
    background:#FFF;
    padding:10px;
    padding-right:0px;
    display: block;
    font-size: 11px;
        border-top:1px solid hsla(325,98%,33%,0.22);
        border-right:1px solid hsla(325,98%,33%,0.22);
        border-left:1px solid hsla(325,98%,33%,0.22);
    }
    div.lista_uczestnicy .lista_id{
        border-bottom:1px solid hsla(325,98%,33%,0.22);
        text-align: center;
        padding-bottom:5px;
    }
    
    div.lista_uczestnicy .lista_name_1{
        border-bottom:1px solid hsla(325,98%,33%,0.22);
        padding:15px;
        text-align: center;
    }
    div.lista_uczestnicy .lista_name_1a{
        width:calc(100% - 10px) !important; 
        text-align: center;
    }
    div.lista_uczestnicy .lista_name_2{
        border-bottom:1px solid hsla(325,98%,33%,0.22);
        padding:5px;
        text-align: center;
    }
    div.lista_uczestnicy .lista_name_3{
        border-bottom:1px solid hsla(325,98%,33%,0.22);
        padding:5px;
        text-align: center;
    }
    div.lista_uczestnicy .lista_opiekun{
        border-bottom:1px solid hsla(325,98%,33%,0.22);
        padding:5px;
        text-align: center;
    }
    div.lista_uczestnicy .lista_nawigacja{
        border-bottom:1px solid hsla(325,98%,33%,0.22);
        padding:15px;
        text-align: center;
        align-items: center;
        align-content: center;
        display: flex;
    }
    div.lista_uczestnicy .lista_nawigacja div{
        display: flex;
        width:60px;
        margin:0 auto;
    }
    a.but_usun{
        float: none;
        margin-left: 3px;
    }
    a.but_lista{
        float: none;
        margin: 0;
    }
    
    /* lista uczestników i ich dodawanie */
    div.color_opiekun{
        background: #fff6b8 !important;
    }
    div.form_column_2{
        display: block;
        font-size:12px;
        background: #d0e8ff;
        border: 2px solid #273a86;
        margin-top:15px;
    }
    div.form_column_2 div select {
        width:calc(100%);
        padding:12px;
        border:2px solid #273a86;
        font-size: 14px;
    }
    div.form_column_2 div input{
        width:calc(100% - 28px);
        padding:12px;
        border:2px solid #273a86;
        font-size: 14px;
    }
    div.pos_user_1{
        width:calc(100% - 30px);
        padding:5px 15px 10px 15px;
    }
    div.pos_user_2{
        width:calc(100% - 30px);
        padding:5px 15px 10px 15px;
    }
    div.pos_user_3{
        padding:10px;
        text-align: center;
    }
    div.color_1{
        background: #d0e8ff;
    }
    div.color_2{
        background: #e0eaf4;
    }
    .lista_wyrownanie{
        width:calc(100% - 10px) !important;
    }
    .but_float{
        float: none !important;
    }
    .lista_nawigacjab{
        text-align: center;
    }
    .lista_nawigacjab div{
        width:50px !important;
        display: flex;
        margin: 0 auto;
    }
    
    
    
    /* dodawanie csv */
    div.form_column_2_submit{
        text-align: center !important;
    }
    div.form_column_3{
        display: block;
        font-size:12px;
        margin-top:15px;
    }
    div.add_csv{
        border:4px solid #c9af00;
        padding: 25px;
        
        background: #fff6b8;
    }
    div.add_csv_b{
        width:100%;
    }
    a.pdf_print_2{
        margin-top:20px;
        float: none;
    }
    div.csv_info{
        padding-bottom:15px;
    }
}