/* ==========================================
/* ==========================================
   Turtles Information System
   tis.css
   ========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:#008080;
    font-family:Tahoma,Verdana,Arial,sans-serif;
    font-size:14px;
    color:#000;

}

/* =======================
   OKNO
======================= */

#loginWindow{

    width:520px;

    margin:80px auto;

    background:#C0C0C0;

    border:2px solid #000;

    box-shadow:
        3px 3px 0 #000,
        inset 1px 1px 0 #FFF,
        inset -1px -1px 0 #808080;

}

/* =======================
   PASEK
======================= */

#titleBar{

    height:32px;

    background:linear-gradient(to right,#000080,#1084d0);

    color:white;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 10px;

    font-weight:bold;

    font-size:13px;

}

.version{

    font-size:12px;

}

/* =======================
   ŚRODEK
======================= */

#loginContent{

    padding:24px;

}

#loginContent h1{

    font-size:26px;

    color:#000080;

    margin-bottom:5px;

}

.subtitle{

    color:#555;

    margin-bottom:20px;

}

hr{

    margin:20px 0;

    border:none;

    border-top:1px solid #888;

}

/* =======================
   POLA
======================= */

label{

    display:block;

    margin-top:16px;

    margin-bottom:6px;

    font-weight:bold;

}

input{

    width:100%;

    padding:8px;

    font-size:14px;

    border:2px solid;

    border-color:#808080 #FFF #FFF #808080;

    background:white;

    font-family:Tahoma;

}

/* =======================
   PRZYCISK
======================= */

button{

    margin-top:24px;

    width:100%;

    padding:10px;

    font-size:14px;

    font-weight:bold;

    cursor:pointer;

    background:#C0C0C0;

    border:2px solid;

    border-color:#FFF #404040 #404040 #FFF;

}

button:hover{

    background:#D9D9D9;

}

button:active{

    border-color:#404040 #FFF #FFF #404040;

}

/* =======================
   BŁĄD
======================= */

#loginError{

    color:#AA0000;

    font-weight:bold;

    text-align:center;

    margin-top:16px;

    min-height:20px;

}

/* =======================
   NOTICE
======================= */

#notice{

    margin-top:30px;

    padding:15px;

    background:#EFEFEF;

    border:1px solid #888;

}

#notice h3{

    margin-bottom:10px;

    color:#000080;

}

small{

    color:#666;

}

/* =======================
   RESPONSIVE
======================= */

@media(max-width:600px){

    #loginWindow{

        width:95%;

        margin:20px auto;

    }

}