/* app css stylesheet */

body {
    color: #333 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background-color: #05425e !important;
    height: 100% !important;
    display: inline;
    width: 100%;
}

:-webkit-full-screen{
	background-color: #05425e !important;
}

.row {
    -moz-column-width: 30em;
    -webkit-column-width: 30em;
    -moz-column-gap: .5em;
    -webkit-column-gap: .5em; 
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.container{
/*    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;*/
/*min-height: 300px;*/
	width: 100% !important;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

#opapNoResults section {float:left;width:33.3%;}
.clear {
    clear:both;
}

.headerContainer{
    height: 80px;
    width: 100%;
    background: #b7c4d0  url("../images/livepraktoreio_4000_opap_klirwseis_banner.png") no-repeat scroll 0 0 / auto 100%;
}

.bannerSlideshowHolder{
    height: 80px !important;
    overflow: hidden;
    padding-left: 450px;
    position: absolute;
    right: 150px;
    width: 100%;
}

.moduleContainer{
    border: 5px solid #05425e;
    padding: 5px !important;
/*    margin: 0px !important;*/
    background-color: #ffffff !important;
    min-height:480px !important;
    min-width:435px !important;
    overflow: hidden !important;
    display: inline-block;
}

.moduleContainer-short{
	border: 5px solid #05425e;
    padding: 5px !important;
	/*    margin: 0px !important;*/
    background-color: #ffffff !important;
	min-height:320px !important;
    min-width:435px !important;
	overflow: hidden !important;
    display: inline-block;
}

.moduleContainer-double{
    border: 5px solid #05425e;
    padding: 5px !important;
/*    margin: 0px !important;*/
    background-color: #ffffff !important;
    min-height:480px !important;
    min-width:870px !important;
    overflow: hidden !important;
    display: inline-block;
}

.livepraktoreio_logo{
    background: rgba(0, 0, 0, 0) url("../images/livepraktoreio_4000_logo.png") no-repeat scroll 100% 0 / auto 100%;
    float: left;
    height: 30px;
    margin-top: 20px;
    width: 210px;
}
.livepraktoreio_logo:after{
    content:'by';
    line-height: 40px;
    margin-left: 30px;
    font-size: 11px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none !important;
    margin-right:-4px;
    vertical-align: top;
}

.leftFloatSelectList{
    background: #cecece none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 190px;
    z-index: 100000;
}

.moduleList{
    margin: 0px !important;
    padding: 0px !important;
}

.moduleListItem{
    margin: 0px !important;
    padding-left: 5px !important;
}

.slideshowPlayer{
    display: flex;
    float: right;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 60px;
    vertical-align: middle !important;
}

.slideshowControls{
    border-radius: 20px !important;
    height: 25px;
    margin: 0 0 0 3px !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 25px;
    outline: none !important;
}

.slideshowSettingsBtn{
	border-radius: 20px !important;
	height: 25px;
	margin: 0 0 0 3px !important;
	outline: medium none !important;
	padding: 0 !important;
	position: absolute !important;
	right: 135px;
	text-align: center !important;
	top: 60px;
	vertical-align: middle !important;
	width: 25px;
	z-index: 100000;
}

.fullScreenBtn{
    float: right;
    height: 25px;
    margin: 0 !important;
    outline: medium none !important;
    padding: 0 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
}

.zoomHolder{
	float: right;
	right: 40px;
    top: 10px;
	position: absolute;
}

.zoomBtn{
    height: 25px;
    margin: 0 !important;
    outline: medium none !important;
    padding: 0 !important;
    width: 25px;
}

.button-icon{
    z-index: 1000;
}

.slideshowBtn{
    left: -5px;
    position: relative;
    top: 1px;
}

.button-label:before{
    margin-right: 5px; 
    font-family: helvetica;
}

div.input-group.input-group-sm.slideshowSettingsBtn span#sizing-addon2.glyphicon.glyphicon-eye-close.input-group-addon{
    position: none;
}

.slideShowSecs{
    border-radius: 20px !important;
    font-size: 20px;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    width: 60px;
    outline: none !important;
}

.pagesList{
    width:50px;
}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.joker-module_logo >.draw-info-banner, .proto-module_logo >.draw-info-banner, .super3-module_logo >.draw-info-banner{
	color : white;
}

.draw-info-banner{
    width: 150px;
    /* float: right; */
    padding-top: 53px;
    padding-right: 2px;
    text-align: right;
    /* z-index: 2000000000; */
    content: '';
    height: 80px;
    position: absolute;
    right: 5px;
}

.jackpot-banner-red{
    background: #e43;
}

.jackpot-banner-ribbon{
    background: url("../images/ribbon.png") no-repeat scroll;
}

.jackpot-ribbon{
    background: url("../images/ribbon.png") no-repeat scroll;
    height: 135px;
    width: 135px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.jackpot-money{
    font-size: 72px;
    font-family: handwritting;
    position: absolute;
    top: 0px;
    right: 0px;
    /* margin-left: 650px; */
    vertical-align: bottom !important;
    height: 100% !important;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px 10px 10px 10px !important;
    width: 450px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 4px;
    font-style: italic;
    line-height: 1em !important;
    float: left;
    color:#ffdd00;
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714% !important;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714% !important;
  }
}




/* lotto module css stylesheet  START HERE */

@font-face {
    font-family: handwritting;
/*    src: url(Bringshoot.ttf);*/
    src: url(HoneyScript-SemiBold);
}

.lotto-module{
    /*background: rgba(0, 0, 0, 0) url("../images/liveprtaktoreio_opap_game_lotto.jpg") no-repeat scroll 0 0;*/
/*    height: 1570px;
    padding: 50px;
    width: 1115px;*/
	overflow:hidden !important;
}
.lotto-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=4578cfe3-1a53-4eeb-a9ca-c4576f3a95d0&groupId=11503&t=1300718596134") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #ffdd00;
}

#drawResultsMoney{
    text-align: center;
    width: 100%;
}
#drawResults{
    width: 100%;
    text-align: center;
    border: 0px solid !important;
}

.drawResults-float-right{
	width: 460px !important;
    position: absolute !important;
    top: 50px !important;
    right: 20px !important;
}

.drawResults-float-left{
	width: 460px !important;
    position: absolute !important;
    top: 50px !important;
    left: 10px !important;
}
.glowing-draw-numbers{
-webkit-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.75);
}

.drawResultNumbers{
    font-weight: bold;
    font-size: 24px;
}

.drawResultsMoneyHeader{
    font-weight: bold;
    font-size: 24px;
}

.drawNumbersTable{
    border-collapse: separate;
    border-spacing: 5px !important;
    margin-bottom: 10px;
    width: 100%;
}

.tableHeader{
    font-variant: small-caps;
    font-weight: bold;
    font-size: 24px;
    vertical-align: middle !important;
}

.tzakpotMoney{
    color: #093a74;
    font-family: handwritting;
    font-size: 42px;
    font-style: italic;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right !important;
}

.dateInfo{
    margin-bottom: 0px !important;
}

.draw-numbers{
    border: 2px solid #cecece !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.draw-numbers-smaller{
    border: 2px solid #cecece !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 0px !important;
    font-size: 18px !important;
}

.draw-numbers-xtrsmaller{
    border: 2px solid #cecece !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 0px !important;
    font-size: 12px !important;
}

.ids-cell{
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}

.categ-cell{
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}

.winners-cell{
    font-size: 28px;
    font-weight: bold;
    font-family: handwritting;
    font-style: italic;
    vertical-align: middle;
    color: #093a74;
}

.money-cell{
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    color: #ffe51e;
    background: #0c509f;
}

.drawNumber{
    background: #ffe51e none repeat scroll 0 0;
    border: 0 solid #cecece !important;
    border-radius: 30px;
    font-family: handwritting;
    font-size: 46px;
    font-style: italic;
    font-weight: bold;
    height: 50px !important;
    line-height: 1 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    width: 60px !important;
}

.drawNumber-green{
    background: #cadb2b none repeat scroll 0 0;
    border: 0 solid #cecece !important;
    border-radius: 30px;
    font-family: handwritting;
    font-size: 46px;
    font-style: italic;
    font-weight: bold;
    height: 50px !important;
    line-height: 1 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    width: 60px !important;
}

.drawNumberSpecial{
    background: #0c509f none repeat scroll 0 0;
    border: 0 solid #cecece !important;
    border-radius: 30px;
    font-family: handwritting;
    font-size: 46px;
    font-weight: bold;
    font-style: italic;
    border: 0 solid #cecece !important;
    line-height: 1 !important;
    padding: 0 !important;
    height: 50px !important;
    vertical-align: middle !important;
    color: #ffffff;
	width: 60px !important;
}
.redNumber{
    background: #f03f35 none repeat scroll 0 0 !important;
    color: #ffffff;
}
.draws-info{
    font-size: 28px;
	font-weight: bold;
	font-family: handwritting;
	font-style: italic;
	text-align: right;
	padding-top: 10px !important;
	width: 100%;
}

.draws-info-date{
    font-size: 20px;
    font-weight: bold;
    font-family: handwritting;
    font-style: italic;
    text-align: right !important;
    padding-top: 2px !important;
    padding-left: 40px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
}

.draws-info-draw{
    font-variant: small-caps;
    /* font-weight: bold; */
    font-size: 18px;
    /* vertical-align: middle !important; */
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1 !important;
    vertical-align: middle !important;
}
.tableHeaderSmall{
	font-size: 14px !important ;
	font-weight:normal !important;
}

/* ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 18px;
  font-weight: bold;
}

/* Custom styles */

.corner-ribbon.sticky{
  /*position: fixed;*/
  position:absolute;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

/* ribbons */

/* lotto module css stylesheet  ENDS HERE */


/* joker module css stylesheet  START HERE */
.joker-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=823437d4-487c-43f4-9886-dc4b2d3f399a&groupId=11503&t=1300718596134") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #004890;
}

/* joker module css stylesheet  ENDS HERE */

/* proto module css stylesheet  START HERE */
.proto-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=7fc79506-3509-41c9-80c5-53d00326750f&groupId=11503&t=1300718596135") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #0b4da3;
}
.proto-module_logo:before{
    content: '';
    position: absolute;
    width: 30%;
    right: 5px;
    height: 80px;
    background: #f03f35;
}
/* proto module css stylesheet  ENDS HERE */

/* extra5 module css stylesheet  START HERE */
.extra5-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.numbers.gr/extra5.png") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #fce6f8;
}

.purpleNumber{
    background: #a3238e none repeat scroll 0 0 !important;
    color: #ffffff;
}

/* extra5 module css stylesheet  ENDS HERE */

/* extra5 module css stylesheet  START HERE */
.super3-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/opap-print-portlet/html/images/super3a.jpg") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #e83225;
}
/* extra5 module css stylesheet  ENDS HERE */

/* propoK module css stylesheet  START HERE */
.propok-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=e41e4452-b94b-48ee-980b-49d9baa0e62c&groupId=11503&t=1300718596135") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #e83225;
}

.propoTable>tbody>tr>td, .propoTable>tbody>tr>th, .propoTable>tfoot>tr>td, .propoTable>tfoot>tr>th, .propoTable>thead>tr>td, .propoTable>thead>tr>th{
	padding-left: 2px !important;
	padding-right: 2px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.propo-headers{
    font-size: 18px !important ;
    border:2px solid #cecece !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.propo-teams{
    padding: 3px !important;
    font-size: 12px !important;
    font-weight: bold;
}

.propo-score{
	/*color: red;*/
	font-weight:bold;
}

.propo-score-small{
	font-size: 12px !important;
}

.propo-res{
	color: red;
	font-weight:bold;
}

.propo-winnings{
	margin-bottom:10px;
	margin-top:10px;
}

.propo-yellow{
    background: rgba(236,204,0,0.15) !important;
}

.propo-yellow-grey{
    background: rgba(236,204,0,0.25) !important;
}

.propoCol{
	padding-bottom:0px !important;
	padding-top:0px !important;
	border-top: 0px none #ddd;
}
/* propoK module css stylesheet  ENDS HERE */

/* propoS module css stylesheet  START HERE */
.propos-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=43057e23-e056-4ec8-8c3d-4ac1df315664&groupId=11503&t=1300718596134") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #e83225;
}
/* propoS module css stylesheet  ENDS HERE */

/* propoT module css stylesheet  START HERE */
.propot-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=0c40ef77-5355-46d0-8774-ca801c1172c8&groupId=11503&t=1300718596135") no-repeat scroll 50% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #e83225;
}
/* propoT module css stylesheet  ENDS HERE */

/* propog module css stylesheet  START HERE */
.propog-module_logo{
    background: rgba(0, 0, 0, 0) url("http://www.opap.gr/image/image_gallery?uuid=a3579c60-0899-4300-868d-b7341176aaab&groupId=11503&t=1300718596134") no-repeat scroll 12% 50% / auto 100%;
    height: 80px;
    width: 100%;
    background-color: #8dc73f;
}

.greenNumber{
    background: #8dc73f none repeat scroll 0 0 !important;
    color: #ffffff;
}
/* propog module css stylesheet  ENDS HERE */

.clearfix:before, .clearfix:after { content: "020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* app css stylesheet */