@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

body {
    background: #012e57 url(../images/bg-body.jpg) repeat-x;
    font-family: 'Open Sans';
}

.bg-page {
    background: url(../images/bg-page.jpg) no-repeat center bottom;
    background-attachment: fixed;
    padding-bottom: 100px;
    min-height: 673px;
    width: 100%;
}

.bg-pagenet {
    background: url(../images/Netball/bg-page.jpg) no-repeat center top;
    padding-bottom: 100px;
    min-height: 673px;
    background-size: auto 100%;
}

.bg-pagevolley {
    background: url(../images/Netball/bg-page.jpg) no-repeat center bottom !important;
}

/*--------- 17-Aug-17 Help changes------ */
.helplightbox .panel-group {
    margin-bottom: 0;
}

.logo {
    padding: 30px 0px;
}


.height-fix {
    height: 30px;
}

nav ul {
    padding: 0px;
    margin: 0px;
}

    nav ul li {
        width: 100%;
        float: left;
    }

        nav ul li a {
            font-size: 18px;
            width: 100%;
            float: left;
            color: #fff;
            text-transform: uppercase;
            line-height: 30px;
            border-bottom: solid 1px #20313f;
            padding: 12px 35px;
        }

        nav ul li.active02 a {
            background: #10528f;
        }

        nav ul li.active03 a {
            background: #002f5a;
        }

        nav ul li a i {
            height: 50px;
            width: 50px;
            float: left;
            margin-right: 20px;
        }

        nav ul li a:hover {
            background: #06121a;
            text-decoration: none;
            color: #ff3434;
            border-right: solid 3px #fff;
        }

        nav ul li i {
        }

        nav ul li:focus .loginnetball, nav ul li:hover .loginnetball {
            background: url(../images/Netball/loginimg-red.png) no-repeat;
        }

        nav ul li .training {
            background: url(../images/training-icon.png) no-repeat;
        }

        nav ul li:focus .training, nav ul li:hover .training {
            background: url(../images/training-icon-active.png) no-repeat;
        }

        nav ul li .netballtraining {
            background: url(../images/Netball/ball.png) no-repeat;
        }

        nav ul li:focus .netballtraining, nav ul li:hover .netballtraining {
            background: url(../images/Netball/ball-red.png) no-repeat;
        }

        nav ul li .diary {
            background: url(../images/diary-icon.png) no-repeat;
        }

        /*nav ul li:focus .diary, nav ul li:hover .diary {
            background: url(../images/diary-icon-active.png) no-repeat;
        }*/

        nav ul li .fixture {
            background: url(../images/fixture.png) no-repeat;
        }

        /*nav ul li:focus .fixture, nav ul li:hover .fixture {
            background: url(../images/fixture-active.png) no-repeat;
        }*/

        nav ul li .drills {
            background: url(../images/drills.png) no-repeat;
        }

        /*nav ul li:focus .drills, nav ul li:hover .drills {
            background: url(../images/drills-active.png) no-repeat;
        }*/
nav ul li .stretches {
	background: url(../images/stretches-icon.png) no-repeat;
}
        nav ul li .news {
            background: url(../images/news.png) no-repeat;
        }

        nav ul li:focus .news, nav ul li:hover .news {
            background: url(../images/news-active.png) no-repeat;
        }

        nav ul li .account {
            background-position: 0 -400px;
        }

        nav ul li:focus .account, nav ul li:hover .account {
            background-position: -50px -400px;
        }

        nav ul li .help {
            background-position: 0 -450px;
        }

        nav ul li:focus .help, nav ul li:hover .help {
            background-position: -50px -450px;
        }

        nav ul li .contact {
            background: url(../images/contact-us.png) no-repeat;
        }
        /*nav ul li:hover .contact {
            background: url(../images/contact-us-active.png) no-repeat;
        }*/

        nav ul li .setup {
            background: url(../images/club-shield.png) no-repeat;
        }

        nav ul li .share {
            background: url(../images/share.png) no-repeat;
        }

        /*nav ul li:focus .setup, nav ul li:hover .setup {
            background: url(../images/setup-active.png) no-repeat;
        }*/

        nav ul li .terms {
            background-position: 0 -500px;
        }

        nav ul li:hover .terms {
            background-position: -50px -500px;
        }

        nav ul li .privacy {
            background-position: 0 -550px;
        }

        nav ul li:hover .privacy {
            background-position: -50px -550px;
        }

        nav ul li .joinnow {
            background: url(../images/join-now.png) no-repeat;
        }

        /*nav ul li:hover .joinnow {
            background: url(../images/join-now_h.png) no-repeat;
        }*/

        nav ul li .login {
            background: url(../images/log-in.png) no-repeat;
        }

        nav ul li .loginnetball {
            background: url(../images/Netball/loginimg.png) no-repeat;
        }

        nav ul li:hover .login {
            background: url(../images/login-active.png) no-repeat;
        }

        nav ul li .logout {
            background: url(../images/logout02.png) no-repeat;
        }

        nav ul li:hover .logout {
            background: url(../images/logout02-active.png) no-repeat;
        }

        nav ul li i {
            height: 30px !important;
            width: 30px !important;
            background-size: 100% 100% !important;
        }




header {
    position: relative;
}

.calendar_logo {
    text-align: center;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
}

    .calendar_logo img {
        width: auto !important;
        max-width: 200px;
    }

    .calendar_logo a {
        display: block;
    }

.backarrow {
    left: 20px;
    top: 46px;
    position: absolute;
    z-index: 9;
}

    .backarrow a {
        text-decoration: none;
        border: 2px solid #ffffff;
        width: 22.5px;
        height: 22.5px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        line-height: 22.5px;
        color: #fff;
        font-size: 19px;
    }

    .backarrow .fa {
        display: block;
    }

.nav_c {
    right: 20px;
    top: 38px;
    position: absolute;
    z-index: 9;
    color: #fff;
    line-height: normal;
    font-size: 23.5px;
}

.addeventSearch {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}

    .addeventSearch .addevent_box {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        border: 1px solid rgba(204,204,204,0.5);
        background: rgba(204,204,204,0.3);
        width: 100%;
        min-height: 35px;
        position: relative;
        padding-left: 37px;
    }

        .addeventSearch .addevent_box a {
            color: #fff;
            text-decoration: underline;
        }

.bulb_icon {
    background: url(../images/bulb_icon.png) no-repeat center center;
    opacity: 0.6;
    width: 37px;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
    background-size: 40% auto;
}

.addeventSearch .addevent_box span {
    display: inline-block;
    margin-top: 5px;
    letter-spacing: 0.4px;
}

.addeventSearch .close_ae {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 100%;
    line-height: 32px;
    width: 29px;
    text-align: center;
}

.responsive-calendar {
    padding-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #fff;
    background: url(../images/calendar_shadow.png) repeat-x center -27%;
    background-size: 100% auto;
}
    /*.netball-calendar {
    background: url(../images/calendar_netball_bg.jpg) repeat-x center -27%;
}*/

    .responsive-calendar .days {
        background: url(../images/calendar_bg.jpg) no-repeat center center;
        background-size: 100% 100%;
        padding: 5px 15px;
    }

.netball-calendar .days {
    background: url(../images/calendar_netball_bg.jpg) no-repeat center center / 100% 100%;
}

        .responsive-calendar .days .day a {
            padding: 0;
            border-radius: 50%;
            display: inline-block;
            min-height: 38px;
            min-width: 38px;
            vertical-align: middle;
            line-height: 38px;
        }
    /*.responsive-calendar .day.today a{background-color: #10528f;}*/
    .responsive-calendar .day.active a {
        background-color: #3c880c;
    }

    .responsive-calendar .day.not-current a {
        opacity: 0.5;
    }

.day-headers .day {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
}

.controls .left-arrow {
    background-color: rgba(255,255,255,0.10);
    color: #fff;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 50%;
}

.controls .right-arrow {
    background-color: rgba(255,255,255,0.10);
    color: #fff;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 50%;
}

.accolist {
    clear: both;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

    .accolist .listadd {
        width: 100%;
    }

        .accolist .listadd h2.head {
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            color: #fff;
            font-size: 18px;
            margin: 0;
            background-color: #012e57;
            padding: 5px 20px;
            padding: 14px 20px;
        }

            .accolist .listadd h2.head .add_ev {
                background-color: transparent;
                border: 0;
                float: right;
                outline: none;
            }

            .accolist .listadd h2.head span {
                font-weight: 600;
            }

.listadd ul {
    padding: 0;
    margin: 0;
    padding-bottom: 30px;
}

    .listadd ul li {
        border-bottom: 1px solid #ebebeb;
        list-style: none;
        position: relative;
        min-height: 59px;
        padding-left: 40px;
        padding-top: 14px;
    }

.listadd .eventtime {
    color: #949494;
    font-size: 12px;
    font-weight: 400;
}

.listadd h3 {
    margin: 0;
    margin-top: 4px;
    font-size: 16px;
}

.listadd .noti_dot {
    position: absolute;
    margin-left: -19px;
    font-size: 11px;
    color: #10528f;
}

    .listadd .noti_dot.green {
        color: #3c880c;
    }

.editeventButton {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #10528f;
    width: 100px;
    text-align: center;
}

    .editeventButton a {
        width: 50%;
        color: #fff;
        display: block;
        text-align: center;
        float: left;
        font-size: 21px;
        line-height: 58px;
        height: 100%;
    }
    /*.editeventButton a:hover{background: #0c4982;}*/
    .editeventButton.green {
        background-color: #3c880c;
    }
        /*23-03*/
        .editeventButton.green a.dark {
            background: #50af13;
        }

    .editeventButton a.dark {
        background: #0c4982;
    }

.nothingSc {
    padding-left: 40px !important;
}

    .nothingSc h2 {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .nothingSc p {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        padding: 11px 0;
        color: #7f8184;
        position: relative;
        border-top: 1px solid #fff;
    }

        .nothingSc p.active {
            background-color: #f2f2f2;
            color: #242b33;
        }

            .nothingSc p.active i {
                opacity: 1;
            }

        .nothingSc p i {
            width: 22.5px;
            display: inline-block;
            margin-right: 15px;
            margin-left: 15px;
            opacity: 0.7;
        }

            .nothingSc p i img {
                max-width: 100%;
            }

.noti_bar {
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #10528f;
    width: 5px;
    top: 0;
}


footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
}

    footer ul {
        padding: 0px;
        margin: 0px;
    }

        footer ul li {
            padding: 0px !important;
            margin: 0px !important;
            list-style: none;
        }

            footer ul li a {
                width: 100%;
                float: left;
                line-height: 50px;
                background: #000;
                color: #ffffff;
                font-size: 18px;
            }

                footer ul li a:hover, footer ul li.active a {
                    background: #002f5a;
                    color: #fff;
                    text-decoration: none;
                }

/**/
.section01 {
    width: 100%;
    font-size: 14px;
    float: left;
    background: #002f5a;
    color: #fff;
    padding: 4px 0px;
}

    .section01 span {
        font-size: 24px;
    }

    .section01 .round span {
        font-size: 24px;
    }

    .section01 .date {
        color: #7f96ac;
    }

        .section01 .date span {
            color: #fff;
        }

.section02 {
    width: 100%;
    font-size: 18px;
    float: left;
    line-height: 40px;
    background: url(../images/bg-section02.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px 0px;
}

.netball-section02 {
    background: url(../images/bg-netball-section02.jpg) no-repeat;
}

    .section02 h2 {
        padding: 0px 0 10px 0;
        margin: 0px;
        font-size: 16px;
        font-weight: bold;
    }

    .section02 span {
        font-size: 40px;
    }

    .section02 .vs {
        padding-top: 15%;
    }

        .section02 .vs span {
            width: 40px;
            line-height: 40px;
            text-align: center;
            background: rgba(255, 255,255, 0.3);
            font-size: 16px;
            display: inline-block;
            border-radius: 100%;
        }

.section03 {
    width: 100%;
    font-size: 16px;
    float: left;
    line-height: 34px;
    background: #09141c;
    color: #fff;
    padding: 0px 0px 20px 0;
}

    .section03 ul {
        margin: 0px;
        padding: 0px;
        width: 100%;
        float: left;
    }

        .section03 ul.alter {
            background: #050f17;
        }

        .section03 ul li {
            list-style: none;
        }
            /*.section03 ul li.first input {
                border: solid 1px #171f25;
                display: block;
                padding: 0px 10px;
                margin: 5px;
                background: none;
                width: 100%;
            }*/
            .section03 ul li.first input {
                background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
                border: 1px solid #171f25;
                box-sizing: border-box;
                display: block;
                font-size: 18px;
                padding: 2px;
                width: 100%;
            }

            .section03 ul li.second span {
                display: block;
                padding: 0px 10px;
                line-height: 40px;
                background: #101b23;
            }

            .section03 ul li.last span {
                display: block;
                padding: 0px 10px;
                line-height: 40px;
            }

        .section03 ul.alter .second span {
            background: #0a1620;
        }

.section04 {
    width: 100%;
    font-size: 18px;
    float: left;
    line-height: 40px;
    background: #fff;
    margin-bottom: 1px;
    color: #fff;
    padding: 0px 0px 0px 0;
}

    .section04 a {
        text-decoration: none;
    }

    .section04 h3 {
        font-size: 18px;
        color: #091319;
        padding: 15px 20px;
        border-left: solid 8px #e52c2c;
        margin: 0px;
    }

        .section04 h3 i {
            float: right;
            padding: 0 5px;
            color: #212121;
        }

    .section04 ul {
        padding: 0px;
        margin: 0px;
    }

        .section04 ul li {
            border-bottom: solid 1px #dfdfdf;
            list-style: none;
            text-transform: uppercase;
            color: #081319;
            padding: 5px 15px 5px 40px;
            margin: 0px;
            font-size: 16px;
        }

            .section04 ul li span {
                float: right;
                color: #081319;
                width: 50px;
                text-align: center;
            }

            .section04 ul li i {
                float: right;
                padding: 0 5px;
                color: #221f1f;
                line-height: 40px;
                width: 40px;
                font-size: 30px;
                text-align: center;
                background: #fff;
            }

            .section04 ul li.active {
                background: #ebebeb;
            }

    .section04 h3 i.fa-plus {
        color: #bcbbbb;
    }

    .section04 p {
        padding: 0 50px 10px 50px;
        color: #081319;
        line-height: 24px;
        font-size: 14px;
    }

    .section04.section05 {
        background: #08131a;
        margin-bottom: 30px;
    }

        .section04.section05 .accordion-toggle.collapsed h3 {
            background: #fff;
            color: #212121 !important;
        }

            .section04.section05 .accordion-toggle.collapsed h3 i.fa.fa-angle-down {
                color: #212121;
            }

        .section04.section05 h3 {
            color: #fff;
        }

            .section04.section05 h3 i.fa-angle-down {
                color: #fff;
            }

            .section04.section05 h3 i.fa-plus {
                color: #535a5e;
            }

        .section03.section04.section05 ul li {
            border-bottom: none;
            color: #011526;
            text-transform: capitalize;
            padding: 0px 0;
            font-size: 12px;
            list-style: none;
            text-align: center;
            background: #fff;
            margin: 0 1px 0 0;
            width: 32%;
        }

.section04.section05 ul li input {
    border: none;
    width: 100%;
    background: none;
    padding: 0 5px;
    color: #000 !important;
    opacity: 1 !important;
    text-align: center;
}

        .section04.section05 .tab-outer {
            padding: 2px 20px;
            width: 100%;
            float: left;
        }

            .section04.section05 .tab-outer span {
                background: #002f5a;
                display: inline-block;
                width: 80px;
                text-align: center;
                font-size: 12px;
            }

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

.padding10-top {
    padding-top: 10px;
}

.play-ground {
    width: 100%;
    float: left;
    background: url(../images/play-ground-bg.png) no-repeat center top;
    background-size: 100% auto;
    padding-bottom: 50px;
}

.score-table {
    border-top: solid 1px #162e42;
    padding: 0px 0;
    width: 100%;
    float: left;
    margin-top: 0px;
}

    .score-table tr td {
        font-size: 16px;
        padding: 5px 10px;
        text-align: center;
    }

    .score-table tr th {
        font-size: 16px;
        padding: 5px 10px;
        text-align: center;
    }

    .score-table tr.alter td {
        background: #041b2e;
    }

.border-left {
    border-left: solid 1px #162e42;
}

.border-bottom {
    border-bottom: solid 1px #162e42;
}

.last-btn {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0px;
}

    .last-btn button {
        background: #4e6c88;
        margin: 0px;
        padding: 0px 30px;
        border: none;
    }

        .last-btn button:hover {
            background: #012342;
        }

        .last-btn button.save {
            background: #e52c2c;
        }

            .last-btn button.save:hover {
                background: #870b0b;
            }

#accordion-first {
    float: left;
}

nav ul li .tearns {
    background-position: 0 -500px;
}

nav ul li:hover .tearns {
    background-position: -50px -500px;
}

nav ul li .Policy {
    background-position: 0 -550px;
}

nav ul li:hover .Policy {
    background-position: -50px -550px;
}


.head_acc {
    color: #fff;
    padding: 20px 11px 4px;
    border-top: 1px solid #3a4247;
    background-color: #091219;
}

    .head_acc .btn {
        background-color: #308add;
        border-color: #308add;
        position: relative;
        z-index: 10;
        padding: 2px 8px;
        font-size: 14px;
        margin-right: 10px;
        top: -4px;
    }

.accordinSec {
    position: relative;
    overflow: hidden;
}

    .accordinSec:before {
        content: "";
        color: #fff;
        position: absolute;
        width: 2px;
        height: 100%;
        background-color: #ffffff;
        left: 18px;
        top: 25px;
        z-index: 9;
        opacity: 0.1;
    }

    .accordinSec .panel {
        border: 0;
        margin: 0 !important;
        background-color: #08141c;
    }

    .accordinSec .panel-group {
        margin: 0;
    }

    .accordinSec .panel-heading {
        background-color: #060f15;
        position: relative;
        border: 0;
        padding: 0;
    }

        .accordinSec .panel-heading a {
            text-decoration: none;
            display: block;
        }

        .accordinSec .panel-heading h4 a {
            margin: 0;
            color: #ffffff;
            font-size: 13px;
            font-weight: 500;
            line-height: 45px;
            padding-left: 51px;
        }

        .accordinSec .panel-heading:before {
            font-family: 'FontAwesome';
            content: "\f105";
            color: #fff;
            position: absolute;
            right: 32px;
            top: 4px;
            font-size: 24px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .accordinSec .panel-heading:after {
            content: "";
            color: #fff;
            position: absolute;
            width: 6px;
            height: 6px;
            background-color: #ffffff;
            left: 16px;
            top: 19px;
            border-radius: 50%;
            z-index: 11;
        }

    .accordinSec .panel-body {
        border: none !important;
        padding: 0;
    }

    .accordinSec .panel-collapse {
        color: #fff;
    }

    .accordinSec .panel-heading.actives:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .accordinSec .panel-heading.actives:after {
        background: #0062bd;
    }


    .accordinSec .accordion-heading {
        background-color: #060f15;
        position: relative;
    }

        .accordinSec .accordion-heading a {
            text-decoration: none;
        }

        .accordinSec .accordion-heading h3 {
            margin: 0;
            color: #ffffff;
            font-size: 13px;
            font-weight: 500;
            line-height: 45px;
            padding-left: 51px;
        }

        .accordinSec .accordion-heading:before {
            font-family: 'FontAwesome';
            content: "\f107";
            color: #fff;
            position: absolute;
            right: 32px;
            top: 4px;
            font-size: 24px;
        }

        .accordinSec .accordion-heading:after {
            content: "";
            color: #fff;
            position: absolute;
            width: 6px;
            height: 6px;
            background-color: #ffffff;
            left: 16px;
            top: 19px;
            border-radius: 50%;
        }

.skills_sec {
    width: 100%;
}

    .skills_sec ul {
        background: #ffffff;
        padding: 0;
        margin: 0;
        margin-left: 40px;
    }

        .skills_sec ul li {
            list-style: none;
            color: #09131a;
            border-bottom: 1px solid #081520;
            position: relative;
            padding-left: 70px;
            font-size: 12px;
            min-height: 37px;
            padding-right: 40px;
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .skills_sec ul li .left_an {
                position: absolute;
                left: 0;
                top: 0;
                background-color: #308add;
                height: 100%;
                width: 63px;
                padding-left: 8px;
                color: #fff;
                padding-top: 8px;
            }

.equipmentSec {
    width: 100%;
    overflow: hidden;
}

    .equipmentSec ul {
        background: #ffffff;
        padding: 0;
        margin-left: 40px;
        overflow: hidden;
    }

        .equipmentSec ul li {
            list-style: none;
            color: #09131a;
            position: relative;
            float: left;
            width: 50%;
            border: 1px solid #071927;
            border-left: 0;
            border-bottom: 0;
            color: #909090;
        }

            .equipmentSec ul li > img {
                width: 60px;
            }

            .equipmentSec ul li h2 {
                display: inline-block;
                vertical-align: middle;
                margin: 0;
                font-size: 10px;
                color: #909090;
                padding-left: 10px;
            }

                .equipmentSec ul li h2 span {
                    font-size: 27px;
                    color: #10528e;
                }

.field_sec {
    background: #08141c;
    position: relative;
    z-index: 12;
}

    .field_sec .f_slide {
        padding: 0 20px;
        text-align: center;
    }

        .field_sec .f_slide img {
            max-width: 100%;
            height: auto;
        }

.paginationBar ul {
    padding: 0;
    margin: 0;
}

    .paginationBar ul li {
        float: left;
        width: 20%;
        list-style: none;
        line-height: 35px;
        text-align: center;
        font-size: 14px;
    }

        .paginationBar ul li:first-child, .paginationBar ul li:last-child {
            background: rgba(0,0,0,0.2);
        }

        .paginationBar ul li:nth-child(2) {
            background: rgba(0,0,0,0.1);
        }

        .paginationBar ul li:nth-child(4) {
            background: rgba(0,0,0,0.1);
        }

.diagramDetails {
    background: #fff;
    color: #031a2e;
    padding: 20px;
    font-size: 13px;
}

.diag_rate {
    margin-top: 20px;
    font-size: 12px;
    position: relative;
    padding-left: 25px;
}

    .diag_rate .fa {
        color: #0062bd;
        color: #0062bd;
        position: absolute;
        left: 0;
        font-size: 16px;
    }

.videoBlog {
    position: relative;
    z-index: 12;
}

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

.moreSec {
    background: #fff;
    color: #000;
    position: relative;
    z-index: 12;
}

.morehead {
    background: #012d54;
    min-height: 65px;
    position: relative;
    z-index: 12;
    font-size: 17px;
    line-height: 65px;
}

    .morehead i {
        display: inline-block;
        width: 14px;
        margin-left: 20px;
        margin-right: 10px;
    }

        .morehead i img {
            max-width: 100%;
            height: auto;
        }

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

.moreSec > .row {
    border-bottom: 1px solid #ebebeb;
    padding: 15px;
}

.moreSec .row {
    margin-left: -7px;
    margin-right: -7px;
}

    .moreSec .row > div {
        padding-right: 7px;
        padding-left: 7px;
    }

.moreSec h2 {
    margin: 12px 0;
    font-size: 13px;
    color: #02203c;
}

.moreSec .video_co {
    color: #8b8b8b;
    font-size: 10px;
}

    .moreSec .video_co span {
        display: block;
        color: #8b8b8b;
        font-size: 20px;
    }

.moreSec .labeltype {
    background: #10528f;
    color: #fff;
    font-size: 11px;
    padding: 1px 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.videobox {
    position: relative;
}

.datetime_tabs ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #162028;
    border-bottom: 2px solid #308add;
}

    .datetime_tabs ul li {
        width: 50%;
        float: left;
        font-size: 14px;
        color: #fff;
        list-style: none;
        position: relative;
        padding-left: 48px;
        padding-top: 7px;
        padding-bottom: 7px;
        line-height: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
    }

        .datetime_tabs ul li span {
            display: block;
            color: #ababab;
            font-size: 9px;
        }

        .datetime_tabs ul li .dt-icon {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            text-align: center;
            width: 40px;
            left: 7px;
            opacity: 0.5;
        }

            .datetime_tabs ul li .dt-icon img {
                max-width: 45%;
                display: inline-block;
                position: relative;
                top: 28%;
            }

        .datetime_tabs ul li.active {
            background-color: #060f14;
        }

.accordinSecTwo .panel-body {
    background-color: #071826;
    padding: 0;
}

.accordinSecTwo .panel-group > .panel {
    border: 0;
    border-radius: 0;
}

.fildDetails .fildbox {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #203039;
    position: relative;
    min-height: 90px;
}

    .fildDetails .fildbox .fildwall {
        background-color: #fff;
        width: 38%;
        text-align: center;
        float: left;
        height: 100%;
        min-height: 93px;
        left: 0;
    }

        .fildDetails .fildbox .fildwall span {
            display: inline-block;
            padding: 0 20px;
        }

        .fildDetails .fildbox .fildwall img {
            max-width: 100%;
            display: inline-block;
        }

    .fildDetails .fildbox .f_left {
        float: left;
        width: 62%;
    }

    .fildDetails .fildbox h2 {
        color: #fff;
        font-size: 14px;
        color: #fff;
        margin: 0;
        padding-left: 23px;
        padding-right: 23px;
        margin-top: 15px;
    }

.bottomFix {
    /*position: absolute;*/
    bottom: 0;
    right: 0;
    width: 70%;
}

.postTime ul {
    padding: 0;
    margin: 0;
    padding-left: 23px;
    padding-top: 5px;
    padding-bottom: 16px;
    overflow: hidden;
}

    .postTime ul li {
        width: 50%;
        float: left;
        color: rgba(255,255,255,0.5);
        list-style: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 11px;
    }

        .postTime ul li i {
            width: 12px;
            display: inline-block;
            margin-right: 5px;
            opacity: 0.5;
        }

            .postTime ul li i img {
                max-width: 100%;
            }


.edit_timemode {
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    overflow: hidden;
}

    .edit_timemode .edit_type {
        position: relative;
        margin-left: 40px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

        .edit_timemode .edit_type:after {
            content: "";
            background: url(../images/time_icon.png) no-repeat center center;
            position: absolute;
            left: -18px;
            width: 15px;
            height: 16px;
            top: 5px;
            background-size: 100% auto;
        }

        .edit_timemode .edit_type input {
            border: 1px solid #44515b;
            background: transparent;
            height: 27px;
            width: 82px;
            font-size: 11px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 500;
            padding: 7px;
            color: #fff;
        }

.closepost {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    background-color: rgba(0,0,0,0.2);
    text-align: center;
    height: 100%;
}

    .closepost span {
        background: url(../images/cross_ico.png) no-repeat center center;
        background-size: 100% auto;
        width: 12px;
        display: inline-block;
        height: 12px;
        margin-top: 12px;
    }

.filedStar {
    background-color: rgba(0,0,0,0.1);
    min-height: 39px;
    padding-left: 23px;
    padding-top: 10px;
}

    .filedStar i {
        color: #ef2525;
        font-size: 14px;
        margin-right: 8px;
    }

.mt25 {
    margin-top: 25px !important;
}

.fildDetails .addeventSearch {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .fildDetails .addeventSearch .addevent_box span {
        font-size: 11px;
        line-height: 22px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }

.trainingSec .head {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    margin: 0;
    background-color: #02111d;
    padding: 15px 20px;
    border-bottom: 2px solid #308add;
}

    .trainingSec .head .add_ev {
        background-color: transparent;
        border: 0;
        float: right;
        outline: none;
    }

.training_form {
    background: url(../images/training-bg.jpg) no-repeat center bottom;
    background-size: 100% auto;
    padding: 20px;
}

    .training_form .form-control {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        padding: 5px 10px;
        height: 35px;
        font-size: 12.5px;
        position: relative;
    }

        .training_form .form-control:focus {
            box-shadow: 0px 0px 15px #3ba5f6;
        }

    .training_form textarea.form-control {
        height: 90px;
        padding: 10px 15px;
    }

    .training_form .select-group select.form-control {
        -webkit-appearance: none;
        background: transparent;
        z-index: 99;
    }

    .training_form .select-group {
        position: relative;
        background-color: #fff;
    }

        .training_form .select-group:before {
            font-family: 'FontAwesome';
            content: "\f107";
            position: absolute;
            z-index: 9;
            right: 0;
            width: 30px;
            text-align: center;
            height: 35px;
            line-height: 35px;
            font-size: 18px;
            color: #000;
        }

    .training_form .row {
        margin-right: -4.5px;
        margin-left: -4.5px;
    }

        .training_form .row > div {
            padding-left: 4.5px;
            padding-right: 4.5px;
        }

    .training_form .form-group {
        margin-bottom: 20px;
    }

    .training_form .first-fg {
        margin-bottom: 7px;
    }

    .training_form .buttonSet {
        margin: 0;
        margin-bottom: 20px;
    }

        .training_form .buttonSet > div {
            padding: 0;
        }

        .training_form .buttonSet .btn {
            border-radius: 0;
            border: 0;
            height: 35px;
            font-size: 12.5px;
        }

            .training_form .buttonSet .btn.btn-danger {
                background-color: #ef2525;
            }

            .training_form .buttonSet .btn.btn-info {
                background-color: #6c8ca7;
            }

.modal {
    text-align: center;
    padding: 0 !important;
}

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

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal .modal-content { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#091217+0,012e57+100 */
    background: rgb(9,18,23); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(9,18,23,1) 0%, rgba(1,46,87,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(9,18,23,1) 0%,rgba(1,46,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(9,18,23,1) 0%,rgba(1,46,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091217', endColorstr='#012e57',GradientType=0 ); /* IE6-9 */
    border: 0;
    box-shadow: 0px 0px 22px #fff;
    border-radius: 0;
}

    .modal .modal-content ul {
        padding: 0;
        margin: 0;
    }

        .modal .modal-content ul li {
            padding-top: 0 !important;
            list-style: none;
            width: 100%;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            color: #fff;
            font-size: 14px;
            min-height: 0 !important;
            line-height: 45px;
            padding-left: 35px;
            border-bottom: 1px solid #1e394e;
            position: relative;
        }
            /*.modal .modal-content ul li.active:after{ content:""; position:absolute; right:0; top:0; height:100%; width:5px; background-color:#fff;}*/
            /*.modal .modal-content ul li.active{ background-color:#061421; border-bottom:1px solid #031728}*/
            .modal .modal-content ul li a {
                color: #fff;
                display: block;
            }

            .modal .modal-content ul li i {
                display: inline-block;
                width: 23px;
                margin-right: 22px;
            }

                .modal .modal-content ul li i img {
                    max-width: 100%;
                }

.modal .modal-dialog {
    width: 90%;
}


/*Login*/
.login-details h2 {
    padding: 20px 20px;
    background: #002f5a;
    color: #fff;
    font-size: 20px;
    margin-bottom: 0px;
}

.login-icon {
    float: left;
    background: url(../images/login-icon.png) no-repeat;
    height: 25px;
    width: 25px;
    margin-right: 10px;
    background-size: 100%;
}

.login-details .bg-body, .contact-details .bg-body {
    background: #fff;
    padding: 40px 20px 40px 20px;
    float: left;
    width: 100%;
}

.login-details label, .contact-details label {
    width: 100%;
    float: left;
    font-size: 14px;
    padding-bottom: 5px;
}

.login-details input, .login-details select, .contact-details input, .contact-details select, .whitebasetextarea {
    width: 100%;
    float: left;
    border: solid 1px #b2b2b2;
    padding: 8px 8px;
    font-size: 14px;
    margin-bottom: 15px;
}

.contact-details-select {
    height: 37px !important;
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"], .radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.login-details .radio label, .login-details .checkbox label {
    padding-left: 0px;
}

.login-details .checkbox label {
    color: #002f5a;
    padding-bottom: 20px;
}

.login-details button {
    width: 100%;
    background: #002f5a;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 10px 0 11px 0px;
}

    .login-details button:hover {
        background: #01162a;
        color: #fff;
    }

.login-details ul {
    padding: 50px 0 0 0;
}

    .login-details ul li {
        list-style: none;
        padding: 0 20px 30px 20px;
        font-size: 14px;
        clear: both;
    }

        .login-details ul li i.forgot {
            background: url("../images/forgot-icon.png") no-repeat;
            float: left;
            height: 36px;
            margin-right: 10px;
            width: 40px;
        }

        .login-details ul li i.register_here {
            background: url("../images/register_here_icon.png") no-repeat center;
            float: left;
            height: 36px;
            margin-right: 10px;
            width: 40px;
        }

        .login-details ul li i.contact_us_icon {
            background: url("../images/contact_us_icon.png") no-repeat center;
            float: left;
            height: 36px;
            margin-right: 10px;
            width: 40px;
        }

.login-details.register h2 {
    padding: 15px 0 15px 0;
    width: 100%;
}

    .login-details.register h2 i {
        margin: 0px 15px 0 15px;
    }

.login-details.register p.step1 {
    font-size: 16px;
    color: #fff;
    width: 100%;
    background: #002f5a;
    border-top: solid 1px #061c2f;
    clear: both;
    padding: 10px 0 10px 15px;
    margin: 0px;
}

    .login-details.register p.step1 span {
        color: #809eb1;
        text-transform: uppercase;
    }

.login-details .register-outer {
    background: #ffffff;
    float: left;
    padding: 30px 0px;
    width: 100%;
}

    .login-details .register-outer table tr th {
        background: #ebebeb;
        padding: 15px 10px;
        color: #809eb1;
        text-transform: uppercase;
        font-weight: normal;
    }

    .login-details .register-outer table tr td {
        background: #fff;
        padding: 10px 10px;
        border-bottom: solid 1px #f2f2f2;
        font-size: 14px;
    }

.Prices-outer {
    padding: 15px 15px;
    width: 100%;
    float: left;
}

.login-details.register h2 {
    float: left;
}

label.btn span {
    font-size: 1.5em;
}

.join-table th, td {
    text-align: center;
}

    .join-table th.text-left, .join-table td.text-left {
        text-align: left;
    }

label input[type="radio"] ~ i.fa.fa-circle-o {
    color: #3c880c;
    display: inline;
}

label input[type="radio"] ~ i.fa.fa-dot-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-circle-o {
    display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
    color: #848b8f;
    display: inline;
}

label:hover input[type="radio"] ~ i.fa {
    color: #7AA3CC;
}


label input[type="radio"]:checked ~ i.fa.fa-dot-check {
    color: #fff;
    display: inline;
}

.warm-up p {
    color: #757a7e;
    font-size: 24px;
    line-height: 24px;
}

.session-row .warm-up {
    width: 50%;
    float: left;
}

.login-details .register-outer tr td label.btn , label.btn.radiobtn {
    width: 40px;
    position: relative;
}

    .login-details .register-outer tr td label.btn:focus , label.btn.radiobtn:focus {
        background: none !important;
    }

    .login-details .register-outer tr td label.btn i , label.btn.radiobtn i {
        position: absolute;
        left: 0px;
        z-index: 10000;
        background: #fff;border-radius: 50%; border:none;
    }

    label.btn.radiobtn i{ top: -11px;}

.section04 ul li span.labelname { float:none ; margin-right:7px;
}
.Prices-outer p {
    font-size: 12px;
    color: #636363;
}

.button-outer {
    width: 100%;
    float: left;
}

    .button-outer button {
        width: 48%;
        margin: 0 1%;
        float: left;
    }


    .button-outer button {
        background: #3c880c;
        font-size: 14px;
    }

        .button-outer button:hover {
            background: #fff;
            border: solid 1px #e5e5e5;
            color: #a9a9a9;
        }

.your-iform {
    width: 100%;
    float: left;
}

    .your-iform p {
        margin: 0px !important;
        padding-top: 0px !important;
        border: none !important;
    }

.W-48.right {
    float: right;
}

.W-48 {
    width: 48% !important;
}

.login-details.register .bg-body {
    padding-bottom: 0px;
}

.login-details .register-outer table.card-table tr td {
    border-bottom: none;
}

.card-table tr td img {
    margin-top: 20px;
}

.card-table tr td label {
    padding-top: 0px;
}

.card-table tr td img {
    margin-top: 5px;
}

.blue-color {
    color: #002f5a;
}

.login-details label span {
    float: left;
    font-weight: normal;
    color: #636363;
    font-size: 16px;
    padding-bottom: 5px;
    width: 100%;
}

.login-details button.btn-green {
    background: #3c880c;
}

    .login-details button.btn-green:hover {
        background: #5cb425;
    }

.login-details.register h2 i.login-icon {
    background: url(../images/join-now.png) no-repeat;
    background-size: 100%;
    height: 25px;
    width: 25px;
}

.login-details a.btn-success {
    background: #3c880c;
}

    .login-details a.btn-success:hover {
        background: #5cb425;
    }

.login-details a.btn-success {
    border-radius: 0px;
    line-height: 24px;
    width: 48%;
    margin-left: 1%;
    font-size: 16px;
}

/*Account details*/

.accont-details .login-icon {
    background: url(../images/account-icon.png) no-repeat;
    background-size: 100% 100%;
}

.login-details.accont-details .bg-body, .contact-details.accont-details .bg-body {
    background: #04233f;
}

    .login-details.accont-details .bg-body label, .contact-details.accont-details .bg-body label {
        color: #fff;
    }

    .login-details.accont-details .bg-body input, .login-details.accont-details .bg-body textarea, .accont-details .bg-body textarea, .accont-details.contact-details input, .reporttextarea textarea {
        background: none;
        border: solid 1px #39454d;
        color: #fff;
        border-radius: 0px;
    }

    .login-details.accont-details .bg-body textarea, .contact-details.accont-details .bg-body textarea {
        margin-bottom: 20px;
        width: 100%;
        padding: 10px;
        height: 100px;
    }

.w48.Num {
    width: 10%;
    margin-right: 2%;
}

.w48 {
    width: 42%;
    float: left;
}

    .w48.right {
        float: right;
    }

.login-details.accont-details .bg-body {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.login-details.accont-details h2 {
    float: left;
    width: 100%;
}

.accont-details .subscrption-icon .login-icon {
    background: url(../images/subscrption-icon.png) no-repeat;
    background-size: 100% 100%;
}

.bg-body .sub-blog {
    width: 33%;
    float: left;
    padding: 0 2px;
}

.login-details.accont-details .bg-body.paddT10 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.login-details.accont-details .bg-body .sub-blog p {
    color: #8293a2;
}

.login-details.accont-details .bg-body .sub-blog label {
    color: #fff;
    background: #10314f;
    padding: 8px 10px;
}

.btn-outer {
    padding-top: 20px;
    width: 100%;
    float: left;
}

    .btn-outer button {
        width: 50%;
        float: left;
    }

        .btn-outer button.red {
            background: #e52c2c;
        }

        .btn-outer button.gray {
            background: #4f6981;
        }

.footer {
    background: #000000;
    width: 100%;
    float: left;
}

    .footer ul {
        width: 100%;
        float: left;
        padding-left: 0px;
        border-bottom: solid 1px #333333;
        padding-top: 0px;
        margin-bottom: 0px;
    }

        .footer ul li {
            width: 33%;
            border-right: solid 1px #333333;
            list-style: none;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
            margin: 0px;
            float: left;
            clear: inherit;
        }


        .footer ul.menu li {
            width: 33%;
            text-align: center;
            padding: 0 0;
        }

        .footer ul.menu {
            border: none;
            padding: 10px 30px 0px 30px;
        }

            .footer ul.menu li:last-child, .footer ul li:last-child {
                border: none;
            }

            .footer ul.menu li a {
                color: #ffffff;
            }

    .footer p {
        text-align: center;
        color: #787878;
        float: left;
        padding: 0px 0px 10px 0px;
        text-align: center;
        width: 100%;
    }

.footer-logo {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    padding-top: 20px !important;
}

    .footer-logo img {
        height: 40px;
    }


.cleander-outer {
    position: relative;
    width: 100%;
    float: left;
}

    .cleander-outer i {
        position: absolute;
        right: 10px;
        bottom: 18px;
        width: 33px;
        height: 33px;
        background: url(../images/calendar_icon.png) no-repeat center bottom;
        background-size: 100% auto;
    }

.contact-icons li img {
    width: 25px;
}


/*Contact details*/
.contact-details .header002 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c2f20+0,0a222e+100 */
    background: #0c2f20; /* Old browsers */
    background: -moz-linear-gradient(left, #0c2f20 0%, #0a222e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0c2f20 0%,#0a222e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, #0c2f20 0%,#0a222e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2f20', endColorstr='#0a222e',GradientType=1 ); /* IE6-9 */
    padding: 10px 20px;
    color: #fff;
}

    .contact-details .header002 span strong {
        font-size: 26px;
    }

        .contact-details .header002 span strong.gray {
            font-size: 26px;
            color: #ccc;
        }

    .contact-details .header002 p {
        font-size: 16px;
        padding-top: 2px;
    }

.login-details.accont-details.contact-details h3, .contact-details.accont-details.contact-details h3 {
    font-size: 18px;
    color: #fff;
    padding: 20px 15px;
    background: #02111d;
    margin: 0px;
    border-bottom: solid 3px #308add;
}

.marginT20 {
    margin-bottom: 20px;
}

.accont-details.contact-details .bg-body {
    padding-bottom: 20px;
}

    .accont-details.contact-details .bg-body a.red {
        background: #e52c2c;
        color: #fff;
        border-radius: 0;
    }

        .accont-details.contact-details .bg-body a.red:hover {
            background: #f25252;
            color: #fff;
            text-decoration: none;
        }

h4 {
    color: #fff;
    font-size: 14px;
    padding: 20px 0 0 0;
}

    h4 img {
        float: left;
        margin: 0 10px 0 0;
    }

.submit-btn {
    width: 100%;
    float: left;
    text-align: center;
    background: #002f5a url(../images/bg-signup.png) no-repeat;
    padding: 20px 0;
    background-size: auto 100%;
}

    .submit-btn button, .submit-btn a {
        width: auto;
        padding: 10px 30px;
        background: #4ea81d;
        color: #fff;
    }

        .submit-btn a:hover {
            background: #62ca29;
            color: #fff;
            text-decoration: none;
        }

.contact-details button.red {
    width: 100%;
    text-align: center;
    border: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 10px 0;
    font-size: 18px;
    color: #fff;
}

.contact-details .submit-btn button {
    width: auto;
    text-align: center;
    border: none;
    padding: 10px 30px;
    font-size: 18px;
    color: #fff;
}

    .contact-details .submit-btn button:hover {
        background: #62ca29;
    }

.btn-default {
    background: #04233f !important;
    border-radius: 0px;
    padding: 10px 10px;
    color: #fff;
    border: solid 1px #39454d;
}

.form-control {
    height: 41px;
    margin-bottom: 10px;
}

.btn-group.bootstrap-select.show-tick.form-control {
    margin-bottom: 15px;
}

.filter-option.pull-left {
    color: #fff;
}

.btn.dropdown-toggle.btn-default .bs-caret {
}

/*pro_session*/

.pro_session {
}

    .pro_session .login-icon {
        background: url(../images/pro_session_icon.png) no-repeat;
        background-size: auto 100%;
    }

    .pro_session h4 {
        padding-top: 0px;
        margin-top: 0px;
        padding-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
    }

.session_date {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

    .session_date label {
        font-weight: normal;
        padding-bottom: 0px;
        background: #002f5a url(../images/calendar_icon.png) no-repeat 10px 3px;
        line-height: 40px;
        padding-left: 50px;
    }
    /*27-03*/
    .session_date label, .session_date input.flatdatepickr {
        font-weight: normal;
        padding-bottom: 0px;
        background: #002f5a url(../images/calendar_icon.png) no-repeat 10px 3px !important;
        line-height: normal;
        height: 40px;
        background-size: 30px auto;
        padding-top: 0px;
        padding-left: 50px;
    }


    .session_date .w70 {
        float: left;
        width: 70%;
    }

    .session_date .w30 {
        float: right;
        width: 28%;
        background: url(../images/clock_icon.png) no-repeat right 5px top 8px;
        background-size: 20px;
    }

        .session_date .w30 input {
            padding-right: 40px;
        }

.session-row {
    border-top: solid 1px #3a4248;
    padding: 10px 0px;
    width: 100%;
    float: left;
}

    .session-row label {
        width: 50%;
        float: left;
        font-weight: normal;
        text-align: left;
    }

    .session-row .w60 {
        width: 50%;
        float: left;
    }

.accont-details h2 {
    background: #002f5a;
    padding: 20px 10px;
    margin: 10px 0 0 0;
    color: #fff;
    font-size: 18px;
}


.accont-details.contact-details.pro_session .bg-body {
    background: #091319;
}

.session-row label {
    padding-top: 10px;
}

.accont-details.contact-details.pro_session .btn-default {
    background: #08131a !important;
}

.accont-details.contact-details.pro_session .btn-group {
    margin-bottom: 0px;
}

.session-row .w50 {
    width: 50%;
    float: left;
}

.session-row .fa {
    position: absolute;
    left: 15px;
    top: 8px;
    background: #08151d;
    font-size: 2em;
    margin-left: -4px;
}

.session-row .w50 {
    position: relative;
}

    .session-row .w50 p {
        font-size: 20px;
        color: #7e858a;
        line-height: 20px;
    }

    .session-row .w50 p {
        font-size: 16px;
        color: #7e858a;
        line-height: 20px;
    }

.pro_session .blue {
    background: #10528f !important;
}

    .pro_session .blue:hover {
        background: #073866 !important;
    }

.bg-page.help .login, .bg-page.help i.login {
    background: url(../images/login-icon.png) no-repeat 0 6px;
    background-size: 40px;
}

.bg-page.help .Pro-Session-Generator {
    background: url(../images/pro_session_icon.png) no-repeat 0 6px;
    background-size: 40px;
}

.bg-page.help .editing-a-training {
    background: url(../images/editing-a-training.png) no-repeat 0 6px;
    background-size: 40px;
}

.fa-angle-right {
    background: none;
    width: auto;
    float: right;
    position: absolute;
    right: 0px;
    top: 30%;
    font-size: 18px !important;
}

.bg-page.help ul li {
    position: relative;
}

.header label {
    width: 100%;
    float: left;
    color: #686b6e;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 5px;
}

.help02 .panel-heading {
    background: none !important;
    border: none;
}

    .help02 .panel-heading h4 {
        padding-top: 0px;
    }

/*.login-details.accont-details .bg-body label, .contact-details.accont-details .bg-body label bold { width:50px;}*/


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



.bg-page .help2 {
    background: none;
}


.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #fff;
    background-color: #061119;
}

.panel-title {
    font-size: 12px;
}

    .panel-title > a {
        border-top: 1px solid #394751;
        display: block;
        font-size: 16px;
        line-height: 31px;
        padding: 14px 15px 14px 35px;
        text-decoration: none;
    }

        .panel-title > a.last {
            border-bottom: 1px solid #394751;
        }

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
}

.panel-title i {
    float: right;
    font-size: 24px !important;
    margin-right: 10px;
    line-height: 30px;
}

.panel-body {
    background: #08151f;
    padding: 0px;
}

    .panel-body ul li {
        padding: 0px 0px 0px 0px;
        margin: 0px;
        list-style: none;
        position: relative;
        width: 100%;
        float: left;
        padding-bottom: 1px;
    }

        .panel-body ul li p {
            width: auto;
            float: left;
            padding: 10px 0 0 70px;
            color: #fff;
        }

        .panel-body ul li span {
            width: 60px;
            position: absolute;
            text-align: center;
            left: 0px;
            height: 100%;
            line-height: 50px;
            float: left;
            background: #152129;
            color: #fff;
            font-size: 18px;
            border-bottom: solid 1px #08151f;
        }

    .panel-body ul {
        padding: 0px;
        margin: 0px;
    }

        .panel-body ul li.heading {
            background: #061019;
            border-left: solid 5px #848a8f;
            padding: 15px 0 15px 20px;
            color: #fff;
        }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-title i.login {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/login-icon.png) no-repeat;
    background-size: 100% auto;
}

.panel-title i.joining-coach {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/subscrption-icon.png) no-repeat;
    background-size: 100% auto;
}

.panel-title i.drills {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/drills-icon.png) no-repeat;
    background-size: 100% auto;
}

.panel-title i.diary {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/diary.png) no-repeat;
    background-size: 100% auto;
}

.panel-title i.pro-session {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/pro_session_icon.png) no-repeat;
    background-size: 100% auto;
}

.panel-title i.editing-a-training {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/editing-a-training.png) no-repeat;
    background-size: 100% auto;
}

.panel-title i.contact-us {
    width: 30px !important;
    height: 30px;
    float: left;
    background: url(../images/footer-icon03.png) no-repeat;
    background-size: 100% auto;
}


.panel-title i.club {
    background: url(../images/club-shield.png) no-repeat;
    width: 30px !important;
    height: 35px;
    float: left;
    background-size: 100% auto;
}

.panel-title i.share {
    background: url("../images/share.png") no-repeat;
    width: 30px !important;
    height: 30px;
    float: left;
    background-size: 100% auto;
}

.panel-title i.fixture {
    background: url("../images/fixture.png") no-repeat;
    width: 30px !important;
    height: 30px;
    float: left;
    background-size: 100% auto;
}

.news-outer {
    width: 100%;
    float: left;
}

    .news-outer ul {
        padding: 0px;
        margin: 0px;
    }

        .news-outer ul li {
            padding: 0px 0 0 0;
            border-right: solid 1px #4075a5;
            margin: 0px;
            width: 33.33%;
            list-style: none;
            float: left;
            text-align: center;
        }

            .news-outer ul li a {
                color: #fff;
                text-decoration: none;
                background: #10528f;
                float: left;
                width: 100%;
                line-height: 80px;
                font-size: 14px;
            }

                .news-outer ul li a:hover, .news-outer ul li.active a {
                    background: #002f5a;
                }

.news-section {
    float: left;
    width: 100%;
    border-bottom: solid 2px #08151f;
    background: #fff;
}

.news-img {
    width: 40%;
    float: left;
    position: relative;
}

    .news-img span {
        position: absolute;
        left: 0px;
        top: 10px;
        background: #d60000;
        padding: 5px 10px;
        color: #fff;
    }

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

.news-text {
    width: 60%;
    padding-left: 15px;
    float: left;
}

    .news-text h3 {
        padding: 10px 0px;
        margin: 0px;
        font-size: 16px;
        font-weight: bold;
    }

li.margin-l20 {
    margin-left: 20px !important;
    width: 90% !important;
}

.stretch-index .panel-title > a {
    padding: 10px;
    line-height: 70px;
}

    .stretch-index .panel-title > a img {
        position: relative;
        width: 70px;
    }

.stretch-index .panel-title i {
    line-height: 70px;
}

.stretch-index .panel-title > a.border-right-red {
    border-left: solid 10px #d60000 !important;
    background: #060d11;
}

    .stretch-index .panel-title > a.border-right-red.collapsed {
        border-left: solid 10px #060d11 !important;
        background: #061119;
    }

.stretch-index .panel-body ul.subpannel li {
    padding: 10px 15px;
    background: #002f5a;
    border-bottom: solid 1px #33597b;
}

.view-details-page {
    padding: 0px 0 0 0px;
    margin: 10px 0 20px 0;
}

    .view-details-page li {
        list-style: none;
        padding: 0 0 0 20px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
    }

        .view-details-page li i {
            line-height: 40px;
            margin-left: -26px;
            margin-right: 10px;
            font-size: 12px;
        }

        .view-details-page li p {
            border-left: solid 2px #202f39;
            padding-left: 20px;
            margin: 0px;
        }

        .view-details-page li i.red {
            color: red !important;
        }

        .view-details-page li.heading {
            background: #06121a;
        }

            .view-details-page li.heading i {
                color: #0062bd;
            }

        .view-details-page li i {
            color: #ffffff;
        }

.stretch-details {
}

    .stretch-details h2 {
        font-size: 18px;
        color: #fff;
        padding-left: 20px;
        padding-bottom: 10px;
        border-top: solid 1px #394247;
        padding-top: 20px;
    }

    .stretch-details img.video {
        width: 100%;
    }

.stretch-index .panel-body ul.subpannel li img {
    width: 60px;
    margin-right: 10px;
}

.stretch-index .panel-body ul.subpannel li {
    color: #fff;
    padding-left: 40px;
}

.stretch-index .panel-title > a.border-right-red i::before {
    content: " \f107";
}

.stretch-index .panel-title > a.border-right-red.collapsed i::before {
    content: "\f105";
}

.pro_session .checkbox {
    margin: 0px;
}

    .pro_session .checkbox label {
        width: 22%;
        padding-left: 0px;
        float: left;
    }

    .pro_session .checkbox b {
        width: 78%;
        padding-left: 0px;
        color: #fff;
        font-size: 14px;
        display: inline-block;
        padding-top: 12px;
        font-weight: normal;
    }

    .pro_session .checkbox label i {
        font-size: 18px !important;
    }

    .pro_session .checkbox .cr {
        width: 25px !important;
        height: 25px !important;
        border: solid 1px #777879;
    }

    /*Checked box active class*/
    .pro_session .checkbox.active b {
        color: #838b91;
    }

/*active-player*/

.active-player .plus, .fixture-setup-head .plus {
    float: right;
    background: url(../images/plus.png) no-repeat;
    background-size: 100% 100%;
}

.active-player h2 {
    background: #02111d;
    border-bottom: solid 2px #308add;
}

.btn-outer02 {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

    .btn-outer02 button {
        width: 100% !important;
        float: left;
        background: #308add;
    }

        .btn-outer02 button:hover {
            background: #9bcfff;
        }

.btn-outer01 {
    width: 50%;
    float: left;
    padding-bottom: 20px;
}

    .btn-outer01 button {
        width: 50% !important;
        float: left;
        background: #308add;
    }

        .btn-outer01 button:hover {
            background: #9bcfff;
        }

.active-player .bg-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.active-player .alternat-row02 {
    padding: 15px;
    background: #03192d !important;
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

.active-player .alternat-row {
    padding: 15px;
    background: #032746 !important;
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

.active-player.login-details.accont-details .bg-body {
    padding-left: 0;
    padding-right: 0;
}

.active-player .panel-body {
    padding: 10px;
}

.active-player .panel:nth-child(even) {
    background: #012D55;
}

.active-player .panel:nth-child(odd) {
    background: #011D36;
}

.active-player .tblInActiveList > li:nth-child(even) {
    background: #012D55;
}

.active-player .tblInActiveList > li:nth-child(odd) {
    background: #011D36;
}

.active-player .panel-default > .panel-heading, .active-player .panel-body {
    background: none;
}

.active-player .panel-group .panel + .panel {
    margin-top: 0;
}

.active-player .updatestatus {
    background: #355068;
}

.active-player .panel-title > a.border-right-red i::before {
    content: " \f107";
}

.active-player .panel-title > a.border-right-red.collapsed i::before {
    content: "\f105";
}

.inActivePanel .checkbox {
    margin: 0;
}

    .inActivePanel .checkbox .cr {
        float: right;
    }

.login-details .inActivePanel ul li {
    padding-bottom: 0;
}

.inActivePanel .login-details .checkbox label span {
    color: #fff;
}

.inActivePanel .checkbox .cr {
    border: 1px solid #fff;
    height: 2em;
    width: 2em;
}

    .inActivePanel .checkbox .cr .cr-icon {
        font-size: 1.5em;
        color: #fff;
        left: 11%;
    }

.active-player .panel-group {
    margin-bottom: -5px;
}

.active-player .inActivePanel h2 {
    border-bottom: 2px solid #535A5F;
}

    .active-player .inActivePanel h2 i {
        color: #fff;
        float: right;
        font-size: 29px;
        line-height: 20px;
        margin-right: 10px;
    }
/*active-player*/

.fixture-setup h4 {
    text-align: center;
    font-size: 24px;
    background: #002f5a;
    padding: 0px 15px;
    line-height: 60px;
    position: relative;
}

    .fixture-setup h4 i {
        width: 25px;
        height: 25px;
        display: block;
        position: absolute;
        top: 17px;
    }

        .fixture-setup h4 i.left-arrow {
            left: 15px;
            background: url(../images/left-arrwow.png) no-repeat;
            background-size: 100% 100%;
        }

        .fixture-setup h4 i.right-arrow {
            right: 15px;
            background: url(../images/right-arrow.png) no-repeat;
            background-size: 100% 100%;
            width: 15px;
            height: 15px;
            top: 22px;
        }

.fixture-setup-head {
    padding: 10px 10px;
    color: #fff;
    font-size: 20px;
    border-left: solid 5px #308add;
    position: relative;
}

    .fixture-setup-head .plus {
        width: 20px;
        height: 20px;
        top: 15px;
        right: 15px;
        position: absolute;
    }

.fixture-row {
    width: 100%;
    float: left;
    padding: 10px 10px 0px 10px;
}

    .fixture-row.alter {
        background: #0b2034;
    }

    .fixture-row label {
        width: 50%;
        float: left;
        padding-top: 10px;
        color: #fff;
    }

    .fixture-row .width60 {
        width: 50%;
        float: right;
    }

.button-outer02 button {
    width: 100%;
    float: left;
    border: none;
    margin-bottom: 10px;
    padding: 10px 0;
    font-size: 18px;
    color: #fff;
    background: #e52c2c;
}

    .button-outer02 button:hover {
        background: #970707;
    }

    .button-outer02 button.cancel {
        background: #4e6274;
    }

        .button-outer02 button.cancel:hover {
            background: #84add0;
        }

.redo-outer i {
    position: absolute;
    left: -5px;
    top: 5px;
}

.redo-outer input {
    position: absolute !important;
    left: 0px;
    top: 0px;
    visibility: hidden;
}

.redo-outer {
    position: relative;
}

    .redo-outer label {
        padding: 0px 0 0 0;
    }

.border-bottom {
    border-bottom: solid 1px #384c5d;
    padding-bottom: 10px;
}

.drill-search.stretch-index .panel-title > a.border-right-red {
    line-height: 30px;
    background: #060f16;
    clear: both;
}

    .drill-search.stretch-index .panel-title > a.border-right-red i {
        line-height: 30px;
    }

.drill-search.stretch-index .subpannel li:hover {
    background: #0d3a62 !important;
    width: 100%;
    float: left;
    cursor: pointer;
}

.drill-search.stretch-index span {
    border: solid 1px red;
    height: 20px;
    width: 30px;
    display: block;
}

/*Div on load*/

.divonload {
}

.divonload-outer {
    background: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.divonload-inner { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#091217+0,061e32+100 */
    background: #091217; /* Old browsers */
    background: -moz-linear-gradient(top, #091217 0%, #061e32 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #091217 0%,#061e32 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #091217 0%,#061e32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091217', endColorstr='#061e32',GradientType=0 ); /* IE6-9 */
    max-width: 480px;
    margin: auto;
    width: 95%;
    box-shadow: 0 1px 8px #fff;
    color: #fff;
    font-size: 18px;
    position: relative;
     vertical-align:top;
}

.vertical-alignment-helper {
    /*display: table;*/
    height: 100%;
    width: 100%; /*float:left*/
}



.vertical-align-center {
  
   
}

.select-list li {
    text-align: center;
    list-style: none;
    padding: 10px;
}

.select-list .grey-text {
    color: #8a8d8f;
    text-align: center;
}

.divonload-inner h2 {
    font-size: 18px;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #20303c;
}

.popup-footer {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #20303c;
}

    .popup-footer a {
        display: inline-block;
        background: url(../images/ball-icon.png) left center no-repeat;
        padding: 20px;
        padding-left: 60px;
        color: #fff;
        text-transform: uppercase;
        padding-right: 0;
    }

.divonload-inner .close {
    color: #fff;
    text-shadow: none;
    font-weight: normal;
    color: #fff;
    opacity: 100;
    position: absolute;
    right: 12px;
    top: 9px;
}

.select-list ul {
    padding: 0;
}

.selectDate {
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
}

.grey-with-border a {
    background: rgba(255,255,255,0.4);
    box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
}

.green-with-border a {
    background: #3c880c;
    box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
}



/*Fixture Edit*/
.fixture-page .stretch-index .panel-title > a {
    padding: 0;
    line-height: normal;
}

.table-row {
    margin: 0 0px 0;
}

.table-col {
    float: left;
    padding: 0 5px;
}

.fixture-page .w20 {
    width: 23%;
}

.fixture-page .w50 {
    width: 44%;
}

.fixture-page .w32 {
    width: 32%;
}

.fixture-page .w76 {
    width: 76%;
}

.table-col input {
    height: 50px;
    font-size: 16px;
}

.fixture-page .table-col {
    padding: 0 3px;
}



.table-col .labelstyle {
    height: 50px;
    font-size: 16px;
    background: none;
    border: 1px solid #39454d;
    color: #fff;
    width: 100%;
    padding: 8px;
    font-weight: normal;
}

.noresult {
    float: left;
    font-size: 15px;
    height: 50px;
    line-height: 34px;
    margin-bottom: 15px;
    padding: 4px 2px;
    text-align: center;
    border: 1px solid #39454d;
    width: 100%;
}

.fixture-page .w50, .fixture-page .w20 {
    padding-top: 1px;
}

.btn-green {
    float: left;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 8px;
    width: 100%;
    height: 50px;
    line-height: 34px;
    background: #3c880c;
    text-align: center;
}

.table-col label {
    padding-bottom: 0;
    display: block;
    text-align: center;
}

.fixture-page .panel-title i {
    padding-top: 16px;
}

/*5 Apr*/
.fixture-page .btn-green {
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 8px 4px;
    width: 100%;
    height: 50px;
    line-height: 32px;
    background: #3c880c;
    text-align: center;
}

.fixture-page .btn-grey {
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 8px 4px;
    width: 100%;
    height: 50px;
    line-height: 34px;
    background: #898989;
    text-align: center;
}

.fixture-page .btn-red {
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 8px 4px;
    width: 100%;
    height: 50px;
    line-height: 34px;
    background: #e52c2c;
    text-align: center;
}

.fixture-page .table-col .labelstyle {
    font-size: 17px;
    display: block;
    float: left;
    padding: 4px 4px;
    text-align: center;
    line-height: 36px;
}

.fixture-page .opponentlabel {
    overflow: hidden;
    display: table;
    width: 100%;
    line-height: normal;
    float: left;
}

    .fixture-page .opponentlabel span {
        color: #fff;
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        text-transform: capitalize;
    }

.panel:nth-child(even) .panel-title a .w50 {
    /*background: #0a161f !important;*/
    background: #0a161f;
}

.panel:nth-child(odd) .panel-title a .w50 {
    background: #0f1e2a !important;
}

.table-col.text-center input {
    text-align: center;
}

.btn-grey {
    float: left;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 8px;
    width: 100%;
    height: 50px;
    line-height: 34px;
    background: #898989;
    text-align: center;
}

.btn-red {
    float: left;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 8px;
    width: 100%;
    height: 50px;
    line-height: 34px;
    background: #e52c2c;
    text-align: center;
}

.fixture-page.login-details .bg-body, .contact-details .bg-body {
    padding: 0;
}

.fixture-page .panel-body {
    padding: 10px;
}

.fixture-page label {
    text-align: left;
}

.fixture-page .panel-group .panel + .panel {
    margin-top: 0px;
}

.fixture-page .panel-body .bootstrap-select ul li span {
    background: none;
    border: none;
    color: inherit;
    position: static;
    width: auto;
    text-align: left;
    float: none;
    font-size: 14px;
    line-height: normal;
}

.fixture-page .bootstrap-select button.btn-default {
    padding-left: 5px;
    background-color: #021b31 !important;
    float: none;
    appearance: button;
    border: 1px solid #39454d;
    height: 50px;
    -moz-appearance: button; /* Firefox */
    -webkit-appearance: button; /* Safari and Chrome */
}

.login-details.accont-details .bg-body .time-input input {
    background: url(../images/clock_icon.png) no-repeat right 8px top 15px;
    background-size: 20px auto;
}

.login-details.accont-details .bg-body .date-input input {
    background: url(../images/calendar_icon.png) no-repeat right 8px top 15px;
    background-size: 20px auto;
}

.fixture-page .panel-group {
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.fixture-page .fixture-setup-head {
    background: #02111d;
}

.fixture-page .panel-body {
    background: #021b31;
}

.fixture-page .cleander-outer i {
    bottom: 28px;
}

/*subtitle logo */
.inner-logo a {
    max-width: 200px;
    display: inline-block;
    margin: auto;
    text-decoration: none;
}

    .inner-logo a span {
        color: #fff;
        display: block;
        letter-spacing: 13px;
        opacity: 0.32;
        padding-left: 42px;
        text-align: left;
        text-transform: uppercase;
        margin-top: -5px;
    }


/*Drill search*/

.drill-search-page.stretch-index .panel-title > a {
    line-height: 30px;
    padding: 10px 10px 10px 20px;
}

    .drill-search-page.stretch-index .panel-title > a.border-right-red i {
        line-height: 35px;
    }


.drillsearchinput input {
    width: 86%;
    display: inline-block;
    float: none;
    margin: 0;
    height: 40px;
    border: 1px solid #2b5275 !important;
}

.panel-title span.pro-session {
    background: rgba(0, 0, 0, 0) url("../images/pro_session_icon.png") no-repeat 0 0;
    background-size: 100% auto;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px !important;
}



.panel-title span.pro-session {
    background: rgba(0, 0, 0, 0) url("../images/pro_session_icon.png") no-repeat 0 0;
    background-size: 100% auto;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px !important;
}


.panel-title span.drill-recentlyviewed {
    background: rgba(0, 0, 0, 0) url("../images/view.png") no-repeat 0 0;
    background-size: 100% auto;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px !important;
}


.panel-title span.drill-nexttraining {
    background: rgba(0, 0, 0, 0) url("../images/next-training.png") no-repeat 0 0;
    background-size: 100% auto;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px !important;
}


.panel-title span.drill-categories {
    background: rgba(0, 0, 0, 0) url("../images/cat-list.png") no-repeat 0 0;
    background-size: 100% auto;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px !important;
}


.panel-title span.drill-sills {
    background: rgba(0, 0, 0, 0) url("../images/skill.png") no-repeat 0 0;
    background-size: 100% auto;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 30px !important;  
    background-position: center;
}



.stretch-index h2 {
    background: #002f5a none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin: 10px 0 0;
    padding: 20px 10px;
}

.drillsearchinput h2 {
    padding: 15px;
    padding-left: 25px;
    margin: 0;
}

.drill-search-page .panel-group {
    margin-bottom: 5px;
}

.drill-search-page .drillsearchinput .login-icon {
    margin-top: 5px;
}



.drill-search-page .mydrill-icon {
    background: url(../images/drill-folder.png) no-repeat;
    background-size: 100% 100%; /*background: url(../images/drills.png) no-repeat; background-size: 100% 100%;margin-top:5px;*/
}

.drill-search-page .search-icon {
    background: url(../images/search.png) no-repeat;
    background-size: 100% 100%;
}


.drill-search-page.stretch-index .panel-title > a.border-right-red {
    border-left: solid 5px #d60000 !important;
    background: #060d11;
}

    .drill-search-page.stretch-index .panel-title > a.border-right-red.collapsed {
        border-left: solid 5px #060d11 !important;
        background: #061119;
    }

.drill-search-page.stretch-index .panel-body ul.subpannel li {
    padding: 0;
    padding-left: 65px;
    border: none;
}

    .drill-search-page.stretch-index .panel-body ul.subpannel li a {
        border-bottom: 1px solid #0D3A62;
        padding: 15px 10px;
        display: block;
        padding-left: 0;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
    }

    .drill-search-page.stretch-index .panel-body ul.subpannel li:hover, .drill-search-page.stretch-index .panel-body ul.subpannel li:hover a {
        background: #0D3A62;
    }

.demo-tag {
    position: absolute;
    right: 0;
    z-index: 999;
}

    .demo-tag img {
        width: 100px;
    }


/*27-03*/

.video-outer {
    position: relative;
    display: block;
}

    .video-outer a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .video-outer a img {
            position: relative;
            top: 30%;
            width: 30%;
        }

.drilldetailpage .panel-body ul li span {
    width: 70px;
    position: absolute;
    top: 0;
    text-align: center;
    left: 0px;
    height: 100%;
    line-height: 50px;
    float: left;
    background: #152129;
    color: #fff;
    font-size: 18px;
    border-bottom: solid 1px #08151f;
}


.bordernone {
    border: none !important;
}
/*===================*/

/*.drill-disprsed-page.accordinSec .panel-heading h4 a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 45px;
  margin: 0;
  padding-top:0;
  padding-bottom:0;
  padding-left: 51px;
}*/

.drill-disprsed-page .skills_sec ul {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 0 0 40px;
    padding: 0;
}

    .drill-disprsed-page .skills_sec ul li {
        border-bottom: 1px solid #081520;
        color: #09131a;
        font-size: 12px;
        list-style: outside none none;
        min-height: 37px;
        padding: 8px 40px 8px 70px;
        position: relative;
        float: none;
    }

.drill-disprsed-page .equipmentSec ul {
    background: #ffffff none repeat scroll 0 0;
    margin-left: 40px;
    overflow: hidden;
    padding: 0;
}

    .drill-disprsed-page .equipmentSec ul li h2 span {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #10528e;
        float: none;
        font-size: 27px;
        line-height: normal;
        position: static;
        width: auto;
    }

    .drill-disprsed-page .equipmentSec ul li {
        width: 50%;
    }

.drill-disprsed-page .paginationBar ul li {
    width: 20%;
}

.datetime_tabs input {
    background: none;
    width: 100%;
    color: #fff !important;
    font-size: 14px;
    border: none;
    padding-top: 17px;
}

.datetime_tabs .input-btn > span {
    position: absolute;
}

.addplayerpopup input {
    width: 100%;
    margin-bottom: 10px;
}

.addplayerpopup .last-btn button {
    padding: 7px 30px;
}

.addplayerpopup .select-list li {
    padding: 10px 50px;
}

.fixture-page .w23 {
    width: 18.5%;
}

.fixture-page .w45 {
    width: 54%;
}

.fixture-page .w100 {
    width: 47%;
}


.fixture-page .cleander-outer i {
    height: 25px;
    width: 25px;
    right: 6px;
}

.fixture-page .table-col input {
    font-size: 15px;
    height: 50px;
}



.btngreen {
    background: #3c880c none repeat scroll 0 0 !important;
    float: left;
    font-size: 15px;
    height: 50px;
    line-height: 32px;
    margin-bottom: 15px;
    padding: 8px 4px;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #39454d;
    border-radius: 0;
    color: #fff;
}


.drill-disprsed-page .morehead {
    min-height: 50px;
    line-height: 50px;
}

.drill-disprsed-page.accordinSec .panel-heading {
    padding: 3px 0;
}

.drillheadname {
	width: 77%;
	float: left;
	padding-right: 63px;
}
.whitearrownew{ float:right; font-size:20px;}
/*10-10-17*/
.plus-drilltitle.plus-drilltitleview {
	float: left;
	padding-top: 0;
	width: 30px;
	background: #fff; 
    margin-top: -5px;
}

.white-arrow{margin-left: 9px; background: none !important; }

.rightarrows {
	float: right;
	position: absolute;
	right: 22px;
}
/**/





.whitebasetextarea {
    margin: 0 !important;
}

.section04 ul li button {
    color: #fff;
}

.removePad p {
    padding: 0;
}

/*07-Apr-17*/
.scorelabel {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 12px;
    text-transform: uppercase;
}

.scorelabelDraw {
    line-height: 30px;
}

.padT10 {
    padding-top: 10px !important;
}

.padB0 {
    padding-bottom: 0px !important;
}

.demo-tag-li img{
   
    width: 100%;
}

.demo-tag-li {
   position: absolute;
    right: 0;
    width: 58px;
    z-index: 999;
}

.bevalBorderTop  {
    border-top: #10528F 2px solid;
}

/*.buttonExt {

}*/


.hoverBackgroundNone a:hover   {
    background: none !important;
    color:white;
}

.hoverBackgroundNoneVideo {
    background: none !important;
text-decoration: none !important;
color: transparent !important;
border-right: none !important;
border-bottom: none !important;
}

.hoverBackgroundNoneVideo a:hover{
    background: none !important;
text-decoration: none !important;
color: transparent !important;
border-right: none !important;
}


.marginB0 {
    margin-bottom:1px !important;
}

.whiteground {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
}

table tr.dark_row {
    background: #f1f1f1;
    color: #809eb1;
}

.table-awards {
    width: 100%;
}

    .table-awards tr td, .table-awards tr th {
        padding: 10px 10%;
        text-align: left !important;
    }

.grey-bg {
    background: #809eb1;
}

.dark-blue-bg {
    background: #012d54;
}

.modal .modal-content1 li.heading {
    background: #061019;
    border-left: solid 3px #848a8f;
    padding: 15px 0 15px 20px !important;
    color: #fff;
}

.modal .modal-content1 li {
    padding: 0px 0px 0px 0px !important;
    margin: 0px;
}

.modal .modal-content1 .panel-title i.fa.fa-angle-down {
    position: absolute;
    right: 0;
}

.modal .modal-content1 .panel-title > a {
    position: relative;
}

.vs-table .section03 li {
    padding: 0px !important;
    min-height: inherit !important;
}

.section02 .vs.vs-table span {
    width: 100%;
    border-radius: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    padding: 2px;
    min-height: 32px;
}

.editLi {
    height: 42px;
}

.vs-table .section03 {
    background: none;
}

.section02 .vs.vs-table span {
    background: rgba(255, 255, 255, 0.7);
    color: #101b23;
    font-family: "Oswald", sans-serif;
}

.vs.vs-table .section03 ul li.second span {
    background: #101b23;
    color: #fff;
    font-family: "Oswald", sans-serif;
}

.section02 .vs.vs-table {
    padding-top: 0;
}
/*-----22-05-17-----*/
.club-wall-hd {
    background: #02111d;
    width: 100%;
    float: left;
    border-top: 1px solid #35414a;
}

    .club-wall-hd h3 {
        font-size: 22px !important;
        text-transform: uppercase;
        font-weight: 500;
    }

.club-midd-cnt-bx {
    width: 100%;
    float: left;
    background: #04223c;
    padding-bottom: 15px;
}

.club-cnt-box {
    padding: 15px 15px 30px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #364e63 !important;
}

.club-top-cnt-bx {
    width: 100%;
    float: left;
    padding: 0 0 25px 0;
}

.club-date-bx {
    width: 80px;
    height: 80px;
    float: left;
    text-align: center;
    color: #fff;
    margin-right: 20px;
}

    .club-date-bx span {
        font-size: 20px;
        text-transform: uppercase;
        display: block;
        line-height: 20px;
        padding: 17px 0 0;
    }

    .club-date-bx label {
        font-size: 27px;
        text-transform: uppercase;
        display: block;
        line-height: 27px;
        margin: 0;
        padding: 0;
        font-weight: normal;
    }

/*.club-top-hd-bx {
    float: left;
    padding-top: 4px;
}*/

.club-top-hd-bx {
    /*float: left;
    padding-top: 4px;*/
    /*display: table-cell;*/
    /*padding-top: 4px;*/
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

    .club-top-hd-bx h2 {
        font-size: 27px;
        line-height: 31px;
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        background: none;
        padding-bottom: 4px;
    }

    .club-top-hd-bx span {
        font-size: 20px;
        line-height: 28px;
        display: block;
        margin: 0;
        padding: 0;
        color: #809eb1;
    }

.club-mid-cnt-bx {
    width: 100%;
    float: left;
}

.traning-block {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%;
}

    .traning-block li {
        background-color: #ffffff;
        float: left;
        list-style: outside none none;
        margin-right: 3px;
        margin-bottom: 3px;
    }

    .traning-block img {
        padding: 10px;
    }

.dark-greey-btn {
    background: rgba(128,158,177,0.20);
    padding: 18px 22px;
    text-align: center;
    font-size: 24px;
    text-decoration: none !important;
    text-transform: uppercase;
    line-height: 20px;
    color: rgba(186,222,255,0.50);
    float: left;
    margin-right: 6px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    .dark-greey-btn:hover {
        text-decoration: none;
        color: #fff;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

.club-date-bx.white img {
    padding: 6px;
}

.dark-blue {
    background: #01488a;
}

.dark-prpl {
    background: #57027c;
}

.dark-green {
    background: #19720d;
}

.dark-blue {
    background: #01488a;
}

.white {
    background: #fff;
}
/*.padd-1{padding-left: 6%;}*/
.pad-2 {
    padding-top: 20px;
}

.left-part {
    float: left;
    margin-right: 20px;
    width: 80px;
}

.Defense-block h2 {
    padding: 10px 0 17px;
}

.club-wall .fixture-row.alter {
    background: #04223c none repeat scroll 0 0;
}

.right-part {
    /*width: 80%;*/
    width: 80%;
    float: left;
}

.report-bttn .dark-greey-btn {
    padding: 18px 30px;
}

.drill-bttn .dark-greey-btn {
    padding: 18px 30px;
}

.fixture-block {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .fixture-block li {
        float: left;
        list-style: outside none none;
        padding: 0 2px 2px 0;
    }

        .fixture-block li a {
            background: rgba(255, 255, 255, 0.10);
            color: #ffffff;
            display: block;
            font-size: 23px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            width: 50px;
        }

            .fixture-block li a:hover {
                text-decoration: none;
            }

            .fixture-block li a:focus {
                text-decoration: none !important;
            }

.club-top-hd-bx h4 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 26px;
    font-style: italic;
    line-height: 34px;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    text-align: left;
}

.message-block {
    padding: 0;
}

.message-bttn .dark-greey-btn {
    padding: 18px 32px;
}
/*.club-top-hd-bx h4:before{position:absolute; left:0; top:0; content:"";background:url(../images/code-top.png) no-repeat center center; width:36px; height:27px;}
.club-top-hd-bx h4:after{position:absolute; right:0; bottom:0; content:"";background:url(../images/code-bttm.png) no-repeat center center; width:36px; height:27px;}*/
.padd-4 {
    padding-left: 80px;
}

.club-last-box {
    /*border-top: 1px solid #35414a;*/
    float: none;
    display: inline-block;
    width: 100%;
    margin-left: 0px;
     margin-top: 10px;
    /*margin-top: 30px;*/
    /*padding-top: 20px;*/
}

.club-cnt-box:last-child {
    border-bottom: medium none;
}
/*----31-05-17--*/
.sharing-index {
    width: 100%;
    float: left;
}

.share-outer {
    width: 100%;
    float: left;
}

.sharing-index .share-hd {
    border-top: 1px solid #35414a;
    position: relative;
}

    .sharing-index .share-hd h3 {
        padding: 20px 15px 20px 80px !important;
        font-size: 27px !important;
        position: relative;
        text-transform: uppercase;
    }

    .sharing-index .share-hd i {
        position: absolute;
        left: 25px;
        top: 15px;
        z-index: 99;
    }

.share-hd img {
    width: 40px;
}

.share-content-outer {
    width: 100%;
    float: left;
    padding: 20px 40px 0;
    background: #04223c;
}

.shareing-content-bx {
    width: 100%;
    float: left;
    padding: 0 0 0px;
}

.sharing-index .shareing-content-bx label {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.sharing-index .shareing-content-bx .btn-default, .sharing-index .shareing-content-bx .inpt-text-bx {
    border: 1px solid #364e63;
    height: 60px;
    padding: 0 35px 0 20px;
    position: relative;
}

    .sharing-index .shareing-content-bx .btn-default:before {
        content: "\f107";
        position: absolute;
        right: 14px;
        top: 50%;
        color: #ffffff;
        font-size: 30px;
        font-family: "FontAwesome";
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

.sharing-index .shareing-content-bx .dropdown-menu {
    border-radius: 0;
    top: 58px;
}

.sharing-index .shareing-content-bx .filter-option {
    font-size: 22px;
}

.sharing-index .caret {
    display: none;
}

.sharing-index .chk input[type="checkbox"] {
    display: none;
}

    .sharing-index .chk input[type="checkbox"] + label {
        background: url("../images/chk.png")no-repeat left top;
        color: #a4a8ad;
        font-weight: 400;
        line-height: 53px;
        margin: 0;
        min-height: 53px;
        min-width: 30px;
        padding: 0 0 0 80px;
        background-size: 53px auto;
    }

    .sharing-index .chk input[type="checkbox"]:checked + label {
        background-image: url(../images/chk-a.png);
        color: #ffffff;
    }

.sharing-index .chk label {
    font-size: 22px;
    font-weight: 600 !important;
    width: 50%;
}

.sharing-index .share-select-block {
    float: left;
    padding: 0 0 15px;
    width: 100%;
}

.sharing-index .chk {
    float: left;
    padding-left: 40px;
    width: 100%;
}

.share-btn {
    border: 0 none;
    box-shadow: inherit;
    float: left;
    font-size: 20px;
    font-weight: 400;
    height: 53px;
    line-height: 53px;
    text-align: center;
    width: 50%;
}

.light-blue {
    background: #809eb1;
    color: #ffffff;
}

.dark-blue {
    background: #426077;
    color: #b1bbc3;
}

.sharing-index .shareing-content-bx .inpt-text-bx {
    font-size: 22px;
    font-weight: 400;
}

.sharing-index .shareing-content-bx .img-box {
    width: 355px;
    height: 266px;
    border: 1px solid #364e63;
    float: left;
    margin-bottom: 15px;
}

.sharing-index .shareing-content-bx .form-control {
    height: 60px;
}

.sharing-index .shareing-content-bx .message-box {
    border: 1px solid #364e63;
    height: 200px;
    padding: 20px;
    width: 100%;
    background: inherit;
    font-size: 20px;
    font-weight: 400;
}

::-webkit-input-placeholder {
    color: #949aa1;
    opacity: 1;
}

::-moz-placeholder {
    color: #949aa1;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #949aa1;
    opacity: 1;
}

:-moz-placeholder {
    color: #949aa1;
    opacity: 1;
}

.sharing-index .shareing-content-bx .btn-bs-file {
    position: relative;
    width: 100%;
    float: left;
    background: #809eb1;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    height: 70px;
    line-height: 70px;
}

    .sharing-index .shareing-content-bx .btn-bs-file input[type="file"] {
        position: absolute;
        top: -9999999;
        opacity: 0;
        width: 0;
        height: 0;
        outline: none;
        cursor: pointer;
        background: none;
    }

.sharing-index .shareing-content-bx .btn-attachment-file {
    position: relative;
    width: 100%;
    float: left;
    background: #426077;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    height: 70px;
    line-height: 70px;
    color: #b1bbc3;
}

    .sharing-index .shareing-content-bx .btn-attachment-file input[type="file"] {
        position: absolute;
        top: -9999999;
        opacity: 0;
        width: 0;
        height: 0;
        outline: none;
        cursor: pointer;
        background: none;
    }

.attachment-box {
    width: 50%;
    float: left;
    padding-right: 15px;
}

    .attachment-box span {
        color: #ffffff;
        display: block;
        float: left;
        font-size: 18px;
        font-weight: 400;
        padding-left: 28px;
        text-align: left;
    }

    .attachment-box:last-child {
        padding-right: 0;
    }

.rdo input[type="radio"] {
    display: none;
}

    .rdo input[type="radio"] + label {
        font-weight: 400;
        line-height: 45px;
        margin: 0;
        min-height: 45px;
        min-width: 20px;
        padding: 0 0 0 60px;
        background: url(../images/rdo.png) no-repeat left top;
        color: #a4a8ad;
    }

    .rdo input[type="radio"]:checked + label {
        background-image: url(../images/rdo-a.png);
        color: #fff;
    }

.recipients-block {
    border-top: 1px solid #364e63;
    float: left;
    padding: 15px 0;
    width: 100%;
}

    .recipients-block > ul {
        float: left;
        margin: 0;
        width: 100%;
        /*padding-left: 30px;*/
        padding-left: 0px;
    }

    .recipients-block ul li {
        width: 100%;
        float: left;
        list-style: none;
        padding-bottom: 10px;
    }

        .recipients-block ul li .rdo label {
            font-size: 20px;
            text-transform: capitalize;
        }

.recipients-outer {
    width: 100%;
    float: left;
    background: #04223c;
    padding: 10px 20px 0;
    /*padding: 10px 40px 0;*/
}

.shareing-list-block {
    border-top: 1px solid #364e63;
    float: left;
    /*margin-left: 20px;*/
    margin-left: 0px;
    margin-top: 15px;
    padding: 15px 0;
    width: 96.666%;
}

.sharing-index .shareing-list-block ul li .chk {
    padding-left: 0;
    margin: 0;
}

    .sharing-index .shareing-list-block ul li .chk label {
        font-size: 20px;
        font-weight: 600 !important;
        width: 100%;
        text-transform: capitalize;
    }

.shareing-list-block ul {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0;
}

    .shareing-list-block ul li {
        padding: 10px 12px;
    }

        .shareing-list-block ul li:nth-child(even) {
            background: #031b30;
        }

.save-bttn-box {
    width: 100%;
    float: left;
}

.save-bttn {
    border: medium none;
    float: left;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 28px 0;
    width: 100%;
    line-height: 18px;
}

.green-bg-btn {
    background: #3c880c;
    color: #ffffff;
}

.light-bg-btn {
    background: #809eb1;
    color: #ffffff;
}

.save-outer {
    padding-bottom: 40px;
}

.history-hd {
    width: 100%;
    float: left;
}

.sharing-index .share-outer .history-hd h3 {
    font-size: 22px;
    font-weight: 500;
    padding: 25px 40px;
}

.item-box {
    width: 100%;
    float: left;
    padding: 20px 0 20px 40px;
    background: #04223c;
}

    .item-box h5 {
        color: #ffffff;
        font-size: 22px;
        margin: 0;
        margin-bottom: 20px;
    }

.history-list-block {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .history-list-block li {
        border-top: 1px solid #364e63;
        float: left;
        list-style: outside none none;
        padding: 15px 34px 15px 0;
        width: 100%;
    }

.history-name-bx {
    float: left;
    width: 76%;
}

.history-icon-block {
    float: right;
    opacity: 0.4;
    padding-top: 8px;
}

    .history-icon-block > a {
        float: left;
        padding-right: 39px;
    }

    .history-icon-block a:last-child {
        padding-right: 0;
    }

.history-name-bx span {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.history-name-bx > label {
    color: #809eb1;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
/*---06-06-17---*/
.mobi-score-sec .modal-header {
    padding: 15px 20px;
    border: medium none;
    background: #002f5a;
}

.mobi-score-sec .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 9;
}

.top-hd-popup {
    padding: 0 0 10px;
    width: 100%;
    float: left;
}

.mobi-score-sec .top-hd-popup ul li {
    border: medium none;
    float: left;
    height: 100%;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

    .mobi-score-sec .top-hd-popup ul li h4 {
        display: inline-block;
        font-size: 24px;
        line-height: 30px;
        margin: 0;
        padding: 0 44px 0 0;
        position: relative;
    }

        .mobi-score-sec .top-hd-popup ul li h4 span {
            font-size: 27px;
            padding: 0 10px;
            position: absolute;
            right: 0;
            top: 0;
        }

    .mobi-score-sec .top-hd-popup ul li:last-child h4 {
        padding-right: 60px;
    }

.mobi-gray-color {
    background: #898989;
}

.mobi-green-color {
    background: #19720d;
}

.mobi-score-sec .bttm-hd {
    width: 100%;
    float: left;
    border-top: 1px solid #1a446b;
    padding: 10px 0 0 0;
}

    .mobi-score-sec .bttm-hd p {
        margin: 0;
        padding: 0;
        font-size: 16px;
        display: block;
        text-align: center;
        color: #b8bec8;
        font-weight: 600;
    }

.mobi-score-sec .modal-body {
    padding: 20px 0;
    background: url(../images/score-bg-img.png) no-repeat top left;
    width: 100%;
    background-size: cover;
    float: left;
}

    .mobi-score-sec .modal-body .score-board {
        width: 100%;
        margin: 0 auto;
        max-width: 290px;
        display: block;
    }

        .mobi-score-sec .modal-body .score-board li {
            width: 100%;
            float: left;
            padding: 0;
            border-bottom: none;
            text-align: center;
        }

            .mobi-score-sec .modal-body .score-board li .score-left-part {
                width: 38.3333%;
                background: rgba(255,255,255,0.8);
                float: left;
            }

                .mobi-score-sec .modal-body .score-board li .score-left-part span {
                    font-size: 24px;
                    color: #071926;
                    font-weight: 700;
                }

            .mobi-score-sec .modal-body .score-board li .score-center-part {
                width: 23%;
                background: #071926;
                float: left;
                height: 49px;
            }

                .mobi-score-sec .modal-body .score-board li .score-center-part span {
                    font-size: 22px;
                    color: #ffffff;
                }

.mobi-score-sec .modal-footer .score-btm-sec li {
    border-bottom: 1px solid #ebebeb;
    float: left;
    margin: 5px 0;
    padding: 0 0 15px;
    position: relative;
    width: 100%;
}

    .mobi-score-sec .modal-footer .score-btm-sec li span {
        color: #091319;
        font-size: 20px;
        max-width: 91px;
        padding: 0;
        position: absolute;
        text-align: left;
        font-weight: 600;
        top: -6px;
        width: 100%;
    }

    .mobi-score-sec .modal-footer .score-btm-sec li p {
        color: #081319;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        padding-left: 95px;
        position: relative;
        margin: 0;
    }

.mobi-score-sec .modal-footer {
    background: #fff none repeat scroll 0 0;
    border-top: medium none;
    display: block;
    padding: 15px;
    text-align: left;
    width: 100%;
}

    .mobi-score-sec .modal-footer .score-btm-sec {
        float: left;
        padding: 30px 0 0;
        width: 100%;
    }

        .mobi-score-sec .modal-footer .score-btm-sec li:last-child {
            border-bottom: medium none;
            margin: 5px 0 0;
            padding-bottom: 0;
        }

            .mobi-score-sec .modal-footer .score-btm-sec li:last-child span {
                display: block;
                max-width: 100%;
                position: static;
                text-align: left;
                width: 100%;
            }

            .mobi-score-sec .modal-footer .score-btm-sec li:last-child p {
                padding-left: 0;
            }

/* 7-07-17 */

.ng-scope:last-child .tabtype .club-cnt-box {
    border-bottom: medium none !important;
}
/*.ng-scope:last-child .club-cnt-box {
    border-bottom: medium none !important;
}*/

.advert-box-box {
    /*border-bottom: 1px solid #364e63 !important;*/
    padding: 5% !important;
}

/*---map-block--*/
.mobi-map-sec {
    width: 100%;
    float: left;
    position: relative;
}

    .mobi-map-sec .modal-header {
        padding: 15px 10px;
        border: medium none;
        background: #002f5a;
    }

    .mobi-map-sec .close {
        color: #fff;
        opacity: 1;
        position: absolute;
        right: 15px;
        top: 10px;
        z-index: 9;
    }

    .mobi-map-sec .modal-header > h4 {
        background: inherit;
        line-height: 24px;
        margin: 0 0 10px;
        padding: 0;
        text-align: left;
        font-weight: 600;
    }


    .mobi-map-sec .map-hd-right {
        color: #fff;
        float: left;
        line-height: 20px;
        margin-left: 8px;
        padding-left: 29px;
        position: relative;
        width: 100%;
    }

        .mobi-map-sec .map-hd-right::after {
            background: url(../images/mobi-map-icon.png) no-repeat scroll left top;
            content: "";
            height: 32px;
            left: 0;
            position: absolute;
            top: 0px;
            width: 26px;
        }

        .mobi-map-sec .map-hd-right span {
            font-size: 16px;
            font-weight: 600;
        }

.mobi-map-img {
    width: 100%;
    float: left;
}

.mobi-map-sec .modal-body {
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%;
}

.mobi-map-img > img {
    width: 100%;
}

.manipulatesize {
    width: 20px !important;
    height: 20px !important;
}

.right-part-inner {
    /*border-top: 1px solid #35414a;*/
    padding-top: 20px;
    float: right;
    width: 100%;
}

.left-part-inner .club-date-bx img {
    margin-top: 26px;
}

.club-last-box-new .left-part-inner {
    left: 0px;
    position: absolute;
}

.club-last-box.club-last-box-new, .main-box {
    padding-left: 102px;
    position: relative;
}

    .main-box .left-part {
        left: 0px;
        position: absolute;
    }

    .main-box .right-part {
        width: 100%;
    }

.drillTile {
    height: 90px;
}


.drill-search-page .moreSec .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .drill-search-page .moreSec .row > div {
        padding-left: 0 !important;
        padding-right: 7px !important;
    }

.drill-search-page > .rightclass {
    padding-left: 7px !important;
}

.drill-search-page {
    padding-bottom : 0px;
}

.redusizetohalf {
    padding-bottom: 6px;
}

.resultRound {
   display: inline-block;
    float: none;
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 0 2px;
    text-align: center;
    vertical-align: middle;
}


.resultTime {
 display: inline-block;
    float: none;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    padding-left: 12px;
}

.resultDateString {
 display: inline-block;
    float: none;
    line-height: 18px;
    padding: 0 10px 0 0;
    text-align: right;
    vertical-align: middle;
}

.nodrillrecord {
    color: #fff;
    font-size: 15px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    vertical-align: middle;
    width: 100%;
}

.skillgauge {
    background: url(../images/Netball/easy-icon.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    background-size: 22px auto;
  
}
.moreSec .video_co span.skillgauge {
      font-size:14px;
}

.minplayer {
    background: url(../images/icon-group-grey.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
}

.grouplogo {
     background: url(../images/icon-group-grey-s.png) no-repeat left center;
    padding-left: 35px;
    background-size: 32px;
}

.drill-categories-netball {
  background: url("../images/drills.png") no-repeat scroll 0 0 / 100% !important;
}
.drill-technique-netball {
      background: url("../images/NetballTechnique.png") no-repeat scroll -6px 0 !important;
     
      background-size:40px !important;
}
.loginnetball {
    background: url(../images/Netball/loginimg.png) no-repeat scroll 0 0 / 100%;
}

.loginnetball-skills {
    background: url(../images/Netball/skills.png) no-repeat scroll 0 0 / 100% !important;
}

.drill-nexttraining-skills {
       background: url(../images/Netball/next-trainin.png) no-repeat scroll 0 0 / 100% !important;
}

.fixture-strip-h4 {
    margin-bottom: 0px;
    line-height: 56px !important;
}
.top-video {float: left; text-align:center; width:100%; padding:10px 0;}

.top-video-watch-bt, .top-video-arrrow, .top-video-icon{ display:inline-block; vertical-align:middle; padding:0 1px;}

.top-video-arrrow{vertical-align: top; margin-top: 0px;}
.top-video-watch-bt{width: 35%;}
.top-video-arrrow{width: 31%;}
.top-video-icon {
	width: 22%;
}
.top-video img { width:auto; max-width: 100%;}



/*02-23-2018*/
.section04 ul li.visibilitydiv-block span {width: auto;}
.section04 ul li.visibilitydiv-block span label { margin: 0 15px 0 0;  padding: 0;}
.section04 ul li.visibilitydiv-block span label:last-child { margin: 0;}
.section04 ul li.visibilitydiv-block span label input {display: inline-block;  margin: 0 5px; position: inherit;  width: auto;}
.section04 ul li.visibilitydiv-block span label span {display: inline-block;}


.mobi-score-sec.fixture-result-modal .modal-footer .score-btm-sec li:last-child span {
    position:absolute;
}

.mobi-score-sec.fixture-result-modal .modal-footer .score-btm-sec li:last-child p {
    padding-left: 76px;
}

@media (min-width: 768px) {
.video-block {float: left; width: 100%;  background: #161d29; text-align:center}
.video-block {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%;  min-height: 360px;  width: 100%; background-image: url("../Content/../images/bg-image.png");}
}

@media (max-width: 767px) {
/*.video-block {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%;  min-height: 360px;  width: 100%; background-image: url("../Content/../images/NC-Home-Guest-With-Main-Promo.png");}*/
.video-block {float: left; width: 100%;  background: #161d29;}
.video-block img {width: 100%;}
    header img {
        width: 80%;
    }

    .bg-page { /*background:url(../images/bg-page.jpg) no-repeat center bottom;*/
        background-size: 100% auto;
    }

    nav ul li a {
        font-size: 15px;
    }

    .logo img {
        width: auto !important;
        max-width: 200px;
    }

    .logo {
        padding: 10px 0;
    }

    .stretch-details h2 {
        margin-top: 0px;
    }



    .bg-page {
        background: rgba(0, 0, 0, 0) url("../images/bg-page.jpg") no-repeat center bottom;
        background-size: 100% auto;
        background-attachment: inherit;
        min-height: 10px;
    }

    /*.bg-pagenet {
        background: url(../images/Netball/bg-page.jpg) no-repeat center top;
        padding-bottom: 100px;
        min-height: 673px;
        background-size: auto 100%;
    }*/

    /*.bg-pagenet {
	background: url(../images/Netball/bg-page.jpg) no-repeat center bottom;
	padding-bottom: 101px;
	min-height: 673px;
	background-size: 100% auto;
}
*/
    .bg-pagenet {
    background: url(../images/Netball/bg-page.jpg) no-repeat right 54px;
        background-size: auto auto;
    padding-bottom: 0;
    min-height: 10px;
    background-size: cover;
    float: left;
    width: 100%;
}
    .bg-pagenet.after-login {
    background-position: right top;
}
    .after-login {
    min-height: inherit;
}

    .bg-pagevolley {
        background: url(../images/Netball/bg-page.jpg) no-repeat center bottom !important;
    }

    .drillwidth .w50 {
        width: 100%;
    }

        .drillwidth .w50 label {
            width: auto;
            white-space: normal;
            float: left;
        }

    .drillwidth .btn span {
        display: inline-block;
        /*width: 90%;*/ /* for remove wrapping lines on session-builder page */
        float: left;
    }

    .SkillsInActionOptions .w50 .checkbox b {
        overflow-wrap: break-word;
    }

    .FocusAreaOptions .w50 .checkbox b {
        overflow-wrap: break-word;
    }
    /*---22-05-17---

.traning-block img {
  width: 140px;
}
.club-top-hd-bx h4 {
  font-size: 20px;
  line-height: 30px;
}
.traning-block img {
  padding: 6px;
  width: 70px;
}

.club-date-bx {
  height: 60px;
  width: 60px;
}
.traning-block img {
  padding: 6px;
  width: 70px;
}
.club-date-bx span {
  font-size: 16px;
  padding: 11px 0 0;
}
.club-date-bx label {
  font-size: 22px;
  line-height: 22px;
}
.club-top-hd-bx h2 {
  font-size: 20px;
  line-height: 26px;
}
.club-top-hd-bx span {
  font-size: 16px;
}
.dark-greey-btn {
  font-size: 16px;
  margin-right: 2px;
  padding: 18px 10px;
}

.club-date-bx > img {
  width: 60px;
}
.club-top-hd-bx h4::before, .club-top-hd-bx h4::after{background-size:15px;}
.club-top-hd-bx h4::before{left:-12px;}
.club-top-hd-bx h4::after{right:-21px;}
.left-part {
  margin-right: 6px;
  width: 65px;
}
.club-top-hd-bx h4 {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 0 10px 0 39px;
}
.right-part {
  float: left;
}
.fixture-block li a {
  font-size: 18px;
}*/
    .right-part {
        width: 78%;
    }
}

@media (max-width: 696px) {
    .right-part {
        width: 76%;
    }

    .club-last-box.club-last-box-new, .main-box {
        padding-left: 102px;
        position: relative;
    }
}

@media (max-width: 639px) {
    /*---22-05-17---*/
    .Defense-block .main-box h2 {
        margin-bottom: 0;
        padding: 0;
    }

    .drillTile {
        height: 70px;
    }

    .traning-block img {
        width: 140px;
    }

    .club-top-hd-bx h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .traning-block img {
        padding: 6px;
        width: 70px;
    }

    .club-date-bx {
        height: 60px;
        width: 60px;
    }

    .traning-block img {
        padding: 6px;
        width: 70px;
    }

    .club-date-bx span {
        font-size: 16px;
        padding: 9px 0 0;
    }

    .club-date-bx label {
        font-size: 22px;
        line-height: 24px;
    }

    .club-top-hd-bx h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .club-top-hd-bx span {
        font-size: 16px;
    }

    .dark-greey-btn {
        font-size: 16px;
        margin-right: 2px;
        padding: 18px 10px;
    }

    .club-date-bx > img {
        width: 60px;
    }

    .club-top-hd-bx h4::before, .club-top-hd-bx h4::after {
        background-size: 15px;
    }

    .club-top-hd-bx h4::before {
        left: -12px;
    }

    .club-top-hd-bx h4::after {
        right: -21px;
    }

    .left-part {
        margin-right: 0px;
        width: 65px;
    }

    /*.left-part-inner {
        margin-right: 6px;
        width: 46px !important;
    }*/

    .club-top-hd-bx h4 {
        /*font-size: 14px;*/
        line-height: 20px;
        margin: 0 0 10px;
    }

    .right-part {
        float: left;
        width: 70%;
    }

    .fixture-block li a {
        font-size: 18px;
    }

    .share-btn {
        font-size: 18px;
    }

    .sharing-index .share-hd h3 {
        font-size: 20px !important;
    }

        .sharing-index .share-hd h3::before {
            font-size: 27px;
        }

    .sharing-index .shareing-content-bx label {
        font-size: 18px;
    }

    .sharing-index .shareing-content-bx .filter-option {
        font-size: 18px;
    }

    .sharing-index .chk {
        padding-left: 20px;
    }

        .sharing-index .chk input[type="checkbox"] + label {
            background-size: 60px auto;
            line-height: 58px;
            padding: 0 0 0 69px;
        }

    .share-content-outer {
        padding: 10px 20px 0;
    }

    .sharing-index .shareing-content-bx .btn-default, .sharing-index .shareing-content-bx .inpt-text-bx {
        height: 50px;
    }

    .sharing-index .shareing-content-bx .form-control {
        height: 50px;
    }
}

@media (max-width:479px) {
    .drillTile {
        height: 53px;
    }

    .club-mid-cnt-bx {
        margin-top: 10px;
    }

    .sharing-index .chk label {
        font-size: 16px;
    }

    .sharing-index .chk input[type="checkbox"] + label {
        background-size: 40px auto;
        line-height: 42px;
        padding: 0 0 0 55px;
        min-height: 40px;
    }

    .share-btn {
        font-size: 16px;
    }

    .share-btn {
        height: 50px;
        line-height: 20px;
    }

    .sharing-index .shareing-content-bx .img-box {
        height: 200px;
        width: 250px;
    }

    .sharing-index .shareing-content-bx .btn-bs-file {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }

    .sharing-index .shareing-content-bx .btn-attachment-file {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }

    .recipients-block ul li .rdo label {
        font-size: 18px;
    }

    .rdo input[type="radio"] + label {
        line-height: 37px;
        min-height: 37px;
        padding: 0 0 0 48px;
        background-size: 37px auto;
    }

    .sharing-index .shareing-list-block ul li .chk label {
        font-size: 18px;
    }

    .save-bttn {
        font-size: 18px;
        padding: 20px 0;
    }

    .item-box {
        padding: 20px 0 20px 35px;
    }

    .history-name-bx span {
        font-size: 15px;
    }

    .history-name-bx > label {
        font-size: 15px;
    }

    .history-icon-block {
        width: 23%;
    }

    .history-list-block li {
        padding: 15px 18px 15px 0;
    }

    .history-icon-block img {
        width: 20px;
    }

    .history-icon-block > a {
        padding-right: 26px;
    }

    .mobi-score-sec .top-hd-popup ul li h4 {
        font-size: 15px;
        padding: 0 54px 0 0;
    }

    .mobi-score-sec .top-hd-popup ul li:last-child h4 {
        padding-right: 44px;
    }

    .mobi-score-sec .top-hd-popup ul li h4 span {
        font-size: 16px;
    }

    .mobi-score-sec .bttm-hd p {
        font-size: 14px;
    }

    .mobi-score-sec .modal-body {
        padding: 20px 10px;
    }

        .mobi-score-sec .modal-body .score-board li .score-left-part span {
            font-size: 18px;
        }

        .mobi-score-sec .modal-body .score-board li .score-center-part {
            height: 47px;
        }

    .mobi-score-sec .modal-footer .score-btm-sec li span {
        font-size: 16px;
        max-width: 75px;
        top: -13px;
    }

    .mobi-score-sec .modal-footer .score-btm-sec li p {
        font-size: 14px;
        line-height: 22px;
        padding-left: 76px;
    }

    .right-part {
        width: 65%;
    }

    .club-last-box.club-last-box-new, .main-box {
        padding-left: 72px;
        position: relative;
    }

    .club-last-box-new .left-part-inner {
        left: 0;
        position: absolute;
    }

    .mobi-score-sec.fixture-result-modal .modal-footer .score-btm-sec li:last-child span {
    position:absolute;
}

.mobi-score-sec.fixture-result-modal .modal-footer .score-btm-sec li:last-child p {
    padding-left: 76px;
}

}

@media (max-width:360px) {
    .section02 span {
        font-size: 33px;
    }

    .right-part {
        width: 72%;
    }

    .widthfortraining {
        width: 70%;
    }

    .section02 .vs.vs-table span {
        font-size: 22px;
        padding: 6px 2px;
    }

    .traning-block img {
        width: 64px;
    }

    .club-top-hd-bx span {
        font-size: 14px;
        line-height: 20px;
    }

    .dark-greey-btn {
        font-size: 14px;
        padding: 10px;
    }

    .club-top-hd-bx h4 {
        font-size: 16px;
        line-height: 18px;
    }

    .club-top-hd-bx h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .club-date-bx > img {
        width: 50px;
    }

    .club-date-bx {
        height: 50px;
        width: 50px;
    }

        .club-date-bx span {
            padding: 6px 0 0;
        }

        .club-date-bx label {
            font-size: 18px;
            line-height: 18px;
        }

    .club-wall-hd h3 {
        font-size: 16px !important;
    }

    .fixture-block li a {
        font-size: 15px;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }

    .pad-2 {
        padding-top: 13px;
    }

    .message-bttn .dark-greey-btn {
        padding: 12px 32px;
    }

    .report-bttn .dark-greey-btn {
        padding: 12px 30px;
    }

    .drill-bttn .dark-greey-btn {
        padding: 12px 30px;
    }

    .attachment-box span {
        font-size: 15px;
    }

    .sharing-index .chk {
        padding-left: 10px;
    }

    .share-btn {
        float: right;
        height: 40px;
        font-size: 14px;
    }

    .sharing-index .chk input[type="checkbox"] + label {
        background-size: 30px auto;
        line-height: 30px;
        min-height: 0;
        padding: 0 0 0 40px;
    }

    .sharing-index .chk input[type="checkbox"] + label {
        background-size: 40px auto;
        line-height: 40px;
        min-height: 40px;
        padding: 0 0 0 50px;
    }

    .sharing-index .chk label {
        font-size: 14px;
    }

    .sharing-index .shareing-content-bx .btn-attachment-file {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .sharing-index .shareing-list-block ul li .chk label {
        font-size: 15px;
    }

    .rdo input[type="radio"] + label {
        background-size: 30px auto;
        line-height: 33px;
        min-height: 30px;
        padding: 0 0 0 39px;
    }

    .recipients-block ul li .rdo label {
        font-size: 15px;
    }

    .sharing-index .shareing-content-bx .message-box {
        font-size: 15px;
        height: 150px;
    }

    .sharing-index .shareing-content-bx .inpt-text-bx {
        font-size: 15px;
    }

    .sharing-index .shareing-content-bx label {
        font-size: 15px;
    }

    .sharing-index .shareing-content-bx .filter-option {
        font-size: 15px;
    }

    .sharing-index .shareing-content-bx .dropdown-menu {
        top: 48px;
    }

    .shareing-list-block {
        width: 93%;
    }

    .recipients-outer {
        padding-left: 20px;
    }

    .sharing-index .shareing-content-bx .btn-bs-file {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .sharing-index .share-hd h3 {
        padding: 20px 15px 20px 52px !important;
    }

    .share-hd img {
        width: 30px;
    }

    .sharing-index .share-hd i {
        left: 14px;
        top: 16px;
    }

    .recipients-block > ul {
        padding-left: 0px;
    }

    .attachment-box span {
        padding-left: 13px;
        font-size: 14px;
    }

    .shareing-list-block {
        /*margin-left: 9px;*/
        margin-left: 0px;
    }

    .mobi-map-sec .modal-header > h4 {
        font-size: 20px;
    }
}

@media (max-width:320px) {
    .news-img {
        width: 30%;
    }

    .news-text {
        width: 70%;
    }

    .widthfortraining {
        width: 70%;
    }

    .news-text h3 {
        font-size: 12px;
        padding: 5px 0px;
    }

    .news-text p {
        font-size: 10px;
    }

    .moreSec .video_co span {
        font-size: 18px;
    }
}

.modal .modal-content ul li a td {
    color: #fff;
    line-height: 41px;
    font-size: 14px;
}