/* global */
body { padding-top: 60px; padding-bottom: 1px; }
h2 { margin-top: 0px; }
h5 { font-size: 1.7em; color: magenta; }
h6 { font-size: 1.2em; }
small { font-size: 0.7em; opacity: 0.6; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* font awesome */
.fas { font-size: 12px; }

/* remove border */ 
.no-border { border: 0; }

/* custom colors */
.text-superlight { opacity: 0.5; }
.text-superlight:hover { opacity: 1; }

/* animations */
.fade-3 { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

/* block divider */
.divider {
  text-align: center;
  border-bottom: #e5e5e5 1px solid;
  width: 100%;
  display: block;
  margin: 20px 0 9px 0;
  overflow: hidden;
}

.divider.nospaceup { margin-top: -10px; }

/* required field */
span.required { color: #900; font-weight: bold; padding-right: 5px; }

/* navbar */
nav { margin-top: 4px; font-size: 1em; padding: 0 !important; }
nav .active > a { color: lightcoral !important; }
nav .dropdown:hover > .dropdown-menu { display: block; }
nav .dropdown-menu { margin-top: -5px; }

/* timeout bar */
#top-menu #timeout-bar { position: fixed; width: 100%; z-index: 100; padding-bottom: 3px; top: 0px;}
#top-menu #timeout-bar .progress { height: 4px; }
#top-menu #timeout-bar .progress .progress-bar { -webkit-transition: none !important; transition: none !important; }

/* animations */
.cangiante { animation: cangiante 30s linear !important; }
@keyframes cangiante { 50% { background-color: red; } }

/* logged in */
#logged_in { font-size: 0.5em; margin-top: -16px; margin-bottom: 10px; }
#logged_in span { text-transform: uppercase; }

/* editor helper */
.helper { display: block; font-size: 0.8em; color: #777; padding-right: 3px; text-transform: lowercase; }
.control-label { text-align: right; }

/* admins */
.itsme { background-color: rgba(23, 162, 184, 0.2) !important; }
.login_disabled { background-color: rgba(220, 53, 69, 0.1) !important; }
.do_search { cursor: zoom-in; }

/* editor transcription */
body#page_edit form > div { margin-bottom: 0; }
body#page_edit form textarea { margin: 10px 0; resize: none; min-height: 100px; padding: 2px 5px; }
body#page_edit form button { margin: 10px 0; }

/* show preview tooltip */
.tooltip-sp .tooltip-inner {
  max-width: 1400px;
  max-height: 600px;
  overflow-y: scroll;
  background-color: #333;
  color: #eee;
  text-align: left;
  font: 1em "Courier new";
}

/* blink animation */
.blink_me {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {  
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0.5; }
}