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

body { font-size:14px; }
a { color:#7f5f98;}
a:hover, a:focus {}

a:after {}

/*basic colors*/
.white {color:white;}
.whitebg {background-color:white;}
.purple {color:#7f5f98;}
.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;}
/*homepage stuff*/
.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;}

.homenews ul {min-height:130px;}
.homenews ul {list-style: none;padding:0;margin:0;}
.homenews h4 {font-size:16px;}

.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:20px;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; }

.sxima {position:absolute;left:50%;top:0;z-index:100;margin-left:-150px;}
.sximaitem { width:300px; height:300px; background-repeat: no-repeat; background-size: cover;position:absolute;}
.sximaitem.kitrino {background-image: url(../images/sxima-kitrino.png);}
.sximaitem.mple {background-image: url(../images/sxima-mple.png);}
.sximaitem.kokino {background-image: url(../images/sxima-red.png);}
.sximaitem.fakos {background-image: url(../images/sxima-logo-fakos.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.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:#7f5f98;}

.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 {color:#333;}
.appcontainer .nav.navbar-nav li a.active {color:#7f5f98;}
.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) {

}