body {
    position: relative;
    margin-top: 20px;
    padding-top: 40px;
    font-size: 16px;
    line-height: 22px;
}

div {
    line-height: 22px;
}

label, input {
    font-size: 16px;
}

textarea {
    min-height: 60px;
}

.close {
    font-size: 27px;
}

.k-logo {
    max-height: 30px;
    margin-right: 8px;
    margin-top: 4px;
    margin-bottom: 0;
    padding: 0;
}

.k-or {
    margin-top: 30px;
    margin-bottom: -12px;
    border-bottom: 1px solid;
    border-color: #BBBBBB;
}

.k-or-span {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #999999;
    font-weight: 700;
}

.k-col {
    border: 1px solid #dddddd;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.unit-status {
    float: right;
    padding-right: 10px;
}

.k-sub, .k-sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.k-sup {
    top: -0.5em;
}
.k-sub {
    bottom: -0.25em;
}

.k-not-correct {
    margin-bottom: 10px;
}

.k-not-correct p{
    display: inline;
}

.cloze-blank {
    color: #0000FF;
}

audio {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 18px;
    width: 220px;
}

.k-submit-btn {
    margin-right: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.btn-default {
    background-color: #fff;
    border-color: #fff;
    color: #333;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-default:hover,
.btn-default:focus {
    text-decoration: none;
    color: #333;
    border-color: #DDDDDD;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #e6e6e6;
}

.btn-default .caret {
    border-top-color: #333 !important;
    border-bottom-color: #333 !important;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled] .btn-default:hover,
.btn-default[disabled] .btn-default:focus,
.btn-default[disabled] .btn-default:active,
.btn-default[disabled] .btn-default.active {
    background-color: #ddd;
    border-color: #ddd;
}

.k-active, .k-active:hover, .k-active:focus {
    text-decoration: none;
    color: #7e1314;
    border-color: #AAAAAA;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
    background-color: #e6e6e6;
}

.btn-primary {
    background-color: #08c;
    border-color: #08c;
    color: #fff;
    background-color: #007ab8;
    background-image: -moz-linear-gradient(top, #08c, #006699);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#006699));
    background-image: -webkit-linear-gradient(top, #08c, #006699);
    background-image: -o-linear-gradient(top, #08c, #006699);
    background-image: linear-gradient(to bottom, #08c, #006699);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff006599', GradientType=0);
    border-color: #006699 #006699 #00334d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary:hover,
.btn-primary:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #006699;
}


.btn-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
    background-color: #53ad53;
    background-image: -moz-linear-gradient(top, #5cb85c, #449d44);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5cb85c), to(#449d44));
    background-image: -webkit-linear-gradient(top, #5cb85c, #449d44);
    background-image: -o-linear-gradient(top, #5cb85c, #449d44);
    background-image: linear-gradient(to bottom, #5cb85c, #449d44);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449c44', GradientType=0);
    border-color: #449d44 #449d44 #2d672d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-success:hover,
.btn-success:focus {
    text-decoration: none;
    color: #fff;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #449d44;
}

.btn-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: #fff;
    background-color: #eea43b;
    background-image: -moz-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#ec971f));
    background-image: -webkit-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: -o-linear-gradient(top, #f0ad4e, #ec971f);
    background-image: linear-gradient(to bottom, #f0ad4e, #ec971f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971e', GradientType=0);
    border-color: #ec971f #ec971f #b06d0f;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-warning:hover,
.btn-warning:focus {
    text-decoration: none;
    color: #fff;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #ec971f;
}



.btn-danger {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
    background-color: #d34541;
    background-image: -moz-linear-gradient(top, #d9534f, #c9302c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9534f), to(#c9302c));
    background-image: -webkit-linear-gradient(top, #d9534f, #c9302c);
    background-image: -o-linear-gradient(top, #d9534f, #c9302c);
    background-image: linear-gradient(to bottom, #d9534f, #c9302c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302b', GradientType=0);
    border-color: #c9302c #c9302c #8b211e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-danger:hover,
.btn-danger:focus {
    text-decoration: none;
    color: #fff;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #c9302c;
}

.k-fb-btn {
    margin-right: 5px;
}

.k-top-div {
    margin-top: 0;
}

.courseGridStyle {
    border: 1px solid rgb(212,212,212);
    height: 250px;
    margin-bottom: 10px;
    margin-top: 0;
}

.moduleGridStyle {
    border: 1px solid rgb(212,212,212);
    height: 250px;
    margin-bottom: 10px;
    margin-top: 0;
}

.moduleCellText {
    padding-left: 5px;
    padding-top: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ngViewport:focus {
    outline: none;
}

figcaption {
    width:100%;
}

.is-required {
    font-weight: bold;
}

.k-due-date {
    padding-left: 20px;
    margin-top: 0;
}

.k-announcement-title {
    color:#770000;
    font-weight: bold;
}

.user-media-btn {
    margin-right: 5px;
}

.numericCol {
    text-align: right;
}
.centeredCol {
    text-align: center;
}

.resourceItm {
    float: left;
}

.cch-btn {
    cursor: pointer;
}

.k-sub-menu {
    margin-top: 0px;
    margin-bottom: 10px;
}

.kblocks-btn {
    cursor: pointer;
    padding: 2px 4px;
}

.module-tile {
    background-color: #ffffff;
    padding:6px;
    height: 158px;
}

.module-tile-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 3px rgba(0,0,0,0.33);
    -moz-box-shadow: 0 1px 3px 3px rgba(0,0,0,0.33);
    box-shadow: 0 1px 2px 2px rgba(0,0,0,0.33);
    background-color: #e9e9e9;
}

.module-tile-wrapper:hover {
    background-color: #efefef;
}

.module-tile-footer {
    margin-top:0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dddddd;
    display:inline-block;
    vertical-align: middle;
    height:40px;
    width:100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tile-content {
    height:110px;
    padding:5px;
    cursor: pointer;
    position: relative;
}

.footer-itm {
    display:inline-block;
}

.progress {
    margin-bottom:0 !important;
}

.due-date {
    position:absolute;
    bottom:0;
    left:5px;
}

.resource-module-name {
    padding-left: 5px;
    font-weight: bold;
}

.k-menu-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #efefef;
    border-bottom: #aaaaaa solid 1px;
    z-index: 100000;
}

.menu-button {
    margin-top: 0;
    padding-top: 0;
    vertical-align: top;
}
.menu-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 5px;
}

.menu-checkbox label {
    display: inline-block;
}

.drill-menu {
    vertical-align: top;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 0;
}

.drill-select {
    height: 35px;
    padding: 8px 12px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    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 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

@media (max-width:800px) {
    .hide-phone {
        display: none !important;
    }
}

.drill-directions {
    padding: 10px;
    margin-bottom: 10px;
}

.showborder {
    border:1px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-color: #FF9999;
}

.k-question-box {
    border:2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-color: #999999;
    padding: 10px;
    margin-bottom: 10px;
}

.k-question-box ul {
    margin-bottom: 0;
}

.k-qv-status {
    float: right;
    margin-left: 5px;
    margin-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    border:1px solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #aab8bc;
    background-color: #efedf4;
    color: #878114;
}

.k-ranking {
    width:50px;
    text-align: right;
}


.k-mc {
    list-style: none;
    display: table-row;
}

.k-mc input {
    display: table-cell;
    vertical-align: top;
}

.k-mc-label {
    display: table-cell;
    font-weight: normal;
    padding-left: 5px;
}


.k-mc-horizontal {
    list-style: none;
    display:inline-block;
    margin-right:20px;
}

.k-mc-label-horizontal {
    font-weight: normal;
    padding-left: 5px;
}

.k-mc-horizontal input {
    display:inline-block;
}

.k-q-txt {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
}
.k-q-num {
    display: table-cell;
    padding-left: 0;
}

.k-div {
    display: table-row;
}

.k-table {
    display: table;
}

.k-text-input {
    width: 98%;
}

.k-hint {
    font-weight: bold;
}

.k-hint-mask {
    color: #990000;
}

.k-media-menu {
    margin-bottom: 10px;
    display: inline-block;
}

.d-txt-group {
    border: 1px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border-color: #7aba7b;
    padding: 10px;
    margin-bottom: 10px;
}

.k-upload-bar {
    margin-top: 10px;
    margin-bottom: 0;
}

.k-upload-btn {
    margin-right: 5px;
}

.k-user-img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.videoBox {
    margin-bottom: 10px;
}

.likes-low {
    background-color: #00AA00;
}

.likes-medium {
    background-color: #AA0000;
}

.likes-high {
    background-color: #0000AA;
}

.post-table {
    margin-top: 7px;
}

.post-filter-row {
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom:8px;
    padding-left: 10px;
    padding-top: 4px;
    height: 33px;
    vertical-align: middle;
    background-color: #eeeeee;
    border-radius: 5px;
    display: inline-block;
}

.post-subject-txt {
    margin-top: 0;
}

#postSubject label {
    float:left;
    margin-right: 8px;
    padding-top: 5px;
    font-weight: bold;
}

#postSubject span {
    display: block;
    overflow: hidden;
}

#postSubject input {
    width:95%;
}

.flashModal {
    position: fixed;
    top: 2%;
    left: 2%;
    z-index: 1050;
    width: 950px;
    height: 550px;
    margin-left: 0;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.post-body {
    padding: 25px 10px 0;
    background-color: #ffffff;
}

.flash-body {
    padding: 20px;
}

.modal {
    display: block;
    position: fixed;
    overflow: hidden;
    overflow-y: hidden !important;
    top: 20px;
    left: 20px;
    z-index: 1050;
    width: 250px;
    height: 200px;
    margin-left: 0;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.hide {
    display: none;
}

.videoModal {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 1050;
    width: 250px;
    height: 200px;
    margin-left: 0;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-backdrop {
    background-color: rgba(255, 255, 255, 0.0);
}

.video-body {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.0);
}

.modal-header {
    padding: 2px 10px 1px 10px;
    height:28px;
    border-bottom: none;
}

.modal-body {
    padding: 0 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.0);
}

.modal-header .close {

}

.modal {
    margin-left: 0;
}

.k-post p{
    margin-bottom: 10px;
}


.reply-post-1 p{
    margin-left: 20px;
    color: #880000;
}
.reply-post-2 p{
    margin-left: 40px;
    color: #880000;
}
.reply-post-3 p{
    margin-left: 60px;
    color: #880000;
}
.reply-post-4 p{
    margin-left: 80px;
    color: #880000;
}

.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.bar {
    fill: #003661;
    opacity: .7;
}

.user-bar  {
    fill: red;
    opacity: .7;
}

.chart-tooltip {
    border:1px solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #999999;
    padding: 3px 6px;
    background-color: rgba(30,30,30,0.8);
    color: #FFFFFF;
}

.grid .tick {
    stroke: lightgrey;
    opacity: 0.3;
}
.grid path {
    stroke-width: 0;
}

.one-img {
    margin-left: 10px;
    margin-bottom: 15px;
}

.passed-unit {
    float: right;
    margin-right: 5px;
    color: #e6930a;
}
.failed-unit {
    float: right;
    margin-right: 5px;
    color: #92908b;
}

.passed-unit-inline {
    display: inline-block;
    margin-left: 10px;
    color: #e6930a;
}

.failed-unit-inline {
    display: inline-block;
    margin-left: 10px;
    color: #92908b;
}

.k-modal {
    left: 10px;
    top: 50px;
}

.mistake {
    color:red;
}

.q-table {
    width:inherit;
}

.video-link {
    margin-bottom: 8px;
}

.kGrid {
    height: 400px;
}

.r-cell {
    text-align: right;
}

.ngViewport {
    overflow-y:auto;
    overflow-x:hidden;
}

.all-response-list {
    max-height: 300px;
    overflow-y: auto;
}

.changedscore {
    background-color: yellow !important;
}

.pendingcell {
    width: 15px;
    background-color: #ffffff;
}
.correctcell {
    width: 15px;
    background-color: #00b809;
}
.errorcell {
    width: 15px;
    background-color: #860808;
}

.indentcell {
    padding-left: 25px !important;
}