@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/Roboto-Black.ttf');
}



.badge {
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 8px;
    user-select: none;
}

.badge.badge-warning {
    background: #ffce06;
}


@media (max-width: 767px) {

    .badge {
        margin-right:5px;
    }

    .academy.search.name td{
        padding-left:2px!important;
    }
}
    body {
        background: #f0f0f0 !important;
        font-family: RobotoRegular, sans-serif;
    }

    .yellow-btn {
        background: #ffff00 !important;
        color: #000;
        border: none;
    }

    .pbeTbl {
        z-index: 3;
        position: absolute;
        border-color: rgba(0,0,0,.2);
        border-style: solid;
        border-width: 1px;
        background-color: #fff;
        min-width: 300px;
        left: -165px;
    }

    .pbeTblClose {
        z-index: 4;
        right: 5px;
        top: 3px;
        position: absolute;
        cursor: pointer;
        font-size: 12px !important;
    }

    .white-space-normal {
        white-space: normal !important;
    }

    .stars-min-width {
        min-width: 65px;
    }

    strong.text-dark {
        color: #222;
    }

    .table .table.white-bg {
        background-color: #fff;
    }
    /*.table-striped.table-striped-secondary tbody tr,
.table-striped.table-striped-secondary thead tr {
    border-bottom: 1px solid rgba(0,0,0,.2);
}*/
    .table-striped.table-striped-secondary tbody tr:nth-of-type(odd),
    .table-striped.table-striped-secondary thead tr:nth-of-type(odd) {
        background-color: #fff;
    }

    .checkbox-holder.has-caret {
        position: relative;
        padding-right: 10px;
    }

        .checkbox-holder.has-caret .fa {
            position: absolute;
            left: 6px;
            top: 5px;
            z-index: 1;
            font-size: 12px;
        }

    .noBodyTblCls {
        border-top: 0px solid #eceeef !important;
    }

    @media (max-width: 767px) {
        .pbeTbl {
            left: 8px;
        }
    }

    /*added by vamsi*/
    .requiredField {
        color: #6cab44;
        /*rgba(92,184,92,1);*/
    }

    /*.navbar {
    min-height: 10px !important
}

.navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}*/
    /*body { padding-top: 100px !important; }/*added by vamsi this is to avoid the navbar to overlap with the content*/
    /*#mainBody{
    padding-top:0px;
}
#mainBodyedit{
    padding-top:120px;
}*/
    /*.affix {
      top: 0;
      width: 100%;
      /*z-index: 9999 !important;*/
    /*}
.affix-top {
  width: 100%;
}*/
    @font-face {
        font-family: 'Glyphicons Halflings';
        src: url('../fonts/glyphicons-halflings-regular.eot');
        src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
    }

    /*.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-info-sign:before {
    content: "\e086";
}*/

    h3 {
        text-align: center;
        line-height: 33px;
    }

    div.box {
        height: 100px;
        width: 200px;
        background-color: #eee;
        border: 1px solid #aaa;
        position: relative;
        top: 50px;
        left: 50px;
        border-radius: 7px;
    }

    .box:before {
        position: absolute;
        right: -20px;
        top: 5px;
        content: '';
        height: 0;
        width: 0;
        border: 10px solid transparent;
        z-index: 1;
    }

    .box:after {
        position: absolute;
        right: -17px;
        top: 25px;
        content: '';
        height: 0;
        width: 0;
        border-top: 8px solid transparent;
        border-left: 8px solid #aaa;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
        z-index: 1;
    }

    .closeSignup:before {
        content: '✕';
    }

    .closeSignup {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    /*--ADDED BY ROY--*/
    .jgh-box-height-140 {
        max-height: 140px;
        height: 140px;
    }

    .jgh-section-box {
        padding: 20px;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        border-radius: 5px;
    }

    .jgh-wht-box {
        display: flex;
        align-items: center;
        padding: 10px;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        border-radius: 0px;
    }

    .jgh-section-heading {
        padding: 20px;
        font-size: 2.5rem;
        line-height: 2.75rem;
        text-align: center;
        font-weight: 600;
        color: #6cab44;
    }

    .jgh-sm-section-heading {
        font-size: 1rem;
        text-align: left;
        color: #000;
        font-family: RobotoMedium;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 10px;
        padding: 0 0 5px 0;
    }

    .jgh-box-titles-blk {
        color: #000;
        font-family: RobotoBold;
        font-size: .95rem;
        line-height: 1.15rem;
        font-weight: 800;
    }

    .jgh-box-copy {
        color: #000;
        font-size: .8rem;
        line-height: 1.25rem;
        font-weight: 400;
    }

    .new-tag-sm {
        width: 32px;
        height: 32px;
    }

    .new-tag-full {
        width: 35px;
        height: 35px;
    }

    .new-week-update {
        background-color: #ffff66 !important;
        border: 1px solid #ccff66;
    }

    .athlete-update-profile {
        color: #222222;
        overflow-y: auto;
        height: 500px;
    }

        .athlete-update-profile .header {
            color: #507f33;
            font-size: large;
            font-weight: 800;
        }


    th.updateCategory, td.updateCategory {
        text-align: center;
        font-size: 15px !important;
        /*word-break:break-all;*/
        /*display:inline-block;*/
    }

    .matchPlayDiv {
        padding-left: 2.9rem !important;
    }

    .matchPlayComment {
        padding-left: 2.9rem !important;
    }

    /*and (-webkit-min-device-pixel-ratio: 2)*/
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait) {
        .matchPlayDiv {
            padding-left: 1.6rem !important;
        }

        .matchPlayComment {
            padding-left: 0.9rem !important;
        }
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
        .matchPlayDiv {
            padding-left: 2rem !important;
        }

        .matchPlayComment {
            padding-left: 2rem !important;
        }
    }
    /*.offer-top .offer-block .offer-price .orig-price-basic {
    font-size: 1.64rem;
    color: #767676;
    margin-top: -1rem;
    padding-bottom:1rem;
}*/

    /*.offer-top .offer-block .offer-price .offer-price-basic {
    height: 204px;
}
    .offer-top .offer-block .offer-price .offer-price-basic.orig-price-basic {
        font-size: 1.64rem;
        color: #767676;
        margin-top: -2.25rem;
    }*/


    /*---------------------ADVANCED SEARCH---------------------*/ /* Added by Roy for the Story 206*/
    .center-align {
        text-align: center;
    }

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

    .padding-5-bottom-border {
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }

    .no-pad-r {
        padding-right: 0 !important;
    }

    .no-pad-l {
        padding-left: 0px !important;
    }

    right-pad-5 {
        padding-right: 5px;
    }

    .no-pad-lr {
        padding-left: 0px !important;
        padding-right: 0 !important;
    }

    .padding-right-10 {
        padding-right: 10px;
    }

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

    .margin-left-25 {
        margin-left: 25%;
    }

    .jgh-color {
        color: #7aa952;
    }

    .no-bottom-margin {
        margin-bottom: 0 !important;
    }

    .no-top-padding {
        padding-top: 0 !important;
    }

    .has-legend-no-border {
        background: none;
    }

    .legend-none {
        background: none;
        border: none;
    }

    .advanced-field-box {
    }

    .advanced-field-title-box {
        background-color: #f2f2f2;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        font-weight: 600;
    }

    .advanced-input-fields {
        width: 100%;
        background-color: #f2f2f2;
        padding: 5px 10px;
        min-height: 55px;
    }

        .advanced-input-fields.mjrs-box {
            padding: 5px 5px;
        }

    .advanced-field-title-box i {
        font-size: 1.2rem;
        margin: 6px;
        line-height: 15px;
    }

    .advanced-field-title-box sup i {
        font-size: .9rem;
        position: relative;
        z-index: 999;
    }

    .advanced-field-title-box .popover-content {
        min-width: 250px;
    }

    .advanced-input-fields input {
        width: 44%;
        padding: 5px;
        border: 1px solid #ccc;
    }

    .h4.top-bar-title {
        font-size: 1.4rem;
    }

    .advanced-input-fields .major-search {
        width: 100% !important;
        padding: 8px 5px;
    }

    .advanced-input-fields .dropdown-menu-form input {
        width: auto;
    }

    .advanced-input-fields select {
        background-color: white !important;
    }

    .jgh-adv-header {
        float: left;
        font-size: .85rem;
        padding-bottom: 10px;
        line-height: 1.8rem;
        color: #000;
    }

    .advanced-field-box .sep-text {
        padding: 0 10px;
        font-weight: bold;
        float: left;
        text-align: center;
    }

    .toggle-switch {
        position: absolute;
        right: 0;
        padding-right: 20px;
        cursor: pointer;
    }

    .tip {
        background: #000;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin: 5px 10px 5px 3px;
        line-height: 19px;
    }

    .form-control-input {
        width: 100% !important;
    }

    .has-no-legend {
        background: none;
        border: none;
        padding-top: 20px;
    }

    .sep-text-lrg {
        /*font-size:1.25rem;*/
        text-align: center;
    }

    .no-padding {
        padding: 0;
    }

    .btn-lrg {
        width: 100%;
    }

        .btn-lrg.top-adv-search-btn {
            height: 100%;
            max-height: 37px;
        }

    .input-disabled {
        pointer-events: none;
    }

    .btn-light-green {
        background-color: #d1d1d1 !important;
        border-color: #d1d1d1 !important;
        color: #444;
    }

        .btn-light-green:hover {
            background-color: #b2b2b2 !important;
            border-color: #b2b2b2 !important;
        }


    .checkbox-holder.has-caret .drop-down-majors .fa {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 1;
        font-size: 12px;
    }

    .drop-down-majors {
        padding: 2px .25rem;
    }

    .drop-down-majors-top-level {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 10px;
        font-size: .8rem;
    }

    .drop-down-majors-first-level {
    }

    .drop-down-majors-second-level {
        margin-left: 1rem;
    }
    /*
.dropdown-divider {
     margin: 0 0; 
}
    */

    .dropdown-item.drop-down-majors:hover {
        background: none;
    }

    @media only screen and (min-device-width: 768px) {
        .majorsInput[type="checkbox"]:before {
            position: relative;
            display: block;
            width: 15px;
            height: 15px;
            border: 1px solid #808080;
            content: "";
            background: #FFF;
            box-shadow: 0;
            top: 0;
            left: 0;
        }

        .majorsInput[type="checkbox"]:checked:after {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
        }

        .majorsInput[type="checkbox"]:after {
            position: relative;
            display: block;
            left: 2px;
            top: -13px;
            width: 10px;
            height: 10px;
            border-width: 0px;
            border-style: solid;
            border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
            content: "";
            /* background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);*/
            background-repeat: no-repeat;
            background-position: center;
        }


        .majorsInput[type="checkbox"]:disabled:after {
            -webkit-filter: opacity(0.4);
        }

        .majorsInput[type="checkbox"]:not(:disabled):checked:hover:after {
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
        }

        .majorsInput[type="checkbox"]:not(:disabled):hover:after {
            background-image: none;
            border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
        }

        .majorsInput[type="checkbox"]:not(:disabled):hover:before {
            border-color: #3D7591;
        }
    }

    .error-message {
        text-align: center;
        margin: 0 auto;
        color: red;
        font-weight: bold;
        font-size: 14px;
    }

    .major-wrapper {
        border-bottom: 1px solid #f1f1f1;
        padding: 10px 0;
    }

    .major-title {
        font-weight: bold;
        font-size: 18px;
        padding-left: 3px;
        color: #6cad44;
    }

    .major-sub-title {
        text-indent: 3%;
        font-size: 16px;
        font-weight: bold;
    }

    .major-sub-2-title {
        font-weight: normal;
        text-indent: 5%;
        font-size: 16px;
    }

    @media only screen and (min-width:320px) and (max-width:768px) {

        .major-sub-2-title {
            font-weight: normal;
            text-indent: 0;
            padding-left: 4%;
            font-size: .9rem !important;
        }
    }


    .link-btn {
        cursor: pointer;
        color: #6cad44 !important;
    }

    .save-search-input {
        width: 50%;
    }

    .expand-all-btn {
        width: 10%;
        background-color: #f1f1f1;
        font-size: 14px;
        float: right;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
    }

    .px-r-0 {
        padding-right: 0;
    }

    .top-adv-search-input {
        border-radius: 5px 0 0 5px;
        border-left: 1px solid rgba(0,0,0,.15);
        border-top: 1px solid rgba(0,0,0,.15);
        border-bottom: 1px solid rgba(0,0,0,.15);
        border-right: none;
    }

    .top-adv-search-btn {
        border-radius: 0 5px 5px 0;
        border-right: 1px solid rgba(0,0,0,.15);
        border-top: 1px solid rgba(0,0,0,.15);
        border-bottom: 1px solid rgba(0,0,0,.15);
        border-left: none;
    }

.btm-adv-search-btn {
    border-radius: 5px;
    border-right: none;

}



    .bg-inverse-new {
        background-color: #c4c4c4;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 914px) {
        .expand-all-btn {
            width: 100%;
        }

        .m-f-r {
            float: right;
        }

        h4.jgh-color {
            font-size: 1.2rem !important;
        }

        .sm-tm-10 {
            margin-top: 10px;
        }

        .clear-btn-top.input-group {
            display: block !important;
        }

        .mb-pd-15 {
            padding: 0 15px !important;
        }

        .no-pad-l {
            padding-left: 9px !important;
        }
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 450px) {
        .mmt-1 {
            margin-top: 10px;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 914px) {
        .sm-tm-10 {
            margin-top: 0px;
        }
    }


    /*--------------------POP-UP STYLES---------------------------*/
    .new-modal-body {
        padding: 0 0 15px !important;
    }

    .pop-up-top-bar {
        background-color: #69ab4e;
        padding: 10px 0;
    }

        .pop-up-top-bar img {
            width: 30%;
        }

    .new-modal-body h2 {
        color: #69ab4e;
        font-size: 2.5rem;
        font-weight: bold;
        padding: 26px 0 10px;
    }

    .new-modal-body .p1 {
        font-size: 1.5rem;
        line-height: 28px;
    }

    .new-modal-body .p2 {
        font-size: 1.25rem;
        line-height: 23px;
    }

    .test-bk-box {
        padding: 10px 0;
        background-color: #f1f1f1;
    }

    .btn-modal-pop {
        width: 75% !important;
        color: #000 !important;
        border: none !important;
        box-shadow: 0 0 10px #ccc;
    }

        .btn-modal-pop span {
            font-size: 1.25rem;
        }

    .logo-pop img {
        width: 50%;
    }


    @media only screen and (min-device-width: 300px) and (max-device-width: 500px) {
        .btn-modal-pop span {
            font-size: 1rem;
        }

        .new-modal-body .p2 {
            font-size: 1.15rem;
        }

        .new-modal-body .p1 {
            font-size: 1.25rem;
        }

        .advanced-field-title-box i {
            line-height: 10px;
        }
    }

    /*----------------------------LANDING PAGE------------------------------------------*/

    body.fbsignup {
        padding-top: 0;
        background: -webkit-linear-gradient(top, #6dad44 0%, #ffffff 100%);
        background: url(../img/mock/bg-02-orig.jpg) no-repeat center bottom;
        background-size: cover;
    }

    .jgh-lp-header {
        width: 100%;
        /*background:#fff;*/
        padding: 20px;
    }

    .lp-wrap {
        /*margin-bottom: 30px;*/
        width: 100%;
        padding: 30px;
    }

        .lp-wrap .header .h2 {
            font-size: 2.75rem;
            color: #fff;
            text-shadow: 0 0 5px #000;
        }

        .lp-wrap .section-header .h2 {
            font-size: 1.7rem;
        }



    .footer p {
        font-size: .9rem !important;
        text-align: left;
    }

    .jgh-footer-social-icons {
        /* margin-top:-32px;*/
        margin-bottom: 15px;
        z-index: 99;
        position: relative;
    }

    .btn-social {
        border-radius: 44px;
    }

    .lp-signup-form {
        background: #ffffff;
        box-shadow: 0 0 15px #6dad44;
        padding-top: 20px;
    }

        .lp-signup-form.partner-form {
            background: none;
            box-shadow: 0 0 0 !important;
            padding-top: 20px;
        }

        .lp-signup-form .section-header {
            background: #e9e9e9;
        }

        .lp-signup-form .section-header,
        .lp-persona-select {
            padding: 0 20px;
        }

    .lp-wrap ul li {
        font-size: 18px;
        font-weight: 400;
    }

    .jgh-feature {
        padding: 20px 0 0;
    }

    .jgh-lp-body-copy,
    .lp-wrap .jgh-lp-body-copy ul li {
        font-size: 1.12rem;
        line-height: 1.5rem !important;
        text-shadow: 0px 0px 10px #000;
        font-family: RobotoRegular!important;
    }

        .jgh-lp-body-copy .btn {
            text-shadow: none;
        }

    @media only screen and (max-with:769px) {
        .jgh-lp-body-copy {
            font-size: 1rem;
            line-height: 1.25rem !important;
        }
    }

    .jgh-lp-sub-head-copy {
        font-size: 2rem;
        text-align: center;
        color: #fff;
        line-height: 2.25rem;
        text-shadow: 0 0 5px #000;
    }

    .jgh-sign-in-txt {
        padding: 10px;
    }

    .jgh-bull-txt {
        /*font-weight:bold;*/
        line-height: 3rem;
    }

    .lp-signup-form label {
        font-size: 1.25rem;
        font-weight: normal;
    }

    /*------------------------------CLAIM ATHLETE PROFILE---------------------------------*/

    .claim-athlete-profile .claim-dupes {
        margin-left: 20px;
    }

        .claim-athlete-profile .claim-dupes .meta {
            font-size: .775rem;
            font-family: Roboto;
            color: #6cab44;
            margin-left: 5px;
        }

        .claim-athlete-profile .claim-dupes .suggested {
            color: #fff;
            background: #999;
            font-size: 0.9em;
            padding: 2px 6px;
            border-radius: 9px;
            margin-left: 6px;
        }

    /*------------------------------COACH SIGNUP---------------------------------*/

    .coach-signup-fields {
        background: url(../img/course_background.jpg) bottom no-repeat;
        background-size: cover;
        padding: 0 20px;
    }

        .coach-signup-fields.partner-signup {
            background: url(../img/content/coachessignupBack.jpg?ver2) bottom no-repeat;
            background-size: cover;
            padding: 0 20px;
        }

        .coach-signup-fields .lp-signup-form {
            /*background: rgb(255,255,255,0.75);*/
            box-shadow: 0 0 15px #6dad44;
        }

    .coachsignup .lp-wrap .header .h2 {
        font-size: 3.75rem;
        padding-top: 20px;
    }

    .coach-signup-fields .jgh-feature {
        padding-top: 20px;
    }

    .coach-signup-fields .signup-top-copy {
        color: #fff !important;
    }

    .coach-signup-fields .lp-signup-form {
        padding-bottom: 20px;
    }

    .coach-signup-fields input[type=submit].btn-block {
        width: 50%;
        margin: 0 auto;
        border: none;
        border-radius: 25px;
        padding: 15px 0;
    }

    .coach-signup-fields label {
        font-size: 1rem;
    }

    .coachsignup .container {
        background: #ffffff;
        padding: 0;
        /*width:100%;*/
    }

    .coachsignup .footer .container {
        background: #222222;
    }

    .coach-signup-fields hr {
        border-color: #fff;
        width: 80%;
    }

    .signup-top-copy .testimonial-copy {
        font-size: 1.5rem;
        line-height: 31px;
        padding: 0 50px;
        text-align: center;
        margin-bottom: 20px;
    }

        .signup-top-copy .testimonial-copy span {
            font-weight: bold;
            text-align: center;
            font-size: 1.2rem;
        }

    .fine-print {
        font-size: 0.90rem;
        line-height: 19px;
        color: #fff;
        text-align: center;
    }

    #schoolName,
    #schoolName_value {
        min-width: 100% !important;
    }

    #schoolName_value {
        padding: 5px 0 5px 10px;
        border: 1px solid rgba(0,0,0,.15);
        height: 38px;
        border-radius: 5px 0 0 5px;
    }

    .coach-signup-fields input[type=text],
    .coach-signup-fields input[type=email],
    .coach-signup-fields input[type=password],
    .coach-signup-fields select {
        background: #f0f0f0;
    }

    .jgh-coach-top-success {
        font-size: 1.5rem;
    }

    .jgh-coach-btm-success {
        font-size: 1.25rem;
    }

    .coach-ln {
        text-transform: capitalize;
    }

    .jgh-lp-login {
        position: absolute;
        bottom: -20px;
    }

    .jgh-fine-print-box {
        padding: 20px;
        background: #000;
        color: #fff;
    }

    .coachsignup .btn {
        font-size: 1.25rem !important;
    }

    .ajga {
        max-width: 90% !important;
    }

    .border-markes {
        /*border: 2px solid;
    border-style: dashed;
    padding: 15px;
    margin: 15px 0;*/
    }

        .border-markes button.close {
            opacity: 1;
        }

        .border-markes .drop-box {
            border: 2px dashed;
            text-align: center;
            padding: 10px;
            margin: 15px 0;
        }

        .border-markes .dragover {
            border: 2px dashed blue;
        }

    .pd-top-15 {
        padding-top: 15px;
    }

    .pd-bottom-5 {
        padding-bottom: 5px;
    }

    .athlete-documents-tree {
        padding-top: .75rem;
    }

        .athlete-documents-tree .abn-tree-row {
            color: #325020;
            /*padding-top: 5px !important;
    padding-bottom: 5px !important;*/
        }

            .athlete-documents-tree .abn-tree-row.active {
                background: #6cab44;
                color: #FFF;
                border-radius: 5px;
            }

    .table tbody td.name.docName {
        cursor: pointer;
        width: 40%;
    }

    .table tbody td.hasbtn {
        width: 30%;
        text-align: center;
        padding: .40rem;
    }

    .table thead th.hasbtn {
        width: 30%;
        text-align: center;
    }

    .table tbody td.hasbtn label.btn {
        padding: .5rem .3rem;
    }

    @media (min-width: 768px) {
        .table tbody td.hasbtn:not(.del) {
            font-size: 16px;
        }

        .table tbody td.hasbtn label.btn {
            font-size: 15px;
        }
    }

    @media (max-width: 320px) {
        .table tbody td.hasbtn label.btn {
            font-size: 10px;
        }

        .table tbody td.hasbtn button {
            font-size: 10px;
            padding: .5rem .5rem;
        }
    }

    .table tbody td.name.docNameInactive {
        color: #CFCFCF;
    }


    /*------------------------------Hub Cup Standings---------------------------------*/

    .hubCupStandings .bg-profile {
        display: none;
    }

    .jgh-box-shadow {
        box-shadow: 0 0 5px #CCC;
    }

    .jgh-hubcup-table {
        font-family: "Roboto", sans-serif !important
    }

        .jgh-hubcup-table thead {
            border-bottom: 3px #6dad44 solid;
        }

            .jgh-hubcup-table thead th {
                font-size: .85rem;
                color: #222;
                font-weight: bold;
                padding-bottom: 0px;
                text-align: center;
            }

        .jgh-hubcup-table tbody td {
            font-size: .95rem !important;
            padding: 5px 0 !important;
            text-align: center;
            text-transform: capitalize !important;
        }

    .hub-cup-logo {
        margin: 0 auto;
        padding-bottom: 25px;
    }

        .hub-cup-logo img {
            width: 20%;
        }

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

        .hub-cup-logo img {
            width: 40%;
        }
    }


    .jgh-hubcup-table .hubRank-1,
    .jgh-hubcup-table .hubRank-T1,
    .jgh-hubcup-table .hubRank-2,
    .jgh-hubcup-table .hubRank-T2,
    .jgh-hubcup-table .hubRank-3,
    .jgh-hubcup-table .hubRank-T3 {
       /* font-weight: bold !important;*/
    }

    .CC-hub-cup-standings tbody tr {
        border-top: 1px solid #3e7e7e7;
    }
    /*------------------------------New Profile Header---------------------------------*/
    .hubCupStandings.view,
    .athlete.view,
    .jgh-new-profile-top {
        font-family: "Roboto", sans-serif !important;
    }

    .border-bottom {
        border-bottom: 1px solid #d8d8d8 !important;
    }

    .border-right {
        border-right: 1px solid #d8d8d8 !important;
        top: 5px;
    }

    .side-borders {
        border-left: 1px solid #d8d8d8 !important;
        border-right: 1px solid #d8d8d8 !important;
        top: 5px;
    }

    .no-pad-right {
        padding-right: 0;
    }

    .hub-cup-rank img {
        width: 100%;
    }

    .hub-cup-rank .rank {
        position: relative;
        top: 30%;
    }

    .jgh-new-profile-top .bg-inverse,
    .jgh-new-profile-top button[class*="-false"] {
        background: none !important;
        color: #6cab44 !important;
        border: #6cab44 1px solid;
    }

    .jgh-new-profile-top button[class*="-true"] {
        background: #6cab44 !important;
        color: #fff !important;
        border: 0 !important;
    }

    .edit-btn-txt,
    .share-btn-txt {
        display: none;
    }

        .edit-btn-txt:hover {
            display: inline;
        }

        .share-btn-txt:hover {
            display: inline;
        }

    .jgh-new-profile-top .bg-inverse:hover {
    }

    .profile.image-active.photo-true {
        overflow: hidden;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100%;
    }

    .jgh-new-profile-top {
        max-height: 315px;
        overflow: hidden;
    }

        .jgh-new-profile-top .photo-true .img-thumbnail {
            padding: 0 0 0 .95rem;
            max-width: 110%;
        }

        .jgh-new-profile-top .h1.name {
            font-size: 2.75rem;
        }

        .jgh-new-profile-top .city-state {
            font-size: 1.5rem;
            font-weight: 600;
            display: block;
        }

        .jgh-new-profile-top .stats [class*=stat-] .data {
            font-size: 1.25rem;
            font-weight: 600;
        }

        .jgh-new-profile-top .stats [class*=stat-] .title {
            font-size: .9rem;
        }


        .jgh-new-profile-top .profile-name .data {
            font-size: 2.75rem;
            font-weight: 600;
        }

        .jgh-new-profile-top .profile-name .hub-cup-rank {
            line-height: 1;
        }

        .jgh-new-profile-top .profile-name .title {
            font-size: .9rem;
            text-transform: uppercase;
            font-weight: 400;
            color: #767676;
            display: block;
        }

    .linkDisabled {
        cursor: not-allowed;
        pointer-events: none;
        color: grey;
    }

    .myathletes .img-thumbnail {
        padding: 0rem;
        width: 100%;
    }

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

        jgh-new-profile-top .img-thumbnail {
            padding: 0 0 0 .95rem;
            min-height: 290px;
            height: 100%;
            min-width: 290px;
            width: 100%;
        }
    }

    .athlete .photo-NA .img-thumbnail:before, .athlete .photo-NA .img:before, .athlete .photo-invalid .img-thumbnail:before, .athlete .photo-invalid .img:before {
        line-height: 300px;
    }

    .jgh-new-profile-top .popover {
    }

    .coachfaq #main-body-container {
        margin-top: 60px;
    }

    @media only screen and (max-width: 1026px) {
        .jgh-new-profile-top .photo-true .img-thumbnail {
            max-width: 126%;
        }
    }

    @media only screen and (max-width: 768px) {
        .coachfaq #main-body-container {
            margin-top: 30px;
        }
    }

    @media only screen and (max-width: 991px) {
        #main-body-container {
            min-height: calc(100vh - 40px);
        }



        .row-offcanvas-left.active .sidebar-offcanvas {
            z-index: 999;
        }

        .jgh-new-profile-top .popover {
            width: 200px;
            left: 0 !important;
        }

        .jgh-new-profile-top .photo-true .img-thumbnail {
            max-width: 100%;
            width: 250px;
        }

        .jgh-new-profile-top {
            max-height: 100%;
            overflow: visible;
        }

        .wrap-white.school-majors-modal {
            padding-left: 0;
            padding-right: 0;
        }

            .wrap-white.school-majors-modal .modal-body {
                padding: 15px 5px;
            }

            .wrap-white.school-majors-modal .major-title {
                padding-left: 0px;
            }

            .wrap-white.school-majors-modal .major-sub-title {
                text-indent: 2%;
            }

        .jgh-new-profile-top {
            margin-top: 70px;
        }

        .profile.image-active.photo-true,
        .profile.image-active.photo-NA,
        .profile.image-active.profile-school-logo {
            max-width: 250px;
            max-height: 250px;
            margin: 0 auto;
            border-radius: 100% !important;
            overflow: hidden;
            width: 100%;
            height: 100%;
            top: -125px;
            position: relative;
            border: 1px solid #e7e7e7;
            background: #fff;
        }

        .profile.image-active.photo-NA {
            background: #eceeef;
        }

        .profile.image-active.profile-school-logo img {
            width: 225px;
            height: 225px;
            margin: 0 auto;
        }

        .athlete .photo-NA .img-thumbnail:before, .athlete .photo-NA .img:before, .athlete .photo-invalid .img-thumbnail:before, .athlete .photo-invalid .img:before {
            line-height: 225px;
        }

        .profile.image-active.photo-NA img {
            height: 225px;
            margin: 0 auto;
        }


        .profile.image-active.photo-NA img {
            top: 65px;
        }

        .profile.image-active.profile-school-logo {
            background: #fff;
        }

        .profile.image-active.photo-true img {
            padding: 0 0 0 0 !important;
            height: 250px;
        }

        .has-edit.bg-profile a.img i.fa {
            top: 20%;
            right: 10px !important;
        }



        .btn.share-profile.btn,
        .btn.edit-profile-btn,
        .btn.follow-profile-btn {
            position: absolute;
        }

        .btn.share-profile-btn,
        .btn.edit-profile-btn,
        button[class*="-true"].follow-profile-btn {
            font-size: 1.25rem;
            background-color: transparent !important;
            box-shadow: none;
            border: none;
            color: #6cab44 !important;
            width: 32px;
            height: 32px;
            padding: 0 0 !important;
        }

        button[class*="-false"].follow-profile-btn {
            font-size: 1.25rem;
            background-color: transparent !important;
            box-shadow: none;
            border: none;
            color: #6cab44 !important;
            width: 32px;
            height: 32px;
            padding: 0 0 !important;
        }

        .btn.share-profile-btn {
            margin-left: 10%;
            float: left;
        }

        .btn.edit-profile-btn {
            right: 10%;
            float: right;
        }

        .view-profile-action .follow-profile-btn {
            right: 8%;
            float: right;
        }

        .first-tee-logo {
            position: absolute;
            border-radius: 5px;
            width: 113px;
            height: 35px;
            padding: 11px;
            line-height: 1;
            top: 0px;
            right: 100px;
            display: block;
            z-index: 1000;
        }

        .follow-profile-btn {
            right: 3.5%;
            float: right;
        }

        .has-edit a.img i.fa {
            right: 110px !important;
        }

        .has-edit a.img i.fa {
            background: rgba(0,0,0,0.25);
            border-radius: 1rem;
            top: 110px;
        }

        .jgh-new-profile-top .h1.name,
        .school-name-header .h1.name {
            font-size: 2.5rem;
            text-align: center !important;
            display: block;
        }

        .school-name-header .h1.name {
            margin-top: 20px;
        }

        .jgh-new-profile-top .city-state {
            text-align: center;
        }

        .view-profile-action.action-button {
        }

        .jgh-new-profile-top .section-header.profile-name.pb-1 {
            padding-bottom: 0px !important;
        }

        .jgh-new-profile-top .stats [class*=stat-] .data {
            font-size: 1.75rem;
            text-align: center;
            display: block;
        }

        .jgh-new-profile-top .stats .stat-school .data,
        .jgh-new-profile-top .stats .stat-status .data {
            padding-bottom: 5px;
        }

        .jgh-new-profile-top .stats [class*=stat-] .title {
            text-align: center;
        }

        .jgh-new-profile-top .profile-name .hub-cup-rank {
        }

        .jgh-new-profile-top .view-profile-action {
            position: relative;
            top: -175px;
        }

        .school-action-btns {
            position: relative;
            top: -135px;
        }

        .jgh-new-profile-top .bg-inverse {
            border: none;
        }

        .section-header.profile-name {
            margin-top: -135px;
        }

        .hub-cup-rank {
            padding-top: 10px;
        }

        .border-right {
            border-right: none !important;
        }

        .jgh-new-profile-top .img-thumbnail {
            padding: 0 .5rem 0 0.5rem;
        }
    }

    @media only screen and (max-width:430px) {
        .btn.share-profile-btn {
            margin-left: 4%;
            float: left;
        }

        .btn.edit-profile-btn {
            right: 5%;
            float: right;
        }

        .school .has-edit.bg-profile a.img i.fa {
            top: 30%;
        }

        .school-action-btns .btn.edit-profile-btn {
            right: 1%;
            float: right;
        }

        .school-action-btns {
            position: relative;
            top: -155px;
        }

        .follow-profile-btn {
            right: 0.5%;
            float: right;
        }

        .view-profile-action .follow-profile-btn {
            right: 4%;
            float: right;
        }
    }

    @media only screen and (max-width:380px) {
        .follow-profile-btn {
            right: -1.5%;
            float: right;
        }

        .school-action-btns .btn.edit-profile-btn {
            right: -2%;
            float: right;
        }

        .view-profile-action .follow-profile-btn {
            right: 1.5%;
            float: right;
        }

        .btn.share-profile-btn {
            margin-left: .5%;
            float: left;
        }
    }

    @media only screen and (max-width:330px) {
        .btn.share-profile-btn {
            margin-left: -10px;
            float: left;
        }

        .btn.edit-profile-btn {
            right: 0px;
            float: right;
        }

        .school-action-btns {
            top: -120px;
        }

        .follow-profile-btn {
            right: -3.5%;
            float: right;
        }

        .view-profile-action .follow-profile-btn {
            right: -0.5%;
            float: right;
        }

        .school-name-header .h1.name {
            font-size: 2rem;
            margin-top: 30px;
        }

        .school-action-btns .btn.edit-profile-btn {
            right: -4%;
            float: right;
        }
    }

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

        .jgh-new-profile-top .profile-name .hub-cup-rank {
        }

        .jgh-new-profile-top .view-profile-action {
        }
    }
    /*-------------PARTNER SECTION--------------*/

    .jgh-btn-box {
        cursor: pointer;
    }

    .learnmore .container {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .jgh-section-wrapper {
        padding: 20px 10%;
    }

    .jgh-wht-background {
        background: #fff;
    }

    .learnmore .lp-wrap {
        padding: 0 15%;
    }

    .signup-partner-logo {
        --webkit-filter: drop-shadow(2px 2px 0 rgb(0,0,0));
        filter: drop-shadow(2px 2px 0 rgb(0,0,0));
        max-width: 400px;
        width: 100%;
    }

    .jgh-section-box-copy {
        display: flex;
        align-items: center;
    }

    .learnmore .jgh-section-heading,
    .gopremium .jgh-section-heading {
        font-family: RobotoBold;
    }

    .jgh-section-sub-head {
        color: #6cab44;
        font-size: 1.5rem;
        font-family: RobotoBold;
        border-bottom: 1px solid #6cab44;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .jgh-sub-section p {
        font-family: RobotoRegular;
        font-size: 1rem;
    }

    .jgh-section-main-img {
        width: 100%;
    }

    .jgh-benifits-icon {
        width: 55px;
    }

    .jgh-outter-box-wrapper {
        max-width: 1500px;
        margin: 0 auto;
    }

    .jgh-box-wrapper {
        margin: 0 auto;
        max-width: 900px;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .jgh-inner-box-wrapper {
        margin: 0 auto;
        max-width: 650px;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        padding: 20px;
        margin-bottom: 10px;
    }

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

        .jgh-section-wrapper {
            padding: 20px 3%;
        }
    }

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


        .signUp .coach-signup-fields, .signup .coach-signup-fields {
            padding: 0 1% !important;
            background-position: 50% 50%;
            height: 100% !important;
        }

        .center-v {
            top: 5%;
            -ms-transform: translateY(0%) !important;
            transform: translateY(0%) !important;
        }

        .signup-partner-logo {
            --webkit-filter: drop-shadow(2px 2px 0 rgb(0,0,0));
            filter: drop-shadow(2px 2px 0 rgb(0,0,0));
            max-width: 400px;
            width: 45%;
        }

        .account-signup .pt-2 {
            padding-top: 0 !important;
        }

        .partner-form {
            padding: 0 0 !important;
            padding-top: 20px !important;
        }

        .lp-signup-form .form-group {
            padding-bottom: 0;
        }

        .center-v {
            top: 60% !important;
        }
    }

    .partner-form .section-header.row {
        border-bottom: 0;
    }
.signup-athlete .container {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


    .signup .container,
    .signUp .container,
    .coachsignup .container {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .center-v {
        margin: 0;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .center-v-login {
        margin: 0;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-40%);
        transform: translateY(-40%);
        max-height: 500px;
        height: 100%;
    }

    @media screen and (max-width:769px) {
        .center-v-login {
            margin: 0;
            position: relative;
            top: 50%;
            -ms-transform: translateY(-40%);
            transform: translateY(-40%);
            max-height: 500px;
            height: 100%;
        }
    }

    @media screen and (max-width:992px) {
        .center-v {
            margin: 0;
            position: relative;
            top: 0%;
            -ms-transform: translateY(0%);
            transform: translateY(-0%);
        }
    }

    .signup .old-jgh-signup {
        padding: 20px 10% 30px !important;
        background-position: top;
        margin-bottom: 0;
    }

    .signup .coach-signup-fields,
    .coachsignup .coach-signup-fields {
        padding: 10% !important;
        background-position: top;
    }

    .signUp .coach-signup-fields,
    .signup .coach-signup-fields {
        padding: 0 10% !important;
        background-position: 50% 50%;
  
    }

    @media only screen and (max-width: 992px) {
        .signUp .coach-signup-fields, .signup .coach-signup-fields {
            padding: 0 2% !important;
        }

        .signup-partner-logo {
            --webkit-filter: drop-shadow(2px 2px 0 rgb(0,0,0));
            filter: drop-shadow(2px 2px 0 rgb(0,0,0));
            max-width: 275px;
            width: 100%
        }

        .center-v {
            top: 45%;
        }

        .signUp .coach-signup-fields, .signup .coach-signup-fields {
            padding: 0 1% !important;
            background-position: 50% 50%;
            height: 100% !important;
        }

        .center-v {
            top: 5%;
            -ms-transform: translateY(0%) !important;
            transform: translateY(0%) !important;
        }
    }

    @media only screen and (min-height: 360px) and (min-width: 760px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
        .signUp .coach-signup-fields, .signup .coach-signup-fields {
            padding: 0 1% !important;
            background-position: 50% 50%;
            height: 100% !important;
        }

        .signup-partner-logo {
            -webkit-filter: drop-shadow(2px 2px 0 rgb(255,255,253));
            filter: drop-shadow(2px 2px 0 rgb(255,255,253));
            max-width: 275px;
        }
    }

    @media only screen and (max-width: 1025px) {
        .signUp .coach-signup-fields, .signup .coach-signup-fields {
            padding: 0 2% !important;
        }
    }

    .signUp .jgh-lp-header, .signup .jgh-lp-header, .coachsignup .jgh-lp-header, .learnmore .jgh-lp-header {
        padding: 10px 10%;
        background: #ffffff !important;
    }

    .signup .coach-signup-fields {
        padding: 10%;
    }

    s
    .partner-form {
        padding: 20px 25px;
    }

    .lp-signup-form.partner-form .section-header {
        padding: 0;
        background: none;
    }

    .partner-form .header .h2 {
        color: #6cab44 !important;
        text-shadow: none !important;
        margin: 0 auto;
    }

        .partner-form .header .h2 div {
            padding: 10px 0 30px;
        }

    .partner-form .h4 {
        font-size: 1.25rem;
    }

    .partner-form .header .h2 span {
        color: #000;
        font-size: 1.25rem;
        font-weight: normal;
    }

    .partner-signup .jgh-lp-body-divs {
        padding: 0px 10px 20px;
    }

    .partner-signup .jgh-form-sec-text {
        padding-left: 0;
    }

    .partner-signup .jgh-role-sec .btn-group {
        padding-left: 0;
    }

    .top-border-w {
        border-top: 1px solid #fff;
        padding-top: 10px;
    }

    .partner-form .formset-Login {
        padding: 0 10px;
    }

    /*----------------------------Text Top Form---------------------*/
    .jgh-signup-top-text {
        padding-bottom: 10px;
    }

    .jgh-lg-head {
        font-size: 2.5rem;
        text-align: center;
        font-weight: 600;
    }

    .jgh-form-sec-text {
        text-align: center;
        font-size: 1rem;
        padding: 15px;
        font-family: RobotoMedium;
    }

    .jgh-form-sec-heading {
        border-bottom: 1px solid #ccc;
        font-size: 1.25rem;
        font-weight: bold;
        padding: 0 10px 5px;
        margin-bottom: 10px;
    }

    p.cross-out-txt {
        color: #ff2000 !important;
        margin-bottom: -1rem;
    }


    .cross-out-txt {
        position: relative;
        display: inline-block;
    }

        .cross-out-txt:before {
            position: absolute;
            content: "";
            left: 6%;
            top: 45%;
            right: 35%;
            width: 95%;
            border-top: 5px solid;
            border-color: inherit;
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }

    #selectLevelGroup {
        margin-bottom: 20px;
    }

    .select-level-box {
        opacity: 0.3;
        filter: alpha(opacity=30);
        background: rgb(231,231,231);
        text-align: center;
        margin: 0 auto;
    }

    .active .select-level-box {
        opacity: 1;
        filter: alpha(opacity=100);
        box-shadow: 0 0 5px orange;
    }

    .select-level-box img {
        width: 100%;
    }

    .select-level-box li {
        text-align: left;
    }

    .select-level-box:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        box-shadow: 0 0 5px orange;
    }

    .level-box-copy {
        padding: 10px 0;
        font-size: 1rem;
        font-family: RobotoRegular;
    }

        .level-box-copy span {
            font-size: 1.2rem;
            font-family: RobotoMedium;
        }

    .jgh-steps-img {
        padding: 10px 0 30px;
    }

        .jgh-steps-img img {
            margin: 0 auto;
            left: 0;
            right: 0;
            max-width: 60%;
        }

    @media (min-width: 992px) {
        .offer-top .offer-block.offer-basic .offer-price {
            height: 205px;
        }
    }

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

        .jgh-lp-body-copy {
            font-size: 1.2rem;
            line-height: 1.55rem !important;
            text-shadow: 0 0 10px #000000;
        }

        .jgh-steps-img img {
            max-width: 70% !important;
        }

        .level-box-copy span {
            font-size: 1.25rem !important;
            font-family: RobotoMedium;
        }

        .level-box-copy {
            padding: 10px 0;
            font-size: 1rem !important;
        }
    }

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

        .jgh-steps-img img {
            max-width: 75%;
        }

        .level-box-copy {
            padding: 10px 0;
            font-size: .8rem;
        }

            .level-box-copy span {
                font-size: .9rem;
                font-family: RobotoMedium;
            }
    }




    .levelsRadio {
        display: block;
        max-width: 400px;
        width: 100%;
    }

        .levelsRadio input {
            display: none;
        }

    #athletes-info {
        padding-bottom: 20px;
        margin: 0 auto;
        width: 90%;
    }

    .step-title-copy p {
        text-align: center;
        font-size: 1.5rem;
        font-family: RobotoMedium;
    }

    a.athletesInfo {
        color: #000;
        display: inline-block;
        background-color: #f0f0f0;
        border: 1px solid #e7e7e7;
        padding: 10px;
        width: 100%;
        line-height: 2.5rem;
        padding: 10px 20px;
        text-align: left;
        text-decoration: none;
        text-transform: capitalize;
    }

    #athletes-info .btn {
        font-size: 1.25rem;
        border: none;
        padding: 0 5px 0;
    }

    .right-side-info {
        float: right;
    }

    .showSuccessMessage {
        visibility: visible;
        transition: all 1s ease-in-out
    }

    .hideSuccessMessage {
        visibility: hidden;
        transition: all 1s ease-in-out
    }

    #athlete-form-info input[name=FirstName],
    #athlete-form-info input[name=LastName],
    #athlete-form-info input[name=City] {
        text-transform: capitalize;
    }

    /*----------------------------Signup Buttons--------------------*/
    .signUp .jgh-form-section-wrapper .jgh-role-sec .btn-group > .btn {
        float: none;
        font-size: 150%;
        padding: 1rem 2rem;
        border: none;
        font-family: RobotoRegular;
        font-weight: normal !important;
    }
    /*----------------------------Upsell Section--------------------*/
    .jgh-body-section {
        padding: 20px;
    }

    .jgh-form-section-wrapper {
        padding: 20px;
        max-width: 1000px;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        margin: 0 auto;
        border-radius: 5px;
    }

    .options .header-logo-wrp {
        padding: 10px 10%;
    }

    .options .container {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .options .title {
        font-size: 2.25rem;
        /* margin-bottom: 0.9375rem;*/
        font-weight: 700;
    }

    .title.mini {
        font-size: 1.25rem;
        font-weight: 700;
    }

    .pos-rel {
        position: relative;
    }

    .z2 {
        z-index: 200;
    }

    .jgh-txt-green,
    .primary-color {
        color: #6cab44;
    }

    .bg-lt-gray {
        background-color: #f0f0f0;
    }

    .light-gray {
        color: #ccc;
    }

    .bg-white {
        background-color: #ffffff;
    }

    .bt-mr-0 {
        margin-bottom: 0;
    }

    .fs12 {
        font-size: 1rem;
    }

    .fs14 {
        font-size: 1rem;
    }

    .hero-section .fs14 {
        font-size: 1.25rem;
    }

    .fs16 {
        font-size: 2rem;
    }

    .fs60 {
        font-size: 3.75rem;
    }

    @media only screen and (max-width: 375px) {
        .fs16 {
            font-size: 1.75rem;
        }

        .fs60 {
            font-size: 2.5rem;
        }
    }

    .bold-5 {
        font-weight: 700;
    }

    .w75 {
        width: 75%;
    }

    .w95 {
        width: 95%;
    }

    .w100 {
        width: 100%;
    }

    .min-px-w300 {
        min-width: 18.75rem;
    }

    .pd-t-10 {
        padding-top: 10px
    }

    .pd-mini {
        padding: 1.5rem 1rem;
    }

    .pd-tb-small .container,
    .pd-tb-medium .container {
        padding: 0 10% !important
    }

    .pd-tb-small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-tb-medium {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mb-3, .my-3 {
        margin-bottom: 1rem !important;
    }

    .mr-b-40, .info-obj.img-t.g40 .img {
        margin-bottom: 2.5rem;
    }

    .m-5 {
        margin: 3rem !important;
    }

    .mb0 {
        margin-bottom: 0px;
    }

    .rd {
        border-radius: 100%;
    }

    .c-item {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
    }

    .align-l {
        text-align: left;
    }

    .align-r {
        text-align: right;
    }

    .align-c {
        text-align: center;
    }

    .align-m {
        vertical-align: middle;
    }

    .align-t {
        vertical-align: top;
    }

    .l-height-1 {
        line-height: 1.15rem;
    }


    .mr-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .mr-0 {
        margin: 0rem;
    }

    .mr-20 {
        margin: 1.25rem;
    }

    .mr-b-mini {
        margin-bottom: 3.125rem;
    }

    .bt-pd-0 {
        padding-bottom: 0px;
    }

    .wh150 {
        width: 150px;
        height: 150px
    }

    .full-wh {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 100%;
    }

    .z5 {
        z-index: 500;
    }

    .inline-block {
        display: inline-block;
    }

    .bdr-1 {
        border-width: 1px;
        border-style: solid;
    }

    .bdr-op-1 {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .hero-section .container {
        position: relative;
        z-index: 999;
    }

    .feature-video-box {
        min-height: 330px;
        height: 100%;
    }

    .hero-section.pd-tb-medium .container {
        padding: 0% 0% !important
    }

    .hero-section {
        background-color: rgba(0, 0, 0, 0.42);
        background-image: url('../img/fasttrack/jgh_ft_back_image-1119x394.png');
        background-position: center;
        background-size: cover;
        position: relative;
        overflow: hidden;
        color: #fff;
    }

        .hero-section.pd-tb-medium {
            padding: 10%;
        }

    .pd-tiny {
        padding: 0.875rem;
        box-shadow: 0px 0px 7px #B3B3B3;
        margin-bottom: 10px;
    }

    .info-obj {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 110px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: #ffffff;
    }

        .info-obj.small .img {
            /*width: 70px;*/
            padding-top: 10px;
        }

        .info-obj .info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-bottom: 0px;
            padding: 0 0 0 10px;
        }

            .info-obj .info p {
                font-size: .9rem !important
            }

        .info-obj.img-t {
            width: 100%;
            height: auto !important;
            display: block;
        }

    .info-obj-wrp, .info-obj {
        margin-bottom: 20px;
    }

        .info-obj.align-c .img {
            margin-left: auto;
            margin-right: auto;
        }

        .info-obj img {
            display: block;
            max-width: 100%;
            height: auto;
        }

    .price-table-1 {
        position: relative;
        overflow: hidden;
        box-shadow: 0 0 7px #D0D0D0;
    }

        .price-table-1 .fa-check,
        .yr-price,
        .mo-price {
            color: #6cab44;
        }

        .price-table-1 .fa-times {
            color: #fff;
        }

    .btn-medium {
        font-size: 125%;
        padding: 10px 20px;
    }

    .options .btn-large {
        font-size: 110%;
        padding: 10px 40px;
    }

    @media only screen and (max-width: 768px) {
        .jgh-p-3-left-right {
            padding: 0 3px;
        }

        .jgh-p-3-right {
            padding-right: 3px;
        }

        .info-obj {
            height: auto !important;
        }

        .title.mini {
            line-height: 17px;
        }

        .pd-tb-small,
        .pd-tb-medium {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .pd-mini {
            padding: .25rem;
        }

        .options .btn-large {
            font-size: 110%;
            padding: 10px 20px;
        }
    }

    @media only screen and (max-width: 1600px) {
        .feature-video-box {
            min-height: 300px !important;
        }

            .feature-video-box iframe {
                min-height: 300px !important;
            }
    }

    @media only screen and (max-width: 1440px) {
        .feature-video-box {
            min-height: 300px !important;
        }

            .feature-video-box iframe {
                min-height: 300px !important;
            }
    }

    @media only screen and (max-width: 1280px) {
        .info-obj {
            height: 130px;
        }

        .jgh-app-features p {
            font-size: .8rem !important;
        }

        .feature-video-box {
            min-height: 265px !important;
        }

            .feature-video-box iframe {
                min-height: 265px !important;
            }
    }

    @media only screen and (max-width: 1024px) {
        .info-obj {
            height: auto !important;
        }

        .title.mini {
            line-height: 17px;
            margin-bottom: 10px;
        }



        .jgh-app-features p {
            font-size: .8rem !important;
        }

        .feature-video-box {
            min-height: 195px !important;
            height: 90%;
        }

            .feature-video-box iframe {
                min-height: 195px !important;
            }

            .feature-video-box iframe {
                min-height: 195px !important;
            }
    }

    @media only screen and (max-width: 500px) {
        .hero-section.pd-tb-medium .container {
            padding: 0% 0% !important
        }

        .info-obj {
            height: auto;
        }

        .title.mini {
            line-height: 17px;
        }

        p .mb20 {
            padding-bottom: 0;
        }

        .pd-tb-small {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .pd-tb-medium {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .btn-large {
            font-size: 125%;
            padding: 10px 25px;
        }

        .options .form-control {
            padding: .5rem .25rem !important;
        }
    }

    /*feedback page*/
    .full-height-fit {
        height: 100%;
    }

    .feedback-row {
        min-height: 150px;
    }

    .jgh-app-features p {
        font-size: .9rem !important;
    }

    .form-feedback {
    }
    /*--------------------UPSELL FORM SECTION------------------------*/
    .signup-form-wrapper {
        padding: 20px 20%;
    }

        .signup-form-wrapper .header .h4 {
            text-align: center;
            padding: 10px 0;
        }

    .signup-flow-steps ul {
        list-style: none;
        display: inline-block;
    }

    .signup-form-wrapper .text-success {
        text-align: center;
    }

    .options .section-header.row {
        border-bottom: none;
    }

        .options .section-header.row:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 60%;
            padding-top: 20px;
            border-bottom: 1px solid rgba(0,0,0,.1);
        }

    .jgh-dob-q {
        text-align: left;
        padding: 10px;
    }

    .footer .stat-status {
        text-align: right;
    }

    .footer {
        padding: 2rem 10%;
    }

        .footer .btn-facebook,
        .footer .btn-twitter,
        .footer .btn-instagram,
        .footer .btn-linkedin {
            color: #fff;
            background-color: #222;
            border-color: #222;
            box-shadow: 0 0 0 #222;
            background-image: none !important;
        }

        .footer .btn-social.btn-facebook .fa,
        .footer .btn-social.btn-twitter .fa,
        .footer .btn-social.btn-instagram .fa,
        .footer .btn-social.btn-linkedin .fa {
            font-size: 1.5rem;
        }

    .no-border {
        border-bottom: none !important;
        border-top: none;
    }

    @media only screen and (max-width: 769px) {
        .hidden-sm-down {
            display: none;
        }

        .footer .stat-status,
        .footer p {
            text-align: center;
        }

        .signup-form-wrapper {
            padding: 20px 0%;
        }

        .pd-tb-small .container, .pd-tb-medium .container {
            padding: 0 1.5% !important;
        }
    }

    a.hyperlinkpayment {
        color: #ccc;
        text-decoration: none;
    }


    .athletecollegeStatus {
        line-height: 1.6 !important;
    }

    .signup .jgh-form-sec-text {
        padding: 0px 20px !important;
        font-weight: normal;
        font-size: 1rem;
    }

    /*-----------------DASHBOARD STYLES----------------------*/
    .wrap-white-small {
        background: #ffffff;
        padding: 10px;
        margin-bottom: 20px;
        box-shadow: 0 0 5px #e7e7e7;
    }

        .wrap-white-small p {
            font-size: .9rem;
            line-height: 1.25rem;
            margin-top: 10px;
        }

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

    .img-width-75 {
        width: 75%;
    }

    .dash-top-icon.pad-top-4 {
        padding-top: 4px;
    }

    .dash-top-tile {
        font-size: 1rem;
        text-align: left;
        line-height: 20px;
        top: 9px;
        padding-left: 0px;
    }

        .dash-top-tile span {
            font-size: 1.5rem;
            font-weight: bold;
        }

    .jgh-box-titles {
        color: #6dad44;
        font-size: 1rem;
        font-weight: 600;
        padding: 10px 0;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 10px;
    }

    .news-blurb p,
    .news-blurb p span {
        font-size: .9rem;
        margin-top: 0px;
        font-weight: normal;
    }

    .news-blurb span {
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1rem;
    }

    .btn-100 {
        width: 100%;
    }

    .btn-clear-light {
        color: #6dad44;
        border: 1px solid #e7e7e7;
        background: #ffffff;
    }

        .btn-clear-light:hover,
        .active-hitlinksbtn {
            color: #ffffff;
            border: 1px solid #6dad44;
            background: #6dad44;
        }

            .btn-clear-light:hover img,
            .active-hitlinksbtn img {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }


    .margin-bottom-2 {
        margin-bottom: 2%;
    }

    .margin-bottom-5 {
        margin-bottom: 5%;
    }


    .content-author {
        color: #6cab44;
        font-size: .85rem;
    }

    .share-mini {
        font-size: .83rem !important;
    }

    .content-date {
        padding-top: 1px;
        font-size: .85rem;
        color: #888;
        margin-left: 10px;
    }

    .content-row {
        margin-right: 2%;
        margin-left: 2%
    }

    #navbarResponsive {
        margin-top: 5px;
    }

    .navbar-light [class*=navbar-toggleable-].collapse.in li a {
        padding-right: 0em;
    }

    .navbar-toggleable-md .navbar-nav {
        margin-top: 0rem;
    }
    /*--------------------------HitTheLinks---------------------------*/
    .HitTheLinks .links-left-nav button, .HitTheLinks .navbar-nav button {
        padding: 10px 0;
    }

        .HitTheLinks .links-left-nav button:hover, .HitTheLinks .navbar-nav button:hover {
            border: 0; /* prevent hover border from shifting downstream buttons downward */
        }

    .read-more-link a {
        font-size: .9rem;
    }

    .HitTheLinks .img-photo img {
        margin-bottom: 10px;
        width: 100% !important;
    }

    .article-search-field {
        border: solid 1px #888888;
        padding: 6px 10px;
        width: 100%;
    }

    .min-width-full {
        min-width: 100%;
    }

    .bold-text {
        font-weight: bold;
        font-size: 110%;
    }

    .font-size-70 {
        font-size: 70%;
    }

    .font-size-80 {
        font-size: 80%;
    }

    .no-border-all {
        border: none;
    }

    .featured-article {
        border-left: 10px solid #69ab4e;
    }

    .featured-article-partner {
        border-left: 10px solid #92C2DA;
    }


    .max-width-30 {
        max-width: 25px;
    }

    .m3r {
        margin-right: .3rem !important;
    }

    .max-height-30 {
        max-height: 25px;
    }

    .fav-button-no-like {
        margin-left: 5% !important;
        font-size: 30px !important;
    }

    .fav-button-like {
        margin-left: 5% !important;
        font-size: 30px !important;
        color: green !important;
    }

    .bottom-of-container {
        position: absolute !important;
        bottom: 0px !important;
    }

    .margin-right-3 {
        margin-right: 3%
    }

    .margin-left-3 {
        margin-left: 3%
    }

    .margin-left-1 {
        margin-left: 1%
    }

    .margin-top-1 {
        margin-top: 1%
    }

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

    .pdl-5 {
        padding-left: 5px !important;
    }

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

    .margin-top-3 {
        margin-top: 3%;
    }


    .twitter-feed-athlete {
        font-family: "Roboto", sans-serif !important;
        min-height: 600px !important;
        max-width: 540px;
    }


    [id*=twitter-widget-] {
        max-height: 100% !important;
    }

    @media only screen and (min-width:320px) and (max-width: 570px) {

        .twitter-feed-athlete {
            max-width: 100%;
        }

        .timeline-Widget {
            max-width: 100%;
        }

        [id*=twitter-widget-] {
            max-height: 100% !important;
            max-width: 100% !important;
        }
    }

    .htl-author-info-box-feature {
        margin-left: 86px;
    }

    .htl-author-info-box-feature-in {
        margin-left: 70px;
    }

    @supports (-webkit-overflow-scrolling: touch) {
        .htl-author-info-box-feature {
            margin-left: 90px;
        }

        .htl-author-info-box-feature-in {
            margin-left: 85px;
        }
    }

    .htl-author-info-box-no-feature {
        margin-left: -10px;
    }

    .htl-author-info-box-share {
        margin-left: 100px;
    }

    .htl-author-info-box-share-no-l-m {
        margin-left: 15px;
    }

    .featured-flag {
        float: left;
        background: #69ab4e;
        position: absolute;
        top: 0px;
        left: -15px;
        color: #fff;
        border-radius: 0 20px 20px 0;
        padding: 2px 0 3px;
        font-size: .85rem;
        min-width: 102px;
    }

    .featured-flag-in-article {
        left: -35px;
    }

    .featured-flag-share {
        left: -8px;
    }

    .featured-flag-partner {
        float: left;
        background: #92C2DA;
        position: absolute;
        left: -3px;
        color: #fff;
        border-radius: 0 20px 20px 0;
        padding: 2px 0 3px 9px;
        font-size: .85rem;
        min-width: 30px;
    }

    .htl-author-info-box-modal {
        margin-left: 45px;
    }

    .htl-cat-img {
        margin-left: -5px;
        margin-right: -16px;
    }

    .htl-author-info-box-feature-in .htl-cat-img {
        margin-left: -2px;
        margin-right: -16px;
    }

    .htl-cat-img-no-left {
        margin-left: 0px;
        margin-right: -16px;
    }

    .htl-cat-img-in-article {
        margin-left: 25px;
    }

    .article-author-name {
        margin-left: 20px;
    }

    .article-author-name-no-img {
        margin-left: 5px;
    }



    .article-author-name-share {
        margin-left: 133px;
    }

    .mr-minus-15 {
        margin-left: -15px;
    }

    .htl-author-info-box-share-promo {
        margin-left: 12px;
    }

    .htl-author-info-box-no-feature .article-author-name-no-img {
        margin-left: 10px;
    }

    .pdssearch .table .btn {
        width: 80%;
        height: 45px
    }

    .pdssearch tr {
        height: 50px;
    }

    .table-hover tbody tr.active td {
        background-color: rgb(108,171,68)
    }

    .tr-cohort-add-frm td {
        padding-top: 10px !important;
    }

    .cohort-groups-cell div {
        /*width: 100%;*/
        padding: 0 5px;
    }

        .cohort-groups-cell div .dropdown-item {
            padding: 3px 0;
        }

    .sectionMainHeading {
        background-color: #6cab44;
    }

        .sectionMainHeading h3 {
            padding: 0 0 0 10px;
            color: #fff;
            margin: 0;
            text-transform: uppercase;
            font-size: 18px;
        }

    .wid100 {
        width: 100%;
    }

    .wid50 {
        width: 50%;
    }

    .wid40 {
        width: 40%;
    }

    .wid20 {
        width: 20%;
    }

    .academy .pds input[type=button] {
        border-radius: 5px;
    }

    @media only screen and (min-width:320px) and (max-width: 570px) {
        .featured-flag {
            min-width: 35px;
        }

        .htl-author-info-box {
            margin-left: 43px;
        }

        .htl-cat-img {
            margin-left: -23px;
            margin-right: 0;
        }

        .htl-author-info-box-share-promo {
            margin-left: -6px;
        }

        .htl-author-info-box-share {
            margin-left: 55px;
        }


        .htl-author-info-box-modal {
            margin-left: -7px;
        }

        .margin-right-mius-5 {
            margin-right: -2px;
        }

        .max-height-30 {
            max-height: 22px;
        }

        .margin-left-3 {
            margin-left: 2%;
        }

        .article-author-name {
            margin-left: 3px;
        }

        .featured-flag-in-article {
            left: -25px;
        }

        .modal-title {
            margin: 0;
            line-height: 1;
        }

        .htl-cat-img-no-left {
            margin-left: 0px;
            margin-right: 0px;
        }

        .htl-author-info-box-feature {
            margin-left: 42px;
        }

        .article-author-name-no-img {
            margin-left: -15px;
        }

        .htl-author-info-box-no-feature .article-author-name-no-img {
            margin-left: 13px;
        }

        .htl-author-info-box-feature-in {
            margin-left: 30px;
        }

            .htl-author-info-box-feature-in .htl-cat-img {
                margin-left: -16px;
                margin-right: 0;
            }
    }

    /*as per new design of data section*/
    .golfsection-container {
        width: 31%;
        margin-right: 20px;
    }

        .golfsection-container .row {
            /*margin-left:0;*/
            margin-right: 0;
        }

    .wid100 {
        width: 100%;
    }

    .wid50 {
        width: 50%;
    }

    .wid33 {
        width: 33.3%;
    }

    .wid25 {
        width: 25%;
    }

    .wid20 {
        width: 20%;
    }

    .wid40 {
        width: 40%;
    }

    .wid95 {
        width: 95%;
    }

    .row-with-border .wid20,
    .row-with-border .wid25,
    .row-with-border .wid33,
    .row-with-border .wid50,
    .row-with-border .wid100 {
        padding: 0;
    }

    .sectionMainHeading {
        background-color: #6cab44;
    }

        .sectionMainHeading h3 {
            padding: 0 0 0 10px;
            color: #fff;
            margin: 0;
            text-transform: uppercase;
            font-size: 20px;
        }

    .final-result-section .input-group .quantity-field {
        width: 100%;
        left: 0;
    }

    .modal-dialog .modal-content .modal-header .header.table-header {
        border-bottom: none;
    }

    .pd5 {
        padding: 5px;
    }

    .tr-cohort-add-frm td {
        padding-top: 20px !important;
        padding-bottom: 10px !important;
    }

        .tr-cohort-add-frm td .form-group {
            margin-bottom: 0;
        }

    .athletes-grid-results th {
        cursor: pointer;
    }

    .search-athlete-status.btn {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .btn.disabled {
        background: #e7e7e7;
    }

    .search-athlete-status.Request,
    .Request {
        background-color: #5bc0de !important;
        color: #fff;
    }

    .search-athlete-status.Pending,
    .Pending {
        background-color: #f0ad4e !important;
        color: #fff;
    }

    .search-athlete-status.In_Progress,
    .In_Progress {
        background-color: lightgray !important;
        color: #000;
    }

    .input-group label.quantity-field {
        padding: 10px;
        min-height: 44px;
    }

    .input-group .quantity-field.quantity-field-popup {
        width: 40%;
    }

    .input-group.stepper-popup {
        border: 1px solid;
        padding: 5px;
        border-radius: 5px;
    }

    .input-group .button-minus.button-minus-popup, .input-group .button-plus.button-plus-popup {
        padding: 0;
        background-color: #6cab44;
        border-radius: 50%;
        color: #fff;
    }

    .modal-backdrop.no-backdrop-opac.in {
        opacity: 0;
    }

    .stepper-div {
        width: 100%;
        display: block;
    }

        .stepper-div div {
            display: flex;
        }

            .stepper-div div.second-stepper {
                margin-top: 15px;
            }


    .tr-academies-grid td .button-status {
        margin-bottom: 2px !important;
    }

    .jgh-modal-box .modal-header {
        background: #6cab44;
        color: #fff;
    }

    .jgh-modal-box .modal-title {
        font-weight: 400;
    }

    .jgh-modal-box .jgh-modal-body-copy {
        padding: 20px 5px;
        font-size: 1.25rem;
        border-bottom: 1px solid #e7e7e7;
    }

    .jgh-modal-box .jgh-modal-btns {
        padding-top: 20px;
    }

    .jgh-modal-box button {
        border-radius: 2px !important;
        border: none;
    }

    .pds input[type=date] {
        width: 100% !important;
    }

    .jgh-search-form input[type=text] {
        border-radius: .25rem 0 0 .25rem !important;
        padding: 8px !important;
    }

    .academy thead th,
    .jgh-academy thead th {
        border-bottom: 1px solid #cccccc;
        font-size: .9rem;
    }

    .jgh-academy-cohorts table {
        margin: 0 auto;
        width: 98%;
        background-color: none;
    }

    .jgh-acadmey table btn,
    .myAcademyPDSReservations table .btn {
        min-width: 60%;
    }

    /*modal pop up vertical centre*/
    .modal.score-update-modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal.score-update-modal::before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

        .modal.score-update-modal .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: 300px;
        }

            .modal.score-update-modal .modal-dialog .modal-header {
                padding: 0;
            }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait) {
    .input-group .quantity-field {
        width: 100%; /*changed from 46px to 70% on 01 July Hridesh - set dynamic width to cells*/ /*changed to 100% after score update modal*/
    }

    .pt-1-mob {
        padding-top: 10px;
    }

    .golfsection-container {
        width: 100%;
        margin-right: 0;
    }

    .reservation-options-options-wrap {
        text-align: center;
    }

        .reservation-options-options-wrap .reservation-options-options {
            width: 70%;
            margin-top: 5px;
        }

    /*.modal.score-update-modal .modal-dialog {
        width: 80%;
    }*/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .input-group .quantity-field {
        width: 100%; /*changed from 42px to 70% on 01 July Hridesh - set dynamic width to cells*/
    }

    .golfsection-container {
        width: 46%;
        margin-right: 20px;
    }

    .wid20.dWidth {
        width: 30%;
    }
    /*.modal.score-update-modal .modal-dialog {
        width: 50%;
    }*/
}
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .input-group .quantity-field {
        width: 32px;
    }

    .golfsection-container {
        width: 49%;
        margin-right: 6px;
    }
}*/
@media (min-width: 576px) {

    .reservation-modal-popup {
        max-width: 600px !important;
    }

    .athlete-share-profile {
        color: #222;
        margin-left: 3%;
    }

    .reservation-options-options-wrap {
        text-align: center;
    }
}

.jgh-pds-data-section {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.jgh-academy .table .btn {
    width: 90%;
    height:45px;
}

@media only screen and (max-width: 1100px) {
    .jgh-academy .table .btn,
    .pdssearch .table .btn,
    .myAcademyPDSReservations table .btn{
        max-width: 125px;
        min-width: 125px;
        width: 100% !important;
    }

        .jgh-academy .table .btn.btn-link-athlete-cohort {
            max-width: 100%;
            min-width: 100%;
            width: 100% !important;
        }

        .jgh-academy .table .btn.expand-cell-btn,
        .cohort .table .btn.expand-cell-btn {
            width: 48% !important;
            max-width: 40px;
            min-width: 40px;
        }

        .jgh-academy .table .btn.pds-edit-delete-btn {
            max-width: 30px;
            min-width: 30px;
            height:25px!important;
        }

        .jgh-academy .table .btn.expand-cell-btn,
        .cohort .table .btn.expand-cell-btn {
            padding: 5px 0;
        }
}

@media only screen and (max-width: 767px) {
    .jgh-academy .table tbody td:not(.del) {
        font-size: 15px;
    }

    .jgh-academy .table .btn,
    .pdssearch .table .btn,
    .myAcademyPDSReservations table .btn {
        max-width: 100px;
        min-width: 100px;
        width: 100% !important;
    }
    .jgh-academy .table .expand-cell-btn .btn,
    .pdssearch .table .expand-cell-btn .btn,
    .myAcademyPDSReservations table .expand-cell-btn .btn {
        min-width: 25px;
        max-width: 25px;
    }
}


@media only screen and (max-width: 500px) {
    .jgh-academy .table tbody td:not(.del) {
        font-size: 15px;
    }

    .myAcademyPDSReservations table .btn {
        max-width: 85px;
        min-width: 85px;
        width: 100% !important;
    }

    .jgh-academy .table .btn,
    .pdssearch .table .btn {
        /* max-width: 80px;
        min-width: 80px;*/
        width: 100% !important;
    }
}

.jgh-btn-color i {
    color: #6cab44 !important;
}

.name .has-photo {
    padding-left: 5px !important;
}

.tr-extra .extra-athl {
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pds-entry-form input[type="text"],
.pds-entry-form select {
    width: 100% !important;
    margin-left: 0px !important;
}

.btn-clear-sm {
    border: 1px solid #6cab44;
    color: #6cab44;
    padding: 5px 0;
}

.jgh-pds-section {
    height: 51px;
    border-bottom: 2px solid #e7e7e7;
    margin-bottom: 20px;
}

@media (max-width: 333px) {
    .dropdown-menu.dropdown-menu-right {
        right: -75px !important;
    }

    .notifications.notify-dropdown .down-arrow,
    .notifications.notify-grid .down-arrow {
        margin-left: -65px;
    }
}

@media (max-width: 500px) {
    .jgh-pds-section {
        height: 41px;
    }

    .notifications.notify-dropdown .down-arrow, 
    .notifications.notify-grid .down-arrow {
        margin-left: -48px;
    }
}

    .notifications.notify-dropdown .down-arrow, 
    .notifications.notify-grid .down-arrow {
        margin-left: 23px;
    }
}

@media only screen and (max-width: 740px) {
    .hidden-700-down {
        display: none;
    }
}

.jgh-pds-section-headers {
    height: 48px;
}

ul.jgh-pds-section-headers {
    list-style: none;
    text-align: right;
    padding-left: 0px;
}

    ul.jgh-pds-section-headers li {
        display: inline-block;
        color: #aaa;
        padding: 10px 15px 6px;
        font-size: 1.15rem;
        cursor: pointer;
    }

        ul.jgh-pds-section-headers li:hover,
        ul.jgh-pds-section-headers li.active {
            font-weight: 400;
            color: #6cab44;
            border-bottom: 8px solid #6cab44;
        }

.jgh-data-title {
    line-height: 44px;
    height: 44px;
    font-size: .85rem;
    text-align: right;
}

    .jgh-data-title span {
        display: inline-block;
        vertical-align: middle;
        line-height: 13px;
    }

.pds-athlete-name {
    text-transform: capitalize;
}

.pds-athlete-name {
    padding: 10px 0;
    font-weight: normal;
    font-family: RobotoMedium, sans-serif;
}

.pds-athlete-score {
    padding: 0 0 10px 0;
    font-weight: 700;
}

.no-bt-border {
    border-bottom: none;
}

.pds-modal-header {
    background: #6cab44;
    padding: 10px 0;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 700;
    border: none;
}

.pds-modal-body {
    padding: 0 15px 15px;
    border: none;
}

    .pds-modal-body .input-group .button-minus.button-minus-popup, .input-group .button-plus.button-plus-popup {
        padding: 0;
        background-color: #ccc;
        border-radius: 5px;
        font-size: 1.5rem;
        color: #000;
    }

    .pds-modal-body .input-group.stepper-popup {
        border: none;
        border-top: 2px solid #e7e7e7;
        padding: 5px;
        border-radius: 0px;
    }

.pds-field-title {
    font-size: 1.1rem;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .input-group label.quantity-field {
        padding: 10px 0;
    }

    .pds-athlete-name {
        font-size: .8rem;
        padding: 5px 0;
    }

    jgh-data-title {
        font-size: .8rem;
    }

    ul.jgh-pds-section-headers {
        text-align: right;
    }

        ul.jgh-pds-section-headers li {
            padding: 10px 5px 0px;
            font-size: 1.25rem;
            text-align: center;
            margin-bottom: 0px;
        }

    .jgh-pds-section {
        margin-bottom: 10px;
    }

    .jgh-pds-section-headers {
        margin-bottom: 0px;
    }

    .sectionMainHeading h3 {
        padding: 0 0 0 10px;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
        font-size: 18px;
    }

    .sectionHeading {
        font-size: 16px;
    }

    .jgh-academy .table .btn {
        width: 100%;
    }

    .input-group label.quantity-field,
    .total-cell {
        min-height: 28px;
    }
}

.nav .nav-link {
    padding-right: 12.5px!important;
    font-weight: 400!important;
    font-size: 1rem!important;
}

.bold-text {
    font-family:RobotoBold;
}

.padding-bottom-2 {
    padding-bottom: 2%;
}



.margin-bottom-2 {
    margin-bottom: 2%;
}

@media (min-width: 770px) {
    .text-left-xs {
        text-align: left;
    }
}

@media (min-width: 771px) {
    .text-right-md {
        text-align: right;
    }
}

.navbar-light [class*=navbar-toggleable-].collapsing li {
    text-align: right;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

label.quantity-field.quantity-field-popup.ng-empty {
    min-height: 0;
}

.input-group .quantity-field.quantity-field-popup.input-quantity {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.input-group input[type='button'].input-quantity-btn {
    border: 1px solid;
    padding: 5px 10px;
    background: #6cab44;
    color: #fff;
    text-transform: capitalize;
    margin-left: 5px;
    width:50%;
    margin-top:10px;
    border-radius:5px!important;
}

.input-group-append {
    margin-left: -12px;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
    height: 44px;
}

.jgh-academy .table .btn.pds-edit-delete-btn {
    width: 30%;
    height:35px;
}

.listItemPadding {
    padding-right: 20px;
    padding-left: 5px;
}

.incompleteTestList {
    max-height: 400px;
    overflow-y: auto;
}

    .incompleteTestList::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .incompleteTestList::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: #F5F5F5;
    }

    .incompleteTestList::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: rgba(85, 85, 85, 0.12941176470588237);
    }

.border-none {
    border: none !important;
}

.addCohortLnk {
    text-decoration: none;
    border: none !important;
}

@media only screen and (max-width:500px) {
    .incompleteTestList {
        max-height: 300px;
    }

    .listItemPadding {
        padding-right: 15px;
        padding-left: 2px;
    }
}

.btn-link-athlete-cohort {
    color: #222;
    text-decoration: none !important;
}


@media only screen and (max-width: 600px) {
    [class*="-grid"] td.name div.name, [class*="-grid"] th.name div.name {
        max-width: 145px;
    }

    [class*="-grid"] td.follow, [class*="-grid"] th.follow {
        font-size: inherit;
    }

    [class*="-grid"] tr:not(.tr-extra) td button {
        padding: .45rem .45rem;
    }
}


.btn-view-pds-report-info {
    padding: 8px 9px;
}



.pds-test-section-header {
    background-color: gainsboro;
}


/*-------PDS SELECT-------*/

.pds-box,
.pds-box-input {
    /*position: absolute;
    top: 0;
    left: 0;*/
    transform: translate(0%, 0%);
}

    .pds-box select,
    .pds-box-input input {
        color: #000;
        padding: 8px;
        width: 100%;
        border: none;
        font-size: 1rem;
        -webkit-appearance: button;
        appearance: button;
        background-color: #eceeef;
        outline: none;
    }

    .pds-box select,
    .pds-box-input input {
        background-color: #eceeef;
    }

        .pds-box select.ng-not-empty,
        .pds-box-input input.ng-not-empty {
            background-color: rgba(108, 171, 68, 0.5);
        }

.pds-box select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* For IE10 */
.pds-box select::-ms-expand {
    display: none;
}
    .pds-box::before {
        content: "\f13a";
        font-family: FontAwesome;
        position: absolute;
        top: -4%;
        right: -6px;
        width: 20%;
        height: 0%;
        text-align: center;
        font-size: 1.25rem;
        line-height: 45px;
        color: #6cab44;
        background-color: rgba(108, 171, 68, 0.5);
        pointer-events: none;
    }

    .pds-box:hover::before,
    .pds-box-input:hover::before {
        color: #6cab44;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .pds-box select option {
        padding: 30px;
    }

.view-info {
    min-height: -moz-calc(100vh - 200px); /* Firefox */
    min-height: -webkit-calc(100vh - 200px); /* Chrome, Safari */
    min-height: calc(100vh - 200px); /* IE9+ and future browsers */
}

.tournamentCalendar .view-info.col-md-12 {
    min-height: 100% !important;
}

.athletes.search select.form-control {
    height: auto !important;
}

.athletes.search .section-header {
    padding-bottom: 10px;
}

.athletes.search .mr-auto {
    margin-left: 0;
}

.athlete.edit label {
    font-size: .85rem;
}

.modal-body .input-group .btn {
    padding: 1rem 1rem !important;
}

.pds-complete-btn {
    margin: 0 auto;
}

.pds-result-sub-name {
    text-transform: capitalize;
    font-size: .9rem;
    font-weight: 200;
    margin-top: -5px;
    font-family: 'RobotoMedium';
}

.jgh-bp-10{
    padding-bottom:10px;
}
.pds-score .pds-result-sub-name {
    margin-top: -15px;
    color: #000;
}

.pds-score {
    color: #6cab44;
    font-size: 3rem;
    font-weight: 600;
    font-family:RobotoBlack;
}

.hat-level-PDS-Test {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding-top: 20px;
}

.pds-result-view .h3{
    font-family:RobotoBlack;
    font-size:1.4rem;
}

.pds-result-view .h5 {
    font-family: RobotoBold;
    font-size: 1.25rem;
    text-align:right;
}
@media only screen and (max-width: 768px) {


    .hat-level-PDS-Test {
        font-size: 1.25rem;
        line-height: 1.25rem;
        padding-top: 15px;
    }
}

    .pds-score-addon {
        color: #6cab44;
    }

    .new-coohort-icon-sm {
        width: 29px;
        height: 29px;
    }

    .no-shadow {
        box-shadow: 0 0 0;
    }

    .white-bk-color {
        background-color: #ffffff !important;
    }

    .icon-dropdown-list {
        min-width: 50px;
    }

    .pds-cohort-btn .btn {
        padding: 9px 10px;
    }

    .icon-dropdown-list .dropdown-item {
        width: 50px;
        padding: 3px 0.5rem;
    }

    .pds-profile-view thead tr {
        border-bottom: 1px solid #e7e7e7;
    }

    .pds-profile-view th {
        font-size: 1rem !important;
        line-height: 1rem;
        padding-bottom: 5px;
    }

    .htl-author-info-box-share {
       margin-left: 105px;
    }

    @media screen and (max-width:500px){
        .htl-author-info-box-share {
            margin-left: 55px;
        }
    }


.shareArticle .img-fluid {
    max-width: 100%;
    width: 100%;
    height: auto;
}

    .htl-author-info-box-modal {
        margin-left: -7px;
    }

    .margin-right-mius-5 {
        margin-right: -2px;
    }

    .max-height-30 {
        max-height: 22px;
    }

    .margin-left-3 {
        margin-left: 2%;
    }

    .modal-title {
        margin: 0;
        line-height: 1;
    }

    .new-coohort-icon-sm {
        width: 29px;
        height: 29px;
    }

    .htl-cat-btn-name {
        padding-left: 5px !important;
        height: 37px;
        line-height: 37px;
    }

    .htl-cat-name-2-line {
        padding-left: 5px !important;
        height: 37px;
        line-height: 19px;
    }

    @media only screen and (max-width: 767px) {
        .htl-cat-name-3 {
            padding-left: 5px !important;
            height: 37px;
            line-height: 19px;
        }
    }

    .htl-img-thumb-sm {
        max-height: 135px;
        height: 100%;
        overflow: hidden;
    }

        .htl-img-thumb-sm img {
            flex-shrink: 0;
            min-width: 100%;
            min-height: 100%
        }

    #articleModal .modal-title {
        font-size: 2rem;
        font-weight: 600;
        padding-top: 5px;
    }

    .modal-header .close-htl {
        position: absolute;
        top: -10px;
        right: -5px;
    }

    .height-100 {
        height: 100%;
    }

    @media (min-width: 786px) {
        .text-right-xs {
            text-align: right;
        }
    }

    .htl-cat-img-meta {
        margin-top: -2px;
    }

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

        .htl-cat-img-meta {
            margin-top: -2px;
        }

        .featured-flag {
            width: 10% !important;
        }

        .htl-img-thumb-sm {
            max-height: 200px;
            height: 100%;
            overflow: hidden;
            margin-bottom: 10px;
        }

        .hidden-sm {
            visibility: hidden;
        }

        .push-sm-up-5 {
            position: absolute;
            bottom: 5%;
        }
    }

    @media only screen and (max-width: 767px) {
        .visible-md {
            visibility: visible;
        }

        .push-md-right-20 {
            position: absolute;
            left: 20%;
        }

        .padding-top-7-md {
            padding-top: 20%;
        }
    }

    .hit-the-links-text {
        padding: 0;
        margin-top: -0.5rem;
        margin-bottom: 0.2rem;
    }

    athlete-feed .show-more {
        margin-bottom: 1.5rem;
    }

    athlete-feed .none-found {
        font-size: 1.1rem;
        font-weight: 500;
        color: #999;
    }

    athlete-feed .sidebar {
        margin-top: 0;
    }

    athlete-feed .menu-left-border {
        height: 100%;
    }

    .et_social_media_wrapper img, .et_social_media_wrapper {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .open-menu-button {
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        position: fixed;
        top: 25%;
        right: 0px;
        z-index: 5;
    }

    .close-menu-button {
        position: absolute;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        top: 120px;
        left: -1px;
    }

    .sidebar {
        /*border-left: 10px solid #69ab4e;*/
        margin-top: 8%;
        height: 100%; /* 100% Full-height */
        width: 100%; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 6; /* Stay on top */
        top: 0;
        right: -800px;
        background-color: #e7e7e7;
        overflow-x: hidden; /* Disable horizontal scroll */
        overflow-y: hidden;
        transition: 0.6s; /* 0.5 second transition effect to slide in the sidebar */
    }

    .et_pb_promo {
        padding: 40px 60px;
        text-align: center;
        background-color: #6cab44;
    }


    .et_pb_module {
        margin-bottom: 0;
        animation-duration: .2s;
        animation-timing-function: linear;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .et_pb_bg_layout_dark {
        color: #fff !important;
    }

    #promo-chevron {
        color: white;
        font-size: 15px;
    }

    .btn-hitthelinks-promo {
        background-color: #6cab44 !important;
        color: white !important;
        border: 5px solid #fff !important;
        padding: 10px;
        font-size: 17px;
    }

        .btn-hitthelinks-promo:hover {
            background-color: #7aa952 !important;
            color: white !important;
            border: 5px solid #7aa952 !important;
            padding: 10px;
            transition-duration: .3s;
            display: inline-block;
        }

    .hitthelinks-icons {
        color: #6cab44;
        z-index: 5;
        position: fixed;
        top: 31%;
        right: 5px;
        font-size: 30px !important;
    }

    .inline-block-display {
        display: inline-block !important;
    }

    .no-display {
        display: none;
    }

    .do-display {
        display: block;
    }

    .htl-to-top-btn {
        position: fixed;
        bottom: 5px;
        left: 20px;
        border-radius: 30px;
        z-index: 5;
    }

    .copy-link-group [class^=tooltip]:after {
        opacity: 100;
        visibility: hidden;
        position: absolute;
        content: attr(data-tooltip);
        padding: 6px 10px;
        top: 1.4em;
        left: 50%;
        transform: translateX(-50%) translateY(-2px);
        background: none;
        color: #fff;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px;
        transition: opacity .2s cubic-bezier(.64,.09,.08,1),transform .2s cubic-bezier(.64,.09,.08,1);
    }

    margin-top-6 {
        margin-top: 6%;
    }

    .open-sidebar {
        right: 0px !important;
    }

    .close-sidebar {
        right: -800px !important;
    }

    .margin-top-2-p {
        margin-top: 2px;
    }

    .margin-top-2 {
        margin-top: 2%;
    }

    .margin-top-1-p {
        margin-top: 1px;
    }

    .margin-top-3-p {
        margin-top: 3px;
    }


    .menu-left-border {
        border-left: 20px solid #69ab4e;
    }

    .padding-top-20-p {
        padding-top: 20px
    }

    .padding-top-40-p {
        padding-top: 40px
    }

    .padding-top-25-p {
        padding-top: 25px
    }

    .padding-left-5 {
        padding-left: 5%;
    }

    .htl-menu-logo {
        width: 90%;
        padding-left: 5px;
    }

    .push-to-left-7 {
        left: 7px;
    }

    .share-article-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    margin-top-4-p {
        margin-top: 4px;
    }

    @media only screen and (max-width:480px ) {
        .twitter-feed-athlete {
            max-width: 350px;
            width: 350px;
        }
    }

    @media only screen and (min-width:320px) and (max-width:768px) {
        .notification .close {
            font-size: 1.2rem;
        }
    }

    @media only screen and (max-width: 500px) {
        .pds-box::before {
            top: -15%;
        }
    }

    .table-striped tbody tr:nth-of-type(odd).no-background-color {
        background-color: transparent;
    }


    /* by hridesh */
    .has-search .form-control {
        padding-left: 2.375rem;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

    /**/
    input,
    textarea {
        border: 1px solid #eeeeee;
        box-sizing: border-box;
        margin: 0;
        outline: none;
        padding: 10px;
    }

        input[type="button"] {
            -webkit-appearance: button;
            cursor: pointer;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

    .input-group {
        clear: both;
        margin: 0; /*15px 0*/
        position: relative;
        /*border-right: 1px solid #d8d8d8;*/
        min-height: 44px;
        line-height: 44px;
    }

    @media only screen and (max-width:500px) {
        .input-group {
            line-height: 24px;
        }
    }

    .input-group input[type='button'] {
        /*background-color: #eeeeee;*/
        min-width: 15%; /*38px*/ /*changed from 18px to 15% on 29 June Hridesh - set dynamic width to cells*/
        width: auto;
        transition: all 300ms ease;
        background: none;
        border: none;
    }

    .input-group .button-minus, .input-group .button-plus {
        font-weight: bold;
        height: 38px;
        padding: 0;
        width: 18px; /*38px*/
        /*position: relative;*/ /*commented on 29 June Hridesh - set dynamic width to cells*/
    }

    .input-group .button-minus {
        padding-left: 5px;
    }

    .input-group .button-plus {
        padding-right: 5px;
    }

    .input-group .quantity-field {
        /*position: relative;*/ /*commented on 29 June Hridesh - set dynamic width to cells*/
        /*height: 38px;*/
        left: -6px;
        text-align: center;
        /*width 62px*/ /*42px*/ /*changed from 42px to 70% on 29 June Hridesh - set dynamic width to cells*/
        width: 100%; /*changed to 100% from 70% after pop up integration*/
        display: inline-block;
        font-size: 1rem;
        margin: 0; /*0 0 5px*/
        resize: vertical;
        border: none;
        background-color: #fff;
    }

    .button-plus {
        left: -13px;
    }

    input[type="number"] {
        -moz-appearance: textfield;
        -webkit-appearance: none;
    }

    .light_background {
        background-color: #d8d8d8;
    }

    .dark_background {
        background-color: #000;
        color: #fff;
    }

    .row-with-border {
        border: 1px solid #d8d8d8;
    }

    .row-with-bottom-left-border {
        border-bottom: 1px solid #d8d8d8;
        border-left: 1px solid #d8d8d8;
    }

    .row-with-left-border {
        border-left: 1px solid #d8d8d8;
    }

    .row-with-bottom-border {
        border-bottom: 1px solid #d8d8d8;
    }

    .no-bottom-border {
        border-bottom: 0px;
    }

    .row-with-top-thick-border {
        border-top: 2px solid #d8d8d8;
    }

    .row-with-border .col-md-2, .row-with-border .col-md-3 {
        padding: 0;
    }

    .total-cell {
        text-align: center;
        font-weight: bold;
        min-height: 44px;
        /* border-right: 1px solid #d8d8d8;*/
    }

    .pd-top-30 {
        padding-top: 30px;
    }

    .pds-data-date-select input.form-control {
        display: inline-block;
        width: 100%;
        /*margin-left: 15px;*/
        border-radius: 0;
    }

    .pds-data-date-select select.form-control {
        display: inline-block;
        width: 100%;
        /*margin-left: 15px;*/
        border-radius: 0;
    }


.pds-data-date-select select.form-control,
.pds-data-date-select input.form-control {
    height:40px!important;
}



    .input-group.greyBG input[type='button'], .input-group.greyBG .quantity-field, .greyBG {
        background-color: #eeeeee;
    }

        .greyBG .input-group input[type='button'], .greyBG .input-group .quantity-field, .greyBG {
            background-color: #eeeeee;
        }

    .row-with-border .col-md-3 .input-group input[type='button'] {
        min-width: 38px;
    }

    .addCohortLnk {
        padding-top: 10px;
        display: block;
        text-decoration: underline;
        /* color: blue; */
        font-weight: bold;
        /* font-size: 16px; */
    }

    .sectionHeading {
        font-weight: normal;
        font-family: RobotoMedium, sans-serif;
        font-size: 18px;
        padding: 10px;
    }

    .btn-link-athlete-cohort img {
        width: 40px !important;
    }

    .table td,
    .table th,
    input[type=select],
    input[type=text],
    input[type=date] {
        font-family: RobotoRegular, sans-serif;
    }

    h5 {
        font-family: RobotoBold, sans-serif;
    }

    label {
        font-family: RobotoBold;
    }

    .pds {
        font-family: RobotoRegular, sans-serif;
    }

    [class*="-grid"] tr:not(.tr-extra) td {
        padding: 10px 0;
    }

.cohort td.name{
    font-size:.85rem;
}
/*----------------------NAV BAR---------------------*/
nav.navbar.navbar-light.bg-faded .nav-link,
nav.navbar .dropdown-item {
    font-family: RobotoMedium;
    font-weight: normal;
    font-size:1rem!important;
    text-shadow: none;
}

    nav.navbar .dropdown-item {
        padding: 5px 1.5rem;
        font-size: .9rem;
    }


    .form-group.rank-tour-name {
        margin-bottom: 0px;
    }

    .lh-9 {
        line-height: .9rem;
    }

    .pds-result-view table td, .table th {
        padding: 5px;
    }

        .pds-result-view table td p, .table th p {
            margin-bottom: 0;
        }

    @media only screen and (max-width:1024px ) {
        .navbar-nav .nav-item {
            margin-right: 20px;
        }

        .table thead th {
            font-size: .95rem !important;
        }
    }

.dropdown-menu {
    left:unset;
    right:0!important;
}

@media (min-width: 992px){
    .notifications.notify-dropdown .dropdown-menu, .notifications.notify-grid .dropdown-menu {
    left: 220px;
    }
}

    @media only screen and (max-width: 768px) {
        .notifications.notify-dropdown .down-arrow {
        margin-left: -35px;
    }

    .dropdown-menu.dropdown-menu-right {
        left: -262px !important;
    }

    .nav .dropdown-item {
        height: 30px;
    }

    .data-grid-athlete td.cell-min {
        width: auto;
    }

    .jgh-academy .table tbody td:not(.del) {
        font-size: .9rem !important;
    }

    .table thead th {
        font-size: .85rem !important;
        line-height: 1rem;
    }
}
@media only screen and (max-width:426px) {

    .dropdown-menu.dropdown-menu-right {
        left: -224px !important;
    }
    .notifications.notify-dropdown .down-arrow {
        margin-left: -78px;
    }
}

    .jgh-academy .table tbody td:not(.del) {
        font-size: .75rem !important;
    }
}

    table .name {
        text-transform: capitalize;
    }

    .text-underline {
        text-decoration: underline;
    }

        .text-underline:hover {
            color: #979393
        }

.btn-default{
    background:#e7e7e7;
}
/*-----------Login Screen--------------*/
.login .wrap-white {
    max-width: 500px;
    box-shadow: 0 0 3px #ccc;
    font-size: .8rem;
    margin-top: 20px;
    background: rgba(255,255,255,.95);
}

.login #main-body-container{
    background:url(../img/hole13.jpg) center;
    background-position: 35% 30%; 
    width:100%;

}

.welcome-new-member {
    margin-bottom: 0;
}

.welcome-new-member .welcome-msg {
    color: #000;
    margin-top: 10px;
}

.welcome-new-member .jgh-lg-head {
    margin-top: 15px;
}

.welcome-new-member .guideLinesList li, .has-icon-bullets li {
    margin: 0 0 0 1.5rem;
}

#login-logo {
    max-width:375px;
    width:100%;

}

.download-app-btns img{
    width:70%;
}
@media only screen and (max-width:500px) {
    .download-app-btns img {
        width: 90%;
    }
    .login #main-body-container {
        background: url(../img/hole13.jpg) center;
        background-position: 54% 100%;
        background-size: cover;
        width: 100%;
        position: relative;

    }

    .login .wrap-white {
        max-width: 400px;
        position: absolute;
        top: 50%;
        transform: translateY(-40%);
        left: 0;
        right: 0;
    }

}


.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(85, 85, 85, 0.12941176470588237);
}

.pad-right-3{
    padding-right:3px!important;
}

.login #main-body-container {
    height: calc(100vh - 122px);
    min-height: 600px;
}

@media only screen and (min-width: 1200px) {
    .card-img-top {
        max-height: 100%;
    }
}

@media only screen and (min-width:786px){
    .notify-dropdown{
        margin-top:5px;
    }
}

.ovh {
    position: fixed;
    overflow: hidden !important;
    width: 99%;
}

.navbar-light .navbar-toggler {
    background-image: none;
    color:#6cab44;
}
.navbar-light .navbar-toggler:hover {
    color: #fff;
}

@media only screen and (min-divice-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    .jgh-adv-header {
        font-size: .85rem;
        line-height: 1.8rem;
    }
    }

@supports (-webkit-overflow-scrolling:touch) {
    Input[type="checkbox"]:before {
        display: none;
    }
}


.pds-summary-text {
    text-align:center;
    margin:auto;
    padding:10px;
}

.pds-logo{
    max-height:150px;
    max-width:150px;
}

.price-tier-description {
    font-size: .9rem!important;
}

.consentLabel{
    font-size:1rem;
}

.has-danger .consentLabel {
    border-color: rgb(217, 83, 79);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(235, 165, 163) 0px 0px 6px;
}

.athletePDSCohortAddTableDiv{
    max-height:500px;
    overflow-y:scroll;
}

    .athletePDSCohortAddTableDiv::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .athletePDSCohortAddTableDiv::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: #F5F5F5;
    }

    .athletePDSCohortAddTableDiv::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: rgba(85, 85, 85, 0.12941176470588237);
    }
@media (max-width:767px) {
    .data-grid-athlete th.cell-min,
    .data-grid-athlete td.cell-min {
        width: 44px!important;
    }
}

/*------------------PARTNER LEAERN MORE-------------------------------*/
.partner-testimonial-box{
    border-bottom:1px solid #e7e7e7;
}

.learnmore #main-body-container button {
    width: 100%;
    max-width: 200px;
    padding: 10px 0;
    box-shadow: 0 0 10px #ccc;
    font-weight: 800;
}

.learnmore .partner-logo{
    padding:20px 0;
}

.learnmore button:hover {
    color: 000;
    background: #ffa500 !important;
}
@media only screen and (max-width: 2560px) {
    .learnmore .jgh-section-box-copy,
    .gopremium .jgh-section-box-copy {
        width: 100%;
        padding: 0 2%;
        margin-bottom: 50px;
    }
    
}
    @media only screen and (max-width: 1024px) {
        .jgh-benifits-icon {
            width: 43px;
        }

        .jgh-box-height-140 {
            max-height: 175px;
            height: 100%;
        }

        .jgh-box-titles-blk {
            color: #000;
            font-family: RobotoBold;
            font-size: .9rem;
            line-height: 1.25rem;
            font-weight: 800;
        }

        .jgh-box-copy {
            color: #000;
            font-size: .8rem;
            line-height: 1.25rem;
            font-weight: 400;
        }
    }

    @media only screen and (max-width: 768px) {
        .jgh-benifits-icon {
            width: 55px;
        }

        .jgh-section-sub-head {
            font-size: 1rem;
        }

        .jgh-sub-section p {
            font-size: 1rem;
        }
    }

    @media only screen and (max-width:426px) {
        .jgh-section-heading {
            font-size: 1.5rem;
        }

        .learnmore button {
            margin-bottom: 20px;
        }
    }

.w82 {
    width: 62px;
}

.nav-link.non-p-user{
    color:#ccc!important;
}
.ovh{
    position: fixed;
    overflow: hidden !important;
}

/*--------------------------TRIAL USER----------------------------*/
.jgh-trial-count-bar{
    font-size:1rem;
    padding:6px 0;
    width:100%;
    background-color:#6cab44;
    color:#fff;
    font-family:RobotoRegular, sans-serif;
    text-align:center;
}

    .jgh-trial-count-bar .yellow-txt {
        font-family: RobotoBold, sans-serif;
        color: #fcff00
    }
    .jgh-trial-count-bar .go-premium-bar-btn {
        color: #000000 !important;
        padding: 0 10px;
        display: inline-block;
        background: #fcff00;
        border-radius: 10px;
        cursor: pointer;
    }

        .jgh-trial-count-bar .go-premium-bar-btn:hover {
            background-color: rgba(237, 255, 0, 0.50);
            color: #222 !important;
        }

.close-bar{
    position:absolute;
    right:10px;
    cursor:pointer;
}
}

/*--------------------------TRIAL USER----------------------------*/
.jgh-trial-count-bar{
    font-size:1rem;
    padding:6px 0;
    width:100%;
    background-color:#6cab44;
    color:#fff;
    font-family:RobotoRegular, sans-serif;
    text-align:center;
}

    .jgh-trial-count-bar .yellow-txt {
        font-family: RobotoBold, sans-serif;
        color: #fcff00
    }
    .jgh-trial-count-bar .go-premium-bar-btn {
        color: #000000 !important;
        padding: 0 10px;
        display: inline-block;
        background: #fcff00;
        border-radius: 10px;
        cursor: pointer;
    }

        .jgh-trial-count-bar .go-premium-bar-btn:hover {
            background-color: rgba(237, 255, 0, 0.50);
            color: #222 !important;
        }

.close-bar{
    position:absolute;
    right:10px;
    cursor:pointer;
}


.wrap-white{
    box-shadow:0 0 5px #ccc;
}
/*-------------------EDIT PROFILE---------------*/
.header.section-header .h1 {
    font-size: 1.75rem;
}

.jgh-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .jgh-video-container iframe, 
    .jgh-video-container object, 
    .jgh-video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.academyVideoLibrary .section-header{
    border-bottom:0;
}
.academyVideoLibrary .h4 {
    color: #6cab44;
    font-size: 2rem;
    font-family:RobotoBlack;
    margin-bottom:0px;
}
.jgh-video-title {
    font-size: 1rem;
    font-family: RobotoMedium;
    padding: 5px 0;
}

.jgh-sessions-title {
    font-size: 1.25rem;
    line-height:2rem;
    font-family: RobotoBold;
    padding: 5px 0;
    text-align:center;
}

.jgh-section-title,
.gpc-athlete-documents .h4 {
    font-size: 1.25rem;
    font-family: RobotoBold;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    color: #000;
}

.jgh-online-sessions .jgh-section-title {
    font-size: 1.5rem;
    text-align:center!important;
}

.gpc-athlete-documents .h4 i {
    display: none;
}

.gpc-athlete-documents .col-md-4,
.gpc-athlete-documents .col-md-8 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
}
.gpc-athlete-documents .table tbody td:not(.del) {
    font-size: .95rem;
}

.gpc-athlete-documents .table tbody td.name.docName {
    width: 40%;
}

.gpc-athlete-documents .table thead{
    border-bottom: 1px solid #ccc;
    background: #e7e7e7;
}

.gpc-athlete-documents .wrap-white .athlete-documents-tree {
    padding:0px;
}

.video-options {
    font-size: 35px!important;
    color: lightgray;
}

.PressedRow {
    background-color: #6cab44!important;
    color:white!important;
}

.video-wrap{
    padding-left: 1.3%;;
    padding-right: 1.3%;
    padding-top: 0;
    padding-bottom: 0;
    margin:0; 
    margin-top:.7%;
}

.video-row {
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 1%;
}

.video-row-text{
    padding-top:2%;
}

.video-row-text-2{
    padding-top:12%;
}

.video-row-text-3 {
    padding-top: 3%;
}

.video-row-text-4 {
    padding-top: 5%;
}

.video-info-row{
    background-color:lightgray;
}

.video-text-wrap {
    word-wrap: break-word;
}

.video-info-tag{
    font-size:12px;
}

.margin-bottom-0{
    margin-bottom: 0!important;
}

.video-comments {
    margin-left: 25%;
    color: #6cab44;
}

.video-edit-btn {
    margin-bottom: 2%;
    width: 100px;
}

.video-edit-icon {
    margin-left: 10%;
}

.video-camera-icon {
    color: #6cab44;
}

.video-browse-btn {
    margin-left: 3%;
}

.video-width-100 {
    width: 100%;
}

.video-height-100 {
    height: 100%;
}

.video-add-icon{
    width:25%
}

.adminVideoLibrary .add-link-row {
    display: inline-block;
    text-decoration:none;
    color:#6cab44;
}

.carousel .bg.bg-profile .carousel-text {
    align-items: center;
}

.carousel .bg.bg-profile .carousel-title {
    font-size: 2.5rem!important;
    font-family: RobotoBold;
}

.carousel .bg.bg-profile .carousel-description {
    line-height: 2.25rem;
    font-size: 1.35rem!important;
}


.add-link-row {
    margin: 5%;
}

.adminVideoLibrary .wrap-white{
    margin-bottom:5px;
}
.jgh-table-heading {
    padding-bottom: 5px;
    font-size: .85rem;
    font-weight: bold;
}

@media (max-width: 575px) {
    .adminVideoLibrary tbody tr, thead tr {
    border-bottom: none; 
}
    .video-add-icon {
        width: 75%
    }
}

.video-link{
    margin-left: 10%;
}

.delete-modal-header {
    background-color: #6cab44 !important;
    color: white !important;
    padding:3%;
}

padding-top-5 {
    padding-top: 5%;
}


/*--------------------------SELF ASSESSMENT--------------------------*/

.btn-continue {
    background: #F39C27;
    width: 150pt;
    height: 50pt;
    color: #fff;
    font-size:17pt;
    font-family:RobotoMedium;
    box-shadow: 0 0 6pt #00000029;
}

.pdiselfassessment select.form-control:not([size]):not([multiple]) {
    height: auto !important;
}
    .jgh-100-pad {
    padding: 100px 0 !important;
}
.pdiselfassessment .jgh-field-label,
.pdigrittest .jgh-field-label{
    height: 50px;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 4px !important;
}


.jgh-error-txt{
    color:red;
    font-family:RobotoBold;
}

.pdigrittest select {
    height: 35px;
}

.jgh-prescription-video-title {
    font-size: 1.25rem;
    font-family: RobotoMedium;
    padding: 5px 0;
    border-bottom:1px solid #e7e7e7;
}
.jgh-prescription-video-text {
    font-size: 1rem;
    font-family: RobotoRegular;
    padding: 5px 0;
}

@media (max-width: 768px) {
    .pdiselfassessment .jgh-field-label, .pdigrittest .jgh-field-label {
        height: 35px;
    }
    .pdigrittest .jgh-section-sub-heading {
        font-size: 15px;
    }
    }
    .pdiselfassessment input,
    .pdiselfassessment select {
        border-radius: 5px !important;
    }

    .jgh-btm-border {
        border-bottom: 1px solid #f0f0f0;
    }

    .jgh-slf-pdisection-header {
        margin-bottom: 20px;
        border-bottom:none!important;
    }

        .jgh-slf-pdisection-header .h4 {
            font-family: RobotoBold;
            font-size: 1.75rem;
            padding-bottom:10px;
        }
        
        .jgh-sm-title{
            font-size:1.5rem;
           
        }

.jgh-slf-pdisection-header .h4:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: -80px;
    bottom: 0;
    width: 170px;
    border-bottom: 3px solid #ccc !important;
}

    .jgh-section-sub-heading {
        font-size: 23px;
        font-family: RobotoBold;
    }

.pdigrittest .jgh-section-sub-heading {
    font-size: 18px;
    line-height:22px;
    font-family: RobotoBold;
}

.jgh-left-button,
.jgh-right-button {
    width: 100pt;
    height: 51pt;
    font-size: 18pt;
    font-family: RobotoMedium;
    color: #000;
    background: #e7e7e7!important;
}

        .jgh-left-button:hover,
        .jgh-right-button:hover {
            background: #6cab44;
            color: #fff;
        }

    .jgh-left-button {
        border-radius: 5pt 0 0 5pt;
    }

    .jgh-right-button {
        border-radius: 0 5pt 5pt 0;
    }

.pdi-step-img{
    float:right;
}


.jgh-radio-section {
    display: inline-block;
    float:left;
    margin-right:5px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    width:40px;
    height:40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .jgh-radio-section input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.jgh-radio-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    padding:8px 0 0; 
    text-align:center;
    background-color: #eee;
    border-radius: 50%;
}

.jgh-radio-section:hover input ~ .jgh-radio-mark {
    background-color: #6cab44;
    color: #fff;
}

.jgh-radio-section input:checked ~ .jgh-radio-mark {
    background-color: #6cab44;
    color: #fff;
}


option{
    padding:10px 0!important;
}


.jgh-grit-score-head{
    width:100%;
    padding:10px;
}

.jgh-grit-score-red {
    background-color: red;
}
.jgh-grit-score-yellow {
    background-color: yellow;
}
.jgh-grit-score-green {
    background-color: #6cab44;
}

h2.jgh-section-sub-heading{
    font-size:1.5rem!important;
}

.jgh-grit-score-red .jgh-grit-score-number,
.jgh-grit-score-red .jgh-grit-score-title,
.jgh-grit-score-green .jgh-grit-score-number,
.jgh-grit-score-green .jgh-grit-score-title{
    color: #fff;
}

.jgh-grit-score-yellow .jgh-grit-score-number,
.jgh-grit-score-yellow .jgh-grit-score-title {
    color: #000;
}
.jgh-grit-score-number,
.jgh-grit-score-title {
    font-size: 1.5rem;
    font-family: RobotoMedium;
}

.jgh-grit-score-number,
.jgh-grit-score-title,
.jgh-chart-score-number {
    font-size: 1.5rem;
    font-family: RobotoMedium;
}

.jgh-chart-score-number-sm {
    font-size: 1rem;
    font-family: RobotoMedium;
}

    .jgh-grit-score-number{
        text-align:right;
    }

.jgh-chart-ex-txt {
    font-weight: bold;
    background-color: #f0f0f0;
    padding-bottom: 10px;
}
.jgh-chart-score-number {
    text-align: center;
}

.jgh-pdi-intro p strong,
.jgh-pdi-completed p strong {
    font-size: 1.15rem !important;
}

.jgh-pdi-intro p,
.jgh-pdi-completed p {
    font-size: 1rem !important;
    line-height: 1.75rem !important;
}

.pdi-test-link {
    display: inline-block;
    background: yellow;
    color: #000;
    width: 82px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}


h4.jgh-5-ele-title {
    font-size: 1.25rem;
    line-height:1.5rem;
}


    h4.jgh-5-ele-title strong {
        font-family:RobotoBold;
    }
    .pdi-test-link:hover {
    background: #e7e7e7;
    color: #000;
}


.jgh-dash-widget .gray-out{
    color:#ccc!important;
}

.jgh-dash-step-img {
    padding: 20px 0;
}
.jgh-dash-step-img img {
    width: 95%;
    margin: 0 auto;
    display: block;
}
.jgh-dash-tb-title{
    font-family:RobotoBold;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #e7e7e7;
}
.jgh-dash-tb-title,
.jgh-dash-tb-text {
    font-size: .85rem;
    line-height: .85rem;
}

.jgh-dash-tb-title,
.jgh-dash-tb-text {
    font-size: 1.15rem;
    line-height: 1.05rem;
}

.jgh-dash-tb-text {
    
}
.pdi-grit-dash-score-gray, .pdi-growth-dash-score-gray {
    background: gray;
    color: #000;
}

.pdi-grit-dash-score-red, .pdi-growth-dash-score-red {
    background: red;
    color: #fff;
}
.pdi-grit-dash-score-yellow, .pdi-growth-dash-score-yellow
{
    background: yellow;
    color: #000;
}

.pdi-grit-dash-score-green, .pdi-growth-dash-score-green {
    background: green;
    color:#fff;
}
.pdi-grit-dash-score, .pdi-growth-dash-score {
    font-size: 2.25rem;
    letter-spacing: -2px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-family: RobotoBold;
    float: left;
    text-align: center;
    border-radius: 100%;
    margin-right: 4px;
}


.pdi-dash-section {
    padding:10px;
}

.pdi-dash-index-score{
    line-height:1.25;
}
.pdi-dash-index-score span {
    display: inline-block;
    line-height: 0;
}

.pdi-view-score {
    font-size: 3rem;
    line-height: 45px;
}

athlete-pds-result-profile-view-rate-your-game-wid-view {
    width: 100%;
}

.jgh-dash-tb-text span {
    font-size: 12px;
}

.jgh-dash-widget .section-header {
}

.jgh-dash-widget .h4{
    font-size:1rem;
    font-family:RobotoBold;
}
.jgh-disabled-btn {
    border-radius: 4px;
    border: 1px solid #E7E7E7;
    height: 28px;
    width: 65px;
    font-size: .8rem;
    color: #ccc;
    background: #E7E7E7;
}
.jgh-clear-btn {
    border-radius: 4px;
    border: 1px solid #71AE4F;
    height: 28px;
    width: 65px;
    font-size: .8rem;
    color: #71AE4F;
    background: transparent;
    font-family:RobotoBold;
}

.jgh-link-btn {
    padding: 7px;
}

.jgh-link-btn:hover {
    text-decoration: none;
}

.jgh-clear-btn:hover {
    color: #ffffff;
    background: #71AE4F;
}

.jgh-reverse-btn {
    border-radius: 4px;
    border: 1px solid #71AE4F;
    height: 28px;
    width: 65px;
    font-size: .8rem;
    color: #fff;
    background: #71AE4F;

}

    .jgh-reverse-btn:hover {
        color: #71AE4F;
        background: transparent;
    }

.signup .h2, .signup h2 {
    font-size: 1.75rem;
}
.pdigolfphsy row {
    width:100%;
}
.pdigolfphsy .jgh-wht-box{
    max-width:900px;
    margin:0 auto;
}

.jgh-pdi-header-section {
    border-bottom: 1px solid #e7e7e7;
    margin:0 5px;
}

.jgh-skill-section-title {
    padding: 20px 0;
    font-family: RobotoMedium;
    font-size: 1.2rem;
    border-bottom: 1px solid #e7e7e7;
}

.jgh-skill-modal-title {
    padding: 0 0 20px 0;
    font-family: 'RobotoBold';
    font-size: 1.35rem;
    border-bottom: 1px solid #e7e7e7;
    background: #6cab44;
    color: #ffffff;
    width: 100%;
}

.pdi-practice .close-model {
    background: #6cab44;
    width: 100%;
    padding-right:10px;
    left:0%!important;
    text-align:right;
}

.pdi-practice #modalTop .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.no-bottom-border {
    border-bottom: 0px;
}

.jgh-skill-section {
    padding: 15px 0;
    font-family:RobotoMedium;
}

.jgh-section-selected{
    background-color:#6cab44;
    color:#fff;
}


.jgh-pdi-mm-num,
.jgh-pdi-shot-num {
    font-size: 38px;
    font-family: RobotoBold;
    margin: 0 20px;
}

.pdi-middle-txt{
    line-height:3rem;
    font-size:20px;
}

.jgh-pdi-shot-num {
line-height: 25px;  
}
.jgh-pdi-shot-num span {
    font-size:20px;
}

.pdigolfphsy .modal-dialog {
  overflow:auto;
}

.pdigolfphsy .modal-dialog .modal-content {
    overflow: auto;
}
    .pdigolfphsy .modal-dialog button {
        font-size: 1.2rem;
        width: 100px;
        padding: 5px 0 32px;
    }
    .jgh-div-center{
    margin:0 auto;
}

.jgh-out-of-div{
    height:65px;
}
.jgh-shots-div{
    width:238px;
}

.close-model {
    width: 20px;
    position: relative;
    left: 92%;
    font-family: RobotoBold;
    cursor: pointer;
    font-size:20px;
}

    .close-model .closeBtn {
        width: 20px;
        height: 20px;
        background: none;
        border: none;
    }

.small-heading{
    font-family:RobotoBold;
    padding:10px 0;
}

.pdi-directions-box {
    padding: 0 20px;
    font-family:RobotoRegular;
    font-size:.9rem;
}

.pdi-directions-box li{
    margin:10px 0;
   }
    .pdi-directions-box ol li {
        margin-top: 20px;
    }
    .pdi-direction-img{
    margin:10px 0;
}

.pdi-direction-img img{
     max-width:840px;
     width:100%;
}

    .jgh-radio-section-golf-phys {
        display: inline-block;
        float: left;
        margin-right: 5px;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        width: 68px;
        height: 68px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.jgh-radio-section-golf-phys input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    .jgh-radio-section-golf-phys .jgh-radio-mark-made {
        position: absolute;
        top: 0;
        left: 0;
        height: 68px;
        width: 68px;
        font-size: 3rem;
        line-height: 62px;
        text-align: center;
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #6cab44;
        color: #fff;
    }

    .jgh-radio-section-golf-phys .jgh-radio-mark-missed {
        position: absolute;
        top: 0;
        left: 0;
        height: 68px;
        width: 69px;
        font-size:3rem;
        line-height:62px;
        text-align: center;
        background-color: #fff;
        border-radius: 0;
        border: 1px solid red;
        color: #fff;
    }

.jgh-radio-section-golf-phys:hover input ~ .jgh-radio-mark {
   /*background-color: #6cab44;
    color: #fff;*/
}

.jgh-radio-section-golf-phys input:checked ~ .jgh-radio-mark-made {
    background-color: #6cab44;
    color: #fff;
}

    .jgh-radio-section-golf-phys input:checked ~ .jgh-radio-mark-missed {
        background-color: red;
        color: #fff;
    }

.phys-input-fields {
    padding: 20px 10px;
}
.phys-input-fields input[type=number] {
    width: 65px;
    margin: 5px;
    display: inline;
}

#infoModal{

    max-width:900px;
    margin-top:5%;
    margin:0 auto;
}

.jgh-md-btn {
    width: 200px;
    font-size: 1.25rem;
    height: 50px;
    margin:0 auto;
}

.jgh-payment-top{
    border-bottom:4px solid #6cab44;
}

.eventpayment  .receipt-form-heading {
    color: black;
    font-size: 1.25rem;
    font-family: RobotoRegular;
}

.jgh-9pt-txt {
    font-size: .9rem;
}

.bt-wt-150{
    width:150px;
}
/*-------------------------------ASSESSMENT SECTION-------------------------------*/

.assessment-result-view .wrap-white{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}

.jgh-pr-assessment-title {
    padding: 10px;
    background-color: #e7e7e7;
    width: 100%;
    font-family: RobotoBold;
    font-size: 1.25rem;
}

.pds-profile-view td{
    line-height:1rem;
    text-align:left;
}

.pds-profile-view td span {
    font-size: .7rem;
}

    .pds-profile-view td .jgh-clear-btn,
    .pds-profile-view td .jgh-clear-btn span,
    .pds-profile-view td .jgh-reverse-btn {
        font-size: .8rem;
        font-family: RobotoRegular;
    }

.pds-profile-view .no-records {
    font-style: italic;
    color: #888;
}

tr.jgh-pf-assessment-step{
    border-bottom:1px solid #888888;
}

tr.jgh-pf-assessment-step td{
    padding-bottom: 10px !important;
    line-height: 30px;
}

    tr.jgh-pf-assessment-step td button {
        line-height: 0px;
    }
.jgh-pf-assessment-step td {
    font-family: RobotoBold;
    font-size: .95rem;
}

.jgh-pf-assessment-step td span {
     color: #6cab44;
     font-size: .95rem;
}

.jgh-pf-assessment-step .jgh-clear-btn,
.pds-profile-view .jgh-clear-btn {
    width: auto;
}
.jgh-clear-btn span {
    font-size: .9rem;
}

.pds-profile-view td.cell-min  {
    font-family: RobotoMedium;
}
.pds-profile-view td.cell-min span {
    font-family: RobotoRegular;
}

.jgh-arv-date{
    font-family:RobotoBold;
    font-size:1.5rem;
    line-height:1.5rem;
}

.jgh-arv-date span {
    font-size: 1.15rem;
}

.jgh-arv-section-title{
    font-size:1.25rem;
    font-family:RobotoBold;
    border-bottom:1px solid #888;
}

.jgh-svr-sub-sec-titles {
    font-size: 1rem;
    font-family: RobotoBold;
    padding-bottom:10px;
}

.jgh-arv-test-title,
jgh-arv-num-shots {
    font-size: .9rem;
}
.jgh-arv-num-shots{
    font-family:RobotoBold;
}

.jgh-arv-result-vlg-color {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-top: -5px;
}

.jgh-arv-result-lg-color {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-top: -5px;
}

.jgh-arv-result-sm-color {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-top: -5px;
}

.jgh-lg-result-red{
    background-color:red;
}

.jgh-lg-result-yellow {
    background-color: yellow;
}

.jgh-lg-result-green {
    background-color: #6cab44;
}

.jgh-lg-result-unknown {
    text-align: center;
    background-color: #e7e7e7;
}

.jgh-lg-result-unknown::after {
    content: "?";
    font-weight: 900;
    font-size: 22px;
    color: white;
}

.jgh-arv-section-key-box{
    margin-top:10px;
    background-color:#e7e7e7;

}

.jgh-key-box-white {
    background-color: #ffffff;
}

.jgh-arv-section-key-box {
    list-style: none;
    width: auto;
    text-align: center;
    padding-left:0px;
    float:right;
}

.jgh-sp-cir {
    margin-top: 17px!important;
    margin-left: -5px;
}



.jgh-arv-section-key-box li {
    display: inline-block;
    padding: 5px;
    font-family: Roboto;
    font-size: .85rem;
}

        .jgh-arv-section-key-box li div{
            display:inline-block;
        }

        .jgh-arv-section-key-box li p {
            float: left;
            font-family: RobotoMedium;
            margin-bottom: 0px;
            margin-right: 3px;
            font-size: .7rem;
            line-height: 22px;
        }

    .jgh-arv-section-key-box.jgh-key-box-white li p {
        float: right;
        font-family: RobotoMedium;
        margin-bottom: 0px;
        margin-left: 3px;
        font-size: .8rem;
        line-height: 32px;
    }

.jgh-arv-section-key-box li p.jgh-2line-key-txt {
    max-width: 300px;
    line-height: 15px;
}
            .jgh-arv-section-key-box li div.jgh-arv-result-sm-color {
                margin-top:3px;
            }

        .jgh-clear-btn {
            width: auto;
        }
/*------------------------------ Payment Success ---------------------------------*/
.jgh-payment-success .header {
    padding-top: 100px 100px 200px 0;
    font-size: 32px;
    vertical-align: middle;
    white-space: nowrap;
}

.jgh-payment-success .header .icon {
    margin-right: 2px;
    color: #6DAD44;
}

.jgh-payment-success p {
    margin-left: 15px;
}

.jgh-payment-success button .icon {
    margin-left: 4px;
    color: white;
}

.jgh-bottom-border{
    border-bottom:1px solid #888;
}


@media (max-width: 575px) {

    .carousel .bg.bg-profile .carousel-title {
        font-size: 1.2rem !important;
        padding-right: 17px;
        padding-top: 35px;
    }

    .carousel-text a:link{
        font-size:1.2rem;
    }

    .jgh-arv-section-key-box li div.jgh-arv-result-sm-color {
        margin-top: 6px;
    }

    .jgh-sp-cir {
        margin-top: 17px !important;
        margin-left: -94px;
    }

    .pdigolfphsy .modal-content {
            overflow-y: scroll;
        }

        .pdigolfphsy .close-model {
            left: 80%;
        }


        .pdigolfphsy .modal-dialog {
            margin: 0;
        }

        .jgh-section-sub-heading {
            font-size: 1.25rem;
            text-align:left!important;
        }

        .pdiselfassessment .jgh-field-label,
        .pdigrittest .jgh-field-label {
            height: 35px;
        }

        .jgh-section-sub-heading {
            text-align: center;
        }

        .pdigolfphsy .jgh-section-sub-heading {
            text-align: left;
        }

        .pdi-step-img {
            text-align: center;
            margin: -10px 0 10px;
            float: none;
        }
    }

.pdi-test-link-golf-phys {
    display: inline-block;
    background: yellow;
    color: #000;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
}



.carousel .bg.bg-profile .carousel-text.carousel-full-width {
    max-width: 100%;

}

.gopremium .fa-ul > li {
    margin-bottom: 20px;
}

.jgh-basic {
    color: #a6a6a6;
}

.offer-top .offer-features ul.fa-ul .jgh-basic i {
    color: red !important;
}

.free-price{
    font-size:2.5rem;
    color:#767676;
    font-family:RobotoBold;
}

@media (min-width: 768px) {
    .athlete.edit.document .table thead th {
        font-size: 14px;
    }
}


@media (min-width: 768px) {
    .athlete.edit.document .table tbody td:not(.del) {
        font-size: 13px;
        font-family: 'RobotoMedium';
    }

    .athlete.edit.document td.hasbtn {
        min-width: 70px;
    }

    .athlete.edit.document .table tbody td.hasbtn label.btn {
        font-size: 12px;
    }
    .athlete.edit.document28 .btn {
        font-size: .8rem;
    }
}

/*--------------NLI PAGE---------------*/

.jgh-align-right{
    text-align:right;
}

.jgh-gray-section {
    background-color: #f0f0f0;
    padding: 50px 0;
}

.jgh-white-section {
    background-color: #ffffff;
    padding: 50px 0;
}

.jgh-black-section {
    background-color: #000000;
    padding: 50px 0;
}

.jgh-nli-btn {
    color: #000000 !important;
    border-color: rgba(0,0,0,0);
    height: 45px;
    line-height: 45px;
    border-radius: 42px;
    background-color: #FFCE06;
    width: 250px;
    display: inline-block;
    text-align: center;
    padding-right: 20px !important;
    padding-left: 20px !important;
    font-size: 20px;
    font-weight: 500;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    transition-duration: 0.5s
}

    .jgh-nli-btn:hover {
        background-color: rgba(255,206,6,.5);
    }
a:link.jgh-nli-btn,
a:hover.jgh-nli-btn {
    text-decoration: none;
}

.nationalletterofintent h2 {
    font-size: 40px;
    font-weight: 700;
    color: #6cab44;
}


.jgh-black-section .jgh-nli-subHead {
    color: #ffffff;
}
    .jgh-nli-subHead {
    font-size: 24px;
    text-align: center;
}
    .jgh-nli-subHead.update-section {
        font-size: 19px;
        text-align: center;
        margin-top: 22%;
    }
.nationalletterofintent.edit nav.navbar {
    margin-bottom: 0px !important;
}

.nationalletterofintent .container {
    width: 100%;
    padding: 0;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    /*margin-top: -30px;*/
}

.nationalletterofintent .jgh-nli-hero .row,
.nationalletterofintent .jgh-gray-section .row,
.nationalletterofintent .jgh-white-section .row,
.nationalletterofintent .jgh-webinar .row,
.nationalletterofintent .jgh-black-section .row {
    max-width: 1170px;
    margin: 0 auto;
}

.nationalletterofintent .jgh-black-section .jgh-nli-subHead {
    margin-top: 25%;
}

.nationalletterofintent .jgh-nli-hero {
    width: 100%;
    background-position: top center;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%),url('/img/content/nli/top-background.jpg') !important;
    position: relative;
    padding: 50px 0;
    background-size: cover;
}

.nationalletterofintent .jgh-nli-hero h1 {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff !important;
    text-align: center;
    margin-top: 0px;
}
.nationalletterofintent .jgh-nli-hero p {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    margin-bottom: 0px;
}


 .dica-image-container {
    border-radius: 100%;
    border: 2px solid #fff;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    overflow:hidden;
}

.dica-image-container img{
    width:100%;
}
 .et_pb_module_inner {
    background: -webkit-linear-gradient(top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* Standard syntax */
    text-align:center;
    max-width:260px;
    margin:0 10px;
}

.dica-item-content .item-title {
    padding-top: 20px;
    margin-bottom: 0px;
    font-size: 22px!important;
    color: #6bab44!important;
    font-weight:bold;
}

.dica-item-content .item-subtitle {
    padding: 10px 20px;
    margin-top: 0px;
    font-weight: normal;
}


.jgh-essentials-left {
    margin-bottom:84px !important;
    padding-right: 15px;
}

.jgh-essentials-left .img-top-20{
    margin-top:-20px;
}

.jgh-essentials-left p {
    border-bottom: 5px solid #6cab44;
    font-size: 17px;
    padding-bottom: 20px;
}

.jgh-essentials-right p {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
}

.jgh-essentials-right h2 {
    font-size: 20px;
    color:#000;
}


.jgh-webinar {
    background-position: center left;
    background-image: linear-gradient(90deg,#000000 29%,rgba(0,0,0,0) 100%),url('/img/content/nli/rick_v3.jpg') !important;
    background-size:cover;
    padding:58px 0;

}

    .jgh-webinar .jgh-webinar-inner {
        padding: 29px 0;
    }

    .jgh-webinar h2 {
        font-weight: 700;
        font-size: 35px;
        color: #ffffff !important;
    }

.jgh-webinar h3 {
    font-size: 30px;
    color: #edf000 !important;
    text-align: left;
}

    .jgh-webinar p {
        font-size: 18px;
        line-height: 32px;
        color:#fff;
    }

.jgh-webinar-btn-outter {
    margin-top: 38%;
    text-align:center;
}

.jgh-img-align-left {
    display: inline;
    float: left;
    margin-right: 15px;
}

.jgh-nli-premium-section .check-section {
    margin-bottom: 30px;
}
.jgh-nli-premium-section img {
    display: inline-block;
}

    .jgh-nli-premium-section h2 {
        font-weight: 700;
        font-size: 25px;
        line-height:35px;
        color: #000000 !important;
    }

.jgh-accordian-item {
    padding: 20px;
    background-color: #f4f4f4;
    margin-bottom:10px;
}

.jgh-accordian-item a:link {
    font-weight: 500;
    font-size: 18px;
    display:inline-block;
    width:100%;
    text-decoration:none;
    color:#000;
}


    .jgh-accordian-item div.collapse {
        padding-top: 5px;
        font-size: 15px;
        line-height: 27px;
        width: 97%;
    }



    .jgh-accordian-item:before {
        font-family: "FontAwesome";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -.5em;
        color: #ccc;
        font-size: 16px;
        content: "\f055";
    }


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

        .nationalletterofintent .jgh-black-section .jgh-nli-subHead {
            margin-top: 0%;
        }

        .nationalletterofintent .jgh-nli-hero h1 {
            font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
            font-weight: 700;
            font-size: 33px;
        }

        .nationalletterofintent .jgh-nli-hero p {
            font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
            font-weight: 700;
            color: #fff;
            font-size: 24px;
        }
        .nationalletterofintent h2 {
            font-size: 25px;
        }

        .jgh-essentials-right h2{
            font-size:20px;
        }

        .jgh-essentials-right p {
            font-size: 14px;
            line-height: 24px;
        }
        .nationalletterofintent .jgh-nli-subHead {
            font-size: 16px
        }


        .jgh-essentials-left p {
            text-align: center;
            border-bottom: 0px;
            margin-top: 20px;
        }


        .jgh-webinar{
            background-image:none!important;
            background-color:#000;
            text-align:center!important;
        }

        .jgh-webinar-btn-outter {
            margin-top: 0%;
            text-align: center;
        }

        .jgh-webinar h3 {
            font-size: 22px;
            color: #edf000 !important;
            text-align: center;
        }

        .nationalletterofintent h2 {
            font-size: 23px;
        }

        .jgh-webinar p {
            font-size: 14px;
            line-height: 24px;
        }


        .jgh-accordian-item a:link {
            font-weight: 500;
            font-size: 15px;
            display: inline-block;
            width: 94%;
        }

        .jgh-accordian-item div.collapse {
            padding-top: 5px;
            font-size: 13px;
            line-height: 23px;
            width: 97%;
        }

        .jgh-nli-subHead.update-section {
            font-size: 19px;
            text-align: center;
            margin-top: 0%;
        }
     }

/* Slider */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.nationalletterofintent .carousel {
    width: 1150px;
    margin: 30px auto;
}

    .nationalletterofintent .carousel h1 {
        font-size: 36px;
        margin: 0px 0px 30px 0px;
        font-weight: normal;
    }

.nationalletterofintent .slick-slide img {
    max-height: 100%;
}

.nationalletterofintent .carousel .athlete-box {
    float: left;
    width: 33%;
    background: -webkit-linear-gradient(top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #ffffff 60%, rgba(0,0,0,.00) 50%); /* Standard syntax */
    height: 310px;
    margin: 0 5px;
    max-width: 278px;
}
    .nationalletterofintent .carousel .athlete-box img {
        border-radius: 100%;
        border: 2px solid #fff;
        width: 200px;
        height: 200px;
        margin: 0 auto;
        overflow: hidden;
    }
    .nationalletterofintent .carousel .athlete-box p {
        font-size: 20px;
        color: #6bab44;
        text-align: center;
        margin: 0px;
    }

        .nationalletterofintent .carousel .athlete-box p span {
            font-size: 14px;
            color: #000;
            font-weight: bold;
            line-height: 22px;
            display: inline-block;
        }

        .nationalletterofintent .carousel .athlete-box p img {
            margin-bottom: 10px;
            margin: auto;
        }

.slick-prev, .slick-next {
    background: url(../images/arrows.png);
    width: 22px;
    height: 33px;
    position: absolute;
    top: 30%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 100;
}

.slick-prev {
    background-position: 0px;
    left: 0px;
}

.slick-next {
    background-position: -22px;
    right: 0px;
}

@media only screen and (max-width: 1180px) {
    .nationalletterofintent .carousel {
        width: 90%;
    }


}


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

    .nationalletterofintent .carousel .athlete-box img {
        width: 172px;
        height: 172px;
    }



    .nationalletterofintent .carousel .athlete-box {
        height: 285px;
    }
   }

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

    .nationalletterofintent .carousel .athlete-box img {
        width: 185px;
        height: 185px;
    }
}

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

    .nationalletterofintent .carousel .athlete-box {
        width: 210px !important;
    }
}



.nationalletterofintent .carousel-athlete .athlete-box {
    max-width: 100% !important;
    width: 100% !important;
}

.signUpSubHeading {
    font-size: 1.21rem !important;
}

.athleteRecruitBook .tr-extra .title .data {
    font-family: RobotoMedium;
    font-weight: normal;
    font-size: .9rem;
}

.athleteRecruitBook .tr-extra.detail .title {
    text-align: left !important;
    font-family:RobotoBold;
    font-size: 1.25rem;
    line-height: 18px;
    margin-bottom:25px;
}
.athleteRecruitBook .tr-extra.detail .row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.athleteRecruitBook .jgh-hubcup-table tr {
    border-bottom: 1px solid #e7e7e7;
}

.athleteRecruitBook .tr-extra.detail {
    background-color:#e7e7e7 ;
}

.athleteRecruitBook .jgh-page-heading {
    font-family: RobotoBlack;
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    color: #6cab44;
    line-height: 33px;
}

.athleteRecruitBook .jgh-page-heading span {
    font-family:RobotoMedium;
    font-size: 1.5rem;
    font-weight: normal;
    color:#000;
}

.athleteRecruitBook .jgh-page-sub-txt {
    text-align: center;
    font-family: RobotoMedium;
    margin:20px 0;
}

.athleteRecruitBook .jgh-hubcup-table tr a {
    font-family:RobotoMedium;

}

.athleteRecruitBook .jgh-hubcup-table tr.active a {
    color: #fff;
}


/*----------------------NEW HUB CUP----------------------*/

.jgh-my-hub-standings .jgh-box-titles {
    color: #000 !important;
    font-weight: bold;
}

.jgh-my-hub-standings .jgh-hub-box-name {
    color: #000 !important;
    font-weight: bold;
}

.jgh-my-hub-standings .jgh-hub-box-data {
    color: #6cab44 !important;
    font-family:RobotoBlack;
    font-size: 2rem;
    line-height: 14px;
    padding-top: 10px;
}

    .jgh-my-hub-standings .jgh-hub-box-data span {
        color: #000 !important;
        font-weight: normal;
        font-size: 12px;
        display: inline-block;
    }

#hubCriteria ol li {
    font-size: .9rem;
}

.jgh-hub-cup-search input {
    border-radius: 5px 0 0 5px;
    height: 40px;
}

.jgh-hub-cup-search .btn {
    border-radius: 0 5px 5px 0;
    height: 40px;
}

.hub-cup-logo-new img{
    width:20%;
}

@media only screen and (max-width: 725px) {
    .hub-cup-logo-new{
        text-align:center;
    }
    .hub-cup-logo-new img {
        width: 100%;
    }

}

.jgh-btn {
    display: block;
    text-align: center;
    height: 35px;
    line-height: 32px;
    font-size: 1rem;
    width: 100%;
}

.jgh-btn:hover {
    text-decoration:none;
}

.jgh-tile-bt-btn{
    position:absolute;
    bottom:20px;
    margin:0 auto;
    width:100%;

}

.jgh-dash-tb-text p{
    font-size:.9rem;
    line-height:1.25rem;
}

.jgh-tile-model-header {
    background-color: #6cab44;
}
.jgh-tile-model-header{
    font-size:1.25rem;
    font-family:RobotoBold;
    color:#fff;
    
}

.jgh-no-text {
    font-size: 1.25rem;
    line-height: 1.5rem;
    min-height: 128px;
}

div athlete-dashboard-my-goals-wid-view {
    height: 100%;
}

.athlete.view .h4, h4 {
    font-size: 1.25rem;
}

.jgh-clear-btn.jgh-sm-btn{
    padding:5px 10px!important;
}

.jgh-header-tile {
    border-bottom: 1px solid #c3c3c3;
}

#smartGoalsWorkshotModal {
    max-width: 600px;
    margin: auto;
}

    #smartGoalsWorkshotModal a {
        text-decoration: underline !important;
        font-weight: bold;
        cursor: pointer;
    }

.jgh-goals-box {
    min-height: 243px;
    max-height: 243px;
    overflow: hidden;
    margin-bottom: 4px;
}

.jgh-top-min-5 {
    margin-top: -5px;
}


/*-------------------------DASH ALERT BANNER--------------------------*/

.jgh-dash-alert-banner {
    font-family: RobotoRegular;
    background-color: #6cab44;
    color: #fff;
    line-height: 45px;
    padding: 10px;
    margin: 5px 0;
    font-size: 1.2rem;
    box-shadow: 0 0 5px #ccc;
}

.jgh-dash-alert-num{
    color:#fffa00;
    font-family:RobotoBlack;
    font-size:3rem;
    display:inline-block;
}

.jgh-dash-alert-btn {
    border: 1px solid #fffa00;
    border-radius: 10px;
    height:40px;
    background-color:transparent;
}

.jgh-dash-btn-yellow {
    color: #fffa00;
    border: 1px solid #fffa00;
}

.jgh-dash-btn-yellow:hover {
    color: #000;
    border: 1px solid #efefef;
    background-color:#e7e7e7;
}

.jgh-made-miss-mark {
    font-size: 3rem!important;
    color: #fff;
    border-radius: 100px;
    padding: 4px;
    width: 60px;
    height: 60px;
    line-height:50px!important;
}

.jgh-miss-mark {
    background: #FF0000;
}

.jgh-made-mark {
    background: #6cab44;
}

.jgh-9b-shot-name {
    font-family:RobotoBold;
}

    @media (max-width: 768px) {

        .jgh-dash-alert-banner {
            line-height: 37px;
            font-size: 1.1rem;
        }



    }


@media (max-width: 500px) {
    .jgh-9b-shot-name{
        font-size:.85rem;
    }

    .jgh-dash-alert-banner {
        line-height: 13px;
        font-size: .9rem;
    }

    .jgh-dash-alert-num {
        padding-top: 5px;
        font-size: 2.25rem;
    }


    .jgh-dash-alert-btn {
        width: 90%;
        font-size: 13px;
        padding: 5px;
        height:30px;
    }
}


.ballFlight9 .close-model {
    left: 0%!important;
    width: 100%;
    color: #fff !important;
    text-align: right;
    padding: 0 10px;
    background: #6cab44;
}

.ballFlight9 .close-model i{
    color: #fff !important;
}

.ballFlight9 .radio input,
.ballFlight9 .radio input:checked {
    box-shadow: none;
    text-shadow: none;
    font-weight: 600;
}

@media (max-width: 376px) {
    .jgh-9b-shot-name {
            font-size: .75rem;
        }
    }

    .radio {
    /*background: #454857;*/
    padding: 4px;
    border-radius: 3px;
    /*box-shadow: inset 0 0 0 3px rgba(35, 33, 45, 0.3), 0 0 0 3px rgba(185, 185, 185, 0.3);*/
    position: relative;
}

    .radio input {
        width: auto;
        height: 100%;
        appearance: none;
        outline: none;
        cursor: pointer;
        border-radius: 4px;
        padding: 4px 8px;
        /*background: #454857;*/
   /*     color: #bdbdbdbd;*/
        font-size: 14px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        transition: all 100ms linear;
    }

        .radio input:checked {
            background: #6cab44;
            color: #fff;
            box-shadow: 0 1px 1px #0000002e;
            text-shadow: 0 1px 0px #79485f7a;
        }

        .radio input:before {
            content: attr(label);
            display: inline-block;
            text-align: center;
            width: 100%;
        }

@media (max-width: 767px) {
    nav.navbar.navbar-light.bg-faded .in .nav-link,
    .navbar .fa{
        /*padding-left: 1rem;*/
        font-size: 1.25rem !important;
    }

    nav.navbar .dropdown-item {
        padding: 5px 1.5rem;
        font-size: 1.1rem;
    }

    .navbar-brand {
        float: none;
        padding-left: 10px;
    }
}



/*------------------MY PDI------------------*/

.myPDI .navbar-brand{
    padding-top:0;
    padding-bottom:0;
}
.myPDI .navbar-brand img {
    width: 150px;
}

.academy.pds .navbar,
.academy.pds .footer,
.myPDI .navbar,
.myPDI .footer {
    background: #000 !important;
}

.myPDI .sectionMainHeading {
    background-color: #000 !important;
}

.myPDI .pds-box select.ng-not-empty, .myPDI .pds-box-input input.ng-not-empty {
    background-color: rgba(0, 0, 0, 0.2);
}

.myPDI .pds-box::before {
    color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.myPDI .btn-clear-sm{
    color: #FFA500;
    padding: 5px 0;
}

.myPDI .btn-success {
    color: #fff;
    background-color: #FFA500;
    border-color: #FFA500;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

.myPDI ul.jgh-pds-section-headers li:hover,
.myPDI ul.jgh-pds-section-headers li.active {
    font-weight: 400;
    color: #000;
    border-bottom: 8px solid #000;
}

.academy.pds nav.navbar.navbar-light.bg-faded .nav-link,
.myPDI nav.navbar.navbar-light.bg-faded .nav-link,
.myPDI nav.navbar.navbar-light.bg-faded .nav-link {
    color: #fff !important;
}

.payment .card{
    border:none!important
}
@media(max-width:575px) {
    .payment thead tr {
        border-top: none!important;
        border-bottom: none!important;
    }
}


.fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
}



/*----------NEW ASSESSMENT LAYOUT---------*/


/*body.pdiselfassessment.edit,
body.pdigrittest.edit,
body.pdirateyourgame.edit {
    background: #B5F1FF !important;
}

    body.pdiselfassessment.edit #main-body-container,
    body.pdigrittest.edit #main-body-container,
    .pdirateyourgame.edit #main-body-container {
        background: #B5F1FF !important;
        background-image: url(../img/ui/Background.png) !important;
        background-size: 100% !important;
        background-position: bottom center !important;
        background-repeat: no-repeat !important;
        height: 100%;
        max-width: 2100px !important;
        width: 100%;
        padding: 30px 0;
    }

.pdiselfassessment.edit .form-group,
.pdigrittest.edit .form-group{
    margin-bottom: 7px;
}

.pdiselfassessment.edit input[type=text],
.pdiselfassessment.edit input[type=number],
.pdiselfassessment.edit input[type=password],
.pdiselfassessment.edit input[type=email],
.pdiselfassessment.edit input[type=phone],
.pdiselfassessment.edit select {
    background-color: rgba(255,255,255,0.5) !important;
    color:#000;
}



.jgh-pdi-intro p.jgh-title-2 {
    font-size: 1.3rem !important;
}
.step-0 button {
    background-color: #fff !important;
    height: 52px;
    width: 80%;
    text-align: left;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 1rem;
}

.jgh-golf-questions,
.pdi-step-img,
.jgh-desire-2,
.jgh-golf-1, .jgh-golf-2, .jgh-golf-3, .jgh-golf-4, .jgh-golf-5 {
    display: none;
}

.step-0 button:hover {
    background-color: #6cab44 !important;
    color: #fff;
}
.pdiselfassessment.edit .jgh-box-wrapper,
.pdigrittest.edit .jgh-box-wrapper,
.pdirateyourgame.edit .jgh-box-wrapper {
    max-width: 900px;
    width: 100%;
    background: none;
    box-shadow: none;
    margin-top: 0px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);
}

.pdiselfassessment.edit .jgh-box-wrapper a{
    color:#000!important;

}

.pdiselfassessment.edit .jgh-field-label, .pdigrittest .jgh-field-label {
    height: 20px!important;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 15px !important;
    font-size: 1.15rem!important;
}

.pdigrittest .jgh-field-label{
    line-height:1.25rem;
}

.pdiselfassessment.edit .jgh-box-wrapper.jgh-pdi-questions,
.pdigrittest.edit .jgh-box-wrapper.jgh-pdi-questions,
.pdirateyourgame.edit .jgh-box-wrapper.jgh-pdi-questions {
    max-width: 500px !important;
    margin-top: 0px !important;
}

.pdiselfassessment.edit .btn-continue,
.pdigrittest.edit .btn-continue,
.pdirateyourgame.edit .btn-continue {
    background: #F39C27;
    width: 150pt;
    height: 40px;
    color: #fff;
    font-size: 17px;
    font-family: RobotoMedium;
    box-shadow: 0 0 6pt #00000029;
    margin-top: 20px;
}

.pdiselfassessment.edit .jgh-radio-section.new-radio,
.pdigrittest.edit .jgh-radio-section.new-radio,
.pdirateyourgame.edit .jgh-radio-section.new-radio {
    min-width: 350px;
    width: 100% !important;
    height: 50px;
}

    .pdiselfassessment.edit .jgh-radio-section.new-radio .jgh-radio-mark,
    .pdigrittest.edit .jgh-radio-section.new-radio .jgh-radio-mark,
    .pdirateyourgame.edit .jgh-radio-section.new-radio .jgh-radio-mark {
        display: block;
        min-width: 350px;
        width: 100% !important;
        text-align: left;
        position: relative;
        background-color: #ffffff;
        .jgh-radio-section. border-radius: 0;
        padding-left: 10px;
        height: 52px;
        border-radius: 5px;
        margin-bottom: 10px;
        padding-top: 15px;
        font-family: RobotoMedium;
    }

        .pdiselfassessment.edit .jgh-radio-section.new-radio .jgh-radio-mark:hover,
        .pdigrittest.edit .jgh-radio-section.new-radio .jgh-radio-mark:hover,
        .pdirateyourgame.edit .jgh-radio-section.new-radio .jgh-radio-mark:hover,
        .pdiselfassessment.edit .jgh-radio-section input:checked ~ .jgh-radio-mark,
        .pdigrittest.edit .jgh-radio-section input:checked ~ .jgh-radio-mark,
        .pdirateyourgame.edit .jgh-radio-section input:checked ~ .jgh-radio-mark {
            background-color: #6cab44 !important;
            color: #fff;
        }

.pdiselfassessment.edit .error-messge,
.pdigrittest.edit .error-messge {
    color: red;
}

.pdiselfassessment.edit .btn.jgh-primary-btn,
.pdigrittest.edit .btn.jgh-primary-btn {
    background-color: #6cab44;
    color: #ffffff !important;
}

    .pdiselfassessment.edit .btn.jgh-primary-btn:hover,
    .pdigrittest.edit .btn.jgh-primary-btn:hover {*/
        /* border-radius:25px;*/
        /*box-shadow: 0 0 5px #000;
    }


.pdigrittest.edit .jgh-section-sub-heading {
    font-size: 18px;
    line-height: 28px !important;
    font-family: 'RobotoMedium' !important;
}


.jgh-grit-score {
    margin: 0 auto;
    max-width: 300px;
    width:100%;
    border-radius: 25px;
    padding: 10px;
    margin-bottom:20px;
}

    .jgh-grit-score .jgh-grit-score-text {
        font-size: 1.5rem;
        font-family: 'RobotoBold';
        line-height: 1.5rem;
    }

.jgh-step-count{
    display:inline-block;
    font-weight:bold;
    float:right;

}

.tip-count {
    font-weight: bold;
    font-size: 1rem;
}

.jgh-grit-tip strong {
    font-size: 1.75rem;
    color: #6cab44;
    font-family: 'RobotoBlack';
    border-bottom: 4px solid #6cab44;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.75rem;
    margin-top: 10px;
}

.jgh-bottom-grit-test {
    margin: 0 auto;
    line-height: 1.5rem;
    margin-top: 20px;
}

.jgh-pdi-questions.jgh-grit-tips{
    min-height:430px;
}

.pdigrittest.edit .jgh-grit-score-number {
    text-align: right;
    font-size: 4rem;
    padding: 0;
    line-height: 49px;
    font-weight: bold;
}
.grit-test-date{
    font-family: 'RobotoRegular';
    font-size: .9rem;
    display: block;
}

.grit-tips-box {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
}

.grit-tip-top-txt{
    color:#fff;
    font-size:1.25rem;
    background:#6cab44;
}

.pdigrittest.edit .jgh-box-wrapper.jgh-pdi-questions.grit-score-section {
    max-width: 600px!important;
}

.pdi-sec-title {
   text-align:center!important;
   font-size:1.35rem;
   font-family:RobotoBold;
   margin:0 auto;
}*/


/*--------------------NEW SIGN-UP FLOW--------------------*/

.CtnBtn{
    margin-top:20px;
}

.discount-container {
    margin-top: 26px;
    border-top: 1px solid black;
    padding-top: 18px;
}
.code-applied {
    width: 60%;
    text-align: initial;
}

.discount-code-content {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.discount-input {
    display: flex;
    align-items: end;
}
.signup .view-info .top-border-w,
.signUp .view-info .top-border-w {
    border-top: none !important;
    padding-top: 10px;
}

.signup .form-group .dropdown,
.signUp .form-group .dropdown{
    max-width:350px;
    margin:0 auto;
}
.signup .jgh-sign-in-txt,
.signUp .jgh-sign-in-txt {
    padding: 10px;
    font-size: 14px;
}

.signup-athlete .jgh-signup-custom-wrap {
    background: url(../img/content/SUBK-1.jpg) no-repeat #fff;
    background-position: left center;
    background-size: 51% !important;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}
.signup .wrap-white,
.signUp .wrap-white {
    max-width: 1200px;
    width: 100%;
    background: url(../img/content/SUBK-1.jpg) no-repeat #fff;
    background-position: left center;
    background-size: 51% !important;
    overflow:auto;
}

.claim-profile.signup .wrap-white,
.claim-profile.signUp .wrap-white {
    background: none!important;
}
.signup .jgh-signup-wrapper,
.signUp .jgh-signup-wrapper {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.signup .row.vh100,
.signUp .row.vh100 {
    height: 100vh;
}

.signUp .currentStep-0 .row.vh100,
.signUp .jgh-signup-wrapper.currentStep-0 {
    height: 100% !important;
}

.signup .row.form-login,
.signUp .row.form-login {
    height: auto;
}


.signUp .jgh-partner-txt p {
    font-size: 1rem;
    text-shadow: 0 0 10px #000;
    line-height: 1.5rem;
    font-family: RobotoMedium;
    padding-top: 20px;
    text-align:left;
    
}

.signUp .jgh-lp-body-copy {
    text-shadow: none;
    color: #fff !important;
}

.signup .right-side-box,
.signUp .right-side-box {
    background-color: #fff;
    height: 100%;
    padding-top: 25px;
}

.signUp .currentStep-0 .right-side-box {
    background-color: transparent!important;
}

    .signup .left-side-box,
    .signup .rightSideBoxStep-0,
    .signUp .left-side-box,
    .signUp .rightSideBoxStep-0 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .signup .left-side-box img,
    .signUp .left-side-box img {
        max-width: 475px;
        width: 100%;
    }

        .signUp .left-side-box img.signup-partner-logo {
            max-width: 300px;
            width: 100%;
        }




.signup .slide-image-2,
.signUp .slide-image-2 {
    width: 52% !important;
    margin: 0 auto;
    display: block;
}

.signup .left-img-txt,
.signUp .left-img-txt {
    color: #fff;
    font-family: 'RobotoBold';
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-shadow: 0 0 5px #000;
    width: 80%;
}

.signup .dobCheckMark span,
.signUp .dobCheckMark span {
    position: absolute;
    top: -21px;
    right: 20px;
}

.signup .form-control.dobinput,
.signUp .form-control.dobinput {
    width: 90% !important;
}

.signup .carousel .carousel-indicators,
.signUp .carousel .carousel-indicators {
    position: absolute;
    bottom: -45px;
    display:none;
}

.signup hr,
.signUp hr {
    width: 65%;
    color: #f0f0f0;
}

.signup .jgh-step-top,
.signUp .jgh-step-top {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.signup .jgh-step-1-top,
.signUp .jgh-step-1-top {
    padding: 15% 0;
}

.signup .jgh-step-middle {
    padding: 15% 0;
}

.signup .jgh-step-1-btm,
.signUp .jgh-step-1-btm {
    padding-top: 10%;
}

.signup .jgh-steps,
.signUp .jgh-steps {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #6cad44;
    margin: 0 5px 20px;
}

    .signup .jgh-steps span,
    .signUp .jgh-steps span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        width: 20px;
        height: 20px;
        background: #f0f0f0;
        color: #f0f0f0;
        border-radius: 100px;
        position: relative;
        font-size: .95rem;
    }

        .signup .jgh-steps span.stepCompleted,
        .signUp .jgh-steps span.stepCompleted {
            background: #6cad44;
            color: #fff;
        }

.signup .sms-code input,
.signUp .sms-code input {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #cccccc;
    margin-right: 5px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.signup .verify-phone-number p,
.signUp .verify-phone-number p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.signup .header .h3,
.signUp .header .h3 {
    font-size: 20px;
    font-family: 'RobotoBold';
}

.signup .jgh-logo-top,
.signUp .jgh-logo-top {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.signup .jgh-sm-title-txt,
.signUp .jgh-sm-title-txt {
    font-size: 1rem;
    text-align: center;
    font-family: RobotoMedium;
    color: #000;
}

.signup p.jgh-sm-title-txt,
.signUp p.jgh-sm-title-txt {
    font-size: .9rem;
    text-align: center;
    font-family: RobotoRegular;
}

.signup .jgh-page-title-txt,
.signUp .jgh-page-title-txt {
    margin-top: -10px;
    font-size: 2rem;
    color: #6cad44;
    text-align: center;
    font-family: RobotoBold;
}

.signup .jgh-sub-title-text,
.signUp .jgh-sub-title-text {
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: #000000;
    text-align: center;
    font-family: RobotoMedium;
}

.signup .wrap-white,
.signUp .wrap-white {
    max-width: 100%;
}

.signup .jgh-button-primary,
.signUp .jgh-button-primary {
    color: #fff;
    background-color: #6cad44;
    width: 200px;
    height: 56px;
    text-align: left;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 31px;
}

    .signup .jgh-button-primary i,
    .signUp .jgh-button-primary i {
        float: right;
        font-size: 30px;
    }

.signup .jgh-step-img-0,
.signup .jgh-step-img-1,
.signup .jgh-step-img-2,
.signup .jgh-step-img-3,
.signup .jgh-step-img-4,
.signUp .jgh-step-img-0,
.signUp .jgh-step-img-1,
.signUp .jgh-step-img-2,
.signUp .jgh-step-img-3,
.signUp .jgh-step-img-4 {
    max-width: 630px;
    width: 100%
}

.signup .jgh-step-img-5,
.signUp .jgh-step-img-5 {
    max-width: 75px;
    width: 100%
}

.signup .jgh-next-step-btn i,
.signUp .jgh-next-step-btn i {
    font-size: 2rem;
    line-height: -10px;
    display: inline-block;
    position: absolute;
    margin: -15px 0px 0px 12px;
}


.signup .jgh-next-step-btn,
.signUp .jgh-next-step-btn {
    text-align: left !important;
    font-size: 1rem;
    font-weight: 600;
    width: 185px;
}

    .signup .jgh-next-step-btn span,
    .signUp .jgh-next-step-btn span {
        font-size: 12px;
        font-weight: normal;
    }

.signup .jgh-steps-content,
.signUp .jgh-steps-content {
    width: 85%;
    margin: 0 auto;
    height: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .signup .jgh-steps-content.step-7,
    .signUp .jgh-steps-content.step-7 {
        width: 100%;
        margin: 0 auto;
       
    }

.signup .form-group,
.signUp .form-group {
    margin-bottom: 5px;
    padding-top:5px;
    max-width: 350px;
    margin: 0 auto;
}

.signup .form-group.email,
.signUp .form-group.email {
    max-width: 100%;

}

    .signup .form-group label,
    .signUp .form-group label {
        margin-bottom: 0;
    }

    .signup .form-group input,
    .signup .form-group select,
    .signUp .form-group input,
    .signUp .form-group select {
        height: 45px !important;
        margin: 0 auto;
    }

.signup .dropdown-item input,
.signUp .dropdown-item input {
    float: left !important;
}

.signup .dropdown-item,
.signUp .dropdown-item {
    line-height: 3.5 !important;
}

.signup label,
.signUp label {
    font-family: 'RobotoRegular';
    font-weight:700;
}

.signup p,
.signUp p {
    font-size: 16px;
    line-height: 18px;
}

.signup .small, .signUp .small, small {
    font-size: 1.12rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.signup .jgh-whit-box,
.signUp .jgh-whit-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px #888;
}

.signup .about-signup,
.signUp .about-signup {
    color: #000;
}

.signup .jgh-price-list,
.signUp .jgh-price-list {
    list-style: none;
    padding-left: 0px;
}

.signup ul li,
.signUp ul li {
    text-align: left;
    padding: 10px;
    font-size: .85rem;
    line-height: 1.25;
    text-shadow:none;
}


    .signup ul li:nth-child(odd),
    .signUp ul li:nth-child(odd) {
        /*background: rgb(240,240,240);*/
    }

.signup .top-row,
.signUp .top-row {
    font-size: 3.5rem;
    color: #6cab44;
    font-weight: bold;
    font-family: 'RobotoBold';
    background: #fff !important;
    padding-top: 0px;
}

.signup .signup .h2, .signup h2,
.signUp .signp .h2, .signUp h2 {
    font-size: 1.5rem;
}

.signup .headerTitle,
.signUp .headerTitle {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: bold;
    color: #6cab44;
    text-align: center;
    font-family: RobotoBold;
}

    .signup .headerTitle span,
    .signUp .headerTitle span {
        font-size: 1.75rem;
        font-weight: normal;
        color: #000;
    }

    .signup .headerTitle p,
    .signUp .headerTitle p {
        font-size: 1.2rem !important;
        padding: 20px;
        line-height: 1.5rem;
        color: #000;
        font-family: 'RobotoRegular';
    }


.signup .sign-up-left-side,
.signUp .sign-up-left-side {
    background-size: cover;
}

.signup .footer,
.signUp .footer {
    display: none;
}

.signup .view-info,
.signUp .view-info {
    min-height: 100vh !important;
}

.signup .dobCheckMark,
.signUp .dobCheckMark {
    position: absolute;
    right: -10px;
    margin-top: 5%;
}

.signup .has-danger .form-control-feedback,
.signUp .has-danger .form-control-feedback {
    font-size: .8rem;
    line-height: 16px;
    display: inline-block;
}

.signup .form-group label,
.signUp .form-group label {
    font-size: .8rem;
}

.signup .has-multiselect.dropdown a.dropdown-toggle,
.signUp .has-multiselect.dropdown a.dropdown-toggle {
    padding: 12px 10px;
}

.signup .go-back-btn,
.signUp .go-back-btn {
    background: none;
    border: none;
    float: left;
    cursor: pointer;
    bottom: 114px;
    left: 0;
}

.signup .intl-tel-input,
.signUp .intl-tel-input {
    width: 100%;
}

.signup .fa-eye, 
.signUp .fa-eye {
    cursor: pointer;
    position: absolute;
    top: 43px;
    right: 166px;
    color: #ccc;
}


@media (max-width:576px) {
    .payment-top {
        background: #F0F0F0 !important;
    }
    .jgh-new-payment-images{
        display: none;
    }
    . payment-logo-jgh {
        margin-left: 20px;
    }
    .payment-comman {
        background: white;
        width: 90%;
        margin: auto;
        border-radius: 10px;
    }

    .new-payment-form {
        margin-top: 20px !important;
        padding: 14px;
    }

    .new-payment-bottom-quote {
        padding: 15px;
        padding-top: 50px;
        padding-bottom: 0px;
        background: white;
        width: 90%;
        margin: auto;
        margin-top: -13px !important;
    }

    .new-payment-button {
        margin-top: -13px !important;
    }
}

@media (max-width: 1024px) {

    .signup .fa-eye,
    .signUp .fa-eye {
        top: 40px;
        right: 73px;
    }
}
    @media (max-width: 992px) {


        .signup .wrap-white,
        .signUp .wrap-white {
            background: none;
            background-color: #fff;
        }

        .signup .jgh-step-1-btm,
        .signUp .jgh-step-1-btm {
            padding-top: 5%;
        }
    }

@media (max-width: 768px) {

    .signup .fa-eye,
    .signUp .fa-eye {
        top: 40px;
        right: 190px;
    }
}


    @media (max-width: 576px) {

        .signup .jgh-steps-content,
        .signUp .jgh-steps-content {
            margin-right: 27px;
        }

        .signup .form-group label,
        .signUp .form-group label {
            font-size: 1rem;
        }

        .signup-athlete .signup-slide-images {
            display: none;
        }

        .btn-group.pt-1 {
            padding-top: 0.25rem !important;
        }

        .signup .dobCheckMark span,
        .signUp .dobCheckMark span {
            position: absolute;
            top: -7px;
            right: 20px;
        }

        .signup .left-side-box,
        .signUp .left-side-box {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .signup .rightSideBoxStep-0,
        .signUp .rightSideBoxStep-0 {
            display: block;
            justify-content: center;
            align-items: center;
        }

        .signup .left-side-box,
        .signUp .left-side-box {
            height: 95%;
        }

        .signup .go-back-btn,
        .signUp .go-back-btn {
            bottom: 3px;
        }

        .signup .sign-up-right-side1,
        .signUp .sign-up-right-side1 {
            top: 0 !important;
        }

        .signup .jgh-mobile-0-logo,
        .signUp .jgh-mobile-0-logo {
            color: #fff;
        }

        .signup .left-side-box img,
        .signUp .left-side-box img {
            width: 80%;
        }

        .signup .jgh-mobile-0-logo .jgh-logo-top,
        .signUp .jgh-mobile-0-logo .jgh-logo-top {
            max-width: 250px;
        }

        .signup .jgh-slide-one,
        .signUp .jgh-slide-one {
            width: 80%;
        }

        .signup .jgh-mobile-0-logo .jgh-sm-title-txt,
        .signUp .jgh-mobile-0-logo .jgh-sm-title-txt {
            font-size: 1.25rem;
            padding-top: 15px;
            color: #fff;
        }

        .signup .jgh-step-img-0,
        .signup .jgh-step-img-1,
        .signup .jgh-step-img-2,
        .signup .jgh-step-img-3,
        .signup .jgh-step-img-4,
        .signUp .jgh-step-img-0,
        .signUp .jgh-step-img-1,
        .signUp .jgh-step-img-2,
        .signUp .jgh-step-img-3,
        .signUp .jgh-step-img-4 {
            max-width: 630px;
            width: 95%
        }

        .signup .sign-up-left-side,
        .signUp .sign-up-left-side {
            display: block !important;
        }

        .signup .left-img-txt,
        .signUp .left-img-txt {
            font-size: 1.15rem;
            line-height: 1.5rem;
        }

        .signup .sign-up-right-side,
        .signUp .sign-up-right-side {
            position: fixed;
            bottom: -2000px;
            background-color: #fff;
            z-index: 999;
            transition: all 500ms ease;
            border-radius: 10px 10px 0 0;
            box-shadow: 0 0 5px #000;
            left: 0;
        }

        .signup .signup .view-info .top-border-w,
        .signUp .signup .view-info .top-border-w {
            border-top: none !important;
            padding-top: 10px !important;
        }

        .signup .sign-up-right-side.mobileStep1,
        .signUp .sign-up-right-side.mobileStep1 {
            bottom: 0px;
            border-radius: 0 0 0 0;
            box-shadow: none;
        }

        .signup .jgh-signup-wrapper,
        .signUp .jgh-signup-wrapper {
            height: 100vh;
        }

            .signUp .currentStep-0 .row.vh100,
            .signUp .jgh-signup-wrapper.currentStep-0 {
                height: auto !important;
            }

        .signup .wrap-white,
        .signUp .wrap-white {
            max-width: 850px;
            width: 100%;
            background-image: url(../img/content/SUBK-1.jpg);
            background-position: left center;
            background-size: cover !important;
            overflow: auto;
        }

            .signup .wrap-white.mobileStep2Wrapper,
            .signUp .wrap-white.mobileStep2Wrapper {
                background-image: none !important;
                background: #fff;
            }

        .signup .jgh-button-primary.jgh-mobile,
        .signUp .jgh-button-primary.jgh-mobile {
            margin: 0 auto;
            color: #000;
            font-size: 1.5rem;
            font-family: robotoBold;
            text-align: center;
            display: block;
            width: 250px;
            height: 45px;
            background: #F0AD4E 0% 0% no-repeat padding-box;
            box-shadow: 0px 0px 6px #00000029;
            border: 1px solid #707070;
            border-radius: 50px 50px 50px 50px;
            line-height: 2;
        }

        .signup .jgh-xs-btn-1,
        .signUp .jgh-xs-btn-1 {
            position: relative;
        }

        .signup .close-btn,
        .signUp .close-btn {
            font-size: 1.25rem;
            font-family: 'RobotoBold';
            font-weight: bold;s
            display: block;
            position: absolute;
            right: 10px;
            width: 25px;
            text-align: center;
            top: -20px;
            right: 13px;
            cursor: pointer;
        }

        .signup .fa-eye,
        .signUp .fa-eye {
            right: 28px;
        }

        .signup .jgh-steps-content,
        .signUp .jgh-steps-content {
            align-items: baseline;
        }
    }

    /*-----------------WELCOME SCREEN--------------------*/
.welcome .footer,
.home .footer {
    margin-top: 0 !important;
}

.welcome .container,
.home .container {
    width: 100% !important;
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.widget-outter-wrapper{
    margin-bottom:20px;
}

.welcome-wrapper {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media(max-width:768px){
 
}

@media (max-width: 575px){
    .welcome body tr, .welcome body th,
    .home body tr, .home body th {
        border-bottom: none
    }
    .welcome-wrapper :th-child(2) {
        order: 1;
    }
}
    .welcome-widget-wrapper {
    }

    .welcome-widget-wrapper h3 {
        text-align: left;
        font-size: 16px;
        padding-left: 10px;
        font-family: RobotoMedium;
    }


.welcome .widget-inner-wrapper,
.home .widget-inner-wrapper {
    border: none !important;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
}

    .welcome .widget-inner-wrapper .widget-search-box input {
        width: 87%;
        font-size: 18px;
        border-radius: 9px 0 0 9px;
        padding: 5px;
        margin: 0 0 10px 0;
    }

.welcome .widget-inner-wrapper .widget-search-box button{
height: 39px;
background: #6cab44;
margin-top:0;
color: white;
border: none;
border-radius: 0 8px 8px 0;
padding: 0px 15px;
}

.welcome table{
    width:100%;
    font-size:16px;
}

    .welcome table tr {
        height: 50px;
        padding: 10px 0;
    }

.welcome table td{
    font-family:RobotoMedium;
}



.welcome .widget-table button {
    border: 1px solid #6cab44;
    width: 55px;
    background: #fff;
    color: #6cab44;
    float: right;
}

    .welcome .widget-table button:hover {
        background: #6cab44;
        color: #fff;
    }


    .welcome .image-icon-wrapper {
    width: 35px;
    height: 35px;
    background: #f0f0f0;
    border-radius: 25px;
    margin-right: 5px;
    overflow: hidden;
}

.image-icon-wrapper img {
    width: 100%;
}

.welcome #athlete-profile .image-icon-wrapper{
    float:left;
    margin-right:10px;
}

.welcome .widget-button {
    border-radius: 10px;
    border: none;
    padding: 0px 10px;
    font-size: 13px;
}

.welcome .widget-inner-wrapper table th  {
    text-align: left;
    background-color: #f0f0f0;
    padding: 2px;
    font-size: 14px;
}

.widget-view-all-button {
    display: flex;
    border-radius: 20px;
    background: none;
    border: 1px solid #6cab44;
    color: #6cab44;
    padding: 2px 20px;
    margin: 0 auto;
    margin-top: 10px;
}

.widget-view-all-button:hover {
    background:#6cab44;
    color:#fff;
}
    [class ^= 'ww-row-'] {
    height: 500px;
}

.ww-box-1,
.ww-box-3 {
    width: 25%;
}

.ww-box-2 {
    flex:1;
    margin:0 10px;
}


/*---------------BLOG WIDGET------------*/

#BlogContent-widgets .widget-inner-wrapper {
    padding:0px 0px;
    background: none;
    box-shadow:none;
}

#Featured-widgets .blog-widget{
    box-shadow:none;
}

.blog-widget-title{

}

.blog-widget {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
}

.blog-widget-content {
    padding: 10px;
}

.blog-widget-image {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    max-height: 250px;
}

    .blog-widget-image img{
        width:100%;
    }

    .blog-widget-meta {
        display: flex;
        font-size: 12px;
        color: #888;
    }
        .blog-widget-meta span {
            margin: 0px 5px;
        }
        /*------------Feature Widget---------------*/
        .widget-inner-wrapper.featured-widget-wrapper {
            padding: 0px !important;
            height: auto;
        }

.widget-desc-text {
    font-size: 10px;
    font-weight: normal;
    display: block;
    margin-top: -5px;
}

.blog-feature-widget-img {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    height: 400px;
}

.blog-feature-widget-img img {
    width: 100%;

}

.blog-widget{
    position:relative;
}

.blog-widget-title {
    font-family: RobotoBold;
    margin: 5px 0;
    font-size: 19px;
    line-height: 1.5rem;
}

.blog-widget-text {
    font-size: 14px;
}

.blog-widget-main-category {
    font-size:14px;
    font-weight:bold;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0 5px 5px 0;
    top: 13px;
}

    .blog-widget-main-category.College_Golf {
        background: #6CAB44;
        color:#fff;
    }
    .blog-widget-main-category.Tournaments {
        background: #171D6E;
        color: #fff;
    }

    .blog-widget-main-category.General_News {
        background: #088F8F;
        color: #fff;
    }



    @media (max-width:769px) {
        .ww-box-1 {
        width:100%;
        max-width: 100%;
    }

    .ww-box-2 {
        width: 100%;
        max-width: 100%;
    }

    .ww-box-3 {
        width: 100%;
        max-width: 100%;
    }
}
    /*-----------------------TOURNAMENTS---------------------*/
#Tournaments-widgets td{
    line-height: 1.3rem;
}

.tournament-widget-date {
    line-height: 1.3rem;
    text-align: center;
    
}

.tour-month {
    font-size: 16px;
    text-transform: uppercase;
    background: #6CAB44;
    color: #fff;
    padding: 0 10px;
    display: block;
    width: 50px;
    line-height: 21px;
}

.tour-date {
    font-size: 30px;
    font-weight: 900;
    border: 1px solid #6CAB44;
    display: block;
    margin-top: -2px;
    height: 35px;
    width: 50px;
    line-height: 2rem !important;
}


/*------------------ATHLETES WIDGETS------------*/

.widget-tab-button {
    background: #f0f0f0;
    border:none;
    padding: 5px 20px;
    border-radius: 10px;
    width: 18%;
    margin: 5px 0;
    color:#888;
    width:50%;
}

    .widget-tab-button:active,
    .widget-tab-button:hover{
        color:#fff;
        background:#6cab44;
        border-color:#6cab44;
    }

    .widget-tab-button.left-tab,
    .widget-tab-button.right-tab {
        border-radius: 5px 5px 0 0;
    }


/*-------------------FULL POST-----------------------*/
.full-post-view .post-title h1{
color: #6cab44;
margin:10px 0;
font-family:RobotoBold;
}

.post-meta-data{
    margin-bottom:10px;
}

.post-feature-image img {
    width: 100%;
}

.full-post-view .post-content h2 {
    font-family: RobotoRegular;
    color: #6cab44;
    font-size:18px;
}

.full-post-view .post-content p {
    line-height: 1.5rem;
    font-size: 1rem;
}
.full-post-view .post-content blockquote {
    margin: 20px 0 30px;
    border-left: 5px solid #6cab44;
    padding-left: 20px;
}

.blog-read-more-btn {
    border-radius: 5px;
    background: none;
    border: 1px solid #6cab44;
    color: #6cab44;
    padding: 2px 0px;
    margin: 0 auto;
    width:100%;
    margin-top:10px;
}

button{
    cursor:pointer;
}
    .blog-read-more-btn:hover {
        background: #6cab44;
        color:#fff;
    }


.top-header-bar {
    background: #6cab44;
    color:#fff;
    display:flex;
    justify-content:end;
}

    .top-header-bar .nav-link{
        color:#fff;
        margin-right:20px;
    }

.nav-link.signup-btn {
    background: orange;
    color: #ffffff!important;
    border-radius: 5px;
}



/*------------------NEW CODE-----------------*/

.jgh-info-row {
    display: flex;
    justify-content: space-evenly;
}

@media (min-width: 1200px) {
    .container {
        width: 95%;
        max-width: 100%;
    }
}

.recruiting  #main-body-container{
    margin-top:-10%;
}

@media (max-width: 768px) {
    .pdi-assesments .jgh-dash-box, .athlete-stat-info .jgh-dash-box {
        min-height: 177px!important;
        height: auto;
        margin-bottom: 0px;
    }
}

.nav-tabs .nav-link:focus, .nav-link:hover {
    border-color: #000 #000 #000 !important;
    background-color: #ebebeb;
    border:none!important;
    box-shadow:none!important;
}



/*--------------------ATHLETE PAGE----------------*/
/*
.view-info .container {
    margin-top: -180px;
}
.athlete.tournamentCalendar .view-info,
.athlete.tournamentFinder .view-info {
    margin-top: 0px;
}
@media(max-width:768px) {
    .athlete .view-info {
        margin-top: -0px;
    }
}
    */


.athlete.public .view-info {
    /*margin-top: -180px;*/
}




.school.view .view-info{
    margin-top:-80px;
}

@media(max-width:768px) {
    .athlete.public .view-info {
        margin-top: -25px;
    }
    .school.view .view-info {
        margin-top: 0px;
    }
   
}

.athlete-documents-tree ul.nav {
    position: relative !important;
    background: #fff !important;
    top: 0px;
    font-size: 1.10rem;
}


/*---------------------FIND PLAYERS------------------*/

.gender-tabs {
    background: #ECEAEA;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    cursor: pointer;
    margin-bottom: 3px;
    box-shadow: 0 0 5px #ccc;
}

.list-nav-btm{
    background:#fff;
    border-radius:0 0 10px 10px;
    width:100%;
}


.boys-tab,
.girls-tab {
    font-size: 18px;
    width: 50%;
    text-align: center;
    padding: 10px 0;
    color: #828282
}

.gender-tabs .active {
    background: #fff;
    font-weight: bold;
    color: #000;
}

.boys-tab:hover,
.girls-tab:hover{
    background:#fff;
    color:#000;
    font-weight:bold;

}

.boys-tab.active {
    border-radius: 10px 10px 0 0;
}

.boys-tab{
    border-radius:10px 0 0 0;
}

.girls-tab.active,
.girls-tab {
    border-radius: 10px 10px 0 0;
}

.girls-list{
    display:none;
}

.find-player-list.wrap-white{
    margin-bottom:3px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
}

.athlete-list-wrapper{
    width:100%;
}



.athlete-name-rank {
    display: flex !important;
    flex-direction: row !important;
    gap: 60px;
    justify-content: flex-start!important;
}


.athlete-list:nth-child(odd),
.athlete-list-wrapper:nth-child(odd),
.athlete-pop-list:nth-child(odd) {
    background: #F1F1F1;
}

.athlete-list:nth-child(even),
.athlete-list-wrapper:nth-child(even) {
    background: #ffffff;
}

.pop-title-row,
.athlete-pop-list {
    width: 100%;
    display: grid;
    grid-template-columns: 200px 200px repeat(4, 1fr);
    padding: 10px;
}

    .pop-title-row{
        border-bottom:1px solid #ccc;
    }

    .table-head-section {
        width: 100%;
        display: grid;
        grid-template-columns: 60px 300px repeat(6, 1fr);
    }
,


.athletes-row {
    width: 100%;
    margin: 0 auto;
}


div[class^="athlete-popup-"] {
    width: 50%;
    background: #fff;
    position: absolute;
    height: 300px;
    display: none;
    z-index: 1000;
    top: 25%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

    div[class^="athlete-popup-"].show-results {
        display: block;
    }

.athletes-name-popup {
    background: #6cab44;
    color: #fff;
    text-align: center;
    padding: 10px;
}



.athlete-list-inner,
.athletes-name-popup {
    width: 100%;
    display: grid;
    grid-template-columns: 400px auto;
    padding: 10px;
    margin-bottom: 3px;
    box-shadow: 0 0 5px #ccc;
}

.athlete-pop-list {
    width: 100%;
    display: grid;
    grid-template-columns: 400px auto;
    padding: 10px 0 !important;
    margin-bottom: 3px;
}


.athlete-list-inner div,
.athletes-name-popup div{
    display: flex;
    font-size: 18px;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.tour-name-dates div,
.tour-data div {
    display: flex;
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.tour-data div {
    font-size: 16px;
}

.athlete-pop-list{
    padding:5px;
}

,
.tour-name-dates {
    display: flex !important;
    font-size: 18px !important;
    flex-direction: row !important;
    justify-content: start !important;
    grid: 15px;
    text-align: left !important;
}

.athlete-name-rank {
    font-size: 18px !important;
    display: grid !important;
    grid-template-columns: 24% 75%;
    text-align: left !important;
    gap:10px!important;
}

.tour-name-dates {
    column-gap: 50px;
    font-size: 16px !important;
    max-width: 330px;
    display:flex;
    justify-content: space-between !important;
}

   .athlete-rank-data-row,
    .tour-data {
        display: flex !important;
        font-size: 18px !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        text-align: left !important;
    }

.athlete-rank-data-row {
    width: 100%;
    display: grid!important;
    grid-template-columns: 25% 25% 25% 25%;
    padding: 0 10px;
}

.tour-data {
    width: 100%;
    display: grid !important;
    grid-template-columns: 30% 20% 20% 20%;
    padding: 0 10px;
}

.tour-data {
    font-size: 16px !important;
}
    .athlete-list-inner span, .athletes-name-popup span, .athlete-pop-list span{
    font-size: 12px;
    margin-top: -5px;
    font-weight: normal;
}



.close-btn-pop {
    position: absolute;
    background: #fff;
    right: 5px;
    top: 5px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    border-radius: 100px;
    border: 1px solid #fff;
    height: 25px;
    width: 25px;
    padding: 0 0 2px 7px;
    line-height: 22px;
    cursor:pointer;
}

.pop-over-cast {
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}


.athlete-pop-list {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/*------------------MOBILE VIEW------------------*/


@media(max-width:768px) {
    .athlete-list-inner {
        grid-template-columns: 200px auto;
    }

        .athlete-list-inner div,
        .athletes-name-popup div {
            font-size: .9rem;
        }

        .athlete-list-inner span,
        .athletes-name-popup span,
        .athlete-pop-list span{
            font-size: 10px;
        }
}
@media(max-width:690px) {
    .athlete-list-inner,
    .athletes-name-popup,
    .athlete-pop-list {
        display: flex;
        flex-direction: column;
    }
    .athlete-name-rank {
        display: flex !important;
        flex-direction: row !important;
        border-bottom: 1px solid #ccc;
        padding-bottom:5px;
    }


    .tour-name-dates {
        padding:0 10px 0 10px;
        font-weight:bold;
        font-size:14px!important;
    }
    .athlete-rank-data-row,
    .athlete-pop-list {
        padding: 10px!important;
    }

    .athlete-list-inner div,
    .athletes-name-popup div {
        font-size: 1rem!important;
    }
    .athlete-name-rank .athlete-name,
    .athlete-name-rank .ranking-number {
        font-size: 18px!important;
    }
}



@media(max-width:500px){

    .athlete-rank-data-row {
        grid-template-columns: 25% 25% 25% 25%;
        gap: 6.5px;
    }
        .tour-data {
        grid-template-columns: 45% 18% 18% 18%;
    }

    .tour-name-dates {
        display: grid !important;
        grid-template-columns: 85% 15%;
        column-gap: 0px;
    }
    }

@media(max-width:375px) {

    .tour-data {
        grid-template-columns: 45% 18% 18% 18%;
    }

    .tour-name-dates {
        line-height: 20px;
        grid-template-columns: 80% 17%;
    }
}


.documents-wrapper {
    display: flex;
    flex-direction: column;
}

@media(max-width:501px){
    .documents-wrapper ul.nav {
        align-items: flex-start!important;
    }
}



/*-----------------FORM----------------*/
.zf_lB_Dimmer_51676 {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(0, 0, 0);
    opacity: 0.8;
    z-index: 10000000;
}

.zf_lB_Container_51676 {
    position: fixed;
    background-color: #f0f0f0;
    margin: 0;
    margin-right: 0px;
    padding: 0 0 20px 0;
    border-radius: 5px;
    width: 400px;
    max-width: 100%;
    top: 15px;
    right: 5px;
    border: 7px solid none;
    /*max-height: calc(100% - 60px);*/
    z-index: 100000000;
}

p {
    margin-bottom: 10px;
}

.zf_lB_Wrapper_51676 {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 0;
    margin-top: -180px;
    z-index: 10000001;
}

.zf_main_id_51676 {
    height: calc(65% - 0px);
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
}



.zf_lb_closeform_51676 {
    position: absolute;
    right: -2px;
    /* background: #2f2e2e; */
    padding: 0;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    top: -3px;
    cursor: pointer;
    /* border: 2px solid #d9d9d9; */
}

    .zf_lb_closeform_51676:before, .zf_lb_closeform_51676:after {
        position: absolute;
        left: 16px;
        content: ' ';
        height: 19px;
        width: 2px;
        top: 7px;
        background-color: #f7f7f7;
    }

    .zf_lb_closeform_51676:before {
        transform: rotate(45deg);
    }

    .zf_lb_closeform_51676:after {
        transform: rotate(-45deg);
    }

.slide-in {
    -webkit-animation: slide-in 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(-880px);
        transform: translateX(880px);
    }

    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}


@media screen and (min-device-width: 10px) and (max-device-width: 380px) {
    .zf_lB_Container_51676 {
        width: 98% !important;
    }
}

@media screen and (min-device-width: 360px) and (max-device-width: 480px) {
    .zf_lB_Container_51676 {
        width: 98% !important;
    }
}

@media screen and (min-device-width: 440px) and (max-device-width: 500px) {
    .zf_lB_Container_51676 {
        width: 98%px !important;
    }
}

@media only screen and (min-width:500px) and (max-width:600px) {
    .zf_lB_Container_51676 {
        width: 98%;
    }
}

@media only screen and (min-width:601px) and (max-width:700px) {
    .zf_lB_Container_51676 {
        width: 450px;
    }
}

@media only screen and (min-width:700px) and (max-width:800px) {
    .zf_lB_Container_51676 {
        width: 450px;
    }
}

@media screen and (min-device-width: 801px) and (max-device-width: 1268px) {
    .zf_lB_Container_51676 {
        width: 450px !important;
    }
}

.zf_main_id_51676 {
    background: #fff;
    width: 90%;
    margin: 20px auto 0;
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

#header-copy {
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 35px 22px 0;
    text-align: center;
    font-family: sans-serif;
    line-height: 1.5rem;
    margin-bottom: -25px;
    height: 165px;
}

    #header-copy .top-copy {
        text-align: center;
        font-size: 1.35rem;
        font-weight: 800;
        line-height: 1.75rem;
    }

    #header-copy .sub-copy {
        text-align: center;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.5rem;
        padding-top: 5px;
    }

.nurture-icon {
    position: fixed;
    width: 125px;
    bottom: 35px;
    right: 10px;
    box-shadow: 0 0 15px #ccc;
    border-radius: 125px;
}

    .nurture-icon img {
        margin-top: -13px;
    }

@media(max-width:768px) {
    .nurture-icon {
        width:75px;
    }
}

.nurture-icon img {
    width: 100%;
}

#formsLightBox_51676,
.zf_lB_Wrapper_5167 {
    display: none;
}

#zf_button_51676 {
    cursor: pointer;
}


.zf-tempFrmWrapper {
    margin-top: 20px;
}

.form-input-wrapper {
    display: flex;
    flex-direction: column;
}

    .form-input-wrapper label {
        font-weight: normal;
        font-size: 12px;
    }

.zf-overflow label {
    font-size: 14px;
}

.zf-templateWidth {
    width: 100%;
}

.zf-submitColor {
    width: 100%;
    background: yellow;
    color: #000;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
}

.zf-errorMessage {
    color: red;
    font-weight: bold;
}


@media(max-width:768px) {
    #containerDiv_51676 {
        height: 95vh !important;
    }

    .zf_main_id_51676 {
        height: 70%;
    }

    .zf_lB_Container_51676 {
        position: fixed;
        background-color: #f0f0f0;
        margin: 0;
        margin-right: 0px;
        padding: 0px 0 20px 0;
        border-radius: 5px;
        width: 400px;
        max-width: 100%;
        top: 15px;
        right: 0px;
        border: 7px solid none;
        z-index: 100000000;
    }
}


/*-----------------------NEW LAYOUTS--------------------*/

body.athlete.public {
    background: #ffffff !important;
    font-family: "Poppins", sans-serif;
}

.new-white-box {
    background: #f1f1f1;
    border-radius: 10px;
    padding: 20px;
}
.new-gray-box-wrapper {
    background: #f1f1f1;
    border-radius: 10px;
    padding: 20px;
}
.bottom-section-wrapper {
    display: flex;
    margin-top: 20px;
    gap: 20px;
}

.new-section-header{
    font-weight:800;
    font-size:30px;
}

.profile-left-side {
    display: flex;
    flex-direction: column;
    width: 33%;
    gap: 20px;
}

.profile-right-side {
    width: 100%;
}

    .profile-right-side .wrap-white {
        box-shadow: none;
        background:#f1f1f1!important;
    }



@media(max-width:768px) {
    .bottom-section-wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        gap: 20px;
    }

    .profile-left-side {
        width: 100%;
    }


        ul.profile.nav {
            padding: 20px 0;
            flex-direction: row !important;
            position: relative !important;
            top: 25px!important;
            z-index: 999;
            background: transparent!important;
            width: 100%;
            left: 0;
        }
    .profile-right-side ul.nav {
        gap: 7px!important;
        padding-left: 10px;
    }

    .profile-right-side .nav a:link, 
    .profile-right-side .nav a:hover {
        display: block;
        padding: 10px 10px!important;
        color: #000;
        text-decoration: none;
        font-size: 12px!important;
        font-weight: 800;
        text-transform: uppercase;
    }

    .bg.bg-profile {
        top: 107px!important;
    }
}
    

/*--/Athlete/---*/
.jgh-profile-img-wrapper {
    background: #fff;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 4%;
}

    .jgh-profile-img-wrapper .profile-image .img-thumbnail  {
        padding:0px;
    }

.bg.bg-profile {
    width: 100%;
    height: 300px;
    background-position: center 50%;
    background-size: cover;
    position: absolute;
    top: 131px;
}

.athlete.public .view-info {
    margin-top: -80px;
}

.profile-left-side .jgh-profile-top-name {
    font-weight:800;
    font-size:30px;
    text-align:center;
    text-transform:uppercase;

}

.profile-left-side .jgh-profile-top-home {
    font-family: RobotoRegular;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}


/*--/TABS/--*/
.profile-right-side{
    margin-top:-44px;
}
.profile-right-side ul.nav {
    gap: 20px;
    margin-bottom: -1px;
    padding-left: 10px;
}

.profile-right-side .nav-tabs {
    border-bottom: none;
    width:90%;
}

    .profile-right-side .nav a:link,
    .profile-right-side .nav a:hover{
        display: block;
        padding: 10px 20px;
        color: #000;
        text-decoration: none;
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
    }

.profile-right-side .nav a:link.active {
    background: #F1F1F1F1;
    border-radius: 10px 10px 0 0;
}


.box-wrapper-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
    margin: 20px 0;
    line-height: 1;
}

    .box-wrapper-row div {
        display: flex;
        flex-direction: column;
        font-size: 18px;
        font-weight: bold;
    }
    .box-wrapper-row div span{
        font-weight:normal;
        font-size:12px;
    }

.pdiBorder {
    border: 10px solid rgb(248, 137, 48)
}


.header-section-title{
    font-weight:800;
    font-size:30px;
}

.header-section-sub-title {
    font-weight: 700;
    font-size: 15px;
    margin:5px 0;
}
    /*---------------PDI RESULTS--------------------*/
.pdi-results-wrapper div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 5px 0;
}