/****************************************************** Theme styles **********************************************/

.panel-grid-cell .widget-title {
  margin: 10px;
  padding: 10px;
  text-align: center;
  text-indent: 10px;
  font-size: 20px;
}

.entry-content table td {
  border-width: 0px;
  text-align: justify;
}

/***************************************************** Tabs Eshop Home Page *******************************************/

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #dd3333;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size:15px;
    color: white;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ff6666;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ff6666;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tablinks {
  /*font-weight: bold;*/
}

/************************************************** Inputs inside categories *******************************************/
.category {
  float: left;
  display: block;
}

#category_1 { /* Deftero input */
  margin-left: 5px; /* or space you want..*/
  padding: 15px 32px;
  width:300px;
  font-size: 16px;
  color: #555453;
}

#skafos_type2 { /* Deftero input skafos */
  margin-left: 5px; /* or space you want..*/
  padding: 15px 32px;
  width:350px;
  font-size: 16px;
  color: #555453;
}

#skafos_type {
 width:390px;
}

.first_inpt { /* Prwto input */
  padding: 15px 32px;
  width:300px;
  font-size: 16px;
  color: #555453;
}

/******************************************************* Σύγκριση Τιμών btns **********************************************/
.syg_timwn_btn {
    background-color: #ff0000;/*#dd3333;*/ /* Red */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    margin-left: 20px;
    font-size: 16px;
    margin: 4px 20px 0px 25px;
    cursor: pointer;
}

/**************************************************** Captions κάτω απο κατηγορίες ******************************************/
.category_caption {
  font-size:20px;
}


/********************************************************* NEA FASA ***********************************************/
.tab-wrapper {
  margin: 60px auto;
  /*width: 70%;*/
  /*max-width:500px;*/
}

.tab-menu li {
  position:relative;
  background-color: #ff0000;/*#dd3333;*//*#fff;*/
  color:#bcbcbc;
  display: inline-block;
  padding: 20px 30px;
  /*opacity: 0.8;*/
  cursor:pointer;
  z-index:0;
}

.tab-menu li:hover {
  color:white;/*#464646;*/
}

.tab-menu li.active {
  color: #464646;
  opacity: 1;
  background-color:#fff;
}

.tab-menu li.active:hover {
  color:#464646;
}

.tab-content>div {
  background-color: #fff;
  box-sizing:border-box;
  width: 100%;
  padding: 50px;   
  min-height:200px;
}

.line {
  position:absolute;
  width: 0;
  height: 7px;
  background-color: #ff0000;/*#dd3333;*/
  top: 0;
  left: 0;
}