@media only screen and (max-width: 1100px) and (min-width: 1001px) {
            .padding_bottom_15px {
                display: grid !important;
                grid-gap: 20px;
                grid-template-columns: repeat(auto-fit, 140px);
                grid-template-rows: repeat(1, 30px);
                width: 100% !important;
                height: 100% !important;
            }
            .input_wrapper {
                width: 100% !important;
            }
            .padding_bottom_18px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 120px);
                grid-template-rows: repeat(1, 30px);
                width: 100% !important;
                height: 100% !important;
            }
            .padding_bottom_17px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 160px);
                grid-template-rows: repeat(1, 50px);
                width: 100% !important;
                height: 100% !important;
            }
            .margin_top_minus_30_pr {
                margin-top: -125px !important;
            }
            .margin_top_minus_22_pr {
                margin-top: -60px !important;
            }
            .wd_11_pr {
                margin-top: 11% !important;
            }
            .wd_14_pr {
                margin-bottom: 11% !important;
            }
            .work_order_item {
                width: 100% !important;
            }
            .wd_30_pr {
                grid-column: 1/ span 2;
            }
        }
        
        @media only screen and (max-width: 1000px) and (min-width: 901px) {
            .padding_bottom_15px {
                display: grid !important;
                grid-gap: 40px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(1, 30px)!important;
                width: 100% !important;
                height: 100% !important;
            }
            .input_wrapper {
                width: 100% !important;
            }
            .padding_bottom_18px {
                display: grid !important;
                grid-gap: 50px;
                grid-template-columns: repeat(auto-fit, 180px) !important;
                grid-template-rows: repeat(1, 30px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .padding_bottom_17px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 140px);
                grid-template-rows: repeat(2, 50px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .margin_top_minus_30_pr {
                margin-top: -125px !important;
            }
            .margin_top_minus_22_pr {
                margin-top: -60px !important;
            }
            .wd_11_pr {
                margin-top: 11% !important;
            }
            .work_order_item {
                width: 100% !important;
            }
            .wd_30_pr {
                grid-column: 1/ span 2;
            }
        }
        
        @media only screen and (max-width: 900px) and (min-width: 768px) {
            .padding_bottom_15px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(1, 50px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .input_wrapper {
                width: 100% !important;
            }
            .padding_bottom_18px {
                display: grid !important;
                grid-gap: 50px;
                grid-template-columns: repeat(auto-fit, 180px) !important;
                grid-template-rows: repeat(1, 30px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .padding_bottom_17px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 200px);
                grid-template-rows: repeat(1, 50px) !important;
                width: 100% !important;
                height: 100% !important;
                padding-top: 0px !important;
            }
            .margin_top_minus_30_pr {
                margin-top: -125px !important;
            }
            .margin_top_minus_22_pr {
                margin-top: -60px !important;
            }
            .wd_30_pr {
                grid-column: 1/ span 2;
            }
            .wd_15_pr {
                margin-bottom: 6% !important;
            }
            .work_order_item {
                width: 100% !important;
            }
            .wd_9_pr {
                margin-top: 7% !important;
            }
        }
        
        @media only screen and (max-width: 767px) and (min-width: 651px) {
            .padding_bottom_15px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(2, 50px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .input_wrapper {
                width: 100% !important;
            }
            .padding_bottom_18px {
                display: grid !important;
                grid-gap: 40px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(2, 50px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .padding_bottom_17px {
                display: grid !important;
                grid-gap: 20px;
                grid-template-columns: repeat(auto-fit, 200px);
                grid-template-rows: repeat(1, 50px) !important;
                width: 100% !important;
                height: 100% !important;
                padding-top: 20px !important;
            }
            .input_date_wrapper {
                margin-top: 11% !important;
            }
            .margin_top_minus_30_pr {
                margin-top: -125px !important;
            }
            .margin_top_minus_22_pr {
                margin-top: -60px !important;
            }
            .wd_11_pr {
                margin-top: 11% !important;
            }
            .work_order_item {
                width: 100% !important;
            }
            .wd_30_pr {
                grid-column: 1/ span 2;
            }
            .wd_9_pr {
                margin-top: 7% !important;
            }
            .wd_15_pr {
                margin-bottom: 6% !important;
            }
        }
        
        @media only screen and (max-width: 650px) and (min-width: 501px) {
            .padding_bottom_15px {
                display: grid !important;
                grid-gap: 20px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(2, 50px) !important;
                width: 100% !important;
                height: 100% !important;
                padding-top: 20px !important;
            }
            .input_wrapper {
                width: 100% !important;
            }
            .padding_bottom_18px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(2, 50px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .padding_bottom_17px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 200px);
                grid-template-rows: repeat(2, 50px) !important;
                width: 100% !important;
                height: 100% !important;
            }
            .input_date_wrapper {
                margin-top: 11% !important;
            }
            .margin_top_minus_30_pr {
                margin-top: -125px !important;
            }
            .margin_top_minus_22_pr {
                margin-top: -60px !important;
            }
            .wd_11_pr {
                margin-top: 11% !important;
            }
            .work_order_item {
                width: 100% !important;
            }
        }
        
        @media only screen and (max-width: 500px) and (min-width: 300px) {
            .padding_bottom_15px {
                display: grid !important;
                grid-gap: 40px;
                grid-template-columns: repeat(auto-fit, 180px);
                grid-template-rows: repeat(2, 50px);
                width: 100% !important;
                height: 100% !important;
            }
            .input_wrapper {
                width: 100% !important;
            }
            .padding_bottom_18px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 200px);
                grid-template-rows: repeat(2, 50px);
                width: 100% !important;
                height: 100% !important;
            }
            .padding_bottom_17px {
                display: grid !important;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, 200px);
                grid-template-rows: repeat(2, 50px);
                width: 100% !important;
                height: 100% !important;
                padding-top: 20px !important;
            }
            .input_date_wrapper {
                margin-top: 11% !important;
            }
            .margin_top_minus_30_pr {
                margin-top: -125px !important;
            }
            .margin_top_minus_22_pr {
                margin-top: -60px !important;
            }
            .wd_11_pr {
                margin-top: 11% !important;
            }
            .work_order_item {
                width: 100% !important;
            }
        }
        
        .stars-outer {
            display: inline-block;
            position: relative;
        }
        
        .stars-outer::before {
            content: "☆☆☆☆☆";
        }
        
        .stars-inner {
            position: absolute;
            top: 0;
            left: 0;
            white-space: nowrap;
            overflow: hidden;
            width: 0%;
        }
        
        .stars-inner::before {
            content: "☆☆☆☆☆";
            color: #f8ce0b;
        }