/*
    NOTE: this are the shared styles between normal-mode and
    totem-mode. Please, VERIFY any change in BOTH modes!!
*/

/* -- GLOBAL SETTINGS --------------------------------------------------------- */

:root {
    --link-hover: #18bc9c;
}

body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* -- LOGIN RELATED STYLE ----------------------------------------------------- */

.switch-mode {
    position: absolute;
    left: 0.5vw;
    bottom: 0.5vh;
    font-size: 0.8em;
}

.switch-mode a,
.switch-mode a:hover {
    color: gray;
    text-decoration: none;
}

body.login {
    background: url("/static/images/background.jpg"); no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* -- GLOBAL THEME COLORS & STYLE --------------------------------------------- */

.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #444;
}

.btn:focus, .btn:active, .btn:active:focus, .btn:hover {
    outline: none;
    box-shadow: none !important;
}

.btn-primary {
    color: #ffffff;
    background-color: #617375;
    border-color: #617375;
}

.btn-primary:disabled,
.btn-primary:disabled:hover {
    background-color: #4e6163ce !important;
    border-color: #74898a !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #ffffff !important;
    background-color: #4e6163 !important;
    border-color: #74898a !important;
}

.btn-primary:active:focus {
    color: #ffffff !important;
    background-color: #334244 !important;
    border-color: #74898a !important;
}

.btn-secondary {
    background-color: #95a5a6;
    border-color: #95a5a6;
}
.custom-file {
    flex-wrap: wrap;
}

.text-sm {
    font-size: 0.9em;
}

.badge-warning {
    background-color: #f39c12;
    color: white;
    padding: 5px 7px;
}

a, button, i {
    transition: all 0.3s;
}

a {
    color: inherit;
}

a:hover {
    color: var(--link-hover);
}

h1.headline, h2.headline, h3.headline,
h4.headline, h5.headline, h6.headline {
    border-bottom: 1px solid gray;
}

.dropdown button.no-caret {
    height: 100%;
}

.content .center {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}