/* Minification failed. Returning unminified contents.
(5508,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*---------common styles--------*/
.full-width {
    margin: 0;
    padding: 0;
    width: 100%;
}

div {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.no-spacing {
    margin: 0 !important;
    padding: 0 !important;
}


.no-bold {
    font-weight: normal;
}

    .no-bold label {
        font-weight: normal;
    }

.ellipsis-btn {
    padding: 0 10px;
    font-size: 20px;
    float: left;
    display: inline-block;
    cursor: pointer;
    background: #efefef;
    border-radius: 10px;
    margin: 5px 0 0 7px;
    line-height: 17px;
}

.btn-group.open .ellipsis-btn {
    border: 1px solid #18a689;
    color: #fff;
}

.btn img {
    margin-right: 3px;
}

.no-border {
    border: none !important;
}

.animation {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#side-menu .animation {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btn-row {
    padding: 10px 20px;
    background: #fff;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: right;
}

.block {
    display: block;
}

.popup-icon {
    z-index: 999999;
    text-align: center;
    color: #bcbcbc;
    font-size: 42px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.popup-content h3 {
    margin-bottom: 25px;
}

.auto-width {
    width: auto !important;
}
/*gb-1913*/
.no-margin{
    margin: 0;
}
.no-marginBottom{
    margin-bottom: 0px !important;
}
.no-MarginTop{
    margin-top: 0px !important;
}
.no-marginLeft{
    margin-left:0px !important;
}
.no-marginRight{
    margin-right: 0px !important;
}
/*---------common styles ends--------*/

#page-wrapper {
    min-height: 600px !important;
    top: 45px;
}

.dropdown-menu.change-password-dropdown {
    top: 45px;
    background: #06637a;
    border-radius: 0 0 6px 6px;
}


/*------kendo overides-------*/
/*GB1820*/
.k-window .k-window-titlebar {
    background: #077A97;
    color: #FFF !important;
}
.k-window .k-window-content.k-content .ibox-title,
.k-window .k-window-content.k-content .ibox-title-color{
    border-style: none;
}
.k-window .k-window-content.k-content .ibox-content,
.k-window .k-window-content.k-content,
.k-window .k-window-content.k-content .ibox-title.btn-row{
    background-color: #F2F2F2;
}
.k-window .k-window-content.k-content .ibox-title.btn-row {
    padding: 10px 13px;
}
.k-window .k-window-content.k-content .ibox-content {
    color:#091119;
}
.k-window .k-window-content.k-content .ibox-title.btn-row {
    border-bottom: 2px solid #e7eaec !important;
}
.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action .k-icon.k-i-close,
.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action.k-state-hover .k-icon.k-i-close {
    background-position: -46px -15px !important;
    opacity: 1;
}
.k-window .k-window-titlebar .k-button:hover.k-bare.k-button-icon.k-window-action,
.k-window .k-window-titlebar .k-button:active.k-bare.k-button-icon.k-window-action,
.k-window .k-window-titlebar .k-button:active:hover.k-bare.k-button-icon.k-window-action,
.k-window .k-window-titlebar .k-button:focus.k-bare.k-button-icon.k-window-action,
.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action.k-state-hover {
    color: transparent !important;
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action,
.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action.k-state-hover {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    padding:8px 16px;
    opacity: 1;
}
.k-window .k-window-titlebar .k-button:focus:not(.k-state-disabled):not([disabled]).k-bare.k-button-icon.k-window-action {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-window .k-window-titlebar.k-header .k-window-actions .k-button {
    background-color: transparent;
    background: none;
}

.k-window .k-window-content.k-content .ibox-title.btn-row .btn-default,
.k-window .k-window-content.k-content .ibox-title.btn-row .btn-default:focus,
.k-window .k-window-content.k-content .ibox-title .btn-default {
    background-color: #003654 !important;
    color: #FFF !important;
}
.k-window .k-window-content.k-content .ibox-title.btn-row,
#reportWindow .ibox-title,
#reportWindow .btn-row {
    background: transparent !important;
}


.k-window .k-window-content.k-content > .ibox-title.btn-row + .ibox-content,
.k-window .k-window-content.k-content > .ibox-title.btn-row + .ibox-content > .ibox-content {
    border: none !important;
}
/*EO GB1820*/
div.k-window-content {
    padding: 0;
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    .k-widget.form-control {
        padding: 0;
    }

        .k-widget.form-control .k-dropdown-wrap .k-input {
            padding: 0;
            height: 34px;
            line-height: 32px;
        }

.k-i-arrow-s {
    background-position: 0 -30px;
}

.k-state-hover > * > .k-i-arrow-s {
    background-position: 0 -30px;
}

k-dropdown-wrap .k-input {
    line-height: 32px;
}

div.k-window-content {
    overflow: auto;
}

.k-popup.k-list-container {
    border-radius: 0 0 6px 6px;
    box-shadow: none;
    width: 100%;
    background: #f4f4f4;
    margin: 0;
    border: 1px solid #e6e6e6;
    max-height: 448px;
    overflow: auto;
    padding: 0;
}

#MarkingPeriod-list {
    min-width: 220px !important;
    border-radius: 0 6px 6px 6px;
}

.k-popup.k-list-container li {
    padding: 5px 6px !important;
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    font-size: 13px;
    cursor: pointer;
    line-height: 22px !important;
}

    .k-popup.k-list-container li:last-child {
        border-bottom: none !important;
    }

    .k-popup.k-list-container li:hover, .k-list > .k-state-focused {
        background: rgba(0,0,0,.05);
    }

    .k-popup.k-list-container li.k-state-focused {
        border-bottom: 1px solid #dfdfdf !important;
    }

.k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -32px -16px;
}

.div.k-window-content {
    padding: 0;
}

.k-overlay {
    /*z-index: 99999 !important;*/
}

div.k-window {
    /*z-index: 99999 !important;*/
}

.gb-grid .k-edit-cell {
    padding: 0 !important;
}

.k-edit-cell .k-textbox, .k-edit-cell .k-dropdown {
    border: none;
    height: 30px;
    background: #fff6d9;
}

    .k-edit-cell .k-dropdown .k-dropdown-wrap {
        height: 30px;
        padding-top: 2px;
    }

.k-autocomplete.k-state-default {
    border: 2px solid #BEBEBE;
}

.k-autocomplete .k-input {
    height: 32px;
}

.k-grid-header .k-header {
    color: #fff;
}

.k-popup.k-context-menu.k-group {
    border-radius: 4px;
    box-shadow: none;
    font-size: 12px !important;
    list-style: none outside none;
    padding: 0;
    text-shadow: none;
    z-index: 1000;
    background: #1ab394;
    border: none;
    min-width: 220px;
    font-weight: normal !important;
}

.k-context-menu .k-state-hover {
    background: rgba(0,0,0,.05);
}

    .k-context-menu .k-state-hover > .k-link {
        color: #fff !important;
    }

.k-filter-menu {
    background: #efefef;
}

span.k-widget.k-dropdown.k-header { /*01dec new added border property*/
    min-height: 30px;
    background: #fff;
    font-weight: normal;
    border: 2px solid #BEBEBE;
}

.k-dropdown .k-state-default { /*01dec new added class to override from Kendo*/
    border: none !important;
}

.gb-attendCode .k-dropdown .k-state-default, /*01dec new added class to override from Kendo*/
.gb-attendCode .k-dropdown .k-input {
    height: 26px;
}

.gb-attendCode .k-dropdown-wrap.k-state-active,
.gb-attendCode .k-dropdown-wrap.k-state-active:focus { /*01dec new added class to override from Kendo*/
    outline: none;
    height: 100%;
    box-shadow: none;
    display: block;
    border: none !important;
    background: transparent;
    min-height: 26px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
}


.k-bold {
    background-position: -240px 0 !important;
}

.k-italic {
    background-position: -240px -24px !important;
}

.k-underline {
    background-position: -240px -48px !important;
}

.k-justifyLeft {
    background-position: -240px -144px !important;
}

.k-justifyCenter {
    background-position: -240px -168px !important;
}

.k-justifyRight {
    background-position: -240px -192px !important;
}

.k-justifyFull {
    background-position: -240px -216px !important;
}

.k-insertUnorderedList {
    background-position: -240px -264px !important;
}

.k-insertOrderedList {
    background-position: -240px -288px !important;
}


/*------kendo overides ends-------*/


.logo-wrap {
    height: 100px;
    padding: 20px 0 0;
    position: fixed;
    bottom: 55px;
    width: 180px;
}

.copyright {
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 0;
    font-size: 12px;
    width: 180px;
    background: rgba(0,0,0,.2);
    padding: 10px 0;
}

body.mini-navbar .copyright {
    display: none;
}

.teacher-plus {
    padding: 15px;
    position: fixed;
    bottom: 0;
    width: 180px;
    text-align: center;
    background: rgba(0,0,0,.4);
    display: none;
}

    .teacher-plus a {
        color: rgba(255,255,255,.7);
    }

.gb-mini {
    display: none;
}

.top-nav {
    margin: 0 0 0 220px;
}

.school-name {
    margin: 16px 5px 0;
}

.quick-status {
    float: left;
    width: 220px;
    padding: 7px 15px 0;
    overflow: hidden;
    line-height: 18px;
    height: 79px;
    border-right: 1px solid #efefef;
}

    .quick-status label {
        /*color: rgba(255,255,255,.65);*/
        font-size: 12px;
    }

    .quick-status span.label {
        cursor: pointer;
        font-size: 11px;
    }

body.mini-navbar .logo-wrap {
    height: 50px;
    padding: 12px 0 0;
    width: 70px;
}

body.mini-navbar .logo-lg {
    display: none;
}

body.mini-navbar .gb-mini {
    display: block;
}



.navbar-static-top1 {
    background: #077a97;
    color: #fff;
    margin: 0;
    z-index: 9999;
    height: 45px;
    position: fixed;
    width: 100%;
}

@media (max-width: 1024px) {

    /*1dec new property added*/
    .k-grid.k-widget.k-display-block[data-role="grid"] td input[type="checkbox"] {
        vertical-align: middle;
        margin: 0;
        top: -1px;
        left: 2px;
    }

    .k-grid.k-widget.k-display-block[data-role="grid"] th label input[type="checkbox"] {
        vertical-align: middle;
        top: 2px;
        left: 3px;
    }

    .k-grid.k-widget.k-display-block[data-role="grid"] td input[type="radio"] {
        top: 0px;
    }

    #gridScoreChanges.k-grid.k-widget.k-display-block[data-role="grid"] td input[type="checkbox"],
    #gridScoreChanges.k-grid.k-widget.k-display-block[data-role="grid"] th label input[type="checkbox"] {
        left: -4px;
    }

    #divGLList.k-grid.k-widget.k-display-block[data-role="grid"] th input[type="checkbox"] {
        top: 2px;
        left: 3px;
    }
    /*EO 1dec new property added*/




    .ibox .ibox-content .ibox-padding-fit .k-grid.k-widget .k-pager-wrap > .k-pager-numbers {
        margin-left: -17px;
        border: 1px solid #e6e6e6;
        border-width: 0px !important;
        background: transparent;
    }

        .ibox .ibox-content .ibox-padding-fit .k-grid.k-widget .k-pager-wrap > .k-pager-numbers .k-link.k-pager-nav {
            width: 69px;
            margin-left: -16px;
            border: 1px solid #e6e6e6;
            height: 26px;
            margin-top: 0px;
        }

    .ibox .ibox-content .ibox-padding-fit .k-grid.k-widget .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers .k-state-selected,
    .ibox .ibox-content .ibox-padding-fit .k-grid.k-widget .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers a {
        width: 69px;
        margin-left: -16px !important;
        border: 1px solid #e6e6e6 !important;
        background-color: #ffffff;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1.search-lib {
        margin-top: -10px !important;
    }
}

/*body.mini-navbar .navbar-static-top1 {
    margin: 0 0 0 70px;
}*/

.navbar-static-top2 {
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #efefef;
    z-index: 1001;
    position: static;
}

    .navbar-static-top2 .navbar-top-links {
        opacity: 0;
        top: -50px;
        width: 1px;
        /*overflow: hidden;  --------commented for toltip------*/
        height: 55px;
        position: relative;
    }

    .navbar-static-top2 .nav.navbar-top-links a {
        font-size: 16px;
        padding: 16px 10px;
    }

.full-screen-view .navbar-static-top2 .navbar-top-links {
    width: auto;
    opacity: 1;
    top: 0;
}

.navbar-static-top2 .minimalize-styl-2 {
    color: #999c9e;
    opacity: 0;
    top: -50px;
    width: 1px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
}

.full-screen-view .navbar-static-top2 .minimalize-styl-2 {
    width: auto;
    opacity: 1;
    top: 0;
    padding: 4px 12px;
    margin: 10px 5px 5px 8px;
}

.full-screen-view .navbar-static-top1 {
    display: none;
}

.full-screen-view #page-wrapper {
    min-height: 960px !important;
    top: 0;
}

.full-screen-view .navbar-static-top3 {
    display: none;
}

.full-screen-view #right-sidebar, .full-screen-view .left-side-panel {
    top: 56px !important;
}

.view-mp {
    display: none;
}

.full-screen-view .view-mp {
    display: block;
}

.navbar-static-top3 {
    margin: 0;
    background: #fff;
}

.navbar-static-top1 .text-muted {
    color: #fff;
}

.navbar-static-top1 .nav.navbar-right > li > a {
    color: #fff;
    background: none;
}

    .navbar-static-top1 .nav.navbar-right > li > a .fa {
        font-size: 16px;
    }


.pagination-top {
    padding: 10px 10px 0;
    width: 246px;
    border-right: 1px solid #efefef;
    height: 79px;
}


.btn {
    border-radius: 100px;
    padding: 6px 20px;
}

.btn-category {
    padding: 10px;
    border-right: 1px solid #efefef;
    float: left;
}

    .btn-category .btn img {
        max-height: 18px;
    }

    .btn-category .btn {
        padding: 6px 9px;
        font-size: 13px;
    }



.full-screen-view .btn-category .btn img {
    margin-right: 100px;
}

.btn-category .tooltip {
    z-index: 99999;
}
/*
.full-screen-view .btn-category .tooltip {
    visibility: visible;
}*/

.full-screen-view .btn-category .btn {
    max-width: 60px;
    padding: 6px 18px;
    overflow: hidden;
}

.view-btns {
    float: right;
    margin: 10px 10px 0 0;
    border: 1px solid #f0f0f0;
    border-left: none;
}

.navbar-static-top2 .view-btns {
    display: none;
    /*background-image: url(/Content/Inspinia/Images/down-arrow.jpg);*/
}

    .navbar-static-top2 .view-btns a.full-screen {
        background-image: url(/Content/Inspinia/Images/down-arrow.jpg);
    }


.full-screen-view .navbar-static-top2 .view-btns {
    display: block;
}

.view-btns a {
    display: block;
    background-position: center 5px;
    background-repeat: no-repeat;
    border-left: 1px solid #ebebeb;
    background-color: #f0f0f0;
    min-width: 36px;
    height: 36px;
    text-indent: -9999px;
    float: left;
}

    .view-btns a.collapse {
        background-image: url(/Content/Inspinia/Images/collapse.jpg);
    }

    .view-btns a.expand {
        background-image: url(/Content/Inspinia/Images/expand.jpg);
    }

    .view-btns a.full-screen {
        background-image: url(/Content/Inspinia/Images/up-arrow.jpg);
    }

.view-mp-outer {
    width: 281px;
    padding: 10px 0px 0 10px;
    border-right: 1px solid #efefef;
    height: 79px;
    float: left;
}

    .view-mp-outer .input-box {
        width: 162px;
        margin-left: 34px;
    }

    .view-mp-outer .MPtext {
        margin-left: 15px;
    }

    .view-mp-outer select, .view-mp-outer .btn {
        margin-bottom: 5px;
        font-size: 13px;
    }

.select-view {
    padding: 10px 10px 0;
    border-right: 1px solid #efefef;
    height: 79px;
    float: left;
    width: 198px;
}

    .select-view .col-sm-10.input-box {
        width: 150px;
        float: left;
    }

    .select-view .inline-label {
        font-weight: normal;
        float: left;
        line-height: 27px;
    }

    .view-mp-outer .form-control, .select-view .form-control {
        height: 36px;
    }

    .select-view .dropdown-menu {
        right: -100px;
        left: inherit;
        top: 26px;
    }

#right-sidebar {
    background: #f3f3f4;
    border: none;
}


    #right-sidebar .radio {
        float: left;
        margin: 0 15px 5px 0;
    }

    #right-sidebar .alt {
        background: #fff;
    }

    #right-sidebar .form-group {
        float: left;
        width: 100%;
    }

.right-panel {
    width: 100%;
}

#right-sidebar .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.input-inside .iradio_square-green {
    float: left;
}

.input-inside .form-control {
    height: 25px;
}

.hide-sidebar {
    position: absolute;
    height: 100%;
    width: 20px;
    left: 0;
    background: #2f4050;
}

    .hide-sidebar .hide-sidbar-btn {
        font-size: 23px;
        padding: 3px 0;
        color: #fff;
        display: block;
        text-align: center;
    }

.slimScrollDiv {
    margin: 0 0 0 20px;
}

#right-sidebar .sidebar-container .setings-item {
    padding: 0;
    border: none;
}

.panel-title a span {
    font-size: 26px;
    font-weight: bold;
    line-height: 10px;
    float: right;
    position: relative;
    top: -8px;
    color: #ccc;
    display: inline-block;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.panel-title a.collapsed span {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}
/*-----------narrative styles-------------*/
.narative-grid-outer {
    position: relative;
    float: left;
    width: 100%;
}

    .narative-grid-outer .list-group {
        /*height:448px; overflow:auto;*/
    }

    .narative-grid-outer .slimScrollDiv {
        margin: 0;
    }

.narative-grid-inner {
    margin: 0 0 0 185px;
}

/*.prospect-narative-grid .ibox-content {
    height: 300px;
    overflow-y: auto !important;
}*/


/*.narative-grid-outer .ibox-content {
    min-height: 259px;
}*/

.prospect-pic {
    padding-right: 0;
    position: absolute;
    width: 185px;
}

.narrative-pic {
    height: 240px;
}

#studentDetailPopup .prospect-pic {
    height: 100%;
}

.prospect-pic-container {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 6px;
    background: #43586d;
    overflow: hidden;
}

    .prospect-pic-container img {
        max-height: 100%;
        max-width: 100%;
    }

.narrative-editing-mp .note-style, .narrative-editing-mp .note-fontname, .narrative-editing-mp .note-height,
.narrative-editing-mp .note-table, .narrative-editing-mp .note-insert, .narrative-editing-mp .note-view, .narrative-editing-mp .note-help {
    display: none;
}

.narrative-prev-mp .ibox-content, .narrative-editing-mp .ibox-content {
    height: 40px;
}

.prospect-pic > .ibox-content {
    position: relative;
}

.prospect-narative-grid .k-grid-content {
    max-height: 186px;
}

#gridManageGradeBook .k-grid-content {
    min-height: 648px;
}

.switch-student {
    position: absolute;
    top: 78px;
    width: 100%;
    left: 0;
    font-size: 30px;
    padding: 0 15px;
}

    .switch-student span {
        cursor: pointer;
    }

.prospect-pic .btn-group {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.more-students {
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 0;
}

.prospect-pic .dropdown-menu {
    border-radius: 0 0 6px 6px;
    box-shadow: none;
    width: 100%;
    background: #1ab394;
    margin: 0;
    border-top: 1px solid #16997e;
    max-height: 448px;
    overflow: auto;
}

    .prospect-pic .dropdown-menu > li {
        float: left;
        width: 100%;
    }

        .prospect-pic .dropdown-menu > li > a {
            color: #fff;
        }

        .prospect-pic .dropdown-menu > li:hover, .prospect-pic .dropdown-menu > li.active {
            background: #18a689;
        }

        .prospect-pic .dropdown-menu > li > a span {
            float: right;
        }

        .prospect-pic .dropdown-menu > li > a:hover, .prospect-pic .dropdown-menu > .active > a {
            background: none;
        }

        .prospect-pic .dropdown-menu > li:last-child {
            border-radius: 0 0 6px 6px;
            border: none !important;
        }

.expand-narrative {
    font-size: 16px;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
}

.expand-narrative-outer .narative-grid-inner, .expand-narrative-outer .narrative-prev-mp {
    display: none;
}

.expand-narrative-outer .narrative-editing-mp-outer {
    width: 100%;
}

.expand-narrative-outer .narrative-editing-mp .ibox-content {
    height: 626px;
}

.expand-narrative-outer-pre-mp .narative-grid-inner, .expand-narrative-outer-pre-mp .narrative-editing-mp-outer {
    display: none;
}

.expand-narrative-outer-pre-mp .narrative-prev-mp-outer {
    width: 100%;
}

    .expand-narrative-outer-pre-mp .narrative-prev-mp-outer .ibox-content, .expand-narrative-outer-pre-mp .narrative-prev-mp-outer .slimScrollDiv {
        height: 626px !important;
    }

.student-title {
    margin-top: 8px;
}

    .student-title.block {
        display: block;
    }

.narrative-prev-mp-outer .form-control {
    height: 36px;
}

.narrative-editing-mp-outer {
    min-height: 430px;
}
/*narrative styles ends*/


/*--------login page starts here-----------*/
.login-bg {
    background: url(/Content/Inspinia/Images/login-bg.jpg) center top no-repeat #2f4050;
    background-size: cover;
}

.login-left {
    padding: 110px 40px;
}

    .login-left span.small {
        color: #fff;
    }

    .login-left .logo-name {
        font-size: 50px;
        letter-spacing: -2px;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

.login-right {
    background: #fff;
    position: absolute;
    height: 100%;
    right: 0;
}

    .login-right .rediker {
        margin-bottom: 30px;
    }

    .login-right .loginscreen.middle-box {
        margin: 0 40px;
        padding: 100px 0 0;
    }

    .login-right .loginscreen.change-password.middle-box {
        margin: 0 20px;
        width: 400px;
    }

    .login-right .btn-primary {
        padding: 8px 25px;
    }

.loginscreen.middle-box .field-validation-error {
    color: #ed5565;
}

.change-password-info {
    padding: 15px 15px 5px;
    background: #efefef;
    border-radius: 6px;
}

.change-password-info-login {
    padding: 15px 15px 5px;
    background: #C0D9AF;
    border-radius: 6px;
}
/*-------------login ends-------------------*/
.popup-content {
    padding: 15px;
}

/*------------left-side panel panel-----------*/
.left-side-panel {
    background: #fff;
    overflow: hidden;
    position: fixed;
    top: 45px;
    width: 750px !important;
    z-index: 9991;
    bottom: 0;
    left: -731px;
    padding: 0 20px 0 0;
}

@media (max-width: 1024px) {
    .left-side-panel {
        left: -750px;
    }
}

.left-side-panel.left-side-panel-open {
    left: 180px;
}

.mini-navbar .left-side-panel.left-side-panel-open {
    left: 70px;
}

.left-side-panel.animation {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.left-side-panel .hide-sidebar {
    left: auto;
    right: 0;
}

.left-side-panel .hide-view-panel-btn {
    font-size: 23px;
    padding: 3px 0;
    color: #fff;
    display: block;
    text-align: center;
}

.left-side-panel .sidebar-container {
    background: #f3f3f4;
}

.view-panel-content {
    width: 100%;
    float: left;
}

.left-side-panel section {
    padding: 15px;
}

    .left-side-panel section.alt {
        background: #fff;
    }

.gb-view-settings .control-label {
    width: 226px;
}

.horizontal-checkbox .checkbox.i-checks {
    float: left;
    margin: 0 15px 0 0;
}

/*------------left side panel ends-----------*/

/*--------------left navigation modified------------*/
#gradebook .nav-second-level {
    top: 45px;
    /*height: 100% !important;*/
    position: fixed;
    border-radius: 0;
    overflow: auto;
    padding: 0 0 45px 0;
}

.nav > li.active#gradebook .nav-second-level {
    left: 180px !important;
}

body.mini-navbar:not(.fixed-sidebar):not(.canvas-menu) .nav li.active#gradebook .nav-second-level {
    left: 70px !important;
}

ul.nav.nav-second-level.leftnav-open {
    left: 180px;
    min-width: 200px;
}

#side-menu {
    top: 45px;
}

    #side-menu .tooltip {
        visibility: hidden;
    }

body.mini-navbar #side-menu .tooltip {
    visibility: visible;
}

#side-menu.nav > li > a > img {
    margin-right: 3px;
}

#side-menu.nav > li#attendance > a > img {
    margin-right: 5px;
}

#side-menu.nav > li:hover > a > img {
    opacity: 1;
}

.nav > li .nav-second-level .nav-third-level {
    max-height: 0;
    overflow: hidden;
}

.nav > li .level2-list.expand-menu .nav-third-level {
    max-height: 400px;
    overflow: visible;
}

#reports .nav-second-level .nav-third-level li {
    padding-left: 15px !important;
}
/*--------------left navigation modified ends------------*/


/*------------grid customisation-------------*/
/*1913*/
table[role="grid"] .k-button.k-button-icontext {
    display: inline-block;
    text-align: center;
}
/*1913*/

.k-grid-header th.k-header > .k-link {
    color: #676a6c;
    font-weight: 600;
    line-height: 30px; /*old value 24*/
    margin-left: 0; /*1913*/
    padding-left: 0; /*1913*/
    /*padding: 5px 10px 7px;*/
}

.k-grid-content {
    height: auto !important;
    color: #676a6c;
}

.comment-box .k-grid-content {
    height: 525px !important;
}

.left-side-panel .k-grid-content {
    max-height: 560px !important;
}

.minimal-grid .k-grid-content {
    height: 200px !important;
}

#lunchcnt .k-grid-content {
    height: 188px !important;
}

.selected-gb .k-grid-content {
    height: 460px !important;
}

.skills .k-grid-content {
    height: 422px !important;
}

.left-side-panel #AssignmentCategories .k-grid-content {
    max-height: 530px !important;
}

.left-side-panel #GbView .k-grid-content {
    height: 493px !important;
}

#gbContextMenu .k-grid-content {
    max-height: 450px !important;
}

#gbContext .k-grid-content {
    height: 450px !important;
}

.skst .gb-grid .k-grid-content {
    height: 400px !important;
}

#UndoScoresGrid .k-grid-content {
    height: 235px !important;
}

.k-grid-content {
    max-height: 570px !important;
}

    .k-grid-content .radio, table .checkbox {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.k-grid td {
    border-color: #BEBEBE;
    border-width: 1px;
}

.k-grid-content > tr:last-child > td {
    border-bottom: none;
}

.k-grid-header th.k-header {
    background: #71b2d2;
    padding: 2px 8px 5px;
    vertical-align: inherit;
    font-weight: 600;
}

/*gb-1913*/
/*include this class whereever inside the grid for header section where the gridcells has the controls*/
.gb-gridTexHorizCenter{text-align: center;}
#gridAddGradeScales th[data-field="IsDefault"] {
    text-align: center !important;
}

.k-grid-header th.k-header .k-link {
    color: #fff;
}


/*----------GB grid customization-------------*/
.gb-grid {
    height: 100%;
}

    .gb-grid img {
        cursor: pointer;
        width: 23px;
        height: 23px;
    }

    .gb-grid .k-grid-header .k-grid-header-wrap > table, .gb-grid .k-grid-content > table {
        min-width: 100%;
    }

    .gb-grid .k-grid-header th.k-header {
        padding: 0;
    }

    .gb-grid .k-grid-header .k-grid-header-wrap > table {
        background: #e2f3f4;
    }

        .gb-grid .k-grid-header .k-grid-header-wrap > table .k-link {
            color: #676a6c;
        }


        .gb-grid .k-grid-header .k-grid-header-wrap > table tr td {
            border: 0;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            font-weight: normal;
            height: 33px;
            font-size: 12px;
            font-weight: 600;
        }

        .gb-grid .k-grid-header .k-grid-header-wrap > table tr:first-child > th {
            background: #e2f3f4;
            color: #676a6c;
            vertical-align: top;
            border-left-width: 0;
            border-right-width: 1px;
        }


        .gb-grid .k-grid-header .k-grid-header-wrap > table tr > th tr:first-child td {
            padding: 2px 4px;
            height: 33px;
        }

td.btn-td {
    padding: 0 4px !important;
    text-align: center;
}

    td.btn-td .btn-sm {
        padding: 3px 10px;
    }

.gb-grid .k-grid-header .k-grid-header-wrap > table tr:last-child > th {
    height: 30px;
}

    .gb-grid .k-grid-header .k-grid-header-wrap > table tr:last-child > th > .k-link {
        padding: 0 15px 10px;
    }

.gb-grid .k-grid-header-locked {
    background: #e2f3f4;
    color: #676a6c;
    border-left: 0;
    vertical-align: top;
    border-color: rgba(0,0,0,.15);
}

    .gb-grid .k-grid-header-locked .k-header {
        background: transparent;
    }

    .gb-grid .k-grid-header-locked td {
        border-color: rgba(0,0,0,.15) !important;
        color: #676a6c !important;
        font-weight: 600;
        height: 33px;
    }

    .gb-grid .k-grid-header-locked tr:last-child th {
        background: #71b2d2;
    }

        .gb-grid .k-grid-header-locked tr:last-child th .k-link {
            color: #fff;
        }

.gb-grid .k-grid-header .k-grid-header-wrap > table tr:last-child > th {
    background: #71b2d2;
}

    .gb-grid .k-grid-header .k-grid-header-wrap > table tr:last-child > th .k-link {
        color: #fff;
    }

.gb-grid .k-grid-header-locked tr:last-child th .k-link {
    padding: 8px 15px 6px;
}

.gb-grid .k-grid-header-locked th.k-header {
    vertical-align: top;
}

.gb-grid .k-grid-header .k-grid-header-wrap > table tr:first-child > th:first-child td:last-child {
    /*background: #566979;*/
}

/*.gb-grid .k-grid-header .k-grid-header-wrap > table tr:first-child > th:first-child td {
            padding: .4em .6em;
            color: #fff;
        }*/

.gb-grid .k-grid-header .k-grid-header-wrap > table tr {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .gb-grid .k-grid-header .k-grid-header-wrap > table tr:hover {
        background: #dbebec;
    }

.gb-grid .k-grid-content {
    height: 400px !important;
}

.full-screen-view .gb-grid .k-grid-content {
    /*min-height: 588px;*/
}

.gb-grid .k-grid-content td {
    padding: 4px 6px;
    font-size: 12px;
    border-left-width: 0;
    border-right-width: 1px;
}

.k-grid .k-alt {
    background: #f8f8f8;
}

.gb-grid .k-grid-content table tr:hover {
    background: #eef7fb;
    color: #333;
}

.gb-grid .k-state-focused {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff6d9;
}

.add-column-outer {
    background: #71b2d2;
    height: 100%;
    vertical-align: top !important;
    position: relative;
    border: none !important;
}

.gb-title {
    background: #465663;
    padding: 5px;
    height: 33px;
    color: #fff;
}

    .gb-title span {
        display: inline-block;
        padding: 0 5px;
        margin: 0 5px 0 0;
        font-size: 16px;
    }

    .gb-title label {
        font-weight: normal;
        color: #fff;
        max-width: 73%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.gb-column-settings {
    background: #465663;
    padding: 5px;
    height: 33px;
    font-size: 18px;
    text-align: right;
    color: #fff;
}

.skst-static-header .gb-column-settings {
    background: #465663;
}

.add-column-inner-block {
    height: 100%;
    position: absolute;
    width: 100%;
}

.add-column {
    position: absolute;
    height: 50%;
    width: 100%;
    text-align: center;
    min-height: 50px;
    z-index: 999;
    background-color: #71b2d2;
}

    .add-column .btn {
        position: relative;
        top: 42%;
    }

    .add-column .btn {
        position: relative;
        top: 50%;
    }

.add-column-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #5eacc0;
    padding: 7px 0;
}

    .add-column-bottom .form-group {
        line-height: 25px;
        margin: 0;
        text-align: center;
    }

        .add-column-bottom .form-group label {
            font-weight: normal;
        }

.category-td {
    padding: 3px 5px !important;
}

.category {
    background-color: orange;
    display: block;
    padding: 2px 8px;
    border-radius: 25px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---------GB Tabs starts---------*/

.k-grid-content-locked {
    height: 468px !important;
    border-right-color: #ccc;
}

.gb-tabs {
    background: #566979;
    color: #fff;
    margin: 0 0 0 180px;
    z-index: 9999;
}

.mini-navbar .gb-tabs {
    margin: 0 0 0 70px;
}

.gb-name {
    background: #1ab394;
    padding: 9px 20px 6px 25px;
    float: left;
    height: 39px;
    font-size: 14px;
    border-top: 1px solid #03815a;
    top: 0px;
    position: relative;
    z-index: 999;
}

.gb-tabs .nav-tabs {
    border: none;
    border-top: 1px solid #4d5e6d;
    position: relative;
}

    .gb-tabs .nav-tabs > li {
        border-right: 1px solid #4d5e6d;
        border-top: 1px solid #495c6c;
        margin-top: -1px;
        position: static;
    }

        .gb-tabs .nav-tabs > li:hover {
            border-top: 1px solid #38454f;
        }

        .gb-tabs .nav-tabs > li.active {
            border-top: 1px solid #2f3a45;
        }

        .gb-tabs .nav-tabs > li > a {
            color: #cfd5df;
            padding: 8px 20px 10px 25px;
            border: none;
            border-radius: 0;
            margin: 0;
            font-size: 14px;
        }


            .gb-tabs .nav-tabs > li > a:hover {
                background: #455461;
                color: #fff;
                border: none;
            }

            .gb-tabs .nav-tabs > li > a:focus {
                background: #3c4954;
                color: #fff;
                border: none;
            }

        .gb-tabs .nav-tabs > li.active > a {
            background: #343f49;
            color: #fff;
            border: none;
        }

    .gb-tabs .nav-tabs.tabs-level2 {
        position: absolute;
        left: 0;
        margin: 0;
        background: #343f49;
        z-index: 9999;
        width: 100%;
        border-top: none;
        height: 0;
        overflow: hidden;
    }

    .gb-tabs .nav-tabs > li.active > .nav-tabs.tabs-level2 {
        height: 39px;
        overflow: visible;
    }


    .gb-tabs .nav-tabs.tabs-level2 > li {
        border: none;
        margin-top: -1px;
        position: static;
    }

        .gb-tabs .nav-tabs.tabs-level2 > li > a {
            font-size: 13px;
            padding: 9px 20px 9px 25px;
        }

        .gb-tabs .nav-tabs.tabs-level2 > li.active > a {
            border-bottom: 4px solid #18a689;
        }

        .gb-tabs .nav-tabs.tabs-level2 > li:hover > a, .gb-tabs .nav-tabs.tabs-level2 > li > a:focus {
            background: none;
            border-bottom: 4px solid #18a689;
        }

        .gb-tabs .nav-tabs.tabs-level2 > li:hover .dropdown-menu {
            display: block;
        }



.pop-up-tab {
    background: #97a7ac;
    position: absolute;
    left: 0;
    z-index: 999999;
    width: 100%;
    float: left;
    border-top: 1px solid #97a7ac;
}

    .pop-up-tab li {
        float: left;
    }

        .pop-up-tab li a {
            border: none;
            padding: 12px 15px;
            margin: 0;
            border-radius: 0;
            background: #97a7ac;
            color: #fff;
            text-align: center;
            border-right: 1px solid #8f9ea3;
            display: inline-block;
        }

        .pop-up-tab li.active a {
            border: none;
            background: #fff;
            color: #676a6c;
        }

.skst .btn-row {
    position: relative;
    padding-bottom: 0;
    height: 60px;
}


.skst-static-header {
    color: #676a6c;
    border-left: 0;
}

    .skst-static-header tr:first-child th {
        background: #566979 !important;
        color: #fff !important;
        font-weight: 600;
    }

    .skst-static-header tr:hover {
        /*background: #65a0bd !important;*/
    }

.gb-grid .k-grid-header .k-grid-header-wrap > table tr:first-child > th:first-child table.skst-static-header tr:first-child td:last-child {
    padding: 0;
}

.gb-grid .k-grid-header .k-grid-header-wrap > table tr > th table.skst-dynamic-header tr:first-child td {
    padding: 0;
}

.skst-static-header tr th {
    border-color: #516372 !important;
}

.skst-static-header .gb-column-settings {
    font-size: 14px;
    text-align: left;
}

.skill-title {
    background: #d8e8e9;
    display: block;
    padding: 5px 8px;
    height: 32px;
    position: relative;
}

    .skill-title a {
        font-size: 16px;
        line-height: 21px;
        position: absolute;
        right: 6px;
    }

.skst .k-grid-header tr:last-child th.k-header {
    vertical-align: middle !important;
    color: #fff;
    font-weight: bold !important;
    padding: 4px 6px;
}


td.narrative-td {
    white-space: normal;
    font-weight: normal !important;
    line-height: 16px;
}

    td.narrative-td div {
        max-height: 155px;
    }

.skst .k-grid-header-wrap > table tr:first-child > th:first-child {
    /*background-color: #71b2d2 !important;*/
}


.light-bg {
    background: #f6f6f6;
}

    .light-bg .btn-default {
        background: #fff;
    }

.skills .k-grid-header-wrap > table tr:first-child > th:nth-child(3) {
    /*background: #71b2d2;
    color: #fff;
    border: none;*/
}

    .skills .k-grid-header-wrap > table tr:first-child > th:nth-child(3) td {
        /*border-top: solid 1px #d0e0e1;*/
    }

        .skills .k-grid-header-wrap > table tr:first-child > th:nth-child(3) td:hover {
            /*background: #65a0bd !important;*/
        }

        .skills .k-grid-header-wrap > table tr:first-child > th:nth-child(3) td:hover {
        }


/*------------context-menu---------------*/
.context-menu {
    border-radius: 6px;
    box-shadow: none;
    font-size: 12px;
    list-style: none outside none;
    padding: 0;
    background: #1ab394;
    border: none;
}

    .context-menu > li > a {
        border-radius: 3px;
        color: #fff;
        line-height: 19px;
        margin: 0;
        text-align: left;
        font-weight: normal;
        border-top: 1px solid #18a689;
        display: block;
        padding: 5px 10px;
    }

    .context-menu > li:first-child > a {
        border: none;
    }

    .context-menu > li:last-child > a {
        border-top: 3px solid #18a689;
    }

.ibox-content form-horizontal #gv_LinkedScore {
    margin-bottom: 12px;
}

#stkCategorySum {
    margin-top: 10px;
}

#stkSum .sum {
    border-bottom: 1px solid #f7e7e7;
    margin: -14px 0 10px 20px;
    width: 120px;
    float: left;
}

#stkSum {
    margin-top: 20px;
}



div.emailLoder {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    margin: 0;
    top: 0;
    left: 0;
    padding: 30% 0 0;
    text-align: center;
    opacity: .7;
}




div.k-window-content {
    overflow: hidden;
}

div.k-window-content {
    overflow: hidden;
}


.submit-status li {
    line-height: 50px;
    border-bottom: solid 1px #f3f3f4;
    padding: 0 15px;
}

    .submit-status li .btn {
        margin: 10px 0 0;
        min-width: 90px;
    }

    .submit-status li:nth-child(2n+1) {
        /*background: #f0f0f0;*/
    }


.td-validate {
    border: 1px solid #ed5565 !important;
    position: relative;
}

.delete-row {
    position: relative;
}

    .delete-row input[type="checkbox"] {
        margin: 0;
        position: relative;
        z-index: 2;
        opacity: 0;
        cursor: pointer;
    }

    .delete-row .fa {
        position: absolute;
        z-index: 1;
        left: 11px;
        font-size: 18px;
        cursor: pointer;
    }

.disabled {
    opacity: .4;
    cursor: default;
}

.i-checks .disabled {
    opacity: 1;
}

#LeftNarrative {
    max-height: 300px;
    overflow: auto;
}

.logo.logo-lg {
    cursor: default;
}


.include-withdrawn {
    float: left;
    height: 43px;
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 0 30px;
    margin: 5px 0 0;
}

#stkPowerlaw {
    margin: 15px 0 0;
}

    #stkPowerlaw span {
        color: #000 !important;
    }

.k-grid .k-grid-content-locked td {
    white-space: nowrap;
}

.k-grid .k-grid-content td {
    white-space: nowrap;
}
/*.gb-grid-confirm-maping .k-grid .k-grid-content td {
    white-space: normal !important;
}
*/
.gb-grid-confirm-maping.gb-grid .k-grid-header .k-grid-header-wrap > table tr:last-child > th > .k-link {
    padding: 10px 6px 10px 6px;
    line-height: 1;
}

.gb-grid-confirm-maping.gb-grid .k-grid-header th.k-header {
    white-space: normal;
}

.pre-loder {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    margin: 0;
    top: 0;
    left: 0;
    padding: 30% 0 0;
    text-align: center;
    opacity: .7;
    background: #000;
    color: white;
}

.pre-loder-no-bg {
    background: transparent !important;
    color: white;
}

.pre-lod.no-bg {
    background: transparent !important;
}


.skill-information > a {
}

#gv_Categories {
    width: 25%;
    float: left;
    margin-right: 2%;
}

#gv_LinkedScore {
    float: left;
    width: 73%;
}

#gv_Categories .k-grid-content {
    max-height: 120px !important;
}

#gv_LinkedScore .k-grid-content {
    max-height: 120px !important;
}

.skill-audit .col-md-2.control-label {
    min-width: 162px;
}

.td-validate::after {
    font-family: FontAwesome;
    content: "\f06a";
    text-align: right;
    font-size: 16px;
    color: #ed5565;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 4px;
}

.symbol {
    font-size: 26px;
}

.error {
    color: red;
    margin-left: -25px;
}

.beta-note {
    border-top: 1px solid #e7eaec;
    left: 0;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    bottom: 32px;
}

.loginscreen .checkbox label {
    padding-left: 0;
}

#SaveStatus {
    color: #ff7e00;
    font-weight: 600;
}

    #SaveStatus.text-info {
        color: #1ab394;
    }

.sort-column-form input[type="radio"] {
    position: relative;
    top: 2px;
}

.batch-entry input[type="radio"] {
    position: relative;
    top: 2px;
}

.batch-entry label {
    font-weight: normal;
}

label.legendLabel {
    position: relative;
    top: 2px;
}

.tagcontainer {
    float: left;
    height: 167px;
    width: 100%;
    overflow: auto;
    padding: 5px;
    border: 1px solid #eee;
}

.mapped-tags .tagcontainer {
    border: 3px dashed #ddd;
}

.tags {
    margin: 0 0 2px 0;
    padding: 5px 10px;
    float: left;
    color: #666;
    background: #efefef;
    border-radius: 0;
    width: 100%;
    max-width: 327px;
}

.tagitemcls {
    width: 24px;
    float: left;
    margin-left: -18px;
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 2px;
}

.move {
    cursor: move;
}

.tags a.k-button {
    padding: 4px;
    text-align: center;
    line-height: 0;
    border-radius: 0;
    float: right;
}

.mapped-tags .tags {
    padding: 1px 0 1px 10px;
    display: block !important;
    max-width: 100%;
}

#SelectedDemographicColumns > div, #SelectedGradebookColumns > div {
    display: block !important;
}

.mapped-tags .tags .k-button-icontext .k-icon {
    margin: 0;
}

.mapped-tags .k-button:not(.k-state-disabled):hover .k-delete {
    background-position: -32px -16px;
}

.mapped-tags .k-button:not(.k-state-disabled):hover .k-Run {
    background-position: -32px -16px;
}


.short-thumbnails {
    display: -webkit-flex; /* Safari */
    display: flex;
    width: 100%;
}

    .short-thumbnails > li {
        -webkit-flex: 1; /* Safari 6.1+ */
        -ms-flex: 1; /* IE 10 */
        flex: 1;
        height: 200px;
        float: left;
        line-height: 24px;
        border: 1px solid #dedede;
    }

        .short-thumbnails > li:first-child {
            border-top: 4px solid #5ed0b9;
        }

        .short-thumbnails > li:nth-child(2) {
            margin: 0 15px;
            border-top: 4px solid #9ccdd5;
        }

        .short-thumbnails > li:nth-child(3) {
            margin: 0 15px 0 0;
            border-top: 4px solid #e1cd44;
        }

        .short-thumbnails > li:last-child {
            border-top: 4px solid #ed8175;
        }

        .short-thumbnails > li h4 {
            padding: 10px 15px 10px;
            background: rgba(0,0,0,.02);
            margin: 0 0 10px;
            border-bottom: 1px dashed #dedede;
        }

            .short-thumbnails > li h4 span {
                display: inline-block;
                cursor: pointer;
            }

                .short-thumbnails > li h4 span a {
                    color: #676a6c;
                }

.template-options {
    position: absolute;
    top: 105px;
    z-index: 1999;
    margin: 0 0 0 217px;
    width: 176px;
}

    .template-options label {
        float: left;
        position: relative;
        top: 5px;
        font-weight: normal;
    }

.ellipsis-btn {
    float: right;
}

.k-grid-content .k-autocomplete .k-input {
    height: 28px;
}

.student-info-container {
    height: 390px;
    overflow: auto;
}

    .student-info-container .k-grid-content {
        max-height: 278px;
    }

#GVTestScore .k-grid-content {
    max-height: 324px;
}

.student-info-container .ibox-content.contact-details {
    height: 225px;
    overflow-y: auto !important;
}

.k-tooltip {
    text-align: left;
}


.student-info-grid-outer .prospect-pic {
    width: 220px;
}

.student-info-grid-outer .narative-grid-inner {
    margin: 0 0 0 220px;
}

.contact-details {
    max-height: 398px;
    overflow: auto;
    overflow-x: hidden;
}

    .contact-details p {
        font-weight: bold;
        margin: 10px 0 0px;
        width: 185px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .contact-details .k-grid tbody td {
        border: none;
        vertical-align: top;
        padding: 0 0 5px 5px;
    }

        .contact-details .k-grid tbody td:first-child {
            width: 17px;
            padding: 0;
            text-align: left;
        }

#gridColumnScores .k-grid-content {
    max-height: 114px;
}

#scoreAnalysisThumbnail img {
    height: 142px;
}

#BasicInfoWrapPanel .divAddress {
    width: 200px;
}

.radio-inline {
    position: relative;
    top: -2px;
    margin-right: 5px !important;
}

.checkbox-inline {
    position: relative !important;
    /*top: 4px;*/
    margin: 0;
}

#saveAsTemp span.k-widget.k-dropdown.k-header {
    min-height: 36px;
}

.full-screen-view .template-options {
    display: none;
}

#BasicInfoWrapPanel .row {
    padding: 5px 0;
    float: left !important;
    width: 32.2%;
    margin: 0 5px 5px 0;
    height: 58px;
}

    #BasicInfoWrapPanel .row:first-child {
        width: 100%;
        background: #ebf4f7;
        height: auto;
        padding: 10px 0 15px;
        /*content: "test";*/
    }

    #BasicInfoWrapPanel .row .col-md-3 {
        width: 100%;
    }

#demoGraphicsDetailedView .ibox-title {
    border-color: #5ed0b9;
}

#classAttendanceDetailedView .ibox-title {
    border-color: #9ccdd5;
}

#columnSeriesDetailedView .ibox-title {
    border-color: #e1cd44;
}

#scoreAnalysisDetailedView .ibox-title {
    border-color: #ed8175;
}

.k-chart-tooltip {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

    .k-chart-tooltip span {
        display: inline-block;
        font-weight: bold;
        min-width: 131px;
    }


/*#columnSeriesThumbnail #gridColumnScores{
    border-color: rgba(0,0,0,.15);
    background: transparent;
}

#columnSeriesThumbnail #gridColumnScores div.k-grid-header{
    background: transparent;
}
#columnSeriesThumbnail #gridColumnScores .k-grid-header th.k-header{
    background: rgba(0,0,0,.28);
}

#columnSeriesThumbnail #gridColumnScores .k-alt {
        background: rgba(0,0,0,.04);
}

#columnSeriesThumbnail #gridColumnScores td {
    border-color: rgba(0,0,0,.1);
    color:#fff;
}*/


.k-popup.k-context-menu.k-group {
    width: auto !important;
    min-width: 120px;
}

ul.k-context-menu.k-menu-vertical > .k-item {
    height: 30px;
    white-space: nowrap;
}

.feed-activity-list {
    width: 100%;
}

.prev-narrative {
    border: 1px solid #e6e6e6;
    min-height: 213px;
    margin: 10px 0 0;
}

.charecter-ste {
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#AssignStandards .fa {
    font-size: 14px;
}

svg:not(:root) {
    overflow: visible !important;
    top: 32px;
    position: relative;
    max-width: 90% !important;
    min-width: 90% !important;
}

.k-state-hover > * > .k-i-calendar {
    background-position: -32px -176px;
}

.k-picker-wrap:before, .k-numeric-wrap:before {
    height: 30px;
}

.k-state-active, .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
    background-color: inherit;
}


.student-info-title {
    float: left;
}

    .student-info-title label {
        font-size: 18px;
        margin: 6px 0 0 15px !important;
    }

.k-callout-n {
    border-bottom-color: rgba(47,64,80,.9);
    top: -11px;
    left: 11px;
}

.k-callout-s {
    border-top-color: rgba(47,64,80,.9);
    top: -11px;
}

.student-info-grid-outer .prospect-pic-container {
    width: 120px;
    height: 130px;
}

.student-info-grid-outer .switch-student {
    top: 69px;
}

.student-info-grid-outer .prospect-pic-container img {
    max-width: 100%;
    min-height: 130px;
}



.tooltip-sm .tooltip-inner {
    width: 60px !important;
    white-space: nowrap;
}

.tooltip-sm .tooltip.bottom {
    margin-left: 15px;
    z-index: 99999;
    white-space: nowrap;
}

.tooltip-lg .tooltip-inner {
    min-width: 210px !important;
}

.tooltip-sm .tooltip.bottom .tooltip-arrow {
    top: 0 !important;
    left: 30% !important;
    margin-left: -5px !important;
}

#DBColumn .k-grid-content {
    height: 420px !important;
}

.disabled-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
    left: 0;
    top: 0;
    z-index: 9999999;
    text-align: center;
    padding: 20% 0 0;
}

    .disabled-wrapper .btn-white:hover {
        border: none;
    }

.navbar-static-top1 .dropdown-menu > li > a {
    border-bottom: 1px solid #07718c;
}

.grade-align {
    width: 35px;
    text-align: left;
    float: right;
}

#gv_CutOff .k-grid-content {
    height: 336px !important;
}

.gb-tooltip .tooltip-inner {
    white-space: nowrap !important;
    max-width: 400px !important;
    /*min-width: auto !important;*/
}

.gb-tooltip .tooltip {
    margin-top: 10px !important;
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    padding: 7px 10px;
}

ul.k-context-menu.k-menu-vertical > .context-seperator.k-item {
    height: auto;
}

    ul.k-context-menu.k-menu-vertical > .context-seperator.k-item > .k-link {
        padding: 0;
    }

        ul.k-context-menu.k-menu-vertical > .context-seperator.k-item > .k-link hr {
            margin: 0;
        }

#AssignmentCategories .k-grid-content {
    max-height: 360px !important;
}

#gradeScale .k-grid-content {
    max-height: 200px !important;
}

#scoreGrid .k-grid-content {
    max-height: 400px !important;
}

#annotationGrid .k-grid-content {
    max-height: 450px !important;
}

input[type="checkbox"] {
    cursor: pointer;
    background: #34495E;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    border-width: 0;
    transition: all .3s linear;
    top: 5px;
    margin: 5px 5px 0 0;
}

input[type="radio"] {
    cursor: pointer;
    background: #34495E;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    border-width: 0;
    transition: all .3s linear;
    top: 5px;
    margin: 5px 5px 0 0;
}

/*.page-wrapper{width:100%; float:left;}*/

#AddGradePopupGrid .k-grid-content {
    height: 272px !important;
}

.k-numerictextbox .k-select:hover .k-link span.k-i-arrow-n, .k-numeric-wrap.k-state-hover.k-state-default span.k-i-arrow-n {
    background-position: 0px -3px;
}

.k-numerictextbox .k-select:hover .k-link span.k-i-arrow-s, .k-numeric-wrap.k-state-hover.k-state-default span.k-i-arrow-s {
    background-position: 0px -35px;
}

a.k-button:hover .k-edit, .k-button:hover:not(.k-state-disabled) .k-edit {
    background-position: -32px 0px;
}

a.k-button:hover .k-delete, .k-button:hover:not(.k-state-disabled) .k-delete {
    background-position: -32px -16px;
}

a.k-button:hover .k-Run, .k-button:hover:not(.k-state-disabled) .k-Run {
    background-position: -32px -16px;
}

a.k-button:hover .k-cancel, .k-button:hover:not(.k-state-disabled) .k-cancel {
    background-position: -32px -48px;
}


.k-numeric-wrap.k-state-default {
    background-color: #fff;
    border: 1px solid #efefef;
}

.login-bg .footer {
    position: absolute;
}

#ImportStand.ibox.float-e-margins.ibox-title.no-padding.standards {
    min-height: 300px;
}

#ClearStand.ibox.float-e-margins.ibox-title.no-padding.standards {
    min-height: 300px;
}

h5.panel-title span.animation {
    float: left;
    top: 5px;
    left: -6px;
}


h5.panel-title input[type="checkbox"] {
    margin: 0px; /*gb-1913 5px 0 0 20px;*/
    top: 3px; /*gb-1913 added*/
}

.panel-default.panel-left-cntrl {
    float: left;
    width: 100%;
}

.panel {
    border-bottom: 0px solid #BEBEBE; /*GB-1913*/
    border-radius: 0;
}
.panel-heading {
    width: 100%;
    float: left;
    border: 1px solid #BEBEBE; /*GB-1913*/
    /*border-bottom: none;*/ /*GB-1913*/
}

.panel-default > .panel-heading + .panel-collapse > .panel-body { /*GB-1913*/
    border-top-color: #BEBEBE
}

.panel-collapse {
    width: 100%;
    float: left;
    border: 1px solid #BEBEBE; /*GB-1913*/
    border-top: none; /*GB-1913*/
}

.fa-angle-right:before { /*GB-1913*/
    color: #BEBEBE;
}

.panel-left-cntrl .panel-title > a {
    float: left;
    padding: 6px 20px;
    display: inline-block;
    width: 50px;
}

.panel-left-cntrl h5.panel-title span.animation {
    left: 2px;
}

.panel-left-cntrl .k-grid-content {
    max-height: 217px !important;
}

.sem-avg input[type="radio"] {
    margin: 5px 5px 0 30px;
}

#EditSkillGradePopupGrid {
    min-height: 300px;
}

    #EditSkillGradePopupGrid .k-grid-content {
        height: auto !important;
        max-height: 307px !important;
    }

.k-window .k-grid-content {
    /*height: auto !important;*/
    max-height: 280px !important; /*GB1908 18dec*/ /*296px*/
}

.iep-direct {
    font-weight: bold;
}

    .iep-direct .form-control {
        font-weight: normal;
    }

.comments-mp {
    margin: 15px 0 0;
    font-weight: bold;
}

#dfAvailableFieldsList, #dfSelectedFieldsList, #dfAvailableFields, #dfSelectedFields, #dfAvailableCodes, #dfSelectedCodes {
    position: relative;
    height: 387px;
    padding: 0;
}

    #dfAvailableFieldsList optgroup, #dfSelectedFieldsList optgroup, #dfAvailableFields optgroup, #dfSelectedFields optgroup, #dfAvailableCodes optgroup, #dfSelectedCodes optgroup {
        display: none;
    }

.left-list .btn, .cntrl-buttons .btn {
    border-radius: 2px;
}

.left-list h3 {
    background: #077a97;
    margin: 0;
    padding: 10px 15px;
    color: #fff;
    font-weight: normal;
}

.left-list option {
    display: block;
    padding: 8px 15px;
    cursor: pointer;
    border-bottom: solid 1px #efefef;
}


.k-button:hover {
    border-color: #cecece;
}

/*#rdoSections, #lblSections {
    display: inline-block !important;
}*/

#data_1 {
    float: left;
    width: 159px;
}

.date-picker-l {
    float: left;
    width: 159px;
}

.time-zone .form-control {
    width: 500px;
    margin: 0 0 0 10px;
}


.k-grid-edit {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-icon.k-edit {
    background: url("/Content/Inspinia/Images/edit-btn-img.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-icon.k-Edit {
    background: url("/Content/Inspinia/Images/edit-btn-img.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-grid-Edit {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}


.k-icon.k-Run {
    background: url("/Content/Images/run-btn-img.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-grid-Delete {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-grid-Copy {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-grid-Run {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-icon.k-delete {
    background: url("/Content/Inspinia/Images/locker-del.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-icon.k-copy {
    background: url("/Content/Inspinia/Images/copyIcon.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-icon.k-Run {
    background: url("/Content/Inspinia/Images/run-btn-img.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}


.k-grid-update {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-icon.k-update {
    background: url("/Content/Inspinia/Images/save-btn.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-grid-cancel {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-icon.k-cancel {
    background: url("/Content/Inspinia/Images/cancel.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}


#GradeScalePopUpTestGrid .k-grid-content {
    min-height: 300px;
}


.ol-list {
    padding: 0 0 0 16px;
    line-height: 20px;
    margin: 0;
}

    .ol-list li {
        margin: 0;
        padding: 0;
    }

.btn-default.ellipsis-disabled-btn[disabled] {
    background: #ccc;
}

.btn-default.ellipsis-disabled-btn {
    font-size: 20px;
    padding: 0;
    line-height: 26px;
    min-width: 47px;
}

.light-bg hr {
    border-top: 1px solid #dedede;
}

.k-combobox {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 0;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
    height: 34px;
    border-radius: 0;
}

    .k-combobox > .k-dropdown-wrap {
        background: none;
        height: 100%;
    }

        .k-combobox > .k-dropdown-wrap .k-input {
            height: 100%;
            padding: 0 10px;
            text-overflow: ellipsis;
        }

.k-animation-container .k-widget.k-tooltip {
    white-space: nowrap;
    background: rgba(47,64,80,.9);
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 5px 5px 5px;
    box-shadow: none;
    opacity: .7;
    text-align: center;
}



.pop-icon-box h2 {
    margin: 0 0 0 10px;
    font-weight: 600;
    font-size: 22px;
}

.popup-icon {
    display: inline-block;
    float: left;
    width: 100px;
}

.pop-message-inner {
    font-size: 14px;
    text-align: left;
}

#CommentsWarning .pop-icon-box h2 {
    margin: 0 0 0 10px;
    font-weight: 600;
    font-size: 22px;
}

#CommentsWarning .popup-icon {
    display: inline-block;
    float: left;
    width: 100px;
}

#CommentsWarning .pop-message-inner {
    font-size: 14px;
    text-align: left;
}

#ScoreDeleteConfirm .pop-icon-box h2 {
    margin: 0 0 0 10px;
    font-weight: 600;
    font-size: 22px;
}

#ScoreDeleteConfirm .popup-icon {
    display: inline-block;
    float: left;
    width: 100px;
}

#ScoreDeleteConfirm .pop-message-inner {
    font-size: 14px;
    text-align: left;
}

#ScoreAnnotationDeleteConfirm .pop-icon-box h2 {
    margin: 0 0 0 10px;
    font-weight: 600;
    font-size: 22px;
}

#ScoreAnnotationDeleteConfirm .popup-icon {
    display: inline-block;
    float: left;
    width: 100px;
}

#ScoreAnnotationDeleteConfirm .pop-message-inner {
    font-size: 14px;
    text-align: left;
}

#ScoreWarning .pop-icon-box h2 {
    margin: 0 0 0 10px;
    font-weight: 600;
    font-size: 22px;
}

#ScoreWarning .popup-icon {
    display: inline-block;
    float: left;
    width: 100px;
}

#ScoreWarning .pop-message-inner {
    font-size: 14px;
    text-align: left;
}


.fa-calendar-disabled {
    display: inline-block;
    width: 39px;
    height: 32px;
    position: absolute;
    z-index: 99;
    cursor: no-drop;
}

/*.k-grid.k-widget .rectangle {
    border-radius: 100%;
    width: 25px;
}
.k-state-selected .k-i-arrow-s {
    background-position: 0 -30px !important;
}
.k-colorpicker .k-selected-color {
   border-radius: 100%;
}*/


.k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-listview > .k-state-selected, .k-state-selected .k-progress-status {
    color: #676a6c;
}

.err-style {
    left: 0;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    bottom: 27%;
    background: #ffffff;
    height: 250px;
    color: red;
    margin-left: 35px;
    word-wrap: break-word;
    min-width: 330px;
    max-width: 380px;
    font-size: 14px;
}

.space-upbot {
    padding: 40px 0px 10px 0px;
}


/*----------GB 732-----------*/
.btn.disabled, .btn[disabled] {
    opacity: 1;
    background: #e8e8e8;
    color: #98989b;
    /*-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,.25) !important;
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,.25) !important;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,.25) !important;*/
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 600;
    outline: none;
}

    .btn.disabled img {
        opacity: .35;
    }

.btn-default, .btn-default:focus {
    background-color: #e8e8e8;
    color: #000;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) !important;
    font-weight: 600;
    outline: none;
}

.btn-primary {
    font-weight: 600;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active {
    background: #cccccc;
    color: #000;
    outline: none;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    background: #cccccc;
    color: #000;
    outline: none;
}




.custom-alert-pop .modal-content {
    overflow: hidden;
}

.custom-alert-pop .modal-body {
    font-size: 16px;
}

.custom-alert-pop .modal-header .close {
    color: #fff;
    opacity: .7;
}

    .custom-alert-pop .modal-header .close:hover {
        opacity: 1;
    }

.custom-alert-pop .modal-header i {
    font-size: 26px;
    position: relative;
    top: 3px;
    margin: 0 6px 0 0;
}

.custom-alert-pop.pop-information .modal-header {
    color: #fff;
    background: #1ab394;
}

.custom-alert-pop.pop-warning .modal-header {
    color: #fff;
    background: #ed5565;
}

.custom-alert-pop.pop-error .modal-header {
    color: #fff;
    background: #ed5565;
}

.custom-alert-pop.pop-confirmation .modal-header {
    color: #fff;
    background: #f8ac59;
}

.custom-alert-pop.pop-success .modal-header {
    color: #fff;
    background: #f8ac59;
}

/*--------------gb-819-----------------*/

.btn-primary, .spl-color {
    background-color: #003654 !important;
    color: #FFF !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-default:hover, .btn-default:focus, .btn-default:active {
        background-color: #003654 !important;
        color: #FFF !important;
    }

    .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active {
        opacity: .35 !important;
    }

/*Mozilla Design Issue Fixes*/
@-moz-document url-prefix() {

    #gridAddGradeScales th > .k-link {
        padding-left: 0px;
    }

    #Standardachievementlevelgrid th > .k-link {
        padding-left: 0px;
    }
}
/*Mozilla Design Issue Fixes*/

.k-animation-container {
    left: 350px;
}


/*GB-1388*/
.nav > li .level2-listSkills.expand-menu .nav-third-level {
    max-height: 400px;
    overflow: visible;
}

.nav > li .level2-listStandard.expand-menu .nav-third-level {
    max-height: 400px;
    overflow: visible;
}

#altAddGradeGrid .k-grid-content {
    max-height: 226px !important;
}

#altAddGradeGrid .k-button {
    float: right
}

#altAddGradeGrid th > .k-link {
    padding-left: 0px;
}

#altAddGradeGrid th.k-header {
    height: auto;
    font-weight: 600;
    overflow: visible !important;
    text-align: center;
    white-space: normal !important;
}

#altAddGradeGrid .k-grid-header {
    overflow: visible !important;
    white-space: normal !important;
    text-align: center;
    height: auto;
}

#altNotUsedAddEditGradeGrid > .k-grid-content > tr {
    height: 25px;
}

#altNotUsedAddEditGradeGrid.k-grid.k-widget {
    max-width: 600px !important;
}

#altNotUsedAddEditGradeGrid .k-grid-content {
    max-height: 126px !important;
}

#altNotUsedAddEditGradeGrid th.k-header {
    height: auto;
    font-weight: 600;
    overflow: visible !important;
    text-align: center;
    white-space: normal !important;
}

.txt-Align {
    text-align: right;
}

.altRadioButton {
    width: 75px !important;
    float: left;
}

#btnAddNewALTAddGrade {
    margin-left: 175px !important;
    margin-bottom: 7px !important;
}

/*GB-1392*/
i.fa.fa-angle-down {
    margin-left: 12px;
}

ul.nav.nav-fourth-level.animation {
    margin-left: -12px !important;
}
/*#liALTGradeScale, #liAssignAchievement, #liMarkingPeriod {
    border-left: 4px solid #19aa8d;
    background: rgba(0,0,0,.5) !important;
}*/

/*li#liTools {
    border-left: 4px solid #19aa8d;
    background: rgba(0,0,0,.5) !important;
}*/

#modal-info-gradebook-check .modal-body {
    padding: 15px 20px 15px 20px !important;
    font-size: 14px !important;
}

#modal-info-gradebook-check .k-grid-content {
    max-height: 188px !important;
}

#failureCourseNamesGrid.k-grid td {
    padding: 5px .6em !important;
}

#failureCourseNamesGrid .k-grid-header-wrap > table {
    margin-bottom: 0px !important;
}

#successCourseNamesGrid.k-grid td {
    padding: 5px .6em !important;
}

#successCourseNamesGrid .k-grid-header-wrap > table {
    margin-bottom: 0px !important;
}


.search-box-container input {
    padding: 5px 20px 5px 25px;
}

.search-box-container:after {
    content: "\f002";
    font-family: FontAwesome;
    margin-left: -195px;
    margin-right: 25px;
    border: 0px !important;
}





/*Aditional css*/

.box-clr {
    display: inline-block;
    width: 20px;
    height: 14px;
    border-radius: 6px;
    position: relative;
    top: 3px;
    margin: 0 0 0 4px;
}

.k-treeview .k-in {
    margin-bottom: 0.5px;
    padding: 1.5px;
    line-height: 1.2em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
}

.tree-view-container {
    float: left;
    width: 100%;
    margin-left: 10px;
    height: auto;
    /* height: 400px; */
    /* border: 1px solid #eae6e0; */
    background: #fff;
    max-height: 220px;
    overflow-y: scroll;
}

    .tree-view-container > #snapshottreeview {
        padding: 10px;
    }

.assessmentContainer {
    padding: 0px;
    height: auto;
    color: black;
    font-family: Segoe UI, Verdana, Helvetica, Sans-Serif;
    font-size: 13px;
}

.grade {
    /*max-width: 25%;
        min-width: 25%;*/
    text-align: left;
    padding-right: 15px;
    white-space: pre-wrap;
    word-break: break-word;
    width: 180px !important;
    display: table-cell;
}

.skillLink {
    margin-bottom: 1px;
    width: 40px;
    background-image: url('../../Content/Inspinia/Images/icon_linked.png');
    background-repeat: no-repeat;
    display: block;
    padding-top: 9px !important;
    float: right;
}

.skillUnLink {
    margin-bottom: 1px;
    width: 40px;
    background-image: url(../../Content/Inspinia/Images/icon_linked.png);
    background-repeat: no-repeat;
    opacity: 0.3;
    display: block;
    padding-top: 9px !important;
    float: right;
}

.progressBoxContainer {
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 1px;
    float: right;
    width: 100px;
    height: 14px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,.25);
}

.progressBoxContent {
    height: 12px;
    background: #32a817;
    border-radius: 20px;
}

.treeNodeContainer {
    padding: 7px !important;
    color: black;
    border-radius: 4px;
    float: right;
    width: 100%;
    border: 1px solid transparent;
    display: table;
}

.score {
    float: right;
    margin-right: 80px;
    font-family: Segoe UI, Verdana, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
}

/* Additional css for _LinkStandardstoAPSkillsView.cshtml*/

/*#page-wrapper {
    overflow-y: hidden !important;
}*/

.gridTable .k-grid-content {
    max-height: 161px !important;
    overflow-y: scroll;
}

#staffListDiv h3 {
    padding: 15px 0 0 0px; /*gb-1913 28px*/
    margin-left: 24px; /*1820*/
}

#staffListDiv .search-box-container {
    padding-left: 10px;
}

    #staffListDiv .search-box-container input {
        padding: 5px 20px 5px 25px;
        background-color: #f6f6f6;
        border-radius: 4px;
        border: none;
    }

    #staffListDiv .search-box-container:after {
        content: "\f002";
        /* margin-left: -195px; */
        /* margin-right: 25px; */
        border: 0px !important;
        padding: 0;
        top: 73px;
        /* bottom: 5px; */
        position: absolute;
        left: 218px;
    }

#list-course {
    max-height: 600px !important;
    width: 212px !important;
    overflow-y: auto;
    min-height: 200px !important;
}


/*.left-list {
    margin-top: 15px;
    overflow: hidden;
    border: none !important;
}*/

.SkillGrid {
    border: 1px solid grey;
    height: 450px;
    width: 85%;
}

.gridAPSkills {
    margin-top: 20px;
}

    .gridAPSkills h4 {
        font-size: 20px;
        color: #333;
        margin-left: 15px;
    }

        .gridAPSkills h4 b {
            float: right;
        }

    .gridAPSkills table {
        border: 1px solid #ccc;
    }

    .gridAPSkills table {
        border: 1px solid #ccc;
        width: 100%;
    }

        .gridAPSkills table tr th {
            background: #077a97;
            color: #fff;
        }

        .gridAPSkills table tr th, .gridAPSkills table tr td {
            padding: 8px 10px;
        }

#listCourse {
    max-height: 600px !important;
    width: 212px !important;
    min-height: 300px !important;
    overflow-y: auto;
    border: 0px !important;
}

/*.ibox.float-e-margins.ibox-title {
    min-height: 960px;
}*/


div.k-treeview {
    clear: both;
}

.border-right {
    overflow: hidden;
    border-right: 1px solid #e3e3e3 !important;
    padding-right: 0 !important;
    width: 198px !important;
    padding-left: 0 !important;
}

.left-list li {
    padding: 8px 28px;
    border-bottom: 1px solid #e3e3e3;
    /*#b7b7b7*/
}

    .left-list li:hover {
        background-color: lemonchiffon;
    }

    .left-list li:focus {
        background-color: lemonchiffon;
        border-left: 2px solid green !important;
    }


/*.headstd h4 {
        float: left;
        padding-top: 10px;
    }

    .headSkills h4 {
        float: right;
        padding-right: 150px;
        padding-top: 10px;
    }*/


.UnlinkedSkills h4 {
    float: left;
    padding-top: 10px;
}

.Totalnum h4 {
    float: right;
    color: #aaa;
    padding-right: 150px;
    padding-top: 10px;
}


#btnCancelScoreAnnotation {
    /*float: right;*/ /*1820*/
    margin-left: 4px;
}

.k-top.k-bot .k-in, .k-top .k-in, .k-mid .k-in, .k-bot .k-in {
    width: 98%;
}


.confimBtn {
    border-bottom: 1px solid #e3e3e3;
    margin-top: 10px;
}

    .confimBtn #btnConfirmLinks {
        float: right;
        margin-top: 20px;
        margin-right: 35px;
        margin-bottom: 15px !important;
    }

.heading-treeview {
    height: 50px;
    margin-top: 10px;
}

    .heading-treeview h4 {
        font-size: 20px;
        color: #333;
    }

        .heading-treeview h4#APSkills {
            font-size: 20px;
            color: #333;
            float: right;
            margin-right: 57px;
        }

.gridAPSkills h4#Totalnum {
    color: #ccc;
    font-size: 20px;
    float: right;
    margin-right: 20px;
}
/*end of style*/
.item-desription {
    max-width: 65%;
    white-space: pre-wrap;
    word-break: break-word;
    display: table-cell;
    padding-right: 5px !important;
}

.description-treeview {
    float: right;
}

.assessmentContainer table {
    width: 100% !important;
}

.description-treeview > table th {
    background: #e2efda;
    padding: 5px;
    border: 1px solid #ccc !important;
}

.assessmentContainer {
    width: 100% !important;
}

    .description-treeview table, .assessmentContainer table {
        float: right;
    }

        .description-treeview table td, .assessmentContainer table td {
            background: #fff;
            padding: 5px;
            border: 1px solid #ccc !important;
            height: 29px;
        }

            .description-treeview table td:last-child, .assessmentContainer table td:last-child {
                border: none !important;
            }

#snapshottreeview.k-treeview span.k-in {
    display: inline-block;
    width: 100%;
}

.ibox-content {
    padding: 15px;
}

.tree-view-container .k-state-hover, .tree-view-container .k-state-selected, .tree-view-container .k-state-focussed {
    background: inherit !important;
    box-shadow: none !important;
}

.k-state-selected .treeNodeContainer, .treeNodeContainer:hover {
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .9) !important;
}


.description-treeview table tr:hover, .k-state-selected .description-treeview table tr, .assessmentContainer table tr:hover {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .9) !important;
}

    .description-treeview table tr:hover td, .k-state-selected .description-treeview table tr td, .assessmentContainer table tr:hover td, .k-state-selected .assessmentContainer table tr td {
        border-bottom: 1px solid #66afe9 !important;
        border-top: 1px solid #66afe9 !important;
        height: 28px;
    }


        .description-treeview table tr:hover td:first-child, .k-state-selected .description-treeview table tr td:first-child {
            border-left: 1px solid #66afe9 !important;
        }

        .description-treeview table tr:hover td:last-child, .k-state-selected .description-treeview table tr td:last-child {
            border-right: 1px solid #66afe9 !important;
            padding-right: 4px;
        }

.description-treeview table:hover th, .k-state-selected .description-treeview table th {
    border-bottom: 1px solid #66afe9 !important;
}

.assessmentContainer table tr.assessmentheader:hover, .k-state-selected .assessmentContainer table tr.assessmentheader {
    box-shadow: none !important;
}

ul.k-group li:first-child > .k-top > .k-in > .assessmentContainer > .description-treeview table tr td:last-child {
    padding-right: 4px;
}

#snapshotok {
    margin-left: 392px;
    position: fixed;
}

#divContainer .ibox-content.form-horizontal.fc-border-separate .pull-right.std-snpst-tgl ul li {
    display: inline-flex !important;
}


@media only screen and (max-width:1397px) {
    .col-md-10 {
        width: 79%;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1.search-lib {
        margin-top: 0px !important;
    }
}

@media only screen and (max-height:768px) {
    .page-wrapper #DownloadTemplate.ibox.float-e-margins.ibox-title.no-padding.standards {
        min-height: 150px !important;
        height: 230px !important;
    }
}

@media only screen and (max-width:991px) {
    #linkStandardAPSkill .col-md-10 {
        width: 75%;
    }

    /*GB-1746*/
    .LibCourse {
        height: 210px !important;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1.save-to-excel {
        position: absolute;
        left: 245px;
        bottom: 0px;
    }

    #DivLibCourseList .search-box-column input {
        height: 33px;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1.search-box-column {
        margin-left: 7px;
    }

    .searchon-position {
        position: initial !important;
    }
    /* end of GB-1746*/
}

#listCourse ul {
    list-style-type: none;
}

    #listCourse ul li {
        float: left;
        display: inline;
        margin-right: 5px;
        width: auto;
        overflow: hidden;
    }

    #listCourse ul li {
        display: block;
        border: 1px solid #CCCCCC;
        padding: 5px 6px 5px 6px;
        margin: 1px;
    }

        #listCourse ul li :hover {
            border: 2px solid #FF6701;
            margin: 0px;
        }

.select {
    background-color: lemonchiffon;
    border-left: 20px solid green !important;
    padding-left: 8px !important;
    font-weight: bold;
}

.listConfirmImage {
    background-image: url(/Content/Inspinia/Images/icon_linked_course.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.listUnConfirmImage {
    background-image: url('/Content/Inspinia/Images/icon_link_change.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.hover-color.k-grid tr.k-state-selected {
    background-color: #f7f7cd !important;
}

.hover-color tr:hover {
    background-color: #f7f7cd !important;
}


#side-menu > li.active-parent .nav > li.active {
    border-left: 4px solid #19aa8d;
    background: rgba(0,0,0,.5);
}

.k-grid-SaveAs {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-grid-SavetoExcel {
    min-width: 25px !important;
    width: 24px;
    overflow: hidden;
    border: none !important;
    background: none !important;
}

.k-icon.k-SavetoExcel {
    background: url("/Content/Inspinia/Images/saveasexcel.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.k-icon.k-StdEdit {
    background: url("/Content/Inspinia/Images/edit-btn-img.png") 0 0 no-repeat !important;
    display: inline-block;
    height: 21px;
    width: 24px;
}

.divSortDisabled {
    pointer-events: auto;
    opacity: 0.4;
    cursor: default;
}

.divSortEnabled {
    cursor: pointer;
}

/*pagination  arrows custom code*/
.k-pager-wrap .k-link.k-pager-nav:not(.k-pager-last):hover span,
.k-pager-wrap .k-link.k-pager-nav:not(.k-pager-last) span {
    background-position: 0 -19px !important;
}

.k-pager-wrap .k-link.k-pager-nav.k-pager-first.k-state-disabled:hover span,
.k-pager-wrap .k-link.k-pager-nav.k-pager-first.k-state-disabled span {
    background-position: 0 -115px !important;
}

.k-link.k-pager-nav.k-pager-first:not(.k-pager-last):hover span,
.k-link.k-pager-nav.k-pager-first:not(.k-pager-last) span {
    background-position: 0 -113px !important;
}

.k-pager-wrap .k-link.k-pager-last:hover span,
.k-pager-wrap .k-link.k-pager-last span,
.k-link.k-pager-nav.k-pager-last.k-state-disabled span,
.k-link.k-pager-nav.k-pager-last.k-state-disabled:hover span {
    background-position: 0 -83px !important;
}

.k-pager-wrap a.k-link.k-pager-nav:nth-child(2):hover span,
.k-pager-wrap a.k-link.k-pager-nav:nth-child(2) span {
    background-position: 0 -51px !important;
}

#reportWindow .ibox.float-e-margins.ibox-title {
    height: calc(100vh - 300px);
}
/*gb-login-page*/
body.gb-login-main {
    background-color: #F5F8FA;
    font-family: 'Roboto', sans-serif;
}

    body.gb-login-main::-webkit-scrollbar {
        width: 1px;
        height: 1px;
    }

.gb-login-main .main p, h1 {
    padding: 0;
    margin: 0;
}

.main .gb-home {
    /*position: relative;*/
    margin-top: 75px;
}

.pre-scrollable-gb-sec::-webkit-scrollbar {
    width: 0.1px;
    height: 0.1px;
}

.gb-header-logo {
    background: #fff;
    padding: 25px 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 75px;
    z-index: 99999;
}

    .gb-header-logo img {
        display: block;
        margin: 0 auto;
    }

.login-body-sec {
    width: 90%;
    margin: 0 auto;
    max-width: 1024px;
}

    .login-body-sec .gb-newsfeed-sec {
        width: 50%;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .login-body-sec .gb-newsfeed-sec {
        border-bottom: 1px solid rgba(28, 46, 51, 0.2);
    }

        .login-body-sec .gb-newsfeed-sec:last-child {
            border-bottom: none;
        }

        .login-body-sec .gb-newsfeed-sec a {
            color: #2CB0EF;
            font-size: 16px;
            padding-bottom: 20px;
            display: block;
            font-weight: 600;
            letter-spacing: 0.13px;
        }

.gb-newsfeed-sec .user-links {
    display: flex;
}

    .gb-newsfeed-sec .user-links .link-direction {
        display: flex;
    }

        .gb-newsfeed-sec .user-links .link-direction span {
            padding-right: 10px;
        }

        .gb-newsfeed-sec .user-links .link-direction a {
            display: flex;
            align-items: center;
            position: relative;
        }
            /*effect-animation*/
            .gb-newsfeed-sec .user-links .link-direction a:after {
                content: '';
                position: absolute;
                left: 0;
                display: inline-block;
                height: 1em;
                width: 100%;
                border-bottom: 1px solid;
                margin-top: 5px;
                opacity: 0;
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, transform 0.35s;
                -webkit-transform: scale(0,1);
                transform: scale(0,1);
            }

            .gb-newsfeed-sec .user-links .link-direction a:hover:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

        .gb-newsfeed-sec .user-links .link-direction:first-child {
            padding-right: 30px;
        }

.login-body-sec .gb-newsfeed-sec .gb-newsfeed-header h1 {
    color: #1C2E33;
    font-size: 28px;
    letter-spacing: 0.21px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 20px;
}

.login-body-sec .gb-newsfeed-sec .gb-newsfeed-content p {
    color: #1C2E33;
    font-size: 16px;
    letter-spacing: 0.13px;
    text-align: left;
    padding-bottom: 20px;
}

.login-body-sec .gb-login-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #B9D3E080;
    -moz-box-shadow: 0px 3px 10px #B9D3E080;
    -webkit-box-shadow: 0px 3px 10px #B9D3E080;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 414px;
    position: fixed;
    top: 125px;
    z-index: 9999;
    height: auto;
    right: 24%;
    padding: 30px;
    transition: all .2s ease-in-out;
}

    .login-body-sec .gb-login-form .gb-entry-sec {
        position: relative;
    }

        .login-body-sec .gb-login-form .gb-entry-sec .full-width p {
            padding: 0 40px;
            display: block;
            margin-top: 10px;
        }

        .login-body-sec .gb-login-form .gb-entry-sec .login-sec {
            margin-top: 0;
        }

            .login-body-sec .gb-login-form .gb-entry-sec .login-sec .checkbox label {
                padding-left: 0;
                font-size: 16px;
            }

                .login-body-sec .gb-login-form .gb-entry-sec .login-sec .checkbox label a {
                    font-size: 16px;
                    color: #2CB0EF;
                }

            .login-body-sec .gb-login-form .gb-entry-sec .login-sec .icheckbox_square-green.checked {
                background: url(/Content/Inspinia/images/blue.svg) no-repeat;
            }

            .login-body-sec .gb-login-form .gb-entry-sec .login-sec .icheckbox_square-green.hover, .login-body-sec .gb-login-form .gb-entry-sec .login-sec .icheckbox_square-green {
                background: #EFF4F7;
                height: 22px;
                width: 22px;
            }

                .login-body-sec .gb-login-form .gb-entry-sec .login-sec .icheckbox_square-green.checked {
                    background: url(/Content/Inspinia/images/blue.svg) no-repeat;
                }

        .login-body-sec .gb-login-form .gb-entry-sec .full-width + .login-sec {
            margin-top: 97px;
        }

    .login-body-sec .gb-login-form:hover {
        /*-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);


    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);*/
        box-shadow: 0px 0px 5px 0px #2CB0EF;
    }

    .login-body-sec .gb-login-form .error-block {
        background: rgba(252, 98, 98, 1);
        height: 35px;
        text-align: left;
        display: table;
        width: 100%;
    }

        .login-body-sec .gb-login-form .error-block.loading {
            height: 67px;
        }

        .login-body-sec .gb-login-form .error-block.loading {
            position: absolute;
            top: -82px;
            width: 414px;
            left: -30px;
        }

        .login-body-sec .gb-login-form .error-block p {
            font-size: 16px;
            color: rgba(255, 255, 255, 1);
            vertical-align: middle;
            display: table-cell;
            padding-left: 10px;
        }

.gb-login-form p {
    color: #1C2E33;
    font-size: 16px;
}

.gb-login-form h1 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.19px;
    color: #1C2E33;
}

.gb-login-form .gb-user-input input, .gb-user-pwd input {
    background: #EFF4F7 0% 0% no-repeat padding-box;
    height: 50px;
    width: 100%;
    border: none;
    padding-left: 10px;
    font-size: 16px;
}

    .gb-login-form .gb-user-input input:hover, .gb-login-form .gb-user-input input:focus {
        outline: 1px solid #2CB0EF;
    }

.gb-login-form .gb-user-pwd input:hover,
.gb-login-form .gb-user-pwd input:focus {
    outline: 1px solid #2CB0EF;
}

.gb-login-form .gb-user-input input::placeholder, .gb-user-pwd input::placeholder {
    font-size: 16px;
    color: #999;
    opacity: 0.3;
}

.gb-login-form .gb-user-input input::-webkit-input-placeholder,
.gb-user-pwd input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    color: #999;
    opacity: 0.3;
}

.gb-login-form .gb-user-input input::-moz-placeholder,
.gb-user-pwd input::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    color: #999;
    opacity: 0.3;
}

.gb-login-form .gb-user-input input:-ms-input-placeholder,
.gb-user-pwd input:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    color: #999;
    opacity: 0.3;
}

.gb-login-form .gb-user-input input:-moz-placeholder,
.gb-user-pwd input::-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #999;
    opacity: 0.3;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input#UsrName:focus::-webkit-input-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent !important;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

.mangmt-uset-text-box,
.mangmt-uset-text-box:hover,
.mangmt-uset-text-box:active,
.mangmt-uset-text-box:focus {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    padding-left: 0 !important;
    cursor: not-allowed;
    height: auto !important;
}
/* IE 10+ */
.gb-login-form .gb-login-button button {
    background: #2CB0EF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: all .5s ease-in-out;
}

    .gb-login-form .gb-login-button button:hover {
        background: #0a8cca 0% 0% no-repeat padding-box;
        box-shadow: 0px 2px 4px #00000029;
        height: 50px;
        width: 100%;
        border: none;
        font-size: 18px;
        font-weight: 600;
    }

    .gb-login-form .gb-login-button button.disabled {
        background: #B7B7B7;
        text-transform: uppercase;
        opacity: 1;
    }

        .gb-login-form .gb-login-button button.disabled:hover {
            background: #B7B7B7;
            text-transform: uppercase;
            opacity: 1;
        }

.mar-15-0 {
    margin: 0 0 15px 0 !important;
}

.footer-sec {
    padding: 20px 5%;
    background: #1C2E33;
}

.footer-links ul {
    margin-bottom: 0;
    vertical-align: bottom;
    margin-top: 15px;
}

.footer-links li span {
    color: #FFFFFF;
    opacity: 0.5;
    vertical-align: bottom;
    line-height: 1;
    font-size: 14px;
}

.footer-logo-sec span {
    color: #FFFFFF;
    opacity: 0.5;
    vertical-align: bottom;
    line-height: 1.3;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.footer-links ul li {
    list-style-type: none;
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
}

.rediker-logo-sec img {
    width: 72px;
    height: auto;
}

.rediker-logo-sec {
    text-align: right;
}

.footer-links li a {
    color: #2CB0EF;
    font-size: 14px;
    position: relative;
}
    /*effect-underline*/
    .footer-links li a:after {
        content: '';
        position: absolute;
        left: 0;
        display: inline-block;
        height: 1em;
        width: 100%;
        border-bottom: 1px solid;
        margin-top: 10px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
    }

    .footer-links li a:hover:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.gb-login-footer {
    display: flex;
    max-width: 1024px;
    margin: 0 auto;
}

    .gb-login-footer .footer-logo-sec {
        width: 30%;
    }

    .gb-login-footer .footer-links {
        width: 45%;
        display: flex;
        align-items: center;
    }

    .gb-login-footer .rediker-logo-sec {
        width: 25%;
    }

.gb-login-form .gb-user-input input, .gb-user-pwd input {
    font-size: 16px;
}

.login-remember {
    position: relative;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #1C2E33;
    font-weight: normal;
}

    .login-remember input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgba(239, 244, 247, 1);
}

.login-remember:hover input ~ .checkmark {
    background-color: #ccc;
}

.login-remember input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.login-remember input:checked ~ .checkmark:after {
    display: block;
}

.login-remember .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

html, body.gb-login-main {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto !important;
}

.pre-scrollable-gb-sec {
    display: block;
    overflow: auto;
    padding-top: 50px;
}

.gb-login-main .main {
    overflow: hidden;
    display: block;
    position: relative;
    min-height: calc(100vh - 80px);
}

* {
    box-sizing: border-box;
}

/*gb-login-page end here*/

/*GB-1523*/
/*gb-reset-password-page*/
.gb-change-pwd-main-sec {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #B9D3E080;
    -moz-box-shadow: 0px 3px 10px #B9D3E080;
    -webkit-box-shadow: 0px 3px 10px #B9D3E080;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 720px;
    height: auto;
    padding: 30px;
    transition: all .2s ease-in-out;
    margin: 0 auto;
}

    .gb-change-pwd-main-sec:hover {
        box-shadow: 0px 0px 5px 0px #2CB0EF;
    }

.footer-sec.inner-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.reset-body-sec {
    width: 90%;
    margin: 0 auto;
    max-width: 1024px;
    margin-top: 125px;
}

.headline-change-pwd {
    text-align: center;
    margin-bottom: 25px;
}

    .headline-change-pwd h1 {
        letter-spacing: 0.13px;
        color: #1C2E33;
        text-transform: uppercase;
        font-size: 16px;
        opacity: 0.7;
        font-weight: 600;
    }

.pwd-criteria-sec h3 {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.13px;
    color: #1C2E33;
    opacity: 0.7;
    margin: 0 0 10px 0;
    font-weight: 500;
}

.pwd-criteria-sec h1 {
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.19px;
    color: #1C2E33;
    opacity: 1;
    margin: 0 0 5px 0;
}

.pwd-criteria-sec p {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.11px;
    color: #1C2E33;
    opacity: 1;
}

.pwd-reset-left-sec {
    width: 55%;
}

.reset-box input {
    background: #EFF4F7 0% 0% no-repeat padding-box;
    height: 50px;
    width: 100%;
    border: none;
    padding-left: 10px;
    font-size: 16px;
    opacity: 0.7;
    color: #1C2E33;
}

    .reset-box input:hover, .reset-box input:focus {
        outline: 1px solid #2CB0EF;
    }

.cancel-button button, .cancel-button button:hover, .cancel-button button:focus, .cancel-button button:active {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 100px;
    border: none;
    color: #2CB0EF;
    font-size: 18px;
    font-weight: 500;
    transition: all .5s ease-in-out;
    border: 2px solid #2CB0EF;
    outline: none;
}

.reset-pwd-button button, .reset-pwd-button button:focus, .reset-pwd-button button:active, .reset-pwd-button button:hover {
    background: #B7B7B7 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 234px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: all .5s ease-in-out;
    outline: none;
}


.condition-done.reset-pwd-button button, .condition-done.reset-pwd-button button:focus, .condition-done.reset-pwd-button button:active {
    background: #2CB0EF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 234px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: all .5s ease-in-out;
    outline: none;
}

.pwd-reset-left-sec .flex-box-layer {
    display: flex;
    justify-content: space-between;
}

.reset-pwd-button.condition-done button:hover {
    background: #0a8cca 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 234px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: all .5s ease-in-out;
    outline: none;
}

.form-reset-pwd {
    display: flex;
}

.pwd-reset-right-sec {
    width: 45%;
}

.pwd-reset-right-sec {
    position: relative;
}

    .pwd-reset-right-sec .pwd-conditions {
        position: absolute;
        bottom: 50px;
        left: 50px;
    }

.pwd-condition-list ul li {
    list-style-type: none;
    padding-bottom: 2px;
}

.pwd-conditions .text-contain p {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.13px;
    color: #1C2E33;
    opacity: 1;
    font-weight: bold;
}

.pwd-condition-list ul {
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 0;
}

    .pwd-condition-list ul li p {
        text-align: left;
        font-size: 16px;
        letter-spacing: 0.13px;
        color: #1C2E33;
        opacity: 1;
    }

    .pwd-condition-list ul li.active p {
        color: #0E981E;
    }

    .pwd-condition-list ul li {
        position: relative;
    }

        .pwd-condition-list ul li::before {
            position: absolute;
            left: -20px;
            content: "";
            background-image: url(/Content/Inspinia/Images/Check_disabled.svg);
            height: 15px;
            width: 15px;
            background-repeat: no-repeat;
            top: 2px;
        }

        .pwd-condition-list ul li.active::before {
            position: absolute;
            left: -20px;
            content: "";
            background-image: url(/Content/Inspinia/Images/Check.svg);
            height: 15px;
            width: 15px;
            background-repeat: no-repeat;
            top: 2px;
        }

.reset-box .error-block {
    background: rgba(252, 98, 98, 1);
    height: 35px;
    text-align: left;
    display: table;
    width: 100%;
}

    .reset-box .error-block p {
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
        vertical-align: middle;
        display: table-cell;
        padding-left: 10px;
    }

.reset-box .new-pwd-box {
    position: relative;
}

    .reset-box .new-pwd-box .pwd-weak, .reset-box .new-pwd-box .pwd-strong, .reset-box .new-pwd-box .pwd-Good {
        position: absolute;
        right: 10px;
        top: 30%;
    }

        .reset-box .new-pwd-box .pwd-weak span {
            color: #FB6262;
            font-size: 14px;
        }

        .reset-box .new-pwd-box .pwd-strong span {
            color: #0E981E;
            font-size: 14px;
        }

        .reset-box .new-pwd-box .pwd-Good span {
            color: #0E981E;
            font-size: 14px;
        }

.reset-box .success-block {
    background: rgb(0, 153, 0);
    height: 35px;
    text-align: left;
    display: table;
    width: 352px;
}

.reset-box #passwordErrMsg.success-block, .reset-box #passwordEmailErrMsg.success-block {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
}


#loginsuccess .login-button button, #loginsuccess .login-button button:focus, #loginsuccess .login-button button:active {
    background: #2CB0EF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 351px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: all .5s ease-in-out;
    outline: none;
}

.login-sec .flex-box-layer {
    display: flex;
    justify-content: space-between;
}

.reset-pwd-buttons button, .reset-pwd-buttons button:focus, .reset-pwd-buttons button:active, .reset-pwd-buttons button:hover {
    background: #2CB0EF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 50px;
    width: 234px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: all .5s ease-in-out;
    outline: none;
}

.login-body-sec .gb-login-form .error-block.mar-15-0.success-block {
    background: rgb(0, 153, 0);
    height: 35px;
    text-align: left;
    display: table;
    width: 100%;
}

button#btnredirect {
    background: #2CB0EF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    height: 45px;
    width: 355px;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: all .5s ease-in-out;
    outline: none;
}

.login-body-sec.change {
    margin: 0 auto;
    max-width: 1024px;
}

.mar-15-0 .checkbox.i-checks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-sec .i-checks .icheckbox_square-green:hover {
    border: 1px solid #2CB0EF;
}

.login-sec .reset-pwd-buttons .btn-cancel:hover {
    background: #0a8cca 0% 0% no-repeat padding-box;
}

.login-sec .cancel-button #btnCancel:hover {
    color: #0375ab;
    border: 2px solid #0375ab;
}

.reset-pwd-buttons #btnSubmit:hover {
    background: #0a8cca 0% 0% no-repeat padding-box;
}

.reset-pwd-buttons #btnredirect:hover {
    background: #0a8cca 0% 0% no-repeat padding-box;
}

.login-button #btnlogins:hover {
    background: #0a8cca 0% 0% no-repeat padding-box;
}

.login-button #btnlogin:hover {
    background: #0a8cca 0% 0% no-repeat padding-box;
}

#pwdchange .cancel-button button#btnCancel:hover {
    color: #0375ab;
    border: 2px solid #0375ab;
}

.gb-change-pwd-main-sec.change-email {
    width: 414px;
}

    .gb-change-pwd-main-sec.change-email .pwd-reset-left-sec {
        width: 100%;
    }

p.reset-content {
    font-size: 14px;
}

#ChangePasswordContainer {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #B9D3E080;
    -moz-box-shadow: 0px 3px 10px #B9D3E080;
    -webkit-box-shadow: 0px 3px 10px #B9D3E080;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    height: auto;
    padding: 30px;
    transition: all .2s ease-in-out;
    position: relative;
    margin: 0 auto;
    width: 720px;
}

#modal-info-YTD .modal-header {
    color: #fff;
    background: #1ab394;
}

#modal-info-YTD .modal-body {
    font-size: 16px;
    color: #444;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#modal-info-YTD .modal-header .close {
    color: #fff;
    opacity: .7;
}

.selectCourse {
    background-color: lemonchiffon;
    font-weight: bold;
}



#DivLibCourseList.search-box-course {
    padding-left: 10px;
}

    #DivLibCourseList .search-box-course input {
        padding: 5px 5px 5px 5px;
        border-radius: 0px; /*Gb-1913 34px*/
        height: 36px; /*Gb-1913 34px*/
        border: none;
    }

/*#DivLibCourseList .search-box-course:after {
        content: "\f002";
        border: 0px !important;
        padding: 0;
        top: 40px;
        position: absolute;
        left: 203px;
    }*/

.search-box-course input {
    padding: 5px 20px 5px 25px;
}

/*.search-box-course:after {
    content: "\f002";
    font-family: FontAwesome;
    margin-left: -195px;
    margin-right: 25px;
    border: 0px !important;
}*/

.noDataLibCourses {
    background-color: #fcd6a5;
    color: black;
}

.k-item.k-state-hover {
    background-color: #fcd6a5;
}

.LibCourse {
    background-color: #e3f3fa;
    padding: 39px 9px;
    padding-top: 0px;
    height: 100px;
}

#DivLibCourseList.search-box-column {
    padding-left: 10px;
}

    #DivLibCourseList .search-box-column input {
        padding: 5px;
        border-radius: 0px; /*Gb-1913 4px*/
        width: 143px;
    }

.searchButton {
    float: right !important;
    cursor: pointer;
    border: 2px Solid #BEBEBE;
    border-left: 0px !important;
}

.search-box-column input {
    padding: 5px 20px 5px 25px;
}

/*.search-box-column:after {
    contentt: "\f002";
    font-family: FontAwesome;
    margin-left: 289px;
    margin-right: 25px;
    border: 0px !important;
}*/

/*GB-1746*/

#lblLibcourse {
    width: 250px;
    font-weight: 600;
    padding-top: 10px;
}

/*#DivLibCourseList .search-box-course:after {
    content: "\f002";
    border: 0px !important;
    padding: 0;
    top: 7px;
    left: 113px;
    margin-left: 0px;
    margin-right: 0px;
}*/

#DivLibCourseList > .form-group.m-b-xxs.col-md-12, #DivCourseList .form-group.m-b-xxs.col-md-12 {
    padding-left: 0px !important;
    height: 24px;
}

#DivLibCourseList > .col-md-12.course-div-align > .col-md-2 {
    width: 200px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#DivLibCourseList > .col-md-12.course-div-align {
    margin-left: -15px;
}

.LibCourse > .col-md-12 {
    padding-right: 0px;
}

#DivLibCourseList > .col-md-12.course-div-align,
#DivLibCourseList > .col-md-12.course-div-align > .col-md-1,
#DivLibCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12,
#DivLibCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12 > .search-box-course,
#divCourseSearch > #DivCourseList > .col-md-12.course-div-align,
#divCourseSearch > #DivCourseList > .col-md-12.course-div-align > .col-md-1,
#divCourseSearch > #DivCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12,
#divCourseSearch > #DivCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12 > .search-box-course {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12,
    #divCourseSearch > #DivCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12 {
        display: inline-flex;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1.search-box-first,
    #DivCourseList .col-md-12.course-div-align > .col-md-1.search-box-first {
        width: 260px;
        display: inline-block;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1.search-box-column {
        width: 280px; /*GB-1913*/
        display: inline-flex;
    }

    #DivLibCourseList > .col-md-12.course-div-align > .col-md-1 > .col-md-12 > .search-box-course span {
        width: 120px;
    }

.float-e-margins .LibCourse .btn {
    margin-left: 10px;
    margin-top: 2px;
}

#DivLibCourseList > .col-md-12.course-div-align > .col-md-1.search-lib {
    width: 196px;
    margin-left: 30px !important;
}


/*#DivLibCourseList .search-box-column:after {
    content: "\f002";
    border: 0px !important;
    padding: 0;
    top: 8px;
    position: absolute;
    left: 155px;
    margin-left: 0px;
    margin-right: 0px;
}*/

#DivLibCourseList > .col-md-12.course-div-align > .col-md-2 {
    width: 244px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#DivLibCourseList > .col-md-12.course-div-align > .col-md-1.save-to-excel {
    width: 300px;
}


.LibCourse {
    height: 100px;
}

#DivLibCourseList .search-box-column input {
    height: 40px;
}

.ibox-content.ibox-padding-fit {
    padding-left: 0px;
    padding-right: 0px;
}
/*end of GB-1746*/

/*GB-1731*/
.selectCourse {
    background-color: lemonchiffon;
    font-weight: bold;
}

#DivCourseListh3 {
    padding: 15px 0 0 28px;
}

#DivCourseList.search-box-course {
    padding-left: 10px;
}

    #DivCourseList .search-box-course input {
        padding: 5px 5px 5px 5px;
        border-radius: 4px;
        border: none;
    }

/*#DivCourseList .search-box-course:after {
        content: "\f002";
        border: 0px !important;
        padding: 0;
        top: 40px;
        position: absolute;
        left: 370px;
    }*/

.search-box-course input {
    padding: 5px 20px 5px 25px;
}

/*.search-box-course:after {
    content: "\f002";
    font-family: FontAwesome;
    margin-left: -195px;
    margin-right: 25px;
    border: 0px !important;
}*/

.noDataMessage {
    background-color: #fcd6a5;
    color: black;
}

#divCourseSearch.search-course {
    padding-left: 0;
}

    #divCourseSearch.search-course .form-group.m-b-xxs {
        margin-left: 0;
    }

#divCourseSearch.search-box-course span:before {
    content: "\f002";
    font-family: FontAwesome;
    border: 0px !important;
    float: left;
    color: #848282;
    margin: 10px 5px 0 5px;
}

#divCourseSearch.search-box-course input#txtCourseSearch {
    width: 86% !important;
    margin-left: 18px;
    background: white;
    padding-left: 5px;
}

#divCourseSearch.search-course button#btnCoursesClear {
    position: absolute;
    margin-left: 170px;
    top: 34px;
    border-radius: 15px;
}

#divCourseSearch.search-course button#btnCourseClear {
    position: absolute;
    right: -117px;
    top: 32px;
}

#selectedStrandgrid tr.k-state-selected {
    background-color: #f7f7cd;
}


#gridSelectStrand.k-grid.k-widget,
#gridAvailableStrand.k-grid.k-widget {
    height: 100%;
} /*GB1908 12dec*/


#gridAvailableStrand tr.k-state-selected {
    background-color: #f7f7cd;
}

#gridSelectStrand tr.k-state-selected {
    background-color: #f7f7cd;
}

#lblAvailable {
    position: absolute;
    top: -24px;
}

#lblSelected {
    position: absolute;
    top: -24px;
}

.fix-upward {
    padding-top: 0px;
    padding-bottom: 0px;
}

.searchon-position {
    position: absolute;
    left: 1px;
    bottom: 33px; /*1dec canged from 28 to 33*/
}

@media (min-width: 1366px) {
    #DivLibCourseList .save-to-excel {
        float: right;
    }
}

#divGrid .k-grid .k-grid-content td.table-cell-one {
    white-space: normal;
    word-break: break-all;
}
/*end of GB-1746*/

#divAdd #mpfield.ibox-content {
    margin-right: -15px;
    margin-left: -15px;
}

    #divAdd #mpfield.ibox-content .m-r-md {
        width: 210px;
        margin-bottom: 10px;
        margin-left: 20px;
    }

#divGrid .k-grid .k-grid-content td.table-cell-one {
    white-space: normal;
    word-break: break-all;
}

.link-library-div {
    display: inline-flex;
    margin-top: 50px;
}

    .link-library-div .cntrl-buttons {
        display: grid;
        margin: 55px 35px 0px 35px;
    }

        .link-library-div .cntrl-buttons .btn {
            border-radius: 2px;
            margin-bottom: 5px;
        }

.container-link-library {
    margin: 0px 15px;
}


.link-library-main #btnCancelLinkWindow.btn {
    margin: 15px 0px 0px 0px;
}

.link-library-main #btnOkLinkWindow.btn {
    margin: 15px 0px 0px 0px;
    float: right;
}

.search-on-div span.k-dropdown-wrap.k-state-default {
    border: 3px solid #BEBEBE;
}

.search-on-div #DivLibCourseList .search-box-column input {
    width: 185px;
    margin-left: -15px;
}

.strand-search.col-md-3 {
    width: 200px;
}

.strand-search-dropdown.col-md-3 {
    width: 170px;
}

.container-link-library #gridAvailableStrand .k-grid-content tbody tr td,
.container-link-library #gridSelectStrand .k-grid-content tbody tr td {
    overflow: hidden;
    white-space: normal;
    height: 2.4em;
    text-overflow: -o-ellipsis-lastline;
}

.k-window #gridSelectStrand .k-grid-content,
.k-window #gridAvailableStrand .k-grid-content {
    min-height: calc(100vh - 410px) !important;
    overflow-y: scroll;
}

.grid-name-position {
    position: absolute;
    top: -24px;
    font-weight: 700;
}

#DivLibCourseList #btnCourseClear {
    margin-right: 7px;
}

#gridAddEditCourseFormula .k-grid-content {
    max-height: 610px !important;
}

.blue-box {
    border: 2px solid #077a97;
    /*margin-top: 10px;*/ /*GB1908*/
    width: 837px;
    margin: 0 auto; /*GB1908*/
    position: relative; /*GB1908*/
    top: 18px; /*GB1908*/
    float: none; /*GB1908*/
}

}

div.container.standard-setup.standard-setup-div, div.container.privacy-policy-div, div.container.terms-of-use-div {
    width: 90%;
}

.ibox-content #DivCourseList .search-box-course .k-input.k-widget.k-autocomplete.k-header.k-state-default {
    padding: 0em;
}

.ibox-content #DivCourseList .search-box-course {
    display: inline-flex;
}

    .ibox-content #DivCourseList .search-box-course button.btn,
    #DivLibCourseList .search-box-first .btn#btnlibCourseSearch,
    #DivLibCourseList .search-box-column .btn#btnSearchColumn {
        min-width: 40px;
        border-radius: 0px 5px 5px 0px;
    }

.ibox-content #DivCourseList .k-autocomplete .k-input {
    height: 34px;
}

.float-e-margins .btn#btnCoursesSearch {
    margin-bottom: 1px !important;
}

.float-e-margins .LibCourse .btn#btnlibCourseSearch, .float-e-margins .LibCourse .btn#btnSearchColumn {
    margin-left: 0px;
    margin-top: 0px;
}

#divCourseSearch #DivCourseList button#btnSavetoExcelCourse {
    float: right;
    margin-top: 3px;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #divCourseSearch.search-course button#btnCoursesClear {
        right: -136px;
    }

    #divCourseSearch #DivCourseList button#btnSavetoExcelCourse {
        right: -722px !important;
    }

    #DivLibCourseList .search-lib span.k-widget.k-dropdown.k-header {
        margin-top: 8px;
    }
}

#btnlibCourseSearch:hover {
    background-color: #cccccc !important;
    color: #000000 !important;
}

.k-list-container.k-popup#txtLibCourseSearch-list > div > ul > li:hover,
.k-list-container.k-popup#txtLibCourseSearch-list > div > ul > li.k-state-focused,
.k-list-container.k-popup#txtCourseSearch-list > div > ul > li:hover,
.k-list-container.k-popup#txtCourseSearch-list > div > ul > li.k-state-focused {
    background-color: #fcd6a5 !important;
}

#DivCourseList .k-autocomplete.k-state-border-down, #DivLibCourseList .k-autocomplete.k-state-border-down {
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;
}

.gray-bg {
    background-color: #bed2dc;
}

.ibox-title, .ibox-title-color {
    border-color: #077a97;
}

.second-box {
    border-top-width: 4px;
}

.bottom-space-fix, #gridScoreAnnotations {
    margin-bottom: 15px;
}


.display-white-back-color {
    display: inline-grid;
}

.set-height-skill {
    display: contents;
}

.ibox-title-color.border-bottom {
    border-color: #077a97 !important;
}

.middle-space-fix {
    height: 15px;
    background-color: #bed2dc;
}

#divYearToDate.ibox-content {
    height: 65px;
}

.menu-devider {
    margin: 5px 10px 5px 10px;
}

.ibox-title-border {
    border-top: 4px solid #077a97;
}

#divLinkLibraryWin .form-horizontal .control-label {
    padding-top: 7px !important;
}

#divLinkLibraryWin .margin-for-space-down {
    margin-bottom: 10px !important;
}

#divLinkLibraryWin .tag-margin-left {
    padding-left: 50px !important;
}

#divLinkLibraryWin #textSearchLevel {
    height: 34px !important; /*gb-1913*/
}

#divLinkLibraryWin img#btnSearchLevel {
    margin-right: 100px !important;
    height: 34px !important;
    cursor: pointer;
    border: 2px solid #BEBEBE;
    padding: 0px !important;
    margin-left: -2px;
}
#DivLibCourseList > div{ /*gb-1913*/
    padding-right: 0px;
}

.clear-search-align {
    float: right;
    margin-right: -40px;
    margin-top: -34px;
}

#divCourseSearch.search-course #DivCourseList button#btnCoursesClear {
    position: relative;
    margin-left: 10px;
    top: 2px;
    border-radius: 15px;
    width: 73px;
}

#divCourseSearch > #DivCourseList > .col-md-12.course-div-align > .col-md-1.save-to-excel {
    float: right;
    margin-right: 10px;
}

#DivCourseList .k-autocomplete.k-state-default {
    width: 120px !important;
}

.nav-second-level {
    left: -304px !important;
}

@media only screen and (max-height: 600px) {
    .k-window #gridSelectStrand .k-grid-content, .k-window #gridAvailableStrand .k-grid-content {
        max-height: 240px !important;
    }

    .k-window .k-grid-content {
        max-height: 234px !important;
    }
}

@media only screen and (min-height: 1439px) {
    .k-window #gridSelectStrand .k-grid-content, .k-window #gridAvailableStrand .k-grid-content {
        min-height: calc(100vh - 460px) !important;
    }

    .k-window .k-grid-content {
        max-height: 234px !important;
    }
}

/*GB1908*/
.ddlMPStd {
    text-align: left;
    min-width: 80px;
    max-width: 120px;
    margin-left: 7px !important;
    min-height: 36px !important;
}

    .ddlMPStd.k-widget.form-control .k-dropdown-wrap .k-input {
        height: 26px;
    }

    .ddlMPStd.k-dropdown-wrap.k-state-disabled span.k-input {
        height: 30px;
    }

    .ddlMPStd.k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default,
    .ddlMPStd.k-widget.form-control .k-dropdown-wrap .k-input {
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        height: 100%;
    }

.k-grid-content {
    border-bottom: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
}

.k-i-arrow-60-down, .k-i-sort-desc-sm { /*01dec new added class to override from Kendo*/
    background-position: 0 -33px !important;
}

#gridColumnCategory a.k-grid-filter.k-state-border-up,
#gridColumnCategory a.k-grid-filter,
#gridAddGradeScales a.k-grid-filter.k-state-border-up,
#gridAddGradeScales a.k-grid-filter,
#batchentryCourseScalegrid a.k-grid-filter.k-state-border-up,
#batchentryCourseScalegrid a.k-grid-filter,
.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
    position: relative;
    top: 50%;
    margin-top: -8px;
    margin: 0;
}

.k-grid-filter.k-state-active{background-color: transparent;} /*remove bg white color*/ /*GB1908 18dec*/

#gridStandardLevelNames a.k-grid-filter.k-state-border-up,
#gridStandardLevelNames a.k-grid-filter {
    position: static;
    margin-top: 0px;
    margin: 0;
    padding: 2px 0 0 0;
}

#gridStandardLevelNames .k-grid-header th.k-header {
    padding: 6px 8px 5px;
}

#divNumericGradeScales .k-autocomplete .k-input {
    height: auto;
}

form.k-filter-menu .k-textbox {
    border: 2px solid #BEBEBE;
}

.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action .k-icon.k-i-close {
    top: 50%;
    right: 1px;
    margin-top: -4px !important; /*1820*/
}

span.k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default {
    border: 0px transparent solid !important;
}

.course-div-align span.k-widget.k-dropdown.k-header {
    height: 39px;
}
/*1dec - changes -added new property*/
.course-div-align .k-i-arrow-60-down {
    background-position: 0 -29px !important;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}


/*gb1908*/
select, select:focus,
INPUT[type="text"], INPUT[type="text"]:focus, input[type="text"], input[type="text"]:focus,
.right-list SELECT, .right-list SELECT:focus,
#divAddCategory .k-picker-wrap,
.k-picker-wrap.k-state-default {
    border: 2px solid #BEBEBE !important;
    border-radius: 2px;
    outline: none;
}

.k-autocomplete.k-state-default > input[type="text"] {
    border: none !important;
}

.btn-default, .btn-default:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*attendance settings*/
.divDefaultAtt .k-widget.form-control .k-dropdown-wrap .k-input,
.display-white-back-color .k-widget.form-control .k-dropdown-wrap .k-input,
.conditionalBatch .k-widget.form-control .k-dropdown-wrap .k-input,
.conditionalBatch .k-dropdown-wrap, .conditionalBatch .k-dropdown-wrap:focus {
    height: 32px;
}

/*inegrations*/
.acc input[name="studentGmailMapping"] {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*column weighting and categories , proficiency levels*/
#divAddCategory .k-selected-color {
    height: 2.27em;
}

.k-selected-color .k-picker-wrap.k-icon {  /*GB1908 18dec*/ /*proficiency level colco dropdown icon align*/
    margin: 7px 5px;
}

#divAddProficiency .k-selected-color,
.k-colorpicker .k-selected-color {
    height: 2.31em;
}

#proficiencyLevelTable .k-edit-cell .k-textbox {
    height: 29px;
}

#divAddProficiency .k-i-arrow-60-down,
#divAddProficiency .k-i-sort-desc-sm.k-i-arrow-60-down {
    background-position: 0 -31px !important;
}
/*autocomplet on click of the grid*/
.k-filter-menu.k-popup .k-widget.k-autocomplete {
    width: 13.2em;
}

    .k-filter-menu.k-popup .k-widget.k-autocomplete .k-input {
        height: 25px;
    }

.k-filter-menu .k-popup .k-primary,
.k-filter-menu .k-edit-form-container .k-primary,
.k-filter-menu .k-button + .k-button,
.k-popup .k-primary {
    border: 1px solid #BEBEBE;
    /*box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) !important;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) !important;*/ /*gb-1913 commented*/
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
}
/*semester and final averages*/
#btnCancelSkillGrade.btn-default {
    border: 1px solid #BEBEBE !important;
    box-shadow: none !important; /*gb-1913 removed the box shadow*/
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/*commented as part of gb-1913*/
/*delete this*/
/*edit skill grade scale and its pop up
#EditSkillGradePopupGrid_active_cell .k-numeric-wrap.k-state-default {
    height: 26px;
}

#EditSkillGradePopupGrid_active_cell .k-numeric-wrap .k-input {
    height: 100%;
}

#EditSkillGradePopupGrid_active_cell .k-numerictextbox .k-select {
    display: inline-block;
    min-height: 24px;
    border: 2px solid #BEBEBE;
    border-left: none;
}

#EditSkillGradePopupGrid_active_cell .k-numerictextbox .k-link {
    height: 0.6em;
}

#EditSkillGradePopupGrid_active_cell .k-numerictextbox .k-icon {
    height: 14px;
}*/
/*commented as part of gb-1913*/
/*delete this*/

#divMarkingPeriodSkill .k-widget.form-control .k-dropdown-wrap .k-input,
.strand-search-dropdown .k-widget.form-control .k-dropdown-wrap .k-input {
    height: 30px;
}

.k-grid .k-grid-header th > .k-link > .k-icon {
    vertical-align: middle;
    margin-left: 5px;
}

.switchery {
    border: 1px solid #BEBEBE !important;
}
/*gb-1913 - commented*/
/*delete this later*/
/*.switchery > small {
        border: 1px solid #BEBEBE !important;
   }

    Enable standard based grading -mpopup
    .k-grid.k-widget span.k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default {
        height: 24px;
    }

#altNotUsedAddEditGradeGrid .k-edit-cell .k-textbox {
    height: 25px;
}
#gridStandardLevelNames .k-edit-cell .k-dropdown .k-dropdown-wrap {
    height: 26px;
}*/
/*gb-1913 - commented*/
/*delete this later*/

/*strands, Skills marking period updates*/
.course-div-align .searchButton {
    border-bottom: 1px solid #BEBEBE !important;
}
#divMarkingPeriodSkill .k-dropdown .k-state-default {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 100%;
}


/*create user accounts*/
#gridCreateUserAccounts input[type="checkbox"],
#GradeBooksGrid input[type="checkbox"],
#gridLockStatusPeriod input[type="checkbox"],
#gridLockStatusExam input[type="checkbox"] {
    top: 0px;
}

/*Add/del column logs*/
.input-group.date .input-group-addon {
    border: 2px solid #BEBEBE;
    border-left: 0px;
}

/*link strands to courses*/
#availableStrandgrid.k-grid.k-widget span.k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default {
    height: 24px;
    border: 1px solid #BEBEBE !important;
}
#availableStrandgrid .k-i-arrow-60-down, .k-i-sort-desc-sm {
    background-position: 0 -35px !important;
}

/*attendance testing*/
#divCondBatch span.k-widget.k-dropdown.k-header {
    display: inline-block;
}

#divCondBatch .k-widget.form-control .k-dropdown-wrap .k-input {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: 0;
}
/*#btnCancelSkillGrade.btn-default{border: none!important;}*/ /*gb-1913 commented*/

#gridStandardLevelNames span.k-widget.k-dropdown.k-header {
    min-height: 30px;
    background: transparent !important;
    font-weight: normal;
    border: 0px transparent solid !important;
}

#gridStandardLevelNames .k-icon, .k-sprite, .k-button-group .k-tool-icon {
    height: 19px !important;
}

/*standard based grade levels */
#divMarkingPeriodStandard .k-widget.form-control .k-dropdown-wrap .k-input{line-height: 30px;}

/*master strands*/
.k-filter-menu[data-role="popup"] .k-numeric-wrap .k-input[role="spinbutton"] {
    height: 30px;
}
.k-filter-menu[data-role="popup"] .k-numerictextbox .k-select {
    border: 2px solid #BEBEBE;
    border-left: none;
}
.k-filter-menu[data-role="popup"] .k-numerictextbox .k-link {
    line-height: 0;
}
/*general focus stye override*/
:focus,
a:focus {
    outline: none;
    outline-color: none;
}

/*login*/
#logincontainer input[type="text"] {
    border: none !important;
}

/*confirm mapping popup inside the Manage import tab*/
.gb-grid-confirm-maping .k-pager-wrap .k-link{
    border: 2px solid #BEBEBE;
    height: 26px;
}
.gb-grid-confirm-maping .k-pager-numbers .k-state-selected {
    height: 100%;
    line-height: 24px;
    background: #71b2d2;
    color: #FFF;
    border: 1px solid #71b2d2;
}

.gb-grid-confirm-maping .k-pager-wrap .k-link.k-pager-refresh .k-i-refresh,
.gb-grid-confirm-maping .k-pager-wrap .k-link.k-pager-refresh{
    top: -2px;
    position: relative;
    display: none;
}

.gb-grid-confirm-maping .k-pager-wrap .k-link.k-pager-refresh:hover .k-i-refresh {
    background-position: -32px -113px;
}

/*missing warnig icon*/
.k-i-note, .k-i-warning {
    background-position: -160px -240px;
    margin-right: 6px;
}

/*GB-1913 - Grid alignments*/

/*table - icons align to center*/
/*any grid icon align center, if only one icon is present*/
/*if using .k-command-cell above, then follw the properties just after this - .k-icon*/
#gridColumnCategory .k-command-cell,
#gridScoreSymbols .k-command-cell,
#gridScoreAnnotations .k-command-cell,
#divALTAddLevelGradeScales .k-command-cell,
#batchentryCourseScalegrid.k-grid tbody td:first-child,
#batchentryCourseScalegrid .k-grid-header th.k-header:first-child,
#batchentryCourseStdScalegrid td:first-child,
#batchentryCourseStdScalegrid .k-grid-header th.k-header:first-child,
#availableStrandgrid td:first-child,
#availableStrandgrid .k-grid-header th.k-header:first-child,
#gridScoreChanges td:first-child,
#gridScoreChanges .k-grid-header th.k-header:first-child,
#gridTestScore td:first-child,
#gridTestScore .k-grid-header th.k-header:first-child,
#gridManagementSiteUsers .k-grid-header th.k-header:first-child,
#gridManagementSiteUsers td:first-child,
#GradelevelKendo .k-grid-header th.k-header:first-child,
#GradelevelKendo td:first-child,
#gbContextMenu .k-grid-header th.k-header:nth-child(2),
#gbContextMenu td:nth-child(2) {
    text-align: center;
}
#gridColumnCategory a > .k-icon,
#gridScoreSymbols a > .k-icon,
#gridScoreAnnotations a > .k-icon,
#divALTAddLevelGradeScales a > .k-icon {
    margin: 0 auto;
}

/*any grid icon align center*/
/*Any grid checkbox to align center*/
#gridAddGradeScales td > input[type="checkbox"],
#batchentryCourseScalegrid td > input[type="checkbox"],
#gridStandardLevelNames td > input[type="checkbox"],
#batchentryCourseStdScalegrid td > input[type="checkbox"],
#divSkillGradeScales td > input,
#availableStrandgrid td > input[type="checkbox"],
#gridScoreChanges td > input,
#gridScoreChanges td > input[type="checkbox"],
#gridTestScore td > input[type="checkbox"],
#gridManagementSiteUsers td > input[type="checkbox"],
#GradelevelKendo td > input[type="checkbox"],
#gbContextMenu td:nth-child(2) > input[type="checkbox"],
#gbContextMenu td:nth-child(2)  input[type="checkbox"],
#GetTeachersList td input[type="checkbox"] {
    margin: 3px auto 1px auto;
    top: -1px;
    vertical-align: middle;
}
#batchentryCourseScalegrid .k-grid-header th.k-header:first-child input,
#batchentryCourseStdScalegrid .k-grid-header th.k-header:first-child input,
#availableStrandgrid .k-grid-header th.k-header:first-child input,
#gridScoreChanges .k-grid-header th.k-header:first-child input,
#GradelevelKendo .k-grid-header th.k-header:first-child input{
    margin: 3px auto 1px auto;
    vertical-align: middle;
    left: 1px;
    top: 0px;
}
#batchentryCourseScalegrid .k-grid-header th.k-header:first-child label,
#batchentryCourseStdScalegrid .k-grid-header th.k-header:first-child label,
#availableStrandgrid .k-grid-header th.k-header:first-child label,
#gridScoreChanges .k-grid-header th.k-header:first-child label,
#gridTestScore k-grid-header th.k-header:first-child label,
#gbContextMenu .k-grid-header th.k-header:nth-child(2) input {
    margin: 0;
}

/*any grid icon align center*/
/*Any grid radio to align center*/
#Standardachievementlevelgrid td > input[type="radio"]{
    margin: 0px auto 0px auto;
    top: -1px;
    vertical-align: middle;
}

/*inside grid Dropdown text alignment*/
table[role="grid"] td[role="gridcell"] .k-dropdown .k-dropdown-wrap .k-input {
    padding: 5px 0px;
    line-height: normal;
}

/*Common style to remove the border color inside the grids for all the controls*/
table[role="grid"] td[role="gridcell"] input[type="text"],
table[role="grid"] td[role="gridcell"] span.k-widget.k-dropdown.k-header,
table[role="grid"] td[role="gridcell"] .k-header,
table[role="grid"] td[role="gridcell"] .k-picker-wrap.k-state-default {
    border: none !important;
}

/*floating buttons class override from the style-1.0 stle sheet for the extra bottom margin*/
/*the main class is .float-e-margins*/
.float-e-margins #MinimumNumericValueTextboxDiv .btn,
.float-e-margins .second-box #btnAddformula {
    margin-bottom: 0px;
}

/*Grading > semester and final averages*/
/*accordion text vertical center alignment*/
.gb-semesterFinalAverage {
    line-height: normal;
    transform: translateY(50%);
}



/*popups cross icon alignment*/
.k-window-titlebar .k-window-actions{
    top: 10px;
    right: 12px;
}
/*.k-window .k-window-titlebar .k-button.k-bare.k-button-icon.k-window-action.k-state-hover .k-icon.k-i-close {
    background-position: -33px -16px !important;
}*/
table[role="grid"] td.k-edit-cell[data-role="editable"] .k-numerictextbox {
    height: 31px;
    padding: 0px;
    margin: 0px;
    top: 0px;
}
table[role="grid"] td#EditSkillGradePopupGrid_active_cell input[type="text"] {
    height: 31px;
}

/*buttons inside the popup align to the text fields*/
#divAddScoreAnnotation #buttons.btn-row {
    padding: 10px 15px 10px 15px;
}

/*skills > grade pool > popup*/
#EditSkillGradePopupGrid{top: -2px;}
#divSkillGradeScales .ibox-title h5,
#divAddGradeScales .ibox-title h5{
    color: deepskyblue;
    margin: 0;
    line-height: 30px;
}
#divSkillGradeScales tr th[data-field="IsExclude"]{
    text-align: center;
}

/*standards > proficiency standards*/
#proficiencyLevelTable .k-selected-color .k-icon{display: none;}
#proficiencyLevelTable .k-selected-color{background-color: #fafafa;}

/*skills > Marking period grades*/
.gb-chkAllowEditDefaultWrapper {
    margin-bottom: 10px;
}

/*Grids having system defined as text
table[role="grid"] td.k-command-cell[role="gridcell"]{
    position: relative;
}
table[role="grid"] td.k-command-cell[role="gridcell"] .systemdefined {
    color: grey;
    font-size: 11px;
    width: 90px;
    position: absolute;
    right: 10px;
}*/

/*Manage Gradebooks*/
#gridManageGradeBook table td #managerCoTeachers{
    display: block;
    text-align: center;
}

/*grids focused state*/
.k-item.k-state-focused {
    background-color: #fcd6a5 !important;
}


/*grids empty space hack*/
.k-grid.k-widget[data-role="grid"]:after,
#gridDefaultReport:after,
#gridCustomReport:after{
    content: " ";
    position: absolute;
    width: 19px;
    height: 41px;
    top: 0;
    right: 0;
    background: white;
    border-right: 1px solid #BEBEBE;
    border-top: 2px solid #BEBEBE;
    border-bottom: 2px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
}

/*table row height*/
table thead[role="rowgroup"] tr[role="row"] {
    height: 40px !important;
}

/* Add/Edit Achiement Level Scales Grid */
#Standardachievementlevelgrid .k-grid-Edit, .k-grid-Copy {
    margin-right: 20px !important;
}
.helpLabel {
    font-size: 12px;
    color: #6098d7;
    font-weight: normal;
    padding-top: 0px !important;
}
.altAddGSTextBox {
    margin-top: -10px !important;
}
.altAddIncBlock {
    width: 360px !important;
    margin-left: 15px;
    margin-top: -8px;
}


.twoFactorAuth .error-block {
    /*  background: rgba(252, 98, 98, 1);*/
    /* height: 35px;*/
    color: rgba(252, 98, 98, 1);
    text-align: left;
    display: table;
    width: 100%;
}

.checktwofact .i-checks .icheckbox_square-green:hover {
    border: 1px solid #2CB0EF;
    background: #EFF4F7;
    height: 22px;
    width: 22px
}

.checktwofact .icheckbox_square-green.checked {
    background: url(/Content/Inspinia/images/blue.svg) no-repeat !important;
}