body {
    font-size: 13px;
}

.navigation ul.navigate-list li a {
    margin: 0;
    padding: 4px 10px;
}

.ticket-details-wrapper ul,
.user-details-wrapper ul {
    margin: 0 0 20px 0;

}
.ticket-details-wrapper ul{
            max-height: 50vh;
        overflow: auto;
}

.rq-dr-modification {
    margin-top: 25px;
}

.search-wrapper {

    margin: 0;
}

.ticket-details-wrapper {
    margin: 0 5px;
    min-height: calc(100vh - 220px);
}

.user-details-wrapper {
    margin: 0 5px;
    min-height: calc(100vh - 224px);
    margin-top: 43px;
}

.ticket-details-wrapper h5,
.user-details-wrapper h5 {
    margin-bottom: 10px;
}

.ticket-details-wrapper ul li,
.user-details-wrapper ul li {
    padding: 2px 0px;

}

.wrapper-image-zoom {
    margin: 0px;
    height: calc(100vh - 263px);
}

.search-wrapper .search-box {
    padding: 10px;
}

.ticket-box .ticket-box-header {
    padding: 5px;
}

.ticket-box .ticket-box-body {
    padding: 5px 10px;
}

.search-box-body {
    padding: 10px;
    max-height: calc(100vh - 336px);

}

#container {
    height: 90%;
}

.controller {
    display: flex;
    width: 55%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
}

#zoomer {

    width: 70%;

}

.body-content.login,
.body-content.forgot-password,
.body-content.otp,
.body-content.reset-password {
    margin-top: 20px;
}

 

.body-content.ticket-details .form-check-inline label,
.body-content.load-sheet .form-check-inline label {
    font-size: 11px;
}

.body-content.ticket-details .form-check .form-check-input {
    margin-top: 2px;
}

.form-check-input {
    width: 18px;
    height: 18px;
}

.body-content.ticket-details .form-check-inline {
    margin-right: 0.5rem;
}

.body-content.ticket-details .body-content label {
    margin-left: 3px;
}

.body-content.ticket-details .rq-dr-modification .btn.btn-green {
    min-width: 110px;
}

.body-content.ticket-details .form-wrapper-filters>div {
    margin-left: 5px;
    margin-right: 5px;
}

.body-content.ticket-details .rq-dr-modification {
    margin-top: 20px;
}

.Load-sheet-form-field-wrapper {
    max-width: 650px;
    margin: 0 auto 0 auto;
    border-left: 5px solid #ddd;
    padding: 0px 40px 0 40px;
}

.upload-ticket-form-wrapper,
.upload-ticket-wrapper {
    width: 250px;
    margin: 0 auto;
}

.ticket-details-wrapper input.form-control,
.user-details-wrapper input.form-control {
    max-width: 283px;
}

.ticket-details-wrapper.edit ul,
.user-details-wrapper.edit ul {
    max-height: 370px;
    overflow: auto;
    height: 100%;
    margin-bottom: 20px;

}

.ticket-details-wrapper.edit ul {
    max-height: 424px;
}

.ticket-details-wrapper ul li span:first-child,
.user-details-wrapper ul li span:first-child {

    width: 150px;
}

.ticket-details-wrapper.edit .btn.btn-green,
.user-details-wrapper.edit .btn.btn-green,
.ticket-details-wrapper.edit .btn.btn-green-outline,
.user-details-wrapper.edit .btn.btn-green-outline {
    width: 108px;
    min-width: initial;
}


.body-content.add-hlr-mngr .user-details-wrapper.edit select.form-select {

    width: 169px;
}

.user-details-wrapper.edit ul {
    max-height: 221px;
    overflow: auto;
    height: 100%;
    margin-bottom: 20px;
}

.body-content.add-hlr-mngr .search-wrapper.mngr-request .user-box {

    height: calc(100vh - 358px);
}

.search-hauler-company > div:first-child {
    width: calc(100% - 45px);
}
.body-content.add-hlr-mngr .user-name-wrapper {

    min-height: calc(100vh - 224px);

}

.body-content.add-hlr-mngr .user-details-wrapper.edit ul {
    padding-right: 10px;
    margin-bottom: 10px;
    max-height: 260px;
}

.body-content.add-hlr-mngr .btn.btn-outline-secondary.dropdown-toggle {

    width: 100%;
}

.search-wrapper.mngr-request .search-box .d-flex h5 {
    color: #fff;
    font-weight: 500;
    margin-top: 12px;
}

.body-content.upload-ticket ol li {
    line-height: 24px;
}

.slider-wrapper {
    max-width: 250px;
    margin: 0 auto;
}

.body-content.upload-ticket ol {
    margin-top: 10px 0;
}

.body-content.asn-companies button.btn.i-plus {

    right: 25px;
    top: 27px;
}

.body-content.asn-companies .user-name-wrapper button.btn.i-plus {
    right: 17px;
    top: 14px;
}

.body-content.load-sheet .dropdown-menu.show .form-check .form-check-input {
    margin-top: -3px;
}

.btn.btn-green, .btn.btn-red, .btn {
    font-size: 13px;
    min-width: 100px;
}

.body-content label {
    font-size: 12px;
    margin-bottom: 3px;
}

.body-content.load-sheet .form-check .form-check-input {
    margin-top: 2px;
}

input.form-control {

    font-size: 13px;
}

.all-extraction-wrapper {
    max-width: 520px;
}

.all-extraction-wrapper:before {
    left: -20%;
}

.body-content.asn-companies button.btn.i-plus {

    width: 37px;


    font-size: 16px;
    height: 35px;
    margin-bottom: 13px;

    right: 20px;
    top: 30px;
}

.body-content.load-sheet .dropdown-menu.show .form-check .form-check-input {
    margin-top: 0px;
}

.body-content.ticket-details .dropdown-menu.show .form-check .form-check-input {
    margin-top: 0px;
}

.body-content.ticket-count .form-check .form-check-input {
    margin-top: 3px;
}

.loadsheet-filter-button-submit {
    margin-top: 20px;
}

.body-content.asn-companies .user-details-wrapper.edit input.form-control {
    width: 210px;
    max-width: 210px;
}
.body-content.asn-companies .user-details-wrapper.edit select.form-select {
    width: 210px;
}
.body-content.login .relative i, .body-content.signup .relative i, .body-content.reset-password .relative i {    
    top: 28px;}
    span.filler1 {
    margin-right: 0;
    margin-left: 0;
}
span.filler2 {
    position: absolute;
    top: 3px;
    left: 70%;
}


@media (min-width: 1301px) and (max-width: 1400px) {
    .all-extraction-wrapper:before {
    left: -10%;
}
}