.button {
    /*text-shadow: 1px 1px 2px #888;*/
}

    .button:hover {
        text-shadow: none;
    }


@media(max-width: 575px) {
    .align-mobile {
        display: grid !important;
    }
}

@media(min-width: 1000px) {
    .customwidthfirmob {
        width: 800px !important;
    }
}

@media (max-width: 575px) {
    .customwidthfirmob {
        width: auto !important;
    }
}

@media (max-width: 800px) and (min-width: 576px) {
    .customwidthfirmob {
        width: 525px !important;
    }
}

@media (max-width: 1000px) and (min-width: 801px) {
    .customwidthfirmob {
        width: 575px !important;
    }
}

@media (min-width: 1000px) {
    .customwidthfirmob {
        width: 800px !important;
    }
}




@media(max-width: 575px) {
    .nopad-mob {
        margin-top: 0px !important;
    }
}

@media(max-width: 800px) {
    .mobile-video-alignments {
        display: flex;
        flex-direction: column-reverse;
    }

    @media(max-width: 800px) {
        .actionitembox {
            margin: 0px !important;
            padding: 0px 0px !important;
        }

        /*signature tabs*/
        .signaturetabbar {
            text-align: center;
            display: flex;
            flex-wrap: wrap;
        }

        .activesignaturetab {
            font-size: 14px;
            font-weight: bold;
            color: var(--ActiveTabTextColor) !important;
            display: inline-block;
            cursor: pointer;
            padding-top: 8px;
            padding-bottom: 8px;
            background: var(--ActiveTabBackGroundColor);
            border: solid 1px #666;
            width: calc((100%)/2);
        }

        .inactivesignaturetab {
            font-size: 14px;
            font-weight: bold;
            color: var(--InactiveTabTextColor);
            display: inline-block;
            cursor: pointer;
            text-decoration: none;
            padding-top: 8px;
            padding-bottom: 8px;
            background: var(--InactiveTabBackGroundColor);
            border: solid 1px #666;
            width: calc((100%)/2);
        }

        .signature {
            width: 375px;
            height: 500px;
        }

        @media (max-width: 575px) {
            .Modal-Centered {
                width: auto !important;
            }
        }



        /*========================= Plans template CSS ===============================*/

        .mid-div {
            margin-left: 20px !important;
            margin-top: 3px;
        }

        .cont-md {
            margin: 30px 5px 160px 5px;
            display: inline-flex;
            flex-direction: column;
        }

        .row-md {
            display: inline;
            padding: 0px 0px 0px 180px;
        }

        .col-set {
            display: inline-flex;
            flex-direction: column;
        }

        .row-pad {
            padding: 8px 6px 8px 8px;
            background-color: #ff914d;
            border-radius: 10px;
        }

        .row-set {
            width: 23.5rem;
            background-color: white;
            border-radius: 10px;
        }

        .card-title {
            color: #726f6f;
        }

        .header-style {
            font-size: 40px;
            color: #ff914d;
        }

        .sub-headings {
            color: #726f6f;
            font-size: 12px;
        }

        .list-pad {
            padding: 0px 0px 0px 20px;
        }

        .images-length {
            height: 17px;
        }

        .plan-benefits {
            font-size: 12px;
            vertical-align: middle;
            color: #726f6f;
        }

        .additional-notes {
            font-size: 13px;
            font-style: italic;
            color: #726f6f;
        }
        /*=========================End Plans template CSS ===============================*/

        .sechdule-table-sec .DriveTime {
            color: #918c8c;
            padding: 5px 0;
            font-size: 12px;
        }

        .CrewDate {
            padding: 0px;
            background-color: white;
            border: 1px solid lightgray;
        }



        .totaltime {
            background-color: var(--wd-box);
            color: white;
            text-align: center;
            font-size: 12px;
            vertical-align: middle;
            /*margin: 7px;*/
            display: block;
            padding: 5px !important;
        }

        .tb-prt-overflow {
            width: 100%;
            overflow-x: auto;
        }

        .w-100 {
            width: 100%;
        }

        .width-250 {
            max-width: 250px !important;
        }
        /*.cus-w-75{
    width: 75%;
}*/

        .row-in {
            display: -webkit-box;
        }


        @media (max-width: 991px) {
            .custom-desk > div {
                height: 40px !important;
            }
        }

        @media (max-width: 991px) and (min-width: 500px) {
            .row-set {
                width: 10.1rem !important;
            }
        }






        @media (max-width: 650px) {
            .custom-table-adjust .mobilewide-desktop {
                display: none;
            }

            .custom-table-adjust .mobileportrait {
                display: block !important;
            }
        }


        @media (max-width: 575px) {
            .custom-btns {
                justify-content: center !IMPORTANT;
            }
        }

        @media (max-width: 575px) {
            .mobileportrait {
            }

            .mobilewide {
                display: none;
            }

            .mobilewide-desktop {
                display: none;
            }

            .desktop {
                display: none;
            }

            .mobileportrait1 {
                display: block;
            }

            .desktop1 {
                display: none;
            }

            .d-th-none {
                display: none;
            }

            .br-mob {
                border-left: 0 !important;
                border-right: 0 !important;
            }

            .inp-sm-mob {
                width: 75px !important;
                margin-left: 4px;
            }

            td.mob-prop b {
                min-width: 106px;
            }

            .mob-prop .mobileportrait1.buttons {
                justify-content: center;
            }

            .p-sm-0 {
                padding: 0 !important;
            }

            .m-sm-0 {
                margin: 0 !important;
            }

            .p-sm-xs-0 {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            .p-sm-pt-0 {
                padding-top: 0 !important;
            }

            .p-sm-pb-0 {
                padding-bottom: 0 !important;
            }

            .p-sm-mt-0 {
                margin-top: 0 !important;
            }

            .p-sm-mb-0 {
                margin-bottom: 0 !important;
            }

            .tb-none {
                display: none;
            }

            .d-sm-mob {
                display: flex;
                flex-direction: column;
            }

            .w-sm-mob {
                width: 100% !important;
            }

            .p-7-mob {
                padding: 7px !important;
            }

            .m-mob-auto {
                margin: 0 auto;
            }

            .p-details table tr {
                flex-wrap: wrap;
                justify-content: start;
            }

            .width-250 {
                max-width: 100% !important;
            }

            .p-details table tr td {
                margin-right: 0 !important;
            }

            .custom-add {
                padding: 15px;
            }


            .width400 {
                width: 100% !IMPORTANT;
            }


            .width200 {
                width: 200px !important;
                padding: 5px 15px !IMPORTANT;
            }
        }

        @media (max-width: 800px) and (min-width: 575px) {
            .pagetitle {
                margin-top: 0px !important;
            }
        }

        @media (max-width: 800px) and (min-width: 576px) {
            .mobileportrait {
                display: none !important;
            }

            .desktop {
            }

            .mob-th-none {
                display: none !important;
            }


            @media (max-width: 800px) and (min-width: 576px) {
                .mobileportrait {
                    display: none !important;
                }

                .desktop {
                }

                .mob-th-none {
                    display: none !important;
                }


                .sticky-container {
                    position: sticky;
                    top: 0;
                    z-index: 1;
                }


                @media (max-width: 800px) and (min-width: 576px) {
                    .mobileportrait {
                        display: none !important;
                    }

                    .mob-th-none {
                        display: none;
                    }


                    @media (max-width: 580px) and (min-width: 500px) {
                        .p-details table tr {
                            max-width: 430px;
                        }
                    }

                    @media (min-width: 801px) {
                        .mob-th-none {
                            display: none;
                        }

                        .w-100 {
                            width: 100% !important;
                        }
                    }

                    .myclass {
                        padding: 0px 80px !important;
                    }


                    @media (max-width:500px) {
                        div b {
                            margin: 0px !important;
                            float: left;
                        }
                    }

                    .testing {
                        padding: 0px 80px !important;
                    }

                    @media(max-width: 350px) and (min-width:250px) {

                        .myvalues {
                            width: 150px !important;
                            padding: 5px 10px !IMPORTANT;
                        }
                    }

                    .mydata {
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                    }

                    .myheading {
                        padding-left: 0px !important;
                        padding-right: 0px !important;
                    }

                    .mytesttable {
                        max-width: 490px !important;
                        margin: auto;
                    }

                    @media(max-width: 600px) {
                        .mytesttable {
                            max-width: auto !important;
                            margin: 0px 20px;
                        }
                    }

                    @media(max-width: 500px) {
                        .mybox {
                            margin: 0px !important;
                            padding: 0px 0px !important;
                        }

                        .myheading {
                            margin: 0px !important;
                            padding: 10px 15px !important;
                        }

                        .mydata {
                            margin: 0px !important;
                            padding: 10px 15px !important;
                        }
                    }


                    .payment-font {
                        font-size: 12px;
                    }

                    .container-fit {
                        width: 320px
                    }

                    .status-pad {
                        margin-top: 7px;
                    }

                    .radio-btns {
                        display: flex
                    }


                    .payment-font {
                        font-size: 12px;
                    }

                    .container-fit {
                        width: 320px
                    }

                    .status-pad {
                        margin-top: 7px;
                    }

                    .radio-btns {
                        display: flex
                    }

                    .custom-grid-btn {
                        margin: 10px;
                    }

                    .align-cnter-class {
                        align-items: center;
                    }


                    @media (max-width: 500px) {
                        .mobileviewtable {
                            margin: 0px 0px 10px 0px !important;
                        }
                    }

                    .mytabledesign {
                        width: 100% !important;
                        margin: 0px !important;
                        padding: 0px !important;
                        text-align: unset !important;
                        border-collapse: unset !important;
                    }

                        .mytabledesign th {
                            background-color: var(--TableHeaderBackgroundColor);
                            color: var(--TableHeaderTextColor);
                            padding: 0px;
                            vertical-align: top;
                            font-weight: 500;
                        }

                    .div2mydesign {
                        width: 100% !important;
                    }
                }