@charset "utf-8";
/*Lato font*/
/*@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot');
    src: local('Lato-Light'), url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Thin.eot');
    src: local('Lato Thin'), local('Lato-Thin'), url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Thin.woff2') format('woff2'), url('../fonts/Lato-Thin.woff') format('woff'), url('../fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.eot');
    src: local('Lato-Hairline'), url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato-Hairline.woff') format('woff'), url('../fonts/Lato-Hairline.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.eot');
    src: local('Lato Semibold'), local('Lato-Semibold'), url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Semibold.woff2') format('woff2'), url('../fonts/Lato-Semibold.woff') format('woff'), url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.eot');
    src: local('Lato Medium'), local('Lato-Medium'), url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Medium.woff2') format('woff2'), url('../fonts/Lato-Medium.woff') format('woff'), url('../fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.eot');
    src: local('Lato Black'), local('Lato-Black'), url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff'), url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}*/



/*Lato fone*/


/*open sans*/

/*@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Extrabold.eot');
    src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Extrabold.woff') format('woff'), url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSans-CondensedBold.eot');
    src: url('../fonts/OpenSans-CondensedBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondensedBold.woff') format('woff'), url('../fonts/OpenSans-CondensedBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-CondensedLight.eot');
    src: url('../fonts/OpenSans-CondensedLight.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondensedLight.woff') format('woff'), url('../fonts/OpenSans-CondensedLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}*/

/*open sans*/
/*.nav-sm .container.body .left_col {
    width: 70px;
    padding: 0;
    position: absolute;
}

.nav-sm .hidden-small {
    visibility: hidden;
}*/

.newspaprs {
    content: "\f1ea";
}

/*.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}*/

/*.nav-sm .container.body .right_col {
    padding: 10px 14px;
    margin-left: 80px;
    z-index: 2;
}*/
#secPos {
    position:absolute;
}
.UniqueFeatureLeft .col-md-9 img {
    width: 100%;
}
.UniqueFeatureLeft .col-md-3 img {
    width: 114%;
}
.halqaCLsFloat {
    float: right !important;
}

.btnMore {
    font-family: 'lato';
    float: right;
}

.right_col .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    border-radius: 0px;
    background: #f6f6f6;
}

.right_col .breadcrumbBox {
    background: #f6f6f6;
    display: block;
    position: relative;
    margin-top: -10px;
    margin-left: 2px;
}

    .right_col .breadcrumbBox .col-md-10,
    .col-md-2 {
        margin: 0px;
    }

.right_col .breadcrumbdv {
    background: #f6f6f6;
    height: 30px;
}

.right_col .dateBox {
    background: #aab0b3;
    padding: 7.3px 9px;
    /* height: 30px; */
    display: block;
    color: #f4f5f5;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    margin-right: -14px;
}

.right_col .reqStatus {
    padding: 7.3px 9px;
    display: block;
    color: #2c3e50;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    margin-right: -14px;
    float: right;
    line-height: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

    .right_col .reqStatus i {
        float: left;
        font-style: normal;
    }

.right_col .acceptedDp {
    /* width: 100px;
    height: 31px;*/
    background: #66cdaa;
    padding: 7px 5px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    float: left;
    margin-left: 15px;
    line-height: 18px;
    font-weight: 500;
}

    .right_col .acceptedDp:hover {
        color: #fff;
    }

.right_col .rejectedDp {
    background: #e9967a;
    margin-left: 6px;
}

.right_col .pendingDp {
    background: #67befa;
    margin-left: 6px;
}

/*.nav-sm .navbar.nav_title {
    width: 70px;
}

    .nav-sm .navbar.nav_title a span {
        display: none;
    }

    .nav-sm .navbar.nav_title a i {
        font-size: 27px;
        margin: 13px 0 0 3px;
    }*/

.site_title i {
    border: 1px solid #EAEAEA;
    padding: 5px 6px;
    border-radius: 50%;
}

/*.nav-sm .main_container .top_nav {
    display: block;
    z-index: 2;
}

.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px;
    text-transform: uppercase;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #fac643;
}

    .nav-sm ul.nav.child_menu ul,
    .nav-sm .nav.side-menu li.active-sm ul ul {
        position: static;
        width: 200px;
        background: none;
    }

.nav-sm > .nav.side-menu > li.active-sm > a {
    color: #1ABB9C !important;
}

.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important;
}

.nav-sm .nav.side-menu li a i {
    font-size: 21px !important;
    text-align: center;
    width: 85% !important;
    margin-bottom: 5px;
    background: #29373d;
    padding: 10px 13px;
}

    .nav-sm .nav.side-menu li a i:active,
    .nav-sm .nav.side-menu li a i:visited,
    .nav-sm .nav.side-menu li a i:hover {
        text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #daa520), color-stop(100%, #daa520)), #686e78;
        background: -webkit-linear-gradient(#daa520, #daa520), #daa520;
        background: -moz-linear-gradient(#daa520, #daa520), #daa520;
        background: -o-linear-gradient(#daa520, #daa520), #daa520;
        background: linear-gradient(#daa520, #daa520), #daa520;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
        box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
        color: #fff;
    }

.nav-sm ul.nav.child_menu {
    left: 86%;
    position: absolute;
    top: 12%;
    width: 210px;
    z-index: 4000;
    background: #3E5367;
    display: none;
}

    .nav-sm ul.nav.child_menu li {
        padding: 0 10px;
    }

        .nav-sm ul.nav.child_menu li a {
            text-align: left !important;
        }

.nav-sm .profile {
    display: none;
}*/

.menu_section {
    margin-bottom: 35px;
}

    .menu_section h3 {
        padding-left: 23px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: bold;
        font-size: 11px;
        margin-bottom: 0;
        margin-top: 0;
        text-shadow: 1px 1px #000;
    }

    .menu_section > ul {
        margin-top: 10px;
    }

.main_menu span.fa {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #C4CFDA;
}

.active a span.fa {
    text-align: right !important;
    margin-right: 4px;
}

/*.nav-sm .menu_section {
    margin: 0;
}

    .nav-sm span.fa,
    .nav-sm .menu_section h3 {
        display: none;
    }

.nav-sm li li span.fa {
    display: inline-block;
}

.nav_menu {
    float: left;
    background: #b8860b;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

@media (min-width: 480px) {
    .nav_menu {
        position: static;
    }
}

.nav-md .container.body .col-md-3.left_col {
    width: 230px;
    padding: 0;
    position: absolute;
    display: flex;
}*/

.container.body .right_col {
    background: #F7F7F7;
}

/*.nav-md .container.body .right_col {
    padding: 10px 20px 0;
    margin-left: 230px;
}

.nav_title {
    width: 230px;
    float: left;
    border-radius: 0;
    height: 57px;
    margin: 5px;
}*/

.newmenuiconimg {
    background: #29373d;
}

    .newmenuiconimg:hover {
        background: #dda53b;
    }

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

.blue {
    color: #3498DB;
}

.purple {
    color: #9B59B6;
}

.green {
    color: #1ABB9C;
}

.aero {
    color: #9CC2CB;
}

.red {
    color: #E74C3C;
}

.dark {
    color: #34495E;
}

.border-blue {
    border-color: #3498DB !important;
}

.border-purple {
    border-color: #9B59B6 !important;
}

.border-green {
    border-color: #1ABB9C !important;
}

.border-aero {
    border-color: #9CC2CB !important;
}

.border-red {
    border-color: #E74C3C !important;
}

.border-dark {
    border-color: #34495E !important;
}

.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C;
}

.bg-green {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff;
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}

.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff;
}

.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff;
}

.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff;
}

.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff;
}

.container {
    width: 100%;
    padding: 0;
}

/*.navbar-nav > li > a,
.navbar-brand,
.navbar-nav > li > a {
    color: #fff !important;
}*/

/*.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover {
    background: #bc890c;
}*/

/*body {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    overflow-x: hidden;
}*/

section {
    padding: 20px 0;
}

#teacher-Headingboxes {
}

    #teacher-Headingboxes .teacher-Headingboxes {
    }

        #teacher-Headingboxes .teacher-Headingboxes .p-l-r {
            padding-right: 0px;
            padding-left: 0px;
        }

        #teacher-Headingboxes .teacher-Headingboxes .total-students {
            background: #fff;
            padding: 5px 5px;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

            #teacher-Headingboxes .teacher-Headingboxes .total-students .stu-img-position {
                margin-top: -73px;
                margin-left: -2px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .total-students .total-studentsTxt i {
                color: #055750;
                font-size: 12px;
                font-style: normal;
            }

        #teacher-Headingboxes .teacher-Headingboxes .total-courses {
            background: #f35958;
            padding: 5px 5px;
            color: #fff;
            height: 101px;
            overflow: hidden;
        }

            #teacher-Headingboxes .teacher-Headingboxes .total-courses .course-img-position {
                margin-top: -32px;
                margin-left: -21px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .total-courses .total-studentsTxt {
                display: block;
                float: right;
                text-align: right;
                margin-right: 26px;
                margin-top: 27px;
            }

                #teacher-Headingboxes .teacher-Headingboxes .total-courses .total-studentsTxt h3 {
                    font-size: 14px;
                    margin: 0px;
                }

                #teacher-Headingboxes .teacher-Headingboxes .total-courses .total-studentsTxt h4 {
                    font-size: 25px;
                    font-weight: 700;
                    margin: 0px;
                }

                #teacher-Headingboxes .teacher-Headingboxes .total-courses .total-studentsTxt i {
                    color: #7b2d2c;
                    font-size: 12px;
                    font-style: normal;
                }

        #teacher-Headingboxes .teacher-Headingboxes .new-studentsRequsts {
            background: #736086;
            padding: 5px 5px;
            color: #fff;
            height: 101px;
            overflow: hidden;
        }

            #teacher-Headingboxes .teacher-Headingboxes .new-studentsRequsts .Requsts-img-position {
                margin-top: -16px;
                margin-left: -24px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .new-studentsRequsts .total-studentsTxt {
                display: block;
                float: right;
                text-align: right;
                margin-right: 26px;
                margin-top: 27px;
            }

                #teacher-Headingboxes .teacher-Headingboxes .new-studentsRequsts .total-studentsTxt h3 {
                    font-size: 14px;
                    margin: 0px;
                }

                #teacher-Headingboxes .teacher-Headingboxes .new-studentsRequsts .total-studentsTxt h4 {
                    font-size: 25px;
                    font-weight: 700;
                    margin: 0px;
                }

                #teacher-Headingboxes .teacher-Headingboxes .new-studentsRequsts .total-studentsTxt i {
                    color: #c2a3e3;
                    font-size: 12px;
                    font-style: normal;
                }


/***************************** Teacher DashboardNew***********************************/

#teacher-Headingboxes {
}

    #teacher-Headingboxes .teacher-Headingboxes {
    }

        #teacher-Headingboxes .teacher-Headingboxes .total-assignments {
            background: #fff;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

        #teacher-Headingboxes .teacher-Headingboxes .assigImg {
            padding: 4px 0px;
            width: 101px;
            text-align: center;
            float: left;
            vertical-align: middle;
            height: 101px;
        }

        #teacher-Headingboxes .teacher-Headingboxes .total-assignments .assignments-img-position {
            margin-top: -24px;
            margin-left: -12px;
        }

        #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt {
            display: block;
            float: right;
            text-align: right;
            margin-right: 26px;
            margin-top: 10px;
        }

            #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt h3 {
                font-size: 24px;
                margin: 0px;
                color: #7f8c8d;
            }

                #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt h3 b {
                    font-size: 24px;
                    margin: 0px;
                    color: #000;
                    font-weight: 300;
                }

            #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt h4 {
                font-size: 25px;
                font-weight: 700;
                margin: 0px;
                color: #0AA699;
            }

        #teacher-Headingboxes .teacher-Headingboxes .total-assignments i {
            color: #726020;
            font-size: 12px;
            font-style: normal;
            float: left;
            margin-left: 10px;
            bottom: 0px;
            position: absolute;
            margin-bottom: 7px;
        }

        #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments {
            background: #fff;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

            #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .upcoming-assignments-img-position {
                margin-top: -3px;
                margin-left: 4px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .upcomingImg {
                padding: 4px 0px;
                width: 130px;
                text-align: center;
                float: left;
                vertical-align: middle;
                height: 101px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt {
                display: block;
                float: right;
                text-align: right;
                margin-right: 26px;
                margin-top: 12px;
            }

                #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt h3 {
                    font-size: 24px;
                    margin: 0px;
                    color: #7f8c8d;
                }

                    #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt h3 b {
                        font-size: 24px;
                        margin: 0px;
                        color: #000;
                        font-weight: 300;
                    }

                #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt h4 {
                    font-size: 25px;
                    font-weight: 700;
                    margin: 0px;
                    color: #F35958;
                }

            #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments i {
                color: #000;
                font-size: 12px;
                font-style: normal;
                float: left;
                margin-left: 10px;
                bottom: 0px;
                position: absolute;
                margin-bottom: 7px;
            }

        #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments {
            background: #fff;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

            #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignments-img-position {
                margin-top: -16px;
                margin-left: -15px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitImg {
                padding: 4px 0px;
                width: 101px;
                text-align: center;
                float: left;
                vertical-align: middle;
                height: 101px;
            }

            #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt {
                display: block;
                float: right;
                text-align: right;
                margin-right: 26px;
                margin-top: 11px;
            }

                #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt h3 {
                    font-size: 24px;
                    margin: 0px;
                    color: #7f8c8d;
                    /*text-align: left;*/
                }

                    #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt h3 b {
                        color: #000;
                        font-weight: 300;
                    }

                #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt h4 {
                    font-size: 25px;
                    font-weight: 300;
                    margin: 0px;
                    color: #736086;
                }

        #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-studentsTxt {
            display: block;
            float: right;
            text-align: right;
            margin-right: 26px;
            margin-top: 11px;
        }

            #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-studentsTxt h3 {
                font-size: 24px;
                margin: 0px;
                color: #000;
                font-weight: 300;
            }

            #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-studentsTxt b {
                font-size: 24px;
                margin: 0px;
                color: #000;
                font-weight: 300;
            }

            #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-studentsTxt h4 {
                font-size: 25px;
                font-weight: 700;
                margin: 0px;
                color: #a06754;
            }

        #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments i {
            color: #726020;
            font-size: 12px;
            font-style: normal;
            float: left;
            margin-left: 10px;
            bottom: 0px;
            position: absolute;
            margin-bottom: 7px;
        }


/***************************** Teacher DashboardNew End ***********************************/

#progresschartBoxes {
}

    #progresschartBoxes .progresschartBoxes {
    }

        #progresschartBoxes .progresschartBoxes .courseWise {
            height: 400px;
            background: #fff;
            border-top: 3px solid #3f94f3;
            padding: 10px;
            text-align: center;
            overflow: hidden;
        }

            #progresschartBoxes .progresschartBoxes .courseWise h2 {
                font-size: 15px;
                color: #000;
                text-transform: uppercase;
                margin-left: 15px;
                text-align: left;
            }

        #progresschartBoxes .progresschartBoxes .assignments {
            height: 400px;
            background: #fff;
            border-top: 3px solid #f39c12;
            padding: 10px;
            overflow: hidden;
        }

            #progresschartBoxes .progresschartBoxes .assignments h2 {
                font-size: 15px;
                color: #000;
                text-transform: uppercase;
                font-weight: 600;
                margin-left: 15px;
                text-align: left;
            }

                #progresschartBoxes .progresschartBoxes .assignments h2 i {
                    text-transform: uppercase;
                    font-weight: 300;
                    text-align: left;
                    font-style: normal;
                }

#recentlyAdded {
    /* margin-bottom: 60px; */
}

    #recentlyAdded .recentlyAdded {
    }

        #recentlyAdded .recentlyAdded .recentlyAddedTable {
            background: #fff;
            border-top: 3px solid #00c0ef;
            padding: 10px;
            color: #656f70;
            font-size: 13px;
            overflow: auto;
            width: 100%;
        }

    #recentlyAdded .tableres {
        width: 100%;
        overflow-y: auto;
        height: 250px;
    }

    #recentlyAdded .recentlyAdded .recentlyAddedTable tr td {
        padding-top: 23px !important;
        padding-bottom: 13px !important;
    }

    #recentlyAdded .recentlyAdded .recentlyAddedTable i.Tilawa {
        background: #e67e22;
        padding: 3px 14px;
        color: #fff;
        font-style: normal;
        font-weight: 600;
    }

    #recentlyAdded .recentlyAdded .recentlyAddedTable i.Hifz {
        background: #6d59b0;
        padding: 3px 21px;
        color: #fff;
        font-style: normal;
        font-weight: 600;
    }

    #recentlyAdded .recentlyAdded .recentlyAddedTable h2 {
        font-size: 15px;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
        margin-left: 15px;
        text-align: left;
    }

    #recentlyAdded .recentlyAdded .recentlyAddedTable .p-l-r {
        padding: 0px 30px;
        height: 251px;
        overflow: auto;
    }

#newStudentRequests {
    margin-bottom: 15px;
}

.newStudentRequests {
}

    .newStudentRequests .newStudentRequestsTable {
        background: #fff;
        border-top: 3px solid #00c0ef;
        padding: 10px;
        color: #656f70;
        font-size: 13px;
        width: 100%;
        min-height: 1135px;
    }

#newStudentRequestsRgr .newStudentRequestsTable {
    background: #fff;
    border-top: 3px solid #00c0ef;
    padding: 10px;
    color: #656f70;
    font-size: 13px;
    overflow: auto;
    width: 100%;
}

    #newStudentRequestsRgr .newStudentRequestsTable h2 {
        color: #000;
        font-size: 18px;
        text-transform: uppercase;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
    }

    #newStudentRequestsRgr .newStudentRequestsTable .RadioBtnCls {
        float: left;
        margin-top: 37px;
        margin-right: 2px;
        margin-left: 13px;
    }

    #newStudentRequestsRgr .newStudentRequestsTable .RadioBtnCls1 {
        float: left;
        margin-right: 7px;
        margin-left: 0px;
        margin-top: 7px;
    }

    #newStudentRequestsRgr .newStudentRequestsTable .assignTxt {
        font-size: 11px;
        line-height: 28px;
        font-weight: 500;
    }

.TotalRegStuTxt {
    color: #D35705;
    margin-top: -10px;
    float: right;
    margin-right: 43px;
    font-weight: 400;
}

.withdrawPopUpBox {
    background: #67BEFA;
    padding: 20px;
    color: #fff;
    border-radius: 0px;
}

.workExpDelete {
    background: #FDDDDE;
    padding: 20px;
    color: #6E2625;
    border-radius: 0px;
}

    .withdrawPopUpBox .modal-body,
    .workExpDelete .modal-body {
        position: relative;
        padding: 13px 0px 13px 0px;
        margin-top: -28px;
        margin-bottom: 12px;
    }

    .withdrawPopUpBox .saveBtn,
    .workExpDelete .saveBtn {
        background: #2C3E50;
        color: #fff;
        border: 0px;
        border-radius: 0px;
        padding: 5px 33px;
    }

    .withdrawPopUpBox .cancelBtn,
    .workExpDelete .cancelBtn {
        background: #C0392B;
        color: #fff;
        border: 0px;
        border-radius: 0px;
        padding: 5px 33px;
    }

    .withdrawPopUpBox h1,
    .workExpDelete h1 {
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 27px;
        text-transform: uppercase;
        padding: 0px;
        margin: 0px;
        margin-top: -7px;
    }

    .withdrawPopUpBox h2,
    .workExpDelete h2 {
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 18px;
        text-transform: capitalize;
    }

    .withdrawPopUpBox .modal-header,
    .workExpDelete .modal-header {
        border-bottom: 0px !important;
    }

    .withdrawPopUpBox .modal-footer,
    .workExpDelete .modal-footer {
        padding: 0px;
        margin-top: 0px;
        text-align: right;
        border-top: 0px;
    }

.HalqaStatus {
    width: 70%;
    height: 29px;
    float: right;
}

.SHalqa {
    line-height: 29px;
    margin-left: 0px;
}



#newStudentRequestsRgr .newStudentRequestsTable h4 {
    color: #010101;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, sans-serif;
    /* margin-left: 9px;*/
    float: left;
    font-weight: 400;
}

.activeColor {
    color: #2980B9 !important;
}

#newStudentRequestsRgr .newStudentRequestsTable h4 i {
    font-style: normal;
    font-weight: 100 !important;
    font-size: 20px;
}

#newStudentRequests .tableres {
    width: 100%;
    overflow-y: auto;
    height: 250px;
}

#newStudentRequests .newStudentRequests .newStudentRequestsTable tr td {
    padding-top: 23px !important;
    padding-bottom: 13px !important;
}

#newStudentRequests .newStudentRequests .newStudentRequestsTable i.Tilawa {
    background: #e67e22;
    padding: 3px 14px;
    color: #fff;
    font-style: normal;
    font-weight: 600;
}

#newStudentRequests .newStudentRequests .newStudentRequestsTable i.Hifz {
    background: #6d59b0;
    padding: 3px 21px;
    color: #fff;
    font-style: normal;
    font-weight: 600;
}

#newStudentRequests .newStudentRequests .newStudentRequestsTable h2 {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 15px;
    text-align: left;
}

#newStudentRequests .newStudentRequests .newStudentRequestsTable .p-l-r {
    padding: 0px 30px;
    height: 342px;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

@media (min-width: 192px) and (max-width: 1270px) {
    table.tile_info span.right {
        margin-right: 7px;
        float: left;
    }
}

.center-margin {
    margin: 0 auto;
    float: none !important;
}

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: -10px;
    padding-left: -10px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.grid_slider .col-md-6 {
    padding: 0 40px;
}

/*.navbar {
    margin-bottom: 0;
}

.navbar-header {
    background: #34495E;
}

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

.top_nav .navbar-right {
    margin: 0;

    float: right;
}

    .top_nav .navbar-right li {
        display: inline-block;
        float: right;
        position: static;
    }*/

/*@media (min-width: 480px) {
    .top_nav .navbar-right li {
        position: relative;
    }
}

.top_nav .dropdown-menu li {
    width: 100%;
}

    .top_nav .dropdown-menu li a {
        width: 100%;
        padding: 12px 20px;
    }

        .top_nav .dropdown-menu li a:hover {
            background: #b8860b;
            color: #fff;
        }

.top_nav li a i {
    font-size: 15px;
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%;
}*/

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px;
}

    .sidebar-header:first-of-type {
        margin-top: 0;
    }

/*.nav.side-menu > li {
    position: relative;
    display: block;
    cursor: pointer;
}

    .nav.side-menu > li > a {
        margin-bottom: 6px;
        color: #F2F5F7 !important;
        background: transparent;
    }

        .nav.side-menu > li > a:hover {
            color: #F2F5F7 !important;
        }

        .nav.side-menu > li > a:hover,
        .nav > li > a:focus {
            text-decoration: none;
            background: transparent;
        }

.nav.child_menu {
    display: none;
}

    .nav.child_menu li:hover,
    .nav.child_menu li.active {
        background-color: rgba(255, 255, 255, 0.06);
    }

    .nav.child_menu li {
        padding-left: 36px;
    }

.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

.nav.side-menu > li > a,
.nav.child_menu > li > a {
    color: #4f6975;
    font-weight: 500;
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
    background: none;
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
    color: #fff;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 13px 15px 12px;
}

.nav.side-menu > li.current-page,
.nav.side-menu > li a i.active {
    background: #daa520;
    color: #fff;
}

.nav li.current-page {
    background: #fac643;
}

.nav li li li.current-page {
    background: none;
}

.nav li li.current-page a {
    color: #fff;
}

.nav.side-menu > li > a.active {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #daa520), color-stop(100%, #daa520)), #686e78;
    background: -webkit-linear-gradient(#daa520, #daa520), #daa520;
    background: -moz-linear-gradient(#daa520, #daa520), #daa520;
    background: -o-linear-gradient(#daa520, #daa520), #daa520;
    background: linear-gradient(#daa520, #daa520), #daa520;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

.navbar-brand,
.navbar-nav > li > a {
    font-weight: 500;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 32px;
}*/

.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    padding-left: 10px;
}

    .site_title:hover,
    .site_title:focus {
        text-decoration: none;
    }

/*.nav.navbar-nav > li > a {
    color: #f7c54b !important;
    font-size: 14px;
}

.nav.top_menu > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #34495E !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
}*/

.top_search {
    padding: 0;
}

    .top_search .form-control {
        border-right: 0;
        box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
        border-radius: 25px 0px 0px 25px;
        padding-left: 20px;
        border: 1px solid rgba(221, 226, 232, 0.49);
    }

        .top_search .form-control:focus {
            border: 1px solid rgba(221, 226, 232, 0.49);
            border-right: 0;
        }

    .top_search .input-group-btn button {
        border-radius: 0px 25px 25px 0px;
        border: 1px solid rgba(221, 226, 232, 0.49);
        border-left: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        color: #93A2B2;
        margin-bottom: 0 !important;
    }

.toggle {
    float: left;
    margin: 0;
    padding-top: 16px;
    width: 70px;
}

    .toggle a {
        padding: 15px 15px 0;
        margin: 0;
        cursor: pointer;
    }

        .toggle a i {
            font-size: 26px;
        }

/*.nav.child_menu > li > a {
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    padding: 9px;
}*/


/* -------------  Student DashBoard ---------------------------- */

#stu-Headingboxes {
}

    #stu-Headingboxes .stu-Headingboxes {
    }

        #stu-Headingboxes .stu-Headingboxes .p-l-r {
            padding-right: 0px;
            padding-left: 0px;
        }

        #stu-Headingboxes .stu-Headingboxes .total-assignments {
            background: #fff;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

        #stu-Headingboxes .stu-Headingboxes .assigImg {
            padding: 15px 0px;
            width: 101px;
            text-align: center;
            float: left;
            vertical-align: middle;
            height: 101px;
        }

        #stu-Headingboxes .stu-Headingboxes .total-assignments .assignments-img-position {
            margin-top: -24px;
            margin-left: -12px;
        }

        #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt {
            display: block;
            float: right;
            text-align: right;
            margin-right: 26px;
            margin-top: 10px;
        }

            #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt h3 {
                font-size: 24px;
                margin: 0px;
                color: #7f8c8d;
            }

                #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt h3 b {
                    font-size: 24px;
                    margin: 0px;
                    color: #000;
                    font-weight: 300;
                }

            #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt h4 {
                font-size: 25px;
                font-weight: 700;
                margin: 0px;
                color: #99812b;
            }

        #stu-Headingboxes .stu-Headingboxes .total-assignments i {
            color: #c4c4c4;
            font-size: 12px;
            font-style: normal;
            float: left;
            margin-left: 10px;
            bottom: 0px;
            position: absolute;
            margin-bottom: 7px;
            font-weight: 500;
        }

        #stu-Headingboxes .stu-Headingboxes .upcoming-assignments {
            background: #fff;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

            #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .upcoming-assignments-img-position {
                margin-top: -3px;
                margin-left: 4px;
            }

            #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .upcomingImg {
                padding: 16px 0px;
                width: 101px;
                text-align: center;
                float: left;
                vertical-align: middle;
                height: 101px;
            }

            #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt {
                display: block;
                float: right;
                text-align: right;
                margin-right: 26px;
                margin-top: 12px;
            }

                #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt h3 {
                    font-size: 24px;
                    margin: 0px;
                    color: #7f8c8d;
                }

                    #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt h3 b {
                        font-size: 24px;
                        margin: 0px;
                        color: #000;
                        font-weight: 300;
                    }

                #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt h4 {
                    font-size: 25px;
                    font-weight: 700;
                    margin: 0px;
                    color: #3082b9;
                }

                #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt i {
                    color: #726020;
                    font-size: 12px;
                    font-style: normal;
                    float: left;
                    margin-left: 10px;
                    bottom: 0px;
                    position: absolute;
                    margin-bottom: 7px;
                }

        #stu-Headingboxes .stu-Headingboxes .submitted-assignments {
            background: #fff;
            color: #fff;
            height: 101px;
            overflow: hidden;
            font-family: "Open Sans", Arial, sans-serif;
        }

            #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignments-img-position {
                margin-top: -16px;
                margin-left: -15px;
            }

            #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitImg {
                padding: 14px 0px;
                width: 101px;
                text-align: center;
                float: left;
                vertical-align: middle;
                height: 101px;
            }

            #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt {
                display: block;
                float: right;
                text-align: right;
                margin-right: 26px;
                margin-top: 11px;
            }

                #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt h3 {
                    font-size: 24px;
                    margin: 0px;
                    color: #7f8c8d;
                }

                #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt b {
                    font-size: 24px;
                    margin: 0px;
                    color: #000;
                    font-weight: 300;
                }

                #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt h4 {
                    font-size: 25px;
                    font-weight: 700;
                    margin: 0px;
                    color: #a06754;
                }

            #stu-Headingboxes .stu-Headingboxes .submitted-assignments i {
                color: #c4c4c4;
                font-size: 12px;
                font-style: normal;
                float: left;
                margin-left: 10px;
                bottom: 0px;
                position: absolute;
                margin-bottom: 7px;
                font-weight: 500;
            }

#TCA-listBox {
    margin-bottom: 60px;
}

    #TCA-listBox .TCA-listBox {
    }

        #TCA-listBox .TCA-listBox .stu-teacherTable {
            height: 417px;
            background: #fff;
            border-top: solid 3px #00c0ef;
            padding: 5px;
        }

.stu-teacherTableHeadingArea {
    margin-bottom: 13px;
    margin-left: 5px;
    margin-top: 13px;
    border-bottom: 1px solid #ebebeb;
}

    .stu-teacherTableHeadingArea h6 {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        float: left;
        margin-right: 15px;
        font-weight: 700;
    }

#TCA-listBox input[type=text] {
    display: inline-block;
    position: relative;
    width: 98%;
    height: 27px;
    line-height: 27px;
    margin: 5px -6px 9px;
    padding: 7px 5px 3px;
    border: none;
    outline: none;
    color: #626262;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    transition: all linear .3s;
    border-left: 1px solid #D6D5D5;
}

#TCA-listBox .input-group-addon {
    padding: 6px 12px;
    */ border-radius: 4px;
    background-color: #fff;
    border: 0px;
    text-align: left;
    color: #BFBDBD;
}

#TCA-listBox .stu-teacherBoxTable {
    display: block;
    width: 100%;
    height: 340px;
    margin-top: -33px;
    overflow-x: hidden;
}

    #TCA-listBox .stu-teacherBoxTable .table {
        color: #626262;
        margin-left: 8px;
        width: 98%;
    }

        #TCA-listBox .stu-teacherBoxTable .table .nameCls {
            color: #626262;
            font-weight: 500;
            font-size: 13px;
        }

#TCA-listBox .nameCls i {
    text-align: center;
    font-style: normal;
    font-size: 12px;
    color: #9babac;
    font-weight: 500;
}

#TCA-listBox.stu-teacherBoxTable .table > thead > tr > th,
#TCA-listBox .stu-teacherBoxTable .table > tbody > tr > th,
#TCA-listBox .stu-teacherBoxTable .table > tfoot > tr > th,
#TCA-listBox .stu-teacherBoxTable .table > thead > tr > td,
#TCA-listBox .stu-teacherBoxTable .table > tbody > tr > td,
#TCA-listBox .stu-teacherBoxTable .table > tfoot > tr > td {
    padding: 5px 3px 1px 0px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #e6e6e6 !important;
    font-size: 12px;
    margin-bottom: 2px;
}

#TCA-listBox .TCA-listBox .stu-CourseTable {
    height: 417px;
    background: #fff;
    border-top: solid 3px #8a7cbe;
    padding: 5px;
}

#TCA-listBox .TCA-listBox .stu-AssignmentsTable {
    height: 417px;
    background: #fff;
    border-top: solid 3px #f7554e;
    padding: 5px;
}

.EditIcon {
    color: #C9810F;
    margin-right: 4px;
    font-size: 17px;
}

.CloseIcon {
    color: #E74C3C;
    font-size: 17px;
}


/*********  28/7************/

#halqaMatching .halqaMatching .halqaMatchingCriteria-tech {
    background: #fff;
    border-top: solid 3px #e74c3c;
    padding: 5px;
    display: inline-block;
    width: 100%;
}


/************ 28/7******************/


/*******   halqa matching  *******************/

#halqaMatching {
}

    #halqaMatching .halqaMatching .halqaMatchingCriteria {
        background: #fff;
        border-top: solid 3px #e74c3c;
        padding: 5px;
        display: inline-block;
    }

.halqaMatchingCriteriaArea {
    margin-bottom: 13px;
    margin-left: 5px;
    margin-top: 13px;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    width: inherit;
}

    .halqaMatchingCriteriaArea h6 {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        float: left;
        margin-right: 15px;
        font-weight: 700;
    }

        .halqaMatchingCriteriaArea h6 span {
            font-weight: 400;
        }


/*********** halqaMatchingTable  *************/

#halqaMatchingTable {
}

.halqaMatchingTable h5 {
    color: #CE8613;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    float: right;
    margin-right: 15px;
    font-weight: 400;
}

#halqaMatchingTable .halqaMatchingTable .halqaMatchingTableCriteria {
    background: #fff;
    border-top: solid 3px #66cdaa;
    padding: 5px;
    display: inline-block;
    width: 100%;
}

.halqaMatchingCriteriaArea {
    margin-bottom: 13px;
    margin-left: 5px;
    margin-top: 13px;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    width: inherit;
    width: 100%;
}


/*
.halqaMatchingTableBox {
    height:450px;
    overflow:auto;
} 
    */

.halqaMatchingTableBox tbody {
    display: block;
    height: 450px;
    overflow: auto;
}

    .halqaMatchingTableBox thead,
    .halqaMatchingTableBox tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.halqaMatchingTableBox thead {
    width: calc( 100% - 1.3em);
}

@-moz-document url-prefix() {
    .halqaMatchingTableBox thead {
        width: calc( 100% - 0em);
    }
}

.halqaMatchingTableBox .matchingTableBox tr td {
    padding: 10px;
    border: 1px solid #fff;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}

.matchingTableTxt {
    text-align: left !important;
}

.halqaMatchingTableBox .matchingTableBox th {
    padding: 10px;
    border: 1px solid #fff;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}


/*
.halqaMatchingTableBox .matchingTableBox thead {
    width: 98.7%;
}
*/

.lightGrey {
    background-color: #ecf0f1 !important;
    color: #000;
}

.DarkBlue {
    background-color: #42819f !important;
}

.lightGreen {
    background-color: #66cdaa !important;
    color: #000;
}

.lightSalmon {
    background-color: #fabf8f !important;
}

.darkSalmon {
    background-color: #e9967a !important;
}

.matchingTableHeading {
    background: #42819f !important;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.TableJoinBtn {
    background: #4682b4;
    color: #fff;
    padding: 1px 20px;
    display: inline-block;
    border: 0px;
    border-radius: 0px;
}

    .TableJoinBtn:hover {
        background: #2c3e50;
        color: #fff;
    }

.MticonColor {
    color: #2c3e50 !important;
    margin-right: 8px;
}

.improveMatchingtable {
    color: #c0392b;
    font-size: 13px;
    float: right;
    line-height: 26px;
    font-weight: 600;
    /* text-align: right;*/
}

    .improveMatchingtable a {
        color: #2980b9;
        text-decoration: underline;
        font-weight: 600;
    }

#halqaMatchingTable .RadioBtnCls {
    float: left;
    margin-right: 0px;
    margin-left: 14px;
    margin-top: 16px;
}

#halqaMatchingTable .RadioBtnCls1 {
    float: left;
    margin-right: 1px;
    margin-left: 10px;
    margin-top: 38px;
}

#halqaMatchingTable .assignTxt {
    font-size: 11px;
    line-height: 28px;
    font-weight: 500;
}

#halqaMatchingTable label {
    color: #010101;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, sans-serif;
    margin-left: 9px;
    float: left;
    font-weight: 400;
    line-height: 4px;
    cursor: pointer;
}

#halqaMatchingTable .matchingtableoptions i {
    font-style: normal;
    font-weight: 100 !important;
    font-size: 20px;
}

#halqaMatchingTable .matchingtableoptions b {
    font-weight: 600;
}

.matchingtableTVaule {
    margin-left: 5px;
    position: relative;
    margin-top: 15px;
    display: inline-block;
    font-size: 18px;
}

.totalmatchingScoreCls {
    color: black;
    display: inline;
    text-align: right;
    float: right;
}

}

#myRadioGroupOutcome {
    float: left;
    margin-left: -15px;
    margin-top: 14px;
}

.halqaMatchingTypes {
    cursor: pointer;
    float: left;
}

.matchingTHH {
    margin: 15px 0px;
    display: inline-block;
    width: 100%;
}

/*************  halqaMatchingTable  ****************/
.halqaMatchingtableH {
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

    .halqaMatchingtableH:first-child {
        margin-left: 0px;
    }

.improveMatching {
    color: #2c3e50;
    font-size: 13px;
    float: right;
    line-height: 26px;
}

.imgBox {
    float: left;
    margin-left: -25px;
}

.imgBoxDB {
    float: left;
    margin-left: 3px;
    cursor: pointer;
}

.txtBox {
    float: left;
    margin-right: 0px;
    margin-left: 5px;
    cursor: pointer;
}

.txtBox-tech {
    margin-left: 7px;
    padding-left: 23px;
}

.txtBox h4 {
    color: #2c3e50;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
    font-family: 'lato';
}

.txtBox-tech h4 {
    color: #2c3e50;
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
}

/*START: Added by shehzad on 13/10/25016 */
.txtBox-tech-content {
    margin-left: 16px;
    padding-left: 10px;
}

    .txtBox-tech-content h4 {
        color: #2c3e50;
        font-size: 17px;
        font-weight: 300;
        text-transform: uppercase;
    }

    .txtBox-tech-content h5 {
        font-size: 11px;
        font-weight: 700;
    }

.txtBox-tech h5 {
    font-size: 11px;
    font-weight: 700;
}

/*END: Added by shehzad on 13/10/25016 */
.txtBox h5 {
    color: #2c3e50;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.blueColor {
    color: #3a73ae !important;
}

.goldColor {
    color: #b98115 !important;
}

.contentColorCls {
    color: #6d5d26 !important;
}

.yellowColr {
    color: #e4b00d !important;
}

.RedColr {
    color: #e05b49 !important;
}

.GoldColor {
    color: #f39c12 !important;
}

.EditIconBtn {
    color: #708090;
    float: right;
    margin-right: 5px;
    cursor: pointer;
    height: 22px;
    display: block;
    margin-top: 52px;
}

.spaceLine {
    width: 1px;
    height: 100px;
    background: #e6e6e6;
    display: block;
    float: right;
}

.PopUpBox {
    background: #d8dee3;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    width: 257px;
    top: 75px;
    right: -34px;
}

.PopUpBox1 {
    background: #d8dee3;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    width: 257px;
    top: 75px;
    right: -23px;
}

    .PopUpBox input[type=text],
    .PopUpBox1 input[type=text] {
        width: 214px;
        border: 0px;
        padding: 4px;
        margin-top: 4px;
    }

.PopUpBoxArrow {
    position: absolute;
    top: -11px;
    right: 28px;
}

.PopUpBox1 ul,
.PopUpBox ul {
    list-style: none;
    color: #44474a;
    margin: 0;
    padding: 0;
}

    .PopUpBox ul li,
    .PopUpBox ul li {
        padding-top: 5px;
        display: flex;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 6px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.popupTxt {
    height: 247px;
    overflow: auto;
}

.popupTxt1 {
    height: 95px;
    overflow: auto;
}

.popUpBtn {
    background: #2c3e50;
    color: #fff;
    font-size: 11px;
    width: 65px;
    height: 25px;
    border-radius: 0px;
    line-height: 11px;
}

    .popUpBtn:hover,
    .popUpBtn:active,
    .popUpBtn:focus,
    .popUpBtn:selected {
        background: #2c3e50;
        color: #fff;
        font-size: 11px;
        width: 65px;
        height: 22px;
        border-radius: 0px;
    }

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff;
}

.poppubtnsBox {
    float: right;
    margin-top: 11px;
}

.sliderDv {
    display: block;
    padding: 5px;
    overflow: hidden;
}

.interImgDv {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

.timeImgDv {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

.AssignImgDv {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

.langImgDv {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

.smCourseContentImgDv {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

.smCourseTypeImgDv {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 7px;
}

/*commented by Adnan Aslam [2016-07-27]*/

/*.intermediateDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width:51%;
}
.timeDV {
    float: right;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width:38%;
    margin-left:20px;
}
.AssignDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    margin-top: 14px;
    font-size: 12px;
    margin-bottom: 28px;
    width:62%;
}

.langDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    margin-top: 14px;
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 28px;
    width:28%;
}*/

/*START: added by Adnan Aslam [2016-07-27]*/
.intermediateDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width: 20%;
}

.timeDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width: 43%;
}

.AssignDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width: 31%;
    margin-top: 14px;
    margin-bottom: 28px;
}

.langDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width: 35%;
    margin-top: 14px;
    /*margin-bottom: 28px;*/
}

.smCourseTypeDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    width: 30%;
    /*margin-bottom: 28px;*/
}

.smCourseContentDV {
    float: left;
    line-height: 25px;
    color: #44474a;
    font-weight: 600;
    font-size: 12px;
    /*width: 43%;*/
    /*margin-bottom: 28px;*/
}

/*END: added by Adnan Aslam [2016-07-27]*/
.halqaiconsDv {
    padding: 8px 10px;
}

.courseNames {
    background: #01c6da;
    color: #fff;
    padding: 5px;
}

.JoinBtn {
    width: 82px;
    height: 27px;
    padding: 2px;
    background: #2c3e50;
    text-align: center;
    float: right;
    margin: -3px -5px;
    color: #fff;
}

    .JoinBtn a {
        color: #fff;
        text-decoration: none;
    }

        .JoinBtn a:hover {
            color: #fff;
            text-decoration: underline;
        }

/****************  halqa matching End ***********************/

/************** halqa matching Slider  ********************/
#halqaMatchingSlider {
    margin-bottom: 45px;
}

    #halqaMatchingSlider .halqaMatchingSlider .halqaMatchingsliderCriteria {
        background: #fff;
        border-top: solid 3px #66cdaa;
        padding: 5px;
        display: inline-block;
        width: inherit;
    }

.halqaMatchingCriteriaArea {
    margin-bottom: 13px;
    margin-left: 5px;
    margin-top: 13px;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    width: inherit;
}

/**************  halqa matching Slider End *********************/

/*******************   12/7   *****/
.filtering {
    padding: 15px;
    background: #ECF0F1;
    color: #000;
    font-weight: 500;
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
}

    .filtering span {
        float: left;
        line-height: 25px;
        margin-right: 5px;
    }

    .filtering input,
    select {
        border: 0px;
        padding: 0px 0px;
        /* float: left; */
        margin-left: 4px;
    }

.filteringBtn {
    background: #2C3E50;
    padding: 5px;
    border: 0px;
    color: #fff;
    margin-right: -15px;
    float: right;
}

.ui-state-focus {
    background: #000;
}

    .ui-state-focus:hover {
        background: #000;
    }

.ApproveButton {
    color: #1ABC9C;
    margin-right: 7px;
    cursor: pointer;
}

.RejectButton {
    color: #E74C3C;
    cursor: pointer;
}

.btn-link:hover {
    color: #428bca;
}


#StatusId {
    width: 68%;
    margin-left: 95px;
    font-family: 'Conv_Tahoma', Arial, sans-serif;
}

/************ 12/7*********************/

/************ 14/7*********************/
.viewDetail {
    margin-left: 10px;
    cursor: pointer;
}

.viewDetailNewStdReq {
    margin-left: 10px;
    cursor: pointer;
}

.jtable_middle_align_totassgn {
    text-align: center !important;
    /*padding-right: 41px !important;*/
}

.jtable_middle_align_afrq {
    text-align: center !important;
    /*padding-right: 125px!important;*/
}

/************ 14/7*********************/
.jtable_middle_align_newStdReq {
    text-align: center !important;
    /*padding-right: 125px!important;*/
}

/* -------------  Student DashBoard Assignment Section---------------------------- */
.chrtTxt {
    color: #646e6f;
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
}


.txtCenter {
    text-align: center;
}

.dialogBootstrap .saveBtn {
    background: #16A086;
    color: #fff;
    padding: 6px 37px;
    border-radius: 0px;
    border: 0px;
}

    .dialogBootstrap .saveBtn:hover {
        background: #0EBF9E;
        color: #fff;
    }

.dialogBootstrap .cancelBtn {
    background: #E84C3D;
    color: #fff;
    padding: 6px 31px;
    border-radius: 0px;
    border: 0px;
}

    .dialogBootstrap .cancelBtn:hover {
        background: #EF675A;
        color: #fff;
    }

.dialogBootstrap .modal-title {
    margin: 0;
    line-height: 1.428571429;
    color: #2980b9;
}

.dialogBootstrap .modal-body label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #7f8c8d;
    font-size: 13px;
}

/***********************
********* Edit Profile Page ******
************************/
#EditProfilePage {
}

    #EditProfilePage .profileProgress {
        padding: 2px 2px;
    }

        #EditProfilePage .profileProgress .profileProgressBox {
            background: #f5f9fa;
            padding: 10px;
            margin-top: -2px;
            height: 244px;
        }

            #EditProfilePage .profileProgress .profileProgressBox h6 {
                color: #7a7c7c;
                font-size: 15px;
                font-weight: 600;
                text-transform: none;
            }

        #EditProfilePage .profileProgress h6 {
            color: #9c582e;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            text-transform: uppercase;
        }

        #EditProfilePage .profileProgress h3 {
            color: #323a43;
            font-family: 'Lato', sans-serif;
            font-size: 26px;
            font-weight: 700;
            text-align: left;
        }

        #EditProfilePage .profileProgress p {
            color: #686868;
            font-family: 'Lato', sans-serif;
            font-size: 17px;
            text-align: left;
            line-height: 22px;
        }

#EditProfileForm {
    background: #f9f9f9;
    margin-top: -10px;
}

    #EditProfileForm h6 {
        color: #474747;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        border-bottom: 1px solid #E4E4E4;
        line-height: 35px;
        margin-bottom: 29px;
        padding: 1px 10px;
    }

.profileProgressLinks {
    background: #fff;
    display: block;
    color: #788586;
}

    .profileProgressLinks ul {
        list-style: none;
    }

        .profileProgressLinks ul li {
            padding: 9px 5px;
            margin-left: -41px;
            color: #788586;
            cursor: pointer;
        }

            .profileProgressLinks ul li:hover {
                color: #1fbba6;
                text-decoration: none;
            }

            .profileProgressLinks ul li span {
                margin-right: 12px;
            }

    .profileProgressLinks .link-active {
        color: #4b260a;
        font-weight: bold;
    }

/***********************
********* Register Form Start ******
************************/
#EditProfileForm input,
textarea {
    -webkit-font-smoothing: antialiased;
    outline: none;
}

#EditProfileForm strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

#EditProfileForm h1 {
    display: block;
    font-size: 3.1em;
    line-height: 1.45em;
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-weight: bold;
    color: #555;
    text-shadow: 1px 1px 0 #fff;
}

#EditProfileForm .validationClr {
    color: #ea281f;
    font-size: 18px;
    float: right;
    margin-top: 5px;
}

/** form field **/
#EditProfileForm .frmCls {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    font-size: 0;
}

#EditProfileForm .frmClsLabel {
    display: block;
    padding: 7px 20px 1px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #939393;
    cursor: pointer;
}

#EditProfileForm .Tab-Body > div.switch .frmClsLabel {
    padding: 16px 20px 13px;
}

#EditProfileForm .Tab-Body {
    display: block;
    overflow: hidden;
    /*  background: #fff;
        border: 1px solid #e4e4e4; */
    border-radius: 5px;
    width: 88%;
    margin: 0 auto;
}

    #EditProfileForm .Tab-Body > div > label {
        display: block;
        padding: 2px 20px 1px;
        vertical-align: top;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #626262;
        cursor: pointer;
    }

    #EditProfileForm .Tab-Body > div.switch > label {
        padding: 16px 20px 13px;
    }

.col-1,
.col-2,
.col-3,
.col-4 {
    border-bottom: 1px solid #e4e4e4;
    float: left;
}

#EditProfileForm .Tab-Body > div > .col-4 {
    height: 86px;
}

#EditProfileForm input[type=radio] {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 20px;
    line-height: 0px;
    margin: 2px 4px 0;
    padding: 10px 6px 9px;
    border: none;
    outline: 0px;
    color: #626262;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 14px;
    opacity: .6;
    transition: all linear .3s;
}

#EditProfileForm .submitBtnBox {
    display: inline-block;
    float: right;
    margin-top: 90px;
}

    #EditProfileForm .submitBtnBox .submitBtn {
        float: left;
    }

    #EditProfileForm .submitBtnBox .clearBtn {
        float: left;
        color: #000;
    }

#EditProfileForm .btn-grn {
    background: #1abc9c;
    color: #fff;
    padding: 0px 17px;
}

    #EditProfileForm .btn-grn:hover {
        color: #E4E2E2;
    }

#EditProfileForm .btn-clr {
    color: #626262;
    background: #fff;
}

#EditProfileForm .registerBtnBox {
    display: inline-block;
    float: right;
    margin-top: 12px;
    margin-right: 45px;
}

    #EditProfileForm .registerBtnBox .registerBtn {
        float: left;
    }

    #EditProfileForm .registerBtnBox .clearBtn1 {
        float: left;
        color: #000;
    }

#EditProfileForm .btn-Grn {
    background: #1abc9c;
    color: #fff;
    padding: 0px 25px;
}

#EditProfileForm .btn-blue:hover {
    color: #E4E2E2;
}

#EditProfileForm .btn-clr1 {
    color: #c0392b;
    background: #f9f9f9;
}

table.dataTable thead .sorting {
    font-weight: normal;
    width: 0px !important;
}

#EditProfileForm .infoFormRadio h5 {
    color: #626262;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 5px;
}

#EditProfileForm .radio-inline,
#EditProfileForm .checkbox-inline {
    padding-left: 0px;
}

#EditProfileForm label > input {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 27px;
    line-height: 27px;
    margin: 5px -5px 0;
    padding: 7px 5px 3px;
    border: none;
    outline: none;
    color: #626262;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 14px;
    opacity: .6;
    transition: all linear .3s;
}

#EditProfileForm label > textarea {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 150px;
    line-height: 27px;
    margin: 5px -5px 0;
    padding: 7px 5px 3px;
    border: none;
    outline: none;
    color: #626262;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 14px;
    opacity: .6;
    transition: all linear .3s;
}

#EditProfileForm .col-submit {
    text-align: center;
    padding: 20px;
}

#EditProfileForm label > select {
    display: block;
    width: 100%;
    padding: 0;
    color: #838a8e;
    margin: 8px 0 6px;
    font-weight: bold;
    background: transparent;
    border: none;
    outline: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    opacity: .5;
    transition: all linear .3s;
}

#EditProfileForm select > option {
    color: #000;
    background: #fff;
    padding: 15px 0px !important;
}

#EditProfileForm select:focus > option:checked {
    color: #000 !important;
    text-shadow: 1px 0px 0px !important;
    background: #d3dcde !important;
    -moz-appearance: none !important;
}

#EditProfileForm label > input:focus,
label > select:focus {
    opacity: 1;
}

#EditProfileForm label > select:active,
#EditProfileForm label > select:hover,
#EditProfileForm label > option:hover {
    background: #d6dfe1;
}

#EditProfileForm::-webkit-input-placeholder {
    color: #bdc3c7;
    font-weight: 600;
}

#EditProfileForm:-moz-placeholder {
    /* Firefox 18- */
    color: #bdc3c7;
    font-weight: 600;
}

#EditProfileForm::-moz-placeholder {
    /* Firefox 19+ */
    color: #bdc3c7;
    font-weight: 600;
}

#EditProfileForm:-ms-input-placeholder {
    color: #bdc3c7;
    font-weight: 300;
}

#EditProfileForm button {
    width: 100%;
    height: 35px;
    border: none;
    border-radius: 4px;
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    outline: none;
}

    #EditProfileForm button.submitbtn {
        background-image: -moz-linear-gradient(#97c16b, #8ab959);
        background-image: -webkit-linear-gradient(#97c16b, #8ab959);
        background-image: linear-gradient(#97c16b, #8ab959);
        border-bottom: 1px solid #648c3a;
        cursor: pointer;
        color: #fff;
    }

        #EditProfileForm button.submitbtn:hover {
            background-image: -moz-linear-gradient(#8ab959, #7eaf4a);
            background-image: -webkit-linear-gradient(#8ab959, #7eaf4a);
            background-image: linear-gradient(#8ab959, #7eaf4a);
        }

        #EditProfileForm button.submitbtn:active {
            height: 34px;
            border-bottom: 0;
            margin: 1px 0 0 0;
            background-image: -moz-linear-gradient(#7eaf4a, #8ab959);
            background-image: -webkit-linear-gradient(#7eaf4a, #8ab959);
            background-image: linear-gradient(#7eaf4a, #8ab959);
            -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
        }

#EditProfileForm .formIcon {
    text-align: center;
    width: 100%;
    margin: 24px 0px;
}

#EditProfileForm .infoFormRadio {
    display: inline-block;
    color: #826f51;
}

    #EditProfileForm .infoFormRadio .radio1 {
        float: left;
    }

#EditProfileForm .RadioGroup1_0 {
    float: left;
}

#EditProfileForm option {
    color: #FFF;
    background: #fff;
}

    #EditProfileForm option:nth-child(2) {
        /*background: #ecf0f1;*/
    }

    #EditProfileForm option:nth-child(3) {
        /*background: #ecf0f1;*/
    }

    #EditProfileForm option:nth-child(4) {
        /*background: #ecf0f1;*/
    }

/** responsive design **/
@media(min-width: 850px) {
    #EditProfileForm .Tab-Body > div {
        display: inline-block;
        display: inline-block;
        margin-bottom: 6px;
        background: #fff;
    }

    #EditProfileForm .col-submit {
        display: block;
    }

    #EditProfileForm .col-1,
    .col-2,
    .col-3,
    .col-4 {
        box-shadow: 1px 1px #e4e4e4;
        border: none;
    }

    #EditProfileForm .col-1 {
        width: 100%;
    }

    #EditProfileForm .col-2 {
        width: 49%;
        margin-left: 1px;
    }

    #EditProfileForm .col2Width {
        float: right;
        width: 50%;
    }

    #EditProfileForm .col-3 {
        width: 33.3333333333%;
    }

    #EditProfileForm .col-4 {
        width: 25%;
    }

    #EditProfileForm .col-submit button {
        width: 30%;
        margin: 0 auto;
    }
}

.center {
    text-align: center;
    padding-bottom: 20px;
}

    .center h2 {
        font-size: 36px;
        margin-top: 0;
        margin-bottom: 20px;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        display: inline-block;
        color: #2c3e50;
    }

        .center h2:before {
            background: url(../images/topHeading-leftArrow.png) no-repeat center center;
            content: "";
            width: 32px;
            height: 39px;
            display: block;
            float: left;
            margin-right: 14px;
        }

        .center h2:after {
            background: url(../images/topHeading-RightArrow.png) no-repeat center center;
            content: "";
            width: 32px;
            height: 39px;
            display: block;
            float: right;
            margin-left: 14px;
        }

.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

.ClsRight {
    float: left !important;
}

.ClsLeft {
    float: right !important;
}

.ClsSubmittedOutOfAssigned {
    background-color: #e6e6e6;
    width: 100%;
    height: 15px;
}

.ClsCheckedOutOfSubmitted {
    background-color: #e6e6e6;
    width: 100%;
    height: 15px;
}

.ClsFinalMarkOutOfChecked {
    background-color: #e6e6e6;
    width: 100%;
    height: 15px;
}

.ClsWithMistakesOutOfChecked {
    background-color: #e6e6e6;
    width: 100%;
    height: 15px;
}

/***********************
********* Edit Profile End ******
************************/

/*****Halqa Details Window****/
.SettingName {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.courseSettingValue {
    font-size: 11px;
    font-weight: 300;
    color: #000;
}

.courseDetailRow {
    display: block;
    float: left;
    background: #000;
    width: 33%;
}

/*****Halqa Details Window****/

/***********************
******** COURSE DETAIL Start ******
************************/
/*#courseDetail {
    padding-bottom: 330px;
}*/

    #courseDetail .teacherDetail {
        padding: 2px 2px;
    }

    #courseDetail .teacherDetail-courseName {
        background: #fff;
        display: inline-block;
        width: 100%;
        border-top: 2px solid #f6f6f6;
    }

.teacherDetail h1 {
    font-size: 16px;
}

#courseDetail .courseNameHoolder {
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
}

#courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt {
    font-size: 20px;
    color: #2c3e50;
}

    #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt h2 {
        font-size: 18px;
        color: #2c3e50;
        font-weight: 600;
    }

    #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt h3 {
        color: #5f535c;
        font-size: 18px;
        text-align: left;
    }

    #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt h4 {
        color: #5f535c;
        font-size: 15px;
        text-align: left;
        font-weight: normal;
    }

    #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt h5 {
        color: #2c3e50;
        font-size: 14px;
        text-align: left;
        font-weight: bold;
    }

    #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt p {
        font-size: 12px;
        color: #B47946;
        line-height: 1.871;
    }

        #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt p span {
            font-size: 13px;
            color: #573A22;
            text-decoration: underline;
            margin-left: 6px;
        }

            #courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt p span a {
                color: #2980B9;
            }

#courseDetail .joinBtnClsBox {
    /*margin-left: 113px;*/
    margin-top: 5px;
    padding-bottom: 5px;
    margin-left: 85px;
}

    #courseDetail .joinBtnClsBox h6 {
        color: #2c3e50;
        font-size: 18px;
        text-align: left;
        font-weight: normal;
    }

        #courseDetail .joinBtnClsBox h6 img {
            float: left;
            margin-right: 10px;
            margin-top: 3px;
        }

    #courseDetail .joinBtnClsBox .joinBtnCls {
        color: #fff;
        background: #41aef9;
        padding: 7px 28px;
        font-size: 15px;
        /* margin-right: 45px; */
        /*margin-top: 30px;
    margin-right: -204px;*/
    }

    #courseDetail .joinBtnClsBox button[disabled].joinBtnCls {
        padding: 7px 28px;
        font-size: 15px;
        background: #ccc !important;
        color: #666;
        cursor: text;
        /* margin-right: 45px; */
        /*margin-top: 30px;
    margin-right: -204px;*/
    }

/*START: CourseDetail Course Content Table By Shehzad Ahmed on [Apr 19, 2017] */
#dvMainCourseContent {
    width: 50%;
}

#courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt .courseContent {
    color: #8d5e37 !important;
}

#tblCourseContent > thead > tr > th, #tblCourseContent > tbody > tr > th, #tblCourseContent > tfoot > tr > th, #tblCourseContent > thead > tr > td, #tblCourseContent > tbody > tr > td, #tblCourseContent > tfoot > tr > td {
    border-top: 0px !important;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    padding: 3px;
}

#tblCourseContent > thead {
    background: #d1c7af;
}

    #tblCourseContent > thead > tr > th {
        border-right: 1px solid #fff;
    }

        #tblCourseContent > thead > tr > th:nth-last-child(1) {
            border-right: 0px;
        }

#tblCourseContent > tbody > tr {
    background: #fdfdfd;
}

    #tblCourseContent > tbody > tr:nth-child(2n) {
        background: #f0f3f4;
    }

    #tblCourseContent > tbody > tr > td {
        border-right: 1px solid #fff;
    }

        #tblCourseContent > tbody > tr > td:nth-last-child(1) {
            border-right: 0px;
        }

table#tblCourseContent thead,
table#tblCourseContent thead tr,
table#tblCourseContent tbody,
table#tblCourseContent tbody tr {
    width: 100%;
    float: left;
    display: block;
}

    table#tblCourseContent thead tr th, table#tblCourseContent tbody tr td {
        width: 20%;
        float: left;
    }

        table#tblCourseContent thead tr th:nth-child(2), table#tblCourseContent tbody tr td:nth-child(2) {
            width: 50%;
            float: left;
        }

        table#tblCourseContent thead tr th:nth-child(3), table#tblCourseContent tbody tr td:nth-child(3) {
            width: 30%;
            float: left;
        }


table#tblCourseContent tbody {
    max-height: 150px;
    overflow-y: auto;
    min-height: 150px;
    display: block;
    width: 100%;
    overflow-x: hidden;
}

table#tblCourseContent thead tr th {
    /*vertical-align: bottom;*/
    border-bottom: none;
}

table#tblCourseContent > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    /*background-color: #f5f5f5;*/
    background: none;
}

table.CourseHalqaLowerTable > thead > tr {
    border-bottom: 2px solid #fff;
}

table.CourseHalqaLowerTable > tbody > tr {
    border-bottom: 1px solid #fff;
}

#courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt .studentSettings {
    font-size: 16px;
    color: #0097a7;
    /*font-weight: 600;*/
}

#courseDetail .joinBtnClsBox .TeacherNameText {
    color: #5d4037;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
}

#courseDetail .assigmentClsarTxt {
    margin-left: 85px;
}

    #courseDetail .assigmentClsarTxt .assignmentHeading {
        font-size: 16px;
        color: #0097a7;
    }

    #courseDetail .assigmentClsarTxt .assignSubHeading {
        color: #b47946;
        font-size: 12px;
    }

    #courseDetail .assigmentClsarTxt .SelectedCourseAssignmenFrequency {
        color: #583b22;
        font-size: 12px;
    }

    #courseDetail .assigmentClsarTxt .SelectedCourseTotalAllowedAssignment {
        color: #583b22;
    }

    #courseDetail .assigmentClsarTxt h4 {
        color: #5f535c;
        font-size: 14px;
    }

.SelectedCourseAssignmens.CourseAssignmentDetail h5 {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #2c3e50;
    line-height: 12px;
}

.icnCourseContentImgDv {
    float: left;
    margin-right: 7px;
    margin-top: 12px;
}

.stdSelectContent {
    width: 44%;
    float: left;
    margin-left: 6%;
    margin-top: 25px;
}
/*END: CourseDetail Course Content Table By Shehzad Ahmed on [Apr 19, 2017] */

/*START: CourseDetail.aspx Course Student Settings  Table By Shehzad Ahmed on [Apr 26, 2017] */


#dvMainCourseContent {
    width: 48%;
    margin-left: 2%;
    float: left;
}

#courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt .courseContent {
    color: #8d5e37 !important;
}

#tblCourseStudentSettings > thead > tr > th, #tblCourseStudentSettings > tbody > tr > th, #tblCourseStudentSettings > tfoot > tr > th, #tblCourseStudentSettings > thead > tr > td, #tblCourseStudentSettings > tbody > tr > td, #tblCourseStudentSettings > tfoot > tr > td {
    border-top: 0px !important;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    padding: 3px;
}

#tblCourseStudentSettings > thead {
    background: #bcaaa4;
}

    #tblCourseStudentSettings > thead > tr > th {
        border-right: 1px solid #fff;
    }
/*#tblCourseStudentSettings>thead>tr>th:nth-last-child(1) 
{
    border-right:0px;
}*/
#tblCourseStudentSettings > tbody > tr {
    background: #fdfdfd;
}

    #tblCourseStudentSettings > tbody > tr:nth-child(2n) {
        background: #f0f3f4;
    }

    #tblCourseStudentSettings > tbody > tr > td {
        border-right: 1px solid #fff;
    }

        #tblCourseStudentSettings > tbody > tr > td:nth-last-child(1) {
            border-right: 0px;
        }

table#tblCourseStudentSettings thead,
table#tblCourseStudentSettings thead tr,
table#tblCourseStudentSettings tbody,
table#tblCourseStudentSettings tbody tr {
    width: 100%;
    /*float:left;
display:block;*/
}

    /*table#tblCourseStudentSettings thead tr th, table#tblCourseStudentSettings tbody tr td {
        width:36%; 
        float:left;

    }
    table#tblCourseStudentSettings thead tr th:nth-child(2), 
    table#tblCourseStudentSettings tbody tr td:nth-child(2){
        width:28%; 
        float:left;}
    table#tblCourseStudentSettings thead tr th:nth-child(3), 
    table#tblCourseStudentSettings tbody tr td:nth-child(3) {width:36%; float:left;}*/

    /*table#tblCourseStudentSettings {
    max-height: 150px;
    overflow-y: auto;
    height: 150px;
    display:block;
}*/

    table#tblCourseStudentSettings thead tr th {
        border-bottom: none;
    }

table#tblCourseStudentSettings > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: none;
}

#courseDetail .teacherDetail-courseName .teacherDetail-courseNameTxt .studentSettings {
    font-size: 16px;
    color: #0097a7;
}

table.CourseHalqaUpperTable > tbody > tr > td,
table.CourseHalqaUpperTable > thead > tr > th {
    padding: 8px !important;
}

table.CourseHalqaUpperTable > thead > tr > th {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

table.CourseHalqaUpperTable > thead > tr {
    border-bottom: 2px solid #fff;
}

table.CourseHalqaUpperTable > tbody > tr {
    border-bottom: 1px solid #fff;
}

    table.CourseHalqaUpperTable > tbody > tr > td > div.float-right > img {
        margin-right: 10px;
    }

#courseDetail .joinBtnClsBox .TeacherNameText {
    color: #5d4037;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
}

#courseDetail .assigmentClsarTxt .assignmentHeading {
    font-size: 16px;
    color: #0097a7;
}

#courseDetail .assigmentClsarTxt .assignSubHeading {
    color: #b47946;
    font-size: 12px;
}

#courseDetail .assigmentClsarTxt .SelectedCourseAssignmenFrequency {
    color: #583b22;
    font-size: 12px;
}

#courseDetail .assigmentClsarTxt .SelectedCourseTotalAllowedAssignment {
    color: #583b22;
}

#courseDetail .assigmentClsarTxt h4 {
    color: #5f535c;
    font-size: 14px;
}

.SelectedCourseAssignmens.CourseAssignmentDetail {
    width: 100%;
}

    .SelectedCourseAssignmens.CourseAssignmentDetail h5 {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #2c3e50;
        font-weight: 600;
        line-height: 5px;
    }

.matchingFields {
    background: #c5e1a5 !important;
}

#dvStdMsg {
    background: #c5e1a5;
    padding: 10px;
    color: #666;
    font-size: 16px;
    font-style: italic;
}

.alert-success {
    margin: 15px !important;
}
/*End: CourseDetail Course Student Settings  Table By Shehzad Ahmed on [Apr 26, 2017] */

/***********************
******** / COURSE DETAIL End ******
************************/
@media (min-width: 1369px) {
    .owl-carousel {
        width: 69%;
    }
}

/**********    Halqa Detail table Cls*************/
@media screen and (min-width: 768px) {
    .HalqaModalBox {
        width: 760px !important;
    }

    .HalqaModalBox-tech {
        width: 1312px !important;
    }
}

.HalqaHadding {
    padding: 15px 15px 15px 1px !important;
}

.HalqaDetailMainBox {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px !important;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    padding: 0px 11px !important;
}

.halqaDetailTbl {
    background: #ECF0F1;
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
}

.halqaClsBtn {
    margin-top: -2px;
    color: #C0392B !important;
    opacity: 9 !important;
}

.halqaDH1 {
    font-size: 14px;
    font-weight: 700;
}

.halqaDH2 {
    font-size: 12px;
    font-weight: 600;
    color: #5B6162;
}

.HDCls {
    margin-bottom: 15px;
}

.clrCls {
    color: #B8870C !important;
}

/**********    Halqa Detail table Cls*************/

/**********    24/8/2016 *************/
.mainBox {
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    width: 100%;
    margin-left: 12px;
}

#BoxHolderId {
    margin-left: -10px !important;
    background: #000;
    display: block;
}

/**********    22/9/2016 *************/
.WithdrawButton {
    border-radius: 0px;
    background: #e67e22;
    color: #fff;
    border: 0px;
    outline: none;
}

    .WithdrawButton:hover,
    .WithdrawButton:focus,
    .WithdrawButton:active {
        background: #754E2D !important;
        color: #fff;
    }

.studentReq {
    text-decoration: none;
    cursor: pointer;
}

.DLanguageCls {
    list-style: none;
    margin-left: 55px;
    margin-top: 19px;
    display: block;
    float: right;
}

    .DLanguageCls li {
        margin-left: 41px;
        display: flex;
    }

        .DLanguageCls li a {
            padding-left: 12px;
            text-decoration: none;
            color: #f7c54b;
            font-size: 14px;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .halqaMatchingtableH {
        margin-bottom: 26px;
    }

    #newStudentRequestsRgr .newStudentRequestsTable h4 {
        font-size: 16px;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

    .matchingTableBox {
        width: 1200px !important;
    }

    @-moz-document url-prefix() {
        .matchingTableBox {
            width: 1200px !important;
            max-width: 1200px !important;
        }
    }

    .HalqaStatus {
        width: 70%;
    }

    .menu_section > ul {
        margin-top: 38px;
    }
}

/* xs */
@media (max-width: 767px) {
    .halqaMatchingtableH {
        margin-bottom: 20px;
    }

    .mainBox {
        margin-bottom: 15px;
    }

    .SHalqa {
        margin-left: 0px !important;
    }

    #newStudentRequestsRgr .newStudentRequestsTable h4 {
        font-size: 15px;
    }

    .HalqaStatus {
        width: 100%;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }

    .matchingTableBox {
        width: 1200px !important;
    }

    @-moz-document url-prefix() {
        .matchingTableBox {
            width: 1200px !important;
            max-width: 1200px !important;
        }
    }

    .menu_section > ul {
        margin-top: 38px;
    }
}

/* XS Portrait */
@media (max-width: 480px) {
    .right_col .reqStatus i {
        width: 100%;
        margin-bottom: 10px;
    }

    .right_col .acceptedDp {
        font-size: 11px;
    }

    .matchingTableBox {
        width: 1200px !important;
    }

    @-moz-document url-prefix() {
        .matchingTableBox {
            width: 1200px !important;
            max-width: 1200px !important;
        }
    }

    #halqaMatchingTable label {
        font-size: 14px;
    }

    #halqaMatchingTable .matchingtableoptions i {
        font-size: 15px;
    }

    #newStudentRequestsRgr .newStudentRequestsTable h4 {
        font-size: 14px !important;
    }

    .HalqaStatus {
        width: 100%;
    }

    .SHalqa {
        margin-left: 0px !important;
    }

    .DLanguageCls {
        float: none;
    }

    .menu_section > ul {
        margin-top: 38px;
    }
}

@media (max-width: 360px) {
    #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt h3,
    #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt h3,
    #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt h3 {
        font-size: 15px;
    }

        #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt h3 b,
        #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt h3 b,
        #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt b {
            font-size: 15px;
        }

    #stu-Headingboxes .stu-Headingboxes .total-assignments .total-assignmentsTxt h4,
    #stu-Headingboxes .stu-Headingboxes .upcoming-assignments .total-assignmentsTxt h4,
    #stu-Headingboxes .stu-Headingboxes .submitted-assignments .submitted-assignmentsTxt h4 {
        font-size: 14px;
    }

    .matchingTableBox {
        width: 1200px !important;
    }

    @-moz-document url-prefix() {
        .matchingTableBox {
            width: 1200px !important;
            max-width: 1200px !important;
        }
    }

    .right_col .acceptedDp {
        font-size: 9px;
    }

    .HalqaStatus {
        width: 100%;
    }

    .SHalqa {
        margin-left: 0px !important;
    }

    #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt h3,
    #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt h3,
    #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt h3 {
        font-size: 17px;
    }

        #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt h3 b,
        #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt h3 b,
        #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt h3 b {
            font-size: 17px;
        }

    #teacher-Headingboxes .teacher-Headingboxes .total-assignments .total-assignmentsTxt h4,
    #teacher-Headingboxes .teacher-Headingboxes .upcoming-assignments .total-assignmentsTxt h4,
    #teacher-Headingboxes .teacher-Headingboxes .submitted-assignments .submitted-assignmentsTxt h4 {
        font-size: 16px;
    }

    .menu_section > ul {
        margin-top: 38px;
    }

    .DLanguageCls {
        list-style: none;
        margin-left: -45px;
        margin-top: 18px;
    }
}

@media (max-width: 320px) {
    .right_col .acceptedDp {
        font-size: 8px;
    }

    .HalqaStatus {
        width: 100%;
    }

    .SHalqa {
        margin-left: 0px !important;
    }

    .DLanguageCls {
        list-style: none;
        margin-left: -45px;
        margin-top: 18px;
    }
}


/*START: English/Arabic [10/10/2016] links css By Shehzad Ahmed */
.activeLangColor {
    color: #fff !important;
}

/*END: English/Arabic [10/10/2016] links css By Shehzad Ahmed */

/*START: Info pop up message box By Shehzad Ahmed on [25/10/2016] */

#assignmentFrqInfoMsg .assignmentFrqInfoMsg {
    background: #fdddde;
    padding: 0px 20px 20px;
    color: #933332;
    border-radius: 0px;
    font-family: lato medium;
}

    #assignmentFrqInfoMsg .assignmentFrqInfoMsg .modal-body {
        position: relative;
        padding: 13px 0px 13px 0px;
        margin-top: -28px;
        margin-bottom: 12px;
    }

    #assignmentFrqInfoMsg .assignmentFrqInfoMsg .okBtn {
        background: #2C3E50;
        color: #fff;
        border: 0px;
        border-radius: 0px;
        padding: 5px 33px;
    }

    #assignmentFrqInfoMsg .assignmentFrqInfoMsg h2 {
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 18px;
        text-transform: capitalize;
    }

    #assignmentFrqInfoMsg .assignmentFrqInfoMsg .modal-header {
        border-bottom: 0px !important;
    }

    #assignmentFrqInfoMsg .assignmentFrqInfoMsg .modal-footer {
        padding: 0px;
        margin-top: 0px;
        text-align: right;
        border-top: 0px;
    }

#assignmentFrqInfoMsg .imgInfoMsg {
    float: left;
    margin-right: 23px;
    margin-top: 14px;
}

#assignmentFrqInfoMsg .imgbtnClose {
    float: right;
    margin-top: -12px;
    margin-right: -8px;
}

#assignmentFrqInfoMsg .imgbtnClose {
    float: right;
    margin-top: -12px;
    margin-right: -8px;
    cursor: pointer;
}

/*END: Info pop up message box By Shehzad Ahmed on [25/10/2016] */

/*START: Info pop up message box for Matching Criteria By Shehzad Ahmed on [09/01/2017] */

#matchingCriteriaInfoMsg .matchingCriteriaInfoMsg {
    background: #fdddde;
    padding: 0px 20px 20px;
    color: #933332;
    border-radius: 0px;
    font-family: lato medium;
}

    #matchingCriteriaInfoMsg .matchingCriteriaInfoMsg .modal-body {
        position: relative;
        padding: 13px 0px 13px 0px;
        margin-top: -28px;
        margin-bottom: 12px;
    }

    #matchingCriteriaInfoMsg .matchingCriteriaInfoMsg .okBtn {
        background: #2C3E50;
        color: #fff;
        border: 0px;
        border-radius: 0px;
        padding: 5px 33px;
    }

    #matchingCriteriaInfoMsg .matchingCriteriaInfoMsg h2 {
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 18px;
        text-transform: capitalize;
    }

    #matchingCriteriaInfoMsg .matchingCriteriaInfoMsg .modal-header {
        border-bottom: 0px !important;
    }

    #matchingCriteriaInfoMsg .matchingCriteriaInfoMsg .modal-footer {
        padding: 0px;
        margin-top: 0px;
        text-align: right;
        border-top: 0px;
    }

#matchingCriteriaInfoMsg .imgInfoMsg {
    float: left;
    margin-right: 23px;
    margin-top: 14px;
}

#matchingCriteriaInfoMsg .imgbtnClose {
    float: right;
    margin-top: -12px;
    margin-right: -8px;
}

#matchingCriteriaInfoMsg .imgbtnClose {
    float: right;
    margin-top: -12px;
    margin-right: -8px;
    cursor: pointer;
}

/*END: Info pop up message box for Matching Criteria By Shehzad Ahmed on [09/01/2017] */

/*START: Added by shehzad ahmed  */

.scroll-content {
    overflow-y: auto;
    width: 100%;
}


.lcJtable {
    width: 100%;
    height: 850px;
}

.linkAssignment {
    margin-left: 10px;
    cursor: pointer;
}
/*END: Added by shehzad ahmed  */

/*START: TeacherCourseList.apx Actions Tooltip By Shehzad Ahmed on [26/03/2017] */
.tooltipbox_container {
    position: relative;
}

.tooltipbox_area {
    display: none;
}


.tooltipbox_container:hover .tooltipbox_area {
    display: block;
}

.tooltipbox_container .tooltipbox_area:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    border-width: 4px;
    margin-left: -7px;
    opacity: 0.7;
}

.tooltipbox_container .tooltipbox_area {
    width: 130px;
    float: left;
    margin: 0px;
    padding: 5px;
    position: absolute;
    top: 150%;
    left: -57px;
    z-index: 90;
    font-family: "Open Sans", Arial, sans-serif;
    background: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

/*END: TeacherCourseList.apx Actions Tooltip By Shehzad Ahmed on [26/03/2017] */

#divSettingsForm {
    padding: 15px;
    background: #FFFFFF;
    color: #000;
    font-weight: 500;
}

.settingsForm {
    padding: 15px;
    background: #ECF0F1;
    color: #000;
    font-weight: 500;
}

.settingsButton {
    background: #2C3E50;
    padding: 5px;
    border: 0px;
    color: #fff;
    float: right;
}

#divSettingsForm table {
    padding: 5px;
}

    #divSettingsForm table tr td {
        padding: 5px;
    }

section#courseDetail {
    padding: 15px !important;
}

.sendbackbutton {
    float: left;
    background: #41aef9;
    color: #fff;
    padding: 6px 20px;
}

    .sendbackbutton:hover {
        background: #333;
        color: #fff;
    }

/*.courseDetail_Class {
    width: 96%;
    float: left;
    background: #fff;
    position: absolute;
    z-index: 100;
    margin: 0px;
    padding: 15px;
    left: 2%;
    top: 2%;
    border-radius: 5px;
}*/

#AcceptedListContainer button.pay {
    background: #1ABC9C;
    color: #fff;
    border: none;
    cursor: pointer;
}

#AcceptedListContainer button[disabled].pay {
    background: #ccc;
    color: #666;
    cursor: text;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-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;
    direction: ltr;
}

h2, h3, h4, h5 {
    direction: ltr;
}


div.stars {
    min-width: 10px;
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    /*overflow: hidden;*/
    white-space: nowrap;
}
div.stars:hover .tooltipbox_area {
    display: block;
}

    div.stars .emptyedstars {
        min-width: 10px;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        height: 15px;
        white-space: nowrap;
    }

    div.stars .filledstars {
        min-width: 10px;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: -10px;
        overflow: hidden;
        height: 15px;
        white-space: nowrap;
    }

        div.stars .emptyedstars i.fa,
        div.stars .filledstars i.fa {
            font-size: 14px;
            color: #f39c12;
            margin: 0px 1px;
        }