.overflow {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumb {
    margin-bottom: 6px;
}

.site-title {
    margin: 0 0 25px 0;
}

.card-two-line {
    max-width: 120px;
    line-height: 20px;
}

body.sidenav-toggled #profile_logo img {
    content: url("/images/projektbaudata-menubar-small.png");
}

body.sidenav-toggled #profile_logo .card-body {
    padding: 10px;
    min-height: 56px;
}

.color-box {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .125);
    position: relative;
}

.color-box:hover {
    opacity: 0.7;
    cursor: pointer;
}

.color-box i {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gj-datepicker-bootstrap .clear-search {
    right: 44px;
}

.custom-control-label::after,
.custom-control-label::before {
    top: 0;
}

.form-check .custom-control-label::after,
.form-check .custom-control-label::before,
.properties-content .custom-control-label::after,
.properties-content .custom-control-label::before {
    top: calc(50% - 0.5rem);
}

.loading-opacity {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

.loading-opacity:before {
    font-size: 26px;
    position: absolute;
    color: #000;
    content: "Loading...";
    margin: 0 !important;
    z-index: 1000;
    top: 50%;
    transform: translateX(-50%);
    left: 50%;
}

.easy-autocomplete {
    width: 100% !important;
}

.easy-autocomplete input:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
}

.properties-content {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 5px;
}

/*.marg-left-1 {
  margin-left: 0;
}

.marg-left-2 {
  margin-left: 15px;
}

.marg-left-3 {
  margin-left: 30px;
}*/
.has-child > .custom-control {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 7px 0;
}

.custom-control-label, .inside-property label {
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
}

.chosen-container-multi .chosen-choices {
    display: block;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.chosen-container-active .chosen-choices {
    color: #495057;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #6c757d !important;
}

.gc-container .chosen-container {
    padding: 0 !important;
}

.datepicker.datepicker-orient-bottom {
    margin-top: 62px;
    width: 250px;
}

.datepicker.datepicker-orient-top {
    margin-top: 54px;
    width: 250px;
}

.datepicker table {
    width: 100%;
}

.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
    background: #007bff !important;
}

#searchCompanyParent {
    flex: auto
}

#searchCompanyParent > input {
    border-radius: 0;
}

@media screen and (max-width: 991px) {
    #navbarResponsive #profile_logo,
    #navbarResponsive #profile_info {
        display: none;
    }

    .properties-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5px;
    }
}

@media screen and (max-width: 767px) {
    #navbarResponsive #profile_logo,
    #navbarResponsive #profile_info {
        display: none;
    }

    footer.sticky-footer {
        min-height: 56px;
        line-height: 15px;
        padding-top: 10px;
    }

    .properties-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5px;
    }
}

.ui-pnotify-icon, .ui-pnotify-icon span {
    font-size: 25px;
}

/* iCheck plugin Flat skin, green
----------------------------------- */
.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/icheck/green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}

.icheckbox_flat-green.checked {
    background-position: -22px 0;
}

.icheckbox_flat-green.disabled {
    background-position: -44px 0;
    cursor: default;
}

.icheckbox_flat-green.checked.disabled {
    background-position: -66px 0;
}

.iradio_flat-green {
    background-position: -88px 0;
}

.iradio_flat-green.checked {
    background-position: -110px 0;
}

.iradio_flat-green.disabled {
    background-position: -132px 0;
    cursor: default;
}

.iradio_flat-green.checked.disabled {
    background-position: -154px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-green,
    .iradio_flat-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}


#image_cropper {
    width: 100%;
    border: 2px solid #3f3f3f;
    min-height: 350px;
    max-height: 500px;
}

#file {
    display: none;
}

.profile-name {
    font-weight: 600;
    color: #5d5d5d;
}

.profile-desc {
    color: #cacaca;
}

.profile-img-container {
    position: relative;
    max-width: 200px;
    height: 200px;
}

.profile-img-container i {
    position: absolute;
    top: 100px;
    left: 100px;
    transform: translate(-50%, -50%);
    display: none;
    color: #3f3f3f;
}

.profile-img-container:hover img {
    opacity: 0.5;
    cursor: pointer;
}

.profile-img-container:hover i {
    display: block;
    z-index: 500;
    cursor: pointer;
}

#codeigniter_profiler {
    display: none;
}

.gc-container .table-container {
    background: white;
    border: 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.gc-container .table-label {
    display: none;
}

.gc-container .header-tools {
    background: #f7f7f7;
    padding: 8px 12px !important;
    border: 0;
}

.gc-container .scroll-if-required {
    padding-bottom: 15px !important;
}

.gc-container .displaying-paging-items {
    margin-top: 0 !important;
}

.footer-tools .floatL.t20 {
    margin-top: 0 !important;
}

.gc-container .search-button-big {
    color: var(--primary);
    border-color: var(--primary);
}

.gc-container .clear-all-search {
    margin-top: 5px !important;
}

.main-container {
    margin-bottom: 55px;
}

.main-container-fluid {
    padding: 0 30px;
}

#breadcrumbs_top {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    background: #fff;
    display: none;
}

.tooltip {
    pointer-events: none;
}

.debug-holder pre {
    line-height: 18px;
}

body.fullpage .site-title {
    display: none;
}

body.fullpage .main-container-fluid,
body.fullpage .content-wrapper {
    padding: 0;
}

.profile-jumbotron {
    /*background: #fff url('/images/projektbaudata-login.png') 20% 50% no-repeat;*/
    background-size: cover;
}

.profile-jumbotron img.img-thumbnail {
    max-width: 150px;
    border: none;
    background-color: #f2f3f7;
}

.load::after {
    content: '\f110';
    font-family: 'FontAwesome';
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    top: 0;
    right: 0;
    position: absolute;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.objectWatchParent {
    float: left;
    display: inline-block;
    padding-top: 13px;
}

.gc-container .column-with-ordering[data-order-by="functions"] {
    width: 75px;
    min-width: 75px;
}

.x1-badge {
    display: inline-block !important;
    float: left !important;
    margin-top: 17px;
}

.bg-primary_2 {
    background-color: #4267b2 !important;
}

.bg-danger_2 {
    background-color: #8A0808 !important;
}

tr.irrelevant .only_irrelevant {
    display: inline-block !important;
}

tr.irrelevant, tr.irrelevant a, h1.irrelevant {
    color: #cacaca;
}

tr.deleted td {
    background-color: #ff000026;
}

tr.last_visited_project td {
    background-color: #f4f442;
}

tr i.hasFavouriteRole {
    display: none;
}

tr.hasFavouriteRole i.hasFavouriteRole {
    display: inline-block;
}

tr i.hasAttachment {
    display: none;
}

tr.hasAttachment i.hasAttachment {
    display: inline-block;
}

#company_members td.member_contact {
    word-break: break-word;
}

.tooltip {
    z-index: 99999 !important;
}

.t-0 {
    top: 0 !important;
}

.r-0 {
    right: 0 !important;
}

#companyDataModal #DataTables_Table_0_length {
    text-align: right;
}

#companyDataModal select.custom-select.custom-select-sm.form-control.form-control-sm {
    width: auto;
}

#companyDataModal #DataTables_Table_0_filter input {
    width: auto;
    display: inline-block;
    margin-left: 10px;
}

#companyDataModal .row.bg-light .dataTables_wrapper .row .col-sm-12.col-md-6:nth-of-type(1) {
    order: 2;
}

#companyDataModal .row.bg-light .dataTables_wrapper .row .col-sm-12.col-md-6:nth-of-type(2) {
    order: 1;
}

table.grocery-crud-table td {
    position: relative;
}

.chosen-container .chosen-drop {
    display: none !important;
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: auto !important;
    display: block !important;
}

/*DROPZONE*/

.dropzone {
    box-sizing: border-box;
    min-height: 9.75rem;
    padding: .5rem;
    border: .125rem dashed #007bff;
    border-radius: .3rem;
    background: 0 0
}

.dropzone * {
    box-sizing: border-box
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message {
    cursor: pointer
}

.dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-color: #28a745;
    background: rgba(40, 167, 69, .15)
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5;
    color: #28a745
}

.dropzone.dz-drag-hover .dz-message span:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2328a745' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E")
}

.dropzone .dz-message {
    margin-top: 2.25rem;
    font-size: .875rem;
    text-align: center;
    line-height: 1;
    color: #007bff
}

.dropzone .dz-message span:before {
    display: block;
    position: relative;
    top: 0;
    left: calc(50% - (2.5rem / 2));
    width: 2.5rem;
    height: 2.5rem;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23007bff' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");
    background-size: 2.5rem 2.5rem;
    background-position: center center;
    background-repeat: no-repeat
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    min-height: 5rem;
    margin: .5rem;
    vertical-align: top
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background-color: #54a7ff
}

.dropzone .dz-preview.dz-file-preview .dz-image:hover {
    background-color: #007bff
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: 0 0
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    display: block;
    cursor: pointer;
    border: none;
    text-align: center
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding: .5rem;
    font-size: .75rem;
    text-align: center;
    line-height: 150%;
    color: #fff;
    opacity: 0
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 4.5rem;
    font-size: .875rem
}

.dropzone .dz-preview .dz-details .dz-filename, .dropzone .dz-preview .dz-details .dz-size {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover:before, .dropzone .dz-preview .dz-details .dz-size:hover:before {
    content: "";
    margin-left: -100%
}

.dropzone .dz-preview .dz-details .dz-filename:hover:after, .dropzone .dz-preview .dz-details .dz-size:hover:after {
    content: "";
    margin-right: -100%
}

.dropzone .dz-preview .dz-details .dz-filename:hover span, .dropzone .dz-preview .dz-details .dz-size:hover span {
    padding: .125rem .375rem;
    background-color: rgba(0, 0, 0, .8);
    border-radius: .2rem
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover), .dropzone .dz-preview .dz-details .dz-size:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-image {
    overflow: hidden;
    width: 7.5rem;
    height: 7.5rem;
    position: relative;
    display: block;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through .3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    animation: slide-in .3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -1.5rem
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
    display: block;
    width: 3rem;
    height: 3rem
}

.dropzone .dz-preview .dz-success-mark svg * {
    fill: #28a745;
    fill-opacity: 1
}

.dropzone .dz-preview .dz-error-mark svg * {
    fill: #dc3545;
    fill-opacity: 1
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -2.5rem;
    border-radius: .2rem;
    background: rgba(255, 255, 255, .6);
    -webkit-transform: scale(1);
    overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #28a745;
    background: linear-gradient(to bottom, #28a745, #1e7d34);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    top: 8rem;
    left: -.5rem;
    width: 8.5rem;
    padding: .25rem .5rem;
    border-radius: .25rem;
    background: #dc3545;
    font-size: .875rem;
    color: #fff;
    opacity: 0;
    transition: opacity .3s ease
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -.5rem;
    left: 3.75rem;
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid #dc3545
}

.dropzone .dz-preview.dz-file-preview.dz-success .dz-image {
    background: #1a9e2d;
}

/* Important part */
.modal-dialog-members {
    overflow-y: initial !important
}

.modal-body-members {
    height: 80vh;
    overflow-y: auto;
}