/**
 * @package     PharmaReport
 * @copyright   Copyright (C) 2014 Andreas Loukakis alou@alou.gr. All rights reserved.
 * @license     Commercial
 * 
 */

body { font-size:14px; }
a { color:#c79003;}
a:hover, a:focus { text-decoration: none;}

a:after {}

/*basic colors*/
.white {color:white;}
.whitebg {background-color:white;}
.purple {color:#ba8602;}
.lblue {color:#d9e3e6;}
.llblue {color:#f7f9fa;}
.yelow {color:#f8af3b;} 
.blue {color:#368fa9;}
.red {color:#e94b48;}
.purplebg {background-color:#7f5f98;}
.lbluebg {background-color:#d9e3e6;}
.llbluebg {background-color:#f7f9fa;}
.yelowbg {background-color:#f8af3b;} 
.bluebg {background-color:#368fa9;}
.redbg {background-color:#e94b48;}

.footersoc {padding:10px 0;}
.footer h3 {font-size:18px;}

.margintop {margin:50px 0 0;padding:10px;}
ul.nostyle {list-style: none;padding:0;margin:0;}
.haspad {padding:20px;}
.pbv a{color:white; font-size: 14px;}
.pbv a:hover{color:white;}
.pbv{
  width:15%;
  background-color: green;
  border:solid 1px #087835;
  border-radius: 10px;
  padding: 10px 5px
}

table img{width:10%;}
table tr:first-child img{
  width:15%;
}
.table{width:98%;}
table tr:nth-child(10) img{
  width:15%;
}


.oroi {
  padding:10px 0 20px 0;
  background:#f3f3f3;
}
.qrcode{

  position:absolute;
  top:.2%;
  right: 3%;
  left: auto;
}
.qrcode img{
max-width: 100%;
padding-top:3%;

}

.carouselbutton2 {
  position:absolute;
  top:45%;
  left:3.5%;
  right:auto;
 
}


.carouselbutton {
  position:absolute;
  top:2%;
  left:3%;
  right:auto;

  height:auto;


}




.carouselbutton2 img{max-width:80%;height:auto;}
.vianex img {max-width:80%;height:auto;}
.text-center{
  text-align:center;
  margin: 0;
}

#imgrc{
 width:20% !important;

}






/*homepage stuff*/
.secimage{position:absolute;top:30%;left:25%;}
.secimage img {}
.vsem .md-button {line-height: 25px;text-transform: none;padding:10px;}
.livebanner {min-height:188px;}
.livebanner img {display:block;margin:0 auto;max-width:100%;max-height: 100%;}
.speaker {padding:10px;}
.speaker span {display:block;}
.speaker .title {color:#e94b48;}
.speaker .name {font-size:22px;}
/*.speaker img {border:4px solid white;}*/
.pagebody img {max-width: 99%}
.signage.alert {max-height:150px;margin:0 auto;}

.xorigoiepi {text-align: center;vertical-align: middle;}
.xorigoiepi img {max-width: 100%;border:0;vertical-align: middle;max-height: 100px;padding:10px 5px;}
.megxor{padding: 20px 5px 100px 5px;}
.homenews ul {min-height:130px;}
.homenews ul {list-style: none;padding:0;margin:0;}
.homenews h4 {font-size:16px;}
a:focus{color:#e0a203; }
a:hover{color:#e0a203; }



.dropdown .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}
ul.sub-menu {list-style:none;margin:0;padding:10px;background-color: #ffa421;padding:0;}
ul.sub-menu a {color:white;}
ul.sub-menu li {border-top:1px solid white;padding:5px 10px;}
.dropdown .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid #D91A62;
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.dropdown .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.dropdown li .sub-menu {opacity: 0;transition:all 0.6s linear 0s;}
.dropdown li:hover .sub-menu {
    visibility: visible;
    opacity:1;
}

.dropdown li:hover .sub-menu .sub-menu {
    visibility: hidden;
}

.dropdown .sub-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown .sub-menu li:hover .sub-menu .sub-menu {
    visibility: hidden;
}

.dropdown .sub-menu .sub-menu li:hover .sub-menu {
    visibility: visible;
}

/* this will also open parent ul on hover*/
.dropdown:hover .dropdown-menu {
    display: block;
}


.usercheckin table tr:nth-child(2) {
  color:#7f5f98;
  font-size:25px;
  transition: all 0.3s linear;
}
/*circles*/
span.circle {position:relative;display:block;min-height:190px;padding:20px 0;color:white;text-align:center;}
span.circle a {color:white;font-size:18px;position:relative;z-index: 100;vertical-align: middle;line-height: 150px;}
.circle img {
  position:absolute;left:50%;margin-left:-75px;width: 150px;height: 150px;
}

.circle:hover img {
  transform: rotate(0.5turn);
  animation: hovercircles 1.5s 1;
}
.circle img { animation: nohovercircles 1s 1; }
.circlewrap{padding-bottom: 40px;}
.sxima {position:absolute;left:50%;top:0;z-index:100;margin-left:-92px;}
.lampa-full {width:183px; height:260px; background-repeat: no-repeat; background-size: cover;position:absolute;
  background-image: url(../images/2016/lampa.png);}


.sximaitem.fakos.rotate {
  animation: fakoskyklos 2s infinite;
}

.curtain {position:fixed;top:0;bottom:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index: 99;}

.optionsrow {}
.optionsrow i {margin:4px 10px 0 0;}
.optselect {padding:0 15px;color:black;}
md-tabs.md-default-theme md-tab.active { color:#0971c9; }
md-tabs.md-default-theme md-tabs-ink-bar {background: #0971c9; color:#0971c9;}
.md-button.md-default-theme.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab {background-color:#0066ad;}
.btn-group.mednomed md-checkbox,.btn-group.mednomed md-checkbox.md-primary {float:left; }
md-checkbox.md-default-theme.md-primary.md-checked:not([disabled]) .md-icon {
  background-color:#0066ad;
}
.md-button.md-default-theme.md-primary {
  color:white;text-transform: none;
  background:#368fa9;
}

a.md-button.md-primary.md-raised, a.md-button.md-primary.md-fab, .md-button.md-primary.md-raised, .md-button.md-primary.md-fab {
  color:white;
}

.md-tab {text-transform: none;}

.row {
    margin-left: 0;
    margin-right:0;
}
.navbar li a:after {
	content: "";
    color:;
    display: block;
    width: 0;
    border-bottom: 1px solid;
    margin: 0 auto;
    transition:all 0.2s linear 0s;

}
.navbar li a:hover:after {width: 80%;}
a.regibutton {
  background: #0066ad;
  border:1px solid #0f2c4f;
  padding:4px 20px;
}
.alert.ng-enter, .alert.ng-leave {
	transition: 500ms ease-in all;
	position: relative;
	display: block;
} 
.alert.ng-enter.ng-enter-active, .alert.ng-leave {
	opacity: 0;
}
.alert.ng-leave.ng-leave-active, .alert.ng-enter {
	opacity: 1;
}
/*admin specific app*/
ul.checkleft {
  list-style:none;
}
ul.checkleft li {cursor:pointer;border-bottom:2px solid #999999;margin:5px 0;max-height:43px;overflow:hidden;}
ul.checkleft li.selected {background:#cccccc;color:white;border:1px solid #cfcfcf;}
/*for angular's links that have no href attr*/
.nav a, .dropdown a, .pagination a, .carousel a, .panel-title a, .toplinks a { cursor: pointer; }
/*carousel*/
.page-header.slideshowwrap {margin:0;padding:0;}
.carousel-control {display:none;}
.carousel-control.left, .carousel-control.right {background: none;top:40%;}
.slideswrap {width:100%;height:auto;position:relative;}
.carousel-inner {height:auto;}
.carousel-inner img {width:100%;}
.carousel-caption {top:20%;padding:10px;color:#ffffff;font-size:2em;}
.carousel-caption h3 {color:#ffffff;font-size: 1.5em}
/*layout*/
h1, h2, h3 {color:#c79003;}

.headerwrap {display: block;position:relative;}

.xorigos .inner {padding:10px;}
.xorigos .inner span {border:1px solid #abaaaa;display:block;}

/*pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, 
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#6a907e;
	border-color:#333;
	color:white;
}
.pagination > li > a, .pagination > li > span {
	color:#6a907e;
}
/*active class in href tabs, to use with uiroute*/
.nav-tabs > li > a.active, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default;
}

.appcontainer .navbar-default {background: white;}

.navbar {margin-bottom:5px;}
.appcontainer .navbar {margin-bottom:0;min-height:45px;}
.appcontainer .navbar-default .navbar-collapse, .appcontainer .navbar-default .navbar-form, .appcontainer .navbar-default {
  border:0 none;
}
.appcontainer .nav.navbar-nav {padding:0 0 0 20px;}
.appcontainer .navbar-header {padding:20px 0 0;width:100%;min-height:160px;}
.appcontainer .navbar-default .navbar-nav > li > a {
  color:#0066ad;
  padding:20px;
}
.appcontainer .nav.navbar-nav li a.arxio{
  /*background-color: #cbdb62;*/ border:0; border-radius: 5px;
}
.appcontainer .nav.navbar-nav li a {color:#333;}
.appcontainer .nav.navbar-nav li a.active {color:#c79003;}
.appcontainer .nav.navbar-nav li a.active:before {}


/*footer*/
.footer {min-height:80px;padding:20px 0;margin:0;border-top:1px solid #d0d0d0;}
.footer a {text-decoration: none}
#footerlinks {width:300px;float:right;}
.credits {text-align: center}
.credits a {text-decoration:none;}
/**some common nav**/

.top-menu-wrap {margin:20px 0 0 0;}
.footer h5 {padding:0 0 0 25px;}
.navbar-nav li {padding:0 0 2px 0;}
.navbar-nav li > a:hover,
.navigation .nav li > a:focus,
.navbar li > a {
	padding:10px 15px 10px 10px;font-size:18px;
	text-decoration:none;color:#0066ad;background:none;
  outline: 0;
}
.nav-tabs > li > a:focus {outline:0 none;}
.navbar li a {font-weight:400;}
.navbar li li a, .navbar li li a:hover {font-weight:300;font-size:16px;}

.navbar-nav li.active > a {
font-weight: 700;
}
.navigation#topnav .nav li > a:hover {
}

.navigation#topnav {border:0;}


@keyframes hovercircles {
  0%   { transform: rotate(0turn); }
  100% { transform: rotate(0.5turn); }
}

@keyframes nohovercircles {
  0%   { transform: rotate(0.5turn); }
  100% { transform: rotate(0turn); }
}

@keyframes fakoskyklos {
  0%   { transform: rotate(0turn); }
  100% { transform: rotate(1turn); }
}


@media (min-width: 768px) and (max-width: 979px) {
.topicons.greenbg {background: inherit;margin:10px auto;text-align:center;}
	
}

@media (max-width: 767px) {
.topicons.greenbg {background: inherit;margin:10px auto;text-align:center;}
.mod-wrapper-menu {display:none;}	
}
@media (max-width: 480px) {

}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (min-width: 1200px) {
	
}
@media (max-width: 979px) {
	
}
@media (min-width: 980px) {
	
}
.small {
	font-size: 11px;
}



@media (max-width: 480px) {

}
@media (max-width: 768px) {
	
}
@media (max-width: 980px) {
	li.appinfo {display:none;}
  .appcontainer { padding-top:120px;}
  .container {width:880px;}
  .appcontainer .nav-tabs > li > a {padding:8px 10px;font-size:12px;}
}

@media (max-width: 1024px) {
  li.appinfo {display:none;}

}

@media (max-width: 1180px) {

  .appcontainer { }
  .appcontainer .navbar-nav li > a:hover, .navigation .nav li > a:focus, .navbar li > a {font-size:16px;}
  .appcontainer .nav.navbar-nav {padding: 0 0 0 20px;}
  .appcontainer .nav .nav-tabs a {padding:4px 7px;font-size:12px;}


}
@media (min-width: 768px) and (max-width: 979px) {
	
}

/*ipad portrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
}
@media all and (device-width: 768px) {

}
/*ipad landscape*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

}
@media (max-width: 480px) {
}
@media (max-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

}