body,
html {
background: no-repeat fixed center ;
height:100%; width:100%;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.1) 100%), url(https://metrodepot.sstoyanov.eu/assets/img_depo/depoObelya.jpg);
position:relative;
/*background-color: #000;*/
}
.form-control {
cursor:pointer;
}
.header{
background-color:#c3c3c3;
text-align: center;
right:0;
}
.header img{
height:40px;
}
.navbar {
background-color:#80bfff;
border-color: #ffffff;
}
.navbar-header .navbar-brand, .container-fluid .navbar-text, #exitDB, #downloadDB {
color:black;
}
/*
#movingText {
position: relative;
-webkit-animation: moveit linear 10s infinite;
animation: moveit;
animation-timing-function: linear;
animation-duration: 10s;
animation-iteration-count: infinite;
}
@-webkit-keyframes moveit {
from {right: -20%;}
to {right: 20%;}
}
@keyframes moveit {
from {right: -20%;}
to {right: 20%;}
}*/
/*
.navbar-right {
margin-right:20px;
}*/
.modal-header{
background-color: #80bfff;
/*background-color: #D4AF37; /*#fff5cc;*/
color:#fff;
text-align: center;
font-size: 20px;
/* font-family:Quintessential, cursive;
font: 400 40px/1 'Great Vibes', Helvetica, sans-serif;
font-family: 'Great Vibes', Helvetica, sans-serif;*/
}
.close{
font-size: 30px;
}
.modal{
overflow: auto;
position:fixed;
/*max-height:850px;
height:100%;
width:100%*/
}
.modal-body{
background-color:#c3c3c3;
overflow-y: auto;
color:#000;
}
.modal-content{
overflow-y: auto;
}
.modal-footer {
background-color: #80bfff;
height:70px;
text-align: center;
}
.modal .modal-sm{
font-size: 20px;
overflow-y: auto;
}
.modal-header-wc{
background-color: #ff0000;
color:#fff;
text-align: center;
font-size: 20px;
/*font: 400 10px/1 'Great Vibes', Helvetica, sans-serif;
font-family: 'Great Vibes', Helvetica, sans-serif;*/
}
.modal-footer-wc{
background-color:#ff0000;
text-align: center;
}
.modal-header-ok{
background-color: #009900;
color:#fff;
text-align: center;
font-size: 20px;
}
.modal-footer-ok{
background-color:#009900;
text-align: center;
}
.modal-header-wd{
background-color: #cca300;
color:#fff;
text-align: center;
font-size: 20px;
}
.modal-footer-wd{
background-color:#cca300;
text-align: center;
}
.form-group{
opacity: 1;
}
.panel-default{
background: none;
padding: 3px;
}
.panel-body-second{
padding: 5px;
/* border-style: groove; */
}
#moveTrain {
width: 1100px;
height: 600px;
background: no-repeat url(https://metrodepot.sstoyanov.eu/assets/img_depo/fasttrain.png);
position: relative;
animation: trainfast;/*IE */
animation-duration: 3s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: ; /* infinite*/
-webkit-animation: trainfast 3s linear 2s ; /*<-- Safari , Chrome, Mozilla + infinite*/
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
-ms-animation-delay: 2s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes trainfast {
from {right: -100%;}
to {right: 100%;}
1% {opacity:1; }
99%{opacity: 1; }
100% { opacity: 0;}
}
/* Standard syntax */
@keyframes trainfast {
from {right: -100%;}
to {right:100%;}
1% { opacity:1 }
99%{opacity: 1; }
100% { opacity: 0;}
}
.moveForm {
z-index: 1;
position: relative;
-webkit-animation: enterform 4s ;/* Safari , Chrome, Mozilla */
animation: enterform 4s ;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes enterform {
from {right: -100%;}
to {right: 0%;}
}
/* Standard syntax */
@keyframes enterform {
from {right: -100%;}
to {right: 0%;}
}
.container{
color:#80bfff;
padding:10px;
padding-bottom:70px; /* !!!Height of the footer+10px */
overflow: hidden;
}
.container h2, h3, p{
text-align: center;
}
/*Datepicker starts here*/
.ui-datepicker {
background-color: #fff;
border: 1px solid #66AFE9;
border-radius: 4px;
box-shadow: 0 0 8px rgba(102,175,233,.6);
display: none;
margin-top: 4px;
padding: 10px;
width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
color: #2A6496;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
margin-bottom: 4px;
text-align: center;
}
.ui-datepicker .ui-datepicker-title {
font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
cursor: default;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 1;
margin-top: 2px;
width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
float: left;
text-align: left;
}
.ui-datepicker .ui-datepicker-next {
float: right;
text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
content: "\e080";
}
.ui-datepicker .ui-icon {
display: none;
}
.ui-datepicker .ui-datepicker-calendar {
table-layout: fixed;
width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
text-align: center;
padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
border-radius: 4px;
-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
background-color: #eee;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
background-color: #fff;
cursor: default;
}
/*Datepicker ends here*/
footer {
position:fixed;
bottom:0;
width:100%; height:60px;
padding: 10px 0px;
background-color:#003380;
color: white;
}
a.email-address {
color:white;
}