:root {
  --footerheight: 230px;
}

/* begin theme.simple */
div#navbar.navbar-collapse.in .nav-pills>li{ /*et mobiilivaates display blockist kasu oleks*/
	float: none;	
	margin-top: 2px;
}
.navbar-collapse.in { /* et submenuud näha oleks ilma scrollita */
	overflow-y: visible !important;
	clear: both;
}
/*disable nav collapse animation */

.collapsing { 
    -webkit-transition: none;
    transition: none;
    display: none;
}

.owl-carousel .owl-item .post-inner-image img {
    display: inline;
    width: auto;
}
/* end theme.simple */

/* project specific css */
.post-text img {
	/*padding: 10px;*/
	margin: 0 10px 10px 10px;
	_border: 1px solid #ddd;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
}


#infoWin{
	overflow-y: auto;
	padding: 10px 10px;
}
#infoWin h3 {
	margin: 0 !important;
}

textarea {
	overflow-x: hidden;	
}

.menu-user-link > a{
	border: 1px solid;
}

.break-text{
  word-wrap: break-word;
  white-space: normal;
}

html, body{
	abackground: #f4f4f4;

	abackground-color: #e6e6e3;
    abackground-image: url(../img/pattern/shop-10-bg.png);
    sbackground-position: top center;
    sbackground-repeat: repeat-x;
}

.fact-border {
    border: 2px dotted #009DFF;
}

.page-header-custom-background {
    border-bottom: 1px solid #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    background: url(../img/headerbg2.png) top right;
}

.page-header-title{
	color: #aaa;
	font-weight: 200;
	font-size: 2.2rem;
	line-height: 120%;
}

.appname{
	font-weight: 200;
}

.cc {
	width: calc(100% - 10px);
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width: 1200px) {
	.cc {
		max-width: 1300px;
	}
}	

@media screen and (min-width: 768px) {
  .cc {
    width: calc(100% - 30px);
  }
}		

.cryptedmail:before {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

textarea, select, input, button, textarea:focus, select:focus, input:focus, button:focus { outline: none !important}


html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.container {
  max-width: 1198px;
}
/*
a.active, a.active:hover {
	color: #007bff !important;
}
*/

/*
iframe
{
   background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="%23CCCCCC	" x="50%" y="50%" font-family="\'Lucida Grande\', sans-serif" font-size="24" text-anchor="middle">Loading..</text></svg>') 0px 0px no-repeat;
}
*/

@keyframes scale-out-tr {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
.scale-out-tr {
  -webkit-animation: scale-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: scale-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;       
}	

@keyframes scale-out-height {
  from {     
  	 max-height: 20vh;
  	 opacity: 0;  	 
  }
  to {    
  	max-height: 0vh;  	
  	opacity: 0;
  }
}
.scale-out-height {
  -webkit-animation: scale-out-height 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: scale-out-height 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;        
}

td[align=right]{
  text-align: right;
}
.td-no-wrap td{
  white-space: nowrap;
}
/*
th.tdrotate{
  vertical-align: bottom !important;
}
div.tdrotate{ 
  width: 30px;  
  height: 30px;
  margin-left: auto; 
  white-space: nowrap;
  transform: rotate(-90deg); 
  word-break: normal !important;
  line-height:40px;
}*/

th.tdrotate{
  text-align: center;
  vertical-align: bottom !important;
  height: 200px;
  text-overflow: ellipsis;
}
div.tdrotate{
  text-align: center;
  vertical-align: middle;
  width: 20px;
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  padding-right: 0px;
  padding-top: 0px;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  text-overflow: ellipsis;  
  margin-left: auto;
}

.nanobar .bar {
  background: orange !important;
}

.nanobar {
  height: 2px;
}


@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}
.authbox {-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}

.partner-image-container{
  box-shadow: 0px 0px 5px #333;
  background: white;
  background: rgba(255,255,255,0.9);
}

.table-fixed{
  /*table-layout: fixed; teeb colid vordseks, see paha*/
  word-break: break-word
}

.pdf-content ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.pdf-content ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.pdf-content ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

.pdf-content li ol > li {
  margin: 0;
}

.pdf-content li ol > li:before {
  content: counters(item, ".") " ";
}

.timesNewRoman{
  font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}

.pdf-content{  
  font-size:1rem
}

.body .pdf-content {
  font-size:1.3rem;
}

.product-cover-img{
  height: 12rem;
  width: 100%;
  object-fit: cover;
}

.bg-stadium{ 
  position:absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: -1;
  overflow:hidden; 
}

.bg-stadium-inner{
     background: url(../img/bwwolf.jpg);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: calc(100% + 20px);
  width:calc(100% + 20px);
  margin: -10px;
}

.send-item.active{
  background: var(--primary)!important;
}
.send-item.active *{
   color: white!important;
}
/*
@media (min-width: 768px) {
  table.table-lg-truncated td, table.table-lg-truncated th {
    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    amax-width: 1px;
    

  }
  table.table-lg-truncated{
    atable-layout: fixed !important;
    awidth: 150px !important;
  }
}*/
.pane-content{
  transition: max-width 0.5s, min-width 0.5s;
}
.pane-hidden{
  max-width: 40px !important;
  min-width: 40px !important;
}

.pane-hidden .svg-container:hover, .pane-hidden .svg-container:hover svg path{
  background: var(--primary);
  stroke: var(--white);
}
.pane-hidden * {overflow:hidden}

.text-shadow{
  text-shadow: 1px 1px 2px #000000;
}

.initials {
    line-height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    font-size: 1.5rem;
    background: rgb(220, 85, 0) !important;
}

.nav:not(.nav-pills) > .nav-item > .nav-link {
  margin-top: auto;
  margin-bottom: auto;
  color: var(--dark)
}
.nav:not(.nav-pills) > .nav-item > .nav-link.active {
  color: var(--primary);
}

.nav-stacked {
  border-bottom: none;
}
.nav-stacked .nav-item > .nav-link {
  border: none;
}

.header .nav > .nav-item:not(.account-dropdown) > .nav-link:hover {
  background: #777;
  color: white !important;
}
.header .nav > .nav-item {
  display: flex;
}

html {
  overflow-y:scroll;
}

main {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

footer {
  aborder-top-color: black !important;
  aoverflow: hidden;
  position: relative;
  z-index: 1;
  height: var(--footerheight);
  max-height: var(--footerheight);
  margin-top: 200px;

}

.crooked-block:before {
  atop: -70%;
    transform: skewY(5deg);
    transform-origin: 100%;
    background-color: rgba(0,123,255,0.3);
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    bottom: -8vw;
    height: 16vw;
    max-height: 500px;
    min-height: 300px;
}

.crooked-block:after {
  atop: -70%;
    transform: skewY(5deg);
    transform-origin: 100%;
    background-color: rgba(0,123,255,0.3);
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    bottom: calc(-8vw - 50px);
    height: 16vw;
    max-height: 500px;
    min-height: 300px;
}

.crooked-curtain:before {
  transform: skewY(7deg);
    transform-origin: 100%;
    background-color: rgba(255,255,255,0.35);
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    height: 125px;
    box-shadow: 0 5px 15px white;
}

.crooked-curtain:after {
    transform: skewY(7deg);
    transform-origin: 100%;
    background-color: rgba(255,255,255,0.2);
    content: '';
    display: block;
    box-shadow: 0 5px 15px white;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    height: 75px;
}

@media only screen and (max-width: 600px) {
  #content-wrap img {
    width: 100%;
  }
}

.bg-header {
  background: #FCFCFC;
  box-shadow: 0 0 12px rgba(0,0,0,0.05);
}
.bg-card {
  background: #FCFCFC;
}

.carousel-item img {
    object-fit: cover;
}

.cta-banner {
  border-radius: 5px;
  box-shadow: 0 0 12px rgba(0,0,0,0.05);
  padding: 2rem 3rem;
  background: white;
}

.bg-shadow {
  box-shadow: 0 0 12px rgba(0,0,0,0.05);
}

.cta-banner ul { padding-left: 0; }
.cta-banner li {
  background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-config-id="auto-svg-2-5" data-path="0.0.0.0.1.1.1.1.0.0"><circle cx="10" cy="10" r="10" fill="%234F46E5" data-path="0.0.0.0.1.1.1.1.0.0.0"></circle><path d="M6 10.6667L8.66667 13.3333L14 8" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-path="0.0.0.0.1.1.1.1.0.0.1"></path></svg>') no-repeat left 7px;
  padding: 0px 0px 0px 30px;
  list-style: none;
}

.menu-border-right:not(:last-child) {
  border-right: 1px solid #eee;
}

.feedback-btn {
  position: fixed;
  display: flex;
  height: 40px;
  bottom: 20px;
  right: 20px;
  border-radius: 20px;
  border: 1px solid #AAAAAA;
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  z-index: 5;
  color: #666;
  background: #EEE;
  font-size: 0.8rem;
}