.manage {
    height: 88vh;
    width: 90vw;
    cursor: pointer;
    overflow: hidden;
}

.manage-ar {
    height: 88vh;
    width: 90vw;
    cursor: pointer;
    overflow: hidden;
    direction: rtl;
}

.manage-main-contents {
    height: 88vh;
    color: white;
    font-size: 1.6rem;
}

.manage-section {
    margin: 2vh 1vw;
}

.manage-label {
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3vh;
    border-bottom: 1px dashed white;
    margin-bottom: 1vh;
}

.manage-label-top {
    text-transform: uppercase;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3vh;    
    margin-bottom: 1vh;
}

.manage-input-group {
    font-size: 1.5rem;
    color: black;
    min-width: 20vw;
    margin-bottom: 2vh;
}

    .manage-input-group > label {
        color: white;
        display: block;        
    }

    .manage-input-group > span {
        color: white;
        font-size: 1.5rem;
        font-weight: 500;
        display: block;
    }

    .manage-input-group > input, select {
        color: black;
        line-height: 1.5rem;
        width: 25vw;
    }

    .manage-input-group > select {
        color: black;
        line-height: 1.5rem;
    }

    .manage-input-group > button {
        color: black;
        line-height: 1.5rem;
    }

.manage-btn {
    background-color: white;
    color: rgb(51,122,183);
    font-family: Montserrat;
    min-width: 8vw;
    min-height: 3vh;
    border-radius: 5px;
    border: 1px solid transparent;
}

    .manage-btn:focus {
        outline: none;
    }

    .manage-btn:hover {
        background-color: rgb(51,122,183);
        color: white;
        cursor: pointer;
    }



.disabledBtn {
    background: rgb(194, 194, 194);
    cursor: not-allowed;
}

    .disabledBtn:hover {
        cursor: not-allowed;
    }

.manage-input-group-extend {
    font-size: 1.5rem;
    color: black;
    min-width: 20vw;
    margin-bottom: 2vh;
}

    .manage-input-group-extend > label {
        color: white;
        display: block;
    }

    .manage-input-group-extend > span {
        color: white;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .manage-input-group-extend > select, input {
        color: black;
        line-height: 1.5rem;
        height: 3vh;
        width: 12vw;
    }

    .manage-input-group-extend > button {
        background-color: white;
        color: rgb(51,122,183);
        font-family: Montserrat;
        min-width: 8vw;
        min-height: 3vh;
        border-radius: 5px;
        border: 1px solid transparent;
    }

    .manage-input-group-extend .disabledBtn {
        background: rgb(194, 194, 194);
        cursor: not-allowed;
    }

        .manage-input-group-extend .disabledBtn:hover {
            cursor: not-allowed;
        }