/* Main Colors
=================================================================== */

.black,
.black [class="box-header"],
.black.box,
.slider.black .ui-slider-range {
    background: #222 !important;
    border-color: #222 !important;
    color: #fff;
}

    .black .box-header h2 i,
    .black .box-header .box-icon i,
    .black .box-header .box-icon i:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

.green,
.green [class="box-header"],
.green.box,
.slider.green .ui-slider-range,
.progress.green .ui-progressbar-value,
.label-success {
    /*background: #00A300 !important;*/
    background: rgba(114,192,44,0.8) !important;
    border-color: #00A300 !important;
    color: #fff;
}

.greenDark,
.greenDark [class="box-header"],
.greenDark.box,
.slider.greenDark .ui-slider-range,
.progress.greenDark .ui-progressbar-value {
    background: #1E7145 !important;
    border-color: #1E7145 !important;
    color: #fff;
}

.greenLight,
.greenLight [class="box-header"],
.greenLight.box,
.slider.greenLight .ui-slider-range,
.progress.greenLight .ui-progressbar-value {
    background: #99B433 !important;
    border-color: #99B433 !important;
    color: #fff;
}

.pink,
.pink [class="box-header"],
.pink.box,
.slider.pink .ui-slider-range,
.progress.pink .ui-progressbar-value {
    /*background: #9F00A7 !important;*/
    background: #e16de6 !important;
    border-color: #9F00A7 !important;
    color: #fff;
}

.pinkDark,
.pinkDark [class="box-header"],
.pinkDark.box,
.slider.pinkDark .ui-slider-range,
.progress.pinkDark .ui-progressbar-value {
    background: #7E3878 !important;
    border-color: #7E3878 !important;
    color: #fff;
}

.yellow,
.yellow [class="box-header"],
.yellow.box,
.slider.yellow .ui-slider-range,
.progress.yellow .ui-progressbar-value,
.label-warning,
.badge-warning {
    background: #FFC40D;
    border-color: #FFC40D;
    color: #fff;
}

.purple,
.purple [class="box-header"],
.purple.box,
.slider.purple .ui-slider-range,
.progress.purple .ui-progressbar-value {
    background: #af96ec;
    border-color: #9671f3;
    color: #fff;
}

.greenNew,
.greenNew [class="box-header"],
.greenNew.box,
.slider.greenNew .ui-slider-range,
.progress.greenNew .ui-progressbar-value {
    background: #54a889;
    border-color: #54a889;
    color: #fff;
}

.purpleNew,
.purpleNew [class="box-header"],
.purpleNew.box,
.slider.purpleNew .ui-slider-range,
.progress.purpleNew .ui-progressbar-value {
    background: #546186;
    border-color: #546186;
    color: #fff;
}


.orangeNew,
.orangeNew [class="box-header"],
.orangeNew.box,
.slider.orangeNew .ui-slider-range,
.progress.orangeNew .ui-progressbar-value {
    background: #cb682d;
    border-color: #cb682d;
    color: #fff;
}

.DblueNew,
.DblueNew [class="box-header"],
.DblueNew.box,
.slider.DblueNew .ui-slider-range,
.progress.DblueNew .ui-progressbar-value {
    background: #427a88;
    border-color: #427a88;
    color: #fff;
}


.blue,
.blue [class="box-header"],
.blue.box,
.slider.blue .ui-slider-range,
.progress.blue .ui-progressbar-value,
.label-info,
.badge-info {
    background: #2D89EF;
    border-color: #2D89EF;
    color: #fff;
}

.blueDark,
.blueDark [class="box-header"],
.blueDark.box,
.slider.blueDark .ui-slider-range,
.progress.blueDark .ui-progressbar-value {
    background: #2B5797 !important;
    border-color: #2B5797 !important;
    color: #fff;
}

.blueLight,
.blueLight [class="box-header"],
.blueLight.box,
.slider.blueLight .ui-slider-range,
.progress.blueLight .ui-progressbar-value {
    background: #EFF4FF !important;
    border-color: #EFF4FF !important;
    color: #fff;
}

.blueSky,
.blueSky [class="box-header"],
.blueSky.box,
.slider.blueSky .ui-slider-range,
.progress.blueSky .ui-progressbar-value {
    /*background: #2ecddd !important;*/
    background: #26bde2 !important;
    border-color: #2ecddd !important;
    color: #fff;
}


.orange,
.orange [class="box-header"],
.orange.box,
.slider.orange .ui-slider-range,
.progress.orange .ui-progressbar-value {
    background: #E3A21A !important;
    border-color: #E3A21A !important;
    color: #fff;
}

.orangeDark,
.orangeDark [class="box-header"],
.orangeDark.box,
.slider.orangeDark .ui-slider-range,
.progress.oragneDark .ui-progressbar-value {
    background: #DA532C !important;
    border-color: #DA532C !important;
    color: #fff;
}

.red,
.red [class="box-header"],
.red.box,
.slider.red .ui-slider-range,
.progress.red .ui-progressbar-value,
.label-important,
.badge-important {
    background: #F44336 !important;
    border-color: #EB3C00 !important;
    color: #fff;
}

.widget.green h2 .glyphicons i:before,
.widget.greenDark h2 .glyphicons i:before,
.widget.greenLight h2 .glyphicons i:before,
.widget.pink h2 .glyphicons i:before,
.widget.pinkDark h2 .glyphicons i:before,
.widget.yellow h2 .glyphicons i:before,
.widget.purple h2 .glyphicons i:before,
.widget.blue h2 .glyphicons i:before,
.widget.blueDark h2 .glyphicons i:before,
.widget.blueLight h2 .glyphicons i:before,
.widget.orange h2 .glyphicons i:before,
.widget.orangeDark h2 .glyphicons i:before,
.widget.red h2 .glyphicons i:before {
    color: #fff;
}

/* Basic
=================================================================== */
hr {
    height: 1px;
    border: none;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(249,249,249,0.25) 0%, rgba(249,249,249,1) 50%, rgba(249,249,249,0.25) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,0.25)), color-stop(50%,rgba(249,249,249,1)), color-stop(100%,rgba(249,249,249,0.25))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(249,249,249,0.25) 0%,rgba(249,249,249,1) 50%,rgba(249,249,249,0.25) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40f9f9f9', endColorstr='#40f9f9f9',GradientType=1 ); /* IE6-8 */
}

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

.navbar-inner {
    margin-bottom: 0;
    min-height: 40px;
    padding-right: 20px;
    padding-left: 0;
    background: #080808;
    filter: none;
    text-shadow: 1px 1px 1px #0a0c0e;
    border: none;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    *zoom: 1;
    border-bottom: 1px solid #38383D; /* rgba(0, 0, 0, 0.05); */
}

    .navbar-inner a {
        color: #7b7b7b;
        text-shadow: 0 -1px 1px #0b090a;
    }

        .navbar-inner a i {
            margin-top: 2px;
        }

.brand img {
    height: 70px;
    width: 192px;
}

a.brand span {
    color: #fff;
    text-shadow: none;
}

.header-nav {
    padding: 0;
    color: #fff !important;
    background: #000 !important;
}

    .header-nav .nav {
        margin: 0;
    }

    .header-nav .btn {
        display: inline-block;
        padding: 21px 20px;
        margin-top: 0;
        margin-left: 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        text-shadow: none;
        vertical-align: middle;
        cursor: pointer;
        background: transparent;
        border-left: none;
        border-right: none;
        border-top: 0;
        border-bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .header-nav a.btn {
        color: #fff !important;
        text-shadow: none !important;
        padding: 10px 25px !important;
    }

    .header-nav .btn .caret {
        border-top-color: #fff !important;
        border-bottom-color: #fff !important;
    }

    .header-nav .btn:hover .caret {
        border-top-color: #fff !important;
        border-bottom-color: #fff !important;
    }

/* Navigation Section
=================================================================== */

#sidebar-left {
    background: #373d47 !important;
}

.sidebar-nav > ul {
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    padding-bottom: 1px;
    margin-left: -15px !important;
    border-bottom: 0 solid #ddd;
}

.dropdown-menu {
    min-width: 220px;
    /*width:220px;*/
    padding: 0;
    margin: 5px 0 0 0;
    border: none;
    list-style: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 0 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #eee;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu li a {
    display: block;
    padding: 7px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #000;
    text-shadow: none;
    white-space: normal !important;
}

.dropdown-menu li {
    border-bottom: 1px solid #eee;
}

.dropdown-menu li:last-child {
    border-bottom: 0 !important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none;
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
    color: #999999;
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}

.dropdown-menu-title {
    background: #222;
    color: #fff;
    padding: 8px 0;
    position: relative;
}

.dropdown-menu-title span {
    margin-left: 15px;
}

.dropdown-menu-title a:link {
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 4px 6px !important;
}

.dropdown-menu-title a i {
    color: #fff;
}

.dropdown-menu-title a:hover {
    background: #fff !important;
}

.dropdown-menu-title a:hover i {
    color: #222 !important;
}

.dropdown-menu-sub-footer {
    background: #eee;
}

.dropdown-menu ul,
.dropdown-menu ul li {
    padding: 0 !important;
    margin: 0 !important;
}
/* Content and Main Elements
=================================================================== */
.well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.widget {
    padding: 10px;
    margin-bottom: 28px;
}

.widget h2 {
    padding: 10px 10px 0 10px;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 300;
    text-shadow: 0 1px 0 #fff;
}

.widget h2 .glyphicons i:before {
    margin-top: -7px;
    font-size: 20px !important;
    line-height: 20px !important;
}

.box {
    border: 2px solid #eee;
    background: #fff !important;
    margin-bottom: 10px;
    height: auto;
    min-height: 390px;
}
.box_auto {
    border: 2px solid #eee;
    background: #fff !important;
    margin-bottom: 10px;
    height: auto;
}
.box_auto.box-primary {
    border-top: 1px Solid #e0e0e0;
    border-left: 1px Solid #e0e0e0;
    border-right: 1px Solid #e0e0e0;
    border-bottom: 1px Solid #e0e0e0;
}

.box-header {
    font-size: 14px;
    padding: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

.box-header h2 {
    float: left;
    margin-top: 0;
    font-weight: 300;
}

    .box-header h2 i {
        margin: 0 3px 0 4px;
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
    }

.box-header .break {
    border-left: 1px solid #FFF;
    margin: -12px 10px -10px 10px;
    padding: 12px 0 10px 0;
}

.box-header .box-icon {
    float: right;
    margin-top: 1px;
}

.box-header .box-icon i {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.box-header .box-icon i:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.box-header .box-icon a {
    margin: 0 5px;
}
/* Labels
=================================================================== */
.label,
.badge {
    font-weight: 400 !important;
}

.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/* Buttons
=================================================================== */
.btn i {
    margin-top: 2px;
    padding-right: 5px;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:active,
.btn.active {
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-large {
    padding: 11px 14px;
    font-size: 17.5px;
    border-radius: 0;
}

.btn-small {
    padding: 6px 12px;
    border-radius: 0;
}
.tamil-lang .btn-small {
    font-size: 10px !important;
}
.btn-mini {
    padding: 0 5px;
    font-size: 8.5px;
    border-radius: 0;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active {
    background-color: #a7a9aa;
    border-color: #a7a9aa;
}

/* UI - Uniform
=================================================================== */

div.checker {
    margin-top: -4px !important;
}

div.radio {
    /*margin-top: 10px;*/
}

div.uploader {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

/*progress UI*/
.progress {
    background: #eee !important;
    border: 1px solid #ddd !important;
    height: 14px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}

.ui-progressbar-value {
    border-color: transparent;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
}

/* Footer
=================================================================== */

footer {
    min-height: 24px;
    background: #3A3A3A;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* Typography - Blockquote
=================================================================== */
blockquote {
    background: url('../../vendors/vendors/bootstrap/img/quote.png') no-repeat 0 10px;
    font-style: italic;
    border-left: none;
    padding: 0 0 0 30px;
}

/* Page: Messages
=================================================================== */
.message .header {
    margin-bottom: 30px;
}

.message .header h1 {
    background: #67C2EF; /* rgba(103, 194, 239, 1); */
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.15);
    margin: -20px -20px 10px -20px;
    padding: 20px;
}

.message .header i {
    margin-top: 1px;
}

.message .header .from {
    display: inline-block;
    width: 70%;
    font-size: 12px;
}

.message .header .date {
    width: 29%;
    text-align: right;
    float: right;
    font-size: 12px;
}

.message .attachments {
    border-top: 3px solid #f9f9f9;
    border-bottom: 3px solid #f9f9f9;
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 12px;
}

.message .attachments ul {
    list-style: none;
    margin: 0;
}

.message .attachments ul li {
    margin: 10px 0;
}

.message .attachments ul li span.label {
    font-size: 12px !important;
}

.message .attachments ul li span.quickMenu {
    float: right;
    text-align: right;
}

.message .attachments ul li span.quickMenu .glyphicons {
    padding: 5px 0 5px 25px;
}

.message .attachments ul li span.quickMenu .glyphicons i:before {
    font-size: 14px;
    margin: -2px 0 0 5px;
    color: #3b3b41;
}

/*ng Required Class*/
.errorMessage {
    padding: 5px;
    color: red;
    top: 0;
    left: 270px;
}

/*Quiz Module edit pages jQuery form validation common CSS*/
input[type='text']:valid:focus, input[type="file"]:valid:focus, input[type="email"]:valid:focus, select:valid:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

input.ng-valid:focus, textarea.ng-valid:focus, select.ng-valid:focus {
    border: 1px solid #d3d3d3  !important;
    color: #444444;
    outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

:valid + .icon-validation::before {
    content: attr(data-icon);
    color: #8BC34A;
    position: absolute;
    right: 20px;
    top: 32px;
}

:valid + .icon_custom::before {
    content: attr(data-icon);
    color: #8BC34A;
    position: absolute;
    right: 20px !important;
    top: 32px;
}

input[type="text"].error, input[type="number"].error, input[type="datetime"].error,
textarea.error, select.error {
    border: 1px solid #F0CFCF !important;
    background-color: #ffffff !important;
    color: #444444 !important;
    margin-left: 0 !important;
}

.error {
    border: 1px solid #b94a48 !important;
    border-color: #F0CFCF !important;
    background-color: #fff !important;
    margin-left: 0 !important;
}

.header {
    /*text-align: left;
    position: relative;
    background: #333;
    height: 50px;*/
}

.header::before,
.header::after {
    bottom: -6px;
}

.header a {
    color: #EFEFEF;
}
.dataTable, .tableWidth {
    width: 100% !important;
}
.ckeditor_field {
    margin: 10px 0 !important;
}
.cke_chrome {
    display: block;
    padding: 0;
    border: 1px solid #ECECEC !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}

/* INTERNAL CSS FROM QUIZ@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

ol.carousel-indicators {
    margin-bottom: -70px;
    color: black;
}
ol.carousel-indicators li {
    border: solid gray 1px;
    background-color: white;
}
ol.carousel-indicators li.active {
    background-color: gray;
}

div.carousel-inner {
    padding-top: 20px;
}

.carousel-control.left, .carousel-control.right, .carousel-control.left:hover, .carousel-control.right:hover {
    background-image: none;
    opacity:1 !important;
}

table.dataTable tbody td .badge {
    width: auto !important;
}

.badge_green {
    background-color: #5cb85c;
    margin-left: 10px;
}
/* --------
    newenrolluser.html and notenrolled.html pages CSS
    ----------------------------------------- */
#attemptBody {
    width: 100%;
    padding: 0;
    font-size: small;
    background: #fff;
}

#attemptBody #tabs a {
    padding: 0 20px !important;
    text-transform: none !important;
    border-bottom-color: #4b5d67 !important;
    color: #ffffff !important;
    width: 100%;
}

#attemptBody #tabs {
    border-bottom: 0 solid #ccc !important;
}
.box_AQ label[for="timeopen"]::before, .box_AQ label[for="timeopen"]::after,
.box_AQ label[for="QuizTimeClose"]::before, .box_AQ label[for="QuizTimeClose"]::after {
    top: 0;
}

.enrolluser_list {
    background-color: #EBECED;
    font-size: 11px;
}

.enrolluser_listhover {
    padding: 5px 10px;
    max-height: 38px;
}

.listofassigned {
    max-height: 10em;
    overflow-y: auto;
}
.listofassigned #coursesinmylearningpath:hover {
    color: #989b9b;
    cursor: pointer;
}
.listofassigned .coursesinmylearningpath:hover .btn, .listofassigned .coursesinmylearningpath:hover .fa,
.btn_delete .fa {
    color: #ff0000 !important;
}
.C_in_MLP {
    min-height: 16em;
    overflow-y: auto;
    background-color: #EBECED;
    margin-bottom: 10px;
}

#tabs {
    overflow: hidden;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

#tabs li {
    float: left;
}

#tabs a {
    float: left;
    position: relative;
    padding: 0 40px;
    height: 0;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    /*border-right: 30px solid transparent;*/
    border-bottom: 30px solid #3D3D3D;
    border-bottom-color: #777;
    opacity: .3;
    filter: alpha(opacity=30);
}

#tabs a:hover, #tabs a:focus {
    border-bottom-color: white;
    opacity: 1;
    filter: alpha(opacity=100);
    color: black;
}

#tabs a:focus {
    outline: 0;
}

#tabs #current {
    z-index: 1;
    border-bottom-color: #FDE58D !important;
    color: #403F3F !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* -----App\Quiz\Quiz Modules\AttemptQuiz\AttemptQuiz.html CSS------ */
#attemptContent {
    border-top: 3px solid #737373;
    padding: 2em;
}

#attemptContent h2, #attemptContent h3, #attemptContent p {
    margin: 0 0 15px 0;
}
/*End of Attempt Quiz*/

.tabs-head {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #444444;
    border-bottom: 2px solid #A5A4A4 !important;
}

.tabs-head a {
    float: left;
    position: relative;
    padding: 0 40px;
    height: 0;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #969696;
    opacity: 1;
    filter: alpha(opacity=30);
}

.tabs-head a:hover, .tabs-head a:focus {
    border-bottom-color: #B3B3B3;
    color: #444444;
}

.tabs li {
    line-height: 25px;
}

table.instruction {
    font-size: 12px;
    width: 100%;
}

table.sessiondetail {
    font-size: 12px;
    margin-top: -8px;
    margin-left: -8px;
    width: 100%;
    height: 200px;
    border: solid rgb(230, 230, 230) 1px;
}

table.instruction li {
    line-height: 25px;
}

table.pagination-table {
    border: solid white 0;
    border-left: solid rgb(200,200,200) 1px;
    border-right: solid rgb(200,200,200) 1px;
    float: right;
}

span.IndicatorsText {
    font-size: 8px;
}

span.Display-Question {
    font-size: 13px;
    color: rgb(100, 100, 100);
}
.questiontext h1, .questiontext h2, .questiontext h3, .questiontext h4, .questiontext h5, .questiontext h6 {
    font-size: 14px;
    margin: 0;
    line-height: inherit;
    font-weight: 600;
    color: #333;
}

.glyphicon .glyphicon-arrow-left {
    font-size: 30px;
    background-color: red;
}


.fa .fa-angle-double-left {
    color: red;
    background-color: red;
}

#pushSidebarLeft #SectionCollapsegroup .pagination-circle, div.pagination-circle {
    border-radius: 100%;
    width: 28px;
    height: 28px;
    background-color: transparent;
    behavior: url(PIE.htc);
    padding-top: 5px;
    text-align: center;
    color: #333;
    font-size: 12px;
    line-height:18px;
}

div.pagination-circle:hover {
    cursor: pointer;
}


div.IndicatorsCircle {
    border-radius: 100%;
    width: 10px;
    height: 10px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.myarr {
    color: white;
}

a.quiz {
    font-size: 13px;
}

div.type-main {
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: none;
    position: relative;
}
/*increase the value here if you want to increase the size of the div which contains question and options and timer*/
div.type-sub {
    border: solid green 1px;
    width: 600px;
    height: 100%;
    border-style: none;
}

.Display-Options {
    /*width: 75% !important;
     height: 30px; */
    margin: 0 0 10px 0 !important;
    padding: 10px 10px 10px 30px;
    border: 1px solid #dddddd;
    cursor: default;
    background-color: #F1F1F1;
}

.markforlater {
    background-color: orange;
}
/*below css for drag and drop*/

.yui3-dd-proxy {
    text-align: left;
}

#play {
    padding: 10px;
    margin: 10px;
    zoom: 1;
}

#play:after {
    display: block;
    clear: both;
    visibility: hidden;
    content: '.';
    height: 0;
}

#play ul {
    border: 1px solid black;
    margin: 10px;
    width: 250px;
    height: 300px;
    float: left;
    padding: 0;
    zoom: 1;
    position: relative;
    overflow: auto;
}

#play ul li {
    background-image: none;
    list-style-type: none;
    padding-left: 20px;
    padding: 5px;
    margin: 2px;
    cursor: move;
    zoom: 1;
    position: relative;
}

#play ul li.list1 {
    background-color: #8DD5E7;
    border: 1px solid #004C6D;
}

#play ul li.list2 {
    background-color: #EDFF9F;
    border: 1px solid #CDCDCD;
}

/*above css for drag and drop*/
.btn-sq-lg {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 70px;
    height: 70px;
}

.box_assignQuiz {
    border-top: 3px solid #3c8dbc;
    background: #fff !important;
    margin-bottom: 10px;
    height: 533px;
}

.box_assignQuizlist {
    border: 0 solid #eee;
    background: #fff !important;
    margin-bottom: 10px;
    height: 533px;
    /* overflow-y: auto;*/
    border-top: 3px solid #3c8dbc;
}

a.btn.grid-view-sz.text-blue {
    height: 7em;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #0EA8FF;
    width: 100%;
    clear: both;
    white-space: normal;
    color: #0EA8FF;
    word-break: break-all;
}

    a.btn.grid-view-sz.text-blue:focus, a.btn.grid-view-sz.text-blue:hover {
        background-color: #0EA8FF;
        border: 1px solid #c2c2c2;
        color: #ffffff !important;
    }

.AssignQuizTimeline {
    width: auto;
    height: 100%;
    margin: 15px auto;
    max-height: 444px;
    background: url(../img/timeline-bg.png) repeat-y center top;
}

.btn-sq-lg:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.center-align {
    margin-top: 10%;
    font-size: 11px;
    color: #fff;
}

.right-top {
    cursor: pointer;
    color: red;
    float: right;
}

.form-control-cq {
    width: 100%;
    height: 26px !important;
    font-size: 12px !important;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ececec;
    border-radius: 0;
}


.LoQ {
    width: 90px;
    height: 90px;
    margin: 15px !important;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
    * we use height instead, but this forces the menu to always be this tall
    */
* html .ui-autocomplete {
    height: 100px;
}


.input-group-btn-custom {
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}

/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #4c9cca;
}*/

.QuizDetailsBody {
    margin: 10px 20px;
}

.nav-tabs {
    border-bottom: 0 solid #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #fff;
    border: 0 solid #ddd !important;
}

.CreateQuizBox {
    background: #fff !important;
    margin-bottom: 10px;
    height: auto;
    min-height: 316px;
}
.CreateQuizBox .radio label::before .CreateQuizBox .radio label::after {
    top: 0;
}

.header_AQ, .QuestionNosAQ {
    background-color: #0EA8FF;
    padding: 5px;
    color: #fff;
}

.QuestionNosAQ {
    background-color: #1abc9c;
}

span.Quiz-Topic, .QuestionNosAQ {
    font-size: 16px;
}

.question-display-cont label.Display-Options {
    font-size: 12px !important;
}

.QuizBtns, #Indicator {
    /*height: 90px;*/
    background-color: #f7f7f7;
}
table#Indicator {
    width: 100%;
    height: 40px;
    margin-left: 5px;
}

.btns_AQ {
    width: 100%;
    clear: both;
    position: absolute;
    bottom: 0;
}

.incenter {
    background-color: #f7f7f7;
    padding-top: 15px;
}

.answeredLi:before, .mflLi:before, .NAlist:before, .currentlist:before { /* the custom bullets */
    content: "";
    margin-right: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #00a65a;
    border: 1px solid #00a65a;
    border-radius: 50%;
    margin-bottom: 2px;
}

.completedquestion{
    background-color: #00a65a !important;
    border: 1px solid #00a65a !important;
    color:#fff !important;
}

.mflLi:before, .markforlaterquestion { /* the custom bullets */
    background-color: #ffca28 !important;
    border: 1px solid #ffca28 !important;
    color:#fff !important;
}

.NAlist:before, .notattemptedquestion{ /* the custom bullets */
    border: 1px solid #EF5350 !important;
    background-color:transparent !important;
    /*color:#fff !important;*/
}

.IndicatorUL .currentlist:before, .currentquestion {
    background-color: #03A9F4 !important;
    border: 1px solid #03A9F4 !important;
    color:#fff !important;
}

.currentlist:before, .currentquestion {
    background-color: #03A9F4 !important;
    border: 1px solid #03A9F4 !important;
    color:#fff !important;
}
.IndicatorUL {
    list-style-type: none; /* no default bullets */
    font-size: 11px;
    list-style-position: inside !important;
    /*margin-top: 311px;*/
    margin-bottom: 0;
    padding: 10px;

}
.MarkFrlater.active[disabled="disabled"] {
    background-color: #ffca28 !important;
    border: 1px solid #FFC107 !important;
    color:#fff !important;
}
.MarkFrlater[disabled="disabled"] {
    color: #232323 !important;
    border: 1px solid #9E9E9E !important;
    background-color: transparent !important;
}


.position-bottom {
    position: absolute !important;
    bottom: 0px;
    right: 1%;
    z-index: 1030;
}
.btnGroup .btn-link, .btnGroup .btn-link:hover, .btnGroup .btn-link:focus {
    text-decoration:none;
}
.panel-0 {
    border: none !important;
    box-shadow: none !important;
}
.panel-0 .panel-heading  {
    background-color: transparent;
    border-bottom: 1px solid #ececec;
    padding:10px 0;
    clear:both;
}
.panel-0 .panel-heading .panel-title {
    font-size:18px;
        line-height: 32px;
}
.panel-0 .panel-body{
    border:none !important;
}
.InputCod {
    background: #f4f4f4;
    color: #111;
    padding: 10px;
}

.bg-black-white {
    background-color: #111 !important;
    color: #fff !important;
}

.InputCod #codeInput {
    background-color: #111;
    color: #fff;
    /*background-color: #ffffff;*/
    /*color: #111;
    border: 1px solid #cccccc;*/
}
.InputCod .textarea:focus {
     border: 1px solid #736f6f;
     box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(134, 134, 134) !important;
}
.tamil-lang .IndicatorUL {
    font-size: 11px;
}
.quiz-instruction .instruction li, .list-styled {
    list-style-type: disc;
    font-size: 14px;
    margin-bottom: 5px;
    color:#7b7b7b;
    margin-left: 30px;
}
.quiz-instruction .instruction.list-style-type-none{
    list-style-type: none;
}
.IndicatorUL li:before {
    position: relative;
    top: 2px;
}
.Display-Question b, .Display-Question .questiontext {
    /*color:#171717;*/
    font-size: 15px;
}
.QuizrightPane {

    overflow-y: auto;

}
.QuizrightPane #SectionCollapsegroup {
    margin-bottom: 80px !important;
}
.QuizrightPane #Indicator {
    /*position: absolute;
    top: 0;
    width: 93%;*/
}
.Display-pane-Question .ckbind-text {
    /*position:relative;
    min-height:70vh;*/
    position: relative;
    height: 68vh;
    overflow-y: auto;
}
.Display-pane-Question .ind-preview-qst .ckbind-text {
    height: auto;
}
.btn--primary.btn-sm {
    padding:5px 10px !important;
    font-size: 12px;
    line-height: 1.5;
}
.btn--primary-bordered.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 1.5;
}
.Handson_Quiz .Display-pane-Question {
    height: 75vh;
    overflow-y: hidden;
}
.Handson_Quiz .Display-pane-Question .panel-body {
        height: 70vh;
    overflow-y: auto;
}
.QuestionNosPane {
   padding-top:17px;
   /*box-shadow: 0px 3px 10px #CCC;*/
}
.question-display-cont .carousel-control .glyphicon-chevron-left, .question-display-cont .carousel-control .icon-prev {
    margin-left: -20px;
}
.QuizrightPane::-webkit-scrollbar {
    width: 10px !important;
}


@media only screen and (max-width: 767px) {
    .quiz .QuestionPane {
        padding-left: 0 !important;
    }

    .quiz .QuestionNosPane {
        padding-right: 0 !important;
    }
}

.Note-circle {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: rgb(200,200,200);
    behavior: url(PIE.htc);
    padding-top: 3px;
    text-align: center;
    color: white;
    font-size: 10px;
}

#displayQuizBody {
    background-color: #ffffff;
}

#paginationQuiz {
    background-color: #ffffff;
}

.check_validate {
    color: #1abc9c;
}

.weightage {
    margin-left: -6%;
}

.CreateBPform {
    position: relative;
    overflow-x: hidden;
    height: auto;
    padding: 10px !important;
    margin-top: 5px;
}

.ckeditor_field > label {
    text-align: right !important;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #8BC34A !important;
    border-color: #8BC34A !important;
}


.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #8BC34A !important;
    border-color: #5D9022 !important;
}

.QuizResultContainer {
    padding: 10px;
}

.QuizResultChart {
    /*padding: 0 0 0 100px;
    margin-top: -16%;*/
    width: 56% !important;
    margin-top: -16%;
}

.QuizScore {
    line-height: 200px;
    font-size: 68px;
    color: #4C9CCA;
    background-color: #F7F7F7;
    margin: 20px auto;
    width: 200px;
    border-radius: 100px;
    height: 200px;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ddd;
    left: 29px;
    margin: 0;
    border-radius: 2px;
    height: 100% !important;
}

/* QUestion styles added */

/*input.ng-invalid.ng-dirty {
        border: 1px solid red !important;
        color: red;
    }

    input.ng-valid:focus {
        border: 1px solid green !important;
        color: green;
    }

    input.required:focus {
        border: 1px solid red !important;
        color: red;
    }

    :valid + .icon-validation::before {
        content: attr(data-icon);
        color: #8BC34A;
        position: absolute;
        right: 20px;
        top: 30px;
    }

    .tooltip {
        position: absolute;
        opacity: inherit !important;
        z-index: 99999999 !important;
    }

    .tooltip-inner {
        padding: 8px;
        color: #555555;
        text-align: left;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #ccc;
    }

        .tooltip-inner:before {
            content: "\f071";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 14px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #F3994C;
            padding: 0 8px 0 0;
        }

    .tooltip.right .tooltip-arrow {
        border-right-color: #ccc;
        top: 10%;
    }

    .tooltip.left .tooltip-arrow {
        border-left-color: #ccc;
        top: 10%;
    }

    .tooltip.top .tooltip-arrow {
        border-top-color: #ccc;
        left: 10%;
    }


    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #ccc;
        left: 10%;
    }
         .error {
        border: 1px solid #b94a48 !important;
        border-color: #F0CFCF !important;
        background-color: #FFF5F5 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
*/

input[type='checkbox']:invalid.error, input[type='radio']:invalid.error {
    outline: 2px solid red;
    /*width: 13px !important;*/
    outline-offset: -2px !important;
}

    input[type='radio']:invalid.error > .radio label::before {
        outline: 2px solid red;
        /*width: 13px !important;*/
        outline-offset: -2px !important;
    }

.radio-primary input[type="radio"]:invalid.error + label::before,
.checkbox-primary input[type="checkbox"]:invalid.error + label::before {
    border: 1px solid #b94a48 !important;
    border-color: #F0CFCF !important;
    background-color: red !important;
    /*margin-left: 0 !important;*/
}

/*.checkbox-primary input[type="checkbox"]:invalid.error + label::before {
    top: -16px;
}*/
/*Theme color*/
.bg_blue {
    background-color: #ffffff !important;
    border-top: 0 solid #22a7f0;
}
/* Learning path course overview page */
.LP_overview_list {
    border-bottom: 1px solid #ebeced;
    padding: 4px;
    cursor: pointer;
}

.LP_overview_list:hover {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    padding: 5px;
    cursor: pointer;
}

.LP_detail-sec {
    width: auto;
    padding: 10px;
    vertical-align: middle;
}
.LP_sec-img {
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: #fff;
}
.LP_list_img {
    width: 25px;
    height: auto;
    outline: 0 solid #0782C1 !important;
}

.LP_B_right li {
    padding: 15px;
    border-bottom: 1px solid #ebeced;
}
.BP .label.size1 {
    font-size: 14px !important;
}
/* --------
    ListViewQuestion.html page CSS
    ----------------------------------------- */
/*.listviewQB #tilesView .thumbnail .caption {
    min-height: 315px;
}*/
.listviewQB #tilesView .thumbnail .ribbon.badge_groups {
    top: 5px;
}
.listviewQB #tilesView .qb-listview-head {
    /*position: absolute;
    top: 20%;
    left: 0%;
    width: 100%;*/
    padding: 0 5px;
    /*text-align: center;*/
}
.listviewQB #tilesView .thumbnail .overlay .list-inline:before {
    /*content: "";*/
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.listviewQB #tilesView .thumbnail .overlay .list-inline>li {
    vertical-align: top;
}
.listviewQB #tilesView .thumbnail .overlay .list-inline>li:first-child {
    width: 40%;
}
.listviewQB #tilesView .thumbnail .overlay .list-inline>li:last-child {
    width: 58%;
}
#viewQuesBnkDtl .description *:first-child {
    margin-top: 0;
    padding-top: 0;
}

#viewQuesBnkDtl .dl-horizontal dt {
    width: 200px;
}

#viewQuesBnkDtl .dl-horizontal dd {
    margin-left: 210px;
}
/* --------
    Supervisor - approveQB.html page CSS
    ----------------------------------------- */
.supQb.listviewQB #tilesView .thumbnail .overlay .list-inline>li:first-child,
.assign-quiz .supQb.listviewQB #tilesView .thumbnail .overlay .list-inline>li:first-child {
    width: 42%;
}
.supQb.listviewQB #tilesView .thumbnail .overlay .list-inline>li:last-child,
.assign-quiz .supQb.listviewQB #tilesView .thumbnail .overlay .list-inline>li:last-child {
    width: 56%;
}
.item-analysis i.fa-info-circle {
    cursor: pointer;
}
.item-analysis .popover-title {
    display: block;
}
.uib-tab {
    text-transform:uppercase;
}