
.select2-container,
.related-widget-wrapper select {
    min-width: 250px;
}

.select2-search__field, .related-widget-wrapper select {
    width: 98%;
}

.select2 .select2-container .select2-container--default {
     width: 50px;
}
@media screen {btn btn-outline-success float-right
    @media (max-width: 576px) {
        #id_user_permissions {
            width: 100% !important;
        }
    }
}


.admindatefilter .button, .admindatefilter input[type=submit], .admindatefilter input[type=button], .admindatefilter .submit-row input, .admindatefilter a.button,
.admindatefilter .button, .admindatefilter input[type=reset] {
    background: #79aec8;
    padding: 4px 5px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

.admindatefilter {
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}

.admindatefilter p {
    padding-left: 0px;
    line-height: 0;
}

.admindatefilter p.datetime {
    line-height: 0;
}

.admindatefilter .timezonewarning {
    display: none;
}

.admindatefilter .datetimeshortcuts a:first-child {
    margin-right: 4px;
    display: none;
}

.calendarbox {
    z-index: 1100;
}

.clockbox {
    z-index: 1100;
    margin-left: -8em !important;
    margin-top: 5em !important;
}

.admindatefilter .datetimeshortcuts {
    font-size: 0;
    float: right;
    position: absolute;
    padding-top: 4px;
}

.admindatefilter a {
    color: #999;
    position: absolute;
    padding-top: 3px;
    padding-left: 4px;
}

@media (min-width: 768px) {
    .calendarbox {
        margin-left: -16em !important;
        margin-top: 9em !important;
    }
}

@media (max-width: 767px) {
    .calendarbox {
        overflow: visible;
    }
}


#changelist-search .vDateField, #changelist-search .vTimeField {
    margin: 0;
}


/*JAZZMIN*/
:root {
    --body-quiet-color: #000;
    --border-color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 13px);
}

.modal.modal-wide .modal-dialog {
    width: 80%;
    height: 80%;
}
iframe.related-iframe {
    height: 100%;
}
.modal-content {
    height: 100%;
}

.p-5 {
    padding: 1rem;
}

