@charset "utf-8";
/* CSS Document */

/*---------------------Layout ---------------------------*/

/*------------------------------------------------*/


.footer, .footer a {
    color: #747474;
}
/*-----------------Begin header------------------*/
/*.header {
    height: 164px;
    width: 100%;
    background: url(/images/top_bg.png) repeat-x;
}*/
.navbar-nav .nav-link {
    padding: .5rem 1rem;
}

.header-container {
    max-width: 1200px;
    margin: auto;
}
/* 
*loading
*/
.loading-container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 20000;
    color: #ffffff;
    font-weight: bold;
}

.loading-main {
    width: 200px;
    text-align: center;
    height: 30px;
    background-color: #bf5801;
    margin: 0 auto;
    opacity: .9;
    border-radius: 0 0 10px 10px;
    line-height: 30px;
    box-shadow: 0 3px 0 #999999;
}

    .loading-main i {
        margin-right: 10px;
    }



.dropdown-menu {
    margin: 0px 0 0;
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.header-login .dropdown-menu > li > a {
    margin-top: 0;
    border: 0;
    padding: 10px 10px;
    text-align: left;
    margin-left: 0;
    width: 100%;
}

    .header-login .dropdown-menu > li > a:hover {
        margin-top: 0;
        border: 0;
    }

.header-login .dropdown-menu {
    min-width: 150px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
    margin-left: 10px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #018a01;
}

.help-btn a {
    color: #ffffff;
    float: right;
    margin-top: 40px;
    width: 140px;
    height: 42px;
    background: #018a01 url(/images/help_pic.png) no-repeat center center;
    border: 1px solid #38a132;
    text-decoration: none;
    cursor: pointer;
}

    .help-btn a:hover {
        float: right;
        margin-top: 40px;
        width: 140px;
        height: 42px;
        background: #247432 url(/images/help_pic.png) no-repeat center center;
    }

/*
    logout
    */
.logout-main {
    width: 400px;
    margin: 140px auto 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 0 #d5d5d5;
    padding: 20px;
    text-align: center;
}

.logout-main-body {
    text-align: left;
}

    .logout-main-body h4 {
        padding: 10px 0 10px;
        font-size: 16px;
        font-weight: bold;
        color: #4a8250;
    }

    .logout-main-body p {
        color: #999999;
        font-size: 14px;
        margin: 0 0 10px;
    }

    .logout-main-body .text-red {
        color: #d13f48;
    }

.logout-main-btn {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    padding: 10px 0;
    margin: 5px auto;
    text-align: center;
}



.arrow-btn-r, .arrow-btn-l {
    padding: 10px 24px;
    background-color: #1bbbb9;
    color: #ffffff;
}

    .arrow-btn-r:hover, .arrow-btn-l:hover {
        background-color: #2a9e9d;
        color: #ffffff;
    }


/*
*link expired
 */
.link-main {
    width: 400px;
    min-height: 400px;
    margin: 140px auto 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 0 #d5d5d5;
    padding: 20px;
    text-align: center;
}

.link-main-body {
    text-align: left;
}

    .link-main-body h4 {
        padding: 10px 0 10px;
        font-size: 16px;
        font-weight: bold;
        color: #f7474d;
    }

    .link-main-body p {
        color: #f7474d;
        font-size: 14px;
        margin: 0 0 20px;
    }

.link-main-btn {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    padding: 10px 20px;
    margin: 5px auto;
}

.link-main-footer {
}
/*
*login wrong
 */
.login-wrong-main {
    width: 400px;
    margin: 140px auto 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 0 #cccccc;
    padding: 20px;
    text-align: center;
}

.login-wrong-body {
    text-align: left;
    padding-left: 10px;
}

    .login-wrong-body h4 {
        margin: 50px 0 10px;
        font-size: 18px;
        font-weight: bold;
        color: #f7474d;
    }

    .login-wrong-body p {
        color: #f7474d;
        font-size: 16px;
        margin: 0 0 10px;
    }

.login-wrong-body2 h4 {
    color: #247432;
}

.login-wrong-body2 p {
    color: #666666;
    text-align: left;
    padding-left: 10px;
    margin: 0 0 10px;
}

    .login-wrong-body2 p a {
        color: #247432;
        text-decoration: underline;
    }

        .login-wrong-body2 p a:hover {
            color: #38a132;
            text-decoration: underline;
        }

.login-wrong-footer p {
    color: #999999;
}

.login-wrong-btn {
    width: 100%;
    float: left;
    cursor: pointer;
    padding: 10px 20px;
    margin: 5px auto;
}

.main-input-btn {
    height: 24px;
    width: 25px;
    display: block;
    line-height: 26px;
    text-align: center;
    position: absolute;
    top: 1px;
    right: 16px;
    cursor: pointer;
    border-left: 1px #ddd solid;
    background-color: #f5f5f5;
    color: #333333;
}

    .main-input-btn:hover {
        background-color: #ffffff;
        color: #008000;
    }

.main-icon-btn {
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    border: 1px #ddd solid;
    border-radius: 26px;
    background-color: #f5f5f5;
}

    .main-icon-btn:hover {
        background-color: #ffffff;
    }

        .main-input-btn:hover .icon-remove, .main-icon-btn:hover .icon-remove {
            color: red;
        }
/*
*Error page
*/

.error-page {
    width: 400px;
    margin: 50px auto 0;
    text-align: center;
    font-family: Lato, sans-serif;
    text-align: center;
}

.error-page-header {
    text-align: center;
    width: 470px;
}

    .error-page-header a img {
    }

.error-page-main {
    background: #ffffff;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0px 2px 10px #ddd;
    padding: 30px;
    min-height: 220px;
}

    .error-page-main h4 {
        color: #333;
        margin-top: 10px;
        border-top: 1px solid #eee;
        margin-bottom: 20px;
    }

    .error-page-main p {
        color: #333;
        margin-top: 10px;
        font-size: 18px;
    }

    .error-page-main .logout-main-btn {
        width: 240px;
        display: block;
        float: none;
        background-color: #7eb530;
        padding: 10px 20px;
        cursor: pointer;
        color: #fff;
        margin: 30px auto;
        text-decoration: none;
    }

        .error-page-main .logout-main-btn:hover, .error-page-main .logout-main-btn:focus {
            color: #fff;
            background: #1D64A6;
        }
/*
error-page2
*/
.error-page2 {
    width: 100%;
    margin: 80px auto 0;
    text-align: center;
}

.error-page2-header {
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 20px;
}

.error-page2-main h4 {
    color: #999999;
    margin-top: 30px;
}

.error-page2-main p {
    color: #999999;
    margin-top: 10px;
}

.error-page2-main .logout-main-btn {
    width: 240px;
    margin-top: 30px;
    display: block;
    float: none;
}

/**/


.error-page3 {
    width: 400px;
    margin: 50px auto 0;
    text-align: center;
}

.error-page3-header {
    padding-bottom: 20px;
}

.error-page3-main {
    background: #ffffff;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0px 2px 10px #dddddd;
    padding: 30px;
    min-height: 220px;
}

    .error-page3-main h4 {
        color: #999999;
        margin-top: 10px;
        text-align: left;
        border-top: 1px solid #eeeeee;
    }

    .error-page3-main p {
        color: #999999;
        margin-top: 10px;
        text-align: left;
    }

        .error-page3-main p a {
            color: #018a01;
            cursor: pointer;
            font-weight: bold;
        }

            .error-page3-main p a:hover {
                color: #00a2d4;
            }

    .error-page3-main .logout-main-btn {
        width: 240px;
        margin-top: 30px;
        display: block;
        float: none;
    }


/*

.header-logout {
    float: right;
    margin-top: 70px;
    width: 270px;
    color: #666666;
    bottom: 10px;
}

    .header-logout span i {
        margin-left: 20px;
        margin-right: 5px;
    }
/*-----------------END header------------------*/


/*-----------------Begin Nav------------------*/
.nav-item {
    margin-left:5px;
    
    font-size: 16px;
}

.active > .nav-link {
    border-bottom: ridge #002768 3px;
    border-bottom-style: ridge;
    font-weight: bold;
    color: #002768;
    font-size: 28px;
}

.navbar-light {
    background-color: #ffffff !important;
}
/*----------------------END Nav----------------------*/
/*----------------------Begin Bread----------------------*/
.bread {
    padding-left: 0px;
    padding-right: 0px;
}

.breadcrumb {
    background-color: #ffffff !important;
}
/*----------------------END Bread----------------------*/
/*-----------------Begin banner-pages------------------*/
.banner-pages {
    height: 140px;
    width: 100%;
    float: left;
    background: #0C6 url(/images/pages_banner2.png) center center no-repeat;
    margin-bottom: -10px;
}

    .banner-pages h1 {
        width: 1200px;
        margin: 60px auto 0px;
        /* font-family: Helvetica, Arial, sans-serif;*/
        font-weight: 100;
        color: #666666;
        font-size: 36px;
        /* font-family: 'Open Sans', "Helvetica Neue Thin", "HelveticaNeue-Thin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
   */
    }
/*-----------------END banner-pages------------------*/


/*-----------------Begin MAIN RIGHT------------------*/
/*
*helptickte
*/
.helptickte {
    padding-top: 25px;
    padding-left: 20px;
}

    .helptickte a {
        width: 315px;
        height: 123px;
        display: block;
        background: url(/images/help.png) 0 0 no-repeat;
    }

        .helptickte a:hover {
            width: 315px;
            height: 123px;
            background: url(/images/help.png) 0 -123px no-repeat;
        }
/*--END helptickte--*/


/*
*Begin Newsletter
*/
.newsletter-container {
    height: 40px;
    width: 310px;
    float: left;
    margin-top: 23px;
}

.subinput {
    height: 40px;
    width: 216px;
    float: left;
    border: 1px #CCCCCC solid;
    border-right: 0px;
}

.subbutton {
    height: 40px;
    width: 88px;
    background-color: #d13f48;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    color: #ffffff;
}

    .subbutton:hover {
        background-color: #e90e1d;
    }
/*--END Newsletter--*/


/*
*Begin Earlylearning
*/
.earlylearning-title {
    height: 36px;
    line-height: 36px;
}

.earlylearning h4 {
    float: left;
    line-height: 36px;
}

.earlylearning img, .earlyLearning h4 {
    float: left;
}

.earlylearning-icon {
    height: 19px;
    width: 100%;
    display: block;
    padding: 5px 0 0 10px;
}

.earlylearning-content {
    width: 100%;
    background: #e9e9e9;
}

    .earlylearning-content p {
        padding: 19px;
    }
/*--END Earlylearning--*/

/*
*Begin contact-icon
*/
.contact-icon {
    padding: 11px;
}

    .contact-icon a {
        width: 32px;
        height: 32px;
        display: block;
        float: left;
        margin-top: 5px;
        margin-left: 60px;
    }

.facebook-icon {
    background: url(/images/facebook_icon.png) center center no-repeat;
}

.tweet-icon {
    background: url(/images/tweet_icon.png) center center no-repeat;
}

.pin-icon {
    background: url(/images/pin_icon.png) center center no-repeat;
}
/*--END contact---*/

/*-----------------END MAIN RIGHT------------------*/







/*-----------------Begin ABOUT------------------*/
/*
*About-video
*/
.video-con {
    height: 416px;
    background: #cccccc;
    margin-bottom: 20px;
}

.history-cli div {
    margin-top: 30px;
    width: 100%;
}

.history-cli img {
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}
/*--END About-video--*/

/*
*Begin what-cli-con
*/
.what-cli-con {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .what-cli-con ul li {
        height: 150px;
        border-bottom: 1px #eee solid;
    }

        .what-cli-con ul li img {
            float: left;
            margin: 35px 20px 0 20px;
        }

        .what-cli-con ul li h4 {
            color: #4a8250;
            float: left;
            margin-top: 35px;
            margin-bottom: 5px;
            width: 70%;
        }

        .what-cli-con ul li p {
            float: left;
            width: 70%;
        }
/*--END what-cli-con--*/




/*-----------------Begin FAQ------------------*/

/*
.panel-group .panel { border-radius: 15px; }
.panel { border:0px; background-color:#eeeeee; border: 1px solid transparent;  }

.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
*/

/*-----------------END what-cli-con------------------*/




/*-----------------Begin CONTACT------------------*/
/*
*contact-con
*/
.contact-con {
    background: url(/images/contact_man.jpg) 50px bottom no-repeat;
    background-color: #ffffff;
}

.contact-con-top {
    margin-left: 200px;
    margin-top: 10px;
    border-bottom: 1px solid #eeeeee;
}

    .contact-con-top p {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #666666;
    }

.contact-con-bottom {
    margin-left: 200px;
    margin-top: 10px;
}

    .contact-con-bottom h4 {
        color: #4a8250;
        margin-bottom: 5px;
    }

.contact-input {
    margin-top: 20px;
}

.input-con {
    width: 100%;
    border: 1px solid #cccccc;
    height: 38px;
    margin-bottom: 15px;
    padding: 0 10px;
}

.contact-input textarea {
    width: 100%;
    height: 20%;
    border: 1px solid #cccccc;
    padding-left: 10px;
}

.contact-sumbit {
    font-size: 16px;
    color: #ffffff;
    padding: 13px 40px;
    margin-top: 20px;
    margin-bottom: 10px;
}
/*----------------End CONTACT-----------------*/




/*-----------------Begin DEMOS------------------*/
/*
*demos
*/
.demos-container ul li {
    background-color: #f5f5f5;
    margin-top: 25px;
}

    .demos-container ul li span {
        height: 72px;
        width: 100%;
        border-bottom: #e9e9e9 1px solid;
        display: block;
    }

    .demos-container ul li h4 {
        margin-left: 20px;
        height: 72px;
        float: left;
        line-height: 72px;
    }

    .demos-container ul li a {
        float: right;
        margin-top: 20px;
    }

    .demos-container ul li p a {
        color: #247432;
        float: none;
        margin-top: 0px;
    }

        .demos-container ul li p a:hover {
            color: #32a447;
            float: none;
            margin-top: 0px;
        }

    .demos-container ul li a:hover {
        color: #ffffff;
    }

    /*
.demos-container ul li input {
	float: right;
	margin-top: 20px;
}
    */
    .demos-container ul li p {
        margin-top: 10px;
        margin-left: 20px;
        padding-bottom: 20px;
    }

.try-btn {
    margin-right: 30px;
}

.video-btn {
    margin-right: 30px;
}
/*-----------------END DEMOS------------------*/



/*-----------------Begin Dashboard------------------*/


.innerTitle1_inner {
    font-size: 26px;
    color: #0657a1;
    padding: 5px 0px 5px 0px;
}

.innerTitle1 {
    font-family: canada-type-gibson;
    color: #1D64A6;
    font-weight: 700;
    letter-spacing: -1.5px;
    font-size: 4em;
}

@media (max-width:900px) {
    .innerTitle1 {
        font-family: canada-type-gibson;
        color: #1D64A6;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 2em;
    }
}

.innerTitle2 {
    font-size: 16px;
    color: #246bac;
    font-weight: bold;
    background-color: #E8EFF6;
    padding: 3px 5px;
}

.innerTitle3 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding: 3px 5px;
    border-top: 1px solid #ddd;
}

.innerBox {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 10px 0;
    height: auto;
    /*in-height: 470px;*/
}

.Dashboard_summary {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

    .Dashboard_summary .txt-item {
        border-bottom: 1px dashed #ccc;
        padding: 8px 0;
        /* color:#888;*/
    }

        .Dashboard_summary .txt-item.line {
            border-bottom: 1px dashed #ccc !important;
        }

        .Dashboard_summary .txt-item:last-child {
            border-bottom: none;
        }

    .Dashboard_summary .txt:hover {
        background-color: #f7f7f7;
        color: #333;
    }


.dashboard-btn-container {
    padding: 0px !important;
}

.DashboardBtn {
    background: #e8eff6;
    color: #1d64a6;
    border: 1px solid #e8eff6;
    border-radius: 20px;
    margin: 15px 0px;
    text-decoration: none;
    display: block;
    height: 100px;
    line-height: 18px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 30px 20px;
    /* border-radius: 5px;
   
    
    color: #fff;
    padding: 30px 10px;
   
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#98dff5), to(#06b1e6));
    background: -webkit-linear-gradient(top, #98dff5, #06b1e6);
    background: -moz-linear-gradient(top, #98dff5, #06b1e6);
    background: -o-linear-gradient(top, #98dff5, #06b1e6);
    background: -ms-linear-gradient(top, #98dff5, #06b1e6);
    background: linear-gradient(top, #98dff5, #06b1e6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #98dff5, endColorstr = #06b1e6);
   */
}

@media (max-width:485px) {
    .DashboardBtn {
        height: auto;
        padding: 30px 10px;
    }

    .main-body {
        background-color: white;
        padding: 2px;
    }
}

a.DashboardBtn:hover, .DashboardBtn.hover {
    background: #fff;
    border: 1px solid #ff6064;
    color: #1d64a6;
    /*  background-color: #598102;    background-color: #1d64a6;color: #fff;
    background-image: url(/Images/dashboardbtn_arrow.png);*/
    background-position: center top;
    background-repeat: no-repeat;
}

.dashboard-con ul {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    line-height: 110px;
    font-weight: bold;
}

    .dashboard-con ul li {
        width: 300px;
        height: 110px;
        background-color: #42b357;
        border-radius: 0px;
        box-shadow: 0 5px 0 #d5d5d5;
        float: left;
        margin: 20px 30px;
    }

        .dashboard-con ul li a {
            width: 300px;
            height: 110px;
            display: block;
            color: #ffffff;
            border-radius: 0px;
        }

.dashboard-con span {
    display: inline-flex;
    line-height: 110px;
}


/*-----------------End dashboard------------------*/


/*-----------------Begin Main------------------*/

/*----
.main-container-th {
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #333333;
}
.main-container-th i {
	padding: 0 10px;
	color: #42b35b;
}
---------*/


.main-con-right {
    margin-top: 20px;
    width: 92%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 0 #d5d5d5;
    float: left;
    margin-left: 20px;
    min-height: 600px;
    display: inline-block;
}

.main-con-right-full-screen {
    margin: 20px 20px auto;
    width: 95%;
}

.main-con-middle {
    margin: 20px auto 0;
    width: 90%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 0 #d5d5d5;
    float: none;
    min-height: 600px;
    overflow: hidden;
}

.main-con-left {
    margin-top: 20px;
    margin-left: 15px;
    width: 17%;
    float: left;
    height: 100%;
    display: inline-block;
}

.menu-side .menu-left-hint {
    border: 2px #32a447 solid;
    background: #ffffff;
    color: #276405;
}

    .menu-side .menu-left-hint li {
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        padding: 10px;
    }

        .menu-side .menu-left-hint li a {
            width: 23px;
            height: 23px;
            display: inline-block;
            padding: 4px 6px;
            margin: 0px;
            margin-left: 0px;
            margin-right: 10px;
            margin-bottom: 5px;
            cursor: default;
        }

        .menu-side .menu-left-hint li .tab-btn:hover {
            background: #333333;
        }

        .menu-side .menu-left-hint li .ok-btn:hover {
            background: #247432;
        }

        .menu-side .menu-left-hint li .on-btn:hover {
            background: #62ad11;
        }

        .menu-side .menu-left-hint li .off-btn:hover {
            background: #cccccc;
        }

        .menu-side .menu-left-hint li .cpalls_three_less:hover {
            background: #028dc4;
        }

        .menu-side .menu-left-hint li .trash-btn:hover {
            background: #d13f48;
        }

        .menu-side .menu-left-hint li .cpalls_three:hover {
            background: #e8a645;
        }

.menu-side h4 {
    width: 100%;
    padding-left: 15px;
    line-height: 40px;
    border-radius: 10px;
    font-size: 16px;
    background-color: #204b7e;
    box-shadow: 0 5px 0 #d5d5d5;
    cursor: pointer;
}

    .menu-side h4 a {
        width: 100%;
        height: 100%;
        color: #ffffff;
        display: inline-block;
    }

.menu-side p {
    margin-left: 15px;
    font-size: 16px;
}



.menu-side h4:hover {
    background-color: #173961;
}


.menu-side h4 i, .menu-side h4 em {
    height: 22px;
    width: 22px;
    display: inline-block;
    background: url(/images/icon.png) -182px 7px no-repeat;
}

.menu-side ul {
    background-color: #204b7e;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 0px 20px;
    height: 100%;
    width: 100%;
    box-shadow: 0 5px 0 #d5d5d5;
    color: #fff;
}

    .menu-side ul li {
        width: 100%;
        line-height: 38px;
        border-bottom: 1px dashed #159F46;
        color: #fff;
    }

        .menu-side ul li a {
            padding-left: 15px;
            color: #ffffff;
            width: 100%;
            display: block;
        }

            .menu-side ul li a:hover {
                color: #ffffff;
                background-color: #173961;
            }

        .menu-side ul li ul {
            margin-bottom: 0px;
            margin-top: 0px;
            padding: 0px;
            box-shadow: 0 0px 0 #d5d5d5;
        }

        .menu-side ul li ul {
        }



            .menu-side ul li ul li {
                width: 100%;
                border-bottom: 0px dashed #159F46;
                border-top: 1px dashed #159F46;
            }

                .menu-side ul li ul li a {
                    padding-left: 25px;
                }

.menu-side .active {
    background-color: #173961;
}

.toggle-menu {
    position: absolute;
    font-size: 18px;
    height: 30px;
    width: 30px;
    left: 20px;
}

.ade-dashboard-content {
    width: 450px;
    margin: 40px auto;
}

    .ade-dashboard-content ul {
        display: block;
    }

    .ade-dashboard-content li {
        width: 450px;
        line-height: 70px;
        display: block;
        background: #cccccc;
        line-height: 70px;
        text-align: center;
        margin-bottom: 50px;
        box-shadow: 0 5px 0 #d5d5d5;
        float: left;
    }

        .ade-dashboard-content li a {
            width: 450px;
            line-height: 70px;
            display: block;
            color: #ffffff;
            font-size: 18px;
            font-weight: bold;
        }

        .ade-dashboard-content li ul {
            background-color: #ffffff;
        }

            .ade-dashboard-content li ul li {
                width: 111px;
                line-height: 40px;
                display: block;
                background: #62ad11;
                line-height: 40px;
                text-align: center;
                margin-bottom: 0px;
                box-shadow: 0 0px 0 #d5d5d5;
                float: left;
                margin-top: 1px;
                color: #ffffff;
                margin-left: 1px;
            }

                .ade-dashboard-content li ul li:hover {
                    background: #70bc1d;
                }

                .ade-dashboard-content li ul li a {
                    width: 111px;
                    line-height: 40px;
                    display: block;
                    color: #ffffff;
                    font-size: 12px;
                    font-weight: normal;
                }

.ade-menu-dashboard li {
    width: 140px;
    height: 60px;
    float: left;
    display: block;
    margin: 20px 20px;
    text-align: center;
}

    .ade-menu-dashboard li a {
        color: #ffffff;
        background-color: #1a7c9d;
        width: 140px;
        height: 60px;
        padding: 10px;
        display: inline-block;
        box-shadow: 0 5px 0 #d5d5d5;
    }

        .ade-menu-dashboard li a:hover {
            background-color: #00b7ee;
        }

.assessment-menu-dashboard li {
    width: 140px;
    height: 100px;
    float: left;
    display: block;
    margin: 20px 20px;
    text-align: center;
    border-radius: 10px;
    background-color: #41730b;
    color: #fff;
}

    .assessment-menu-dashboard li:hover {
        background-color: #62ad11;
    }

.assessment-menu-dashboard2 li {
    width: 300px;
    margin: 20px 25px;
}

.assessment-d-btns {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .assessment-d-btns h3 {
        font-size: 18px;
        border-bottom: 1px #ddd dashed;
        padding-bottom: 10px;
        color: #008000;
    }

.assessment-menu-dashboard li a {
    color: #ffffff;
    width: 140px;
    height: 100px;
    padding: 10px;
    display: inline-block;
    padding-top: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 0 #d5d5d5;
    border: 2px solid #dddddd;
}

.assessment-menu-dashboard2 li a {
    width: 300px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

    .assessment-menu-dashboard2 li a i {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        font-style: normal;
    }


.pin {
    letter-spacing: 10px;
    padding-left: 20px;
}

.cec-btn {
    background-color: #da993a;
}

    .cec-btn:hover {
        background-color: #e8a645;
    }

.cot-btn {
    background-color: #5182c9;
}

    .cot-btn:hover {
        background-color: #49a0d5;
    }

.vcw-menu-dashboard {
    font-size: 16px;
    text-align: center;
}

.control-label {
    text-align: left;
}

.control-label-text-r {
    float: right;
    margin-right: 10px;
}


.vcw-menu-h3 {
    text-align: center;
    color: #38a132;
    margin-top: 20px;
}

.nav-container-little {
}

    .nav-container-little li {
        background-color: #ffffff;
        border-radius: 0px 0px 0px 0px;
    }

        .nav-container-little li a {
            border-radius: 0px 0px 0px 0px;
        }

            .nav-container-little li a .active {
                border-radius: 0px 0px 0px 0px;
            }

.vcw-menu-dashboard li {
    width: 100%;
    height: 80px;
    display: inline-block;
    margin: 20px 0;
    text-align: center;
    border-radius: 10px;
}

    .vcw-menu-dashboard li a {
        color: #ffffff;
        width: 450px;
        height: 80px;
        padding: 10px;
        display: inline-block;
        padding-top: 25px;
        border-radius: 10px;
        box-shadow: 0 2px 0 #d5d5d5;
        border: 2px solid #dddddd;
        position: relative;
    }

        .vcw-menu-dashboard li a span {
            position: absolute;
            background: rgba(102,205,0,1);
            top: -10px;
            right: -10px;
            overflow: hidden;
            display: block;
            padding: 4px 10px;
            border-radius: 14px;
            position: absolute;
            box-shadow: -1px 1px 1px #666;
        }

.vcw-btn {
    background-color: #007093;
}

.vcw-btn2 {
    background-color: #247432;
}

.vcw-btn3 {
    background-color: #da993a;
}

.vcw-btn4 {
    background-color: #d13f48;
}

.vcw-btn5 {
    background-color: #666;
}

.vcw-btn:hover {
    background-color: #236fd4;
}

.vcw-btn2:hover {
    background-color: #38a132;
}

.vcw-btn3:hover {
    background-color: #e8a645;
}

.vcw-btn4:hover {
    background-color: #e90e1d;
}

.vcw-btn5:hover {
    background-color: #777;
}

.report-content {
}

    .report-content ul {
        margin: 0 20px;
    }

        .report-content ul li {
            width: 30%;
            float: left;
            margin-right: 20px;
            height: 36px;
        }

            .report-content ul li .checkbox-inline {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.manage-btn {
    background: #29ab87;
}

.items-btn {
    background: #49a0d5;
}

.courses-btn {
    background: #e8a645;
}

.manage-btn:hover {
    background: #1b9e77;
}

.items-btn:hover {
    background: #5182c9;
}

.courses-btn:hover {
    background: #da993a;
}

.right-content {
    width: 100%;
    padding: 0px 20px 20px;
}

.right-content-top {
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
}

.right-report-main {
    margin-bottom: 10px;
}

.right-reports-con {
    border: 2px solid #dddddd;
    border-radius: 10px;
    padding: 10px 0px;
}


    .right-reports-con ul li {
        padding: 10px 20px 5px;
        border-bottom: 1px dashed #dddddd;
        width: 100%;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }




        .right-reports-con ul li span {
            margin-left: 20px;
            display: inline-block;
            position: absolute;
        }

        .right-reports-con ul li button, .right-reports-con ul li a {
            display: inline-block;
            width: 225px;
            text-align: center;
        }

        .right-reports-con ul li:last-child {
            border-bottom: 0px;
        }

/*-----Manage Assessment--------*/

.main-con {
    width: 1200px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 0 #d5d5d5;
    margin: 0 auto;
    margin-top: 25px;
    padding: 30px;
    min-height: 600px;
}


.table {
    text-align: center;
    font-size: 13px;
    margin-bottom: 0px;
    border-bottom: 1px solid #dddddd;
}



    .table.border1 td {
        border-left: 1px solid #dddddd;
        height: 18px;
    }

        .table.border1 td:first-child, .table.border2 td:first-child {
            border-left: none;
        }

        .table.border1 td:first-child {
            border-right: none;
        }

        .table.border1 td[class='boardleftnone'] {
            border-left: none;
            border-right: none;
        }

        .table.border1 td:nth-child(2) {
            border-left: none;
        }

    .table.border2 td {
        border-left: 1px solid #dddddd;
        height: 18px;
    }

        .table.border2 td[class='boardleftnone'] {
            border-left: none;
            border-right: none;
        }

    .table th {
        text-align: center;
        cursor: pointer;
    }

    .table > thead > tr > .tab-th-s:hover {
        color: #018a01;
        background-color: #f5f5f5;
    }

    .table > thead > tr .tab-th-h:hover {
        background-color: #f5f5f5;
    }

.color-icon-r, .color-icon-b {
    font-size: 18px;
    line-height: 18px;
}

.top-form {
    padding: 5px 10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    font-size: 12px;
}

    .top-form label {
        font-weight: bold;
    }

    .top-form p {
        margin-right: 20px;
    }


.table-th-expanded {
    background-color: #d3e6f4;
}

.table-th-collapsed {
    background-color: #f8edc8;
}

.p-table-list tr.new-table-list td {
    background-color: #fafad2 !important;
}

    .p-table-list tr.new-table-list td:first-child i {
        color: #666;
        padding-right: 5px;
    }

.form-control {
    display: block;
    width: 100%;
    height: 26px;
    padding: 2px 4px;
    font-size: 13px;
    color: #666666;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-group-addon {
    padding: 2px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #666666;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

.form-control-static {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    display: inline-block;
    color: #333 !important;
}

.form-horizontal .control-label {
    padding-top: 0px;
    margin-bottom: 0px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

@media(max-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 5px;
        margin-bottom: 0px;
        text-align: left;
        font-size: 13px;
    }
}

.form-horizontal .control-label-nocontent {
    padding-top: 5px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 13px;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 5px;
}

.form-horizontal .control-label-text {
    padding-top: 5px;
    min-height: 28px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 13px;
    padding-left: 0px;
    border-bottom: 1px dashed #cccccc;
    color: #333333;
    word-break: break-all;
}

.form-horizontal .control-label-text-nounderline {
    padding-top: 5px;
    min-height: 32px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 13px;
    padding-left: 0px;
    color: #333333;
    word-break: break-all;
}

.dashed {
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.word-break {
    word-break: break-all;
}

.field-validation-error {
    color: #b94a48;
}

.form-horizontal .form-group {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
    margin-bottom: 0;
}

#modalLarge .form-horizontal .form-group {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0 10px 0;
    margin-bottom: 0;
}

#modalNormal .form-horizontal .form-group {
    display: flex;
    flex-wrap: wrap;
    /*padding: 0px 0 5px 0;*/
    margin-bottom: 0;
}

#modalSmall .form-horizontal .form-group {
    display: flex;
    flex-wrap: wrap;
    /* padding: 0px 0 5px 0;*/
    margin-bottom: 0;
}

.form-group .control-label-text {
    width: 100%;
    display: inline-block;
}

.form-horizontal label {
    font-size: 13px;
}

.form-horizontal .control-label:after {
    content: ":";
}

.form-horizontal .control-label.required:before {
    content: "* ";
    color: red;
}

.form-horizontal-padding {
    height: 50px;
    padding: 15px 5px;
    font-size: 17px;
}

span.required:before {
    content: "* ";
    color: red;
}

.form-horizontal .form-group p {
    /*color: #666666;*/
}

.form-horizontal .form-group .redtext {
    color: #C30;
}

#messageContainer .btn-default, #messageContainer .btn-primary, #messageContainer .btn-success, #messageContainer .btn-info, #messageContainer .btn-warning, #messageContainer .btn-danger {
    /*border-radius: 50px !important;*/
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 2em;
    padding-right: 2em;
}

#messageContainer .btn-default, #messageContainer .btn-primary, #messageContainer .btn-success, #messageContainer .btn-info, #messageContainer .btn-warning, #messageContainer .btn-danger {
    color: #fff;
    background-color: #002768;
    border-color: #002768;
    border: 2px solid #002768;
}


    #messageContainer .btn-default:hover, #messageContainer .btn-primary:hover, #messageContainer .btn-success:hover, #messageContainer .btn-info:hover, #messageContainer .btn-warning:hover, #messageContainer .btn-danger:hover {
        
    background-color: #BA5A03;
    border-color:white;
}

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.form-inline {
    padding: 5px 0;
}

    .form-inline label {
        display: table-row;
    }

    .form-inline .form-control {
        display: block;
        width: 100%;
        height: 26px;
        padding: 2px 4px;
        font-size: 13px;
        color: #666666;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #dddddd;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

.flexDiv {
    display: flex;
}

    .flexDiv input[type="radio"], .flexDiv input[type="checkbox"] {
        vertical-align: middle;
        margin: 5px;
    }

.term-chose-l .btn:active, .term-chose-l .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    margin: 0 0 0 -1px !important;
}

.term-chose-l .nav-btn {
    background-color: #ffffff;
    border: 1px #ddd solid;
    color: #333333;
}

    .term-chose-l .nav-btn:hover {
        background-color: #ffffff;
        border: 1px #ddd solid;
        color: #333333;
    }

.term-chose-l .submit-btn {
    background-color: #1b891b;
    color: #ffffff;
}

    .term-chose-l .submit-btn:hover {
        background-color: #BA5A03;
        color: #ffffff;
    }

.term-nav-container {
    height: 33px !important;
    background: none !important;
}


    .term-nav-container li {
        position: relative;
        border: 0px !important;
        margin-right: 0px !important;
    }

        .term-nav-container li a {
            padding: 0px;
            width: 117px;
            color: #eee !important;
        }

            .term-nav-container li a:hover {
                color: #ffffff;
            }

    .term-nav-container .term-p-bar {
        width: 117px;
        position: absolute;
    }

.term-btn-navcon1 a {
    position: relative;
}

.term-btn-navcon2 a {
    position: relative;
}

.term-btn-navcon3 a {
    position: relative;
}

.term-nav-container .term-btn-navcon1 .term-p-bar {
    background: #1b891b url(/images/p_03.png);
    height: 29px;
    top: 0;
    display: block;
    color: #fff;
}

    .term-nav-container .term-btn-navcon1 .term-p-bar span {
        height: 29px;
        background: #1B891B url(/images/p_03.png);
        top: 0;
        display: block;
    }

.term-nav-container .term-btn-navcon2 .term-p-bar {
    background: #d08f2f url(/images/p_03.png);
    display: block;
    height: 29px;
    top: 0;
}

    .term-nav-container .term-btn-navcon2 .term-p-bar span {
        background: #d08f2f url(/images/p_03.png);
        top: 0;
        display: block;
        height: 29px;
    }

.term-nav-container .term-btn-navcon3 .term-p-bar {
    background: #017bac url(/images/p_03.png);
    display: block;
    height: 29px;
    top: 0;
    color: #fff;
}

    .term-nav-container .term-btn-navcon3 .term-p-bar span {
        background: #017BAC url(/images/p_03.png);
        top: 0;
        display: block;
        height: 29px;
    }



.term-nav-container li a:hover {
}

.term-nav-container .active a {
    padding-top: 0px !important;
    color: #fff !important;
    background: none !important;
}

.term-nav-container .active .term-p-bar {
    display: block;
}

.term-nav-container .term-btn-con1-n:hover, .term-nav-container li.active .term-btn-con1-n {
    background: #1B891B url(/images/p_03.png) no-repeat center center !important;
    color: #333333;
}

.term-nav-container .term-btn-con2-n:hover, .term-nav-container li.active .term-btn-con2-n {
    background: #A86503 url(/images/p_03.png) no-repeat center center !important;
    color: #333333;
}

.term-nav-container .term-btn-con2-n {
    background: #A86503 url(/images/p_03.png) no-repeat center center !important;
    color: #fff !important;
}

.term-nav-container .term-btn-con3-n {
    background: #017BAC url(/images/p_03.png) no-repeat center center !important;
    color: #fff !important;
}

    .term-nav-container .term-btn-con3-n:hover, .term-nav-container li.active .term-btn-con3-n {
        background: #017BAC url(/images/p_03.png) no-repeat center center !important;
        color: #333333;
    }

.term-btn-con1-a, .term-btn-con2-a, .term-btn-con3-a {
    font-weight: bold !important;
    color: #fff !important;
}

.term-btns a {
    width: 100%;
    line-height: 32px;
    padding: 0 10px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.term-content a {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #333333;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 10px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border: 1px #eee solid;
}

.term-content .active {
    background-color: #dddddd;
    cursor: pointer;
}

.term-content-left {
    width: 660px;
    float: left;
}

.term-content-right {
    width: 30px;
    background-color: #ffffff;
    right: -1px;
    height: 30px;
    position: absolute;
    top: -1px;
    border: 1px #dddddd solid;
}

    .term-content-right .term-btn-all, .term-content-right .term-btn-empty {
        display: block;
        padding-top: 5px;
        padding-left: 8px;
        color: #333333;
        cursor: pointer;
    }



.term-btns .active {
    background-color: #dddddd;
    cursor: pointer;
}


.term-btn-con1:hover {
    background-color: #3ea30c;
}

.term-btn-con2:hover {
    background-color: #e8a645;
}

.term-btn-con3:hover {
    background-color: #00bfff;
}


.term-content .form-group {
    margin-bottom: 0px;
}

.term-content {
    border-bottom: 1px #ccc dashed;
    padding: 10px 10px 0px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

/*.term-content .term-group-t p,.term-content .term-group-t p span.body {
    color: #3ea30c !important;
}*/
.term-content-con .col-sm-2 {
    width: 19.666667%;
    padding-right: 0px;
}

.term-content-con {
    padding: 0px !important;
    border: 0px;
}

.term-main-con1 {
    border: 4px #3ea30c solid;
    padding: 10px;
    margin-top: -4px;
    margin-left: 2px;
}

.term-main-con2 {
    border: 4px #d08f2f solid;
    padding: 10px;
    margin-top: -4px;
    margin-left: 2px;
}

.term-main-con3 {
    border: 4px #017bac solid;
    padding: 10px;
    margin-top: -4px;
    margin-left: 2px;
}

.term-main-con1 .term-content .term-group-t p {
    color: #297B00 !important;
}

.term-main-con2 .term-content .term-group-t p {
    color: #9f5e01 !important;
}

.term-main-con3 .term-content .term-group-t p {
    color: #0478a2 !important;
}


.term-content .term-group-t p span.select {
    height: 32px;
    display: inline-block;
    float: none;
    color: #333 !important;
}

.term-content .term-group-t {
    background-color: #f5f5f5;
    color: #666666;
    font-weight: bold;
    border: 0px;
}

    .term-content .term-group-t i {
        margin-left: 30px;
        margin-right: 5px;
    }

.term-content-con {
    border: 1px;
    margin-top: -1px;
    background-color: #f5f5f5;
}

.term-contents {
    line-height: 30px;
}

    .term-contents span {
        width: 100%;
        display: block;
        line-height: 24px;
        /*border-top: 1px #ddd dashed;*/
    }

    .term-contents.term-1 {
        color: #ffffff;
        background-color: #1B891B;
    }

    .term-contents.term-2 {
        color: #ffffff;
        background-color: #A76303;
    }

    .term-contents.term-3 {
        color: #ffffff;
        background-color: #017BAC;
    }





.group-bg-b {
    background-color: #e7f4fa;
    padding: 0px 10px 0px 10px;
    padding-top: 15px;
    margin-bottom: 15px;
    border: 1px dashed #b0c4de;
}

.group-bg-y {
    background-color: #fbf8eb;
    padding: 0px 10px 0px 10px;
    padding-top: 15px;
    margin-bottom: 15px;
    border: 1px dashed #deb887;
}



.form-link {
    outline: none;
    text-decoration: none;
    color: #007093;
}

    .form-link:hover {
        color: #4a8250;
        outline: none;
        text-decoration: none;
    }

.form-link4 {
    outline: none;
    text-decoration: underline;
    color: #007093;
}

    .form-link4:hover {
        color: #cc3300;
        text-decoration: underline;
    }


.form-link2 {
    color: #0c0c7f !important;
    line-height: 28px;
    text-decoration: underline;
    cursor: pointer;
}

    .form-link2:hover {
        color: #0c0c7f;
    }

.nav-btn a, .cancel-btn a, .save-btn a {
    color: #fff !important;
}

.cancel-btn {
    margin: 0 5px;
    color: #000000;
    background-color: #cccccc;
    font-size: 14px;
    display: inline-block;
}

    .cancel-btn:hover {
        color:#ffffff;
        background-color: #BA5A03;
    }

div .form-link3:last-child {
    border: 0px;
}

.form-link2:hover {
    color: #4a8250;
}


.form-link3 {
    color: #236fd4;
    line-height: 28px;
    text-decoration: underline;
    border-right: 2px solid #dddddd;
    padding-right: 10px;
    padding-left: 5px;
}

    .form-link3:hover {
        color: #4a8250;
        text-decoration: underline;
    }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.text-label {
    width: 30%;
    float: left;
}

.form-control-right {
    width: 70%;
    float: left;
}

.modal-dialog {
    max-width: 1000px;
    margin: 30px auto;
}

.modal-dialog-sm {
    max-width: 500px;
    margin: 30px auto;
}

.modal-dialog-nomral {
    max-width: 730px;
    margin: 80px auto;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    display: inline;
}

.modal-body {
    padding: 0;
}

.modal-main-content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.modal-content-body {
}

.modal-body-tab {
    padding: 0 20px;
}

    .modal-body-tab .table {
        background: #ffffff;
    }

.modal-footer {
    text-align: center;
  /*  padding: 30px;*/
   /* margin: 0px -20px -20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #ffffff;*/
    display: block;
}

.modal-l-b {
    border: 0px;
    border-top: 1px dashed #dddddd;
    margin: 10px 0;
}

.modal-btn {
    margin: 0 5px;
}

.row {
    /*  margin-right: -10px;
    margin-left: -10px;*/
    padding: 5px 0;
}

.main-content {
    width: 100%;
    margin-top: 20px;
}

.content-title {
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    font-weight: normal;
    color: #0b4713;
    padding-left: 15px;
    border-bottom: 2px solid #247432;
}

td.border-right, .content-body-tab th.border-right {
    border-right: 2px solid #247432;
}

.content-title2 {
    height: 30px;
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 0 0px 0px rgba(255, 255, 255, 0.35), 0 1px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0px 0px rgba(255, 255, 255, 0.35), 0 1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0px 0px rgba(255, 255, 255, 0.35), 0 1px 0px 0px rgba(0, 0, 0, 0.1);
}

.content-title3 {
    min-height: 30px;
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0px 0px rgba(255, 255, 255, 0.35), 0 1px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0px 0px rgba(255, 255, 255, 0.35), 0 1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0px 0px rgba(255, 255, 255, 0.35), 0 1px 0px 0px rgba(0, 0, 0, 0.1);
}

    .content-title3 .control-label {
        text-align: left;
        position: relative;
        padding-top: 5px;
    }

.content-title3-t {
    font-size: 14px;
    line-height: 30px;
    float: left;
    margin-right: 5px;
}

.checkbox-con {
    width: 100%;
    display: inline-block;
    padding-left: 20px;
    height: 32px;
}

.checkbox-con-multi {
    width: 100%;
    display: inline-block;
    padding-left: 10px;
}

    .checkbox-con-multi .checkbox-inline {
        margin-left: 0px;
        margin-right: 10px;
    }

.checkbox-con-double {
    width: 48%;
}

.checkbox-con-c {
    padding-left: 20px;
}

.checkbox-con .checkbox-inline {
    margin-right: 10px;
    position: relative;
}

.btns-group {
    padding: 10px 20px;
    display: inline-block;
    border-bottom: 1px #eee solid;
    width: 100%;
}

.close-btn-s {
    color: #ffffff;
    background-color: #cc3300;
    padding: 3px 10px;
    border-radius: 16px;
    float: right;
    margin-left: 10px;
}

.add-btn-s {
    color: #ffffff;
    background-color: #32cd32;
    padding: 3px 10px;
    border-radius: 16px;
    float: right;
    margin-left: 10px;
}

.pencil--s {
    color: #ffffff;
    background-color: #d08f2f;
    padding: 3px 10px;
    border-radius: 16px;
    float: right;
    margin-left: 10px;
}

.key-btn-s {
    color: #ffffff;
    background-color: #d08f2f;
    padding: 3px 10px;
    border-radius: 16px;
    float: right;
    margin-left: 10px;
}

.measure-btns {
    position: relative;
    height: 36px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
}


.btn-add {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

    .btn-add a, .btn-export a, .btn-printer a {
        color: #ffffff;
        font-size: 13px;
        padding: 5px 10px;
        float: left;
        margin-right: 5px;
        color: #ffffff;
    }

    .btn-add a {
        float: right;
        padding: 3px 7px;
    }

        .btn-export a:hover, .btn-printer a:hover, .btn-add a:hover {
        }

.btns-group-title {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eeeeee;
}

.btns-group-con {
    margin-bottom: 10px;
}

.btns-group-con-n {
    margin-bottom: 10px;
}

.btns-group-con a {
    width: 100%;
    display: inline-block;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
}

    .btns-group-con a span {
        width: 74px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0px 0px -6px;
    }

    .btns-group-con a i {
        display: inline-block;
        padding: 3px 3px;
    }

.btns-group-con .icon-move {
    cursor: move;
}

.btns-group-con a:hover i {
    display: inline-block;
    background-color: #006400;
    padding: 3px 3px;
}

.btns-group-con-n a {
    width: 100%;
    background-color: #2e8b57;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
}

.btns-group-con a:hover {
}

.line-con {
    border-bottom: 1px #ddd dashed;
    margin: 0 20px;
}

.mainbox-con {
    width: 100%;
    padding: 0 20px;
}

    .mainbox-con select {
        width: 100%;
        border: 1px solid #cccccc;
    }

.content-con {
    background-color: #ffffff;
    border: 1px dashed #dddddd;
    margin-top: 10px;
    padding-bottom: 10px;
    word-wrap: break-word;
    word-break: break-all;
}

    .content-con .content-title3 {
        background-color: #f8f8f8;
        position: relative;
    }

        .content-con .content-title3 .t-teacher-btn {
            position: absolute;
            right: 6px;
            top: 4px;
            background: #008000;
            font-size: 12px;
            color: #ffffff;
            padding: 3px 10px;
        }

.checkbox-con .form-control {
    display: inline-block;
    width: 120px;
    margin-left: 10px;
}

.checkbox-con .form-control-double {
    display: block;
    margin-top: 2px;
}

input[type="radio"], input[type="checkbox"] {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left:5px;
    margin-right:5px;
}

.content-min-body {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 10px;
    padding: 20px 10px 0px;
}

.content-body {
    width: 100%;
    padding-bottom: 10px;
    /*padding: 20px 10px 0px;*/
}

.content-body-green {
    background: #ebf8e6;
}

.content-body-yellow {
    background: #fbf8eb;
}

.content-body-bule {
    background: #e7f4fa;
}

.inputtext-con {
    padding: 20px;
}

.inputtext-con-file {
    overflow: hidden;
    padding: 10px 20px 0px;
}

.inputtext-con .control-label {
    padding-top: 0px;
}



.upload-btn {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px;
    overflow: hidden;
}

.uploader-list { /*
   padding-left: 20px;
    padding-top: 10px;*/
    text-align: left;
    line-height: 28px;
    font-size: 13px;
}

    .uploader-list a:hover {
        text-decoration: underline;
    }

.upload-btn a {
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;
    color: #ffffff;
    background-color: #32a447;
}

    .upload-btn a:hover {
        background-color: #65cb78;
    }

    .upload-btn a.disabled {
        background-color: #333;
        border-radius: 3px;
    }

.textarea-con {
    padding: 20px;
    word-break: normal;
}

    .textarea-con textarea {
        min-height: 100px;
    }


.backlink {
    color: #666666;
    font-weight: 100;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 20px;
}

.backlink {
    font-size: 14px;
}

    .backlink i, .backlink em {
        margin: 0 5px;
    }

    .backlink a {
        color: #247432;
        font-weight: 700;
    }

        .backlink a:hover {
            color: #333333;
        }

.main-btn {
    height: 34px;
    padding: 0px 10px;
    line-height: 34px;
    text-align: center;
    margin: 0 5px;
}

.del-btn {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    color: #ffffff;
    padding: 2px 5px 2px 5px;
    background-color: #00b7ee;
}

    .del-btn:hover {
        color: #ffffff;
    }

    .del-btn .close {
        padding-top: 2px;
        padding-left: 6px;
    }

.t-del-btn {
    margin-top: 10px;
    overflow: hidden;
}

.nav-tab {
    margin: 0 15px;
}

.modal-content-body .nav-tab {
    margin: 0;
    padding: 0 5px;
}

.nav-container {
    height: 30px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.nav-container-main {
    border: 1px #eee solid;
    border-top: 0px;
    padding: 5px 20px 15px;
    margin-top: -15px;
    border-radius:;
}

    .nav-container-main .nav-tab {
        margin: 0px;
    }

.nav-container li {
    float: left;
    border: 1px solid #dddddd;
    border-radius: 5px 5px 0px 0px;
    margin-right: 5px;
}

.nav-container .active a {
    color: #ffffff;
    background-color: #0a5911;
}

.nav-container li a {
    line-height: 28px;
    padding: 0 30px;
    display: block;
    color: #006700;
    border-radius: 5px 5px 0px 0px;
}

    .nav-container li a:hover {
        background-color: #00440a;
        color: #ffffff;
    }

.nav-container-little li {
    float: left;
    border: 1px solid #dddddd;
    margin-right: 5px;
}

.nav-container-little .active a {
    color: #ffffff;
    background-color: #eca600;
}

.nav-container-little li a {
    line-height: 28px;
    padding: 0 30px;
    display: block;
    color: #d89800;
}

    .nav-container-little li a:hover {
        background-color: #eca600;
        color: #ffffff;
    }

.nav-tab .tab-content table td, .nav-tab .tab-content table th {
}

.nav-tab .tab-content table td {
    line-height: 26px;
    padding: 0 10px;
}

.nav-tab .tab-content table th {
    background: #ffffff;
    padding: 5px 10px;
}

.tab-big {
    overflow-x: auto;
    min-height: 400px;
}


.tab-content {
    background-color: #f5f5f5;
    padding: 10px 10px;
}

    .tab-content .fade {
        opacity: 1;
        -webkit-transition: opacity 0s linear;
        -o-transition: opacity 0s linear;
        transition: opacity 0s linear;
    }

    .tab-content table {
    }

        .tab-content table thead {
            background-color: #ffffff;
        }

.content-body-tab-header {
    padding: 10px 0;
}

.tab-d-con {
    padding: 0px 0px 0px;
    border: 0px;
}

.tab-d {
    width: 47%;
    float: left;
}

    .tab-d .content-title {
        margin-top: 0px;
        margin-bottom: 10px;
    }

.tab-d-input {
    margin: 10px 0px;
}

    .tab-d-input input {
        width: 73%;
        float: left;
        margin-right: 20px;
    }



.tab-d-m {
    width: 6%;
    height: 100%;
    float: left;
    padding-top: 85px;
}


.mainright-btn {
    margin: 0 5px;
    margin-bottom: 5px;
}

.search-btn, .sreach-btn {
    padding: .375rem .75rem !important;
    margin: 0px;
}

.select-stg-btn {
    margin-bottom: 10px;
}

    .select-stg-btn a {
        display: block;
        width: 160px;
        margin-left: 20px;
        margin-top: 10px;
        padding: 5px 20px;
        color: #ffffff;
        background: #00b7ee;
        text-decoration: none;
    }

        .select-stg-btn a:hover {
            color: #ffffff;
            background: #00a2d4;
        }

    .select-stg-btn span {
        display: block;
        width: 160px;
        margin-left: 20px;
        margin-top: 10px;
        padding: 5px 20px;
        background-color: #bbbbbb;
    }

.stg-list-con {
    display: inline-block;
    margin: -5px 20px;
    width: 100%;
}

    .stg-list-con button {
        float: left;
        margin-left: 10px;
        margin-top: 3px;
    }

    .stg-list-con a {
        float: left;
    }

.add-teacher-btn {
    padding: 3px 24px;
    margin: 0px;
    position: absolute;
    top: -40px;
    right: 60px;
    background-color: #247432;
}

    .add-teacher-btn:hover {
        background-color: #32a447;
    }

a.search-btn {
    display: inline-block;
}

.tab-save-btn {
    padding: 3px 20px;
    margin: 3px;
    margin-top: 16px;
}


.button-content {
    height: 70px;
    text-align: center;
    margin-top: 30px;
}

.nav-btn,  .save-btn {
    color: #ffffff;
    display: inline-block;
}

    .nav-btn:hover, .nav-btn:focus, .cancel-btn:hover, .cancel-btn:focus, .save-btn:hover, .save-btn:focus {
        color: #ffffff;
    }

.table-btn {
    height: 22px;
    width: 22px;
    line-height: 22px;
    border-radius: 22px;
    margin: 3px 0px;
    display: inline-table;
    color: #002768;
    text-align: center;
    font-size:18px;
}

    .table-btn:hover, .table-btn:focus {
        color: #000000;
        text-decoration: none;
    }

    .table-btn.glyphicon {
        height: 22px !important;
    }

a.table-btn:not(.cpalls_no_benchmark .cpalls_light), a.table-btn:not(.cpalls_no_benchmark .cpalls_light):focus {
    text-decoration: none;
    /*color: #ffffff;*/
}

.table-btn:hover {
    color: #000000;
}

.m-b {
    margin-bottom: 15px;
}

.m-l-n {
    margin-left: -15px;
}

.check-m-r {
    margin-right: 5px;
}

.with50 {
    width: 50%;
    float: left;
}

.with100 {
    width: 100%;
    float: left;
}

.search-list {
    position: absolute;
    z-index: 1000;
    font-size: 12px;
    width: 287px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: block;
}

    .search-list li {
        line-height: 18px;
        padding-left: 10px;
        cursor: pointer;
        text-align: left;
    }

        .search-list li em {
            color: #999999;
        }

        .search-list li:hover, .search-list li.active {
            background-color: #247432;
            color: #ffffff;
        }

textarea.form-control {
    width: 100%;
    padding: 10px;
}

.content-footer {
    width: 100%;
    height: 70px;
    display: flex;
}

.footer-center {
    padding-top: 20px;
    text-align: center !important;
}

.pagination {
    font-size: 12px;
    margin: 20px 0px;
}

.table-info {
    text-align: left;
    line-height: 70px;
    font-size: 12px;
    color: #666666;
}

.pager-info {
    text-align: left;
    line-height: 70px;
    font-size: 12px;
    color: #666666;
}

.table-info select {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    padding: 5px 10px;
    height: 29px;
}

.table-info .text-muted {
    color: #666666;
}


.tables-paginate {
    float: right;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 5px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666666;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0px;
}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    border-color: #cccccc;
    background: #002768;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.paginate-input-group {
    width: 100px;
    float: left;
}

/*--------- END Mainright ---*/

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #002768;
    color: #ffffff;
    
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
   
    /* border: 1px solid #ff6064;background: #ffffff;
    color: #1d64a6;*/
    font-size: 14px;
  /* text-transform: uppercase;*/
    padding: 3px 18px !important;
    margin: 0px;
}

.webuploader-container-disable {
    pointer-events: none;
}

.webuploader-pick-hover {
    background: #0c5395;
    color: #ffffff;
    /*background: #003c72;*/
}

.webuploader-dnd {
    width: 400px;
    height: 400px;
    border: 3px solid #dddddd;
}

.webuploader-dnd-over {
    border-style: dashed;
}

.webuploader-container {
    float: left;
    position: relative;
    display: inline-block;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

.webuploader-pick-disable {
    background: #333;
    pointer-events: none;
}

.webuploader-preview {
    float: left;
    line-height: 30px;
}

/*---alert--- */
.message-Container {
    position: fixed;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    outline: 0;
    z-index: 10000;
}


.alert-danger {
    color: #a94442;
    background-color: #ffffff;
}

.btn-danger.focus, .btn-danger:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.alert-success, .alert-warning {
    background-color: #ffffff;
}

.alert {
    position: relative;
    text-align: center;
    display: block;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 1px;
    -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.5);
    box-shadow: 0 0px 1px rgba(0,0,0,.5);
}

@media (max-width:411px) {
    .alert {
        width: 100%;
    }
}

.alert-dismissable, .alert-dismissible {
    padding-right: 20px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -10px;
        color: inherit;
    }

.alert i {
    border-radius: 21px;
    color: #ffffff;
    margin: 0 auto;
    display: block;
    width: 42px;
    padding: 7px 0px;
}

.alert .icon-remove {
    background-color: #d13f48;
}

.alert .icon-ok {
    background-color: #247432;
}

.alert .icon-warning-sign {
    color: #e36b00;
}

.alert h4 {
    margin-top: 10px;
}

.alert p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#features {
    margin: auto;
    width: 460px;
    font-size: 0.9em;
}

.connected, .sortable, .exclude, .handles {
    margin: auto;
    font-size: 13px;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .sortable.grid {
        overflow: hidden;
    }

    .connected li, .sortable li, .exclude li, .handles li {
        list-style: none;
        border: 1px solid #eeeeee;
        background: #F6F6F6;
        font-family: "Tahoma";
        color: #666666;
        margin: 5px;
        padding: 5px;
        height: 32px;
    }

    .connected li, .sortable li, .exclude li, .handles li {
        list-style: none;
        border: 1px solid #eeeeee;
        background: #F6F6F6;
        font-family: "Tahoma";
        color: #666666;
        margin: 5px;
        padding: 5px;
        height: 32px;
    }

    .handles span {
        cursor: move;
    }

li.disabled {
    font-weight: bold;
    color: #666666;
    background: #eeeeee;
}

.sortable.grid li {
    line-height: 80px;
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
}

li.highlight {
    background: #FEE25F;
}

#connected {
    width: 440px;
    overflow: hidden;
    margin: auto;
}

.connected {
    float: left;
    width: 200px;
}

    .connected.no2 {
        float: right;
    }

li.sortable-placeholder {
    border: 1px dashed #cccccc;
    background: none;
}



.question-tip, .question-over {
    color: #555;
    cursor: pointer;
}

    .question-tip:hover, .question-over:hover {
        color: #333333;
    }

/*
        Table Action Buttons: Start
    */
.item-warp {
    width: 100%;
    height: 100%;
    background: #6faa29;
    padding-top: 20px;
}

    .item-warp .header {
        height: 136px;
        width: 100%;
        background: url(/images/top_bg.png) repeat-x;
    }

.tab-th-s {
    border: 1px solid #ddd !important;
    border-bottom: 2px solid #ddd !important;
    padding: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
    height: 34px;
    padding-left: 14px !important;
}

table thead .active {
    background-color: #d3e6f4 !important;
    color: #000000 !important;
}

.tab-th-s .form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 2px 5px;
    font-size: 13px;
    color: #666666;
    background-color: #ffffff;
    background-image: none;
    border: 0px solid #dddddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.tab-td-b-l {
    border-left: 1px solid #dddddd;
}

.tab-td-b-r {
    border-right: 1px solid #dddddd;
}

.tab-failed {
    background-color: #fa8072 !important;
}

.tab-normal {
    background-color: #ffff00 !important;
}


.icon-play-more {
    width: 19px;
    height: 13px;
    background: url(/images/icon_play_more.png) center center no-repeat;
    display: inline-block !important;
    width: 19px;
    height: 13px;
}

.tab-btn {
    color: #ffffff;
    background-color: #333333;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 5px;
    cursor: pointer;
}

    .tab-btn:hover {
        color: #ffffff;
    }

    .tab-btn:hover, .tab-btn:focus {
        color: #ffffff;
        text-decoration: none;
    }

.off-btn {
    background-color: #cccccc;
    color: #000;
}

.on-btn {
    background-color: #437E00;
}

.cpalls_normal, .cpalls_normal:hover {
    background: #32a447;
}

.cpalls_normal_light, .cpalls_normal_light:hover {
    background: #D3F07D;
}

.cpalls_four, .cpalls_four:hover {
    background: #dc143c;
}

.cpalls_four_light, .cpalls_four_light:hover {
    background: #F8A5A9;
}

.cpalls_three, .cpalls_three:hover {
    background: #F0A300;
}

.cpalls_three_light, .cpalls_three_light:hover {
    background: #FFF200;
}

.cpalls_three_less, .cpalls_three_less:hover {
    background: #0480B1;
}

.cpalls_three_less_light, .cpalls_three_less_light:hover {
    background: #B9ECE7;
}

    .cpalls_normal, .cpalls_four, .cpalls_three, .cpalls_three_less,
    .cpalls_normal:hover, .cpalls_four:hover, .cpalls_three:hover, .cpalls_three_less:hover,
    .cpalls_normal_light, .cpalls_four_light, .cpalls_three_light, .cpalls_three_less_light,
    .cpalls_normal_light:hover, .cpalls_four_light:hover, .cpalls_three_light:hover, .cpalls_three_less_light:hover {
        color: #000;
        font-weight: bold;
        border-radius: 20px;
        height: 19px;
        line-height: 19px;
        width: 20px;
        margin: 0 2px;
        display: inline-table;
        text-align: center;
    }

        .cpalls_four, .cpalls_four:hover, .cpalls_three_less, .cpalls_three_less:hover {
            color: #fff;
        }

.cpalls_no_benchmark, .cpalls_no_benchmark:hover {
    background-color: #fff;
    color: #000;
    border-color: #000;
    display: inline-block;
    border: 1px solid;
    border-radius: 20px;
    height: 19px;
    line-height: 19px;
    width: 20px;
    margin: 0 2px;
    text-align: center;
}

.trs-name {
    background-color: green;
    color: #ffffff;
    line-height: 28px;
    padding: 0 30px;
    border-radius: 5px 5px 0px 0px;
}


.modal-dialog-login .modal-content {
    background-color: #ffffff;
    margin-top: 10px;
}

.modal-dialog-login .modal-header {
    height: 120px;
    border: 0px;
}

.modal-dialog-login .modal-main-content {
    padding-top: 10px;
}

.modal-dialog-login .modal-login-body {
    text-align: left;
}

.modal-login-body p {
    margin: 10px 0;
    font-size: 13px;
}

.modal-login-body .login-text-link {
    margin: 0;
    padding: 0;
    color: #007699;
    background-color: #f5f5f5;
    display: inline;
    border: 0px;
    float: none;
}

    .modal-login-body .login-text-link:hover {
        border: 0px;
        background-color: #f5f5f5;
        color: #3db0c8;
    }

.modal-login-footer .login-text-link:hover {
    border: 0px;
    background-color: #3fa94d;
    color: #fff;
}

.modal-login-footer .login-text-link {
    margin: 0;
    padding: 0;
    color: #ffffff;
    padding: 1px 5px;
    border-radius: 5px;
    background-color: #018a01;
    display: inline;
    border: 0px;
    float: none;
}

.modal-login-footer {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

/*
        Table Action Buttons: End
    */



.assessment-menu-Cpalls li {
    width: 400px;
    height: 55px;
    float: left;
    display: block;
    margin: 5px 5px;
    text-align: center;
    border-radius: 10px;
    background-color: #d9edf7;
}

    .assessment-menu-Cpalls li:hover {
        background-color: #62ad11;
    }

    .assessment-menu-Cpalls li a {
        color: #000000;
        width: 100%;
        height: 100%;
        padding: 10px;
        display: inline-block;
        padding-top: 15px;
        border-radius: 10px;
        box-shadow: 0 2px 0 #d5d5d5;
        border: 2px solid #dddddd;
    }


.assessment-menu-Cpalls-class li {
    width: 200px;
    height: 55px;
    float: left;
    display: block;
    margin: 5px 5px;
    text-align: center;
    border-radius: 10px;
    background-color: #dff0d8;
}

    .assessment-menu-Cpalls-class li:hover {
        background-color: #62ad11;
    }

    .assessment-menu-Cpalls-class li a {
        color: #000000;
        width: 200px;
        height: 55px;
        padding: 10px;
        display: inline-block;
        padding-top: 12px;
        border-radius: 10px;
        box-shadow: 0 2px 0 #d5d5d5;
        border: 2px solid #dddddd;
    }

.pt-5 {
    padding-top: 3px !important;
    padding-left: 0 !important;
    color: #0A95BC;
}

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

#btnResetPin {
    background: #3979AF;
}
/* 2018-06-01 */
.btn.nav-btn.submit-btn {
    margin: 0;
}

.btn-group > fieldset:first-child:not(:last-child):not(.dropdown-toggle) .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > fieldset:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group fieldset:not(:first-child):not(:last-child):not(.dropdown-toggle) .btn {
    border-radius: 0;
    margin: 0 !important;
}

.icon_after .new_btn {
    width: auto;
    height: 25px;
    border-radius: 50px;
    line-height: 25px;
    padding: 0 15px;
    display: inline-block;
}

.icon_after .icon-pencil:after {
    content: "\f040";
}

.icon_after .icon-pencil:before {
    content: "";
}

.icon_after .icon-lock:after {
    content: "\f084";
}

.icon_after .icon-lock:before {
    content: "";
}

.icon_after .icon-trash:after {
    content: "\f014";
}

.icon_after .icon-trash:before {
    content: "";
}

.icon_after .icon-sort-down:before {
    transform: rotate(180deg);
    vertical-align: bottom;
    font-size: 16px;
}



/*----- responsive table style --------------------------------------------*/

/*----- one table ul ------------*/
.one_table {
    margin-bottom: 20px;
}

.resp_table_ul ul {
    padding: 0;
    margin: 0;
    font-size: 13px;
    margin-bottom: 15px;
}

.resp_table_ul li:nth-child(even) .resp_table_li {
    background: #F9F9F9;
}

.resp_table_li {
    border-bottom: 1px solid #ddd;
    padding: 7px 5px;
}

.resp_table_div {
    border-bottom: 1px solid #ddd;
    padding: 7px 5px;
}

.resp_table_icon {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    background: #247432;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
}

.resp_table_title {
    display: inline-block;
    width: 150px;
    margin-left: 5px;
    font-weight: 700;
    vertical-align: middle;
    margin-bottom: 0;
}

.resp_table_text {
    display: inline-block;
    width: calc(100% - 185px);
    vertical-align: middle;
    margin-bottom: 0;
}

.resp_table_other_t {
    margin-left: 27px;
}

.resp_table_m {
    display: none;
}

    .resp_table_m .resp_table_div:nth-child(odd) {
        background: #F9F9F9;
    }

/*----- two table ul ------------*/
.two_table {
    margin-bottom: 20px;
}

.resp_table_first_td {
    position: relative;
    text-align: center;
    font-size: 13px;
}

.resp_table_head {
    position: absolute;
    width: 20%;
    top: 0;
    left: 0;
}

.resp_table_container {
    padding-left: 20%;
    overflow-X: auto;
}

.resp_table_container_div {
    min-width: 500px;
}

.resp_table_colum {
    float: left;
    width: 25%;
}

.resp_table_first_td h3 {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

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

.resp_table_first_td li {
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
}

    .resp_table_first_td li:nth-child(odd) {
        background: #f9f9f9;
    }

    .resp_table_first_td li:nth-child(even) {
        background: #fff;
    }

@media(max-width:767px) {
    .resp_table_head {
        width: 165px;
    }

    .resp_table_container {
        padding-left: 165px;
    }
}

.combo {
    /*display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 0px 20px 0px 0px;
    border: 1px solid #cbcbcb;
    background: #fff;
    width: 125px;
    min-width: 100px;
    max-width: 470px;
    min-height: 20px;
    position: relative;*/
}

.combo-text {
    font-size: 12px;
    border: 0px;
    line-height: 14px;
    min-height: 10px;
    padding: 0px;
    *height: 18px;
    *line-height: 14px;
    _height: 18px;
    _line-height: 14px;
    float: left;
    width: auto;
}

.combo-arrow {
    background: #fff url('/Images/arrow_down.png') no-repeat center;
    width: 16px;
    height: 15px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60);
    margin-left: -16px;
    position: absolute;
    right: 0px;
    top: 2px;
}

    .combo-arrow:hover {
        background-color: #ddd;
        border: 1px solid #3c7fb1;
        width: 14px;
        height: 13px;
    }

ul.itemTop_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.itemTop_list li {
        width: auto;
        height: 20px;
        line-height: 20px;
        max-width: 120px;
        overflow: hidden;
        background-color: transparent;
        float: left;
        color: #666;
        display: block;
        margin: 3px 10px 3px 3px;
        padding: 0px 3px;
        white-space: nowrap;
    }

        ul.itemTop_list li .content {
            width: 100px;
            display: inline-block;
        }

        ul.itemTop_list li:hover {
            background-color: #ededed;
            color: #000;
        }

        ul.itemTop_list li span.rightClose {
            background-color: #eee;
            padding: 0px 3px;
            margin-left: 3px;
            cursor: pointer;
        }

            ul.itemTop_list li span.rightClose:hover {
                background-color: #b0e7ff;
            }

.comboList {
    /*position: absolute;
        max-height: 200px;
        overflow: auto;
        border: 1px solid #bbb;
        background-color: #eee;
        padding: 8px;
        width: 450px;
        z-index: 999;*/
}

    .comboList .rightClose {
        position: absolute;
        right: 0px;
        top: 5px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        z-index: 1000;
    }

.foot_left {
    float: left;
    padding-bottom: 15px;
}

.foot_right {
    float: right;
    margin-top: 10px;
    text-align: right;
    color: #7a7a7a;
    font-size: 13px;
}

ul.itemSub_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.itemSub_list li {
        color: #666;
        padding: 3px;
        padding-left: 4px;
    }

        ul.itemSub_list li.itemsubTitle {
            font-weight: bold;
            font-style: italic;
            padding-left: 0px;
        }

            ul.itemSub_list li.itemsubTitle:hover {
                background-color: #eee;
                color: #666;
            }

        ul.itemSub_list li:hover {
            background-color: #3296fa;
            color: #fff;
        }

.a_blue, .td-link a {
    /* color: #428bca;*/
    text-decoration: underline;
    color: #1d64a6;
}

    .a_blue:hover, .a_blue:focus, .a_blue:active, .td-link a:hover, .td-link a:active, .td-link a:focus {
        color: #794d74 !important;
        text-decoration: underline;
    }


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 3px;
    line-height: 1.8;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.popTitle {
    color: #cd023a;
    font-weight: bold;
    font-size: 14px;
}

.popinnerText1 {
    padding-top: 4px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #0657a1;
}

.whitespace {
    white-space: nowrap;
}

.fileContainerInstructional, .fileContainerSampleEvaluation, .fileContainerSupplemental {
    display: flex;
    flex-wrap: wrap;
}

.ul_1 {
    padding-left: 20px;
    margin-bottom: 10px;
    list-style-type: disc;
}

    .ul_1 li {
        list-style-type: disc;
    }

.divEditData {
    display: inline-block;
}

.div_h div {
    line-height: 22px;
    float: left
}

.pr_10 {
    padding-right: 10px
}

.evaluation_list .odd {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-size: 13px;
}

.evaluation_list .even {
    background: #fff;
    font-size: 13px;
}

.evaluation_list .form-title {
    border-top: 1px solid #dddddd;
    margin-top: 10px !important;
    font-weight: bold;
    background: #ffffff;
    color: #0657a1;
}

.evaluation_list .form-title1 {
    font-weight: bold;
    color: #0657a1;
}

.evaluation_list .odd:hover, .evaluation_list .even:hover {
    background-color: #f5f5f5;
}

.evaluation_list input[type="radio"], .evaluation_list input[type="checkbox"] {
    margin: 0 5px;
}

.evaluation_list .statementsize {
    font-size: 13px;
}

.p_0 {
    padding-left: 0;
    padding-right: 0
}

.m_15 {
    margin: 0 15px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    text-align: left;
}

.table > tbody > tr > td:last-child {
    /*text-align:left;*/
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 3px !important;
}

.top_1 {
    border-top: 1px solid #dddddd;
}

table.dataTable > tbody > tr.child span.dtr-data {
    word-break: break-all;
}

.h28 {
    line-height: 28px;
}

.form-group_1 {
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}

.exampleText {
    color: #666666;
    font-weight: normal;
    font-size: 12px;
}

.pertinentBox {
    margin-bottom: 8px !important;
    margin-top: -5px;
    background-color: #eff9ff;
    border: 1px solid #9ab9cc;
}

@media (max-width:900px) {
    .drop_minwidth {
        min-width: 80px;
    }

    .main-body {
        background-color: white;
        padding: 10px;
    }
}

@media (min-width:900px) {
    .drop_minwidth {
        min-width: 100px;
    }

    .main-body {
        background-color: white;
        padding: 20px;
    }
}

.mainTitle1 {
    color: #1570a6;
    font-size: 18px;
    margin: 10px 0px 7px;
    padding: 10px 0px 0px;
    border-top: 1px solid #dddddd;
    font-weight: bold;
}

    .mainTitle1 span {
        font-weight: normal;
        font-size: 14px;
    }

.commentInfo {
    border: 1px solid #cccccc;
    padding: 5px;
}

.CommentRow:nth-of-type(odd) {
}

.CommentRow:nth-of-type(even) {
    background: #eff9ff;
}

.commentCreatedBy {
    font-style: italic;
    font-size: 13px;
}

.smallBtn {
    background: #002768;
    font-size: 13px;
    padding: 3px 18px !important;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.tabBtn {
    background: #002768;
    font-size: 13px;
    padding: 3px 18px !important;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom:5px;
    margin-left: 5px;
    margin-right: 5px;
}

button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}
/*.modal-content-body {
    margin: 2% 10%;
}*/

.btn-Login {
    color: #fff;
    background-color: #002768;
    border-color: #002768;
}

    .btn-Login:active, .btn-Login:hover {
        color: #fff;
    }
a:focus {
    color: #000000;
    outline: none;
    text-decoration: underline;
}
.nav-link:focus {
    text-decoration: underline;
    color:#000000;
}

.pagination a:focus {
    text-decoration: underline;
    color: #000000;
}

input[type='radio']:focus, input[type='checkbox']:focus {
    text-decoration: underline;
    color: #000000;
}