/**
 * Applikation CSS
 *
 * Main Styles
 *
 * @author		Ernst Wilhelm Holl
 * @link		5gradsued.de
 * @since		Version 1.0
 * @requires	Bootstrap getbootstrap.com
 */

/** font definition */

#frame {
    min-height: 100%;
    /*	height: 100%;	*/
    margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
}

#maincontent {
    margin: -93px 0 -33px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	overflow-x: hidden;
}


#maincontent:before {
    content: "";
    display: block;
    height: 93px;
    width: 100%;
}

#maincontent:after {
    content: "";
    display: block;
    height: 33px;
    width: 100%;
}

#content {
    /*width: 1000px;*/
    width: 100%;
    max-width: 98%;
    max-width: -webkit-calc(100% - 100px);
    max-width:    -moz-calc(100% - 100px);
    max-width:         calc(100% - 100px);
    margin: auto;
    margin-left: 70px;
    margin-right: 15px;

    margin-top: 58px;
    padding: 7px 15px;
    padding: 7px 0px;
    min-height:90vh;
    /* border:1px #000 solid; */
}


/** screen definition */

.fixed-1, .fixed-2, .fixed-3 {
    position: fixed;
    left: 0px;
    z-index: 999;
}

.fixed-1 {
    top: 0px;
    width: 100%;
}
.fixed-1 .container-fluid {
	padding-left: 35px;
}
.fixed-2 {
    top: 70px;
}

.fixed-3 {
    bottom: 0px;
}
.fixed-height-25 {
    height: 25vh;
    overflow-y: scroll;
}
.fixed-height-40 {
    height: 40vh;
    overflow-y: scroll;
}
.error {
	border: 1px solid red;
}
.error::placeholder {
	color:red;
}

/** backgrounds */
.bg-progress {
    background-color: #9f9 !important;
}
.bg-finished {
    background-color: darkgreen !important;
    color: #fff;
}

/** main navigation */
.navbar {
    height: 50px !important;
    margin-bottom: 6px;
    border-radius: 0px;
}

.menu-navi-width {
    min-width: 181px !important;
}
nav.fixed-1 {
    border-bottom: 1px solid #8c3838;
    background: #FFF;
}
nav.fixed-1 .navbar-brand img {
    max-height: 20px;
    max-width: 100%;
    margin: 2px;
}
.nav-tabs-gfc {
    border-bottom: 1px solid #8c3838;
}
.nav-tabs-gfc .nav-link {
    padding: .25rem 0.5rem;
    color: #343a40;
    background: transparent;
}
.nav-tabs-gfc .nav-link.active {
    background: rgb(173, 181, 189);
    border-color: #8c3838;
    border-bottom: none;
}
.nav-icon .nav-link span.badge {
    top: -7px;
    position: relative;
    right: 7px;
    font-size: .6rem;
}
.nav-pills .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: transparent;

    border-radius: 0px;

    padding-left: 2px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000;
    border-bottom: 1px solid #1D2939;
}
/*
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.nav-item .dropdown-item
{
    color: #8c3838;
}
*/
.navbar-light .navbar-nav .nav-link i,
.navbar-light .navbar-nav .nav-link:hover i,
.navbar-light .navbar-nav .nav-link:focus i
{
    color: #1D2939;
}
.nav-item .dropdown-item {
    color: rgba(0, 0, 0, .5);
}
/** main navigation dropdowns */
.dropdown-menu {
    padding: 0px 0px 0px 0px;
    margin: -1px;
    /*width: 161px;  raus weil der Datepicker sonst komisch wird */
}

#frame .dropdown-menu {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    margin: 0px;
}

/** accordion */
#accordion_container  {
    margin-top: 5px;
}
#accordion_container .card {
    margin-bottom: 5px;
}
#accordion_container .card, #accordion_container .card-header, #accordion_container .card-header button {
    background: transparent;
    color: #343a40;
    text-decoration: none;

}
#accordion_container .card-header {
    padding: 0.25rem;
}
#accordion_container .body {
    padding: 1rem;
}


/** tabs */
.tab-content {
    padding-top: 10px;
}

/** modal */
#edit_modal, #files_edit_section, #task_modal, #main_search_modal, .wide-screen-modal {
    padding-right: 0px !important;

}

.wide-screen-modal .modal-dialog,
#edit_modal .modal-dialog,
#task_modal .modal-dialog,
#main_search_modal .modal-dialog,
#files_edit_section .modal-dialog {
    max-width: 90vw;
    margin: 50px 0px auto auto;

}
.wide-screen-modal.modal-header,
#edit_modal .modal-header,
#task_modal .modal-header,
#main_search_modal .modal-header,
#files_edit_section .modal-header {
  background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid #1D2939;
}

.wide-screen-modal .modal-body,
#edit_modal .modal-body,
#task_modal .modal-body,
#main_search_modal .modal-body,
#files_edit_section .modal-body {
  overflow-y: scroll;
}

.wide-screen-modal .modal-content,
#edit_modal .modal-content,
#task_modal .modal-content,
#main_search_modal .modal-content,
#files_edit_section .modal-content {
    height: 95vh;
    border-radius: 0px;
}
.wide-screen-modal .modal-content,
#edit_modal .modal-content,
#main_search_modal .modal-content,
#files_edit_section .modal-content {
    border-left: 2px solid #1D2939;
    border-radius: 0px;
}
#main_edit_modal .tui-colorpicker-palette-toggle-slider {
    background: transparent;
    border: 1px solid #8c3838;
    border-radius: 4px;
    font-size: .875rem;
}
#main_edit_modal .tui-colorpicker-palette-hex, #main_edit_modal .tui-colorpicker-palette-preview {
    display:none;
}

#contract_modal #invoice_edit,
#contract_modal #contract_module_edit {

    z-index: 1060;
    position: absolute;
    background: #fff;
    width: 98%;
    right: 15px;
}
#edit_modal #room_edit, #edit_modal #room_device_edit {

    z-index: 1060;
    position: absolute;
    background: #fff;

}
/** tasks */

.task-info {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 8px;
    margin-left:10px
}
.task-info.warning {
    border-left: 2px solid #e67300;
}
.task-info.danger {
    border-left: 2px solid #b62c2c;
}
.task-info a {
    color: #000;
    text-decoration: none;
}
/** form elements */

.custom-select,
.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #8c3838;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
   #width: 98%;
}

.select2-container--default #select2-main_institution_select-results .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: inherit;
}
.select2-container--default #select2-main_institution_select-results .list-group-item {
    padding: 0.75em;
}
.select2-container--default #select2-main_institution_select-results .list-group-item table td {
    padding: 0.25rem;
}

#select2-main_institution_select-results {
    max-height: 30vh;
}
/** tables */
.table-gfc-sm th, .table-gfc-sm td {
padding: 0.25rem;
}
.table-gfc-sm.datatable th, .table-gfc-sm.datatable td {
padding: 0.75rem;
}



/** room editing image gallery */
#file_gallery .item {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

#file_gallery .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 85%;
    border-radius: 4px;
}

#file_gallery .item:hover img {
    opacity: 0.3;
    cursor:pointer;
}

#file_gallery .item:hover .middle {
    opacity: 1;
}

#file_gallery .figure-text {
    background-color: #8c3838;
    color: white;
    font-size: 12px;
    padding: 7px;
    cursor:pointer;
}

/** image zoom */
.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 106px;
    height: 60px;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 530px;
    height: 300px;
}

/** image editing */
.tui-image-editor-header-logo, .tui-image-editor-header-buttons div:first-child, .tui-image-editor-header-buttons button:first-child {display:none}
.tui-image-editor-download-btn, #gfc_download_button, #gfc_tui_cancel_button {
    color: rgb(103, 106, 108) !important;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: inherit !important;
    background-color: #e7eaec !important;
    border-radius: 2.6px !important;
    border: 1px solid #e7eaec !important;

    margin-left: 3px !important;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    width: auto;
    height: auto;

}
#gfc_tui_cancel_button:hover,
#gfc_download_button:hover {
    background-color: rgb(173, 181, 189) !important;
    border: 1px solid rgb(173, 181, 189) !important;
}
/** file explorer tree */
.tui-tree-wrap {
    padding: 0px;
    background-color: transparent;
}

/** poi editing */
.poi-edit-line {
    cursor: pointer;
}
.poi-edit-line.active {
    border-bottom: 2px solid #8c3838;

}

/** calendar */
ul[aria-labelledby="dropdownMenu-calendarType"] {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #8c3838 !important;
    padding: 10px !important;
    margin-top: 1px !important;
    border-radius:4px;
    font-size: .875rem;
    color: rgba(0, 0, 0, .5);
}
ul[aria-labelledby="dropdownMenu-calendarType"] li {
    padding-bottom: 2px;
    cursor: pointer;
}
.tui-full-calendar-button, .tui-full-calendar-confirm, .tui-full-calendar-popup-save {
    color: #343a40 !important;
    background: transparent !important;
    border-radius: 4px !important;
    border: 1px solid #8c3838 !important;
}


/** carousel */
.carousel-control-next, .carousel-control-prev {
    width: 7%;
    margin-top:35px;
    margin-bottom:35px;
}

/** timeline_select */
.timeline_select {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 0;
    overflow: hidden;
}
.timeline_select a {
    color: white;
    text-decoration: none;
}
.timeline_select em {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
}
.timeline_select li {
    float: left;
    margin-left: 0;
    width: 12%; /* 100 / number of steps */
    height: 40px; /* total height */
    list-style-type: none;
    padding: 10px 5px 5px 5px; /* padding around text, last should include arrow width */
    border-right: 1px solid white; /* width: gap between arrows, color: background of document */
    position: relative;
    text-align:center;
    color: rgb(103, 106, 108);
    background-color: #e7eaec;
    cursor:pointer;
}
.timeline_select li:first-child, .timeline_select li:last-child {
    width: 5%;
}
.timeline_select li:nth-last-child(2) {
    width: 6%;
}
/* Current */
.timeline_select li.current { background-color: rgb(173, 181, 189) !important; }
.timeline_select li.current::after { background-color: rgb(173, 181, 189) !important; }


/* Hover for completed and current */
.timeline_select li:hover {background-color: rgb(173, 181, 189) !important;}
.timeline_select li:hover::after {background-color: rgb(173, 181, 189) !important;}

.contact-list button.edit-element {
    cursor:pointer;
    background-color: #1D2939;
    color: rgb(173, 181, 189);
    border:none;
    margin-top: 5px;
}
.table-gfc-sm .contact-list td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.location-container a {
    padding-bottom: 5px !important;
    border-bottom: 1px solid #1D2939;
    width: 100%;
    display: inline-block;
    padding-top: 5px;
}
.location-container a:first-child {
    margin-top: 5px;
    border-top: 1px solid #1D2939;
}
/* Medium Devices, Desktops */

@media only screen and (max-width : 1680px) {

    .btn-group-sm > .btn, .btn-sm {
        padding: .175rem .375rem;
        font-size: .675rem;
        line-height: 1.5;
        border-radius: .2rem;
    }
    .form-control-sm, .custom-select-sm, .input-group-sm > .form-control:not(textarea), .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
        padding: .175rem .375rem;
        font-size: .675rem;
        line-height: 1.5;
        border-radius: .2rem;
    }
    .custom-select-sm {
        height: 1.55rem;
    }
    .input-group-append, .input-group-prepend, .input-group-append .input-group-text, .input-group-prepend .input-group-text, select.form-control, select.form-control-sm, .custom-select, .form-control:not(textarea), .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
        height: 1.55rem !important;
        font-size: .675rem !important;;

    }
    .select2-container--default .select2-selection--multiple {
        height: auto;
        font-size: .675rem;

    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {

        line-height: 1.5rem;
    }
}

/** new layout style */
.new-layout #content {
    max-width:100%;
    margin:0px;
    margin-top:50px;
    padding:0px;
    padding-left: 50px;
}


.new-layout .btn-gfc-light, .new-layout .btn-gfc-light:hover {
    border-radius: 3px;
    color: #1D2939;
    border-color: #1D2939;
}

.new-layout .btn-gfc-light.active {
    color: #1D2939 !important;
    background: rgb(173, 181, 189)  !important;
}
.new-layout .btn-gfc-light.disabled, .new-layout .btn-gfc-light:disabled {
    opacity: .45;
}
.new-layout .custom-select, .new-layout .form-control, .new-layout .select2-container--default .select2-selection--single,
.new-layout .select2-container--default.select2-container--focus .select2-selection--multiple, .new-layout .select2-container--default .select2-selection--multiple {
    border: 1px solid #1D2939;
    border: 1px solid rgb(173, 181, 189);

    border-radius: 3px;
}
.new-layout .nav-tabs-gfc .nav-link.active {
    border-color: rgb(173, 181, 189);
}
.new-layout .nav-tabs-gfc {
    border-bottom: 1px solid #1D2939;
}

.nav-tabs-gfc {
    border-bottom: 1px solid #1D2939;
}

.nav-tabs-gfc .nav-link {
    padding: .25rem 0.5rem;
    color: #343a40;
    background: #f3f3f4;
    font-size: .875rem;
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 1px;
}

.nav-tabs-gfc .nav-link.active {
    border-color: rgb(173, 181, 189);

}
.vh-25 {
    height: 25vh;
}
.vh-20 {
    height: 20vh;
}
.error { border-color: #dc3545 !important}
.labelError { color: #dc3545 !important}

.dashboard-widget {
    margin-bottom: 15px;
}


/** mainframe sidebar nav */
.material-icons {
    font-size: 20px;
}
.sidenav {
    height: 100%;
    width: 50px;
    position: fixed;
    z-index: 1023;
    top: 0;
    left: 0;
    background-color: #1D2939;
    overflow-x: hidden;

    padding-top: 60px;
}
.sidebar-nav-toggle {
    position: absolute;
}

.sidenav a {
    padding: 8px 8px 8px 14px;
    text-decoration: none;
    font-size: 14px;
    color: rgb(173, 181, 189);
    display: block;
    transition: 0.3s;
    width: 250px;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav a.active, .sidenav a.active:hover {
   /* color: #23c6c8; */
    color: #14a0a2;
}
.sidenav a i {
    font-size: 22px;
    padding-right:15px
}
.sidenav a span.material-icons {
    padding-right:15px
}

.sidebar-sub-nav-container  {
    padding-left:50px;
    padding-right:5px;
    font-size: 14px;
    color: rgb(173, 181, 189);
}
.sidebar-sub-nav-container a {
    padding-left:0;

}
.sidebar-sub-nav-container-second-level  {
    padding-left:15px;
    padding-right:5px;
    font-size: 14px;
    color: rgb(173, 181, 189);
}
.sidebar-sub-nav-container-second-level a {
    padding-left:0;

}


.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 36px;
    text-align: right;
    padding-right: 15px;
}
nav.fixed-1 {
    border-bottom: 1px solid #1D2939;
    background: #1D2939;
}
#navbarSupportedContent {
    padding-left: 40px;
}

.navbar-light .navbar-nav .nav-link i, .navbar-light .navbar-nav .nav-link:hover i, .navbar-light .navbar-nav .nav-link:focus i {
    color: rgb(173, 181, 189);
}
#navbarSupportedContent .btn-gfc-light, #navbarSupportedContent .btn-gfc-light:hover, #navbarSupportedContent .btn-gfc-light:focus {
    background: transparent;
    color: rgb(173, 181, 189) !important;
    border: 1px solid rgb(173, 181, 189) !important;
}
.card-gfc-dark, .card-gfc-dark .card-header {
    border-radius: 3px;
}
.card-gfc-dark .card-header {
    /* background-color: rgb(173, 181, 189); */
    background-color: #fff;
    color: #000;
}
.card-gfc-dark .card-header .btn-gfc-light {
    border-color: #1D2939;
    color: #1D2939;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(173, 181, 189);
}

/** fixed sidebar */
#frame.static-sidebar #mySidenav {
    width: 190px !important;
}
#frame.static-sidebar #mySidenav .closebtn {
    display:none;
}

#frame.static-sidebar #content {
    padding-left: 190px;
}