.modal {
    
}

.modal-dialog {
    
}

.modal-backdrop {
    
}

.modal-background {
}


.modal-content {
    background-color: rgb(50,50,50);
    border: 1px solid rgb(75,75,75);
}

.modal-header {
    border-bottom: 1px solid rgb(75,75,75);
}

.modal-title{

}

.modal-body {
}

.modal-footer {
    border-top: 1px solid rgb(75,75,75);
}

.dropdown-menu {
    background-color: rgb(50,50,50);
    border: 1px solid rgb(75,75,75);
}

.dropdown-item {
    color: rgb(200, 200, 200);
    cursor: pointer;
}

    .dropdown-item:hover {
        background-color: rgb(75,75,75);
        color: rgb(225, 225, 225);
    }

.dropdown-divider {

}


::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.mw50 {
    min-width: 50px;
    max-width: 50px;
}
.mw100mw250 {
    min-width: 100px;
    max-width: 250px;
}

.mw100mw150 {
    min-width: 100px;
    max-width: 150px;
}

.mw250 {
    min-width: 250px;
}

.mw150mw350 {
    min-width: 150px;
    max-width: 350px;
}

.mw350mw650 {
    min-width: 350px;
    max-width: 650px;
}

.mw100mw450 {
    min-width: 100px;
    max-width: 450px;
}

.mw350 {
    min-width: 350px;
}

.mw500 {
    min-width: 500px;
}

.form-select {
    
    background-color: rgb(50,50,50);
    color: rgb(225, 225, 225);
    border: 1px solid rgb(75, 75, 75);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23c8c8c8' stroke='%23c8c8c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.input {
    background-color: rgb(50,50,50);
    color: rgb(225, 225, 225);
    border: 1px solid rgb(75, 75, 75);
}

.form-control {
    background-color: rgb(50,50,50);
    color: rgb(225, 225, 225);
    border: 1px solid rgb(75, 75, 75);
}

    .form-control:focus {
        background-color: rgb(50,50,50);
        color: rgb(225, 225, 225);
        border: 1px solid rgb(75, 75, 75);
    }

    .form-control:read-only {
        background-color: rgb(50,50,50);
        color: rgb(225, 225, 225);
        border: 1px solid rgb(75, 75, 75);
    }


.badge {
    background-color: transparent;
    border: 1px solid rgb(75, 75, 75);
    cursor: default;
}




.form-check-input {
    background-color: rgb(100,100,100);
    border-color: rgb(255, 106, 0);
}


    .form-check-input:checked {
        background-color: rgb(100,100,100);
        border-color: rgb(20, 195, 39);
    }