h1 {
    font-size: 28px;
}

h1 small {
    font-size: 24px;
}

header.border-grn img {
    padding: 0 0 10px 0;
}

.navigation span.user-type {
    position: relative;
    top: auto;
}

.navigation ul.navigate-list li {
    display: flex;
    width: 100%;
}

.navigation {
    flex-flow: column;
    position: absolute;
    width: 94%;
    top: 70px;
    background: #dcf9dc;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 3px 4px 3px #ddd;
    display: none;
}

.navigation ul.navigate-list {
    width: 100%;
}

.navigation ul.navigate-list li.active a {
    border-radius: 0;
}

.navigation ul.navigate-list li a {
    display: block;
    border-radius: 0;
    width: 100%;
    text-align: right;
    padding: 8px 5px;
    font-size: 15px;
}

.d-flex.logo-wrapper {
    flex-direction: column;
    align-items: center;
}

.d-flex.logo-wrapper img.img-fluid.logo {
    max-width: 100px;
}

.d-flex.logo-wrapper h2 {
    text-align: center;
    border: 0;
    margin: 0;
    font-size: 22px;
}


.dt-length {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadsheet-filter-button-submit {
    text-align: center;
}

.dt-search button {
    min-width: 200px;
}

.dt-search {
    flex-flow: column;
}

@media (orientation: landscape) {
    .dt-search {
        flex-flow: row;
    }
}

div.dt-container div.dt-search input {
    margin-bottom: 8px;
}

.btn {
    margin-bottom: 5px;
}

/* Hamberger */


label.hamberger {
    display: flex;
    flex-direction: column;
    width: 45px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 19px;
}

label.hamberger span {
    background: #000;
    border-radius: 10px;
    height: 5px;
    margin: 4px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}


.hamberger span:nth-of-type(1) {
    width: 50%;

}

.hamberger span:nth-of-type(2) {
    width: 76%;
}


.hamberger span:nth-of-type(3) {
    width: 75%;
}


.hamberger input[type="checkbox"] {
    display: none;
}


.hamberger input[type="checkbox"]:checked~span:nth-of-type(1) {
    transform-origin: bottom;
    transform: rotatez(45deg) translate(8px, 4px);
}


.hamberger input[type="checkbox"]:checked~span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg)
}


.hamberger input[type="checkbox"]:checked~span:nth-of-type(3) {
    transform-origin: bottom;
    width: 48%;
    transform: translate(10px, -11px) rotatez(45deg);
}

body.menu-open .navigation {
    display: flex;
    padding: 20px;
}

/* Hamberger End */



.all-extraction-wrapper:before {
    display: none;
}


.slider-wrapper {

    margin-bottom: 30px;
}

.upload-ticket-wrapper, .upload-ticket-form-wrapper {

    margin-bottom: 20px;
}

.upload-ticket-wrapper, .upload-ticket-form-wrapper {
    width: auto;
}

.wrapper-btn button.btn.btn-green-outline {
    margin-bottom: 5px;
}

.body-content.asn-companies .user-box {
    height: auto;
}

.user-details-wrapper.edit ul {
    max-height: unset;
}

.body-content.asn-companies .user-details-wrapper.edit ul li span:last-child {
    max-width: unset;

}

.body-content.asn-companies .user-details-wrapper {
    height: auto;
}
@media only screen and (min-width:481px) and (max-width:600px){
        .body-content.ticket-count .hauler-c .dropdown .btn.btn.btn-outline-secondary, .body-content.ticket-count .select-drvr .dropdown .btn.btn-outline-secondary {
        width: auto;
        min-width:155px;
    }
}