@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;800&display=swap');

body {margin:0;padding:0;background: rgb(55,119,183);
    background: linear-gradient(90deg, rgba(55,119,183,1) 0%, rgba(127,75,175,1) 100%);    font-family: 'Varela Round', sans-serif;}

#loginForm {width:340px;margin:100px auto 0;background: rgba(255, 255, 255, 0.9);box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.6);border-radius:5px;}
#loginForm legend {text-align:center;border-bottom:1px solid #e0e0e0;font-size:1.466em;line-height:60px;}
#loginForm fieldset {padding:20px;border:0px;margin:20px 0 0;}
#loginForm .input {padding:8px 5px;width:calc(100% - 12px);border:1px solid #d0d0d0;font-size:0.933em;margin-bottom:20px;font-family: 'Open Sans', sans-serif;}
#loginForm .submit {background-color: #2591d8;color:#fff;padding:10px 0;width:100%;border:0;text-align: center;font-size:1.133em;margin:0 0 20px;border-radius: 3px;cursor: pointer;}
.error {background-color:   rgba(236, 89, 114, 0.4);color:#f00;border:1px solid #f00;margin-bottom:20px;padding:10px 0;font-size:0.9em;text-align:center;}

#main {float:left;width:100%;}
#menu {float:left;width:260px;min-height:100vh;background-color: #212121;height: 100%;}
#menu .appName {color:#e0e0e0;font-family: 'Open Sans';font-weight:500;padding:20px 0;float:left;width:100%;border-bottom:1px solid #101010;text-align:center;}
#menu ul {float:left;width:100%;list-style:none;margin:0;padding:0;background-color: #272626;}
#menu ul a {display:block;float:left;padding:20px 10px;width:calc(100% - 20px);color:#fff;text-decoration: none;font-size:0.966em;font-family: 'Open Sans';font-weight: 300;}

#content {float:left;width:calc(100% - 260px);min-height:100vh;background-color: #fff;}
#content h1 {font-size:1.2em;padding:10px 10px;margin:0px;border-bottom:1px solid #e0e0e0;font-family: 'Open Sans';font-weight: 400;}

#content #list {float:left;width:calc(100% - 40px);border-collapse: collapse;margin:20px;}
#content #list td {padding:10px;border:1px solid #e0e0e0;font-size:0.866em;font-family: 'Open Sans';}
#content #list td.lp {width:40px!important;text-align:center;}
#content #list td.photo {width:100px;}
#content #list td.photo img {max-height: 100px;}

#content #list td.price {text-align:right;}
#content #list td.ean {text-align:center;}
#content #list.integracje td {text-align:center;width:50%;}
#content #list.integracje td span {display:block;padding:10px 0;}

#links-baselinker {float:left;width:96%;margin:20px 2% 0;}
#links-baselinker a {float:left;margin:0 0px 0 0;font-size:0.83em;font-weight:300;background:#1E202C;color:#fff;padding:10px;border:1px solid #1E202C;box-shadow: inset 0 0 0 1px #fff;cursor:pointer;border-radius:2px;display:block;text-decoration:none;}
#links-baselinker a:hover {color:#000;background:#00aff0;border-color:#00aff0;text-decoration:none;}

#uploadForm {margin:20px 0 0;}
.custom-file-input {border:1px solid #f0f0f0;border-radius: 3px;padding:4px;position: relative;}
#uploadForm .submit {background-color: #00aff0;padding:6px;color:#fff;border:1px solid #00aff0;text-transform: uppercase;border-radius: 3px;cursor: pointer;}
#uploadForm .submit:hover {background-color: #1E202C;border-color: #1E202C;}