body {
    font-family: 'latoregular' !important;
}

.body_bg {
    background: #F5F5F5;
}

@media (min-width:1200px) {
    .containersmall {
        width: 1000px;
    }
}

.topbar {
    width: 100%;
    height: 16px;
    background: #6eaa1d;
}

.contaner_boder_left {
    border-left: 0px solid #fdfdfd;
}

.sessiontimeoutlogo{
    color:red;
    font-size:24px;
    margin-right:10px;
}

.contaner_boder_Right {
    border-right: 0px solid #fdfdfd;
}

.Center_align {
    text-align: center !important;
}

.logo {
    padding-left: 30px;
}

.topmenu {
    width: 100%;
}

    .topmenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 6px 0 0 0;
        text-align: right;
    }

        .topmenu ul li {
            display: inline-block;
            line-height: 30px;
            margin: 0 6px;
            padding: 0;
        }

            .topmenu ul li a {
                color: #6eaa1d;
                font-size: 12px;
                font-family: latolight;
            }

                .topmenu ul li a:hover, .topmenu ul li a:focus {
                    text-decoration: underline;
                }

.navbar-default {
    background: none;
    border-color: #f4f3f3 !important;
}

.nav {
    list-style: outside none none;
    padding-left: 15px;
}

    .nav ul li {
        display: inline-block;
        line-height: 30px;
        padding: 0;
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        font-size: 13px;
        color: #636363;
        text-transform: uppercase;
    }

        .nav ul li a {
            color: #636363;
        }

            .nav ul li a:hover, .nav ul li a:focus {
                text-decoration: underline;
            }

.navbar-nav > li > a {
    color: #959393;
    font-size: 13px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    border-right: 1px solid #d5d5d3;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-nav > li:last-child > a {
    color: #959393;
    font-size: 14px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    padding: 10px 5px;
    text-transform: uppercase;
    border-right: none;
}

.navbar-collapse {
    margin-top: 24px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #6eaa1d;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #F5F5F5;
    color: #6eaa1d;
}

.mid_container {
    clear: both;
}

.clear {
    clear: both;
}

.planBox {
    background: #FFF;
    border: 1px solid #cbcbc9;
    padding: 22px 20px 42px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    -moz-box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    overflow: auto;
}

.PadL0 {
    padding-left: 0px;
}

.planBox h1 {
    font-family: 'latolight';
    font-size: 40px;
    color: #656565;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding: 15px;
}

    .planBox h1 span {
        font-family: 'latobold';
    }

.planBox h2 {
    font-family: 'latolight';
    font-size: 30px;
    color: #656565;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.PadT10 {
    padding-top: 10px;
}

.Margine15B {
    margin-bottom: 10px;
}

.taskname {
    font-size: 15px;
    color: #a7a7a5;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif !important;
    text-align: left;
    padding-left: 0px;
}

.task {
    font-size: 16px;
    color: #333333;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif !important;
    text-align: left;
    padding-left: 0px;
}

.task_status {
    background: url(../img/in-process-inactive.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

.task_status:hover {
    background: url(../img/in-process-active.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

.task_inprogress {
    background: url(../img/check_mark_unactive.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

.task_inprogress:hover {
    background: url(../img/check_mark.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

.notask_status {
    background: url(../img/check_mark_blocked.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

.submitted_status {
    background: url(../img/hover_submitted.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

    .submitted_status:hover {
        background: url(../img/disable_submitted.png) no-repeat;
        height: 28px;
        width: 29px;
        display: block;
    }

.pending_status {
    background: url(../img/hover_pending.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

    .pending_status:hover {
        background: url(../img/disable_pending.png) no-repeat;
        height: 28px;
        width: 29px;
        display: block;
    }

.saved_status {
    background: url(../img/hover_saved.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

    .saved_status:hover {
        background: url(../img/disable_saved.png) no-repeat;
        height: 28px;
        width: 29px;
        display: block;
    }

.message_status {
    background: url(../img/hover_new_message.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

    .message_status:hover {
        background: url(../img/disable_new_message.png) no-repeat;
        height: 28px;
        width: 29px;
        display: block;
    }

.rework_status {
    background: url(../img/hover_please_rework.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

    .rework_status:hover {
        background: url(../img/disable_please_rework.png) no-repeat;
        height: 28px;
        width: 29px;
        display: block;
    }

.task_status_complete, .task_status_complete:hover {
    background: url(../img/check_mark.png) no-repeat;
    height: 28px;
    width: 29px;
    display: block;
}

.RightAlign {
    text-align: right;
}

.CenterAlign {
    text-align: center;
}

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

ul.nav {
    float: right;
}

.planBox2 {
    background: #FFF;
    border: 1px solid #cbcbc9;
    padding: 8px 10px 6px 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    -moz-box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    overflow: auto;
}

.planBox3 {
    background: #FFF;
    border: 1px solid #cbcbc9;
    padding: 30px 30px 14px 30px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    -moz-box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    box-shadow: 0 3px 5px 0 rgba(221, 221, 219, 0.45);
    overflow: auto;
}

    .planBox3 h1 {
        font-family: 'latolight';
        font-size: 40px;
        color: #656565;
        text-transform: uppercase;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        .planBox3 h1 span {
            font-family: 'latobold';
        }

.Neurontitle {
    font-size: 18px;
    color: #888888;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
}

.Neuronimg {
    text-align: right;
    padding: 10px 40px 0 0;
}

.conection {
    font-size: 15px;
    color: #686868;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    text-align: left;
    font-weight: bold;
}

.conection_valve {
    font-family: 'ds-digitalnormal';
    font-size: 45px;
    text-align: right;
}

.yellow_color {
    color: #ffc535;
}

.Red_color {
    color: #ec526a;
}

.Perpel_color {
    color: #894c92;
}

.Programtitle {
    font-size: 18px;
    color: #888888;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    text-align: right;
    text-transform: uppercase;
    margin-top: 5px;
    font-weight: bold;
}

.programe_leftheading {
    background: #dfdfdd;
    padding: 6.9px 0;
    margin-bottom: 8.7px;
    font-family: 'latolight';
    font-size: 15px;
    color: #565151;
    text-align: center;
    border: 3px solid #fff;
    border-right: none;
    border: 3px solid #c7c7c4;
}

.programe_leftheading0 {
    background: none;
    padding: 5px 0px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 13px;
    color: #9a9999;
    text-align: center;
    border: none;
}

.MarginB0 {
    margin-bottom: 0px;
}

.MarginB10 {
    margin-bottom: 8px;
}

.MarginT10 {
    margin-top: 10px;
}

.MarginT20 {
    margin-top: 20px;
}

.programe_Rightheading {
    padding: 5px 0px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 13px;
    color: #9a9999;
    text-align: center;
}

.programe_Leftheading {
    padding: 5px 0px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 13px;
    color: #9a9999;
}

.Programe_data {
    padding: 9px 0px;
    margin-bottom: 19px;
    font-family: 'latolight';
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
}

.Perpel_bg {
    background: #8F5098;
    border: 3px solid #7A2985;
}

.Red_bg {
    background: #E0425D;
    border: 3px solid #C42943;
}

.Orange_bg {
    background: #F09D38;
    border: 3px solid #D07E1A;
}

.PadNone {
    padding-left: 1px;
    padding-right: 0px;
    padding: 0;
    margin-bottom: 8.8px;
    border: 3px solid #fff;
    border-left: none;
}

.help {
    width: 100%;
}

    .help h1 {
        font-family: 'latolight';
        font-size: 40px;
        color: #666664;
        text-transform: uppercase;
    }

        .help h1 span {
            font-family: 'latoregular';
        }

    .help p {
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        font-size: 17px;
        color: #9b9c9a;
        padding-bottom: 20px;
    }

.faq {
    width: 100%;
}

ul.faq {
    display: block;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

    ul.faq li {
        margin-bottom: 16px;
        padding: 0 5px 12px 20px;
        border-bottom: dotted 1px #c9c9c9;
        background: url(../img/arrow.png) no-repeat 0 3px;
        font-family: 'latoregular';
        font-size: 13px;
        color: #8cba48;
        margin-bottom: 16px;
    }

        ul.faq li a {
            text-decoration: none;
            font-family: 'latoregular';
            font-size: 13px;
            color: #8cba48;
        }

            ul.faq li a:hover {
                text-decoration: underline;
                font-family: 'latoregular';
                font-size: 13px;
                color: #8cba48;
            }

.help_link {
    font-family: 'latoregular';
    font-size: 13px;
    color: #767676;
    text-transform: uppercase;
    text-align: center;
    padding: 37px 0;
}

    .help_link a {
        color: #5e891f;
        text-decoration: underline;
    }

        .help_link a:hover {
            color: #5e891f;
            text-decoration: none;
        }

.answer p {
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    color: #9b9c9a;
    padding-bottom: 20px;
    font-size: 13px;
}

.courselist {
    width: 100%;
}

    .courselist h1 {
        font-family: 'latolight';
        font-size: 40px;
        color: #666664;
        text-transform: uppercase;
    }

        .courselist h1 span {
            font-family: 'latoregular';
        }

    .courselist p {
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        font-size: 17px;
        color: #9b9c9a;
        padding-bottom: 20px;
    }

.border_bottom {
    border-bottom: dotted 1px #c9c9c9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}

.coursename {
    font-family: 'latoregular';
    font-size: 17px;
    color: #4f4f4f;
}

.Course_date {
    color: #8e8e8e;
    font-size: 18px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
}

.Course_startdate {
    color: #8f8d8d;
    font-size: 13px;
    font-family: 'latoregular';
}

ul.courselist {
    display: block;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

    ul.courselist li {
        padding: 0 5px 0px 20px;
        background: url(../img/blank_flag.png) no-repeat 0 4px;
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        font-size: 13px;
        color: #656464;
    }

        ul.courselist li.fill {
            padding: 0 5px 0px 20px;
            background: url(../img/fill_flag.png) no-repeat 0 4px;
            font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
            font-size: 13px;
            color: #656464;
        }

.course_status {
    background: url(../img/check_mark_unactive.png) no-repeat 0 10px;
    height: 45px;
    width: 29px;
    display: block;
}

    .course_status:hover {
        background: url(../img/check_mark.png) no-repeat 0 10px;
        height: 45px;
        width: 29px;
        display: block;
        padding-top: 2px;
    }

.course_status_complete, .course_status_complete:hover {
    background: url(../img/check_mark.png) no-repeat;
    height: 45px;
    width: 29px;
    display: block;
}

.footer_menue {
    width: 100%;
}

    .footer_menue ul {
        list-style: outside none none;
        margin: 0;
        padding: 6px 0 0 0;
        text-align: left;
    }

        .footer_menue ul li {
            /*display: inline-block;*/
            line-height: 30px;
            /*margin: 25px 6px 15px 6px;*/
            padding: 0;
            font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
            font-size: 13px;
            color: #636363;
            text-transform: uppercase;
        }

            .footer_menue ul li a {
                color: #636363;
            }

                .footer_menue ul li a:hover, .footer_menue ul li a:focus {
                    text-decoration: underline;
                }

.coppy_righttext {
    text-align: center;
    font-family: latoregular;
    font-size: 12px;
    color: #282727;
}

h3.slider {
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 11px;
    color: #6b6b6b;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.sider_image {
    text-align: center;
}


/******************* Login Page ************************/
.form_signin .checkbox {
    font-weight: normal;
    font-family: 'latoregular';
    font-size: 14px;
    color: #c3c3c2;
    top: 0px;
    left: 0px;
}

.styledCheckbox {
    background-size: auto 22px;
    clear: both;
    float: left;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
}


.marT42 {
    margin-top: 42px;
}

.form_signin {
    margin: 0px auto;
    max-width: 600px;
    background: #fff;
    border: 1px solid #cbcbc9;
    padding: 50px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px 9px 7px 0px rgba(221, 221, 219, 0.75);
    -moz-box-shadow: 0px 9px 7px 0px rgba(221, 221, 219, 0.75);
    box-shadow: 0px 9px 7px 0px rgba(221, 221, 219, 0.75);
}

    .form_signin h1 {
        text-align: center;
    }

        .form_signin h1 span {
            font-family: 'latolight';
            font-size: 40px;
            color: #666664;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 10px;
        }

            .form_signin h1 span span {
                font-family: 'latoregular';
            }

    .form_signin label.labletetxt {
        font-family: 'latoregular';
        font-size: 13px;
        text-transform: uppercase;
        width: 100%;
        font-weight: normal;
        color: #ccccca;
        padding-top: 20px;
    }

    .form_signin .checkbox label {
        padding-left: 0px !important;
    }

.form-signin .checkbox {
    font-weight: normal;
}

.form_signin .form-control {
    display: block;
    width: 100%;
    height: 56px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    font-family: 'latoregular';
}

.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.075);
    outline: 0 none;
}

.form_signin .form-control:focus {
    z-index: 2;
}

.comment {
    height: 70px !important;
    overflow: auto;
}

.commentlarge {
    height: 200px !important;
    overflow: auto;
}

.form_signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form_signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 18px;
    line-height: 1.33;
    padding: 15px 16px;
    font-family: 'latoregular';
    font-weight: bold;
    border: 1px solid #93e227;
    box-shadow: 0 10px 0px #e5e5e5;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 0px;
}

.login_footer_menue ul {
    list-style: outside none none;
    margin: 0;
    padding: 15px 0 0 0;
    text-align: center;
}

    .login_footer_menue ul li {
        display: inline-block;
        line-height: 30px;
        margin: 0px 6px 0px 6px;
        padding: 0;
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        font-size: 11px;
        color: #cccccc;
        text-transform: uppercase;
    }

        .login_footer_menue ul li a {
            color: #636363;
        }

            .login_footer_menue ul li a:hover, .login_footer_menue ul li a:focus {
                text-decoration: underline;
            }

.login_coppy_righttext {
    text-align: center;
    font-family: latoregular;
    font-size: 10px;
    color: #cccccc;
    margin-bottom: 20px;
}

.Width {
    width: 40% !important;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}

.Width-small {
    width: 20% !important;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}

.Width-sm {
    width: 42%;
    text-align: center;
    text-transform: uppercase;
    margin-right: 15px;
    float: left;
    margin-top: 21px;
    font-size: 14px;
    line-height: 1.33;
    padding: 6px 16px;
    font-family: 'latoregular';
    font-weight: bold;
    border: 1px solid #93e227;
    box-shadow: 0 4px 0px #e5e5e5;
}

.Width-sm-cpo {
    /*width: 25%;*/
    text-align: center;
    text-transform: uppercase;
    margin-right: 10px;
    float: right;
    margin-top: 21px;
    font-size: 14px;
    line-height: 1.33;
    padding: 6px 16px;
    font-family: 'latoregular';
    font-weight: bold;
    border: 1px solid #93e227;
    box-shadow: 0 4px 0px #e5e5e5;
}

.Width-sm-pop {
    width: 20%;
    text-align: center;
    text-transform: uppercase;
    margin-right: 10px;
    float: right;
    margin-top: 21px;
    font-size: 14px;
    line-height: 1.33;
    padding: 6px 16px;
    font-family: 'latoregular';
    font-weight: bold;
    border: 1px solid #93e227;
    box-shadow: 0 4px 0px #e5e5e5;
}

.navbar-nav.login a {
    text-transform: none;
    color: #ccccca;
}

    .navbar-nav.login a.hover {
        text-transform: none;
        color: #000;
    }

    .navbar-nav.login a.active {
        text-transform: none;
        color: #6eaa1d;
        margin-left: 5px;
        font-weight: normal;
    }

@media screen and (max-width:768px) {
    .topmenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 6px 0 0;
        text-align: center;
    }

    .navbar-nav > li > a {
        border-right: none;
    }

    .Neurontitle {
        font-size: 20px;
        color: #888888;
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        text-align: center;
        text-transform: uppercase;
    }

    .Neuronimg {
        text-align: center;
        padding: 10px;
    }

    .footer_menue ul {
        list-style: outside none none;
        margin: 0;
        padding: 6px 0 0 0;
        text-align: center;
    }

        .footer_menue ul li {
            display: inline-block;
            line-height: 30px;
            margin: 0px 6px 15px 6px;
            padding: 0;
            font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
            font-size: 13px;
            color: #636363;
            text-transform: uppercase;
        }

    .nav {
        padding-left: 0;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }

    .navbar-nav > li > a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .navbar {
        border-radius: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width:767px) {
    .Neurontitle {
        font-size: 20px;
        color: #888888;
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        text-align: center;
        text-transform: uppercase;
    }

    .Neuronimg {
        text-align: center;
        padding: 10px;
    }

    ul.nav {
        float: none;
        text-align: center;
    }

    .badge {
        right: inherit;
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .nav {
        padding-left: 0;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }

    .navbar-nav > li > a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .navbar {
        border-radius: 0;
        margin-bottom: 0;
    }

    .container-fluid.PadRnone {
        padding-left: 0;
    }

    .navbar-default .navbar-nav > li > a {
        border-right: 1px solid #d5d5d3;
    }
}

.scroll-pane {
    width: 100%;
    height: 427px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-pane2 {
    width: 100%;
    height: 539px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-pane3 {
    width: 100%;
    height: 77px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-pane4 {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

tr.highlighted {
    background: #BAFFC8 !important;
    border-top: 6px solid #fff;
    border-left: 10px solid #BAFFC8;
}

    tr.highlighted .task_status {
        margin-bottom: 7px;
        margin-top: -3px;
    }

.clsLogoutText {
    font-size: 21px;
    font-family: Verdana, Arial, Sans-Serif;
}

.clsLogoutHead {
    font-size: 15px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-top: 10px;
    /*float: left;*/
    display:table;
}
.modal-body{padding:15px 15px 0px}
.modal-footer{padding:0px 15px 15px}
.popup-text{display:table-cell;vertical-align:middle; padding-left:15px}
.popup-icon{display:table-cell;float: left;}
.flnone{float:none !important}

.margin10 {
    margin-left: 10px;
}

.courseplanitem {
    padding: 0 5px 0px 20px;
    background: url(../img/blank_flag.png) no-repeat 20px 4px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 13px;
    color: #656464;
}

.courseplanotheritem {
    padding: 0 5px 0px 20px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 13px;
    color: #656464;
}

.courseplanitemcompleted {
    padding: 0 5px 0px 20px;
    background: url(../img/fill_flag.png) no-repeat 20px 8px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    font-size: 13px;
    color: #656464;
    vertical-align:middle;
}

.section {
    padding: 2px 0 0 0 !important;
    font-size: 13px !important;
    color: black !important;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
}

.conectionRed {
    font-size: 15px;
    color: #686868;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
    text-align: left;
    font-weight: bold;
    color: red;
    padding-left: 20px;
}

.rowWhite {
    width: 100%;
    height: 100%;
    background-color: white;
}

.clsErrorMessage {
    font-size: 12px;
    text-transform: none;
    color: red;
    font-family: Verdana, Arial, Sans-Serif;
}

.clsErrorMsg{
    font-size: 12px;
    text-transform: none;
    color: red;
    font-family: Verdana, Arial, Sans-Serif;
}

.clsThisWeek {
    margin-top: 3px;
}

.clsLastWeek {
    margin-top: 7px;
}

.clsComparision {
    margin-top: 3px;
}

.innerHead {
    text-align: left !important;
    margin-top: 0px;
    border-bottom: 1px dotted #ccc;
}

.uploadinnerHead {
    text-align: left !important;
    margin-top: 0px;
    font-size: 28px !important;
}

/**************Registration/Profile Page********************/
.form_signin1 .checkbox {
    font-weight: normal;
    font-family: 'latoregular';
    font-size: 14px;
    color: #c3c3c2;
}

.form_signin1 {
    margin: 0px auto;
    background: #fff;
    border: 1px solid #cbcbc9;
    padding: 35px;
    -webkit-box-shadow: 0px 9px 7px 0px rgba(221, 221, 219, 0.75);
    -moz-box-shadow: 0px 9px 7px 0px rgba(221, 221, 219, 0.75);
    box-shadow: 0px 9px 7px 0px rgba(221, 221, 219, 0.75);
}

    .form_signin1 h1 {
        font-family: 'latolight';
        font-size: 35px;
        color: #666664;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 10px;
    }

        .form_signin1 h1 span span {
            font-family: 'latoregular';
        }

    .form_signin1 label.labletetxt {
        font-family: 'latoregular';
        font-size: 13px;
        text-transform: uppercase;
        width: 100%;
        font-weight: normal;
        color: #8d8d87; /* pallavib*/
        /*color: #ccccca;*/
        padding-top: 20px;
    }

    .form_signin1 .checkbox label {
        padding-left: 0px !important;
    }

.form-signin .checkbox {
    font-weight: normal;
}

.form_signin1 .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    font-family: 'latoregular';
}

.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.075);
    outline: 0 none;
}

.form_signin1 .form-control:focus {
    z-index: 2;
}

.form_signin1 input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form_signin1 input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/****************Page Instruction*************/
.instructionWindowOuter {
    position: relative;
    margin: 10px 0 0 15px;
}

    .instructionWindowOuter .iconSet {
        background: url(../../images/exlamat_icon.png) no-repeat;
        width: 26px;
        height: 26px;
        position: absolute;
        top: -9px;
        left: -12px;
    }

    .instructionWindowOuter .instructionConten {
        background: #F5F5F5;
    }

        .instructionWindowOuter .instructionConten h3.instText {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #000;
            margin: 0 0 10px 0;
            font-weight: bold;
        }

        .instructionWindowOuter .instructionConten p {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #000;
            margin: 0 0 5px;
        }

    .instructionWindowOuter .instructionBottomStrip {
        background: url(../../images/bottom_shadow_instruction.png) repeat-x;
        height: 8px;
        position: relative;
        top: -4px;
    }

    .instructionWindowOuter .instructionConten {
        padding: 10px 10px 10px 20px;
    }

.bootbox-close-button {
    color: #fff !important;
    background-color: #ff0000 !important;
    border-color: #d43f3a;
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    margin-top: -15px !important;
    margin-right: -15px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1 !important;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.customLoOut {
    color: #000;
    background: #ffea00;
    font-size: 25px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.customLesson {
    color: #F09D38;    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    vertical-align: top;
    padding:5px;
}

.instrution-container {
    border: 1px solid rgb(236, 234, 234);
    box-shadow: 0 0 1px white;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

    .instrution-container h1 {
        font-family: 'latolight';
        font-size: 24px;
        color: #656565;
        text-transform: uppercase;
        width: 100%;
        padding: 0px;
        margin: 0px;
        font-weight: bold;
        padding: 25px;
        color: #6eaa1d;
    }

    .instrution-container span {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        margin: 0 0 10px 0;
    }

    .instrution-container li {
        padding-bottom: 10px;
    }

.details span {
    list-style-type: none;
    padding-top: 5px;
    font-weight: bold;
}

.labelBox {
    display: block;
    width: 100%;
    height: 100%;
    padding: 6px 12px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.uploadBox {
    display: block;
    width: 100%;
    height: 100%;
    padding: 6px 0px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
}

.patch-container {
    background-color: rgb(244, 243, 243);
    margin-top: 25px;
    border: 1px solid rgb(236, 234, 234);
    box-shadow: 0 0 1px white;
}

    .patch-container h1 {
        font-family: 'latolight';
        font-size: 24px;
        color: #656565;
        text-transform: uppercase;
        width: 100%;
        padding: 0px;
        margin: 0px;
        font-weight: bold;
        padding: 25px;
        color: #6eaa1d;
        text-align: left;
    }

        .patch-container h1 span {
            font-family: "latobold";
            padding-left: 10px;
        }

    .patch-container span {
        color: #656565;
    }

    .patch-container li {
        padding-bottom: 10px;
        font-family: Verdana;
    }

.question-answer-container {
    margin-top: 25px;
}

.q-a-content {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    padding: 25px;
    margin-top: 25px;
    position: relative;
    background-color: #fff;
}

    .q-a-content h1 {
        font-family: 'latolight';
        font-size: 18px;
        color: #fff;
        text-transform: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
        background-color: rgb(110, 170, 29);
        display: inline;
        padding: 8px 15px;
        position: relative;
        top: -37px;
        box-shadow: 0 3px 0px rgb(244, 243, 243);
    }

    .q-a-content h4 {
        padding-bottom: 100px;
    }

    .q-a-content label {
        font-size: 16px;
    }

.tutor-help {
    font-size: 16px;
    display: inline-block;
    background-color: red;
    padding: 5px 15px;
    color: white;
}

    .tutor-help span {
        font-size: 14px;
        padding-left: 5px;
    }

        .tutor-help span a {
            text-decoration: none;
            color: white;
        }

            .tutor-help span a:hover {
                text-decoration: underline;
            }

.buttons-container {
    margin-top: 25px;
}

    .buttons-container ul {
        list-style-type: none;
    }

        .buttons-container ul li {
            float: left;
            width: 19%;
            padding: 11px 5px 4px 11px;
        }
.status {
    position: absolute;
    top: 12px;
    right: 35px;
}

    .status p {
        font-size: 16px;
    }

    .status span {
        padding-left: 7px;
    }

.buttons-container ul li a {
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
    padding: 12px;
    margin:5px 0 0px 5px;
    /* width: 250px; */
    display: block;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
}

    .buttons-container ul li a:hover {
        background-color: #6EAA1D;
        background-image: -moz-linear-gradient(top,#8CD32B,#6EAA1D);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CD32B), to(#6EAA1D));
        background-image: -webkit-linear-gradient(top, #8CD32B, #6EAA1D);
        background-image: -o-linear-gradient(top, #8CD32B, #6EAA1D);
        background-image: linear-gradient(to bottom, #8CD32B, #6EAA1D);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
        text-decoration: underline;
    }

.buttons-container ul li span {
    padding-left: 10px;
    font-weight: normal;
}

.explanation-container {
    height: 300px;
    background-color: rgb(244, 243, 243);
    margin-top: 25px;
    border: 1px solid rgb(236, 234, 234);
    box-shadow: 0 0 1px white;
    padding: 10px;
}

    .explanation-container h1 {
        font-family: 'latolight';
        font-size: 30px;
        color: #656565;
        text-transform: uppercase;
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: center;
        padding-top: 15px;
    }

.instruction-container {
    height: auto;
    margin-top: 25px;
    border: 1px solid rgb(236, 234, 234);
    box-shadow: 0 0 1px white;
    padding: 10px;
}

    .instruction-container h1 {
        font-family: 'latolight';
        font-size: 30px;
        color: #656565;
        text-transform: uppercase;
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .instruction-container h2 {
        font-family: 'latolight';
        font-size: 24px;
        color: #656565;
        text-transform: uppercase;
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

.instBorderLess {
    font-family: 'latobold';
    font-size: 19px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none !important;
    box-shadow: none !important;
    padding-top: 15px;
    padding-bottom: 7px;
}

    .instBorderLess div {
        font-family: 'latobold';
    }

        .instBorderLess div a {
            font-size: 17px;
        }

.instruction-list {
    list-style-type: none;
    padding-left: 25px;
}

ul.instruction-list li {
    margin-bottom: 15px;
}

.quiz-mode-container {
    background-color: rgba(244, 243, 243, 0.21);
    */ margin-bottom: 25px;
    /* padding-bottom: 12px; */
    /* padding-right: 25px; */
    border: 1px solid rgb(244, 243, 243);
    height: 80px;
    background-image: url(../img/titleRowBg.png);
    /* margin-top: 25px; */
    border: 1px solid rgba(119, 119, 119, 0.18);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}

.quiz-buttons ul {
    list-style-type: none;
}

    .quiz-buttons ul li {
        float: left;
        width: 50%;
        padding: 11px 20px 4px 11px;
    }

        .quiz-buttons ul li a {
            background-color: #6EAA1D;
            background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
            background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
            background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
            background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
            color: #fff;
            box-shadow: 0 1px 0 0 #a8d37d inset;
            text-shadow: 0 1px 0 #5b892e;
            border: 1px solid #689c35;
            padding: 12px;
            /* width: 250px; */
            display: block;
            text-align: center;
            font-weight: normal;
            font-size: 13px;
            text-transform: uppercase;
        }

            .quiz-buttons ul li a:hover {
                background-color: #6EAA1D;
                background-image: -moz-linear-gradient(top,#8CD32B,#6EAA1D);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CD32B), to(#6EAA1D));
                background-image: -webkit-linear-gradient(top, #8CD32B, #6EAA1D);
                background-image: -o-linear-gradient(top, #8CD32B, #6EAA1D);
                background-image: linear-gradient(to bottom, #8CD32B, #6EAA1D);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
            }

        .quiz-buttons ul li span {
            padding-left: 10px;
            font-weight: normal;
        }


.quiz-mode-buttons ul {
    list-style-type: none;
}

    .quiz-mode-buttons ul li {
        float: left;
        width: 33%;
        padding: 11px 20px 4px 11px;
    }

        .quiz-mode-buttons ul li a {
            background-color: #6EAA1D;
            background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
            background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
            background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
            background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
            color: #fff;
            box-shadow: 0 1px 0 0 #a8d37d inset;
            text-shadow: 0 1px 0 #5b892e;
            border: 1px solid #689c35;
            padding: 12px;
            /* width: 250px; */
            display: block;
            text-align: center;
            font-weight: normal;
            font-size: 13px;
            text-transform: uppercase;
        }

.quiz-mode-buttonss ul li a:hover {
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#8CD32B,#6EAA1D);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CD32B), to(#6EAA1D));
    background-image: -webkit-linear-gradient(top, #8CD32B, #6EAA1D);
    background-image: -o-linear-gradient(top, #8CD32B, #6EAA1D);
    background-image: linear-gradient(to bottom, #8CD32B, #6EAA1D);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
}

.quiz-mode-buttons ul li span {
    padding-left: 10px;
    font-weight: normal;
}

.answer_buttons {
    padding-bottom: 35px;
}

    .answer_buttons ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .answer_buttons ul li {
            float: left;
        }

            .answer_buttons ul li a {
                background-color: #6EAA1D;
                background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
                background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
                background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
                background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
                color: #fff;
                box-shadow: 0 1px 0 0 #a8d37d inset;
                text-shadow: 0 1px 0 #5b892e;
                border: 1px solid #689c35;
                padding: 10px 20px;
                /* width: 250px; */
                display: block;
                text-align: center;
                font-weight: normal;
                font-size: 12px;
                text-transform: uppercase;
                margin-right: 15px;
            }

                .answer_buttons ul li a span {
                    padding-left: 10px;
                }

.remaining-question {
    display: block !important;
    font-size: 14px !important;
    background-color: rgb(253, 250, 250) !important;
    padding: 12px !important;
    width: 40% !important;
    border: 1px solid rgb(244, 242, 242) !important;
}

.explanation-text-info {
    display: block !important;
    font-size: 13px !important;
    background-color: rgb(244, 242, 242) !important;
    padding: 9px !important;
    /* width: 40%!important; */
    border: 1px solid rgb(208, 207, 207) !important;
    position: absolute;
    top: -15px;
    text-transform: none !important;
    margin-right: 106px;
    width: 356px !important;
    color: black !important;
}

.close-btn {
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
    padding: 10px 20px;
    /* width: 250px; */
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    float: right;
}

.withoutblock {
    float: left;
    display: inline;
    margin-right: 10px;
}

.close-button-container {
    margin-top: 15px;
}

.help-pause{
    padding-left:0px;
  left:0px;
  position: absolute;
}
.help-pause-btn-container{
  top: 0px;  
}
.help-pause-btn-container ul{
    list-style: none;
}
.help-pause-btn-container ul li{
  float: left;
    margin: 0px 20px 0px 0px;
  width: 150px;
}
.help-pause-btn-container ul li a{
background-color: #6EAA1D;
  background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
  background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
  background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
  background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
  color: #fff;
  box-shadow: 0 1px 0 0 #a8d37d inset;
  text-shadow: 0 1px 0 #5b892e;
  border: 1px solid #689c35;
  padding: 15px 25px;
  /* width: 250px; */
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
}
.help-pause-btn-container ul li a span{
    padding-left: 5px;
}

.pagination-container > .pagination {
    float: right;
}

    .pagination-container > .pagination > li > a, .pagination > li > span {
        color: #6eaa1d;
    }

    .pagination-container > .pagination > .active > a {
        background-color: #6eaa1d;
        border-color: #6eaa1d;
        color: #fff;
    }

@media screen and (max-width:767px) {
    .answer_buttons ul li {
        float: left;
    }

    .quiz-mode-container {
        background-image: none;
        border: none;
        box-shadow: none;
    }

    .ui-tabs .ui-tabs-panel {
        height: auto;
        padding-bottom: 50px;
    }

    .help-pause-btn-container {
        position: relative;
        top: 0px;
        left: 0px;
    }

        .help-pause-btn-container ul li a {
            width: 100%;
        }

        .help-pause-btn-container ul li {
            float: left;
            margin: 4px 0px;
            width: 100%;
            /* margin: 0; */
        }

    a.mover {
        width: 48%;
    }

    .prev-tab {
        left: 0px;
        bottom: 0px !important;
    }

    .next-tab {
        bottom: 0px !important;
        right: 0px !important;
    }

    .q-a-content {
        padding-bottom: 100px;
    }

    .buttons2-container ul li {
        float: left;
        width: 100%;
    }

        .buttons2-container ul li a {
            margin: 15px 0px 0px 0px;
        }

    .close-btn {
        width: 100%;
    }

    .remaining-question {
        width: 100% !important;
    }

    .btn-back {
        width: 100%;
        position: relative;
        top: 0px;
    }

    .btn-next {
        width: 100%;
        position: relative;
        top: 0px;
        margin-left: 0px;
    }

    .explanation-text-info {
        position: relative;
        top: 0px;
        width: 100% !important;
        margin-top: 25px !important;
    }

    ul.correct-answer-btn {
        position: relative;
        top: 0px;
    }

        ul.correct-answer-btn li a {
            width: 100%;
            margin-right: 0px;
        }

        ul.correct-answer-btn li {
            float: none;
            margin: 0px 15px;
            margin-top: 50px;
        }

            ul.correct-answer-btn li:last-child {
                margin-top: 10px;
            }

    button {
        margin-top: 15px;
    }


    .answer_buttons ul li a {
        margin-right: 0px;
    }

    .demo-level {
        margin-left: 0px;
        margin-right: 0px;
    }

    .Neurontitle {
        font-size: 20px;
        color: #888888;
        font-family: 'Conv_PontanoSans-Regular', Sans-Serif;
        text-align: center;
        text-transform: uppercase;
    }

    .Neuronimg {
        text-align: center;
        padding: 10px;
    }

    ul.nav {
        float: none;
        text-align: center;
    }

    .badge {
        right: inherit;
    }

    #menu {
        margin-bottom: 25px;
        height: 200px;
    }

    .status {
        position: relative;
        left: 0px;
        padding-bottom: 25px;
    }


    .buttons-container ul li, .quiz-buttons ul li {
        float: left;
        width: 100%;
        padding: 11px 20px 4px 11px;
    }

    .quiz-mode-buttons ul li {
        width: 90%;
        margin-bottom: 10px;
    }

    .quiz-mode-buttons {
        min-height: 200px;
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .demo-level {
        margin-left: 0px;
        margin-right: 0px;
    }

    .nav {
        padding-left: 0;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }

    .navbar-nav > li > a {
        padding: 10px 5px;
        font-size: 13px;
    }

    .navbar {
        border-radius: 0;
        margin-bottom: 0;
    }

    .container-fluid.PadRnone {
        padding-left: 0;
    }

    .navbar-default .navbar-nav > li > a {
        border-right: 1px solid #d5d5d3;
    }

    #menu {
        margin-bottom: 25px;
        height: 200px;
    }

    .status {
        position: relative;
        left: 0px;
        padding-bottom: 25px;
    }


    .buttons-container ul li, .quiz-buttons ul li {
        float: left;
        width: 100%;
        padding: 11px 20px 4px 11px;
    }
}


#pnlHint, #pnlInstructions, #pnlHelp, #pnlRecordAnswer {
    height: auto;
}

.approved-button {
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    background: #fafafc;
    background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #fafafc 0%,#efefef 100%);
    background: -o-linear-gradient(top, #fafafc 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #fafafc 0%,#efefef 100%);
    background: linear-gradient(to bottom, #fafafc 0%,#efefef 100%);
    width: 130px;
    height: 32px;
    border: 1px solid rgba(14, 12, 10, 0.16);
}

    .approved-button:hover {
        box-shadow: inset 0 0 0 1px #fff;
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        -moz-box-shadow: inset 0 0 0 1px #fff;
        background: #fafafc;
        background: -moz-linear-gradient(top, #efefef 0%, #fafafc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fafafc));
        background: -webkit-linear-gradient(top, #fafafc 0%,#efefef 100%);
        background: -o-linear-gradient(top, #efefef 0%, #fafafc 100%);
        background: -ms-linear-gradient(top, #efefef 0%, #fafafc 100%);
        background: linear-gradient(to bottom, #efefef 0%, #fafafc 100%);
        width: 130px;
        height: 32px;
        border: 1px solid rgba(14, 12, 10, 0.16);
    }

.approved-button2 {
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    background: #fafafc;
    background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #fafafc 0%,#efefef 100%);
    background: -o-linear-gradient(top, #fafafc 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #fafafc 0%,#efefef 100%);
    background: linear-gradient(to bottom, #fafafc 0%,#efefef 100%);
    width: 175px;
    height: 32px;
    border: 1px solid rgba(14, 12, 10, 0.16);
}

    .approved-button2:hover {
        box-shadow: inset 0 0 0 1px #fff;
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        -moz-box-shadow: inset 0 0 0 1px #fff;
        background: #fafafc;
        background: -moz-linear-gradient(top, #efefef 0%, #fafafc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fafafc));
        background: -webkit-linear-gradient(top, #fafafc 0%,#efefef 100%);
        background: -o-linear-gradient(top, #efefef 0%, #fafafc 100%);
        background: -ms-linear-gradient(top, #efefef 0%, #fafafc 100%);
        background: linear-gradient(to bottom, #efefef 0%, #fafafc 100%);
        width: 175px;
        height: 32px;
        border: 1px solid rgba(14, 12, 10, 0.16);
    }

.tablesentence {
    font-family: 'latoregular';
}

table tr td {
    font-family: 'latoregular' !important;
    vertical-align: top;
}

.buttoncontainer-bg {
    border: 5px solid gray;
    background-image: url(../img/titleRowBg.png);
    margin-top: 25px;
    border: 1px solid rgba(119, 119, 119, 0.18);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}

.controlB {
    text-align: center;
    padding: 5px 0 5px 0;
}

    .controlB ul li a span {
        display: block;
        margin-top: 5px;
        padding-bottom: 7px;
    }

    .controlB ul {
    }

        .controlB ul li {
            display: inline-block;
            margin: 11px 5px 0 5px;
            border: 1px solid #d5d5d5;
            text-align: center;
            box-shadow: inset 0 0 0 1px #fff;
            -webkit-box-shadow: inset 0 0 0 1px #fff;
            -moz-box-shadow: inset 0 0 0 1px #fff;
            background: #fafafc;
            background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
            background: -webkit-linear-gradient(top, #fafafc 0%,#efefef 100%);
            background: -o-linear-gradient(top, #fafafc 0%,#efefef 100%);
            background: -ms-linear-gradient(top, #fafafc 0%,#efefef 100%);
            background: linear-gradient(to bottom, #fafafc 0%,#efefef 100%);
            width: 40%;
            padding: 3px;
        }

            .controlB ul li:hover {
                background: -moz-linear-gradient(top, #efefef 0%, #fafafc 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#fafafc));
                background: -webkit-linear-gradient(top, #efefef 0%, #fafafc 100%);
                background: -o-linear-gradient(top,#efefef 0%, #fafafc 100%);
                background: -ms-linear-gradient(top,#efefef 0%, #fafafc 100%);
                background: linear-gradient(to bottom, #efefef 0%, #fafafc 100%);
            }

            .controlB ul li a {
                padding: 11px 20px 4px 11px;
                display: block;
                white-space: nowrap;
                color: #626262;
                font-family: 'latoregular';
                text-transform: uppercase;
            }

            .controlB ul li.active > a {
                background-color: #6EAA1D;
                background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
                background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
                background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
                background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
                color: #fff;
                box-shadow: 0 1px 0 0 #a8d37d inset;
                text-shadow: 0 1px 0 #5b892e;
                border: 1px solid #689c35;
            }

            .controlB ul li a:hover {
                text-decoration: underline;
            }

.go {
    font-family: 'latoregular';
    font-size: 15px;
    font-weight: bold;
    /* border: 1px solid #93e227; */
    margin-left: 10px;
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
}

.demo-level {
    background-color: rgb(242, 242, 242);
    padding: 10px;
    font-family: 'latoregular';
    text-align: center;
    margin-left: 97px;
    border: 1px solid rgb(230, 230, 230);
    background: gradient();
    background-image: linear-gradient(to left, #F2F3F4, #F4F3F3);
    margin-right: -29px;
    margin-top: 20px;
    color: #777;
    box-shadow: 0 1px 0 0 #fafafb;
}

.go:hover {
    font-family: 'latoregular';
    font-size: 15px;
    font-weight: bold;
    /* border: 1px solid #93e227; */
    margin-left: 10px;
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#8CD32B, #6EAA1D);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CD32B), to(#6EAA1D));
    background-image: -webkit-linear-gradient(top,,#8CD32B, #6EAA1D);
    background-image: -o-linear-gradient(top,,#8CD32B, #6EAA1D);
    background-image: linear-gradient(to bottom,,#8CD32B, #6EAA1D);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
}

#menu {
    background: #f2f3f4;
    box-shadow: 0px 0px 3px 2px #f0f0f0;
    -moz-box-shadow: 0px 0px 3px 2px #f0f0f0;
    -webkit-box-shadow: 0px 0px 3px 2px #f0f0f0;
    border-right: 1px solid #d8d8d8;
    height: 547px;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

ul.menu-0 {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    background: #f2f3f4;
    border-top: 1px solid #d8d8d8;
}

ul li a {
    padding-right: 15px;
}

#menu .slim-scroll > ul.menu-0 > li, #menu > ul.menu-0 > li {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: 0 1px 0 0 #fafafb;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    #menu .slim-scroll > ul.menu-0 > li.glyphicons > a, #menu > ul.menu-0 > li.glyphicons > a {
        padding: 0 0 0 45px;
    }

ul.menu-0 > li a {
    display: block;
    width: auto;
    padding-left: 20px;
    margin: 0;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #777;
    text-shadow: 0 1px 0 #ffffff;
    font-family: 'latoregular';
    text-transform: uppercase;
}

#menu .slim-scroll > ul.menu-0 > li a:hover, #menu > ul.menu-0 > li a:hover {
    background-color: #f4f5f5;
    background-image: -moz-linear-gradient(top, #fafbfb, #ececec);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafbfb), to(#ececec));
    background-image: -webkit-linear-gradient(top, #fafbfb, #ececec);
    background-image: -o-linear-gradient(top, #fafbfb, #ececec);
    background-image: linear-gradient(to bottom, #fafbfb, #ececec);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfb', endColorstr='#ffececec', GradientType=0);
}

#menu ul.menu-0 > li.active > a, #menu > ul.menu-0 > li.active > a {
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
    height: 49px;
    line-height: 49px;
}

.buttongroup {
    margin-top: 25px;
}

.buttons2-container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .buttons2-container ul li {
        display: inline-block;
        float: right;
    }

.heading-container {
    height: auto;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
}

    .heading-container h2 {
        text-align: right;
        font-size: 14px;
        color: #6eaa1d;
    }

        .heading-container h2 a {
            color: #6eaa1d;
            text-decoration: none;
        }

            .heading-container h2 a:hover {
                text-decoration: underline;
            }

    .heading-container span {
        padding-left: 10px;
    }

ul.correct-answer-btn {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -12px;
    list-style: none;
}

    ul.correct-answer-btn li {
        float: left;
    }

        ul.correct-answer-btn li a {
            background-color: #6EAA1D;
            background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
            background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
            background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
            background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
            color: #fff;
            box-shadow: 0 1px 0 0 #a8d37d inset;
            text-shadow: 0 1px 0 #5b892e;
            border: 1px solid #689c35;
            padding: 5px 20px;
            /* width: 250px; */
            display: block;
            text-align: center;
            font-weight: normal;
            font-size: 11px;
            text-transform: uppercase;
            margin-right: 15px;
        }

            ul.correct-answer-btn li a span {
                padding-left: 10px;
            }

.btn-back {
    position: absolute;
    top: -12px;
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 10px;
}

.btn-next {
    position: absolute;
    top: -12px;
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
    padding: 3px 10px;
    display:inline-block;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

.btn-normal {
    position: absolute;
    background-color: #6EAA1D;
    background-image: -moz-linear-gradient(top,#6EAA1D, #8CD32B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6EAA1D), to(#8CD32B));
    background-image: -webkit-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #6EAA1D, #8CD32B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #fff;
    box-shadow: 0 1px 0 0 #a8d37d inset;
    text-shadow: 0 1px 0 #5b892e;
    border: 1px solid #689c35;
    padding: 3px 10px;
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
}

.buttons2-container ul li a {
    background-color: #6B7162;
    background-image: -moz-linear-gradient(top,#F4F3F3, #F4F2F2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F3F3), to(#F4F2F2));
    background-image: -webkit-linear-gradient(top, #F4F3F3, #F4F2F2);
    background-image: -o-linear-gradient(top, #6EAA1D, #8CD32B);
    background-image: linear-gradient(to bottom, #F4F3F3, #F4F2F2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
    color: #A4A6A1;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    text-shadow: 0 1px 0 #FFFFFF;
    border: 1px solid #CED2CA;
    padding: 8px;
    /* width: 250px; */
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    margin: 15px 0px 0px 18px;
}

    .buttons2-container ul li a:hover {
        background-color: #6B7162;
        background-image: -moz-linear-gradient(top,#8CD32B, #F4F2F2);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8CD32B), to(#F4F2F2));
        background-image: -webkit-linear-gradient(top, #8CD32B, #F4F2F2);
        background-image: -o-linear-gradient(top, #8CD32B, #8CD32B);
        background-image: linear-gradient(to bottom, #F4F3F3, #F4F2F2);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
        color: #A4A6A1;
        box-shadow: 0 1px 0 0 #FFFFFF inset;
        text-shadow: 0 1px 0 #FFFFFF;
        border: 1px solid #CED2CA;
        padding: 8px;
        /* width: 250px; */
        display: block;
        text-align: center;
        font-weight: normal;
        font-size: 12px;
        text-transform: uppercase;
    }

    .buttons2-container ul li a span {
        padding-left: 10px;
    }

.step-label {
    font-weight: bold;
    padding-left: 5px;
}

.radio label {
    padding-left: 0px;
    font-family: Verdana;
    font-size: 12px;
}

.checkbox label {
    padding-left: 10px;
    font-family: Verdana;
    font-size: 12px;
}

.marginleft15 {
    margin-left: 15px;
}

.answer_buttons2 {
    padding-bottom: 35px;
}

    .answer_buttons2 ul {
        list-style: none;
    }

        .answer_buttons2 ul li {
            float: right;
        }

            .answer_buttons2 ul li a {
                display: inline-block;
                padding: 15px 25px;
                border: 1px solid #d5d5d5;
                box-shadow: inset 0 0 0 1px #fff;
                -webkit-box-shadow: inset 0 0 0 1px #fff;
                -moz-box-shadow: inset 0 0 0 1px #fff;
                background: #fafafc;
                background: -moz-linear-gradient(top, #fafafc 0%, #efefef 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
                background: -webkit-linear-gradient(top, #fafafc 0%,#efefef 100%);
                background: -o-linear-gradient(top, #fafafc 0%,#efefef 100%);
                background: -ms-linear-gradient(top, #fafafc 0%,#efefef 100%);
                background: linear-gradient(to bottom, #fafafc 0%,#efefef 100%);
                width: 100%;
                text-align: center;
                font-weight: normal;
                font-size: 12px;
                text-transform: uppercase;
                color: #636363;
            }

                .answer_buttons2 ul li a span {
                    padding-left: 10px;
                }

.form-group label {
    padding-left: 10px;
}

.Msgtitle {
    background-color: rgb(244, 243, 243);
    text-transform: uppercase;
    border: 1px solid rgb(236, 234, 234);
    box-shadow: 0 0 1px white;
    padding: 10px 15px !important;
    font-size: 14px;
    font-weight: 600;
}

.Msgcontainer {
    border: 1px solid rgb(236, 234, 234);
    box-shadow: 0 0 1px white;
}

.FontSmall {
    font-size: 14px !important;
}

.test-details-name {
    border-color: white;
    font-family:"latoregular" !important;
}

    .test-details-name h2 {
        font-family: 'latolight';
        font-size: 20px;
        color: #656565;
        /* text-transform: uppercase; */
        padding: 0px;
        margin: 0px;
        width: 90%;
        padding: 15px 25px;
        background-color: rgb(244, 243, 243);
        position: relative;
    }

    .test-details-name p {
        padding-left: 25px;
    }

    .test-details-data{
        font-size:18px;
        margin-top:10px;
        padding:0px;
    }


.forward-arrow {
    height: 21px;
    width: 11px;
    position: absolute;
    background-image: url(../img/forward-icon.png);
    background-repeat:no-repeat;
    top: 30%;
    left: 87%;
}

.forward-arrow2 {
    height: 21px;
    width: 11px;
    position: absolute;
    background-image: url(../img/forward-icon.png);
    background-repeat:no-repeat;
    top: 30%;
    left: 87%;
}

.forward-arrow3 {
    height: 21px;
    width: 11px;
    position: absolute;
    background-image: url(../img/forward-icon.png);
    background-repeat:no-repeat;
    top: 30%;
    left: 87%;
}

.forward-arrow4 {
    height: 21px;
    width: 11px;
    position: absolute;
    background-image: url(../img/forward-icon.png);
    background-repeat: no-repeat;
    top: 30%;
    left: 86%;
}

@media All {
    tool\:tip {
        behavior: url(js/tooltip_js.htc);
    }
}

.tip {
    font-weight: bold;
    cursor: pointer;
    color: green;
}

.clsExplanationText {
    font-size: 13px;
    font-family: 'Conv_PontanoSans-Regular', Sans-Serif !important;
}

.radio-btn-style{
background-image: url(../img/titleRowBg.png);
  margin-top: 15px;
  border: 1px solid rgba(119, 119, 119, 0.18);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  padding: 15px;
}

.ass-a-content{
    background-color:#fff;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    padding: 25px;
    margin-top: 25px;
    position: relative;

}
.ass-a-content h1{
    font-family: 'latolight';
    font-size: 18px;
    color: #fff;
    text-transform:none;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: rgb(110, 170, 29);
    display: inline;
    padding: 8px 15px;
    position: relative;
    top: -37px;
    box-shadow: 0 3px 0px rgb(244, 243, 243);
}

.performanceTabBox{
    font-size: 13px;
    height: 21px;
    line-height: 21px;
    width: 40px;
    border-radius: 25%; -webkit-border-radius: 25%; -moz-border-radius: 25%;
    text-align:center;
    color: #ff7200;
    background-color:#e8e7e7;
    font-weight:bold;
    border: 1px solid #ddd;
    /*color: #333333;
    background-color:#93e12e ;*/
}

.forward-arrow4 {
    height: 21px;
    width: 11px;
    position: absolute;
    background-image: url(../img/forward-icon.png);
    background-repeat: no-repeat;
    top: 30%;
    left: 86%;
}

.colorRed{
    color:red;
}

.colorGreen{
    color:green;
}

.colorOrange{
    color:darkorange;
}

.colorYellow{
    color:#949412;
}

.colorPurple{
    color:#8f5098;
}

/*Namrata JQ Grid*/
.ui-jqgrid .ui-pg-input{
    height: 18px !important;
}

.link {
    font-family: 'latoregular';
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline;
    padding-left: 5px;
}
/*Namrata hide show instruction*/

.instruction-label {
       float: right;
       width:170px;
}

    .instruction-label a {
        color: #6EAA1D;
    }
    .marginR10 {
    margin-right: 10px;
}

 .requiredstar span:after {
    color: #e32;
    content: ' * ';
    display:inline;
    font-size:15px;
    font-weight:bold;
}
  .demo-level span span  {
      font-family: 'latobold';
    }

  .insttext {
    display: block;
    background: #305569;
    color: #fff;
    font-size: 14px;
}
  

.close {
    font-size: 29px;
    color: #555;
    opacity: 2;
}


 .ui-jqgrid tr.jqgrow td { word-wrap: break-word; /* IE 5.5+ and CSS3 */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ overflow: hidden; height: auto; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; } 
 th.ui-th-column div {  word-wrap: break-word; /* IE 5.5+ and CSS3 */ white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ overflow: hidden; height: auto; vertical-align: middle; padding-top: 3px; padding-bottom: 3px;  } 
.max-width-container{max-width:630px;}
.sethint {margin:15px 0 5px; top:0px !important; position:relative;}
.collapsediv{z-index:100}
.padCell0 { padding: 0px;}
.TodayMsg{font-weight: 700;color: black;font-family: verdana;font-size: 12px;}
.NeuronView{font-size: 12px;    font-family: 'latobold'; color:#e18828;  padding: 10px;    text-transform: uppercase;    font-weight: bold;}
.LabelBold {font-family: 'latobold' !important; font-size: 15px;  color:#c42943; font-weight:bold; padding-left:40%;}
.TeamName{font-family: 'latobold' !important; font-size: 15px !important;  color:#c42943; font-weight:bold;}
.TeamFigure td{font-weight:bold; font-size:14px !important; background-color:#eaeaea !important;}
 .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f6f5f5 ;}
 .redheadtable .table thead tr th{font-family:'latobold' !important; font-size:14px; background-color:#efefef;}
 .redheadtable .table tbody tr td{font-family:'latobold' !important; font-size:13px;}
 .OtherTeamFigure td{font-weight:bold; font-size:14px !important;}