/****START TOURNAMENT STYLES *****/

.chart-table-sec p, .chart-table-sec h2, .chart-table-sec h2, .chart-table-sec span {
    font-family: 'Montserrat', sans-serif;
}

* {
    box-sizing: border-box;
}


.tablecontentwordwrap {
    word-wrap: break-word;
    font-size: 12px;
    padding-left: 0px;
}

.main-box {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 40px;
}

    /*.text-box {
    border: 2px solid #000;
    width: 130px;
    height: 130px;
    overflow: hidden;
    background-color: #f7f7f7;
}
*/
    .main-box h2 {
        font-size: 13px;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0;
    }

.chart-table-sec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 20px 0 0;
}

.btn-red {
    background-color: red;
    color: #fff;
    padding: 5px;
    border: 1px solid #000;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    position: absolute;
    right: -78px;
    top: 18px;
}

.winner-dark-bracketB {
    border: 2px solid #000000;
    margin: 0;
    background-color: #fff;
    position: absolute;
    right: 99px;
    top: 55px;
    width: 140px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 900;
    background-color: #a41433;
    color: #fff;
    border-radius: 6px;
}

.winner-light-bracketB {
    border: 2px solid #000000;
    margin: 0;
    background-color: #fff;
    position: absolute;
    right: auto;
    top: 55px;
    width: 140px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 900;
    background-color: #fff;
    color: #a10e35;
    border-radius: 6px;
    left: -130px;
}

.winner-dark-bracketA {
    border: 2px solid #000000;
    margin: 0;
    background-color: #fff;
    position: absolute;
    right: -130px;
    top: 55px;
    width: 140px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 900;
    background-color: #a41433;
    color: #fff;
    border-radius: 6px;
}

.winner-light-bracketA {
    border: 2px solid #000000;
    margin: 0;
    background-color: #fff;
    position: absolute;
    right: auto;
    top: 55px;
    width: 140px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 900;
    background-color: #fff;
    color: #a10e35;
    border-radius: 6px;
    left: 99px;
}

.main-box .red-box span {
    position: absolute;
    right: -70px;
    color: #000;
    bottom: 0;
    font-size: 11px;
    font-weight: 700;
}


.white-bg .input-form .roundheader th:first-child {
    border-radius: 10px 0 0 0 !important;
}

.white-bg .input-form .roundheader th:last-child {
    border-radius: 0 10px 0 0 !important;
}


@media (max-width: 520px) {

    .input-form table tr td {
        max-width: 100vw;
        width: 100%;
        padding: 0 5px;
    }
}



    .com-chart-box {
        display: flex;
        align-items: center;
        position: relative;
    }

    .first-chart-box {
        margin-right: 170px;
        position: relative;
    }

    .round-trip {
        display: flex;
        align-items: center;
    }

    .first-round-table {
        margin-right: 170px;
        position: relative;
    }

    .last-round {
        display: flex;
        align-items: center;
    }

    .next-round {
        margin-right: 175px;
        position: relative;
    }

    .final-round-table {
        display: flex;
        align-items: center;
    }

    .last-round-trip-com {
        margin-right: 170px;
        position: relative;
    }

    .table-top-heading ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        align-items: center;
    }

        .table-top-heading ul li {
            width: 21%;
            color: #A71931;
            font-size: 20px;
            font-weight: bolder;
            font-family: 'Montserrat';
        }

    .table-top-heading {
        margin-bottom: 25px;
    }


    /***************border******************/

    .main-box:before {
        content: "";
        width: 140px;
        height: 2px;
        position: absolute;
        left: 130px;
        top: 70px;
        background-color: #000;
    }

    .first-chart-box:before {
        content: "";
        width: 2px;
        height: 130px;
        position: absolute;
        right: -139px;
        top: 61px;
        background-color: #000;
    }

    .first-chart-box:after {
        content: "";
        width: 75px;
        height: 2px;
        position: absolute;
        right: -213px;
        top: 128px;
        background-color: #000;
    }

    .first-round-table:before {
        content: "";
        width: 2px;
        height: 261px;
        position: absolute;
        right: -139px;
        top: 127px;
        background-color: #000;
    }

    .first-round-table:after {
        content: "";
        width: 75px;
        height: 2px;
        position: absolute;
        right: -213px;
        top: 261px;
        background-color: #000;
    }

    .next-round:before {
        content: "";
        width: 2px;
        height: 521px;
        position: absolute;
        right: -139px;
        top: 257px;
        background-color: #000;
    }

    .next-round:after {
        content: "";
        width: 75px;
        height: 2px;
        position: absolute;
        right: -213px;
        top: 519px;
        background-color: #000;
    }

    .last-round-trip-com:before {
        content: "";
        width: 2px;
        height: 1042px;
        position: absolute;
        right: -139px;
        top: 516px;
        background-color: #000;
    }

    .last-round-trip-com:after {
        content: "";
        width: 75px;
        height: 2px;
        position: absolute;
        right: -213px;
        top: 1041px;
        background-color: #000;
    }

    .final-round .main-box:before {
        display: none;
    }



    /**************sorting css*******************/

    .sorting-round-sec {
        max-width: 800px;
        margin: 0 auto;
        padding: 40px 0;
    }

        .sorting-round-sec .sort-heading {
            text-align: center;
        }

            .sorting-round-sec .sort-heading h2 {
                color: #A71931;
                font-weight: 900;
                margin: 0;
                text-transform: capitalize;
                font-size: 24px;
            }

            .sorting-round-sec .sort-heading h3 {
                margin: 10px 0 0;
                text-transform: capitalize;
                font-size: 20px;
                font-weight: bold;
            }

            .sorting-round-sec .sort-heading ul {
                margin: 0;
                display: flex;
                justify-content: center;
                list-style-type: none;
                width: 100%;
                padding: 0;
            }

            .sorting-round-sec .sort-heading .btn-red {
                display: block;
                position: static;
                font-size: 15px;
                padding: 5px 10px;
            }

            .sorting-round-sec .sort-heading ul li {
                margin: 13px 5px;
            }

    .inner-sorting-round {
        border: 2px solid #A71931;
        padding: 16px;
    }

        .inner-sorting-round .com-sort-box {
            display: flex;
            justify-content: space-between;
        }

    .short-box .main-box:before {
        width: 450px;
    }

    .short-box.second-sort-box .main-box:before {
        display: none;
    }

    .short-box .main-box span {
        right: -75px;
    }

    .short-box.second-sort-box .main-box .red-box .btn-red {
        right: auto;
        left: -77px;
    }

    .short-box.second-sort-box .main-box .red-box h3 {
        /* right: auto; */
        /* left: -130px; */
    }

    .short-box.second-sort-box .main-box .red-box span {
        right: auto;
        left: -70px;
    }

    .inner-sorting-round .com-sort-box:last-child .main-box {
        margin-bottom: 0;
    }


    .text-box img {
        width: 100%;
        text-align: center;
        object-fit: contain;
        margin: 0 auto;
        object-position: center !important;
        height: 130px !important;
    }



    .red-box button.button {
        position: absolute;
        top: 0;
        left: 140px;
    }


    .short-box.second-sort-box button.button {
        left: auto;
        right: 140px;
    }


    .short-box .main-box .red-box .text-heading {
        position: absolute;
        top: 0;
        left: 140px;
        right: auto;
        color: #a41433;
        line-height: 18px;
        font-weight: 700;
        text-shadow: 0 2px #d7d7d7;
    }

        .short-box .main-box .red-box .text-heading span {
            position: static;
            color: #a41433;
            font-size: 30px;
            line-height: 24px !important;
        }



    .short-box.second-sort-box .main-box .red-box .text-heading {
        position: absolute;
        top: 0;
        right: 146px;
        left: auto;
        color: #a41433;
        line-height: 18px;
        font-weight: 700;
        text-shadow: 0 2px #d7d7d7;
    }

        .short-box.second-sort-box .main-box .red-box .text-heading span {
            position: static;
            color: #a41433;
            font-size: 30px;
            line-height: 24px !important;
        }


    .empty-student {
        background-color: darkgrey;
        padding: 3px 50px;
        position: absolute;
        top: 41px;
        right: 44px;
        border-radius: 6px;
        border: 2px solid #000;
        font-weight: 800;
        font-size: 31px;
        text-transform: uppercase;
        font-style: italic;
    }


    @media only screen and (max-width: 1280px) {

        .chart-table-sec {
            padding: 25px 15px;
            overflow: hidden;
        }

        .scroll-full-box {
            overflow-x: scroll;
        }

        .table-top-heading ul li {
            width: 275px;
        }

        .table-top-heading ul {
            width: 1250px;
        }
    }


    @media only screen and (max-width: 767px) {

        .sorting-round-sec .inner-sorting-round {
            overflow-x: scroll;
        }

        .sorting-round-sec {
            padding: 40px 15px;
        }

        .inner-sorting-round .com-sort-box {
            min-width: 600px;
        }
    }










    /*touranametBracket Style*/


    .tournament-bracket__table button.button {
        margin: 0 3px 0 0 !important;
        padding: 8px 9px;
        min-width: 80px;
        box-shadow: none;
    }

    .tournament-section {
        padding-top: 15px;
        background-color: #F7F7F7;
    }

    .tournament-bracket__round.tournament-bracket__round--semifinals ul.tournament-bracket__list {
        min-height: 280px;
    }


    .tournament-bracket__round.tournament-bracket__round--bronze ul.tournament-bracket__list {
        min-height: 280px;
        margin-left: 1px;
    }


    .white-bg .tournament-section .container {
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        padding: 0 15px;
    }

    .tournament-section h2 {
        font-size: 25px;
        font-weight: 800;
        margin-bottom: 30px;
        color: #A71931;
        text-align: center;
    }

    .tournament-bracket {
        display: flex;
        flex-direction: column;
    }

    @media (min-width: 38em) {
        .tournament-bracket {
            flex-direction: row;
        }
    }

    .tournament-bracket__round {
        display: block;
        margin-left: -3px;
        flex: 1;
    }

    .tournament-bracket__round-title {
        color: #A71931;
        font-size: 20px;
        font-weight: 800;
        text-align: center;
        margin-bottom: 31px;
    }

    .tournament-bracket__list {
        display: flex;
        flex-direction: column;
        flex-flow: row wrap;
        justify-content: center;
        transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
        padding: 0 !important;
        min-height: 233px;
    }

    @media (max-width: 24em) {
        .tournament-bracket__list {
            padding-bottom: 1em;
            margin-bottom: 1em;
        }
    }

    .tournament-bracket__round:last-child .tournament-bracket__list {
        border: 0;
    }

    .tournament-bracket__item {
        display: flex;
        flex: 0 1 auto;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        padding: 2% 0;
        width: 48%;
        transition: padding 0.2s linear;
    }

        .tournament-bracket__item:nth-child(odd) {
            margin-right: 2%;
        }

        .tournament-bracket__item:nth-child(even) {
            margin-left: 2%;
        }

        .tournament-bracket__item::after {
            transition: width 0.2s linear;
        }

    @media (max-width: 24em) {
        .tournament-bracket__item {
            width: 100%;
        }

            .tournament-bracket__item:nth-child(odd),
            .tournament-bracket__item:nth-child(even) {
                margin-left: 0;
                margin-right: 0;
            }
    }

    @media (min-width: 38em) {
        .tournament-bracket__item {
            padding: 0.5em 1em;
            width: 100%;
        }

            .tournament-bracket__item:nth-child(odd),
            .tournament-bracket__item:nth-child(even) {
                margin: 0;
            }

            .tournament-bracket__item::after {
                position: absolute;
                right: 0;
                content: '';
                display: block;
                width: 1em;
                height: 45%;
                border-right: 2px solid #9e9e9e;
            }

            .tournament-bracket__item:nth-child(odd)::after {
                top: 50%;
                border-top: 2px solid #9e9e9e;
                transform: translateY(-1px);
            }

            .tournament-bracket__item:nth-child(even)::after {
                bottom: 50%;
                border-bottom: 2px solid #9e9e9e;
                transform: translateY(1px);
            }

        .tournament-bracket__round:first-child .tournament-bracket__item {
            padding-left: 0;
        }

        .tournament-bracket__round:last-child .tournament-bracket__item {
            padding-right: 0;
        }

            .tournament-bracket__round:last-child .tournament-bracket__item::after {
                display: none;
            }

        .tournament-bracket__round:nth-last-child(2) .tournament-bracket__item::after {
            border-radius: 0;
            border-right: 0;
        }
    }

    @media (min-width: 72em) {
        .tournament-bracket__item {
            padding: 10px 18px;
        }

            .tournament-bracket__item::after {
                width: 1.5em;
            }
    }

    .tournament-bracket__match {
        display: flex;
        width: 100%;
        padding: 0;
        border: 1px solid #dddfe0;
        border-radius: 0.1em;
        box-shadow: 0 2px 5px #e5e5e5;
        outline: none;
        transition: padding 0.2s ease-in-out, border 0.2s linear;
        height: 50px;
    }

        .tournament-bracket__match:focus {
            border-color: #2196F3;
        }

        .tournament-bracket__match::before,
        .tournament-bracket__match::after {
            transition: all 0.2s linear;
        }

    @media (max-width: 24em) {
        .tournament-bracket__match {
            padding: 0.75em 0.5em;
        }
    }

    @media (min-width: 38em) {
        .tournament-bracket__match::before,
        .tournament-bracket__match::after {
            position: absolute;
            left: 1px;
            z-index: 0;
            content: '';
            display: block;
            width: 1em;
            height: 4%;
            border-left: 2px solid #9e9e9e;
        }

        .tournament-bracket__match::before {
            bottom: 50%;
            border-bottom: 2px solid #9e9e9e;
            transform: translate(0, 1px);
        }

        .tournament-bracket__match::after {
            top: 50%;
            border-top: 2px solid #9e9e9e;
            transform: translate(0, -1px);
        }
    }

    @media (min-width: 72em) {
        .tournament-bracket__match::before,
        .tournament-bracket__match::after {
            width: 1.5em;
        }

        .tournament-bracket__match::before {
            transform: translate(0, 1px);
        }

        .tournament-bracket__match::after {
            transform: translate(0, -1px);
        }
    }

    .tournament-bracket__round:last-child .tournament-bracket__match::before,
    .tournament-bracket__round:last-child .tournament-bracket__match::after {
        border-left: 0;
    }

    .tournament-bracket__round:last-child .tournament-bracket__match::before {
        border-bottom-left-radius: 0;
    }

    .tournament-bracket__round:last-child .tournament-bracket__match::after {
        display: none;
    }

    .tournament-bracket__round:first-child .tournament-bracket__match::before,
    .tournament-bracket__round:first-child .tournament-bracket__match::after {
        display: none;
    }

    .tournament-bracket__content {
        display: flex;
    }

        .tournament-bracket__content::after {
            content: ':';
            width: 1em;
            text-align: center;
            padding: 0.2em 0.1em;
        }

    @media (min-width: 38em) {
        .tournament-bracket__content::after {
            order: 1;
        }
    }

    .tournament-bracket__content .tournament-bracket__team:first-child {
        width: 50%;
        order: 0;
        text-align: right;
    }

    @media (min-width: 38em) and (max-width: 52em) {
        .tournament-bracket__content .tournament-bracket__team:first-child {
            align-items: flex-end;
        }
    }

    .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
        order: 2;
        justify-content: flex-end;
    }

    @media (min-width: 24em) {
        .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
            order: 0;
        }
    }

    @media (min-width: 38em) and (max-width: 52em) {
        .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__country {
            flex-direction: column-reverse;
            align-items: flex-end;
        }
    }

    .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__score {
        order: 0;
    }

    @media (min-width: 24em) {
        .tournament-bracket__content .tournament-bracket__team:first-child .tournament-bracket__score {
            order: 2;
        }
    }

    .tournament-bracket__content .tournament-bracket__team:last-child {
        width: 50%;
        order: 2;
        text-align: left;
    }

    @media (min-width: 38em) and (max-width: 52em) {
        .tournament-bracket__content .tournament-bracket__team:last-child {
            align-items: flex-start;
        }
    }

    @media (min-width: 38em) {
        .tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__country {
            justify-content: flex-start;
        }
    }

    @media (min-width: 38em) and (max-width: 52em) {
        .tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__country {
            align-items: flex-start;
        }
    }

    .tournament-bracket__content .tournament-bracket__team:last-child .tournament-bracket__code {
        order: 1;
    }

    .tournament-bracket__table {
        width: 100%;
        display: flex;
        align-items: center;
        background-color: #fff;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .tournament-bracket__caption {
        font-size: 0.8rem;
        color: #BDBDBD;
        font-weight: 300;
        padding-bottom: 0.75em;
    }

    .tournament-bracket__team {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    @media (min-width: 24em) {
        .tournament-bracket__team {
            flex-direction: column-reverse;
        }
    }

    @media (min-width: 38em) {
        .tournament-bracket__team {
            flex-direction: column-reverse;
        }
    }

    .tournament-bracket__country {
        font-size: 0.95rem;
        display: flex;
        margin-top: 0.5em;
        align-items: center;
    }

    @media (max-width: 24em) {
        .tournament-bracket__country {
            margin-top: 0;
        }
    }

    @media (min-width: 38em) and (max-width: 52em) {
        .tournament-bracket__country {
            display: flex;
            flex-direction: column;
        }

            .tournament-bracket__country .tournament-bracket__code {
                margin-top: 0.2em;
            }
    }

    .tournament-bracket__code {
        padding: 0 0.5em;
        color: #212121;
        font-weight: 600;
        text-transform: uppercase;
        border: 0;
        text-decoration: none;
        cursor: help;
        transition: padding 0.2s ease-in-out;
    }

    @media (max-width: 24em) {
        .tournament-bracket__code {
            padding: 0 0.25em;
        }
    }

    @media (min-width: 38em) and (max-width: 52em) {
        .tournament-bracket__code {
            padding: 0;
        }
    }

    .tournament-bracket__score {
        display: flex;
        align-items: center;
    }

    .tournament-bracket__team:first-child .tournament-bracket__score {
        flex-direction: row-reverse;
        padding-left: 0.75em;
    }

    .tournament-bracket__team:last-child .tournament-bracket__score {
        padding-right: 0.75em;
    }

    .tournament-bracket__number {
        display: inline-block;
        padding: 0.2em 0.4em 0.2em;
        border-bottom: 0.075em solid transparent;
        font-size: 0.95rem;
        background-color: #FAFAFA;
        border-color: #dddddd;
    }


    .tournament-bracket__table p {
        margin: 0 auto;
        padding: 7px 6px;
        font-weight: 600;
        font-size: 14px;
    }

    .btn-advance {
        display: block;
        background-color: #A71931;
        padding: 9px 16px;
        color: #fff;
        text-decoration: none;
    }

    .tournament-bracket__round.tournament-bracket__round--bronze .tournament-bracket__item:after {
        display: none;
    }

    .tournament-bracket__round.tournament-bracket__round--gold.final-round-game {
        padding-left: 25px;
    }

        .tournament-bracket__round.tournament-bracket__round--gold.final-round-game .tournament-bracket__match::before, .tournament-bracket__round.tournament-bracket__round--gold.final-round-game .tournament-bracket__match::after {
            display: none;
        }

        .tournament-bracket__round.tournament-bracket__round--gold.final-round-game li.tournament-bracket__item {
            padding-left: 0;
            padding-right: 0;
        }

        .tournament-bracket__round.tournament-bracket__round--gold.final-round-game .tournament-bracket__item::after {
            display: none;
        }

    h4.tournament-bracket__round-sub-title {
        margin: 0;
        padding: 0;
        color: #A71931;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }


    .tournament-bracket__round.tournament-bracket__round--gold.final-round-game ul.tournament-bracket__list {
        min-height: auto;
        margin: 0;
    }


    .madel-finlist.mb-45 {
        margin-bottom: 45px;
    }


    /***********************************/


    @media only screen and (min-width: 520px) and (max-width: 1150px) {

        .tournament-section {
            overflow-x: scroll;
        }

            .tournament-section .container {
                min-width: 1200px;
            }
    }


    @media only screen and (max-width:520px) {
        .tournament-bracket__list {
            height: auto;
        }
    }


    /****END TOURNAMENT STYLES *****/


    .page-sub-heading {
        color: var(--secondarycolor);
        font-size: 12px
    }

    .student-profile-sec .page-sub-heading {
        padding-right: 15px
    }

    .page-sub-Text {
        font-size: 12px;
    }

    /*.secondary-text {
    color: var(--secondarycolor) !important;
}*/
    /*.form-1600, .form-1400, .form-1200, .form-1000, .form-800, .form-600, .form-450 {
    padding: 20px;
    padding: 20px 0 0 0;
    display: inline-block;
    text-align: center;
}*/


    /*.tablestyle {
    text-align: left;
    width: 100%;
    background: #fff;
    font-size: 14px;
}*/

   /* .paymentform {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
    }

        .paymentform .formlabel {
            margin-bottom: 0px;
            margin-left: 5px;
            font-size: 16px;
            font-weight: 400;
        }

    .zipcode input {
        width: 100px !important;
    }

    .paymentform td {
        padding: 0px;
    }

    .paymentbackground {
        background-image: url("../../images/PaymentBackGround.png");
        padding: 10px;
        background-repeat: no-repeat;
        background-size: cover;
        width: 350px;
        padding-left: 75px;
        padding-bottom: 120px;
        padding-top: 40px;
    }

    .paymentform .formlabel {
        color: black;
        font-weight: 400;
        font-size: 16px;
    }*/


    .age-filter {
        display: flex;
        border: 1px solid;
        justify-content: space-evenly;
        align-items: center;
        border-radius: 5px;
    }

    .filters .age-filter input {
        width: 100% !important;
        height: 32px;
        border: 0;
        outline: 0;
    }


    .check-box-section.dropdown-check-list {
        position: relative;
    }

        .check-box-section.dropdown-check-list ul.itm {
            padding: 5px 5px 0px 5px;
            width: 100%;
        }


.dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    /*border-left: 2px solid black;
        border-top: 2px solid black;
        padding: 3.9px;*/
    border-left: 2px solid #707271;
    border-top: 2px solid #707271;
    padding: 2.6px;
    right: 10px;
    top: 35%;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

    .dropdown-check-list .anchor:active:after {
        right: 8px;
        top: 21%;
    }


    .dropdown-check-list ul.itm {
        padding: 0;
        display: none;
        margin: 0;
        border: 1px solid #ccc;
        border-top: none;
        z-index: 9999;
        position: absolute;
        top: 42px;
        background: #fff;
        padding: 5px;
        left: 0;
        right: 0;
        width: 100%;
    }

        .dropdown-check-list ul.itm li {
            list-style: none;
        }

    .dropdown-check-list.visible .itm {
        display: block;
        overflow-y: scroll;
        height: 100px;
    }


.form-feild .dropdown-check-list .form-control {
    /*border: 1px solid #000;*/
    border: 1px solid var(--Divider);
    border-radius: 5px;
    padding: 5px 20px;
    appearance: none;
    font-size: 12px;
    overflow-y: hidden;
}

    .check-box-section {
        display: flex;
        flex-wrap: wrap;
    }

        .check-box-section input {
            width: auto;
            height: auto;
        }

        .check-box-section span {
            align-items: center;
            display: flex;
            gap: 5px;
            padding-right: 5px;
        }

        .check-box-section.dropdown-check-list {
            position: relative;
        }

    .sidebar-dropdown.active .arrow-func {
        transform: rotate(135deg);
        transition: .5s;
    }
    /*form styles End*/
    /*buttons layout start*/


    .studentPage-headers {
        text-align: left;
        font-size: 12px;
        font-family: sans-serif
    }

    .student-profile-img {
        width: 100px;
        height: 140px;
        object-fit: cover;
        object-position: top;
    }

    .user-profile-edit {
        width: 100%;
        max-width: 190px;
        height: 210px;
    }

        .user-profile-edit img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

    .tags-sec {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        padding-top: 10px;
    }

    .creditCard {
        background-color: #505050;
        border-radius: 10px;
        color: white;
        width: 300px;
        margin: auto;
        padding-left: 40px;
    }

    .maxwidth650 {
        width: 650px !important;
    }

    @media screen and (max-width: 560px) {
        .maxwidth650 {
            width: 100% !important;
        }
    }







    @media screen and (max-width: 560px) {
        .user-form table tr {
            flex-direction: column;
        }

            .user-form table tr td {
                padding: 5px;
            }
    }

    /*margins and padding*/
    .m-0 {
        margin: 0;
    }

    .mt-0 {
        margin-top: 0;
    }

    .mt-50 {
        margin-top: 50px;
    }

    .mb-0 {
        margin-bottom: 0;
    }

    .mr-0 {
        margin-right: 0;
    }

    .ml-0 {
        margin-left: 0;
    }

    .margintop-5 {
        margin-top: 10px;
    }

    .margin-5 {
        margin: 5px;
    }

    .marginbottom-5 {
        margin-bottom: 5px;
    }

    .marginright-5 {
        margin-right: 5px;
    }

    .mnarginleft-5 {
        margin-left: 5px;
    }

    .margintop-5 {
        margin-top: 5px;
    }

    .mb-1 {
        margin-bottom: 2px;
    }

    .mb-10 {
        margin-bottom: 5px;
    }

    .m-10 {
        margin: 10px;
    }

    .mr-10 {
        margin-right: 10px;
    }

    .ml-10 {
        margin-left: 10px;
    }

    .mt-10 {
        margin-top: 10px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .m-15 {
        margin: 15px;
    }

    .mt-15 {
        margin-top: 15px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .mr-15 {
        margin-right: 15px;
    }

    .ml-15 {
        margin-left: 15px;
    }

    .m-20 {
        margin: 20px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .mr-20 {
        margin-right: 20px;
    }

    .ml-20 {
        margin-left: 20px;
    }

    .m-25 {
        margin: 25px;
    }

    .mt-25 {
        margin-top: 25px;
    }

    .mb-25 {
        margin-bottom: 25px;
    }

    .mr-25 {
        margin-right: 25px;
    }

    .ml-25 {
        margin-left: 25px;
    }

    .m-30 {
        margin: 30px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mr-30 {
        margin-right: 30px;
    }

    .ml-30 {
        margin-left: 30px;
    }

    .mb-35 {
        margin-bottom: 35px;
    }

    .mb-40 {
        margin-bottom: 40px;
    }

    .p-0 {
        padding: 0;
    }

    .pt-0 {
        padding-top: 0;
    }

    .pb-0 {
        padding-bottom: 0;
    }

    .pr-0 {
        padding-right: 0;
    }

    .pl-0 {
        padding-left: 0;
    }

    .paddingt-5 {
        padding-top: 10px;
    }

    .padding-5 {
        padding: 5px;
    }

    .paddingbottom-5 {
        padding-bottom: 10px;
    }

    .paddingrright-5 {
        padding-right: 5px;
    }

    .paddingleft-5 {
        padding-left: 5px;
    }

    .paddingttop-5 {
        padding-top: 5px;
    }



    .maxwidth400 {
        width: 650px !important;
    }

    .maxwidth200 {
        width: 200px !important;
    }



    .text-right {
        margin-left: 994px;
    }

    .small-dropdown {
        width: 80px;
        margin-right: 5px;
    }

    .maxwidth75 {
        width: 75px !important;
    }

    .centerform .user-form table tr {
        justify-content: center;
    }

    @media screen and (max-width: 767px) {
        .text-right {
            margin-left: 0;
            text-align: right;
            width: 100%;
            display: block;
        }
    }

    @media screen and (max-width: 768px) {
        .small-dropdown {
            width: 100%;
            margin-right: 0;
        }
    }

    @media screen and (max-width: 768px) {
        .mt-30 {
            margin-top: 30px;
        }
    }

    @media screen and (max-width: 768px) {
        .maxwidth75 {
            width: 0;
        }
    }

    font.barcodeTextmobile {
        display: block !important;
    }

    font.barcodeTextWeb {
        display: none;
    }
}

font.barcodeTextmobile {
    display: none;
}



.Frenchies-tr {
    padding-left: 130px;
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
}

.divtitle {
    font-weight: bold;
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    text-align: center;
    color: red;
    background-color: whitesmoke;
    box-shadow: rgba(0,0,0,0.03) 0px 4px 6px -1px, rgba(0,0,0,0.08) 0px 0px 9px 0px;
    z-index: 1000;
}

.redHeader {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background-color: #dd0426 !important;
    border: 1px solid #dd0426 !important;
}


.adjust-img img {
    width: 100%;
}


.adjust-img font {
    font-size: 42px !IMPORTANT;
}

/*body {
    background: var(--BackgroundColor) !important;
}*/

/********* new css by 12-02-2024**********/


.active-campaign th {
    padding: 10px 35px;
}

.active-campaign td {
    padding: 10px 35px;
}

.marketing-champign-fields {
    max-width: 1000px;
    margin: 0 auto;
}

    .marketing-champign-fields input[type="date"] {
        width: 100% !important;
    }



@media (min-width: 200px) and (max-width: 390px) {
    .adjust-buttons {
        margin-top: 10px !important;
    }
}

@media (min-width : 230px) and (max-width: 413px) {

    .adjust-paused-buttons {
        text-align: center;
    }
}

@media (max-width: 949px) {

    .lineHeight {
        line-height: 22px
    }
}


.selected-student-profile-img {
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .selected-student-profile-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }


.creditCard {
    background-color: #505050;
    border-radius: 10px;
    color: white;
    width: 300px;
    margin: auto;
    padding-left: 40px;
}

.add-new-time {
    display: flex;
    padding: 15px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.keyboardstyle {
    cursor: pointer;
    font-size: 40px;
}

@media (max-width: 380px) {
    .keyboardstyle {
        cursor: pointer;
        font-size: 15px;
    }
}

@media (min-width: 380px) and (max-width: 430px) {
    .keyboardstyle {
        cursor: pointer;
        font-size: 20px;
    }
}

@media (min-width: 430px) and (max-width: 500px) {
    .keyboardstyle {
        cursor: pointer;
        font-size: 25px;
    }
}
@media (min-width: 500px) and (max-width: 600px) {
    .keyboardstyle {
        cursor: pointer;
        font-size: 30px;
    }
}
@media (min-width: 600px) {
    .keyboardstyle {
        cursor: pointer;
        font-size: 40px;
    }
}

    .upload input {
        color: white !important;
    }

    .invalidfield {
        color: red;
        padding-top: 10px;
        padding-bottom: 10px
    }



    /*a {
    text-decoration: underline !important;
}*/


    .purple {
        background-color: purple;
        color: white;
        border: solid 1px black;
        padding: 0px;
        height: 90px;
        font-size: 18px;
        text-align: center;
    }

        .purple a {
            color: white !important;
            text-decoration: none !important;
            text-align: center;
        }

    .purpletable {
        background-color: #333;
        color: white;
        border: solid 1px black;
        padding: 0px;
        height: 50px;
        font-size: 10px;
        text-align: center;
    }

        .purpletable a {
            color: white !important;
            text-decoration: none !important;
            text-align: center;
        }


    .resources {
        background-color: green;
        color: white;
        border: solid 1px black;
        font-size: 8px;
        font-weight: bold;
        padding: 4px;
    }

        .resources a {
            color: white !important;
        }


    .green {
        background-color: green;
        color: white;
        border: solid 1px black;
        padding: 0px;
        text-align: center;
    }

        .green a {
            color: white !important;
            text-align: center;
        }

    .blue {
        background-color: blue;
        color: white;
        border: solid 1px black;
        padding: 0px;
        text-align: center;
    }

        .blue a {
            color: white !important;
            text-align: center;
        }

    .yellow {
        background-color: yellow;
        color: white;
        border: solid 1px black;
        padding: 0px;
        text-align: center;
    }

        .yellow a {
            color: black !important;
            text-align: center;
        }



    .green {
        background-color: green;
        color: white;
        border: solid 1px black;
        padding: 0px;
        text-align: center;
    }

        .green a {
            color: white !important;
            text-align: center;
        }

.red {
    background-color: #A71931;
    color: white;
    border: solid 1px black;
    padding: 0px;
    text-align: center;
}

        .red a {
            color: white !important;
            text-align: center;
        }


    .controldoc {
        background-color: blue;
        color: white;
        border: solid 1px black;
        padding: 0px;
        text-align: center;
    }

        .controldoc a {
            color: white !important;
            text-align: center;
        }

    .retailmedia {
        background-color: green;
        color: white;
        border: solid 1px black;
        padding: 0px;
    }

        .retailmedia a {
            color: white !important;
        }

    .Communications {
        background-color: yellow;
        color: black;
        border: solid 1px black;
        padding: 0px;
    }

        .Communications a {
            color: black !important;
            font-size: 7.5px !important;
        }

    .Communication {
        background-color: #F05A24;
        text-align: center;
        color: white;
        border: solid 1px black;
        font-size: 7px;
        font-weight: bold;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .Communication a {
            color: white !important;
        }

    .trdev {
        background-color: red;
        color: white;
        border: solid 1px black;
        padding: 0px;
    }

        .trdev a {
            color: white !important;
        }














    .input-form .centerform table tr td {
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
    }

.Keyboardtablestyle {
    width: 100%;
    background: var(--whitebg);
}

    .student-letter-search .student-letter {
        font-size: 26px;
        line-height: 32px;
    }

    .profile-details-student {
        width: 50%;
    }

        .profile-details-student .student-letter-profile {
            display: flex;
        }

    .student-title-sec tr {
        display: flex;
        flex-wrap: wrap;
    }

    .duration input {
        width: 50px;
    }

    .link a {
        color: black !important;
    }

    .tox.tox-tinymce {
        height: 200px !important;
    }

    @media screen and (max-width: 560px) {
        .profile-details-student {
            width: 100%;
        }
    }

    @media (min-width: 501px) and (max-width: 800px) {
        .profile-details-student {
            width: 50%;
        }

            .profile-details-student .student-letter-profile {
                display: flex;
            }

        .student-title-sec tr {
            display: flex;
            flex-wrap: wrap;
        }
    }



    .page-sub-heading {
        color: var(--secondarycolor)
    }

    .student-list-profile-img {
        width: 75px;
        height: 120px;
    }

        .student-list-profile-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

    .Keyboardtablestyle td {
        /*max-width:10px;*/

        border-bottom: 1px solid #AAA;
        vertical-align: top;
        font-weight: 400;
        text-align: center;
    }


    @media screen and (max-width: 560px) {
        .height350 {
            height: 100% !important;
        }
    }

    @media screen and (max-width: 560px) {
        .creditCard {
            background-color: #505050;
            border-radius: 10px;
            width: 100%;
            padding-left: 20px;
        }
    }
    /*@media screen and (min-width: 560px) {
    .maxwidth {
        width: 100%;
    }
}

*/


    @media (max-width: 501px) {
        .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .header-cell {
            font-weight: 700;
        }
    }

    @media (max-width: 800px) and (min-width: 501px) {
        .mobileportrait .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .mobileportrait .header-cell {
            font-weight: 700;
        }
    }

    @media (min-width: 800px) {
        .mobileportrait .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .mobileportrait .header-cell {
            font-weight: 700;
        }
    }

    @media (min-width: 340px) {
        .mobileportrait .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .mobileportrait .header-cell {
            font-weight: 700;
        }
    }


    .emailmessagetextarea button {
        background-color: white !important;
        position: relative;
        top: -10px;
    }

    .emailmessagetextarea textarea {
        background-color: white !important;
        position: relative;
        height: 800px !important;
        width: 100% !important;
        top: -10px;
    }

    .textarea textarea {
        height: 800px !important;
    }

    .textmessagetextarea textarea {
        height: 125px !important;
    }

    /*.tablestyle tbody tr td img{
    width:100px;
}
*/

    .textarea {
        color: black !important;
    }

    .tox-tbtn__select-label {
        color: black !important;
    }

    .tox-tinymce {
        height: 800px !important;
    }

    .upload input {
        color: white !important;
    }

    .mediafile select {
        width: 250px;
    }

    .emailskin select {
        width: 350px !important;
    }


    .message input {
        width: 100% !important;
    }

    .newimagename input {
        width: 350px !important;
    }

    @media (max-width: 1000px) {
        .communicationwidth {
            width: 100%;
        }
    }

    @media (min-width: 1001px) {
        .communicationwidth {
            width: 970px;
        }
    }

    .header-row {
        background-color: #333;
        color: #fff;
        font-weight: 700;
    }

    .header-cell, .data-cell {
        padding: 8px;
        text-align: center;
    }

    .total-cell {
        background-color: #FAFAFA;
        font-weight: bold;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
        .header-cell, .data-cell {
            padding: 5px;
            font-size: 12px;
        }
    }

    .updatefield {
        padding-left: 10px;
        color: green;
        font-weight: bold
    }

    .price-sign {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .price-section {
        position: relative;
    }



    .page-sub-heading {
        color: var(--secondarycolor);
    }




    @media screen and (max-width: 1366px) {
        .scroll-tabel table thead tr th, .scroll-tabel table tbody tr td {
            font-size: 12px;
            line-height: 14px
        }
    }

    @media (max-width: 501px) {
        .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .header-cell {
            font-weight: 700;
        }
    }

    @media (max-width: 800px) and (min-width: 501px) {
        .mobileportrait .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .mobileportrait .header-cell {
            font-weight: 700;
        }
    }

    @media (min-width: 800px) {
        .mobileportrait .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .mobileportrait .header-cell {
            font-weight: 700;
        }
    }

    @media (min-width: 340px) {
        .mobileportrait .header-row {
            justify-content: space-between;
            font-weight: 700;
        }

        .mobileportrait .header-cell {
            font-weight: 700;
        }
    }




    .header-row {
        background-color: #333;
        color: #fff;
        font-weight: 700;
    }

    .header-cell, .data-cell {
        padding: 8px;
        text-align: center;
    }

    .total-cell {
        background-color: #FAFAFA;
        font-weight: bold;
    }


    @media (max-width: 768px) {
        .header-cell, .data-cell {
            padding: 5px;
            font-size: 12px;
        }
    }

    .sectionheaderNew {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px 0;
        width: 100%;
        color: #fff;
        border-bottom: solid 1px white;
        background-color: #090909;
    }


    .sectionheader1 {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px 0;
        width: 100%;
        background-color: #f8f9fa !important;
        border-bottom: solid 3px #6c757d;
        color: var(--secondarycolor);
    }

    .btn-icon {
        border: none;
        width: 8%;
        font-weight: bold;
        font-size: x-large;
        color: #141414;
        background-color: transparent;
    }

    .buttonaslinkNew {
        height: 12px !Important;
        font-size: 12px !Important;
        background: none !Important;
        border: none !Important;
        position: relative !Important;
        border-bottom: none !Important;
        font-weight: 600 !Important;
        font-family: 'Open Sans', sans-serif !Important;
        text-align: left !Important;
        text-indent: 0px !Important;
        cursor: pointer !Important;
        margin: 0 auto !Important;
        text-align: center !Important;
        padding-left: 0px !Important;
        padding-right: 0px !Important;
        margin-top: 0px !Important;
        margin-right: 0px !Important;
        text-decoration: underline !Important;
        box-shadow: none;
    }






    /* FAQ Section*/

    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

    @font-face {
        font-family: 'FontAwesome';
        src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
            url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
            url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
            url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
            url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal
    }

    body {
        font-size: 16px;
        overflow-x: hidden;
        color: #000;
        padding: 0px !important;
        font-family: 'Open Sans', sans-serif;
    }

    :root {
        --primary-color: #A71931;
        --dark-red: #680204;
        --secondary-color: #525252;
        --black: #000000;
        --white: #ffffff;
        --blue: #0047BA;
        --light-gray: #F2F2F2;
    }

    .social-footer ul li i {
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

    img {
        max-width: 100%;
    }


    .inner-faq {
        max-width: 815px;
        margin: 0 auto;
    }

    .heading-top {
        margin-bottom: 24px;
    }

    .faq-section button {
        border: none;
        padding: 13px 30px;
        position: relative;
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
        color: #000 !important;
        background-color: #44AEDE !important;
        box-shadow: none;
        border-radius: 0 !important;
        width: 100%;
    }

    .faq-section .accordion-button:not(.collapsed) {
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%) !important;
    }

    .faq-section .accordion-button:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .faq-section .accordion-body {
        line-height: 30px;
        font-weight: 400;
        padding: 15px;
    }

    .faq-section .accordion-item {
        border: none !important;
        margin-bottom: 5px;
    }

    .faq-section .accordion-collapse {
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%) !important;
    }


    .faq-section .accordion-button::after {
        background-image: url(../images/plus.svg);
    }

    .faq-section .accordion-button:not(.collapsed)::after {
        background-image: url(../images/cross.svg);
    }


    @media only screen and (max-width: 992px) {

        body {
            font-size: 16px;
        }

        .faq-section .accordion-body {
            line-height: 20px;
        }
    }