.custom-measurement-container-responsive {
    display: contents !important;
}

@media (max-width: 750px) {
    .custom-measurement-container-responsive {
        display: none !important;
    }
}

.custom-measurement-container-responsive-small {
    display: none !important;
}

@media (max-width: 750px) {
    .custom-measurement-container-responsive-small {
        display: contents !important;
    }
}

.custom-dialog-add > div.outline-none > div > div.mud-dialog-content > div.mud-grid-spacing-xs-3 > div.mud-grid-item {
    padding: 0px !important;
}

.custom-dialog-add-small > div.outline-none > div > div.mud-dialog-content > div.mud-grid-spacing-xs-3 > div.mud-grid-item {
    padding: 0px !important;
}

.requestMeasurementTextField {
    width: 526px;
    height: 56px;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 23px !important;
    text-align: left !important;
    color: rgba(0, 0, 0, 0.6);
    border: 1px solid !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important;
}

@media (max-width: 480px) {
    .requestMeasurementTextField {
        width: 220px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .requestMeasurementTextField {
        width: 380px !important;
    }
}

.custom-dialog-update {
    padding: 20px 2px 2px;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
    width: 620px !important;
    height: 510px !important;
}

@media (max-width: 480px) {
    .custom-dialog-update {
        width: 280px !important;
        height: 560px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-dialog-update {
        width: 450px !important;
        height: 560px !important;
    }
}

.custom-dialog-update-small {
    padding: 20px 2px 2px;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
    width: 620px !important;
    height: 440px !important;
}

@media (max-width: 480px) {
    .custom-dialog-update-small {
        width: 280px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-dialog-update-small {
        width: 450px !important;
    }
}

.custom-dialog-add {
    padding: 20px 2px 2px;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
    width: 620px !important;
    height: 440px !important;
}

@media (max-width: 480px) {
    .custom-dialog-add {
        width: 275px !important;
        height: 440px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-dialog-add {
        width: 450px !important;
        height: 450px !important;
    }
}

.custom-dialog-add-small {
    padding: 20px 2px 2px;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
    width: 620px !important;
    height: 350px !important;
}

@media (max-width: 480px) {
    .custom-dialog-add-small {
        width: 275px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-dialog-add-small {
        width: 450px !important;
    }
}

.custom-dialog-add-select {
    padding: 20px 2px 2px;
    border-radius: 12px !important;
    background: white !important;
    width: 800px !important;
    height: 330px !important;
}

@media (max-width: 480px) {
    .custom-dialog-add-select {
        padding: 20px 10px 2px;
        width: 270px !important;
        height: 210px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-dialog-add-select {
        padding: 20px 10px 2px;
        width: 400px !important;
    }
}

.custom-dialog-delete {
    padding: 20px 2px 2px;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
    width: 470px !important;
    height: 340px !important;
}

@media (max-width: 480px) {
    .custom-dialog-delete {
        width: 270px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-dialog-delete {
        width: 400px !important;
    }
}

.custom-measurement-registerButton-add {
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-transform: unset !important;
    margin-top: 3px !important;
    box-shadow: none !important;
    width: 226px !important;
    height: 44px !important;
    margin-left: 0px !important;
}

@media (max-width: 605px) {
    .custom-measurement-registerButton-add {
        margin-top: 10px !important;
        width: 140px !important;
    }
}


.dialogButton {
    font-size: 16px !important;
    font-weight: 500;
    padding: 15px !important;
    border-radius: 12px !important;
    text-transform: unset !important;
    margin: 10px !important;
    box-shadow: none !important;
}

.dialogButton-add {
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-transform: unset !important;
    margin-top: 3px !important;
    box-shadow: none !important;
    width: 226px !important;
    height: 44px !important;
    margin-left: 150px !important;
}


.dialogButton-delete {
    font-size: 16px !important;
    font-weight: 500;
    padding: 15px !important;
    border-radius: 12px !important;
    text-transform: unset !important;
    margin: 10px !important;
    box-shadow: none !important;
    width: 200px !important;
}

@media (max-width: 480px) {
    .dialogButton-delete {
        width: 100px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .dialogButton-delete {
        width: 150px !important;
    }
}

.custom-editordelete-button {
    min-width: 0px !important;
    padding: 0px !important;
}

.custom-tab-active-button {
    width: 200px !important;
    height: 50px !important;
    box-shadow: none !important;
    border-bottom: 2px solid #3CD1F2 !important;
    background-color: #F5F7F8 !important;
    border-radius: 0px !important;
}

@media (max-width: 605px) {
    .custom-tab-active-button {
        width: 140px !important;
    }
}

.custom-tab-active-button-text {
    color: #08387E !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}

@media (max-width: 605px) {
    .custom-tab-active-button-text {
        font-size: 18px !important;
    }
}

.custom-tab-button {
    width: 200px !important;
    height: 50px !important;
    box-shadow: none !important;
    border-bottom: 2px solid #B8C1CB !important;
    background-color: #F5F7F8 !important;
    border-radius: 0px !important;
}

@media (max-width: 605px) {
    .custom-tab-button {
        width: 140px !important;
    }
}

.custom-tab-button-text {
    color: black !important;
    font-weight: 500 !important;
    font-size: 24px !important;
}

@media (max-width: 605px) {
    .custom-tab-button-text {
        font-size: 18px !important;
    }
}

.custom-measurement-container {
    padding-left: 0px !important;
}

.custom-measurement-today-container {
    padding-top: 15px !important;
    padding-left: 0px !important;
}

.custom-measurement-today-text {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.custom-measurement-title-container {
    padding-top: 15px !important;
    padding-left: 0px !important;
    color: transparent !important;
}

.custom-measurment-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.custom-past-measurement-text {
    font-size: 12px !important;
    font-weight: 400 !important;
    display: inline !important;
    float: right !important;
    padding-top: 3px !important;
}

.custom-measurement-content-container {
    width: 100% !important;
    height: 70px !important;
    background: white !important;
    border-radius: 12px !important;
    padding: 10px !important;
}

.custom-measurement-content-date-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding-top: 0px !important;
}

.custom-measurement-content-tr {
    float: right !important;
    padding-right: 12px !important;
}

.custom-measurement-content-title-text {
    font-size: 12px !important;
    font-weight: 400 !important;
    padding-top: 5px !important;
}

.custom-measurement-dialog-title-text {
    font-size: 18px !important;
    font-weight: 700 !important;
    padding-top: 7px !important;
}

@media (max-width: 767px) {
    .custom-measurement-dialog-title-text {
        font-size: 15px !important;
    }
}

.custom-measurement-dialog-textfield-div {
    margin-top: 10px !important;
    background: white !important;
}

.custom-measurement-dialog-button-container {
    display: block !important;
    padding: 0px 28px 0px 10px !important;
}

.custom-measurement-dialog-content-text {
    font-size: 15px !important;
    font-weight: 400 !important;
}

.custom-measurement-dialog-select-paper {
    border-radius: 8px !important;
    border: 1px solid #B8C1CB !important;
    width: 170px !important;
    height: 99px !important;
    background-color: white !important;
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .custom-measurement-dialog-select-paper {
        width: 55px !important;
        height: 50px !important;
    }
}

@media (min-width: 481px) and (max-width : 767px) {
    .custom-measurement-dialog-select-paper {
        width: 100px !important;
    }
}

.custom-measurement-dialog-select-image-container {
    text-align: center !important;
    padding-top: 20px !important;
}

@media (max-width: 480px) {
    .custom-measurement-dialog-select-image-container {
        padding-top: 5px !important;
    }
}

.custom-measurement-dialog-select-title-text {
    font-size: 16px !important;
    font-weight: 600 !important;
}

@media (max-width: 480px) {
    .custom-measurement-dialog-select-title-text {
        font-size: 10px !important;
    }
}

.custom-measurement-dialog-select-image {
    height: 40px !important;
}

@media (max-width: 480px) {
    .custom-measurement-dialog-select-image {
        height: 20px !important;
    }
}

.custom-select-date-dialog {
    padding: 0px !important;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
    height: 480px !important;
    max-width: 900px !important;
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .custom-select-date-dialog {
       width:99% !important;
    }
}

.custom-measurement-selectdate-dialog-responsive {
    display: contents !important;
}

@media (max-width: 700px) {
    .custom-measurement-selectdate-dialog-responsive {
        display: none !important;
    }
}

.custom-measurement-selectdate-dialog-responsive-small {
    display: none !important;
}

@media (max-width: 700px) {
    .custom-measurement-selectdate-dialog-responsive-small {
        display: contents !important;
    }
}

.custom-select-date-dialog-button {
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 12px !important;
    text-transform: unset !important;
    box-shadow: none !important;
    width: 100px !important;
    height: 40px !important;
}

@media (max-width: 480px) {
    .custom-select-date-dialog-button {
        margin-right: 40px !important;
    }
}

@media (max-width: 480px) {
    .custom-date-textfield > div.mud-input-control-input-container > div.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
        padding: 19.5px 14px !important;
        font-size: 12px !important
    }
}

.custom-measurement-graphic-container > div.mud-container-maxwidth-lg {
    max-width: 1900px !important; 
}