/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : 16 Jan, 2014, 12:40:07 PM
    Author     : himanshu.singh
*/

.dynatreehierarchy ul.dynatree-container li ul li {
    margin-left: 15px;
}

input.inline-display[type="file"] {
    display: inline !important;
}

.user-info {
    max-width: 160px;
}

.qaithidden {
    display: none;
}

.help-block {
    margin-bottom: 0;
    margin-top: 5px;
}

.form-input-row div .help-block {
    margin-top: 2px;
}

.client-info {
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.form-input-row {
    margin-bottom: 0;
    min-height: 80px;
}

.form-input-row>label[class*="col-"] {
    padding-top: 0;
}

.form-horizontal .control-label,
.form-horizontal .radio {
    text-align: left;
}

.labelsearch i {
    clear: both;
    padding-top: 4px;
    position: absolute;
}

.stlegend {
    margin: 0 15px;
}

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

.modal-body {
    max-height: 450px !important;
}

.proficiency-wrapper {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.proficiency-wrapper .proficiency-head {
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    font-weight: bold;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 10px 0;
}

.stlegend fieldset {
    border: 1px solid #C0C0C0;
    margin: 0 12px;
    padding: 0.35em 0.625em 0.75em;
}

.stlegend.has-error fieldset {
    border-color: #F09784 !important;
}

.stlegend fieldset legend {
    border: medium none;
    width: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}

.stlegend fieldset legend label[class*="col-"] {
    padding: 0px 5px;
    z-index: 1000;
}

.stlegend td .checkbox {
    min-width: 30px;
    padding: 0px 0px 7px 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stlegend fieldset {
        margin-top: 15px;
    }
    .stlegend td .checkbox {
        padding: 0px 0px 7px 0px;
    }
    .stlegend fieldset legend {
        margin-bottom: 10px;
    }
    .stlegend fieldset legend label[class*="col-"] {
        margin-top: -10px;
    }
}

.nav-list>li .submenu>li>a {
    padding: 7px 7px 9px 20px;
    font-family: 'Open Sans';
    font-size: 14px;
    /*    font-weight: bold;*/
    font-weight: bold;
}

.gritter-item ul {
    margin: 0;
    padding: 0;
}


/*modal height fix as per polish guide line*/

.modal-header {
    border-bottom: 1px solid #E5E5E5 !important;
    /*min-height: 47px !important;*/
    padding: 4px 15px !important;
}

.modal-header .close {
    margin-top: 2px !important;
}

.horizontal .checkbox,
.horizontal .radio {
    float: left;
    padding-left: 0px;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.date-picker[disabled],
.date-picker[readonly],
.date-range-picker[readonly],
.date-range-picker[disabled] {
    background-color: #FFFFFF !important;
    cursor: auto;
}

.dataTables_filter input[type="text"]::-ms-clear {
    display: none;
}

.tags .tag {
    max-width: 100%;
    overflow: hidden;
}

textarea {
    resize: none;
}

label.required .icon-asterisk {
    float: none;
    margin-top: 0;
    /*padding-right: 4px;*/
    vertical-align: top;
}

.fd-zone {
    position: relative;
    overflow: hidden;
    width: 15em;
    text-align: center;
}


/* Hides <input type="file" /> while simulating "Browse" button: */

.fd-file {
    opacity: 0;
    font-size: 118px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    font-family: sans-serif;
}


/* Provides visible feedback when user drags a file over the drop zone: */

.fd-zone.over {
    border-color: maroon;
}

div.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 5px;
    height: 100px;
    overflow-y: auto;
}

div.tagsinput span.tag {
    border: 1px solid #91B8D0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #91B8D0;
    color: #FFFFFF;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px;
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
}

div.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 7px;
    background: transparent;
    color: #000;
    outline: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}


/*tag fixes */

button.close {
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.tags .tag .close:hover {
    background: none repeat scroll 0 0 #91B8D0;
}

.align {
    text-align: center;
}

.table-bordered {
    border-collapse: collapse;
}

body {
    font-size: 12px;
}

ul.checkbox-tree-wrapper {
    list-style: none outside none;
    margin: 0 0 10px;
}

ul.checkbox-tree-wrapper li {
    list-style: none outside none;
}

ul.checkbox-tree-wrapper div.tree-parent-check {
    /*margin: 5px 0;*/
}

p.position button.position {
    margin: 2px 0px 0px 950px;
}

ul.checkbox-tree-wrapper li.errortarget {
    padding-left: 1px;
}

ul.checkbox-tree-wrapper li.errortarget .has-error {}

footer {
    /*    bottom: 0;
    clear: both;
    float: left;*/
    z-index: 99;
    height: 100px;
}

footer>div {
    padding: 1.5em 20px 0;
}


/*hiding datatables textdecoration=underline in actions*/

div.dropdown a:hover,
div.dropdown a:focus {
    text-decoration: none;
}

div#table_id_wrapper table tr td {
    height: 12px;
}


/*end of hiding*/

.multifilewrapper .file-label.selected+.remove {
    display: inline-block;
}

.ace-file-input .remove {
    right: -2px;
}

.ie8-file-input .addfileinput {
    background-color: #FB7142;
    border-radius: 100% 100% 100% 100%;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    height: 17px;
    line-height: 15px;
    position: absolute;
    right: -2px;
    text-align: center;
    text-decoration: none;
    top: 6px;
    width: 17px;
}

.multifilewrapper .remove {
    background-color: #FB7142;
    border-radius: 100% 100% 100% 100%;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    height: 17px;
    line-height: 15px;
    right: -8px;
    text-align: center;
    text-decoration: none;
    top: 6px;
    width: 17px;
}

.multifilewrapper {
    padding: 4px 0;
}

.align-left {
    float: left;
}

.dataTables_filter input[type="text"] {
    width: 128px;
    margin: -20px 9px;
}

.gritter-without-image ul {
    list-style: none;
}

.changeHeader {
    background-color: #FDFE9F;
}

.tree .tree-folder .tree-folder-header:hover {
    background-color: #FEE188;
}

.widget-box.transparent>.widget-header.noBrd {
    border: 0px none;
    margin-top: 24px;
    /*    margin-top: 9%;*/
}

.widget-header {
    min-height: 0px;
}

.widget-header h4 small {
    font-size: 10px;
    display: block;
    font-style: italic;
    color: #aaa;
    margin-top: -4px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
}

.icon-remove:before {
    content: '';
}

.align-right {
    margin: 2px 4px 6px 8px;
}

.section-align-right {
    margin: 2px 4px 6px 8px;
    text-align: right !important;
}

.modal-dialog .modal-content .modal-footer {
    background-color: #EFF3F8;
    border-top-color: #E4E9EE;
    box-shadow: none;
    padding-bottom: 6px;
    padding-top: 6px;
}

.help {
    color: #D16E6C;
}

.form-horizontal .form-group {
    padding-left: 0px;
    padding-right: 0px;
}

.sign-in {
    margin: 19px 0 0 43px;
}

.align {
    float: right;
}

div.sign-in h1 {
    font-family: helvetica;
    font-size: 19px;
}

div.st-logo {
    float: right;
    margin: -47px 24px 0 0;
}

.account-choser ol {
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 0;
}

.account-choser li {
    list-style: disc;
}

.account-choser div.selectorwrapper {
    border: 0 none;
    cursor: pointer;
    display: block;
    /*    height: 100%;*/
    margin-bottom: 6px;
    outline: medium none;
    padding: 15px 0px;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
    height: 300px;
}

.tree .tree-folder:before,
.tree .tree-item:before {
    background-color: #FEE188;
    border: 0px;
}

.tree .tree-folder .tree-folder-content:before {
    border: 0px;
}

.breadcrumbs .header {
    background-color: #F5F5F5;
    margin-left: 85px;
    height: 40px;
}

.breadcrumbs .header .nav-tabs {
    height: 40px;
}

.breadcrumbs .header .nav-tabs.background-grey {
    padding-top: 4px;
}

.main-container {
    padding: 0 0 0px;
}

.print-layout .main-container {
    padding: 0px !important;
}


/*.nav-list > li > .submenu > li:before {
    border-top: 1px dotted #9DBDD6;
}
.nav-list > li .submenu > li > a {
    padding: 7px 0 9px 37px;
}
.nav-list > li > .submenu:before {
    display: block;
}*/

.navbar-header[class*="col-"][role="navigation"] {
    padding: 0px;
}

.dropdown-toggle span.headernamewrapper {
    display: inline-block;
    max-width: 160px;
    margin: -18px -4px -18px -1px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prof-check-align {
    margin-bottom: -30px;
}

.dataTables_wrapper .row:first-child {
    padding: 8px;
}

.gradeAssessmentsTable {
    margin-top: 5px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .dropdown-toggle span.headernamewrapper {
        max-width: 115px;
    }
    /*.prof-check-align {
        margin-bottom: -13px;
    }*/
    .prof-check-align {
        width: 56%;
    }
}

.nav.ace-nav {
    background: none;
}

.changeDtableHeader {
    background-color: #FDFEDC !important;
    cursor: pointer;
}

.table-striped>tbody>tr.changeDtableHeader>td {
    background-color: #FEE188 !important;
}

.login-layout {
    background-color: #FFFFFF;
}

.login-container .login-box {
    background-repeat: no-repeat;
    border-radius: 5px;
}

.login-container-multi-client .login-box {
    /*    background-repeat: no-repeat;
        border-radius: 5px;*/
}

.login-box .widget-main .header {
    background: transparent;
}

.login-container .login-box .widget-body {
    background: transparent;
}

.login-container-multi-client .login-box .widget-body {
    background: transparent;
}

.login-layout .widget-box .widget-main {
    background: transparent;
}

.maxHeight {
    max-height: 250px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.maxHeight-300 {
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

input.ace[type="checkbox"]+.lbl:before {
    height: 15px;
    min-width: 15px;
}

.custom-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 8 */
    filter: alpha(opacity=50);
    /* IE 5-7 */
    -moz-opacity: 0.5;
    /* Netscape */
    -khtml-opacity: 0.5;
    /* Safari 1.x */
    opacity: 0.5;
}

.rememberme {
    margin-top: -20px;
}

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

.page-header h1 {
    margin-top: 3px !important;
    font-weight: 300;
    font-size: 32px;
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
}

.checkbox {
    padding-left: 0px;
}

.st-logo {
    padding-right: 10px;
}

.login-container .login-box {
    background-size: 575px 505px !important;
}

.login-container-multi-client .login-box {
    background-size: 575px 505px !important;
}

.horizontal-margin-36 {
    margin-left: 36px;
    margin-right: 36px;
}

.checkboxtreewrapper {
    display: inline-block;
    margin-left: 0;
    margin-left: 20px\8;
    margin-left: 20px\9;
}

.widget-header h4 .icon-asterisk {
    float: left;
    margin-right: 2px;
    margin-top: 5px;
}

.widget-header h4 .help-block {
    display: inline;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 10px;
    color: #D16E6C;
}

.error_modal_form {
    list-style: none outside none;
    margin: 0 0 10px;
    color: #D16E6C;
}

.table-striped>tbody>tr.hover {
    background-color: #FEE188;
}

.table-striped>tbody>tr.hover>td {
    background-color: #FEE188;
    cursor: default;
}

.table-striped tbody tr.hover td {
    background-color: #FEE188;
}

.login-container .position-relative .login-box {
    -moz-box-shadow: 0 0 15px #ccc;
    -webkit-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}

.login-container-multi-client .position-relative .login-box {
    /*    -moz-box-shadow: 0 0 15px #ccc;
        -webkit-box-shadow: 0 0 15px #ccc;
        box-shadow: 0 0 15px #ccc;*/
}

.table tbody>tr>td {
    white-space: nowrap;
}

.table tbody tr {
    min-height: 15px;
    /* or whatever height you need to make them all consistent */
}

.btn-primary-new,
.btn-primary-new:focus {
    background-color: #2886CC !important;
    border-radius: 8px;
}

.btn-primary-new,
.btn-primary-new:focus {
    background-color: #428BCA !important;
    border-color: #428BCA !important;
}

.login-box .forgot-password-link {
    padding-left: 0 !important;
    padding-top: 8px !important;
}

textarea[class*="col-xs-"] {
    padding: 4px 5px;
    height: 131px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus select {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #696969;
    border-color: #D5D5D5;
    background-color: #ffffff;
    outline: none;
}

.login-layout .widget-box {
    position: relative !important;
}

.disabled {
    display: none;
}

.align-horizontal {
    margin: -30px 6px 10px 127px;
}

.align-center-search {
    padding: 0 3px 36px 84px;
}

input[type=checkbox].ace:focus+.lbl::before,
input[type=radio].ace:focus+.lbl::before,
input[type=checkbox].ace+.lbl:focus::before,
input[type=radio].ace+.lbl:focus::before {
    box-shadow: 0 0 1px 1px #D5D5D5;
}

.widget-header>.widget-caption>[class*="icon-"],
.widget-header>*:first-child>[class*="icon-"] {
    margin-right: 0;
}

.set-margins {
    margin: 5px 38px 0px 3px;
}

.modal-footer .btn.pull-right.left-margin-5px {
    margin-left: 3px;
}

.dataTable th[class*="sort"]:after {
    color: #555555;
    content: none;
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    margin-right: 4px;
    position: relative;
}

.dataTable th[class*="sort"] span:after {
    color: #555555;
    content: "\f0dc";
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    margin-right: 4px;
    position: relative;
}

.dataTable th.sorting_desc span:after {
    content: "\f0dd";
    top: 0px;
    color: #307ecc;
}

.dataTable th.sorting_asc span:after {
    color: #307ECC;
    content: "\f0de";
    top: 0px;
}

.table-bordered.table-striped>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 0px;
    padding: 5px;
}

.dataTable th.sorting_disabled span {
    cursor: inherit;
}

.dataTable th.sorting_disabled span:after {
    content: none;
    display: none;
}

.login-container {
    margin: 93px auto;
    max-width: 375px;
}

.no-border-horizontal {
    border-bottom: none;
}


/*td .showellipsis{
    max-width: 200px;
}*/

.tree .tree-folder .tree-folder-header:hover .tree-folder-content:hover .tree-item:hover {
    background-color: #FEE188;
}

.tree .tree-selected {
    background-color: #FEE188;
    color: #4D6878;
}

.tree .tree-selected:hover {
    background-color: #FEE188;
}

.tree .tree-item:hover {
    background-color: #FEE188;
}

.tree-selected.tree-folder-header {
    background-color: #FEE188;
}

.tree .tree-selected.tree-folder-header>[class*="icon-"]:first-child {
    background-color: transparent;
    border-color: #F9A021;
    color: #4D6878;
}

.nav-searchnew {
    margin-top: 6px;
    position: relative;
    float: left;
}

.nav-searchnew .btn-primary,
.nav-search .btn-primary:focus {
    background-color: #1B6AAA !important;
    border-color: #1B6AAA !important;
}

.nav-searchnew .search-block .btn-group,
.nav-searchnew .search-block .input-group-btn {}

.nav-searchnew .search-block .btn-sm {
    /*    padding: 1.3px 9px;*/
    height: 25px;
}

.nav-searchnew .search-block .input-group-btn .btn-sm {
    padding: 1px 5px 1px 5px;
    /*    margin-top: -1px;*/
    height: 20px;
}

.nav-searchnew .search-block .input-group-btn .btn-light {
    background: #FFFFFF;
}

@media (min-width: 992px) {
    .nav-searchnew.col-md-2 {
        width: 14%;
    }
}

@media (min-width: 1200px) {
    .nav-searchnew.col-lg-3 {
        width: 20%;
    }
}

.margin-left-61 {
    margin-left: 61px;
}

.leftnavfilterwrapper ul {
    font-size: smaller;
    list-style: none outside none;
    margin: 0;
    /*    padding: 5px 0px 6px 0px;*/
    border-top: 0px !important;
}

.leftnavfilterwrapper li label {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.limiterBox {
    background-color: #428BCA;
    border-style: none;
}

.limiterBox:before {
    border-bottom-color: #428BCA;
}

.modal-backdrop.in.white {
    background-color: white;
}

.advanced_search {
    cursor: pointer;
}

.reset_search {
    cursor: pointer;
    margin-right: 16px;
}

.modal-form-align {
    float: right;
}

.dropdown-wrapper-on-header .btn-group button.header-filterbuttons {
    border: 1px solid #D5D5D5 !important;
    background-color: #FFFFFF !important;
    color: #4D6878 !important;
    font-size: 12px !important;
    text-shadow: none !important;
    text-align: right !important;
    margin-top: 20px !important;
    height: 30px !important;
    margin-left: 0px;
}

.custom-overlay {
    background: url("../img/loader/custom_overlay.png") repeat scroll 0 0 transparent;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0.50;
    display: block;
    z-index: 8010;
}

#custom-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -32px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
}

#custom-loading div {
    background: url("../img/loader/custom_loading.gif") no-repeat scroll center center transparent;
    height: 44px;
    width: 44px;
}

#custom-loading,
.custom-close,
.custom-prev span,
.custom-next span {
    background-image: url("../img/loader/custom_sprite.png");
}

a.search-row-image {
    max-width: 100%;
    color: #393939;
}

a.search-row-image:hover {
    color: #2a6496;
    text-decoration: none;
}

a.search-row-image img {
    max-width: 100%;
}

.left-nav-topic {
    float: right;
    width: 90%;
}

.pdg-search {
    margin-left: 0px;
}

.form-group.has-error .control-label,
.form-group.has-info .control-label {
    color: #393939;
}

.form-group.has-info input,
.form-group.has-info select,
.form-group.has-info textarea {
    border-color: #D5D5D5;
    box-shadow: none;
    color: #858585;
}

.form-group.has-info input:focus,
.form-group.has-info select:focus,
.form-group.has-info textarea:focus {
    border-color: #D5D5D5;
    box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);
    color: #858585;
}

select[class*="col-xs-"],
select[class*="col-sm-"] {
    padding: 4px 5px;
    font-weight: bold;
    color: #000000;
}

.tree .icon-minus[class*="icon-"]:first-child:before {
    left: 0;
    top: 2px;
}

.control-group .checkbox label,
.control-group .radio label {
    margin-right: 20px;
    min-width: 100px;
}

.control-group .horizontal .checkbox,
.control-group .horizontal .radio {
    float: left;
    padding-left: 0;
}

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

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-bottom-20 {
    margin-top: 20px !important;
    margin-bottom: 20px;
}

.margin-bottom-12 {
    margin-bottom: 12px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-left-10 {
    margin-left: -30px
}

.margin-left-12 {
    margin-left: 12px
}

.width-83 {
    width: 83% !important;
}

.text-align-justify {
    text-align: justify;
}

.text-align-center {
    text-align: center;
}

.widget-main .checkboxtreewrapper.control-group .checkbox:first-child {
    padding-top: 0px;
}

ul.checkbox-tree-wrapper li.level-0:first-of-type {
    padding-top: 0px;
}

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

.errortarget .help-block {
    color: #D16E6C;
}

.smaller-45 {
    font-size: 45%;
}

.min-height-94 {
    min-height: 94px;
}


/*tooltip related css datatables*/

#tooltip {
    text-align: center;
    color: #111;
    background: #428BCA;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after
/* triangle decoration */

{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #428BCA;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}


/*end of tooltip css*/

.width-72 {
    width: 72%;
}

.gritter-success,
.gritter-error {
    margin-top: 30px !important;
}

#tool-tip {
    border: 1px solid #CCCCCC;
    display: inline-block;
    float: right;
    padding-top: 6px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    margin-top: 2px;
    background-color: #428BCA;
}

#tool-tip div a {
    color: #ffffff;
}

.wordwrap {
    word-wrap: break-word;
    width: 100%
}

.leftnavfiterscheck {
    /*    max-width: 150px;*/
    /*    margin-left: 19px !important;*/
    /*    text-indent: -20px;*/
}

input.searchfilters[type="checkbox"]+.lbl:before {
    height: 13px;
    margin: 0 6px 0 0;
    min-width: 13px;
    line-height: 0.85em;
}

input.searchfilters[type="checkbox"]:checked+.lbl:before,
input.searchfilters[type="radio"]:checked+.lbl:before {
    display: inline-block;
    text-indent: -1px;
    /*    vertical-align: baseline;*/
}

.header .nav-tabs.tab-color-grey>li.active>a,
.header .nav-tabs.tab-color-grey>li.active>a:focus,
.header .nav-tabs.tab-color-grey>li.active>a:hover {
    cursor: pointer;
}

i.icon-m {
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

.teamNameDropBody {
    margin-left: -1px;
    margin-top: 22px;
}

#assesmentTeamWrapper .teamNameDropBody {
    margin-left: -5px;
    margin-top: 4px;
}

.dropdown-menu {
    padding: 0px;
}

.teamNameDropBody .widget-body {
    border-style: none;
}

ul.dynatree-container {
    background-color: #FFFFFF;
    border: none;
    font-family: tahoma, arial, helvetica;
    font-size: 10pt;
    height: 100%;
    margin: 0 0 0 -14px;
    overflow: auto;
    padding: 3px;
    white-space: nowrap;
}

textarea[name*="lt_textArea_"]:focus,
select[name*="lt_select_"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #696969;
    border-color: #D5D5D5;
    background-color: #ffffff;
    outline: none;
}

div.teamNameDropBody .checkboxtreewrapper {
    margin-top: -18px;
    margin-left: 17px;
}

span.dynatree-connector {
    display: none;
}

h4.modal-title {
    line-height: 2.429;
}

.st-notice-wrapper {
    left: 26px;
    position: absolute;
    top: 15px;
    width: 307px;
    z-index: 9999;
}

.st-notice-wrapper .gritter-item-wrapper {
    margin: 0px;
}

.st-notice-wrapper .gritter-item-wrapper .gritter-top {
    height: 5px;
}

.st-notice-wrapper .gritter-item-wrapper .gritter-bottom {
    height: 5px;
}

.popupRequired {
    margin-left: 18px;
    margin-top: 15px;
    margin-bottom: -15px;
}

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

.normalFont {
    font-weight: normal;
}

.form-control:focus,
select:focus {
    border-color: #D5D5D5;
}

.showRow {
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    height: 19px;
}

.align-right-search {
    margin: 5px -8px -7px 16px;
}

.table {
    table-layout: fixed;
}

.popover.top .arrow:after {
    border-bottom-width: 1px;
}

.teamNameDropBody .widget-box {
    margin-bottom: 0;
    margin-top: 0;
}

.popover-content {
    word-wrap: break-word;
}

.dataTables_wrapper .row:first-child {
    background-color: #F4F4F4;
}

.dataTables_wrapper .row:last-child {
    background-color: #F4F4F4;
}

.cls_minicourse .page-header {
    /*    margin-bottom:25px !important;*/
    margin: 0px 0 7px!important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .popover-content {
        width: 197px;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 768px) {
    .popover-content {
        width: 197px;
        word-wrap: break-word;
        white-space: pre-wrap;
    }
}

@media (max-width: 767px) {
    .navbar-container {
        padding: 0;
    }
    .nav-searchnew {
        padding-bottom: 15px;
    }
    .nav-searchnew+.navbar-header {}
    .navbar-brand.client-info {
        float: none;
        display: block;
        text-align: center;
    }
    .navbar-container .navbar-header[role="navigation"] {
        float: none !important;
        clear: both;
    }
    .navbar-container .navbar-header .ace-nav {
        float: none !important;
        text-align: right;
        background: #428bca;
        border-top: 1px solid #F2F2F2;
        border-bottom: 1px solid #F2F2F2;
    }
    .navbar-container .navbar-header .ace-nav>li {
        float: none !important;
        display: inline-block;
        margin-left: -3px
    }
    .cls_trial .navbar-container .navbar-header[role="navigation"],
    .cls_trial .breadcrumbs#breadcrumbs {
        display: none !important;
    }
    footer .footer-left {
        display: block;
        float: none;
    }
    /*    footer .st-logo {
            width: 86px;
        }*/
    footer .st-logo img {
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 35%;
    }
    footer #footer_links {
        /*        margin: 6px 0 0 0;
                padding-right: 0;*/
        text-align: center;
        float: none;
    }
    footer #footer_links>a {
        margin: 0 6px 0 0;
    }
    footer #copyright {
        margin: 3px 0 0 0;
    }
    footer .footer-right {
        clear: both;
        float: none;
        margin: 32px 0 0;
        text-align: center;
    }
    footer .footer-right #social_links,
    footer #taglink {
        float: none;
    }
    footer .footer-right #social_links h2,
    footer .footer-right #social_links ul {
        display: inline-block;
        float: none;
        margin-top: 0;
    }
    .cls_admin .table.table-bordered thead tr th {
        vertical-align: top;
    }
    #modal-for-comment-group .modal-body.maxHeight-300,
    #modal-for-comment-individual .modal-body.maxHeight-300 {
        max-height: 150px !important;
    }
    /*    .chosen-container-fav .chosen-choices {
            min-height: 50px !important;
        }*/
}

@media (max-width: 480px) {
    footer .st-logo {
        display: block;
        float: none;
        margin: 0 0 14px;
        text-align: center;
        width: auto;
    }
    footer .st-logo img {
        width: 100px;
    }
    footer .footer-right {
        margin-top: 14px;
    }
    #modal-for-comment-group .modal-body.maxHeight-300,
    #modal-for-comment-individual .modal-body.maxHeight-300 {
        max-height: 220px !important;
    }
    #news-feed .commentor {
        display: inline-block !important;
        width: 100% !important;
    }
}


/*.badge-plus{
    padding: 1px 4px 3px 4px;
}*/

.badge-minus {
    display: inline-block;
    min-width: 4px;
    padding: 0px 7px 4px 6px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #428bca !important;
    border-radius: 10px;
}

.teamNameDropBody .widget-body {
    border-bottom: 1px solid #CCCCCC;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px #ccc;
}

.filter-div {
    height: 42px;
    /*    margin-right:24px;
    margin-top: 12px;*/
    background-color: #EFF3F8;
    border-top-color: #E4E9EE;
    text-align: right;
    padding: 5px;
}

.teams .filter-div,
.standards .filter-div,
.have-filter .filter-div {
    height: 42px;
    /*    margin-right:24px;
    margin-top: 12px;*/
    background-color: #EFF3F8;
    border-top-color: #E4E9EE;
    text-align: right;
    padding: 5px;
}

.apply-filters-div {
    height: 26px;
    text-align: right;
}

#filter,
#applyTeamFilter,
#applyStandardFilter,
#applyGroupFilter {
    line-height: 0.7;
    margin-top: 4px;
}

#reset,
#resetTeamFilter,
#resetStandardsFilter,
#resetStandardsFilterSelectAll,
#resetTeamFilterSelectAll,
#resetGroupFilter {
    line-height: 0.7;
    margin-right: 13px;
    margin-top: 4px;
}

.tree .tree-item {
    height: 100%;
}

#learningTargetsWrapper .questionsContainer {
    border: solid 1px #cccccc;
}

.questionsContainer #learningTargets {
    border: none;
}

.label_cs {
    font-weight: 700;
    color: #666;
    margin-top: 20px;
}

.hr-width {
    width: 102.3%;
}

#teamButtonWrapper .dropdown-menu {
    min-width: 307px;
}

#question_section_wrrapper .question_section h3.questionnumberdisp:before {
    content: "Question: " counter(question, decimal) "";
    counter-increment: question;
}

.selectedResponseContainer {
    counter-reset: options;
}

.answer-options-wrapper .option-alphabets {
    counter-increment: options;
}

.answer-options-wrapper .option-alphabets:before {
    content: counter(options, upper-alpha);
    font-weight: bolder;
    margin-left: 16px;
}

#applyfilter,
#resetFilter {
    margin-top: 16px;
}

.align-down {
    margin-top: 20px;
}

#reportrange {
    height: 30px;
    width: 170px;
    background: white;
    cursor: pointer;
}

#historyreportrange {
    height: 30px;
    width: 170px;
    background: white;
    cursor: pointer;
}

.reduce-space-search {
    margin: -8px -8px -16px 16px;
}

.standards .teamNameDropBody ul.dynatree-container ul .dynatree-ico-c a:hover,
.standards .teamNameDropBody ul.dynatree-container ul .dynatree-ico-c a:focus {
    color: #000 !important;
    background: transparent !important;
    cursor: pointer;
}

.ui-datepicker {
    width: 17em !important;
    /*what ever width you want*/
}

#assesmentperiod .input-group-addon {
    padding: 5px 12px;
}

#standardsWrapper .teamNameDropBody {
    width: 310px;
}

#teamButtonWrapper button.team {
    /*    margin-left: -12px;*/
    /*    margin-top: 1% !important;
        margin-left: 0px;*/
}

.teamNameDropBody .widget-box {
    margin-top: 0%;
    font-family: open sans;
    font-size: 12px;
}

div.teamNameDropBody .checkboxtreewrapper input.ace[type="checkbox"]+.lbl:before {
    margin-left: -28px;
}

div.teamNameDropBody .checkboxtreewrapper .lbl {
    width: 108%;
}

.table-striped>tbody>tr.showHandIconOnHover {
    background-color: #FEE188 !important;
}

.table-striped>tbody>tr.showHandIconOnHover>td {
    background-color: #FEE188 !important;
    cursor: pointer;
}

.table-striped tbody tr.showHandIconOnHover td {
    background-color: #FEE188 !important;
}

.progress-bar {
    background-color: #4E7A00;
}

.progress {
    background: #fff;
}

.buildAssessmentDiv:last-child .hr,
.buildQuizDiv:last-child .hr {
    display: none;
}

.tree .tree-item .tree-item-name {
    margin-left: 0px;
}

#assesmentTeamWrapper .assessmentsGrade {
    width: 59px !important;
}

#assesmentsWrapper .assessmentsGrade {
    width: 105px !important;
}

.dl-horizontal>dd:after {
    display: table;
    content: "";
    clear: both;
}

.dl-horizontal dt {
    text-align: left;
    width: auto;
    padding-right: 1em;
}

.dl-horizontal dd {
    margin-left: 0;
    margin-bottom: 1em;
}

.legendColorBox div {
    display: none;
}

.blackbox {
    background-color: black;
    height: 139px;
    width: 100%;
    max-width: 187px;
}


/*
//for flicking of screen during open modal due to scroll bar
html {overflow-y: scroll;}
.modal {overflow-y: hidden;}
.modal {overflow-y: hidden;}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {margin-right: 0px;}
body.modal-open{overflow-y: scroll;}*/

.ace-spinner input[type="text"].spinner-input.form-control {
    width: 100% !important;
    display: block;
}


/* touch spinner buttons */

.ace-spinner.touch-spinner .spinner-buttons {
    margin: 0;
    font-size: 0;
}

.ace-spinner.touch-spinner .spinner-buttons>.btn {
    height: 14px;
    line-height: 10px;
    width: 18px;
    font-size: 10px;
    display: block;
    vertical-align: middle;
    margin: 0 1px;
}

.ace-spinner.touch-spinner .spinner-buttons>.btn>[class*="icon-"] {
    vertical-align: baseline;
    display: inline-block;
}

.questionsContainer .row>div.col-sm-12>div.form-group>div.col-sm-1 {
    width: auto;
}

.min-310-width-for-dropdown .dropdown-menu {
    min-width: 307px;
}

.row .assesmentsactpanel {
    margin: 11px;
    width: 407px !important;
}

.proficiency-checkboxes {
    padding: 0px 0px 0px 0px;
}

.cls_assesments .proficiency-checkboxes {
    margin-top: 4px;
}

.grade-heading {
    margin-left: -22px;
}

.wraptext {
    white-space: nowrap;
}

.assesment-display-learning {
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    /*    width: auto;
            height: 50px;
            display: inline-table;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position:relative;*/
}

.checkbox-align-bottom {
    vertical-align: bottom;
}

.btn {
    font-size: 12px;
    line-height: 1;
    padding: 2px 5px;
    vertical-align: text-top;
    font-weight: bold;
}

.margin-team-dropdown {
    margin-top: 6px;
    margin-left: -5px;
}

.header .nav-tabs {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    font-family: 'Open Sans';
}

.removeAnswer {
    margin-right: 2%;
    margin-top: 1%;
    font-weight: bold;
    font-size: 13px;
}

dt,
dd {
    font-size: 1.1em;
}

.dataTable th[class*="sorting_"],
.dataTable th[class*="sorting_"]:hover,
.dataTable th[class*="sorting_"]:active,
.dataTable th[class*="sort"]:hover {
    color: #555555;
}

#assesmentTeamWrapper {
    border-right: 1px solid grey;
    /*    width:68px;
    height: 20px;
    margin-top: 2px;*/
}

btn>.icon-arrow-right:before {
    margin: -1px;
}


/*#standardsWrapper{
    border-right:1px solid grey;
    height: 20px;
    margin-top: 2px;
}*/

.teamButton-Wrapper {
    border-right: 1px solid #808080;
    height: 26px;
    vertical-align: middle;
    /*    width: 64px;*/
}

.row #selectAll {
    margin: 4px -1px -1px;
}

input.ace[type="checkbox"]+.lbl:before,
input.ace[type="radio"]+.lbl:before {
    margin-right: 6px;
    vertical-align: baseline;
}

.table-striped>tbody>tr.green-row>td:last-child {
    color: #68BC31;
}

.table-striped>tbody>tr.awaiting-student-input>td:last-child {
    color: #94a7b0 !important;
}

.table-striped>tbody>tr.not-attempted>td:last-child {
    color: #b6b6b4 !important;
}

.table-striped>tbody>tr.green-row:nth-child(2n+1)>td:last-child {
    color: #68BC31;
}

.table-striped>tbody>tr.yellow-row>td:last-child {
    color: #FFA500;
}

.table-striped>tbody>tr.yellow-row:nth-child(2n+1)>td:last-child {
    color: #FFA500;
}

.table-striped>tbody>tr.red-row>td:last-child {
    color: #A52A2A;
}

.table-striped>tbody>tr.red-row:nth-child(2n+1)>td:last-child {
    color: #A52A2A;
}

.table-striped>tbody>tr.grey-row>td:last-child {
    color: #94A7B3;
}

.table-striped>tbody>tr.grey-row:nth-child(2n+1)>td:last-child {
    color: #94A7B3;
}

input.proficientrow[type="checkbox"] {
    margin: 4px -3px 0;
}

.datepicker {
    z-index: 9999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled {
    display: table-cell;
    z-index: 9999;
}

#learningTargetsWrapper,
#quiz #learningTargets {
    counter-reset: questioncount;
    margin-top: 10px;
}

.buildAssessmentDiv .question-count,
.buildQuizDiv .question-count {
    color: #6495ED;
    font-size: 14px;
    font-weight: bold;
}

.buildAssessmentDiv .question-count:before,
.buildQuizDiv .question-count:before {
    content: "Question " counter(questioncount, decimal);
    counter-increment: questioncount;
}

.treewrapper .tree-item .icon-remove {
    margin-right: 4px;
}

.assement-clear {
    clear: left;
}


/*.marTop{
    margin-top:9px;
}*/

.width-zero {
    max-width: 1px;
    max-height: 1px;
    position: fixed;
    overflow: hidden;
}

.questionsTitle {
    font-weight: bold;
    font-size: 15px;
}

.questionsContent {
    /*    height: 284px;*/
    overflow-y: auto;
    border: 1px solid #E3E3E3;
    padding: 16px 0px;
    height: 225px;
}

.questionsContent .checkbox {
    margin-top: 0px;
}

.questionsContent .radio {
    margin-top: 0px;
    padding-left: 0px;
}

.questionsNumber {
    padding: 0px 34px 106px 13px;
}

.answer-set-info .help-block {
    color: #D16E6C;
}

.top-td table td {
    vertical-align: top;
}

.rubric-model {
    margin-left: 8px;
    margin-top: -14px;
    margin-bottom: -9px;
    padding: 14px;
}

.rubric-model .clearfix {
    margin-bottom: 16px;
}

.assesment-align {
    margin: 10px;
    vertical-align: sub;
}

input.search-query {
    height: 23px !important;
    padding: 15px 10px;
    color: #858585;
    background-color: #ffffff;
    border: 1px solid #707070;
    border-radius: 5px !important;
    font-weight: 600;
    width: 100%;
    padding-right: 34px;
}

.form-search {
    margin-top: 2.3px;
}

.page-header {
    min-height: 55px;
}

input.searchfilters[type="checkbox"]+.lbl:before {
    vertical-align: middle;
}

.navbar .client-info {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: bold;
    padding-left: 3px;
}

.addMoreAnswer {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
}

.addMoreAnswer a:hover {
    text-decoration: underline;
}

.treewrapper .tree-item .icon-ok {
    margin-right: 4px;
}

#applyTeamFilter,
#resetTeamFilter,
#resetTeamFilterSelectAll {
    margin-top: 5px;
}

.search-block .btn-group {
    /*    padding:0.9px;*/
}

.total-points-div {
    margin-top: 40px;
}

.search-block .input-group {
    width: 100%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .page-content,
    .main-content,
    .main-container-inner,
    .main-container {
        /*min-height: 1200px;*/
    }
    /*    footer #footer_links {padding-right:0px !important;margin-left:115px !important;width:100%;}*/
    .daterangepicker.opensright:before {
        left: 225px;
    }
    .daterangepicker.opensright:after {
        left: 226px;
    }
    .search-block .input-group {
        width: 120%;
        /*        margin-left: 25px;*/
    }
}

label span.optional {
    font-weight: normal;
    margin-left: 7px;
}

.groupsMenu {
    height: 27px;
    width: 62px;
}

.pdg-search .search-block {
    padding-top: 2.5px;
}

.up-down-button-div {
    min-width: 18px;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    margin-top: -14px;
    font-size: 36px;
    font-weight: bold;
    font-family: 'Open Sans';
    margin-right: 11px;
}

.up-down-button-div span {
    display: block;
    vertical-align: middle;
    width: 20px;
    line-height: 0.8;
}

.up-button {
    transform: rotate(90deg);
}

.up-button:before {
    cursor: pointer;
    content: "<";
}

.down-button {
    transform: rotate(90deg);
}

.down-button:before {
    cursor: pointer;
    content: ">";
}

.down-button.disabled-down-btn {
    color: #ABBAC3;
    transform: rotate(90deg);
}

.down-button.disabled-down-btn:before {
    cursor: text;
    content: ">";
}

.up-button.disabled-up-btn {
    color: #ABBAC3;
    transform: rotate(90deg);
}

.up-button.disabled-up-btn:before {
    cursor: text;
    content: "<";
}

.disabled-btn,
.disabled-btn:focus,
.disabled-btn:hover {
    cursor: text;
    background-color: #ABBAC3 !important;
    border-color: #ABBAC3 !important;
}

.dynatree-selected span.dynatree-checkbox {
    cursor: pointer;
}

label span.nonEditable {
    font-weight: normal;
    font-size: 12px;
}

label span.colon-delimeter {
    font-weight: bold;
    font-size: 14px;
}

.noneditable-mode .form-input-row {
    min-height: 30px !important;
}

.noneditable-mode .documentContainer {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.sidebar ul {
    margin-top: 0px;
}


/*#essentials-standards .page-header{
    min-height: 111px;
}*/

.btn {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    box-shadow: 0 2px #B4B4B4;
    box-sizing: border-box;
    color: #555555;
    cursor: pointer;
    /*    display: inline-block;*/
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    min-width: 75px;
    outline: 0 none;
    padding: 7px 13px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}


/*.btn :hover {
    background: none repeat scroll 0 0 #D4D4D4;
    box-shadow: 0 1px #B4B4B4;
    top: 1px;
}*/

.btn:active,
.btn:focus:active {
    /*    border: 1px solid rgba(0, 0, 0, 0);*/
    /*    box-shadow: 0 1px #B4B4B4 inset;*/
    top: 2px;
}

.btn-primary {
    background: none repeat scroll 0 0 #66A100;
    box-shadow: 0 2px #568800;
    color: #FFFFFF;
    font-weight: bold;
}

.btn-primary:hover {
    background: none repeat scroll 0 0 #619900;
    box-shadow: 0 1px #568800;
}

.btn-primary:active,
.btn-primary:focus:active {
    box-shadow: 0 1px #568800 inset;
}

.btn-danger {
    background: transparent !important;
    color: #EE3124 !important;
    font-weight: bold;
}

.btn-danger:hover {
    background: none repeat scroll 0 0 #EE3124;
    box-shadow: 0 1px #EE3124;
    color: #FFFFFF !important;
}

.btn-danger:active,
.button-danger:focus:active {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 1px #EE3124 inset;
    color: #FFFFFF;
}

.btn-deemphasized {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    color: #AAAAAA;
}

.btn-deemphasized:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #D2D2D2;
    box-shadow: 0 1px #D2D2D2;
}

.btn-deemphasized:active,
.btn-deemphasized:focus:active {
    border-color: #D2D2D2;
    box-shadow: 0 1px #D2D2D2 inset;
}

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active,
.btn-disabled:focus:active {
    box-shadow: none;
    cursor: default;
    opacity: 0.4;
    top: 0;
}


/*.btn:focus {
    border: 1px solid #4A90E2;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.4) inset, 0 0 6px rgba(74, 144, 226, 0.75);
}*/

.btn-small {
    font-size: 14px;
    min-width: 0;
    padding: 5px 10px;
}

.btn-large {
    font-size: 15px;
    padding: 10px 17px;
}

.btn::-moz-focus-inner {
    border: 0 none;
}

#assesmentsWrapper .teamNameDropBody {
    margin-left: -4px;
    margin-top: 4px;
}

.team-group .teamNameDropBody {
    margin-left: -4px;
    margin-top: 5px;
}

#standardsWrapper .teamNameDropBody {
    margin-left: -4px;
    margin-top: 4px;
}

.act_panel {
    padding: 3px;
}

.page-header .align-right {
    margin-top: 6px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .act_panel {
        width: 519px;
    }
    .cls_accountreport.browser_act_panel {
        max-width: 618px;
    }
    .cls_user_report.act_panel {
        width: 550px;
    }
    .cls_user_report.browser_act_panel {
        width: 550px;
    }
}

@-moz-document url-prefix() {
    @supports (animation: calc(0s)) {
        /* Stylo */
        .cls_user_report.act_panel {
            width: 615px;
        }
        .cls_user_report.browser_act_panel {
            width: 609px;
        }
    }
}

.act_panel {
    width: 543px;
}

.cls_essentialstandards .act_panel {
    width: 400px;
}

.cls_studentlearning .act_panel {
    width: 700px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    /*    .act_panel {
            width: 579px;
        }*/
    .cls_studentlearning .act_panel {
        width: 680px;
    }
    /* Safari only override */
     ::i-block-chrome,
    .act_panel {
        width: 594px;
    }
}

.align-right>.btn-round {
    margin-bottom: 5px;
}

.grade-heading h1 {
    margin: 0px -2px;
}

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

.col-sm-1-overwrite {
    width: 11%;
}

.spinner_lo_range {
    width: 60px;
    text-align: center;
}

.proficiencyErrorDiv {
    padding-left: 12px;
}

.label-border {
    border: 3px solid #568800 !important;
}

span.dynatree-node a {
    font-family: open sans;
    font-size: 12px;
    margin-top: -2px;
}

.dropdown-menu .assesmentlbl {
    font-size: 12px;
    font-family: open sans;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .search-block .input-group {
        margin-left: 52px;
    }
    /* Rajesh */
    footer {
        height: auto !important;
        position: relative;
    }
    #signIn footer .footer-left {
        position: relative;
        max-height: 100% !important;
    }
    footer .st-logo img {
        height: auto;
    }
    footer .footer-right {
        padding-bottom: 15px;
    }
    .account-choser li .btn {
        white-space: normal;
        float: left;
    }
    .account-choser li .btn>[class*="icon-"] {
        margin: -6px 0 0;
        position: absolute;
        right: 13px;
        top: 50%;
    }
    .login-container .position-relative .login-box {
        float: left;
        height: auto !important;
        padding-bottom: 7px;
    }
    .login-container-multi-client .position-relative .login-box {
        float: left;
        height: auto !important;
        padding-bottom: 7px;
    }
    .login-layout {
        overflow: visible;
    }
    .jwplayer {
        height: 180px !important;
        width: 100% !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    .jwplayer {
        height: 270px !important;
    }
}

.account-choser li .btn {
    white-space: normal;
    float: left;
}

.account-choser li .btn>[class*="icon-"] {
    margin: -6px 0 0;
    position: absolute;
    right: 13px;
    top: 50%;
}


/* Rajesh End */

.install-gc-block {
    position: absolute;
    background: transparent url('../img/gradecaminstall.png') center top no-repeat;
    width: 120px;
    height: 60px;
    padding-top: 60px;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    color: #fff;
    text-shadow: 0px 0px 2px #555;
    font-size: 16px;
    text-align: center;
}

#tool-tip-header {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.delete-document-link {
    max-width: 670px;
    /*    padding-right: 0px;*/
}

.depthlevel-container {
    padding-left: 0px !important;
}

.depthlevel-container .col-xs-12 {
    padding-left: 0px !important;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1920px) {
    .pilegend {
        width: 23%;
    }
}

.addAssessmentQuestion:hover {
    text-decoration: underline;
    cursor: pointer;
}

.cmg {
    background-color: #ABBAC3;
    font-size: 13px;
    font-weight: bold;
    height: 120px;
    margin-top: 12px;
    text-align: center;
    color: #ffffff;
    padding-top: 40px;
}

.notSupportedDiv {
    height: 139px;
    width: 185px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.hr-margin-top-80 {
    margin-top: 80px;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-refresh:before {
    content: "\f021";
}

.dynatree-node:not(.dynatree-has-children) {
    margin: 0 16px 0px;
}

.login-layout .widget-box {
    background-color: white;
}

.login-container {
    margin: 150px auto;
}

.login-container .position-relative .login-box {
    height: 215px;
}

.assessmentTextBox {
    margin: 12px 0;
}

.grademecontainer {
    margin: auto;
    overflow-y: auto;
    width: 100%;
}

.grademe dd {
    margin-bottom: 0em;
}

.grademecontainer .questions,
.openended-assessmentDoc .questions {
    font-weight: bold;
    padding-bottom: 5px;
}

.endOfQuestion {
    margin: 5px 1px 10px auto;
    text-align: right;
    padding-right: 18px;
}

.documentViewer {
    border: 1px solid;
    height: 342px;
    overflow: scroll;
}

.mainContentDiv {
    margin: 3px 5px 6px 2px;
}

#gpdimage {
    margin-top: -29px;
}

.submitBrowserBasedAssessment {
    margin: 18px 135px 0px 0px;
}

span.input-icon {
    width: 300px;
}

.wid-300 {
    width: 300px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .prof-check-align .proficiency-checkboxes {
        width: 100%;
        margin-bottom: -10px
    }
    .prof-check-align .align-right {
        width: 100%;
    }
}

.adv-search {
    padding-left: 4px;
}

#signIn .content .alert-danger {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    position: relative;
    z-index: 9999;
}

#signIn .content .alert-success {
    position: relative;
    z-index: 9999;
}

.grademecontainer .questionArena {
    width: 100%;
    margin: auto;
}

#signIn .form-group.has-error .control-label,
#signIn .form-group.has-error .help-block,
#signIn .form-group.has-error .help-inline {
    color: #FFFFFF;
    font-size: small;
    font-weight: normal;
}

p.grademeResultPara {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}

.grademecontainer input[disabled] {
    cursor: default;
}

.grademecontainer .answerOptions .form-input-row {
    min-height: 10px !important;
}

.rubricArena {
    padding: 10px 10px 0 10px;
}

.form-group .form-box {
    float: left;
    width: 33%;
    margin-top: -2px;
}

.form-group .form-box .col-sm-4 {
    width: 100%
}

.form-box .form-group {
    float: left;
    width: 100%;
    margin-right: 0px;
}

.form-box .hyphensign {
    float: left;
    height: 30px;
    line-height: 30px;
}

.form-box .form-group label {
    left: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 7px;
    position: absolute;
    top: -34px;
}

.capturegrade .main-container .main-container {
    padding: 0 0 0px;
}

.grademecontainer .btn-save[disabled] .btn-disabled {
    background-color: #abbac3 !important;
    border-color: #abbac3 !important;
}

.table thead tr th {
    background-color: #F3F3F3 !important;
}

.cls_dashboard #modal-form .modal-dialog #targetstowatch_wrapper .progress {
    margin-bottom: 10px;
    margin-top: 10px;
}

.sparklingchart {
    position: relative;
}

.hideHandIcon {
    cursor: default;
}

.showHandIcon {
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.notesWrapper {
    padding-left: 0px;
    padding-right: 0px;
    float: none;
}

.padding-no {
    padding-left: 0px;
    padding-right: 0px;
}

.notavail {
    text-align: center;
}


/*.modal-body{
    max-height: 250px !important;
}*/

#targetstowatch_wrapper .popover {
    max-width: 600px;
    left: 0px !important;
}

.newsfeed-image-upload-box .uploadfile {
    cursor: pointer;
    color: #bbbbbb;
    font-size: 12px;
}

#closeModal {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #CCCCCC;
    float: right;
    font-size: 32px;
    height: 30px;
    line-height: 30px;
}

.learning-target-heading {
    float: left;
    width: 100px;
}

.learning-target {
    /* float:right;*/
    width: 90%;
    margin-left: 100px;
}

.post-newsfeed-comment {
    margin-left: 50px;
}

.unflag {
    float: right;
}

.unflag .unflag-post {
    color: #f60000;
    margin-left: 4px;
}

.combined-newsfeed .unflag .unflag-post {
    margin-left: 0px;
}

.updatePost {
    margin-left: 5px;
}

.news-item-add-comment .form-add-new-item-comment .form-input-row {
    min-height: 40px !important;
}

.lt_select {
    padding: 4px;
    text-overflow: ellipsis;
    width: 100%;
}

.lt_select option {
    overflow: hidden;
    padding: 3px 4px;
    text-overflow: ellipsis;
    width: auto;
}

.selected-flag-options .lt-option {
    width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.select-student-optional .user-list .form-input-row {
    min-height: 50px !important;
}

.post-newsfeed-comment .deleteParentComment {
    padding: 3px 6px;
}

.view-more-comment,
.view-less-comment {
    position: relative;
    float: right;
    padding: 10px;
}

.selected-flag-options .tag .lt-option {
    height: 12px;
}

#add-new-comment .newsfeedWrapper .postWrapper {
    position: relative;
}

.updateFlagHide {
    display: none !important;
}

.lt_dropdown {
    width: 100%;
}

.lt_dropdown option {
    width: auto;
}

#modal-for-flag #flagformwrapper .documentContainer .document iframe {
    width: 405px !important;
}

.blueColor {
    color: #428BCA;
}


/* Custom Widget */

.widget-custom {
    margin-bottom: 20px;
    margin-top: 20px;
}

.widget-custom .widget-header {
    background: none;
    border: 0;
    /*padding: 20px 20px 10px;*/
}

.widget-custom .widget-header h3 {
    color: #444;
    font-size: 18px;
    line-height: 1;
}

.widget-custom .widget-body {
    background: none;
    border: 0;
    /*    padding: 10px 20px 20px 20px;*/
}

.widget-custom .widget-body> :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-custom hr {
    border-top: 1px solid #ddd;
}


/* Assessment Title */

#grade-assessment-title h2 {
    margin: 0 0 15px;
}

#grade-assessment-title .meta {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Grade Assessment Header */

#standards-and-learning-targets h5 {
    font-style: normal;
    margin-top: 0;
}

.camera-grader {
    background: #444;
    float: right;
    margin: 0 0 20px 20px;
    padding: 12px;
}


/* Distribution of Student Scores */

#distribution-of-student-scores hr {
    margin: 20px -20px;
}

#distribution-of-student-scores .stat-list {
    list-style: none;
    margin: 0;
}

#distribution-of-student-scores .stat-list>li {
    border-right: 1px solid #ddd;
    float: left;
    margin: -10px 3% -10px 0;
    padding: 5px 3% 5px 0;
    width: 31.33%;
}

#distribution-of-student-scores .stat-list>li:last-child {
    border: 0;
    margin-right: 0;
    padding-right: 0;
}

#distribution-of-student-scores .stat-list .meta,
#distribution-of-student-scores .stat-list .count {
    display: block;
}

#distribution-of-student-scores .stat-list .meta {
    font-size: 10px;
}

#distribution-of-student-scores .stat-list .count {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

#distribution-of-student-scores .stat-list .above-proficiency .meta {
    color: #21b458;
}

#distribution-of-student-scores .stat-list .proficient .meta {
    color: #f09b2b;
}

#distribution-of-student-scores .stat-list .below-proficiency .meta {
    color: #d0463d;
}


/* Detailed Analysis */

#table-detailed-analysis {
    table-layout: auto;
}

#table-detailed-analysis .col-scores {
    text-align: center;
    width: 1px;
}

#table-detailed-analysis .no-attempts td:last-child {
    color: rgba(0, 0, 0, 0.5);
}


/* Spark Graph */

.spark-graph {
    height: 15px;
    float: left;
    margin: 1px 1px 0 0;
    overflow: hidden;
    position: relative;
    width: 10px;
}

.spark-graph.absolute {
    background-color: #d0463d;
}

.spark-graph:last-of-type {
    margin-right: 0;
}

.spark-graph-fill {
    background-color: #21b458;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 100%;
}


/* Item Analysis Modal Dialog */

.item-analysis-modal-dialog h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 0;
}

.item-analysis-scores {
    font-size: 16px;
    width: 100%;
}

.item-analysis-scores td {
    padding: 5px;
}

.item-analysis-scores td img {
    display: block;
}

.item-analysis-scores .correct-answer td {
    font-weight: bold;
}


/* Temporary Modal Dialog */

.item-analysis-modal-dialog {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s;
    visibility: hidden;
    z-index: 9999;
}

.modal-dialog-is-visible .item-analysis-modal-dialog {
    opacity: 1;
    visibility: visible;
}

#detailed-analysis .widget-header1 h3 {
    margin-left: 20px;
    margin-bottom: 1px;
    font-size: 18px;
    margin-top: 13px;
}

#detailed-analysis {
    border: none;
    padding-bottom: 1px;
}

.pie-chart-table {
    margin-top: 20px;
}

.pie-chart-table .proficiency-label ul {
    margin-left: 0px;
}

.pie-chart-table .proficiency-label ul li span {
    display: inline-block;
    min-height: 35px;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li span {
    min-height: 35px !important;
}

#belowProficient span {
    color: red;
}

#incompleteAssessment span {
    color: #94A7B3;
}

#notAttempted span {
    color: #B6B6B4
}

.cls_assesments .button-dropdown-captcha #dropdownMenu1 {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
    width: 102px !important;
    font-weight: bold;
}

.cls_assesments .button-dropdown-captcha ul.dropdown-menu {
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    left: -108px;
    position: absolute;
    right: 0;
}

.cls_assesments .button-dropdown-captcha .dropdown-menu li.disabled {
    display: block !important;
}

.cls_assesments .button-dropdown-captcha #dropdownMenu1 {
    text-align: left;
    margin-top: 11px;
    background-image: url('../img/print-icon.png');
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 38px;
}

.cls_assesments .button-dropdown-captcha #dropdownMenu1 .caret {
    float: right;
    margin-top: 8px;
}

#partial .captcha-wireframe .collapse-div {
    min-height: 300px;
    width: 29%;
}

#selected-items .margin-top-10 {
    margin-top: 10px;
}

.newsfeedWrapper .fileupload-bar {
    margin-top: 25px !important;
    margin-bottom: 12px;
}


/*#modal-for-flag #flag-followup .commentor {
    display: block;
    font-weight: bold;
    width: 286px;
}*/

#modal-for-flag #flag-followup .time {
    color: #9D9D9D;
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 6px;
}

#learning-target-div ul li {
    margin-left: 20px;
}

.camera-view-box .gradecam-view #gradeCamMainDiv {
    position: absolute;
    right: 30px;
    z-index: -1;
}

.camera-view-box .gradecam-view #camera-close-button {
    position: absolute;
    right: 24px;
    top: -8px !important;
    z-index: -1;
}

.opendgradecam {
    right: 0 !important;
    z-index: 1 !important;
}

.opendgradecam-closebtn {
    background: none repeat scroll 0 0 grey;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    padding-left: 6px;
    right: -10px !important;
    width: 18px;
    z-index: 1 !important;
    top: 3px !important;
    line-height: 18px;
    height: 18px;
    font-weight: bold;
    font-size: 10px;
}

#learning-target-div ul li {
    margin-left: 20px;
    text-align: justify;
}

.see-more-link {
    float: right;
    margin-right: 20px;
}

#captureGradeStatsContainer #detailed-analysis #table-detailed-analysis {
    margin-bottom: 0px;
}

#modal-for-flag #flag-followup {
    background: none;
}

#modal-for-flag #documentContainerView {
    margin-top: 21px;
    margin-left: 50px;
}

#modal-for-flag #documentContainerView iframe {
    width: 405px!important;
}

#news-feed .document.doc-update {
    margin-left: 50px;
}

#news-feed #add-new-comment .document {
    margin-left: 26px;
}


/*#news-feed #news-items .document{
    margin-left:26px;
}*/

#news-feed #selected-items .lt_select {
    width: 48%;
}

#learning-target-div ul li.target-title {
    list-style: none;
    margin-left: 0px;
}

#learning-target-div ul li.target-title p {
    /*font-weight:bold;*/
}

#assessment-metadata-div {
    float: left;
    /*width:75%;*/
    width: 91%;
}

.camera-view-box {
    float: right;
    /*width:25%;*/
    width: 8%;
    position: relative;
    margin-top: 8px;
}

.width-350>.modal-dialog {
    max-width: 350px;
    margin-top: 6%;
}

.cls_assesments #captureGradeStatsContainer .proficiency-label ul li {
    min-height: 36px !important;
}

.partial-box {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.captcha-wireframe {
    border: none !important;
}

.camera-invisible #pluginDiv #gcplugin0 {
    z-index: -1;
    height: 250px !important;
}

.camera-invisible #gcplugin0:before {
    content: "Answer Sheets cannot be graded for constructed type responses.";
    color: #fff;
    position: absolute;
    top: 45%;
    /*Issue ST-2404*/
    left: 10%;
}


/*=======LT modal window for grade page=======*/

#questionDetailLtPopupWrapper .question-wrapper .answers ul,
#questionDetailPopupWrapper .question-wrapper .answers ul,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers ul,
#questionDetailOverallPopupWrapper .question-wrapper .answers ul {
    margin-left: 0px;
    margin-bottom: 0px;
}


/*#question-lt-detail .close
{
    display:none
} */

#questionDetailLtPopupWrapper .question-wrapper .answers li,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li {
    list-style: none;
    margin-bottom: 10px;
}

#questionDetailLtPopupWrapper .question-wrapper .answers li span.score-percent,
#questionDetailLtPopupWrapper .question-wrapper .answers li span.result,
#questionDetailLtPopupWrapper .question-wrapper .answers li span.answers,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.score-percent,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.result,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.answers {
    width: 40px;
    display: block;
    float: left;
}

#questionDetailLtPopupWrapper .question-wrapper .answers li span.score-percent,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.score-percent {
    float: left;
    margin-right: 12px;
    text-align: right;
}

#questionDetailLtPopupWrapper .question-wrapper .answers li span.answers-orderalpha,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.answers-orderalpha {
    float: left;
    margin-right: 6px;
}

#questionDetailLtPopupWrapper .question-wrapper .answers li span.answers-text,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.answers-text {
    float: left;
    width: 81%
}

#questionDetailLtPopupWrapper .question-wrapper .answers li span.answers,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li span.answers {
    width: 77%;
    margin-left: 4px;
}

#question-lt-detail .modal-body #questionDetailLtPopupWrapper .questions p,
#question-lt-detail-overall .modal-body #questionDetailLtOverallPopupWrapper .questions p {
    font-weight: bold;
}

.cls_assesments #question-lt-detail #questionDetailLtPopupWrapper div.answers,
.cls_assesments #question-lt-detail-overall #questionDetailLtOverallPopupWrapper div.answers,
.cls_assesments #question-detail #questionDetailPopupWrapper div.answers,
.cls_assesments #question-detail-overall #questionDetailOverallPopupWrapper div.answers {
    counter-reset: options;
    border: 1px solid #ddd;
}


/*#question-lt-detail .modal-header{
    display: none;
}*/


/*======*/

#questionDetailPopupWrapper .question-wrapper .answers ul,
#questionDetailOverallPopupWrapper .question-wrapper .answers ul {
    margin-left: 0px;
}

#questionDetailPopupWrapper .question-wrapper .answers li,
#questionDetailOverallPopupWrapper .question-wrapper .answers li {
    list-style: none;
    margin-bottom: 10px;
}

#questionDetailPopupWrapper .question-wrapper .answers li span.score-percent,
#questionDetailPopupWrapper .question-wrapper .answers li span.result,
#questionDetailPopupWrapper .question-wrapper .answers li span.answers,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.score-percent,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.result,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.answers {
    width: 40px;
    display: block;
    float: left;
}

#questionDetailPopupWrapper .question-wrapper .answers li span.score-percent,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.score-percent {
    float: left;
    margin-right: 12px;
    text-align: right;
}

#questionDetailPopupWrapper .question-wrapper .answers li span.answers-orderalpha,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.answers-orderalpha {
    float: left;
    margin-right: 6px;
}

#questionDetailPopupWrapper .question-wrapper .answers li span.answers-text,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.answers-text {
    float: left;
    width: 81%
}

#questionDetailPopupWrapper .question-wrapper .answers li span.answers,
#questionDetailOverallPopupWrapper .question-wrapper .answers li span.answers {
    width: 77%;
    margin-left: 4px;
}


/* comment because this code generates issue on mac/safari for
.answer-options-wrapper {
    counter-reset: options;
}*/

.answer-counter {
    counter-increment: options;
}

.answer-counter:before {
    content: counter(options, lower-alpha);
    font-weight: normal;
    margin-right: 2px;
}

#captureGradeStatsContainer #question-detail .modal-header {
    border: none !important;
}

#captureGradeStatsContainer #question-detail .modal-body {
    padding-top: 2px !important;
    padding-bottom: 20px !important;
}

#question-detail .modal-body #questionDetailPopupWrapper .questions p,
#question-detail .modal-body #questionDetailOverallPopupWrapper .questions p {
    font-weight: bold;
}

#modal-for-flag .user-list select.form-control {
    padding: 5px;
    height: 30px;
}

.width-350>.modal-dialog {
    max-width: 350px;
}

#table-detailed-analysis tr td .showRow {
    max-width: 215px;
}

.widgetheader h3 {
    padding-bottom: 20px;
    margin-top: 8px;
    margin-left: 12px;
}

#captureGradeStatsContainer .pie-char-legend {
    /*top: 25%;*/
}

#flagformwrapper .combined-newsfeed button {
    height: 20px;
    line-height: 5px;
    margin-left: 3px;
    margin-top: 7px;
    outline: medium none;
}

#flagformwrapper .delete-uploaded-box {
    margin-top: 0px;
}

.optionCOunter {
    counter-reset: none !important;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li font {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    display: block;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li {
    text-align: center;
}

#modal-for-flag .tag.label.label-info {
    margin-top: 4px;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li:nth-child(1) {
    width: 14%;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li:nth-child(4) {
    width: 17%;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li:nth-child(5) {
    width: 17%;
}

#captureGradeStatsContainer .pie-chart-table .proficiency-label ul li:nth-child(6) {
    width: 19%;
}

#awaiting_student_input span {
    color: #94a7b0;
}

.disable-lt {
    cursor: not-allowed;
}

.cls_assesments #question-detail #questionDetailPopupWrapper div.answers,
.cls_assesments #question-detail #questionDetailOverallPopupWrapper div.answers {
    counter-reset: options;
}

.cls_assesments .button-dropdown-captcha ul.dropdown-menu {
    left: -116px;
    width: 218px;
}

.selectOptionalStudent::-ms-clear {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .cls_assesments .act_panel,
    .cls_dashboard #page-team-dashboard .act_panel {
        width: 520px;
    }
    .cls_essentialstandards .act_panel {
        width: 385px;
    }
}

_:-ms-fullscreen,
 :root .ie11up {
    .cls_assesments .act_panel,
    .cls_dashboard #page-team-dashboard .act_panel {
        width: 527px;
    }
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .cls_dashboard #page-team-dashboard .act_panel {
        width: 527px;
    }
    /* IE11 */
    *::-ms-backdrop,
    .cls_assesments .act_panel {
        width: 527px;
    }
    /* IE11 */
    *::-ms-backdrop,
    .depthlevel-container select.depthlevel {
        width: 393px !important;
    }
    .cls_assesments .act_panel,
    .cls_dashboard #page-team-dashboard .act_panel {
        width: 527px;
    }
}

.maxHeight-514 {
    max-height: 514px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.delete-uploaded-box-flag {
    border-top: 0 none !important;
    color: #858585;
    cursor: pointer;
    float: left;
    font-size: 10px;
    line-height: 34px;
    width: 91%;
}

#flag-followup .unflag .popover {
    width: 22%;
}

#modal-for-flag #flag-followup .commentor {
    display: block;
    font-weight: bold;
    width: 274px;
}

.skimpy-flag-targets {
    max-height: 67px;
    overflow: hidden;
}

#show-hide-lt {
    margin-left: 99px;
}

.disabled-team {
    display: none !important;
}


/* Below code is written for IE9 only */

@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
    .cls_assesments .act_panel,
    .cls_dashboard #page-team-dashboard .act_panel {
        width: 553px !important;
    }
    .cls_assesments #reportrange {
        width: 160px !important;
    }
    .cls_dashboard #reportrange {
        width: 160px !important;
    }
}


/* Only for safari browsers on mac */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    .cls_dashboard .act_panel,
    .cls_assesments .act_panel {
        (;
        width: 555px !important;
        );
    }
    .cls_dashboard .act_panel,
    .cls_assesments .row-fluid .act_panel {
        (;
        width: 555px !important;
        );
    }
}

.assessmentPublish {
    background: none repeat scroll 0 0 rgba(89, 131, 75, 0.92);
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    left: 25%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 3px 6px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 41%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    .cls_assesments #captureGradeStatsContainer .proficiency-label ul li span {
        (;
        font-size: 10px !important;
        );
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .cls_dashboard .act_panel,
    .cls_assesments .row-fluid .act_panel {
        (;
        width: auto !important;
        );
    }
}

#news-feed .learning-target {
    line-height: 18px;
}


/*.cls_dashboard #news-items .news-item-meta span.commentor
{
    display: inline-block;
    width: 90%;
}*/

.cls_assesments .button-dropdown-captcha .grade_page_btn {
    float: left;
    margin-right: 3px;
    margin-top: 12px;
}

.cls_assesments .button-dropdown-captcha #dropdownMenu1 {
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 12px;
}


/* Ipad Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .assessmentPublish {
        font-size: 10px;
        left: 0;
        padding: 2px;
        top: -3px;
        width: 100%;
        position: relative;
        left: 0px !important;
    }
    .playlist-header-left {
        width: 70% !important;
    }
}


/* Ipad Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .assessmentPublish {
        font-size: 10px;
        left: 0;
        padding: 2px;
        top: -3px;
        width: 100%;
        position: relative;
        left: 0px !important;
    }
    .playlist-header-left {
        width: 70% !important;
    }
}

.min-227-width-for-dropdown .dropdown-menu {
    min-width: 186px;
}

.cls_assesments .min-227-width-for-dropdown #proftreewrapper ul.dynatree-container,
.cls_studentlearning .min-227-width-for-dropdown #proftreewrapper ul.dynatree-container {
    margin: 0px;
    padding: 0px;
}

.cls_assesments .min-227-width-for-dropdown #proftreewrapper ul.dynatree-container li span,
.cls_studentlearning .min-227-width-for-dropdown #proftreewrapper ul.dynatree-container li span {
    margin-left: 0px;
    margin-right: 0px;
}

.cls_assesments .min-227-width-for-dropdown #proftreewrapper #proftree,
.cls_studentlearning .min-227-width-for-dropdown #proftreewrapper #proftree {
    padding-left: 0px;
}

.cls_assesments .min-227-width-for-dropdown .row .widget-body .widget-main .col-xs-12,
.cls_studentlearning .min-227-width-for-dropdown .row .widget-body .widget-main .col-xs-12 {
    padding: 0px;
}

.cls_assesments .min-227-width-for-dropdown .proficiency-filters-list .row {
    margin-left: -13px;
    margin-right: -13px;
}

.cls_assesments .min-227-width-for-dropdown .row .widget-box {
    margin: 0px;
}

.cls_assesments #partial .camera-view-box #pluginDiv {
    padding: 4px;
}

.usergroupbox span.dynatree-node a {
    color: #393939;
    font-family: open sans;
    font-size: 14px;
    margin-top: -2px;
}


/* export csv*/


/*.cls_assesments .export-check-align .proficiency-checkboxes .checkbox .lbl
{
    font-size: 12px !important;
}*/


/* ipad specific code (execute this code after previous code for same and will overlap previous property ) */

.cls_assesments .export-check-align .control-group .checkbox label {
    margin-right: 18px;
}

.export-check-align {
    margin-bottom: -30px;
    float: left;
}

.export-check-align #exportWrapper,
.share-align #shareWrapper {
    /*float: left;*/
    margin-bottom: 8px;
    margin-top: 11px;
    margin-right: 2px;
}

.export-check-align #exportMenu,
.share-align #shareMenu {
    background: none repeat scroll 0 0 #68A000 !important;
    border: medium none;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    float: left;
    margin-top: 1px !important;
    text-align: left;
    text-shadow: none !important;
    width: 78px !important;
    font-size: 12px;
}

.export-check-align #exportMenu span.icon-caret-down,
.share-align #shareMenu span.icon-caret-down {
    padding-left: 6px;
}

.export-check-align .align-right {
    clear: both;
    margin-left: 0px;
}

.cls_assesments .export-check-align .align-right {
    float: right;
    margin-top: 13px !important;
    width: 58%;
}

.cls_assesments .export-check-align .align-right a {
    margin-left: 4px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .export-check-align .align-right {
        width: 100%;
    }
    .export-check-align #exportMenu span.icon-caret-down {
        padding-left: 3px;
    }
}

.cls_assesments .min-227-width-for-dropdown #exporttreewrapper ul.dynatree-container {
    margin: 0px;
    padding: 0px;
}

.cls_assesments .min-227-width-for-dropdown #exporttreewrapper ul.dynatree-container li span {
    margin-left: 0px;
    margin-right: 0px;
}

.cls_assesments .min-227-width-for-dropdown #exporttreewrapper #exporttree {
    padding-left: 0px;
}

.exportlist .export-filters-list {
    min-width: 242px;
}

#exportMenu,
#shareMenu {
    padding: 6px 13px;
}

.hideComments {
    display: none;
}

.docTypeUploadHidden {
    visibility: hidden;
    opacity: 0;
}

.video_icon,
.book_icon {
    width: 20px;
    float: left;
    margin-right: 5px;
}

.lt-span {
    display: block;
}

#filter-students,
#filter-students-overall,
#item-analysis-filter-students,
#item-analysis-filter-students-overall {
    display: none;
}

.doc-based-ref {
    padding-left: 12px !important;
}

#startExpirationDate {
    background: white none repeat scroll 0 0;
    cursor: pointer;
    height: 30px;
    width: 92%;
}

#form-add-new-section textarea {
    height: auto;
}

.playlist-section-title {
    word-wrap: break-word;
}

.playlist-search-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.playlist-search-content li label {
    margin-bottom: 7px !important;
}

.selected-media-id {
    color: #2A6484;
    text-decoration: underline;
    background: #E2E2E2;
}

.quiz-question-btn {
    margin-top: 32px;
    margin-bottom: 20px;
}

.quiz-edit-checkbox {
    margin-left: 4%;
}

.content_icon {
    width: 31px;
    float: left;
    /*    margin-right: 5px;*/
}

.tools_guide {
    margin-top: 5px;
    height: 24px;
}

.quiz_icon {
    margin-top: -6px;
    margin-left: -6px;
}

.left-nav-filter-li {
    padding-left: 3px!important;
    margin-bottom: 5px !important;
}

.left-nav-filter-li {
    padding-left: 3px!important;
    margin-bottom: 5px !important;
}

.left-nav-img-div {
    padding-left: 2px!important;
}


/*.left-nav-tilte-div{
    float:right;
}*/

#quiz .option-alphabets {
    margin-left: -8px !important;
    margin-top: 3px !important;
}

#quiz .quizPublish {
    background: none repeat scroll 0 0 rgba(89, 131, 75, 0.92);
    color: #FFFFFF;
    padding: 3px 6px;
    text-align: center;
    font-size: 10px;
}

#quiz .editableModeBtn {
    text-align: right;
    float: right;
}

#quiz .align-right {
    float: right;
}

@media only screen and (min-device-width: 640px) {
    .playlist-header-right {
        float: none!important;
        width: 100%!important;
    }
}

.quiz-capture-checkbox {
    width: 1.5%;
    padding-left: 20px !important;
}

.quiz-capture-checkbox div.control-group {
    padding-left: 0px;
}

.passingScore {
    padding-left: 0px;
}

.psTitle {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    float: left;
    margin-top: 0.6%;
    padding-left: 0px;
}

.psPercent {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    float: left;
    margin-top: -7.7%;
    padding-left: 0px;
    margin-left: 18.5%;
}

.passingScore .help-block {
    min-width: 300px !important;
    text-align: left !important;
}

.quiz-capture-checkbox .form-input-row {
    min-height: auto !important;
}

.widget-capture-quiz .radio:first-child {
    border-top: 1px solid #dddddd;
}

.widget-capture-quiz tr:last-child {
    border-bottom: 1px solid #dddddd !important;
    padding-bottom: 12px !important;
}

.widget-capture-quiz .radio {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}

.widget-capture-quiz .radio span.lbl {
    font-size: 12px;
    display: inline;
}


/*.widget-capture-quiz .control-group{
    padding-left:0px !important;
}*/

.widget-capture-quiz .radio span {
    color: grey;
}

.learning-capture-grade .widget-box {
    margin: 15px 0;
}

.learning-capture-grade .widget-header {
    max-height: 30px;
}

.learning-capture-grade .widget-header h4 {
    color: #555555;
    font-size: 12px;
}

.learning-capture-grade .widget-capture-quiz .quiz-q-text {
    padding-bottom: 15px;
    white-space: inherit;
    padding-top: 15px;
    color: grey;
}

.learning-capture-grade .widget-capture-quiz .quiz-a-text {
    white-space: inherit;
    padding-top: 11px;
    color: grey;
    font-size: 12px;
    padding-left: 18px;
}

.learning-capture-grade .endOfQuestion {
    padding-right: 0px;
}

.learning-capture-grade .widget-capture-quiz .table {
    margin-bottom: 0px;
}

td.correct-icon {
    width: 3%;
}

img.garde-icon {
    width: 2.3%;
    vertical-align: top;
}


/*.no-garde-icon{
    width:4.3%;
}*/

#passing_score {
    height: 25px !important;
}

.widget-capture-quiz .widget-wrapper {
    padding-bottom: 20px;
}

.customEsOverlay .widget-capture-quiz .maxHeight {
    max-height: inherit !important;
}


/*#leftnavsimilaritems{
    margin-left: 6px!important;
}*/

@-moz-document url-prefix() {
    .radio .no-garde-icon {
        margin-left: 43px;
    }
}

.quiz-title {
    word-break: break-word;
}

.radio .no-garde-icon {
    margin-left: 43px;
}

.reset-quiz {
    padding: 7px 5px;
    width: 91px !important;
    font-weight: bold;
    height: 28px !important;
}

.trialEmailMsg .help-block {
    width: 91%;
}

.adminReportsBtn {
    min-width: 30% !important;
    padding: 12px;
}

.selectOptionalClient {
    width: 200px !important;
    margin-right: 10px;
}

@media only screen and (device-width: 768px) and (max-height: 1366px) {
    /* For general iPad layouts */
    .selectOptionalClient {
        width: 194px !important;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    .selectOptionalClient {
        width: 220px !important;
        height: 29px;
    }
    .cls_accountreport.ipad_act_panel {
        width: 602px;
    }
    .cls_user_report.ipad_act_panel {
        width: 602px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    .selectOptionalClient {
        width: 170px !important;
        height: 29px;
    }
    .cls_accountreport.ipad_act_panel {
        max-width: 552px;
    }
    .cls_user_report.ipad_act_panel {
        width: 550px;
    }
}

.cls_adminreports .ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 10px;
}

.cls_adminreports .align-right-search {
    margin: 6px -8px -7px 0px;
}

.reportButton-Wrapper {
    height: 28px;
}


/*.topicNameDropBody {
    margin-left: -1px;
    margin-top: 0px;
    width:281px;
}
.topicNameDropBody .widget-body {
    border-style: none;
}

#treewrapper .topicNameDropBody {
    margin-left: -5px;
    margin-top: 4px;
}*/

#topicWrapper .teamNameDropBody {
    width: 289px;
    margin-top: 5px;
}

#authorWrapper .teamNameDropBody {
    width: 289px;
    margin-top: 5px;
}

.author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    vertical-align: middle;
}

.search-author-name {
    font-weight: 600;
    font-size: 12px;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", "Helvetica", "Arial, sans-serif";
    color: #428bca;
    /*    margin-left: 10px;*/
}

.widget-search-container .search-dropdown {
    height: 37px;
    margin: 0 auto;
    padding: 8px 22px;
    border: 1px solid white;
    outline-style: solid;
    outline-color: white;
    padding: 10px 8px 10px 10px;
    border-top: 1px solid #9F9F9F;
}

.widget-search-container .search-dropdown span {
    color: #707070;
    text-shadow: none !important;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
}

.down_arrow {
    float: right;
    transform: scale(.7);
    opacity: 0.5;
    cursor: pointer;
}

.search-book-icon {
    width: 30px;
    float: left;
    margin-right: 5px;
}

.search-tools-icon {
    width: 35px;
    float: left;
    margin-right: 5px;
}

.search_content_icon {
    padding: 8px;
    width: 8%;
}

.search_content_icon_tg {
    padding: 8px;
    width: 10%;
}

.author-avatar-seeall {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 6px;
    margin-left: 13px;
}

.widget-search-container #authorSection .subClass .row {
    padding: 10px;
    display: flex;
}

.support_content_icon,
.support_book_icon {
    width: 25px;
    float: left;
}

@media (max-width: 767px) {
    .widget-search-container .search-row-image img {
        margin-top: 9px;
    }
    .widget-search-container #authorSection #authorDiv .row {
        padding: 10px 5px 0px 5px;
        display: flex;
    }
    .widget-search-container .search_content_icon {
        padding: 0;
        margin-right: 5px;
    }
    .widget-search-container .search_content_icon_tg {
        padding: 0;
        margin-right: 2px;
    }
    .author-avatar-seeall {
        width: 12px;
        height: auto;
        border-radius: 50%;
        margin-right: 6px;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .widget-search-container .author-avatar {
        margin-top: 6px;
    }
    .widget-search-container .search_content_icon {
        padding: 0;
        margin-right: 5px;
    }
    .widget-search-container .search_content_icon_tg {
        padding: 0;
        margin-right: 2px;
    }
    #bookSeeAll,
    #sGuideSeeAll,
    #videoSeeAll {
        padding-bottom: 8px;
    }
    .author-avatar-seeall {
        width: 12px;
        height: auto;
        border-radius: 50%;
        margin-right: 6px;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .widget-search-container .author-avatar {
        margin-top: 6px;
    }
    .widget-search-container .search_content_icon {
        padding: 0;
        margin-right: 5px;
    }
    .widget-search-container .search_content_icon_tg {
        padding: 0;
        margin-right: 2px;
    }
    #bookSeeAll,
    #sGuideSeeAll,
    #videoSeeAll {
        padding-bottom: 8px;
    }
    .author-avatar-seeall {
        width: 12px;
        height: auto;
        border-radius: 50%;
        margin-right: 6px;
    }
}

.multi-client-product-listing {
    float: right;
    padding: 6px 0px 0px 0px;
}

.multi-client-product-listing ul {}

.multi-client-product-listing ul li {
    margin-top: 6px;
}

.subscription {
    margin-right: 6px;
}

.ebook-icon-class {
    width: 100%;
    display: block;
    margin: auto;
}

.magazines-icon-class {
    width: 100%;
    display: block;
    margin: auto;
}

.landing-section-title {
    height: auto;
    font-style: normal;
    margin-top: 13px;
    padding: 0;
    font-weight: Bold;
    font-size: 12px;
    color: #707070;
}

.landing-section-title a {
    color: #00A8E3;
}

.landing-author-time {
    font-weight: Regular;
    font-size: 11px;
    color: #707070;
    padding: 0;
    font-weight: 600;
}

.landing-topic-title {
    font-weight: bold;
    font-family: open sans;
    font-size: 25px;
    color: #707070;
    margin-left: 0.5%;
    text-align: left;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
}

.landing-featured-topic-img {
    float: left;
    /*    margin-top:10px;
        width:1%;*/
    /*    width: 2%; display: block; margin: 1% 0.3%*/
}

.new-release-silder,
.featured-author-silder,
.featured-topic-silder,
.recommended-for-you-silder {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.landing-heading {
    /*    height:30px;*/
    padding-bottom: 20px;
}

.heading-recommended-for-you:first-child {
    /*    height:30px;*/
    padding-top: 20px;
}

.landing-title-icon {
    font-size: 1.4em;
}

.fa-seedling {
    color: green;
}

.fa-sun {
    color: orange;
}


/***************** Card Css - multi client screen ***************/

.multi-client-card {
    height: auto;
}

.multi-client-card {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    margin-bottom: 20px;
}

.multi-client-card>.card-link {
    color: #333;
}

.multi-client-card>.card-link:hover {
    text-decoration: none;
}

.multi-client-card>.card-link .card-img img {
    border-radius: 6px 6px 0 0;
}

.multi-client-card .card-img {
    position: relative;
    padding: 0;
    display: table;
}

.multi-client-card .card-img .card-caption {
    position: absolute;
    right: 0;
    bottom: 16px;
    left: 0;
}

.card .card-body {
    display: block;
    width: 100%;
    padding: 12px;
}

.card .card-header {
    border-radius: 6px 6px 0 0;
    padding: 8px;
}

.card .card-footer {
    border-radius: 0 0 6px 6px;
    padding: 8px;
}

.card .card-left {
    position: relative;
    float: left;
    padding: 0 0 8px 0;
}

.card .card-right {
    position: relative;
    float: left;
    padding: 8px 0 0 0;
}

.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child,
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3,
.card .card-body .h4 {
    margin-top: 0;
}

.card .card-body .heading {
    display: block;
}

.card .card-body .heading:last-child {
    margin-bottom: 0;
}

.card .card-body .lead {
    text-align: center;
}

@media( min-width: 768px) {
    .card .card-left {
        float: left;
        padding: 20px 8px 0 2px;
    }
    .card .card-right {
        float: left;
        padding: 0 0 0 8px;
    }
    .card .card-4-8 .card-left {
        width: 33.33333333%;
    }
    .card .card-4-8 .card-right {
        width: 66.66666667%;
    }
    .card .card-5-7 .card-left {
        width: 41.66666667%;
    }
    .card .card-5-7 .card-right {
        width: 58.33333333%;
    }
    .card .card-6-6 .card-left {
        width: 50%;
    }
    .card .card-6-6 .card-right {
        width: 50%;
    }
    .card .card-7-5 .card-left {
        width: 58.33333333%;
    }
    .card .card-7-5 .card-right {
        width: 41.66666667%;
    }
    .card .card-8-4 .card-left {
        width: 66.66666667%;
    }
    .card .card-8-4 .card-right {
        width: 33.33333333%;
    }
}


/* -- default theme ------ */

.card-default {
    border-color: #ddd;
    background-color: #fff;
    margin-bottom: 24px;
}

.card-default:hover {
    background-color: #eee;
}

.card-default>.card-header,
.card-default>.card-footer {
    color: #005A95;
}

.card-default>.card-header {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
}

.card-default>.card-footer {
    border-top: 1px solid #ddd;
    padding: 8px;
}

.card-default>.card-body {}

.card-default>.card-img:first-child img {
    border-radius: 6px 6px 0 0;
}

.card-default>.card-left {
    padding-right: 4px;
}

.card-default>.card-right {
    padding-left: 4px;
}

.card-default p:last-child {
    margin-bottom: 0;
}

.card-default .card-caption {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}


/* -- price theme ------ */

.card-price {
    border-color: #999;
    background-color: #ededed;
    margin-bottom: 24px;
}

.card-price>.card-heading,
.card-price>.card-footer {
    color: #333;
    background-color: #fdfdfd;
}

.card-price>.card-heading {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.card-price>.card-footer {
    border-top: 1px solid #ddd;
    padding: 8px;
}

.card-price>.card-img:first-child img {
    border-radius: 6px 6px 0 0;
}

.card-price>.card-left {
    padding-right: 4px;
}

.card-price>.card-right {
    padding-left: 4px;
}

.card-price .card-caption {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.card-price p:last-child {
    margin-bottom: 0;
}

.card-price .price {
    text-align: center;
    color: #337ab7;
    font-size: 3em;
    text-transform: uppercase;
    line-height: 0.7em;
    margin: 24px 0 16px;
}

.card-price .price small {
    font-size: 0.4em;
    color: #66a5da;
}

.card-price .details {
    list-style: none;
    margin-bottom: 24px;
    padding: 0 18px;
}

.card-price .details li {
    text-align: center;
    margin-bottom: 8px;
}

.card-price .buy-now {
    text-transform: uppercase;
}

.card-price table .price {
    font-size: 1.2em;
    font-weight: 700;
    text-align: left;
}

.card-price table .note {
    color: #666;
    font-size: 0.8em;
}

.multi-client-card {
    cursor: pointer;
}

.fa-eye {
    height: 100px;
    line-height: 100px !important;
    vertical-align: middle;
    color: lightgrey;
    width: auto;
    display: block;
    margin: auto;
    font-size: 4em;
}

.sc-aboutus-heading {
    color: #707070;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.sc-aboutus-info {
    color: #707070;
    font-size: 15px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.sc-aboutus-div {
    background: #ffffff;
    width: 60%;
    float: right;
    margin-right: 72px;
    border-radius: 8px;
    border: 1px solid #C7C7C7;
}

.sc-aboutus-mobile-div {
    background: #f2f2f2;
    float: right;
    border-radius: 5px;
    margin-right: 12px!important;
    width: 100% !important;
}

.sc-aboutus-mobile-div div {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sc-aboutus-mobile-div-padding {
    padding-bottom: 15%;
}

.sc-wrapper-aboutus-mobile-div {
    margin-top: 2%;
}

#overlay:not(#warning) {
    pointer-events: none;
    background: transparent;
    opacity: 0.1;
    width: 500px;
    height: 100px;
    top: 200px;
}

#warning {
    opacity: 1;
    font-weight: 600;
    position: absolute;
    z-index: 1000;
    padding-top: 25%;
    padding-left: 12%;
    font-size: 16px;
}

.mnc-passed {
    color: #68a000!important;
    font-weight: bold;
}

.mnc-failed {
    color: #d16e6c !important;
    font-weight: bold;
}

.mnc-status,
.font-weight-bold {
    font-weight: bold;
}

.reset-quiz-class {
    margin-top: 1%;
}

.platform-text {
    margin-left: 3.5%;
}

.fa-industry {
    margin-left: 1% !important;
    font-size: 1.2em !important;
}

.disabled-picker {
    opacity: 0.7;
    pointer-events: none;
}

#leftnavfeaturedPlaylists,
#leftnavMyPlaylists {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}

.navbar .navbar-header {
    width: auto;
}

.cls_playlist .page-header .align-left {
    padding: 0 !important;
}

.cls_playlist .page-header .button-fp-right {
    padding: 0 22px 0 0px!important;
    float: right;
}

.cls_playlist .button-fp-right .btn {
    color: #ffffff;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 7px 8px;
    width: auto !important;
    font-weight: bold;
    height: 28px !important;
    margin-right: 5px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .sc-aboutus-div {
        width: auto;
        float: none;
    }
}

#expire-trial-msg {
    text-align: center;
    border-top: 1px solid #fff;
    background-color: #fff;
}

#expire-trial-msg span {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bolder;
    color: #cc0000;
}

#modal-for-dual-selection .modal-body,
#modal-for-dual-selection .modal-content,
#modal-for-dual-selection .modal-title,
#modal-for-dual-selection .modal-footer {
    background-color: #f3f2f3;
}

#modal-for-dual-selection .modal-header {
    border-bottom: 0px !important;
}

#modal-for-dual-selection .modal-footer {
    border-top: 0px;
}

@media(min-width: 992px) {
    .mrgn-top-input {
        margin-top: -27px;
    }
}

.mrg-bt-10 {
    margin-bottom: 10px;
}

#roleWrapper .role-tree {
    margin-right: 0px;
}

.role-tree #checkboxtreewrapper {
    width: 200px;
}

.role-tree {
    left: -122px;
    width: 275px;
}

.padding-0 {
    padding: 0px;
}

.padding-rt-0 {
    padding-right: 0px;
}

#clrBtnRadio {
    padding-top: 4px;
    padding-bottom: 4px;
}

.add-recipient-icon {
    margin-right: 5px;
    font-size: 14px;
}

.important-alert .lbl {
    font-weight: bold !important;
}

.mrg-rt-10 {
    margin-right: 10px;
}

.character-count {
    color: #858585;
    font-weight: bold;
}

.pd-lt-rt-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.mrgn-tp-less-15 {
    margin-top: -15px;
}

.pd-rt-0 {
    padding-right: 0px;
}

.trumbowyg-counter-right {
    float: right;
}

.trumbowyg-counter-left {
    float: left;
}

.trumbowyg-counter .chars-counter {
    color: #555;
    font-weight: 600;
    font-size: 14px;
}

#sent-alert .showRow,
#sent-notification .showRow {
    height: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

#sent-alert .table thead>tr>th {
    /*    padding: 26px;*/
}

#sent-alert .dataTable th[class*="sorting_"],
#sent-alert .dataTable th[class*="sorting_"]:hover,
#sent-alert .dataTable th[class*="sorting_"]:active,
#sent-alert .dataTable th[class*="sort"]:hover,
#sent-notification .dataTable th[class*="sorting_"],
#sent-notification .dataTable th[class*="sorting_"]:hover,
#sent-notification .dataTable th[class*="sorting_"]:active,
#sent-notification .dataTable th[class*="sort"]:hover {
    color: #000;
}

#sent-alert .table thead tr th,
#sent-notification .table thead tr th {
    background-color: white !important;
}

#sent-alert .processing_captagrade,
#sent-notification .processing_captagrade {
    display: none;
}

#sent-alert .table thead tr th {
    width: 10%!important;
    word-break: break-all;
}

#sent-alert .table thead tr th:first-child {
    width: 40%!important;
    word-break: break-all;
}

#sent-alert .table thead tr th:second-child {
    width: 20%!important;
    word-break: break-all;
}

#sent-alert .table tr,
#sent-notification .table tr {
    border-bottom: 1px dotted #333333;
}

#sent-alert .sent-alert-content-child p,
#sent-notification .sent-alert-content-child p {
    display: inline;
}

.sent-alert-content .h5 {
    line-height: 1.5!important;
}

#sent-alert .table thead tr th:nth-child(4) {
    width: 5%!important;
    text-align: center;
    word-break: break-all;
}

#sent-alert .table tbody tr td:nth-child(4) {
    width: 5%!important;
    text-align: center;
    word-break: break-all;
}

.section-time {
    display: block;
    font-size: 13px;
    color: dimgrey;
    font-weight: 400;
    font-style: normal;
}

.content-left-nav .playlist-search-content {
    height: auto;
    color: #0097ca;
}

.content-left-nav .playlist-search-content {
    display: block;
}

.content-left-nav a span.menu-text {
    color: #0097ca;
}

.content-left-nav #leftNavRelatedItems .left-nav-section {
    background: #00A8E32E;
    padding: 11px;
    color: #000000;
    border-bottom: 1px solid white;
}

.content-left-nav #leftNavRelatedItems .left-nav-section-active {
    background: #00A8E3;
    padding: 11px;
    color: #fff;
    border-bottom: 1px solid white;
}

.content-left-nav #leftNavRelatedItems .left-nav-section-active div,
.content-left-nav #leftNavRelatedItems .left-nav-section-active i {
    background: #00A8E3;
    color: #fff;
}

.content-left-nav #leftNavRelatedItems .left-nav-media-quiz {
    padding: 8px;
}

.content-left-nav #leftNavRelatedItems .left-nav-media-quiz a {
    color: #000000;
}

.content-left-nav #leftNavRelatedItems .left-nav-playlist-data h6 {
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.content-left-nav #leftNavRelatedItems .left-nav-content-title {
    font-size: 14px;
    display: inline-block;
    word-break: break-word;
    font-family: 'Open Sans', sans-serif;
}

.cls_quiz .sidebar-playlist,
.cls_quiz .sidebar-playlist:before,
.cls_minicourse .sidebar-playlist,
.cls_minicourse .sidebar-playlist:before,
.cls_search_content .sidebar-playlist,
.cls_search_content .sidebar-playlist:before,
.cls_supportcenter .sidebar-playlist,
.cls_supportcenter .sidebar-playlist:before {
    width: 350px !important;
}

@media( min-width: 992px) {
    .cls_playlist .maincontent-playlist,
    .cls_quiz .maincontent-playlist,
    .cls_minicourse .maincontent-playlist,
    .cls_search_content .maincontent-playlist,
    .cls_supportcenter .maincontent-playlist {
        margin-left: 350px !important;
    }
}

.nopadding {
    padding: 0;
    margin: 0;
}

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

.padding-5 {
    padding: 5px;
}

.margin-lt-10 {
    margin-left: 10px;
}

.minicourse-url {
    height: 49px!important;
}

.circle {
    width: 0px;
    margin: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circle canvas {
    vertical-align: top;
    width: 40px !important;
    height: 40px!important;
}

.circle span {
    position: absolute;
    top: -5px;
    left: 10px;
    display: block;
    color: #c5c3c3;
    margin-top: 12px
}

.cls_minicourse .popover-title {
    padding: 7px;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    background-color: white;
    border-bottom: none;
}

.cls_minicourse .popover-content {
    display: none;
}

.cls_minicourse .popover {
    left: 171px!important;
}

.popover.bottom .arrow:after {
    border-bottom-color: white;
}

.content-left-nav .progressbar .text-muted {
    color: #c5c3c3!important;
}

.content-left-nav .left-nav-media-quiz .text-success {
    color: #8DC63F;
}

.content-left-nav .left-nav-media-quiz .text-danger {
    color: #8d0000;
}

.minicourse-title .menu-text {
    font-size: 14px;
}

.minicourse-title-outer {
    display: flex;
}

.minicourse-title {
    margin: auto 0;
}

.cls_minicourse .minicourse-title .minicourse-url .menu-text strong {
    margin: auto 0;
    margin-left: 12px;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #00A8E3 !important;
    font-family: "Open Sans" !important;
    font-style: normal;
}

.playlist-search-content strong {
    font-family: 'Open Sans', sans-serif;
}

.faqs-wrapper h2,
.browser-content h2 {
    font-style: normal!important;
    color: #438eb9;
    font-size: 18px;
}

.faqs-wrapper h5 {
    font-style: normal!important;
}

.sys-req-wrapper .browser h2 {
    font-style: normal!important;
    font-size: 64px;
    font-weight: normal;
    word-break: break-word;
}

.browser label {
    margin: auto;
    width: 50%;
    padding: 10px;
}

.browser-content {
    background-color: #f2f2f2;
    height: 205px;
}

.layout-troubleshooting .main-content {
    border-left: 2px solid #cccccc;
}

.layout-troubleshooting .sidebar {
    border: 0px solid #cccccc;
}

.layout-troubleshooting .sidebar::before {
    border: none;
    border-width: 0;
    background-color: transparent;
}

.cls_minicourse .mini-course-sub-header hr,
.cls_minicourse .mini-course-list hr,
.cls_minicourse hr {
    margin: 0px;
    border: 1px dotted #e2e2e2;
    width: 100%;
    display: inline-block;
}

.cls_minicourse .mini-course-sub-header span {
    font-size: 14px;
    font-weight: bold;
}

.cls_minicourse .mini-course-list span:not(.fontw900) {
    color: grey;
    font-style: italic;
}

.cls_minicourse .mini-course-img img {
    width: 100px;
    position: absolute;
    top: 8px;
    left: 20px;
}

.cls_minicourse .mini-course-list:not(.isMobile) button {
    margin: 0;
    margin-top: 20px;
    min-height: 35px;
}

.mini-course-list .circle canvas {
    vertical-align: top;
    width: 116px !important;
    height: 116px!important;
}

.mini-course-list .circle span {
    position: absolute;
    top: 23px;
    left: 39px;
    display: block;
    color: #c5c3c3;
}

.mini-course-list .progressbar .mc-img-overlay {
    opacity: 0.1;
}

.cls_minicourse .isMobile .padding-0 {
    padding-top: 3px;
}

.cls_minicourse .isMobile .mini-course-img-mobile img {
    width: 68px;
    margin-top: 22px;
    margin-left: 3px;
}

.cls_minicourse .isMobile .circle canvas {
    vertical-align: top;
    width: 80px !important;
    height: 80px!important;
    margin-top: -21px;
}

.cls_minicourse .isMobile .circle span {
    position: absolute;
    top: -10px;
    left: 28px;
    display: block;
}

.cls_minicourse .mini-course-list a button,
.cls_minicourse .mini-course-list a button:hover {
    min-width: 177px !important;
    text-align: center !important;
    margin-right: 5% !important;
    margin-bottom: 2% !important;
}

.webinar-people-img {
    max-width: 90%;
    max-height: 150px;
}

.webinar-play-text {
    font-size: 13px;
    padding-top: 5px;
    font-weight: bold;
    padding-left: 0px;
    color: #393939;
}

.webinar-play-text .fa-play-circle-o {
    font-size: 16px;
}

.maincontent-covidresources .section-title {
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.section-col-title {
    font-size: 17px;
    font-weight: bold;
}

.section-col-author {
    font-size: 13px;
    font-weight: bold;
}

.padding-lt-rt-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.padding-lt-0 {
    padding-left: 0px;
}

.padding-rt-0 {
    padding-right: 0px;
}

@media (max-width: 768px) {
    .padding-lt-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-rt-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.mrg-bt-200 {
    margin-bottom: 200px;
}

.mrg-bt-10 {
    margin-bottom: 10px;
}

.podcasts-phone-img {
    width: 100%;
    position: absolute;
}

@media (max-width: 815px) {
    .podcasts-phone-img {
        width: 48%;
        position: relative;
    }
}

.podcasts-content a {
    font-size: 14px;
    font-weight: bolder;
}

.podcasts-icons img {
    width: 18%;
    margin-right: 10px;
}

.mrg-bt-20 {
    margin-bottom: 20px;
}

.book-studies-img {
    width: inherit;
}

.mrg-bt-110 {
    margin-bottom: 110px;
}

.websites-img {
    width: 100%;
    height: inherit;
}

.z-index-1 {
    z-index: 1;
}

.mnc-status-text {
    width: 119px;
    text-align: center;
}

span.section-description {
    font-size: 14px;
}

.webinar-wrapper p,
.websites-wrapper p,
.book-studies-wrapper p,
.videos-wrapper p,
.podcasts-wrapper p,
.book-chapters-wrapper p,
.additional-resources-wrapper p {
    font-size: 13px;
    padding-top: 5px;
}

.mrg-bt-27 {
    margin-bottom: 27px;
}

.maincontent-covidresources .book-chapters-img {
    width: 90%;
    height: 185px;
}

.maincontent-covidresources .videos-wrapper .video-img {
    width: 100%;
    max-height: 90px;
}

.cls_supportcenter .support-center-left,
.cls_login .support-center-left {
    margin-bottom: 5px;
    margin-top: 4px;
    min-height: 20px;
}

.support_content_icon {
    margin-top: 6px;
}

#sent-notification .table thead tr th {
    word-break: break-all;
}

#sent-notification .table thead tr th:nth-child(1) {
    width: 10%!important;
}

#sent-notification .table thead tr th:nth-child(2) {
    width: 25%!important;
}

#sent-notification .table thead tr th:nth-child(3) {
    width: 55%!important;
}

#sent-notification .table thead tr th:nth-child(4),
#sent-notification .table thead tr th:nth-child(5) {
    width: 10%!important;
}

.admin-notification .message {
    padding: 10px 2px;
    margin: 0;
    border-bottom: 1px solid;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    border-bottom-color: #dedede;
    white-space: normal;
    display: block;
    clear: both;
    font-weight: normal;
    text-decoration: none;
}

.admin-notification,
admin-notification:hover {
    background-color: #C9F2C9!important;
}

.similar-items-container .similar-items-thumbnail {
    height: 100%;
    width: 100%;
}

.similar-items-container h6 {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
}

.broad-left-nav .no-margin-top a {
    font-size: 14px;
    text-align: left;
    color: #707070;
    opacity: 1;
    letter-spacing: 0px !important;
    font-family: "Open Sans" !important;
    font-weight: bold;
    font-style: "normal";
}


/* 
.broad-left-nav div h5{
    font-size: 14px;
    font-family: "Open Sans" !important;
    font-weight: 600; 
    font-style: "normal";
    color:#707070 !important;
} */

.cls_search .sidebar div h5 {
    font-size: 14px;
    font-family: "Open Sans" !important;
    font-weight: 600;
    font-style: "normal";
    /* width: 64%; */
    color: #707070 !important;
    margin-top: -7px !important;
}

.broad-left-nav .no-margin-top {
    text-decoration: none !important;
}

.broad-left-nav .no-margin-top :hover {
    text-decoration: none !important;
}

.broad-left-nav .leftnavfilterwrapper ul li:first-child {
    margin-top: 10px;
}

.broad-left-nav .leftnavfilterwrapper ul li {
    margin-bottom: 15px;
}

.broad-left-nav,
.broad-left-nav:before {
    width: 355px;
}

.broad-left-nav .author-name,
.broad-left-nav .duration,
.broad-left-nav .pipe {
    font-weight: 600 !important;
    line-height: 1 !important;
}

.cls_search .bottom-right {
    position: absolute;
    bottom: -12px;
    float: left;
    right: 32px;
    background-color: #fff;
    color: #707070 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding-left: 3px;
}


/* .cls_search .page-content .row > div {
      position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}  */

@media only screen and (min-width: 1200px) {
    .broad-left-nav,
    .broad-left-nav:before {
        z-index: 0 !important;
    }
    /*.single-video-content .row > div {
        width: 90%;
         margin-left: 20px; 
    }

    .single-video-content .page-header{
        margin-left: 15px;
        margin-top: 17px;
    } */
}


/* .single-video-content .widget-header h3{
    color: #444;
    font-size: 18px;
    line-height: 1;
    font-family: Open Sans;
    font-weight: bold;
} */

.similar-items-container h6 a {
    line-height: 1.4;
}

.similar-items-container h5 {
    color: black;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 2px;
}

.similar-items-container span {
    color: black;
    font-size: 12px;
    font-style: normal;
}

.bottom-right {
    position: absolute;
    bottom: -9px;
    right: 0px;
    background-color: rgba(0, 0, 0, 1);
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding-left: 3px;
}

.btn-search {
    width: auto;
    padding: 14px;
    background: #F4F4F4 0% 0% no-repeat padding-box;
    font-size: 16px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    color: #707070;
    border: none;
    border-bottom: 1px solid #C7C7C7;
    border-radius: 4px 4px 0px 0px;
}

.content-btn-container {
    display: inline-flex;
}

.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search-selected {
    color: #49A5DB;
    text-decoration: none;
}

.btn-search-selected {
    border: 1px solid #C7C7C7;
    border-bottom: 1px solid #F4F4F4;
}

span.content-time img {
    width: 40px;
}

.welcome-content-span {
    font-weight: bold;
    font-size: 14px;
    color: #428bca
}

.edit-ter {
    margin-top: 9%;
}

.search-overlay {
    background: rgba(0, 0, 0, 0.5) repeat;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: inherit;
}

.search-overlay .fa-spinner {
    font-size: 40px;
    margin: 50% 50%;
}

#sidebarMobile {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -36px;
}

#sidebarMobile .icon-reorder {
    display: none;
}

#sidebarMobile .menu-text {
    font-weight: bolder;
    margin-left: 10px;
}

#sidebarMobile .dropdown-toggle,
#sidebarMobile .submenu {
    border-top: 2px solid #e5e5e5;
}

.maincontent-playlist .dropdown-menu {
    top: 78%!important;
    left: -89px!important;
}

#trialUser #startdate,
#trialUser #startdate+.input-group-addon {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

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

.customTableBtnMargin {
    margin-top: 0px;
}

.calendly-meeting-btn {
    background: #1B6AAA;
}

.playlist-runtime-text {
    font-size: 14px;
    padding-left: 10px;
}

.book-resource-title {
    font-weight: 600;
    font-size: 15px;
    background-color: white;
    padding-left: 15px;
    padding-top: 10px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hr-book {
    margin-top: 0px;
    margin-bottom: 0px;
}

.magazine-icon-class {
    width: 43%;
    display: block;
    margin: auto;
}

html {
    scroll-behavior: smooth;
}

.ebooks-container .item .thumbnail {
    background: none !important;
}

.nav-list>li>a .left-menu-icon {
    padding-right: 0px;
    float: right;
}

.dropdown-toggle .active {
    background: #00A8E3;
}

.nav-list>li.open>a {
    background: #00A8E3 0% 0% no-repeat padding-box !important;
}

.dropdown-toggle .menu-text {
    width: 250px;
}

.content-item-pad {
    padding: 0px 60px 0px 75px;
}

.resources-item-pad {
    padding: 0px 50px 0px 50px;
}

.media-content-container {
    padding: 15px 0px 15px 0px;
}

.author-section .author-section-inner {
    display: flex;
}

.author-section-inner .author-section-img {
    margin: 0 auto;
    padding: 0px;
}

.media-content-container .author-section a {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.media-content-container .media-description-section {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    color: #707070;
    font-weight: normal;
    font-family: 'Open Sans';
}

.media-content-container .topic-section {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans';
}

.media-content-container .topic-section span {
    color: #707070;
}

.media-tab-content {
    border-top: 1px solid #c7C7C7;
    margin-top: -7px;
}

.widget-custom.widget-box {
    border-bottom: 0;
}


/*  single vedio changes */

.cls_search_content .page-content .row .content-item-pad .author-section {
    width: 73% !important;
    display: flex;
    flex-direction: row;
    row-gap: 15px;
    flex-wrap: wrap;
}

.cls_search_content .page-content .row .content-item-pad .add-playlist-section {
    width: 27% !important;
}

.cls_search_content .page-header {
    margin-top: 15px;
}

.cls_search_content .page-content .row.content-item-pad {
    padding: 0px 36px 0px 29px;
}


/* .cls_search_content .page-header .margin-left-10 {
    margin-left: -22px
} */

.cls_search_content .sidebar .nav-list>li>a:hover:not(".dist-admin-a") {
    background-color: #00A8E3;
    color: #fff !important;
}

.content-left-nav a span.menu-text :hover {
    color: #fff !important;
}

.video-author .author-name,
.video-author .duration,
.video-author .pipe {
    color: #707070;
    font-size: 15px;
    font-weight: bold;
}

.similar-items-container .video-author {
    line-height: 0;
}

.cls_minicourse .section-time {
    display: block;
    font-size: 14px !important;
    color: #707070;
    font-weight: 600;
    font-style: normal;
    font-family: 'Open Sans';
}

.cls_minicourse .leftnavfiterscheck strong {
    font-size: 16px !important;
    color: #707070;
    font-weight: 600;
    font-style: normal;
    font-family: 'Open Sans';
}

.cls_minicourse .left-nav-section-active .leftnavfiterscheck strong,
.cls_minicourse .left-nav-section-active label.author-name,
.cls_minicourse .left-nav-section-active .section-time {
    color: #fff;
}

.cls_minicourse .content-left-nav #leftNavRelatedItems .left-nav-content-title {
    font-size: 14px;
    color: #707070;
    display: inline-block;
    font-weight: bold;
    word-break: break-word;
    font-family: 'Open Sans', sans-serif;
}

.cls_minicourse .content-left-nav #leftNavRelatedItems .left-nav-media-quiz {
    padding: 11px 23px;
}

.cls_minicourse .author-name,
.cls_minicourse .duration,
.cls_minicourse .pipe {
    color: #707070;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
}

.pdg-search .search-block .btn-light {
    background-color: #FFFFFF;
    color: #707070;
}

.pdg-search .search-block .btn-light:hover {
    color: #999 !important;
    background-color: #FFFFFF !important;
    border: #FFFFFF !important;
}

.ace-nav>li>a:hover,
.ace-nav>li>a:focus {
    background: #FFFFFF !important;
}

.ace-nav>li>a>[class*="icon-"]:hover,
.navbar .navbar-nav>li>a:hover {
    color: #999;
}

.cls_search_content .nav-list>li>a:not(".dist-admin-a") {
    color: #00A8E3;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    opacity: 1;
    margin-left: 3px;
    margin-top: 19px;
    line-height: 24px;
    margin-bottom: 12px;
}

.cls_search_content .nav-list .playlist-background-color {
    background-color: #ffffff !important;
}

.cls_search_content .nav-list>li .submenu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
}

.cls_search_content .playlist-search-content .left-nav-section {
    display: block;
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: bold;
    font-style: normal;
    color: #707070;
}

.cls_search_content .playlist-search-content .leftnavfiterscheck,
.section-time,
.cls_quiz .playlist-search-content .leftnavfiterscheck {
    margin-left: 12px !important;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: bold;
    font-style: normal;
    color: #707070;
    line-height: 19px;
    /* display: flex; */
}

.cls_search_content .playlist-search-content .leftnavcount,
.cls_quiz .playlist-search-content .leftnavcount {
    font-size: 14px;
    color: #707070;
}

.cls_search_content .playlist-search-content .left-nav-media-quiz {
    margin-bottom: 0px !important;
}

.playlist-left-flex {
    display: flex;
}

.similar-items-anchor {
    padding: 20px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.content-left-nav .similar-items-anchor span.menu-text {
    color: #707070;
}

.content-left-nav .similar-items-anchor :hover {
    color: #ffffff !important;
}

.search-block .icon-search {}

.search-media-title {
    font-weight: 600;
    font-size: 15px;
}

.search-media-author {
    font-weight: normal;
    font-size: 14px;
}

#videoSeeAll,
#bookSeeAll,
#sGuideSeeAll,
#authorSeeAll,
#videoSeeAll i,
#bookSeeAll i,
#sGuideSeeAll i,
#authorSeeAll i {
    font-size: 15px;
    font-weight: 600;
    color: #00A8E3;
}

.nav-container {
    height: 100%;
    padding: 0;
}

.hover-menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 13px;
    color: #707070;
}

.menu-top-pad {
    padding-top: 20px;
}

.side-menu {
    left: 100%;
    width: auto;
    top: -5px;
}

.cls_solution .list-data-cls-solution-content {
    margin-top: 30px;
}


/* .cls_search_content .margin-left-12.col-sm-12 {
    margin-left: -25px;
} */

.cls_books .list-data-cls-books-content {
    margin-top: 30px;
    margin-left: -8px;
    margin-bottom: 26px;
}


/* .cls_solution .video-cover {
    width: 10.66% !important;
} */


/* .cls_books .video-cover.col-md-2 {
    width: 13.66% !important;
} */

.video-cover-content-page {
    width: 15% !important;
}

@media (min-width: 992px) {
    .caption-content-page {
        width: 85% !important;
    }
}

.caption-content-page {
    width: 85% !important;
}

.cls_books .card-left h5.card-title {
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
    color: #00A8E3 !important;
}

.cls_books .card-left p.card-text {
    color: #707070;
    font-size: 16px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
}

.cls_books .book-pages {
    margin-left: 5px;
}

.cls_solution .thumbnail-solution .title a {
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
    color: #00A8E3;
}

.cls_books .thumbnail-solution .title a {
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
    color: #00A8E3;
}

.cls_solution .thumbnail-solution p.group.inner.list-group-item-text.text-align-justify {
    font-size: 15px;
    color: #707070;
    font-style: normal;
    font-weight: normal;
    font-family: 'Open Sans';
}

.cls_books .thumbnail-solution p.group.inner.list-group-item-text.text-align-justify {
    font-size: 15px;
    color: #707070;
    font-style: normal;
    font-weight: normal;
    font-family: 'Open Sans';
    margin-top: 8px;
}

.cls_solution .thumbnail-solution .video-author a span {
    font-size: 15px;
    font-style: normal;
    color: #00A8E3 !important;
    font-weight: 600;
    font-family: 'Open Sans';
}

.cls_books .thumbnail-solution .video-author a span {
    font-size: 15px;
    font-style: normal;
    color: #00A8E3 !important;
    font-weight: 600;
    font-family: 'Open Sans';
}

.cls_solution .thumbnail-solution .video-author .byauthor {
    font-size: 15px;
    font-style: normal;
    color: #707070 !important;
    font-weight: 600;
    font-family: 'Open Sans';
}

.cls_books .thumbnail-solution .video-author .byauthor {
    font-size: 15px;
    font-style: normal;
    color: #707070 !important;
    font-weight: 600;
    font-family: 'Open Sans';
}

.cls_books .card-img-top {
    height: 143px;
    width: 100px;
    float: left;
}

.ebook-thumbnail-container {
    min-height: 170px;
    height: auto;
}

.magzine-thumbnail-container {
    min-height: 170px;
    height: auto;
}

.form-control-search-icon {
    position: absolute;
    right: 5px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 2.5;
    text-align: center;
    pointer-events: none;
}


/* Mini course CSS  */

.circle {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 6px;
}

#checkpoint {
    background-color: #737373;
}

.selected-media-id {
    background-color: #d1effa;
    color: #707070;
}

.leftnav-mc-content-pg .selected-media-id {
    background-color: #E2E2E2 !important;
}

.mini-course-title h2,
.mini-course-title h1 {
    font: normal normal 300 32px Open Sans;
    color: #707070;
}

.mini-course-text h5.no-margin-top.mini-title {
    font: normal normal bold 18px Open Sans;
}

.mini-course-list .status-text {
    padding-top: 10px;
    display: inline-block;
    font-weight: 400;
}

.featuring-text {
    font: normal normal 500 15px Open Sans;
}

.mini-course-desc,
.mini-course-below-desc {
    font: normal normal normal 15px Open Sans;
}

.mini-course-detail span {
    font: normal normal 600 14px Open Sans;
}

.mini-course-detail span.normalfont {
    font: normal normal normal 14px Open Sans;
    color: #707070;
    font-style: normal !important;
}

h4.no-margin-top.playlist-section-title {
    font: normal normal bold 25px Open Sans;
    color: #707070;
    /* margin-bottom: 35px !important; */
}

.checkpoint-col1 .cls_last_access {
    padding-left: 24px;
}

.checkpoint-col1 .cls_last_access,
.checkpoint-col1 .cls_comp_prgs {
    position: relative;
    bottom: 10px;
    margin: 0;
}

.checkpoint-col1 .cls_status {
    font: normal normal 600 18px Open Sans;
    letter-spacing: 0px;
    color: #707070;
}

.checkpoint-col3 h4 {
    font: normal normal bold 18px Open Sans;
    line-height: 1;
}

.checkpoint-col3 span {
    font: normal normal 600 15px Open Sans;
}

.checkpoint-col3 p,
.non-quiz-row p.text-align-justify {
    font: normal normal normal 15px Open Sans;
}

.survey_bottom {
    /* padding-top: 40px; */
    padding: 0 8%;
}

.survey_bottom h4 {
    font: normal normal 600 18px Open Sans !important;
}

.cls_is_quiz_div h5,
.cls_is_quiz_div font {
    color: #fff !important;
    font: normal normal 600 15px Open Sans;
}

.cls_is_quiz_div .cls_last_access,
.cls_is_quiz_div h6 {
    color: #fff;
}

.form-control-search-icon {
    position: absolute;
    right: 5px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 2.5;
    text-align: center;
    pointer-events: none;
}

.landing-container {
    margin-bottom: 30px;
}


/* Utility CSS Classes  */

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.px-8pct {
    padding-left: 8% !important;
    padding-right: 8% !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-4px {
    padding-left: 4px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-22 {
    padding-left: 22px !important;
}

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

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-5px {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pb-10 {
    padding-bottom: 10px!important;
}

.pb-20 {
    padding-bottom: 20px!important;
}

.pt-0 {
    padding-top: 0px!important;
}

.pt-5px {
    padding-top: 5px!important;
}

.pt-15 {
    padding-top: 15px!important;
}

.pt-20 {
    padding-top: 20px!important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.ml-n12px {
    margin-left: -12px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mb-0 {
    margin-bottom: 0px!important;
}

.mb-2px {
    margin-bottom: 2px!important;
}

.mb-10 {
    margin-bottom: 10px!important;
}

.mb-15 {
    margin-bottom: 15px!important;
}

.mb-20 {
    margin-bottom: 20px!important;
}

.mb-40 {
    margin-bottom: 40px!important;
}

.mt-0 {
    margin-top: 0px!important;
}

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

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

.d-inline {
    display: inline !important;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex !important;
}

.flex-align-center {
    align-items: center !important;
}

.flex-align-start {
    align-items: flex-start !important;
}

.mouse-pointer-hand {
    cursor: pointer;
}

.w-100 {
    width: 100% !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-style-italic {
    font-style: italic !important;
}

.font-style-normal {
    font-style: normal !important;
}

.text-grey {
    color: #707070;
}

.text-black {
    color: #000;
}

.text-decoration-none {
    text-decoration: none !important;
}

.border-bottom-dotted {
    border-bottom: 1px dotted!important;
}

.border-top-dotted {
    border-top: 1px dotted!important;
}

.text-bold {
    font-weight: bold!important;
}

.font10 {
    font-size: 10px !important;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font17 {
    font-size: 17px !important;
}

.font18 {
    font-size: 18px !important;
}

.font19 {
    font-size: 19px !important;
}

.font20 {
    font-size: 20px !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.overflow-scroll {
    overflow: scroll !important;
}


/* End utility CSS  */

@media only screen and (min-device-width: 1600px) {
    .ebook-thumbnail-container {
        min-height: 190px;
        height: auto;
    }
    .magazine-thumbnail-container {
        min-height: 190px;
        height: auto;
    }
}

@media only screen and (min-device-width: 1700px) {
    .ebook-thumbnail-container {
        min-height: 210px;
        height: auto;
    }
    .magazine-thumbnail-container {
        min-height: 210px;
        height: auto;
    }
}

@media only screen and (min-device-width: 1800px) {
    .ebook-thumbnail-container {
        min-height: 230px;
        height: auto;
    }
    .magazine-thumbnail-container {
        min-height: 230px;
        height: auto;
    }
}

a.download_pdf_resources {
    color: #00A8E3;
    font-size: 15px !important;
    font-weight: bold;
    font-style: normal;
    font-family: 'Open Sans';
}

.navbar-site {
    min-height: 80px;
    display: flex;
}

.right-header-nav {
    height: 100%;
    padding-top: 6px;
}

.nav-item.dropdown {
    height: 112%;
}


/* magzine page sidebar css  */

.magzine-sidenav-pg-1 .collaseible-div {
    height: 63px;
    border-bottom: 1px solid #C7C7C7;
}

.magzine-sidenav-pg-1 .collaseible-div a {
    font: normal normal bold 16px Open Sans;
}

.magzine-sidenav-pg-1 .collaseible-div i {
    font-size: 24px;
    padding: 0;
}

.magzine-sidenav-pg-1 p.card-text {
    font: normal normal bold 16px Open Sans !important;
    letter-spacing: 0px;
    color: #707070;
}

.magzine-sidenav-pg-1 p.pg-cnt {
    font: normal normal bold 15px Open Sans !important;
}

.magzine-sidenav-pg-1 span.below-pg-cnt {
    color: #707070;
    font: italic normal normal 14px Open Sans;
}

.magzine-sidenav-pg-1 span.below-pg-cnt a {
    font: italic normal 600 14px Open Sans;
}

.magzine-sidenav-pg-1 a {
    text-decoration: none;
}

.magzine-sidenav-pg-1 li a span.reso_cnt {
    font: normal normal 500 14px Open Sans;
    /* color: #707070; */
}

#featureListExpandCollapse li a {
    font: normal normal bold 14px Open Sans;
    color: #707070;
}

#featureListExpandCollapse li a span {
    font: normal normal 500 14px Open Sans;
    color: #707070;
}

.magzine-sidenav-pg-1 div h5 {
    width: 100%;
    color: #00A8E3 !important;
}

.cls_magazines .list-data-magazines-content {
    margin-top: 30px;
    margin-left: -8px;
}


/* .cls_magazines .video-cover.col-md-2 {
    width: 14.66% !important;
} */


/* .caption.col-md-10.col-sm-9.col-md-8 {
    width: 86.3% !important;
} */

.cls_magazines .video-author .byauthor {
    font-size: 15px;
    font-style: normal;
    color: #707070 !important;
    font-weight: 600;
    font-family: 'Open Sans';
    /* margin-left: -8px; */
}

.cls_magazines .magazine-subtitle {
    font-style: normal;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    color: #707070;
    line-height: normal;
    margin-top: 5px;
}

.cls_magazines .video-author .author-name {
    color: #00A8E3;
    font-size: 15px;
    font-weight: bold;
}

.cls_magazines .list-group-item-heading .title {
    font: normal normal bold 18px Open Sans;
    color: #00A8E3;
}

.cls_magazines .videoauthor span.author-name:hover {
    color: #2a6496;
    text-decoration: none !important;
}

.cls_magazines h3.cover-subtitle {
    font-family: 'Open Sans';
    font-size: 20px;
    font-style: normal;
    color: #707070;
    margin-top: auto;
}

.cls_magazines a:hover,
a:focus {
    color: #2a6496;
    text-decoration: none !important;
}

.content-description {
    margin-top: 8px !important;
}

.padding-lt-20 {
    padding-left: 20px;
}

.cls_search_content .sidebar,
.cls_search_content .sidebar:before {
    width: 350px;
}

.cls_search_content .main-content {
    margin-left: 350px;
}

.cls_playlist .sidebar-playlist,
.cls_playlist .sidebar-playlist:before {
    width: 308px !important;
}

.cls_playlist .main-content {
    margin-left: 308px !important;
}

.cls_books footer,
.cls_search footer,
.cls_magazines footer,
.cls_covidresources footer,
.cls_user footer,
.cls_roles footer,
.cls_groups footer,
.cls_academicstandard footer,
.cls_usagereports footer,
.cls_notification footer,
.cls_settings footer,
.cls_solution_content footer,
.cls_playlist footer,
.cls_accountmanagement footer,
.cls_admin footer,
.cls_adminreports footer,
.cls_communication footer {
    padding-left: 308px;
}

.cls_search_content footer,
.cls_supportcenter footer,
.cls_minicourse_content footer,
.cls_quiz footer {
    padding-left: 350px;
}

.flex-wrapper {
    min-height: 70vh;
    min-height: -webkit-calc(100vh - 200px);
    min-height: -moz-calc(100vh - 200px);
    min-height: calc(100vh -200px);
}

@media (min-width: 1200px) {
    .minicourse-child-pg-1 .checkpoint-col1 {
        width: 20% !important;
    }
    .minicourse-child-pg-1 .checkpoint-col2 {
        width: 80% !important;
    }
}

.search-pg2 .menu-text {
    font: normal normal bold 18px Open Sans;
    color: #00A8E3 !important;
}

.search-pg2 .playlist-search-content strong {
    font: normal normal bold 16px Open Sans;
}

.search-pg2 .collapse-expand-div {
    font: normal normal bold 26px Open Sans;
    color: #707070;
}

.search-pg2 .leftnavfiterscheck {
    font: normal normal bold 13px Open Sans !important;
}

.search-pg2 .selected-media-id {
    background: #E2E2E2 0% 0% no-repeat padding-box;
}

.content-left-nav #leftNavRelatedItems .left-nav-section:hover {
    background-color: #00A8E3;
    color: #fff;
}

.content-left-nav #leftNavRelatedItems .left-nav-section:not(.isReflectionCls):hover div,
.content-left-nav #leftNavRelatedItems .left-nav-section:not(.isReflectionCls):hover i,
.content-left-nav #leftNavRelatedItems .left-nav-section:not(.isReflectionCls):hover .section,
.magazine-parent-inactive:hover,
.magazine-parent-inactive:hover a,
.magazine-parent-inactive:hover i,
.book-intro-title:hover,
.book-intro-title:hover span.collapse-expand-span,
.book-intro-title:hover a,
.book-intro-title:hover a div.text-grey,
.cls_minicourse .collapse-expand-block:not(.isReflectionCls):hover strong,
.cls_minicourse .left-nav-section:not(.isReflectionCls):hover strong {
    background: #00A8E3;
    color: #fff;
    text-decoration: none !important;
}

.cls_minicourse .collapse-expand-block strong,
.leftnavfiterscheck.word-wrap.no-margin-left.normalFont.h5 strong {
    line-height: 1.4;
}

.text-under-section {
    font: normal normal 600 18px Open Sans;
    color: #707070;
}

.padding-lt-16 {
    padding-left: 16px;
}

.margin-top-30 {
    margin-top: 30px;
}

.padding-rt-24 {
    padding-right: 24px;
}

.settings-nav-title-div {
    padding: 30px 25px;
}

.settings-nav-title {
    text-align: left;
    font: normal normal bold 18px Open Sans;
    letter-spacing: 0px;
    color: #00A8E3;
    opacity: 1;
}

.nav-list>li.settingsSolution>a {
    background: #ffffff;
    padding: 10px 25px;
}

.nav-list>li.settingsSolution.active>a {
    background: #00A8E3;
    font-size: 16px;
    color: white;
}

.nav-list>li.settingsSolution>a:hover,
.nav-list>li.settingsSolution>a:active,
.nav-list>li.settingsSolution>a:focus,
.nav-list>li.settingsSolution.active>a:hover,
.nav-list>li.settingsSolution.active>a:active,
.nav-list>li.settingsSolution.active>a:focus {
    background: #00A8E3;
}

.px-62 {
    padding-left: 62px;
}


/** Start Temporarily hide support center sidenav bar*/

.cls_supportcenter footer {
    padding-left: 350px !important;
    /*remove this code if want to show left nav on supportcenter*/
}

.cls_supportcenter .maincontent-playlist {
    margin-left: 350px !important;
    /*remove this code if want to show left nav on supportcenter*/
}


/** End Temporarily hide support center sidenav bar*/

.form-control,
select {
    border-radius: 8px;
}

.settingsSolution .far {
    font-size: 24px;
}

#add-school-district .modal-dialog {
    width: 80%
}

#add-school-district h4.bigger {
    font-size: 25px;
    font-weight: normal;
}

#add-school-district .modal-dialog .modal-content .modal-footer {
    background: #fff;
    border-top-color: #fff;
    padding-bottom: 30px;
    padding-right: 10%;
}


/* The Modal (background) */

#inviteModal.modal {
    top: 20%;
}


/* Modal Content */

#inviteModal .modal-content,
#bulkInviteModal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 35%;
}

#editUserModal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 70%;
}

#editUserModal.modal {
    top: 20%;
}

.email_text[type="email"] {
    width: 80%;
    border-radius: 0px !important;
    height: 38px;
}

.invite-btn {
    margin-top: 15px;
}

img.user-avatar {
    width: 60%;
}

.email_div {
    margin-bottom: 18px;
}

textarea {
    border-radius: 7px !important;
    width: 94%;
}


/* The Close Button */

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#accountCreation .help-block,
.editAccDetailWrapper .help-block {
    text-align: left !important;
}


/* Dropdown button on hover & focus */

.dropbtn:hover,
.dropbtn:focus {
    background-color: #2980B9;
}


/* The container <div> - needed to position the dropdown content */

.import-dropdown {
    position: relative;
    display: inline-block;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    width: auto;
    box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 20%);
    margin-top: 10px;
    z-index: 1;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: black;
    padding: 12px;
    text-align: left;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #ddd
}


/* The Modal (background) */

#bulkInviteModal.modal {
    top: 30%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 8px;
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    /*height: calc(1.5em + 0.75rem + 2px);*/
    padding: 8px;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFFFFF;
    border-radius: 0;
    border: 1px solid #707070;
}

.custom-file-label::after {
    content: "Select file";
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    /*height: calc(1.5em + 0.75rem);*/
    padding: 10px;
    line-height: 1.5;
    font-weight: 600;
    color: #000000;
    content: "Select file";
    background-color: #FFFFFF;
    border-left: inherit;
    border-radius: 0;
}

.download-link {
    margin-top: 8px;
    margin-bottom: 10px;
}

.btn-rectangle {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    color: #FFFFFF;
    cursor: pointer;
    /* display: inline-block; */
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    min-width: 75px;
    outline: 0 none;
    padding: 7px 13px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}

.btn-white {
    background: #FFFFFF;
    color: #000000;
}

.viewAccDetailWrapper label {
    font-weight: 600;
}

.viewAccountsListingDataTbl .modal-form-align,
.schooldistrictListing .modal-form-align {
    display: none;
}

#schoolaccountupdate label[for='salesforceContactNameLast'] span.optional,
#accountCreation label[for='salesforceContactNameLast'] span.optional,
#schoolaccountupdate label[for='seatCount'] span.optional,
#accountCreation label[for='seatCount'] span.optional {
    display: none;
}

.align-right-edit {
    width: 50%;
}

.align-left-edit {
    width: 50%;
}

.edituserdiv {
    display: flex;
    margin-top: 10px;
}

.edittext {
    width: 96%;
    height: 30px;
}

.edittext[type="email"] {
    border-radius: 0px !important;
}

select#select_group {
    border-radius: 0px !important;
}

select#select_role {
    border-radius: 0px !important;
}

.error {
    color: #AD4E4C;
}

.edituser_border {
    border-top: 1px dotted #cccccc;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    width: 98%;
    margin-bottom: 30px;
}

.removeSection,
.removeQuiz {
    margin-left: 20px;
}

.editSection,
.editQuiz {
    margin-left: -96px;
}

.addQuizQuestion,
.removeQuestion {
    font-weight: bold;
    font-size: 13px;
}

.hr-solid {
    border-bottom: 1px solid #9F9F9F;
    margin: 30px 0;
}

.btn-hollow {
    border-radius: 8px;
    opacity: 1;
    background: transparent !important;
}

.btn-hollow-grey {
    border: 1px solid #707070;
    color: #707070 !important;
}

.btn-hollow-grey:hover {
    color: #FFFFFF !important;
}

.cls_quiz .nav-list .playlist-background-color {
    background: #FFFFFF;
}

.cls_solution_content .media-content-container .author-section {
    display: flex;
    flex-direction: row;
    row-gap: 15px;
    flex-wrap: wrap;
}

.cls_minicourse_content .media-content-container .author-section {
    display: flex;
    flex-direction: row;
    row-gap: 15px;
    flex-wrap: wrap;
}

@-moz-document url-prefix() {
    .user_list_datatable .dataTables_filter>label {
        bottom: 14% !important;
        top: 0px !important;
        margin-top: 0px !important;
    }
    .total_seats_left {
        bottom: -20px !important;
    }
}

@media (max-width: 1450px) {
    .author-section .author-section-inner {
        width: 43% !important;
    }
}

@media (max-width: 1250px) {
    .author-section .author-section-inner {
        width: 47% !important;
    }
}

.bottomSubtitle {
    display: inline-flex;
    width: 100%;
    position: relative;
    bottom: 35px;
}

.bottomSubtitle div {
    background-color: #010101b3;
    width: 100%;
    height: 35px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 1px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.cls_magazines .mobile-filter {
    display: none;
}

.mobile-authors-addToPlaylist {
    display: none;
}

.cls_minicourse_content .card,
.cls_search_content .card,
.cls_solution_content .card {
    text-align: left;
}

.cls_minicourse_content .media-tab-content .card img,
.cls_minicourse_content .media-tab-content .card .rcDesc,
.cls_minicourse_content .media-tab-content .card .rcTitle,
.cls_minicourse_content .media-tab-content .pgCnt,
.cls_solution_content .media-tab-content .card img,
.cls_solution_content .media-tab-content .card .rcDesc,
.cls_solution_content .media-tab-content .card .rcTitle,
.cls_solution_content .media-tab-content .pgCnt,
.cls_search_content .media-tab-content .card img,
.cls_search_content .media-tab-content .card .rcDesc,
.cls_search_content .media-tab-content .card .rcTitle,
.cls_search_content .media-tab-content .pgCnt {
    width: 180px;
}

.cls_minicourse_content .media-tab-content .pgCnt,
.cls_search_content .media-tab-content .pgCnt,
.cls_solution_content .media-tab-content .pgCnt {
    padding: 0;
}

.mobileOnly,
.mobile-resource-content,
.mobile-filter {
    display: none;
}

.cls_books .content-item-pad {
    padding-right: 0% !important;
    padding-left: 0% !important;
}

.hideVisibility {
    visibility: hidden;
}

.cls_solution_content .dropdown.share button#dropdownMenu1,
.cls_minicourse .dropdown.share button#dropdownMenu1 {
    background-color: #68a000 !important;
    border-color: #68a000 !important;
    border-radius: 5px;
    height: 32px;
    min-width: 80px;
}

.cls_solution_content .share ul.dropdown-menu .cls_minicourse .share ul.dropdown-menu {
    max-width: 180px !important;
}

.cls_minicourse .dropdown-share-playlist button#dropdownMenu1,
.cls_solution_content .dropdown-share-playlist button#dropdownMenu1 {
    color: #fff;
    border: 0;
}

.cls_minicourse .dropdown-share-playlist ul.dropdown-menu {
    min-width: 160px;
}

.navbar-header span.shareContentRedDot {
    background-color: red;
    position: absolute;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
    left: 15px;
    top: 13px;
}

.sharedContentTxt a {
    color: #007cd5 !important;
}

.mainHeader.nav>li>a {
    padding: 14px 10px !important;
}

.award-banner-container {
    height: 270px;
    display: flex;
    align-items: center;
}

.featureChildMenu .left-nav-playlist-li {
    border-bottom: 1px solid #e1dfdf;
}

@media screen and (min-width: 1280px) and (max-width: 1380px) {
    .mainHeader.nav>li>a {
        padding: 16px 10px !important;
    }
    .navbar .navbar-nav > li > a {
        font-size: 10px !important;
    }
    .ace-nav > li {
        padding-top: 16px;
    }
    .ace-nav > li > a {
        font-size: 12px;
    }
    .search-block .input-group {
        margin-left: 60px;
    }
}

/* Fix for header overflow at 150% Windows DPI scaling (1920x1080) - Works on Edge, Firefox, Chrome, Safari */
@media screen and (min-width: 1180px) and (max-width: 1440px) {
    .mainHeader.nav>li>a {
        padding: 14px 6px !important;
    }
    .navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
        font-size: 11px !important;
    }
    .ace-nav > li > a {
        font-size: 12px !important;
    }
    .navbar-header.pull-right {
        padding-left: 0 !important;
    }
}