
.editableform {
    margin-bottom: 10px;
}

/* ------------------------------------------------- */
/* basic stuff                                       */
/* ------------------------------------------------- */
p,
li,
li a,
label {
    color: #555;
}

a {
    color: #007c00;
    text-decoration: none;
}

.a-accentuate {
    color: #007c00;
    font-weight: 600 !important;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
    outline: 0 !important;
}

a:focus {
    text-decoration: none;
}

a:hover {
    color: #007c00;
    text-decoration: underline;
}

* {
    border-radius: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    color: #333;
    font-size: 1rem;
    line-height: 1.6;
    padding-top: 100px;
    margin-bottom: 183px;
    height: 100%;
}

.content > .row {
    margin-left: 0;
    margin-right: 0;
}

.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

/* ------------------------------------------------- */
/* tables, data table search                         */
/* ------------------------------------------------- */
input, .table-search {
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}

table.dataTable {
    border-collapse: collapse !important;
}

.force_wrap {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}


table.datatable_thin td {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

/*synonym table*/
.left0 {
    padding-top: 0rem;
    padding-bottom: 0.2rem;
    padding-left: 0rem;
    padding-right: 0.6rem;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d;
}

.pagination .page-item .page-link {
    color: #007c00;
}

.pagination .page-item.active .page-link {
    background-color: #c5e6a8;
    border-color: #c5e6a8;
    color: #007c00;
}

.table-border-left {
    border-left: 4px solid;
    padding-bottom: 15px;
    padding-top: 15px;
}

/* ------------------------------------------------- */
/* font stuff                                        */
/* ------------------------------------------------- */
.text-light {
    font-weight: 200;
}

.text-monospace {
    font-family: "Lucida Console", Monaco, monospace;
}

.text-normal {
    font-weight: 400;
}

.text-bold {
    font-weight: 700 !important;
}

.flag_yes {
    color: #007c00
}

.flag_no {
    color: #c65423
}

.flag_disabled {
    color: #7f8c8d
}

.accent_turquoise {
    /*color: #00a7bf;
    color: #194372;*/
    color: #1f7798;
    /*color: #2291ac;*/

}

.accent_green {
    /*color: #72c02c;*/
    color: #007c00;
}

.accent_red {
    /*color: #72c02c;*/
    color: #dc3545;
}

.accent_grey {
    color: #a5a5a5;
}

/* ------------------------------------------------- */
/* headings                                          */
/* ------------------------------------------------- */
.font-open-sans {
    font-family: "Open Sans", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin-top: 15px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Open Sans", Arial, sans-serif;
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
    margin-right: 5px;
}

h1 {
    color: #000;
    font-size: 34px;
    line-height: 35px;
    margin-top: 54px;
    margin-bottom: 54px;
}

h2 {
    font-size: 24px;
    line-height: 33px;
}

h3 {
    font-size: 20px;
    line-height: 27px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5 {
    font-size: 16px;
    line-height: 20px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
}

.gcard-title {
    font-size: 18px;
}

.card {
    margin-bottom: 20px
}

/* ------------------------------------------------- */
/* footer                                            */
/* ------------------------------------------------- */
.footer {
    width: 100%;
    text-align: left;
    border-top: none;
    position: absolute;
    bottom: 0;
    height: 183px;
}

@media (max-width: 576px) {
    .footer {
        height: 143px;
    }
}

.footer > hr {
}

.footer p {
    color: #eee;
}

.footer-logo {
    padding: 1rem 2rem 1rem 2rem;
}

@media (min-width: 768px) {
    .footer-logo {
        padding: 1rem 10rem 1rem 10rem;
    }
}

.footer-bottom {
    background-color: #343a40;
    padding: 15px 15px 0px 15px;
}

.footer .row {
    margin-left: 0;
    margin-right: 0;
}

/* ------------------------------------------------- */
/* navigation                                        */
/* ------------------------------------------------- */
.nav .nav-link {
    padding: 0;
}

.nav-title {
    font-size: 1.2em;
    color: #0cf;
}

.home-green {
    color: #72c02c;
    padding-right: 15px;
}

.nav-login-symbol {
    color: #00a7bf
}

@media (min-width: 768px) {
    .navbar-brand {
        margin-right: 7rem;
    }
}

.brand-gloria {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.nav-tabs .nav-link {
    padding: .5em 1em;
}

.nav-link.active {
    color: #00a7bf !important;
}


.nav-fixed {
    padding-bottom: 0px;
    padding-top: 0px;

}

.container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1500px;
}

.content main {
    /*padding-left: 10rem;
    padding-right: 10rem;*/
}

.navbar-expand-md .navbar-nav > li.dropdown:hover > a,
.navbar-expand-md .navbar-nav > li.dropdown:hover > a:hover,
.navbar-expand-md .navbar-nav > li.dropdown:hover > a:focus {
    color: rgb(85, 85, 85);
}

li.dropdown:hover > .dropdown-menu {
    /*display: block;
    color: rgba(255,255,255,.7);*/
}

.dropdown-menu {
    background-color: #343a40;
    border-color: #343a40;
    margin: 0;
}

.dropdown-menu, .navbar-toggle {
    border-radius: 0;
}

.dropdown-item {
    color: rgba(255, 255, 255, .7);
}

/* ------------------------------------------------- */

.sidebar-left {
    margin-top: 5px;
}

.sidebar-sub::before {
    font-family: "Font Awesome 5 Free";
    content: " \f0da"; /* triangle */
    font-weight: 900;
}

.sidebar-sub {
    padding-left: 30px !important;
    text-indent: -9px !important;
}

.sidebar-sub.active {
    border-color: #dcffbc;
    background-color: #dcffbc;
}

.list-group-header {
    background-color: #343a40;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom: 2px solid black;
    color: #00a7bf !important;
    padding: .75rem 1.25rem;
}

.list-group a {
    color: #555;
}

.list-group-item.active {
    border-color: #c5e6a8;
    background-color: #c5e6a8;
    color: #555;
}

i {
    margin-right: 5px;
}

.scroll-to-top i {
    margin-right: 0px;
}

.list-group-item:hover {
    color: #007c00;
    text-decoration: underline;
}

.profile-img {
    display: block;
    margin: 5px auto;
}

/* ------------------------------------------------- */
nav.card-title {
    font-size: 24px;
    line-height: 33px;
    margin-top: 15px;
    color: #555;
    font-family: "Open Sans", Arial, sans-serif;
}

.breadcrumb {
    top: 0;
    padding: 0.25rem 1rem;
}

.breadcrumb-item a {
    color: #72c02c;
}

.breadcrumb-item a[data-name="title"], .breadcrumb-item a[data-name="name_first"] {
    margin-right: 0.5rem;
}

.tab-content {
    margin-top: 1em;
}

.modal-1000 {
    width: 1000px;
}

/* ------------------------------------------------- */
/* scroll-to-top                                     */
/* ------------------------------------------------- */
.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
    z-index: 99;
}

.scroll-to-top:focus, .scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #343a40;
}

.scroll-to-top i {
    font-weight: 800;
}

/* ------------------------------------------------- */
/* lists                                             */
/* ------------------------------------------------- */
ul {
    list-style: none;
    padding: 0;
}

.li-aims {
    padding: 1em 1.6em 0em 1.6em;
    text-align: justify
}

.li-aims:before {
    content: "\f14d";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: -1.6em;
    width: 1.3em;
    font-weight: 900;
}

.li-question {
    padding: 1em 1.6em 0em 1.6em;
    text-align: justify
}

.li-question:before {
    content: "\f128";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: -1.6em;
    width: 1.3em;
    font-weight: 900;
}


.li-history {
    list-style-type: disc;
    padding-left: 3em;
    margin-left: 4em;
    text-align: justify;
}

.li-disc {
    list-style-type: disc;
    padding-left: 0em;
    margin-left: 4em;
}


/* ------------------------------------------------- */
/* Buttons                                           */
/* ------------------------------------------------- */
.btn-primary {
    background-color: #95a5a6;
    border-color: #95a5a6;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #7f8c8d;
    border-color: #7f8c8d;
}

.btn-assign-menu {
    color: white;
    background-color: #95a5a6;
    border-color: #95a5a6;
    margin-right: 10px
}

.btn-assign-menu:hover,
.btn-assign-menu:focus,
.btn-assign-menu:active {
    color: white;
    background-color: #808080;
    border-color: #808080;
}

.btn {
    padding: 0.5rem 1rem;
}

.btn-sm {
    padding: 3px 12px;
}

.col-direction {
    padding: 0px;
}

.tab-content {
    margin-top: 1em;
}

.a-btn {
    color: #555;
}

.a-btn:hover,
.a-btn:focus,
.a-btn:active {
    color: #7f8c8d;
}

/*
.btn_180 {
    width: 180px;
}
*/
.btn-16rem {
    width: 16rem;
}

.btn-group > .btn {
    border-color: #aaaaaa;
}

/* ------------------------------------------------- */
/* stuff only used on home-side                      */
/* ------------------------------------------------- */
.home-card figure {
    position: relative;
}

.home-card {
    max-width: 1140px;
    margin: auto;
}

.home-card figcaption {
    color: black;
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    bottom: 0;
    right: 0;
    margin: 1.2em;
    padding: 0 5px 0 5px;
}

.gloria-titel {
    font-size: 2.2em;
    color: #0f0f23;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 3px;
    padding: 2em 0 2em 0;
}

@media (max-width: 768px) {
    .gloria-titel {
        visibility: hidden;
    }
}

.home-card {
    margin-top: 0.2em;
    border: 0;
}

/*------------------------------------
other text stuff
------------------------------------*/
.margin-consistency {
    margin-left: 20px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.row .narrow .col .form-group {
    margin-bottom: 0;
}

.vertical-text {
    transform: rotate(90deg);
}

.panel-title {
    color: black;
}

fieldset.narrow {
    padding-top: 5px;
}

th {
    text-align: inherit !important;
}

.normal-head > th {
    font-weight: normal;
}

.txt-hanging {
    text-indent: -40px;
    padding-left: 40px;
}

.txt-hanging-history {
    text-indent: -38px;
    padding-left: 38px;
}

.txt-hyphens {
    hyphens: auto;
}

.txt-initiale {
    font-size: 2em;
    color: #1c1c3c;
}

.txt-synomyms {
    padding-left: 2.5em;
    list-style: none;
    font-size: 0.85em;
}

.txt-padding-2 {
    padding-top: 2em;
}

.txt-padding-15 {
    padding-top: 1.5em;
}

.txt-padding_bottom_15 {
    padding-bottom: 1.5em
}

.txt-red {
    color: #f44250
}

.vertical-center {
    vertical-align: middle !important;
}

/*  carousel - fading; not used because still under construction*/

.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
        opacity: 0;

    }

    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
        opacity: 0;

    }

    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
        opacity: 1;

    }
}


/*Tables
------------------------------------*/
/*Basic Tables*/
/* .table thead > tr > th {
    border-bottom: none;
}

@media (max-width: 768px) {
    .table th.hidden-sm,
    .table td.hidden-sm {
        display: none !important;
    }
}*/

/*Forms
------------------------------------*/
.form-control {
    box-shadow: none;
    border-radius: 0;
}

.input-group-addon {
    border-radius: 0;
}

.form-control:focus {
    border-color: #bbb;
    box-shadow: 0 0 2px #c9c9c9;
}

.form-control.is-invalid + .select2-container .select2-selection {
    border-color: #dc3545
}

/*Form Icons*/
.input-group-addon {
    color: #b3b3b3;
    font-size: 14px;
    background: #fff;
}

.checkbox-vegetation {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.gloria-textarea {
    width: 100%;
}


/*Button Styles
------------------------------------*/
.btn {
    box-shadow: none;
    border-radius: 0;
}

.btn-u {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #72c02c;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

.btn-u:hover {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.btn-u.btn-block {
    text-align: center;
}

.btn-u-sm,
a.btn-u-sm {
    padding: 3px 12px;
}

.btn-u-md,
a.btn-u-md {
    padding: 10px 20px;
}

.btn-u-lg,
a.btn-u-lg {
    font-size: 18px;
    padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
    font-size: 12px;
    padding: 2px 12px;
    line-height: 18px;
}

.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
    background: #5fb611;
}

.btn-u.btn-u-blue {
    background: #3498db;
}

.btn-u.btn-u-blue:hover,
.btn-u.btn-u-blue:focus,
.btn-u.btn-u-blue:active,
.btn-u.btn-u-blue.active,
.open .dropdown-toggle.btn-u.btn-u-blue {
    background: #2980b9;
}

.btn-u.btn-u-default {
    background: #95a5a6;
}

.btn-u.btn-u-default:hover,
.btn-u.btn-u-default:focus,
.btn-u.btn-u-default:active,
.btn-u.btn-u-default.active,
.open .dropdown-toggle.btn-u.btn-u-default {
    background: #7f8c8d;
}

.btn-u.btn-u-aqua {
    background: #27d7e7;
}

.btn-u.btn-u-aqua:hover,
.btn-u.btn-u-aqua:focus,
.btn-u.btn-u-aqua:active,
.btn-u.btn-u-aqua.active,
.open .dropdown-toggle.btn-u.btn-u-aqua {
    background: #26bac8;
}

.btn-u.btn-u-dark {
    background: #555;
}

.btn-u.btn-u-dark:hover,
.btn-u.btn-u-dark:focus,
.btn-u.btn-u-dark:active,
.btn-u.btn-u-dark.active,
.open .dropdown-toggle.btn-u.btn-u-dark {
    background: #333;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
    color: #555;
    background: none;
    padding: 5px 13px;
    border: solid 1px transparent;
}

.btn-u.btn-brd:hover {
    background: none;
}

.btn-u.btn-brd:focus {
    background: none;
}

.btn-u.btn-brd.btn-brd-hover:hover {
    color: #fff !important;
}

.btn-u.btn-brd {
    border-color: #72c02c;
}

.btn-u.btn-brd:hover {
    color: #5fb611;
    border-color: #5fb611;
}

.btn-u.btn-brd.btn-brd-hover:hover {
    background: #5fb611;
}


.badge,
.label {
    border-radius: 0;
}

.panel,
.panel-heading,
.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    color: #fff;
    padding: 5px 15px;
}


.overflow-h {
    overflow: hidden;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0;
}

.color-green {
    color: #72c02c;
}


.rounded {
    border-radius: 4px !important;
}

.editableform {
    display: block;
}

.editable-error-block {
    color: #dc3545;
}


/* x-editable input width */

.width_70px {
    width: 70px !important;
}

.editable_synonyme{
   width: 1000px !important;
}

/* New Plot FRE & CAL */

.FRE_CAL {
    opacity: 0.7;
}

/* Create Region row space in summit section*/
.top-buffer { margin-top:20px; }
