.flash-messages p {
    padding: 15px;
}

.main-menu {
    text-align: center;
}

.center-block {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    display: block;
}

section#login label, section#register label, section#corpus-form label{
    /*font-size: 1em;*/
}

section#login .password-group, section#register .password-group{
    margin-top: 15px;
}

section#login  .remember-me {
    font-size: 1em;
    margin-top: 30px;
}

section#login .buttons-row, section#register .buttons-row,  section#corpus-form .buttons-row, section#password-reset-request .buttons-row , section#password-reset .buttons-row, section#preferences .buttons-row{
    text-align: center;
    margin-top: 50px;
}
section#login .buttons-row {
    margin-top: 35px;
}


section#login .buttons-row #register-button, section#register .buttons-row #login-button {
    margin-left: 50px
}

section#login .password-reset{
    margin-top: 15px;
}

.buttons-row {
    text-align: center;
}

section#preferences .password-reset{
    margin-top: 25px;
}

section#preferences .attach-corpus-xml{
    margin-top: 25px;
}

section section{
    padding: 20px 0;
}


section.text-content ul{
    font-size: 18px;
}

section.text-content h3{
    margin-top: 0;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
  .li-mobile {
    display: none !important;
  }
  .dropdown-custom {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .li-mobile {
    display: block !important;
  }
  .dropdown-custom {
    display: none !important;
  }
}

label.mdl-textfield__label{
    margin-bottom: 0;
}

.fullwidth {
    width: 100%;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.spinner_vis {
    width: 40px;
    height: 40px;
    background-color: #333;
    position: fixed;  
    top: 50%;        
    left: 50%;       
    transform: translate(-50%, -50%); 
    z-index: 1050;    
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
  }

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

section#preferences .star-primary{
    margin-bottom: 45px;
}

.morfeusz-option{
    margin-right: 25px;
}

.morfeusz-label{
    color: #16616B; font-size: 12px; margin-bottom: 4px;
}

.chart-div{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


.statistics-div{
    max-height: 400px !important;
    height: 400px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.alert-custom {
    background: #18BC9C;
    padding: 11px;
    color: #fff;
    display: none;
}
.info-link {
    color:white;
}
.info-link:hover {
    color:white;
    text-decoration: underline;
}

.close {
    color:white;
    font-size: 23px;
    opacity: 1;
}
.mailing {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tiny-picture {
    width: 30px;
    height: 20px;
}

.error-message {
    margin-top: 100px;
}

footer {
    color: #333;
    padding-bottom: 5px;
}

footer p {
    font-size: 16px;
}