html, body {
    min-height: 100%;

}

.page_header {
    padding-top: 82px;
}

body {
    background: #a1b5d9;
    margin-bottom: 100px;
}

.form_pannel {
    background: #ffffff;
    font-weight: 500;
    font-size: 1.1rem;
}
.form_pannel .header_row {
    min-height: inherit;
}

.main_header {
    background: #efefef;
    font-size: 16px;
    font-weight: 500;
}

.form-group .form-control, .input-group .form-control {
    background: white;
}

.bg-navbar {
    background: #7496c7;
}

.hidden {
    display: none;
}

.fab_custom {
    font-size: 17px;
}

.fab_corr {
    font-size: 16px;
    left: 54% !important;
}

.border_bottom {
    border-bottom: 1px #ccc solid;
}
.margin_bottom {
    margin-bottom: 15px;
}

.form-group input[type=file] {
    opacity: initial;
    position: relative;
    background: white;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px;
    }
}

.clearablefileinput~.invalid-feedback {
    display: block;
}

.btn-success {
    background-color: #25b31e;
    color: #FFFFFF;
}
.btn.btn-icon, .navbar .navbar-nav>a.btn.btn-icon {
    line-height: 2.375rem !important;
}

.tooltip-inner {
    max-width: 700px;
}

.form-control {
 font-size:1em
}
input[type="color"] {
    padding: 0px !important;
}

.form-check .form-check-sign::before, .form-check .form-check-sign::after {
    background-color: white !important;
}

.no_margin{
    margin: 0;
}

.list_button {
    background: none !important;
    border: none;
    padding: 0px 3px !important;
    color: #326599;
    cursor: pointer;
}

.list_button:hover {
    color: #141431;
}

.color_input{
    height: 35px;
}


.dropdown_accodion_arrow{
    margin-right: 0px;
    float: right;
    font-size: 15px;
}

.navbar_dropdown_accordion a[data-toggle=collapse][aria-expanded=true] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg);
}

.navbar_dropdown_accordion a[data-toggle=collapse] i {
    transition: all .3s ease 0s;
}

.navbar-nav .dropdown-menu {
    min-width: 285px;
}

.navbar-nav .dropdown-item {
    font-size: 1rem;
}

.main_container {
    max-width: 1400px;
}

.border_bottom {
    padding-bottom: 1.2em;
}


.navbar .navbar-nav .nav-link:not(.btn) {
    font-size: 1rem;
}

.navbar .navbar-brand {
    font-size: 1.3rem;
}

.nav-tabs {
    border: 0;
    margin: 15px 0px;
    padding: 0;
    background: #efefef;
    border-bottom: 4px solid #F2C453;
    border-radius: 3px;
}

.nav-tabs > .nav-item > .nav-link {
    border-radius: 3px;
    padding: 11px 18px;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    color: #4c4c4c;
}

.nav-tabs > .nav-item > .nav-link.active {
    background-color: #F2C453;
    border-radius: 3px;
    font-weight: bold;
}

.nav-tabs > .nav-item > .nav-link:hover {
    border-radius: 3px;
}

h5 {
  display: block;
  font-size: 1.1em;
  margin-top: 1.2em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h6 {
    font-size:1.1em;
    margin-top: 1.2em;
    margin-bottom: 0.67em;
    text-transform: inherit;
    font-weight:bold;
}

.datatable {
    background: #ffffff;
    padding: 30px;
    font-size: 1em;
}

.datatable .top {
    background: #efefef;
}

.datatable .top .input-group{
    padding-right:20px;
}

.datatable .form-row{
    background-color: #efefef;
}

.datatable .dataTables_scroll {
    border-style: solid;
    border-width: 2px;
    border-color: lightgray;
}

.table thead tr th{
    font-size: 1.0em;
    font-weight: 300;
}

.list_table {
    font-size: 0.8em;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: darkgray;
    border-radius:3px;
}

.list_table thead {
        background-color: #F2C453;
}

.list_table thead tr th {
        font-weight: bold;
}

.table-distance-to-buttons {
    padding-top:3em;
}

.textinput:required {
    background-color: #F6D75F;
}

.dateinput:required {
    background-color: #F6D75F;
}

.numberinput:required {
    background-color: #F6D75F;
}

.emailinput:required {
    background-color: #F6D75F;
}
.passwordinput:required {
    background-color: #F6D75F;
}

.select:required {
    background-color: #F6D75F;
}
.mfa-request-info.phonenumber:required {
    background-color: #F6D75F;
}

.textInput[readonly] {
    background-color: #555555;
}

.textinput[readonly] {
    background-color: #555555;
}

.dateinput[readonly] {
    background-color: #555555;
}
.numberinput[readonly] {
    background-color: #555555;
}
.passwordinput[readonly] {
    background-color: #555555;
}

.emailinput[readonly] {
    background-color: #555555;
}

.select[readonly] {
    background-color: #555555;
}

.mfa-request-info.phonenumber[readonly] {
    background-color: #555555;
}

.side_pannel input {
    margin-bottom:20px;
    line-height:40px;
    width:100%;
}

.side_pannel {
    border-right: 1px #ccc solid;
    background: #efefef;
    font-size: 1rem;
}

.sidebar_object_list {
    max-height:700px;
    overflow:auto;
    border-color:lightgrey;
    border-width:1px;
    border-radius: 3px 3px 3px 3px;
    background-color: #ffffff;
}
.sidebar_object_list li.active{
    font-weight: bold;
}

.sidebar_object_list li.self:after{
    content: " (ich)";
}


.container{
    padding-right:0px;
    padding-left:0px;
    border-radius:3px;
}

.cardsContainer::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.cardsContainer::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(246, 181, 53, 1);
  }

.cardsContainer::-webkit-scrollbar-thumb {
    background-color: lightblue;
    outline: 1px solid slategray;
}

.card {
    height: calc(100% - 30px);
    background-color: white;
}

.card-body {
    background-color: #efefef;
}

.category,
.card-category {
    text-transform: capitalize;
    font-weight: 400;
    color: #ffffff;
    font-size: 0.7142em;
}

.card-category {
    font-size: 1em;
}

p.task_buttons_p {
    font-size:1em;
}

a {
    font-size:1em;
}

.index_table {
    background-color: white;
    border-style: hidden;
    border-width: 1px;
    border-color: darkgray;
    border-radius:3px;
    margin-top:15px;
}

.index_table2 .table th, .index_table2 .table td {
    border-top: 0px;
}

.index_table2  {
    background-color: #efefef;
    border-radius:3px;
    margin-top:10px;
}

.index_table thead tr th {
        font-weight: bold;
}

.index-custom-select {
    margin-top:16px;
    margin-bottom:0px;
    font-weight:bold;
    font-size:1.1em;
    border-style:hidden;
    border-radius:3px;
    -moz-appearance: none;
    background: none !important;
}

.input-group {
    margin-top:0px;
    margin-bottom:0px;
}

.input-group-append {
    background-color: #436692;
}

.custom-select .input-group-append {
    border-style:hidden;
    border-radius:3px;
    height:35px;
    color:white;
}

.news {
    line-height: 1.6em;
    font-size: 0.85em;
    padding: 0px 15px 15px;
    background-color: #efefef;
    margin-bottom:15px;
    border-radius:3px;
}

.fontsize1em p {
    font-size:1em;
    line-height:2em;
}

.map {
    border-style: solid;
    border-width: 2px;
    border-radius: 3px;
    border-color: darkgray;
}

.dataTables_wrapper .top {

            display:flex;

            justify-content:space-between;

            align-items:center;

}



.dataTables_wrapper .top label {
            margin-bottom:0;

}

.dataTables_wrapper .top .col-md-2 {
    padding:0;
}

.fake-field {
	width: 100%;
	border:0;
	padding:0;
	border: 1px solid #E3E3E3;
	padding:0 0 0 1rem;
	background: none;
	border-radius: 4p;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fake-field label {
	background: #F6D75F;
	margin:0 2px 0 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex:0 1 200px;
	color:#fff;
	cursor: pointer;
	border-radius: 4px;

}
.fake-field label:hover {
	background: #2f4168;
}

.fake-field .input[type="file"] {
	display: none;
}
.form-group .fake-field input[type="file"] {
    display: none;
}

.accordion div.card-header button[aria-expanded="true"]  .arrows-1_minimal-up {
    display: none;
}

.accordion div.card-header button[aria-expanded="false"] .arrows-1_minimal-down {
    display: none;
}

.revoked {
      text-decoration: line-through;
}

.fadeout {
    opacity: 1;
    animation: fade-out-anim 1s ease-out .5s forwards;
}

@keyframes fade-out-anim {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.list-actions {
    position: relative;
}

.list-actions span {
    display: inline-block;
    position: relative;
    top: 0;
}

.list-actions button[disabled] {
    cursor: default;
    color: var(--gray);
}

.list-actions button[disabled]:hover{
    color: var(--gray);
}