@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800&subset=latin,greek);
body { background: #cccccc; font-family: 'Open Sans', sans-serif; position: relative; }
body { background: #ffffff; }
body { }
div, td { font-family: 'Open Sans', sans-serif; }
/*   BOOTSTRAP EDIT  */
.navbar-default { background: none; border: 0px; margin-bottom: 0px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.navbar-default .navbar-nav > li > a { color: #ffffff; font-weight: bold; }
  .navbar-default .navbar-nav > li > a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }
ul.dropdown-menu li b { color: black; font-weight: bold; padding: 3px 20px; display: block; clear: both; font-size: 16px; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #099AE8; font-weight: bold; }
.container-fluid { z-index: 50; }
/*        CLASSES     */
.topcontainer { max-width: 960px; width: 100%; margin: 0px auto; background: #ffffff;; /*background:rgba(255,255,255,0.8);*/ /*padding-top: 20px;*/ }
.header { max-width: 960px; width: 100%; margin: 0px auto; }
.header { background: url('../images/header_shadow.png') center bottom no-repeat #ffffff; }
  .header div.inner { background: #0777B1; padding: 20px; margin-left: 15px; margin-right: 15px; }
  .header h1 { color: rgba(255,255,255,0.7); display: inline; margin-right: 10px; }
  .header h2 { color: #ffffff; display: inline; }
.container { width: 100%; font-size: 90%; }
.template_homepage .container { width: 100%; background: url('../images/background_homepage.gif') center top repeat-y #ffffff; font-size: 90%; }
.template_epikrateia .container { width: 100%; background: url('../images/background_homepage.gif') center top repeat-y #ffffff; font-size: 90%; }
.template_komma .container { width: 100%; background: url('../images/background3.gif') center top repeat-y #ffffff; font-size: 90%; }
.dataTables_filter input { border: 1px #cccccc solid; }
.container .panel-body { padding-top: 0px; }
.panel-body.info h4 { font-size: 13px; padding: 7px; font-weight: bold; }
h4 { padding: 8px 15px; background-color: #f5f5f5; border-radius: 4px; }
.footer { max-width: 960px; width: 100%; margin: 0px auto; }
  .footer div.inner { background: #313032; padding: 10px; margin-left: 15px; margin-right: 15px; color: #ffffff; }
.subheader { max-width: 960px; width: 100%; margin: 0px auto; background: #099AE8; height: 40px; }
  .subheader div.inner { padding: 10px 20px; margin-left: 15px; margin-right: 15px; color: white; }
  .subheader .sub-menu a { color: #ffffff; font-weight: bold; margin-right: 5px; }
    .subheader .sub-menu a .dropdown-menu a { color: #000000 !important; font-weight: normal !important; margin: 0px !important; }
.dropdown-toggle { padding: 5px; color: #efefef; }
  .dropdown-toggle:hover { color: #BFF9FF; }
/*Για να ανοίγει με hover*/
/*.dropdown:hover .dropdown-menu {display: block; font-size: 90%;}*/
table.table tbody .detailed-row td { text-align: left; padding-bottom: 20px; background: url() center bottom repeat-x #ffffff; }
table.table tbody .detailed-row div { margin-left: 15px; font-size: 11px; margin-bottom: 5px; padding-left: 20px; font-weight: normal; color: #808080; }
  table.table tbody .detailed-row div.pass { padding-left: 5px; font-weight: bold; font-size: 13px; color: #000000; }
    table.table tbody .detailed-row div.pass span { font-weight: normal; font-size: 90%; margin-left: 5px; color: #5B5B5B; }
    table.table tbody .detailed-row div.pass::before { content: "☑ "; color: #25B715; font-weight: normal; font-size: 15px; }
.votes { text-align: center; }
.prc { text-align: center; }
.seats { text-align: center; }

.perifereies td a { display: block; float: left; padding: 5px; background: #efefef; margin: 2px; font-size: 14px; text-decoration: none; width: 31.8%; height: 14px; color: #0777B1; overflow: hidden; line-height: 17px; }
  .perifereies td a:hover { background: #0777B1; color: #ffffff; }
  .perifereies td a img { height: 13px; margin-right: 5px; float: left; }
.perifereies td a { display: block; float: left; padding: 5px; background: #efefef; margin: 2px; font-size: 11px; text-decoration: none; width: 31.8%; height: 24px; color: #0777B1; overflow: hidden; line-height: 14px; }
.perifereies th { background: #6C6C6C; color: #ffffff; text-align: left; font-size: 16px !important; font-weight: normal; }
.perifereies td a:hover { background: #0777B1; color: #ffffff; }
table.table td a { -webkit-transition: all 0.5s; transition: all 0.5s; }
table.table tr { -webkit-transition: all 0.5s; transition: all 0.5s; }
table.tabledata tr:hover { background-color: #FFE9A6 !important; }
.template_komma h1.partyname { font-size: 28px; max-width: 645px;}
.template_komma h1.partyname img { margin-right: 5px; max-width: 40px;}
.template_perifereia { }
  .template_perifereia .perifereia_maincontainer { position: relative; height: 290px; width: 100%; z-index: 1; min-height: 800px; padding-top: 20px; }
  .template_perifereia #topScroll { height: 10px; background: white; width: 500px; overflow: auto; margin-top: 20px; margin-bottom: 2px; position: relative; margin-left: 227px; }
    .template_perifereia #topScroll span { display: block; height: 10px; }
  .template_perifereia table#data { font-size: 14px; border-collapse: collapse; table-layout: fixed; word-wrap: break-word; }
    .template_perifereia table#data thead th { border-bottom: 1px solid #B0B0B0; padding-right: 0px; padding-left: 0px; font-weight: normal; padding-top: 7px; padding-bottom: 5px; font-size: 90%; line-height: 11px; }
    .template_perifereia table#data tbody th { border-bottom: 1px solid #B0B0B0; padding-right: 0px; padding-left: 0px; font-weight: normal; padding: 8px; font-size: 90%; }
    .template_perifereia table#data tbody td { border-bottom: 1px solid #B0B0B0; padding-right: 0px; padding-left: 0px; padding: 8px; font-size: 90%; width: 80px; }
    .template_perifereia table#data th.party { background: #E6EEEE; }
      .template_perifereia table#data th.party span { width: 247px; display: block; text-align: center; border-left: 1px solid #cccccc; font-weight: bold; }
    .template_perifereia table#data tbody td { border-left: 1px dotted #cccccc; }
      .template_perifereia table#data tbody td span { display: block; }
      .template_perifereia table#data tbody td.votes { border-left: 1px solid #cccccc; }
        .template_perifereia table#data tbody td.votes span { width: 80px; }
      .template_perifereia table#data tbody td.prc span { width: 40px; }
      .template_perifereia table#data tbody td.seats span { width: 30px; }
      .template_perifereia table#data tbody td.order span { width: 30px; text-align: center; }
    .template_perifereia table#data .info td { font-size: 11px; text-align: center; border-bottom: 1px solid #cccccc; border-left: 1px dotted #cccccc; height: 20px; }
      .template_perifereia table#data .info td span { display: block; }
      .template_perifereia table#data .info td.votes span { width: 96px; }
      .template_perifereia table#data .info td.prc span { width: 56px; }
      .template_perifereia table#data .info td.seats span { width: 46px; }
      .template_perifereia table#data .info td.order span { width: 46px; text-align: center; }
    .template_perifereia table#data tr:hover { }
    .template_perifereia table#data tr { height: 24px; }
  .template_perifereia #firstCol { position: absolute; top: 0px; left: 17px; width: 217px; height: 25px; overflow: hidden; z-index: 3; }
  .template_perifereia #firstCol { height: 55px; background: #E6EEEE; padding-left: 10px; padding-top: 20px; font-weight: bold; border-bottom: 1px solid #cccccc; }
  .template_perifereia #topmenu { position: absolute; top: 0px; left: 234px; width: 286px; width: 484px; /*   height   : 25px;
    height   : 25px;*/ overflow: hidden; z-index: 3; }
  .template_perifereia #leftmenu { position: absolute; top: 35px; top: 55px; left: 0px; width: 134px; width: 234px; height: 521px; overflow-x: hidden; overflow-y: scroll; z-index: 3; }
    .template_perifereia #leftmenu table#data { width: 215px; }
      .template_perifereia #leftmenu table#data tr { height: 24px; }
      .template_perifereia #leftmenu table#data th { width: 215px; }
  .template_perifereia #datacenter { position: absolute; top: 35px; top: 55px; left: 234px; width: 302px; width: 502px; height: 538px; overflow: scroll; z-index: 2; }
    .template_perifereia #datacenter table#data tbody th { width: 215px; }

@media screen and (min-width: 1000px) {
  #datacenter thead { display: none; }
  #datacenter th { display: none; }
}

@media screen and (max-width: 1000px) {
  .template_perifereia #datacenter { position: relative !important; width: 100% !important; left: 0px !important; }
  .template_perifereia #topmenu { display: none; }
  .template_perifereia #leftmenu { display: none; }
  .template_perifereia #firstCol { display: none; }
  .template_perifereia #topScroll { display: none; }
}

.templateindex { background: #0777B1; }
.template_indexpage .maincontent { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; /*  background: #0777B1;*/ height: 95vh; }
  .template_indexpage .maincontent .inside { position: relative; top: 50%; transform: translateY(-50%); color: #ffffff; margin: 0px auto; width: 60%; padding-bottom: 150px; }
    .template_indexpage .maincontent .inside h1 { color: #ffffff; }
      .template_indexpage .maincontent .inside h1 span { color: #B1D4E6; }
    .template_indexpage .maincontent .inside h2 { color: #ffffff; font-size: 16px; margin-top: -10px; margin-left: 3px; margin-bottom: 30px; }
    .template_indexpage .maincontent .inside .dropdowns { padding-left: 10px; }
      .template_indexpage .maincontent .inside .dropdowns .dropdown { float: left; margin-right: 20px; }
        .template_indexpage .maincontent .inside .dropdowns .dropdown button { background: #0996E1; border: 0px; color: #ffffff; padding: 4px 7px; }
        .template_indexpage .maincontent .inside .dropdowns .dropdown a { display: block; padding: 8px; padding-left: 10px; }
          .template_indexpage .maincontent .inside .dropdowns .dropdown a:hover { text-decoration: none; background: #0996E1; color: #ffffff; }
        .template_indexpage .maincontent .inside .dropdowns .dropdown ul { margin-top: -1px; border-radius: 0px; padding-top: 0px; padding-bottom: 0px; }
body.templateindex { background: url(../Images/flag.jpg) center center no-repeat #0777B1; }

@media screen and (max-width: 1000px) {
  .template_indexpage .maincontent .inside { width: 90%; }
}

tr th.open { width: 29px; }