/* Θ */
/* BODY */
body{margin:0;padding:0;width:100%;color:#222;text-decoration:none;font-family:Verdana;font-weight:normal;font-size:16px;background-color:#f2f2f2;text-decoration:none;}
a:link{color:#222;text-decoration:none;}
a:visited{color:#222;text-decoration:none;}
a:hover{color:#4154F1;text-decoration:none;}
a:active{color:#222;text-decoration:none;}
div{transition:all 0.3s ease;}
/* Sortable tables */
table.sortable thead{background-color:#bbb;font-weight:bold;cursor:pointer;}
.sortable table, .sortable td {border: 1px solid #ddd;border-collapse:collapse;}
.sortable thead th {border: 1px solid #ddd;border-collapse:collapse;position:sticky;top:50px;background-color:#bbb;}
.sortable tr:nth-child(even) {background-color: #fff;}
.sortable tr:hover {background-color:lightsteelblue;}
/* Sortable tables */
.addata th,.addata td{padding:5px;}
/* BODY */
.input input{border:0;font-size:14px;color:#222;border:1px solid #E7E7E7;padding:7px 0 7px 0;border-radius:5px;width:100%;}
input.input,select.input{border:0;font-size:14px;color:#222;border:1px solid #E7E7E7;padding:7px 0 7px 0;border-radius:5px;width:100%;}
.button{border:0;font-size:16px;color:#fff;border:1px solid #E7E7E7;padding:7px 0 7px 0;border-radius:5px;width:100%;margin-top:20px;background-color:#0D6EFD;}
.button:hover{background-color:#0B5ED7;color:#fff;cursor:pointer;}
.inputtitle{padding:10px 0 10px 0;margin:0;font-size:14px;}
.formtitle{margin:0 0 20px 0;font-size:18px;width:100%;text-align:center;}
.formmaintitle{padding:0 0 10px 0;margin:0;font-size:16px;text-align:center;}
/* TOP */
.top{position:fixed;top:0;left:0;width:100%;height:50px;border:0;background-image:url("top.png");z-index:99;}
.logo{float:left;position:relative;width:50px;height:50px;border:0;}
.logotext{padding-top:8px;float:left;position:relative;width:150px;height:42px;font-size:22px;font-weight:bold;border:0;}
.grammes{float:right;position:relative;width:50px;height:40px;border:0;text-align:center;padding-top:10px;cursor:pointer;}
.user{float:right;position:relative;width:50px;height:45px;border:0;text-align:center;padding-top:5px;}
.user img{border-radius:50%;}
.cart{background-image:url("cart.webp");}
.bell{background-image:url("bell.webp");}
.minima{background-image:url("minima.webp");}
.cart,.bell,.minima{float:right;position:relative;width:50px;height:50px;border:0;text-align:center;background-position:bottom;background-repeat:no-repeat;background-size:30px 50px;font-weight:bold;}
form.search{float:left;border:none;padding:0;}
input.search{width:250px;height:34px;margin:8px 0 5px 8px;font-size:16px;border:1px solid #222;border-radius:5px;display:block;padding:0 15px 0 45px;background:transparent url("search.webp") no-repeat 13px center;background-size:22px 22px;background-color:#fff;}
/* TOP DOWN */
#topdown{display:inline-block;cursor:pointer;}
#user{text-align:left;padding-left:25px;position:fixed;width:300px;top:50px;right:0;border:1px solid #222;border-radius:5px;display:none;background-color:#fff;box-shadow:0px 8px 16px 0px rgba(2,2,2,0.5);z-index:99;}
#cart,#minima,#bell{text-align:left;padding-left:25px;position:fixed;width:calc(50% - 2px);top:50px;right:0;border:1px solid #222;border-radius:5px;display:none;background-color:#fff;box-shadow:0px 8px 16px 0px rgba(2,2,2,0.5);z-index:99;}
#user a,#cart a,#minima a,#bell a{padding:10px;display:block;border-radius:5px;border-bottom:2px dotted #E7E7E7;}
#user a:hover,#cart a:hover,#minima a:hover,#bell a:hover{background-color:#eee;}
#topdown:hover #user,#topdown:hover #cart,#topdown:hover #minima,#topdown:hover #bell{display:block;}
/* TOP DOWN */
/* TOP */
/* LEFT */
.leftbar{position:fixed;top:50px;left:0;height:calc(100% - 50px);width:200px;background:#fff;display:block;overflow:scroll;scrollbar-width:none;z-index:98;}
.leftbar.leftopen{width:200px;display:none;}
.leftbar.leftopen ~ .main{left:0;width:calc(100% - 10px)}
ul{list-style:none;padding:0;margin:0;}
#tom{float:left;width:100%;margin:0;border:0;}
#tom li a{display:block;padding:15px 15px 15px 40px;text-decoration:none;color:#222;background:#fff;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#tom li a.active{background-image:linear-gradient(to right, #B3FFBA, #fff);color:#222;}
#tom li .down{position:absolute;right:5px;padding:10px;background-image:url("arrows.png");background-position:center right;background-repeat:no-repeat;background-size:20px 20px;}
#tom li a:hover{color:#4154F1;}
#tom li ul{display:none;list-style:circle;padding-left:40px;background-image:linear-gradient(to right, #B3FFBA, #fff);}
#tom li ul li a{padding:10px;background:#fff;border-bottom:2px dotted #E7E7E7;}
.main{position:absolute;left:200px;top:50px;width:calc(100% - 210px);padding:10px 0 0 10px;margin:0;}
/* LEFT */
/* ICONS */
.home{background-image:url("home.webp");}
.admin{background-image:url("admin.webp");}
.custom{background-image:url("custom.webp");}
.products{background-image:url("products.webp");}
.bank{background-image:url("bank.webp");}
.euro{background-image:url("euro.webp");}
.warehouse{background-image:url("warehouse.png");}
.tools{background-image:url("tools.webp");}
.profile{background-image:url("profile.webp");}
.exit{background-image:url("exit.webp");}
.red{background-image:url("red.webp");}
.green{background-image:url("green.webp");}
.yellow{background-image:url("yellow.webp");}
.home,.admin,.custom,.products,.euro,.warehouse,.tools,.profile,.exit,.red,.green,.yellow,.bank{position:absolute;left:5px;padding:10px 10px 10px 10px;background-position:top;background-repeat:no-repeat;background-size:20px 20px;}
/* ICONS */
.pagetitle{padding:0 20px 10px 20px;font-size:20px;font-weight:bold;text-align:center;}
.res5{float:left;width:5%;}
.res10{float:left;width:10%;}
.res16{float:left;width:16.6%;}
.res20{float:left;width:20%;}
.res25{float:left;width:25%;}
.res33{float:left;width:33%;}
.res45{float:left;width:45%;}
.res50{float:left;width:50%;}
.res66{float:left;width:66%;}
.res80{float:left;width:80%;}
.res100{float:left;width:100%;}
.center{margin:auto;width:500px;}
.maincontent{margin:0;padding-right:10px;padding-bottom:10px;}
.round{border-radius:8px;background:#fff;padding:0;margin:0;width:100%;border:1px solid #CDDFFF;}
.roundin{margin:10px;padding:0;overflow:hidden;}
.maintitle{padding:0 0 10px 0;margin:0;font-size:16px;font-weight:bold;}
/* MOBILE */
@media (max-width:950px){
.res5, .res10, .res16, .res20, .res25, .res33, .res45, .res50, .res66, .res80, .res100, .center{width:100%;}
.roundin {overflow:visible;}
}
/* MOBILE */
/* MOBILE */
@media (max-width:768px){
.top{height:100px;}
form.search{position:fixed;top:50px;left:0;width:100%;}
input.search{width:calc(100% - 16px);}
#user,#cart,#minima,#bell{position:fixed;width:calc(100% - 2px);top:50px;left:0}
.leftbar,.main{top:100px;}
}
/* MOBILE */
/* MOBILE */
@media (max-width:500px){
.logotext{display:none;}
.main{left:0;width:calc(100% - 10px);}
.leftbar{width:200px;height:calc(100% - 120px);display:none;}
.leftbar.leftopen{width:200px;display:block;}
}
/* MOBILE */
div#qTip  {padding:2px;border:1;top:0;left:0;display:none;background:#222;color:#fff;font:bold 14px Arial;text-align:left;position:absolute;z-index:1000;transition:none;}
/* FYLLIANA */
.Fnavbar {overflow: hidden;background-color: #777777;}
.Fnavbar a {float: left;font-size: 16px;color: white;text-align: center;padding: 14px 16px;text-decoration: none;border: 1px solid #E7E7E7;}
.Fdropdown {float: left;overflow: hidden;}
.Fdropdown .Fdropbtn {font-size: 16px;border: none;outline: none;color: white;padding: 14px 16px;background-color: inherit;margin: 0;}
.Fnavbar a:hover, .Fdropdown:hover .Fdropbtn {background-color: #FF4040;cursor: pointer;}
.Fdropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.Fdropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.Fdropdown-content a:hover {background-color: #ddd;}
.Fdropdown:hover .Fdropdown-content {display: block;}
/* FYLLIANA */
/* GALLERY */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
#cboxWrapper{max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;opacity:0.9;filter:alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px;background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px;background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px;background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px;background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute;bottom:0;right:0;background:url(images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00fff,endColorstr=#00fff);
}
/* GALLERY */