/* 
    Created on : 23.10.2019, 19:36:07
    Author     : TB
*/

@charset 'UTF-8';




.detail {
    height: calc(100vh - 7.25rem);
    height: calc(100vh - 8.75rem);
}

.detail.is-modal {
    margin: -1rem;
    height: calc(100vh - 4.0rem);
    border-radius: 0px;
}

.detail > .row {
    margin-left: 0px;
}

.detail .user-icon {
    height: 13rem;
    background-image: url('../../images/nav-bg.jpg');
    background-size: cover;
    background-position: center 20%;
    
    border-top-left-radius: .25rem;
}

.detail.is-modal .user-icon {
    border-radius: 0px;
}

.detail .user-icon .user-icon-container {
    width: 6.5rem;
    height: 6.5rem;
}

.detail .user-icon .fas {
    font-size: 3.2rem;
    
    color: var(--def-color); 
}

.detail .classic-tabs .nav li a.active {
    border-bottom: 3px solid var(--def-color);
}

.detail .tab-content {
    border: 0 none !important;
    padding-top: 0px;
}

.detail .timeline-main .timeline-light .timeline-light-item::before {
    border: 2px solid var(--def-color);
}


.detail .detail-operation {
    max-width: 5rem;
    
    max-width: 4rem;
    line-height: 1.2;
    
    height: 4.4rem;
}

.detail .detail-body {
    height: calc(100vh - 14rem);
    height: calc(100vh - 15.75rem);
}

.detail.is-modal .detail-body {
    /*height: calc(100vh - 9.75rem);
    height: calc(100vh - 9.4rem);*/
    height: calc(100vh - 7.45rem);
    
    padding-bottom: 2rem;
}

.detail .detail-side-cols {
    /*height: calc(100vh - 28.8rem);
    height: calc(100vh - 25.95rem);*/
    height: calc(100vh - 27.65rem);
    overflow: auto;
    font-size: .875rem;
}

.detail.is-modal .detail-side-cols {
    height: calc(100vh - 22.7rem);
    height: calc(100vh - 21rem);
}

.detail .detail-sidebar {
    border-bottom-left-radius: .25rem;
}

.detail.is-modal .classic-tabs ul.nav li:first-child {
    margin-left: 1rem;
}


	

@media (max-width:991px) {

    .detail {
        height: auto;
        margin-bottom: 2rem;
    }
    
    .detail > .row {
        margin-left: -15px;
    }
    
    .detail .user-icon {
        border-top-right-radius: .25rem;
    }
    
    .detail .detail-side-cols {
        height: auto;
        overflow: visible;
    }
    
    .detail .detail-body-wrapper ul.tabs-white {
        border-bottom: 1px solid #dee2e6;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .detail .detail-body {
        height: auto;
        /*overflow: visible;*/
    }
    
}

@media (max-width:599px) {
    
    .detail {
        margin-left:  0;
        margin-right: 0;
    }
    
}















#tab_demand .row, 
#tab_technician .row, 
#tab_storage .row {
    margin-left: 0;
    margin-right: 0;
}

#tab_demand .blockquote .small.text-muted, 
#tab_technician .blockquote .small.text-muted, 
#tab_storage .blockquote .small.text-muted {
    font-size: 60%;
}

#tab_storage .table tr th {
    text-align: center;
}

/*#tab_storage .table tr td:first-child, 
#tab_storage .table tr th:first-child {
    padding-left: 0px;
}

#tab_storage .table tr td:last-child, 
#tab_storage .table tr th:last-child {
    padding-right: 0px;
}*/


#tab_offer_items .row {
    margin-right: 0px;
}