.login-layout .checkbox-heading label {margin-left: 12px;}
.login-layout .answer-options-wrapper .checkbox-heading {text-align: center;}
select option {font-weight:normal;}
select {font-weight:normal !important;}
#learningTargets .form-group .rubricDetails {width:100%;}
#learningTargets .form-group .rubricDetails .well {padding: 20px 8px;/*width: 100%;*/width:205px;min-height: 222px;}
#learningTargets .noneditable-mode .form-input-row {max-width: 754px;min-width: 300px;}
.rubricDetails .maxHeight-300 {margin: 0 auto;max-width: 621px;/*overflow-x: scroll;*/}
.rubricDetails .more-than3 {overflow-x: scroll;}
.threerubrics .maxHeight-300 {overflow-x: hidden;}
ul.dynatree-container {overflow: visible !important;}
#treewrapper #tree {overflow: visible !important;}
.login-layout .main-container {padding-bottom:0px;}
.signin-ipad .contentWrapper {margin-top: 0 auto !important;}
.form-input-row {min-height: 65px !important;}
.sorting_disabled {width:auto !important;}
.morethan3rubric .maxHeight-300 {
    overflow-x:hidden !important;
}
.asm-ir input.ace[type="checkbox"]:checked + .lbl:before{line-height:14px !important}
.cls_assesments #table_id tr th:nth-last-child(2) {width: 17% !important;}
.cls_assesments #table_id.gradeAssessmentsTable tr th:nth-last-child(2) {width: 20% !important;}

/*#navbar-container #nav-search {
    width: 40%;
}*/
.save-submit-quit-button{
    float: right !important ;
    margin-left: 25px;
    margin-top:5px;
}

.cls_assesments #table_id_filter input[type="text"],
.cls_essentialstandards #table_id_filter input
{
    margin-right:4px;
}
.cls_assesments #table_id_wrapper #table_id,
.cls_essentialstandards #table_id_wrapper #table_id {width: 99.6%;}

.cls_roles #table_id_wrapper #table_id_filter input[type="text"] {
    margin-right:4px !important;
}
.cls_roles #table_id_wrapper #table_id {
    width:99.6% !important;
}

.cls_user #table_id_wrapper #table_id_filter input[type="text"] {
    margin-right:4px !important;
}
.cls_user #table_id_wrapper #table_id {
    width:99.6% !important;
}
.cls_dashboard #learning-targets-to-watch .widget-body
{
    padding-bottom: 20px;
    padding-top: 0;
}

.cls_dashboard #learning-targets-to-watch .widget-body .row
{
    padding:3px;
}

.cls_search .playlist-header-left{
    padding-left: 0px !important;
    width:55% !important;
}
.playlist-header-right{
    float: right;
    width:42%;
}
.playlist-header-right #addSection{
    margin-top: 0px;
}
.playlist-header-right #addQuiz{
    margin-top: 0px;
    margin-right: 9px;
}
.playlist-header-right .btn-share-playlist{
    margin-top: 0px !important;
}
.cls_search .btn-share-playlist
{
    color:#ffffff;
    margin-top: 33px;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
    width: 66px !important;
    font-weight: bold;
}
.cls_search .dropdown-share-playlist
{
    float:right;
}
#leftnavfilterform .nav-list
{
    border: none;

}
#leftnavfilterform .nav-list > li
{
    margin-bottom: 20px;
    border: none;

}
#leftnavfilterform .nav-list > li .submenu
{
    border: none;
}
#leftnavfilterform .nav-list > li > a
{
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    background: transparent 0% 0% no-repeat padding-box;
    font: normal normal 600 17px Open Sans;
    color: #707070;
    padding: 0;
    padding-left: 10px;

}
#leftnavfilterform .nav-list > li > a:hover
{
    font: normal normal 600 17px Open Sans;
    color: #707070;
}
#leftnavfilterform .nav-list > li > a > [class*="icon-"]:first-child
{
    font-size: 15px;
    padding: 0 11px 0 1px;
    margin-right: -6px;
}

.cls_search .dropdown-share-playlist .dropdown-menu
{
    left: -102px;
    width: 168px;
}
body:not(.cls_minicourse) ul.dropdown-menu.dist-admin-share
{
    left: -133px !important;
}
body ul.dropdown-menu.dist-admin-share
{
    width: 200px !important;
}
#btnsharewithgroups, #btnsharewithindividuals, #btnsharewithall
{
    text-align: left;
}
.btn-share-playlist .caret{
    margin-left: 4px;
    border-top: 4px solid #FFF;
}
.playlist-button-container
{
    float: right;
}
.playlist-button-container .btn-remove-video ,.playlist-button-container .editSection,.playlist-button-container .editQuiz{
    margin-right: 10px;
}
.playlist-button-container .removeSection{
    margin-right: 6px;
}
.playlist-button-container .btn-remove-video ,.playlist-button-container .removeSection
{
    background-color: transparent !important;
    border-color: #707070 !important;
    color: #707070 !important;

}
.playlist-button-container .btn-remove-playlist
{
    margin-right: 5px;
    background-color: #707070 !important;
    border-color: #707070 !important;
}
.playlist-button-container .btn-remove-video:hover ,.playlist-button-container .btn-remove-playlist:hover,.playlist-button-container .removeSection:hover
{
    background-color: #707070 !important;
    border-color: #707070 !important;
    color: #FFFFFF !important;
}
#modal-for-share .chosen-container.chosen-with-drop .chosen-drop, #modal-for-email-individual .chosen-container.chosen-with-drop .chosen-drop,
#modal-for-comment-individual .chosen-container.chosen-with-drop .chosen-drop
{
    position: relative;
}
#modal-for-share .st-notice-wrapper
{
    width:336px;
}
#modal-for-share .chosen-container-fav .chosen-choices,#modal-for-email-individual .chosen-container-fav .chosen-choices,
#modal-for-comment-individual .chosen-container-fav .chosen-choices
{
    height: 100px !important;
    overflow: auto;
}
#modal-for-share-group .modal-footer , #modal-for-share .modal-footer, #modal-for-email-group .modal-footer,#modal-for-comment-group .modal-footer
{
    margin-top: 0px !important;
}
#modal-for-share-group .message, #modal-for-email-group .message
{
    margin-bottom: 20px;
}
.playlistselected-user
{
    width: 340px;
}
.tag-editor-flashmsg
{
    margin-top: -22px !important;
    margin-left: -10px;
    width: 232px;
}
#playlist-copied .st-notice-wrapper
{
    width: 385px;
}
.notification-container
{
    right: -1px !important;
    top: 96% !important;
    max-height:360px;
    overflow-y: auto; 
}
.notification-container li a
{
    white-space: normal;
}
.notification-container .sender-name
{
    color: #0097ca;
}
.notification-container .notification-date,.notification-container .notification-mark
{
    float: right;
    color: #858585;
    font-size: 10px;
    cursor: pointer;
}
.notification-model-container
{
    float: left;
    border-bottom: 1px dotted #333333;
    padding: 10px 0px 10px 0px;
    width:100%;
    -webkit-transform: translate3d(0,0,0);
}
#modal-for-notification .modal-footer
{
    margin-top: 0px;
}
.notification-details .pull-left
{
    width: 73%;
    word-wrap: break-word;
}
.notification-model-container .sender-name
{
    color: #0097ca;
}
.notification-model-container .pull-right
{
    font-size: 10px;
    color: #858585;
}
.notification-model-container .accept-reject-btn
{
    margin-top: 10px;
}
.accept-notification
{
    margin-right: 7px;
}
.choosenlt-assessment
{
    padding-left: 0px;
}
.choosenlt-assessment .chosen-container
{
    width: 490px !important;
}
.capturegrade-finalstats
{
    width:100%;
    border: 1px solid #ddd;
    display: inline-block;
    margin-top: 20px;
}
.capturegrade-finalstats .pie-chart-table
{
    width:100%;
    border:none;
    margin-top: 0px;
}
.capturegrade-finalstats .widget-custom .widget-body
{
    padding: 0px;

}
.capturegrade-finalstats .widget-custom {
    margin-bottom: 13px;
    margin-top: 13px;
}
.capturegrade-finalstats #detailed-analysis .widget-header1 h3
{
    margin-left: 1px;
    margin-bottom: 10px;
}
.capturegrade-finalstats .piechart-container
{
    padding-right: 0px;
    padding-left: 0px;
}
.capturegrade-finalstats .detailed-analysis-container
{

}
#question-lt-detail #questionDetailLtPopupWrapper .questions p,
#question-lt-detail-overall #questionDetailLtOverallPopupWrapper .questions p,
#question-detail #questionDetailPopupWrapper .questions p,
#question-detail-overall #questionDetailOverallPopupWrapper .questions p
{
    border-bottom:1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#question-lt-detail .lt-check , #question-detail .lt-check,#question-lt-detail-overall .lt-check  , #question-detail-overall .lt-check
{
    float: left;
    width  :10%;
    padding-left: 5px;
}
#question-lt-detail .question-wrapper .answers li span.score-percent,
#question-lt-detail-overall .question-wrapper .answers li span.score-percent,
#question-detail .question-wrapper .answers li span.score-percent,
#question-detail-overall .question-wrapper .answers li span.score-percent
{
    width  :10%;
    text-align: left;
    padding-top: 5px;
}
#question-lt-detail .question-wrapper .answers li span.answers,
#question-lt-detail-overall .question-wrapper .answers li span.answers,
#question-detail .question-wrapper .answers li span.answers,
#question-detail-overall .question-wrapper .answers li span.answers  {
    width: 67%;
    margin-left: 4px;
    padding-top: 5px;
    word-wrap: break-word;
}
#question-lt-detail .question-wrapper .answers li span.answers-text,
#question-lt-detail-overall .question-wrapper .answers li span.answers-text,
#question-detail .question-wrapper .answers li span.answers-text,
#question-detail-overall .question-wrapper .answers li span.answers-text
{
    width: 92%;
}
#question-lt-detail .question-wrapper .answers li span.result,
#question-lt-detail-overall .question-wrapper .answers li span.result,
#question-detail .question-wrapper .answers li span.result,
#question-detail-overall .question-wrapper .answers li span.result
{
    padding-top: 5px;
}
#questionDetailLtPopupWrapper .question-wrapper .answers li,
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li,
#questionDetailPopupWrapper .question-wrapper .answers li,
#questionDetailOverallPopupWrapper .question-wrapper .answers li
{
    list-style: none;
    margin-bottom: 0px;
    min-height: 28px;
}
#questionDetailLtPopupWrapper .question-wrapper .answers li:nth-child(even),
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li:nth-child(even),
#questionDetailPopupWrapper .question-wrapper .answers li:nth-child(even),
#questionDetailOverallPopupWrapper .question-wrapper .answers li:nth-child(even)
{
    background: #fff;
}
#questionDetailLtPopupWrapper .question-wrapper .answers li:nth-child(odd),
#questionDetailLtOverallPopupWrapper .question-wrapper .answers li:nth-child(odd),
#questionDetailPopupWrapper .question-wrapper .answers li:nth-child(odd),
#questionDetailOverallPopupWrapper .question-wrapper .answers li:nth-child(odd)
{
    background: #f2f2f2;
}
#questionDetailLtPopupWrapper .answer ul li span, #questionDetailLtOverallPopupWrapper .answer ul li span, #questionDetailPopupWrapper .answer ul li span, #questionDetailOverallPopupWrapper .answer ul li span
{
    padding-top: 5px;
}
#questionDetailLtPopupWrapper .answer-options-wrapper,
#questionDetailLtOverallPopupWrapper .answer-options-wrapper,
#questionDetailPopupWrapper .answer-options-wrapper,
#questionDetailOverallPopupWrapper .answer-options-wrapper
{
    margin: 10px 0px;
}
#question-lt-detail .modal-footer,
#question-lt-detail-overall .modal-footer,
#question-detail .modal-footer,
#question-detail-overall .modal-footer
{
    margin-top: 0px;
}
#question-lt-detail #filter-students,
#question-lt-detail-overall #filter-students-overall,
#question-detail #item-analysis-filter-students,
#question-detail-overall #item-analysis-filter-students-overall
{
    margin-right: 10px;
}
.capturegrade-finalstats .detailed-analysis-container #table-detailed-analysis canvas
{
    max-width:100%;
}
.table tbody > tr > td.col-item-analysis, .table tbody > tr > td.col-learning-target
{
    white-space: normal;
}
.detailAnalysPopupWrapper #table-detailed-analysis-1 #table-detailed-analysis canvas
{
    max-width:100%;
}
#detailAnalysPopupWrapper #table-detailed-analysis-1
{
    table-layout: auto;
}
#detailAnalysPopupWrapper #table-detailed-analysis-1 .col-scores, #detailAnalysPopupWrapper #table-detailed-analysis-1 .modal-col-item-analysis, #detailAnalysPopupWrapper #table-detailed-analysis-1 .modal-col-learning-target
{
    white-space: normal;
}
#detailAnalysPopupWrapper #table-detailed-analysis-1 .showRow
{
    max-width: 140px;
}
#btClearFilter
{
    margin-top: 5px;
    border-radius: 3px !important;
}
#question-lt-detail .question-wrapper .answers li span.lt-rubric,
#question-lt-detail-overall .question-wrapper .answers li span.lt-rubric
{
    width: 75%;
}
.choosenlt-assessment .chosen-container-multi .chosen-choices li.search-field input[type="text"]
{
    height: 26px;
}
.studentResponse ,.grademeStudentResponse
{
    margin-top: 20px;
    margin-bottom: 20px;
    height:auto !important;
}
#learningTargets .noneditable-mode .form-input-row .studentResponse, .grademeStudentResponse
{
    width:100%;
}
#modal-for-openEndedResponse .modal-dialog , #modal-for-viewcomments .modal-dialog, #modal-for-viewflaggedcomments .modal-dialog
{
    width:95%;
}
#modal-for-batch-upload .modal-dialog
{
    width:75%;
}
.fs16{font-size: 16px;}
.mt10{margin-top:10px;}
.mt20{margin-top:10px;}
.mtb10{margin:10px 0px;}
.pt0{padding-top: 0px !important}
.pl10{padding-left:10px}
.nomtrbl{margin: 0px !important}
.share-align .nomtrbl#shareMenu{margin: 0px !important}
.ml5{margin-left: 5px;}
.bulkbtn .fileinput-button
{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.bulkbtn .fileinput-button input
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;

}
.fileupload-progress .progress{margin-top: 14px;height: 20px;background: #abbac3}
.fileupload-progress .progress-bar{width: 100%;font-weight: 700;padding-top: 2px;color:#fff}
.imgname{width:45%;overflow: hidden;text-overflow: ellipsis}
.updetails .progress{margin-bottom: 0px}
.updetails .progress-bar{background:#79b900}
.imgname .name{margin:0px}
.fontw900{font-weight:900}
.error-eclips{width:100%;overflow: hidden;text-overflow: ellipsis}
.updetails{border: 1px solid #ddd;table-layout:fixed;width:100%}
.updetails > tbody > tr > td{padding: 8px;line-height: 1.428571429;}
.updetails > tbody > tr:nth-child(odd) > td, .updetails > tbody > tr:nth-child(odd) > th{background-color: #f2f2f2;}
.kp li
{
    margin: 2px 0px;
}
.openended-mcq .answers-option-td, .openended-mcq .lt-check-td
{
    text-align: center;
    font-weight: bold;
}
.openended-mcq table tbody > tr > td
{
    vertical-align: top;
}
.openended-mcq .answers-option, .openended-mcq .answers-text
{
    padding-top: 3px;
    display: inline-block;
}
.openended-assessmentDoc input.ace[type="checkbox"]:checked + .lbl:before {
    line-height: 14px !important;
}
.ca-icon input.ace[type="checkbox"]:checked + .lbl:before
{
    background: #68A000 !important;
    color:#fff;
    line-height: 12px !important;
    min-width: 16px !important;
    height: 14px !important;
}
#openendedresponseformwrapper .radio
{
    margin:0px;
    padding-left: 5px;
}
#openendedresponseformwrapper .rubricArena
{
    padding: 10px 0px 0 0px;
}
#openendedresponseformwrapper .radio .lbl
{
    vertical-align: top;
}
.openended-assessmentDoc .assessmentDoc-right .rubricArena {
    padding: 10px 10px 0 10px;
}
.openended-assessmentDoc .assessmentDoc-right .rubricArena .rubric-lbl , .openended-assessmentDoc .assessmentDoc-right .rubricArena .radio
{
    vertical-align: top;
}
#assessment .chosen-container .chosen-choices .search-choice span
{
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 55px;
    white-space: nowrap;
}
.printstudentResponse
{
    margin-right: 10px;
}
.openended-mcq input.searchfilters[type="checkbox"] + .lbl:before
{
    height: 14px;
}
.openended-assessmentDoc {
    margin: auto;
    overflow-y: auto;
    width: 100%;
}
.choosenlt-assessment .lt-edit-mode .lt-edit
{
    margin: 10px 0px;
    float: left;
    word-wrap: break-word;
    width: 100%;
}
.lt-edit-mode .control-label
{
    width: 100%;
    float: left;
}
.border-s1d
{
    border: 1px solid #ddd;
}


.scrollToTop {
    color: #fff;
    background: #2b2a2a;
    color: #fff;
    padding: 6px 5px 5px 10px;
    width: 65px;
    position: fixed;
    font-size: 13px;
    letter-spacing: .05em;
    right: 0;
    bottom: 105px;
    line-height: 26px;
    cursor: pointer;
    text-align: left;
    border-radius: 5px 0 0 5px;
    _position: absolute;
    _top: 0;
    z-index: 1000;
}

.arrow-border {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 6px;
    right: 12px;
    top: 10px;
}
.css-arrow {
    height: 0;
    position: absolute;
    width: 0;
}

.arrow-top {
    border-color: transparent transparent #2b2a2a;
    border-style: solid;
    border-width: 6px;
    right: 12px;
    top: 12px;
}
.openended-flagContainer
{
    margin-top: 20px;
    border-top:1px solid #CEC7C7;
}
.flag-title
{
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px
}
.openended-flagContainer #flag-followup .unflag .popover{
    width:auto;
}
.openended-assessmentnonDoc
{
    border-bottom: 1px solid #CEC7C7;
    margin-bottom: 10px;
}
.openended-assessmentnonDoc:last-child
{
    border-bottom:none;
    margin-bottom: 0px;
}
#docContainer
{
    width: 94%;
    height: 600px;
}

.clearFilter .fa-filter
{
    color: #ffffff;
}
.clearFilter .link-student
{
    text-transform: none;
    padding-left: 0px;
    color: #707070 !important;
    padding: 8px !important;
    font: normal normal bold 17px Open Sans;

}
.guided-tour-btn, .guided-tour-btn:hover, .guided-tour-btn:focus
{
    width: auto !important;
    text-align: center;
    background: #FF7F32 !important;
    border-color: #FF7F32 !important;

}
.PaperScorer .icon-camera
{ float: left;
  position: absolute;
  top: 15px;
  right: 32px;
  font-size: 25px;
}
.PaperScorer .icon-mobile-phone
{
    font-size: 120px;
    line-height: 65px;
    float: right;
    -ms-transform: rotate(270deg);/* IE 9 */
    -webkit-transform: rotate(270deg);/* Safari */
    transform: rotate(270deg);
    margin-right: 20px;
    cursor: pointer;
}
.cls_studentlearning .teamButton-Wrapper
{
    border-right: none;
    height: 29px;
}
#selectStudentLearning
{
    display:inline-block;
    width:235px;
    line-height:18px;

}
.highcharts-axis path
{
    opacity: 0;
}
.highcharts-axis path:first-child, .highcharts-axis path:last-child, .highcharts-axis path:nth-last-child(2){
    opacity: 1;
}
.HighChartEmptyClass .highcharts-axis path:first-child, .HighChartEmptyClass .highcharts-axis path:last-child
{
    opacity: 0;
}
.highcharts-yaxis-labels text:first-child
{
    fill: #d0463d !important;
}
.highcharts-yaxis-labels text:last-child
{
    fill: #21b458 !important;
}
.highcharts-yaxis-labels text:nth-last-child(2)
{
    fill:#f09b2b !important;
}

/* ST-4189 */
/*.advanced_search, #reset_search, .modal-form-align
{
 display: none !important;
}*/
.selectstuname
{
    margin-top: 74px;
}
.selectstuname .icon-long-arrow-up
{
    font-size: 40px;
}
.selectstuname .emptyStudentmsg
{
    margin-top: 14px;
    font-size: 21px;
}
.cls_studentlearning ul.ui-autocomplete
{
    max-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
}
.grademargin
{
    margin-bottom: 15px;
}
.logout-dropdown
{
    min-width: 108px;
    right: 0px !important;
}
.drag-hide
{
    overflow:hidden;
}
.cls_studentlearning .reduce-space-search {
    margin: 1px -8px -16px 16px;
}
.overall-scroll
{
    background: #F3F3F3;
}
.overall-scroll .showRow
{
    font-size: 16px;
    font-weight: 500;
}
.dd-username
{
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cls_admin .sidebar ul.nav-list
{
    border-right: 2px solid #2b7dbc;
}
.login-container .access-trial{height: 233px;width: 500px;}
.access-trial label.control-label{padding-bottom: 10px;}
.cls_admin .align-right-search .modal-form-align {display: none;}
.cls_trial .navbar-header.pull-right .ace-nav.pull-right{display: none;}
.cls_trial .login-container{width: 500px;max-width: 500px;}
#exportTrialUsers{padding: 9px;}
.exportTrialUsersbtn{margin-top: 27px;}
.bootbox.rubricpreview .modal-dialog{width:90%}
.exportcontainer
{
    border:1px solid #ccc;
    padding: 40px 0px;
    background: #fafafa;
    margin-top: 30px;
}
.selectEsText
{
    height:auto;
    margin-top: 10px;
    color: #666;
    font-size: 21px;
    padding: 0px;
    font-weight: 400;
}
a.asmtLinkPacing span{cursor: pointer;text-decoration: underline;font-weight:bold;font-size:14px;margin-bottom:10px}
.cdv .page-content, .cdv .pad0{padding: 0px;}
.cdv .grademecontainer .navbar{min-height: 35px;margin-bottom: 10px;}
.stuname, .asmid
{
    font-size:15px;
    font-weight:bolder;
    color: #fff;
    padding-top: 3px;
}
.stu-lbl,.asmid-lbl
{
    font-weight: normal;
    font-size: 12px;
}
.printonlydoc iframe{height:calc(100vh - 30px)}
.print-layout.cls_assesments .page-content{padding-bottom: 0px}
/* Ipad portrait and landscape mode */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    #navbar-container .col-sm-4 {width:28% !important;}
    .cls_assesments .buildAssessmentDiv .removableDiv .answer-tuple .col-sm-1
    {
        width: 13.333%;
    }
    .cls_assesments .buildAssessmentDiv .removableDiv .answer-tuple .col-sm-10
    {
        width: 72.333%;
    }
    .cls_assesments #table_id_wrapper #table_id {
        width:99.7% !important;
    }
    .cls_assesments #table_id_wrapper #table_id th:nth-last-child(2) {
        margin-right: 4px;
    }
    .cls_assesments #table_id_wrapper #table_id th {
        font-weight: normal !important;
    }
    .li-text
    {
        width: 94% !important;
    }
    .buildAssessmentDiv .documentContainer .document iframe
    {
        height:560px !important;
    }
    .captchagrade .grademecontainer .answer-text-alignment
    {
        width:78.2% !important;
    }
    .captchagrade .grademecontainer .checkbox-heading
    {
        width:5.1% !important;
    }
    .pie-chart-table .proficiency-label ul li span
    {
        min-height: 54px;
    }
    #captureGradeStatsContainer .pie-char-legend
    {
        left: 45%;
    }
    /*#social_links
        {
            margin-top:12px;
        }
    */
    .cls_assesments #captureGradeStatsContainer .proficiency-label ul li {
        min-height: 42px !important;
    }
    .cls_assesments #captureGradeStatsContainer .proficiency-label ul.proficiencyCount li {
        min-height: 36px !important;
        margin-top: -6px;
    }
    .pie-chart-table .proficiency-label ul:nth-child(1)
    {
        float: left;
        margin-bottom: 0;
        margin-top: 0;
    }
    #captureGradeStatsContainer .pie-chart-table .proficiency-label ul li span
    {
        font-size: 9px;
    }
    #learning-target-div
    {
        width:46%;
    }
    .ipad_act_panel .btn-info, .ipad_act_panel .btn-info:focus, .ipad_act_panel .btn-info:hover, .ipad_act_panel .open .btn-info
    {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none !important;
        color: #666666 !important;
        text-shadow: 0 0 0 !important;
    }
    .act_panel_container .ipad_act_panel .input-group-addon
    {
        width:auto !important;
    }
    .act_panel_container .ipad_act_panel .width-20
    {
        width:0% !important;
    }
    .act_panel_container .ipad_act_panel #assesmentperiod
    {
        padding-right:3px;
    }
    .act_panel_container .ipad_act_panel #assesmentperiod #reportrange
    {
        width:auto !important;
    }
    #news-feed .learning-target
    {
        width:auto;
    }
    #page-team-dashboard #news-feed .chosen-container .chosen-choices .search-choice span, #assessment .chosen-container .chosen-choices .search-choice span
    {
        max-width: 465px;
    }
    .selectstuname .icon-long-arrow-up
    {
        font-size: 25px;
    }
    .selectstuname .emptyStudentmsg
    {
        margin-top: 9px;
        font-size: 14px;
    }
    #modal-for-batch-upload .modal-dialog
    {
        width: 80%;
    }
    td.correct-icon{
        width:4%;
    }
    img.garde-icon{
        width:3%;
    }
    .no-garde-icon{
        width:6%;
    }
    .header .nav-tabs {
        font-size: 11px !important;
    }
}

/* Iphone portrait and landscape mode */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #navbar-container #nav-search {
        width: 100%;
    }
    footer #social_links ul > li
    {
        margin-left: 3px;
        margin-bottom: 6px;
    }
    .search-block .input-group {
        margin: 0 auto !important;
    }
    #resetPasswordForm #footer_links {
        margin-left: 0 !important;
        width: 100%;
        margin-bottom: 2px;
    }
    .logout-dropdown
    {
        padding-top: 0px !important;
    }
    /*    #addSection{
            margin-top:12px !important;
        }*/
    /*    .btn-share-playlist{
            margin-top:12px !important;
        }*/
    #modal-form-favorites .modal-body{
        max-height: 200px !important;
    }
    .playlist-section-title{
        margin-left:-3px;
    }

    .sectionIds .text-align-justify{
        padding-left: 0px !important;
    }
    .cls_search .playlist-header-left{
        padding-left: 0px !important;
        width:100% !important;
    }
    .playlist-header-right{
        float: none;
        width:100%;
        margin:0px;
    }
    .playlist-header-right .btn-share-playlist{
        margin-top: 12px !important;
    }
    .playlist-header-right #addQuiz{
        margin-top: 11px;
    }
    #quiz .col-xs-12, #quiz #learningTargets{
        padding-right:0px;
    }
    #quiz .buildQuizDiv{
        padding-left:0px;
        padding-right:0px;
    }
    #quiz #learningTargets{
        width:104%;
    }
    #quiz .answerBlock label:first-child{
        padding-left:0px;
    }
    #quiz .answerBlock .col-xs-8 {
        width:57%;
    }
    #quiz .answerBlock .col-xs-2 {
        width:20%;
    }
    #quiz .quiz-question-btn{
        margin-top:10px;
    }
    #quiz .addMoreAnswer .col-xs-12{
        padding-left:0px;
    }
    #quiz #learningTargets .noneditable-mode .form-input-row{
        min-width:0px !important;
    }

    td.correct-icon{
        width:13% !important;
    }
    img.garde-icon{
        width:8%;
    }
    .no-garde-icon{
        width:17%;
    }
    .learning-capture-grade .widget-capture-quiz .quiz-a-text{
        padding-left: 14% !important;
    }
}
@media screen and (max-width: 1280px) {
    .cls_assesments .prof-check-align
    {
        width:85%;
    }
}
/* Iphone portrait mode */
@media screen and (max-device-width : 320px) and (orientation:portrait) {
    #signIn #copyright {margin-left:-50px;}
    .cls_search #mainsearchdatacontainer .row .col-sm-2 {margin-bottom:12px;}

    /* Sign-in page code for Iphone (portrait mode)*/
    .cls_login .help-block {margin-left: 8px;}
    .cls_login  span.input-icon {
        margin-left: 9px;
    }
    #signIn .contentWrapper {margin-left: -139px !important;}
    #signIn .content {
        margin-left: 0px !important;
        width: 100% !important;
        overflow: hidden;
    }
    #signIn .form-control {width:87% !important;}
    #signIn #default-buttons {margin-left: 9px;width: 84%;}


    /*    #footer_links a:nth-child(3) {
            margin-right: 51px;
        }
        #footer_links a:nth-last-child(3) {
            margin-right: 4px;
        }
        .cls_search #footer_links a:nth-child(1) {
            margin-right: 28px;
        }
        .cls_search #footer_links a:nth-child(3) {
            margin-right: 40px !important;
        }*/
    .cls_search #social_links h2
    {
        vertical-align: top;
    }
    .cls_search #footer_links a:nth-child(3) {
        margin-right: 8px !important;
    }
    .login-layout .login-container {
        margin: 20px auto;
    }
    .login-layout .login-container .login-box .account-choser h4 {margin-top: 4px;}
    .login-container .position-relative .login-box {
        margin-bottom: 40px !important;
    }
    .login-layout .login-container
    {
        margin-top: 70px !important;
    }
    #fileHandler
    {
        width: 100% !important;
        height:200px !important;
    }
    #resetPasswordForm #default-buttons .btnlogin {
        width: 245px !important;
    }
    #resetPasswordForm .block
    {
        margin-top: 10px !important;
        width: 282px;
    }
    #resetPasswordForm .block #copyright
    {
        margin-left:0px !important;
    }
    #resetPasswordForm #footer_links
    {
        margin-bottom: 2px;
    }
    #resetPasswordForm .help-block
    {
        font-size: 12px !important;
        color:#ffffff !important;
    }
    .li-text
    {
        width: 88% !important;
    }
    #signIn #footer_links {width:90%;}
    #signIn #resetPasswordForm #footer_links {width:115%;margin-left:40px;}

    .buildQuizQuesBtn{
        padding-right: 11px;
    }
}

/* Samsung Galaxy S3 portrait mode */

@media screen and (max-device-width : 720px) and (orientation:portrait)
{
    .cls_search #mainsearchdatacontainer .row .col-sm-2 {margin-bottom:12px;}
    .search-block .input-group {
        width: 180px !important;
    }
    .search-block .input-group {
        margin: 0 auto !important;
    }
    .navbar .navbar-header.pull-left {
        display: block;
        float: none !important;
    }
    input[type='text'],input[type='number'],input[type='password'],textarea {font-size:16px;}
    input[type="text"]:focus, input[type="password"],textarea:focus, select:focus {
        font-size: 16px;
    }
    .li-text
    {
        width: 88% !important;
    }

}

/* Samsung Galaxy S3 landscape mode */
@media only screen and (min-device-width : 719px) and (max-device-width : 721px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : landscape)
{

    #signIn .content
    {
        height:426px;
    }
    #signIn #footer_links
    {
        margin-bottom: 5px;
    }
    #signIn .form-login-horizontal .has-error
    {
        margin-bottom: 6px;
    }
    .li-text
    {
        width: 88% !important;
    }
    .cls_search #footer_links a:nth-child(3) {
        margin-right: 0px !important;
    }
    .cls_search #social_links
    {
        margin-top:-80px;
        margin-left:280px;
    }
    .cls_search #social_links h2
    {
        vertical-align: top;
    }
}

/* Only Samsung Galaxy 3 portrait mode */
@media only screen and (device-width: 720px) and (device-height: 1280px) and (orientation: portrait)
{

    #signIn .content {
        margin-left: 10px !important;
        width: 320px !important;
    }
    #fileHandler
    {
        width: 100% !important;
        height:200px !important;
    }
    #signIn .content
    {
        margin-left:0px;
    }
    .li-text
    {
        width: 88% !important;
    }

    .cls_search #footer_links a:nth-child(2) {
        margin-right: 0px !important;
    }
    .cls_search #social_links h2
    {
        vertical-align: top;
    }
    .cls_search #footer_links a:nth-child(3) {
        margin-right: 20px !important;
    }

}

@media only screen and (device-width: 1280px) and (device-height: 720px) and (orientation: landscape)  {
    .cls_search #mainsearchdatacontainer .row .col-sm-2 {margin-bottom:12px;}
    .search-block .input-group {
        width: 210px !important;
        margin-left: 75px;
    }
    input[type='text'],input[type='number'],input[type='password'],textarea {font-size:16px;}
    input[type="text"]:focus, input[type="password"],textarea:focus, select:focus {
        font-size: 16px;
    }
}
/* Iphone landscape mode */
@media screen and (max-device-width : 480px) and (orientation:landscape) {
    #signIn #footer_links {margin-left:0px; width:100%;}
    .cls_search #mainsearchdatacontainer .row .col-sm-2 {margin-bottom:12px;}
    #footer_links a:nth-child(2) {
        margin-right: 0px;
    }
    #footer_links a:nth-last-child(2) {
        margin-right: 1px;
    }
    .footer-right {margin-top:9px !important;}
    #signIn
    {
        height: 100%;
    }
    .login-layout .login-container {
        margin: 20px auto;
        margin-top: 0px;
    }
    #resetPasswordForm .block
    {
        margin-top: 10px !important;
    }
    #resetPasswordForm #footer_links {
        width: 100% !important;
        margin-bottom: 2px !important;
    }
    #resetPasswordForm .help-block
    {
        font-size: 12px !important;
        color:#ffffff !important;
    }
    .li-text
    {
        width: 96% !important;
    }
    footer .footer-left {
        float: left !important;
        width: 63%;
    }
    footer .st-logo {text-align: left;}
    .footer-right {
        clear: none !important;
        float: right !important;
        width: 32%;
    }
    footer .st-logo {float:left;}
    .cls_search #footer_links a:nth-child(1) {
        margin-right:0px !important;
    }
    .cls_search #footer_links a:nth-child(2) {
        margin-right: 45px !important;
    }

    .cls_search #footer_links a:nth-child(3) {
        margin-right: 0px !important;
    }
    .search-block .input-group
    {
        width: 40%;
    }
    td.correct-icon{
        width:6% !important;
    }
    img.garde-icon{
        width:4%;
    }
    .no-garde-icon{
        width:8%;
    }
    .learning-capture-grade .widget-capture-quiz .quiz-a-text{
        padding-left: 5% !important;
    }
    .tr-grade{
        padding-bottom: 0px !important;
    }
}
/* Iphone 5c landscape mode */
@media only screen and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
    .cls_search #footer_links a:nth-child(1) {
        margin-right:18px !important;
    }
    .cls_search #footer_links a:nth-child(2) {
        margin-right: 18px !important;
    }

    .cls_search #footer_links a:nth-child(3) {
        margin-right: 3px !important;
    }
    .cls_search #footer_links a:nth-last-child(2) {
        margin-right: 13px;
    }
}

.cls_assesments .noneditable-mode .control-group {
    width: 28.667% !important;
}
.assesment-box {margin-left:14px;}
.capturegrade footer {position:static;}
.cls_assesments .removableDiv .answer-tuple label {vertical-align: text-bottom;}
.cls_assesments .removableDiv .answer-tuple .option-alphabets {margin-left: 2px !important;margin-top: 2px;}
.cls_assesments .removableDiv .answer-tuple .answerBlock textarea {margin-top: 5px;}
.login-layout .login-container .login-box .account-choser h4 {margin-top: 4px;}

/* Ipad portrait mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .login-container
    {
        margin: 300px auto !important;
    }
    .cls_dashboard #teamButtonWrapper
    {
        width: 70px;
    }
    .cls_dashboard #teamButtonWrapper #groupsMenu
    {
        padding-left: 0;
        padding-right: 0;
    }
    .cls_dashboard #standardsWrapper #standardsMenu
    {
        padding-left: 2px;
        padding-right: 2px;
    }
    .cls_dashboard #assesmentperiod
    {
        padding-right:0px;
    }
    .cls_dashboard #assesmentperiod span.input-group-addon
    {
        border-right: 1px solid #d5d5d5;
    }
    .cls_dashboard #assesmentperiod #reportrange
    {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none;
        font-size: 0;
    }
    .cls_assesments .act_panel
    {
        width: 554px;
    }
    .cls_assesments #assessment .act_panel
    {
        width: 554px;
    }
    .cls_dashboard #page-team-dashboard .act_panel
    {
        width: 352px;
    }
    .cls_assesments .row-fluid .act_panel
    {
        width:554px !important;
    }
    .cls_assesments .assesmentsactpanel
    {
        width:410px !important;
    }
    .cls_dashboard #page-team-dashboard .act_panel .row
    {
        margin-right: 0px;
    }
    .cls_dashboard #page-team-dashboard .act_panel .width-20
    {
        width:5% !important;
    }
    .cls_dashboard #learning-targets-to-watch .widget-body .row
    {
        padding: 0;
    }
    .cls_dashboard #learning-targets-to-watch #table_id_wrapper #table_id td
    {
        padding-top:7px !important;
    }
    .cls_dashboard .daterangepicker
    {
        right: 10px !important;
    }
    .cls_assesments .row-fluid #modal-for-flag .modal-dialog #flagformwrapper .assessmentdisplay:nth-child(1)
    {
        float: right;
        width: 55% !important;
    }
    .tree .icon-down
    {
        margin-left: -5px !important;
        margin-top: 2px !important;
    }
    .cls_assesments #learningTargets .innerContainer .add-question-text-div .documentContainer
    {
        margin-bottom: -60px;
    }

    .cls_assesments .login-layout .answer-options-wrapper iframe
    {
        margin-bottom: -20px;
    }
    .print-layout .answerOptions .option-checkbox .print-checkboxes-ipad
    {
        height: 11px !important;
        margin-top: 3px !important;
        width: 12px !important;
    }
    .li-text {
        width: 92% !important;
    }

    .captchagrade .grademecontainer .question-option-heading
    {
        width:9% !important;
    }
    .captchagrade .grademecontainer .checkbox-boxes
    {
        margin-left:6px;
    }
    .collapse-div
    {
        width:50% !important;
    }
    .camera-view-box #gradeCamMainDiv .camera-invisible:before
    {
        content:"Coming soon on ipad";
        color:#ffffff;
        position:absolute;
        top:45%;
        left:28%;
    }
    .pie-char-legend ul li
    {
        line-height:16px;
    }
    .cls_assesments .row-fluid .custom-page-header .btn.btn-round {
        min-width: 47px !important;
    }

    /* ST-2347 */
    #closeModal
    {    margin:0px !important;
         padding:0px !important;
    }
    ul.dynatree-container ul
    {
        margin-top: 3px;
    }
    .rubricdoccontainer .rubric-lbl
    {
        width:16% !important;
    }
    .capturegrade-finalstats .detailed-analysis-container #table-detailed-analysis canvas
    {
        max-width: 100%;
    }
    .testimonial-container
    {
        margin-top: 32%;
    }
    .testimonial-container h1
    {
        font-size: 18px;
    }
    .guided-tour-btn
    {
        width: auto !important;
    }
    #signIn .content
    {
        margin: 0 0 0 0px;
    }
    .testimonial-container {
        margin-left: 400px;
    }
    .quote-banner.gpd-quotes ul li p
    {
        font-size: 14px;
    }
    .quote-banner ul li p .quote-title
    {
        font-size: 12px;
    }
    .dd-username
    {
        max-width: 115px;
    }
    body.modal-open
    {
        position: fixed;
        overflow: hidden
    }
    body.login-layout.modal-open, body.cls_admin.modal-open
    {
        position: initial;
        overflow: hidden
    }
    .cls_admin .table.table-bordered thead tr th
    {
        vertical-align: top;
    }
    .printonlydoc iframe
    {
        height:calc(100vh - 80px)
    }
}

/* Ipad landscape mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .login-container
    {
        margin: 180px auto !important;
    }
    .login-layout footer {bottom:15px;}
    .cls_dashboard #assesmentperiod
    {
        padding-right:0px;
    }
    .cls_dashboard #assesmentperiod span.input-group-addon
    {
        border-right: 1px solid #d5d5d5;
    }
    .cls_dashboard #assesmentperiod #reportrange
    {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none;
        font-size: 0;
    }
    .cls_dashboard #page-team-dashboard .act_panel
    {
        width: 385px;
    }
    .cls_dashboard #page-team-dashboard .act_panel .row
    {
        margin-right: 0px;
    }
    .cls_dashboard #page-team-dashboard .act_panel .width-20 {width:5% !important;}
    .cls_dashboard .daterangepicker
    {
        right: 10px !important;
    }
    .cls_assesments #reportrange
    {
        width:170px;
    }
    .cls_assesments #table_id_filter input
    {
        width: 145px;
    }
    .tree .icon-down
    {
        margin-left: -5px !important;
        margin-top: 2px !important;
    }
    .cls_assesments #learningTargets .innerContainer .add-question-text-div .documentContainer
    {
        margin-bottom: -60px;
    }
    .cls_assesments .login-layout .answer-options-wrapper iframe
    {
        margin-bottom: -20px;
    }

    .print-layout .answerOptions .option-checkbox .print-checkboxes-ipad
    {
        height: 11px !important;
        margin-top: 4px !important;
        width: 12px !important;
    }
    .li-text {
        width: 94% !important;
    }
    .collapse-div
    {
        width:50% !important;
    }
    .camera-view-box #gradeCamMainDiv .camera-invisible:before
    {
        content:"Coming soon on ipad";
        color:#ffffff;
        position:absolute;
        top:45%;
        left:28%;
    }
    .cls_assesments .act_panel
    {
        width: 554px;
    }
    .search-block .input-group
    {
        /*        width:80% !important;*/
        /*        margin-left:120px;*/
    }
    .cls_assesments .assesmentsactpanel
    {
        width:410px !important;
    }
    .cls_assesments .row-fluid .act_panel
    {
        width:554px !important;
    }
    /* ST-2347 */
    #closeModal
    {    margin:0px !important;
         padding:0px !important;
    }
    .capturegrade-finalstats .detailed-analysis-container #table-detailed-analysis canvas
    {
        max-width: 100%;
    }
    .testimonial-container h1
    {
        font-size: 28px;
    }
    .guided-tour-btn
    {
        width: auto !important;
    }
    #signIn .content
    {
        margin: 0 0 0 0px;
    }
    .testimonial-container {
        margin-left: 400px;
    }
    .quote-banner.gpd-quotes ul li p
    {
        font-size: 16px;
    }
    .quote-banner ul li p .quote-title
    {
        font-size: 14px;
    }
    .dd-username
    {
        max-width: 137px;
    }
    body.modal-open
    {
        position: fixed;
        overflow: hidden
    }
    body.login-layout.modal-open, body.cls_admin.modal-open
    {
        position: initial;
    }
    .printonlydoc iframe
    {
        height:calc(100vh - 80px)
    }

}

/* for tool and tip suggesion hide/show
.badge-minus-icon {
    background-color: #fff !important;
    border-radius: 10px;
    color: #428bca;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    min-width: 4px;
    padding: 0 7px 4px 6px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-right: 2px;
}
.badge-plus-icon {
    background-color: #fff !important;
    border-radius: 10px;
    color: #428bca;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin-right: 2px;
    min-width: 4px;
    padding: 3px 5px 4px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}*/

/*.icon-plus {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
    box-sizing: border-box !important;
}*/

/* Below code for drop down arrow size for ipad (testing) */
.tree .icon-down[class*="icon-"]:first-child:before {
    display: block;
    content: "\25BA";
    font-family: "Open Sans";
    /*font-size: 16px;*/
    position: relative;
    z-index: 1;
}
.icon-down:before {
    content: "";
}
.tree .icon-down[class*="icon-"]:first-child{
    box-sizing: content-box;
    height: 11px;
    line-height: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 11px;
    z-index: 1;
    /*-moz-transform:scaleX(-1) rotate(90deg);
    -o-transform:scaleX(-1) rotate(90deg);
    -webkit-transform:scaleX(-1) rotate(90deg);
    transform:scaleX(-1) rotate(90deg);*/
    -webkit-background-clip:padding-box; /* IOS fix */
    background-clip:padding-box; /* IOS fix */
}

.cls_assesments .login-layout .answer-options-wrapper iframe
{
    height:545px !important;
}
.cls_assesments .login-layout .grademedocH .answer-options-wrapper iframe
{
    height:560px !important;
}
.cls_assesments .login-layout .cap-frame-height iframe
{
    height:600px !important;
}


.cls_dashboard #distribution-of-student-scores #piechart-message
{
    width: 100% !important;
    padding-top: 34px !important;
}
.cls_assesments .row-fluid #modal-for-flag .modal-dialog #flagformwrapper .assessmentdisplay:nth-child(1)
{
    float: right;
}

/*.cls_assesments .modal-dialog #updateScoreForm .assessmentdisplay:nth-child(4)
{
    width: 40%;
}*/


.cls_assesments .grademecontainer .rubricArena
{
    padding-left:0px;
}

.cls_assesments .answer-tuple .form-group label
{
    text-transform: capitalize;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait)
{
    #signIn .contentWrapper
    {
        margin-top:-175px !important;
    }
    #signIn .content
    {
        height:110% !important;
    }

}

.cls_dashboard #learning-targets-to-watch #table_id .progress
{
    margin-bottom: 10px;
    margin-top: 10px;
}
.cls_dashboard #learning-targets-to-watch #table_id .showRow
{
    height: 26px;
    line-height: 26px;
}
.print-layout .main-content
{
    margin-left: 0;
}
.cls_assesments #assessment #buildAssessmentDiv .rubricDetails .maxHeight-300 tr td .col-sm-12
{
    width:205px;
}
.printpagerubric
{
    text-align: left !important;
}

.after-focus-iphone .contentWrapper
{
    margin-top:-195px !important;
}
.after-focus-iphone .content
{
    height:105% !important;
}
.ipad-after-focus .content
{
    height:105% !important;
}
input.ace[type="checkbox"]:checked + .lbl:before
{
    line-height: 13px !important;
    min-width: 16px !important;
}
.cls_roles input.ace[type="checkbox"]:checked + .lbl:before
{
    line-height: 14px !important;
    min-width: 16px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .leftnavfilterform input.ace[type="checkbox"]:checked + .lbl:before
    {
        line-height: 11px !important;
        min-width: 16px !important;
    }
}
input.ace[type="checkbox"] + .lbl:before {
    min-width: 16px !important;
    font-family: fontawesome;
}
.cls_assesments #toggleButtons .btn-small {
    font-size: 11px;
}
#signIn #resetPasswordForm .back-to-login-link {color:#ffffff;}
.studentid-error
{
    color: #d16e6c;
}
.questionArena .answer-options-wrapper
{
    border-bottom: 1px dotted;
    margin-bottom: 12px;
}
/*
.questionArena:nth-last-child(3) .answer-options-wrapper
{
    border:none;
    margin-bottom:0px;
}
*/
/* code for reset password page issue for iphone4 landscape mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape)
{
    #resetPasswordForm .help-block
    {
        margin-top: 0 !important;
        font-size: 12px;
    }
    #resetPasswordForm label
    {
        margin-top: 0 !important;
    }
    #resetPasswordForm span.input-icon
    {
        margin-top: 3px !important;
    }
}

/* code for reset password page issue for iphone4 portrait mode */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait)
{
    #resetPasswordForm .help-block
    {
        margin-top: 0 !important;
        font-size: 12px;
    }
    #resetPasswordForm label
    {
        margin-top: 0px !important;
    }
    #resetPasswordForm span.input-icon
    {
        margin-top: 3px !important;
    }
    #resetPasswordForm
    {
        margin-top: -15px !important;
    }
    .form-login-horizontal
    {
        margin-top:-12px !important;
    }
    .form-login-horizontal div.block
    {
        margin-top:10px !important;
    }
}
@media (max-width: 767px) {
    .login-container .access-trial{width: 100%;}
    .login-layout.cls_trial .main-content{padding: 0px}
    .cls_trial .login-container{width: 100%;margin:20px auto !important}
    input[type='text'],input[type='number'],input[type='password'],textarea {font-size:16px !important;}
    .daterangepicker .ranges .input-mini{
        font-size:11px !important;
    }
    input[type='text'].font-sm{
        font-size:12px !important; 
    }
}
@media (max-width: 419px) {
    .custom-page-header .align-right{display: none}
    .cls_admin .dataTables_filter input[type="text"]{width: 142px;}
}

.cls_search .infinite-scroll #scrollPanel .message_box .no-padding-left p{
    overflow: hidden;
    word-wrap: break-word;
}

#resetPasswordForm .help-block
{
    color: #ffffff !important;
}
.clientwrapper
{
    overflow-y: auto;
    max-height:147px;
}
.clientwrapper-multi-client
{
    overflow-y: auto;
    height: 100%;
}

/* css for ipad/iphone zooming issue resolved updated
.after-focus-land-ipad .content
{
    height:102% !important;
}
*/

/* code for cms pages */

.privacy-policy .page-title h1
{
    font-family: 'Source Sans Pro','Open Sans','Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 29px;
    color: #0097ca;
}
.privacy-policy .std h2 {
    color: #65a0ce;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 12px;
}
.privacy-policy .std p {
    color: #393939;
    font-size: 12px;
    margin: 6px 0 6px 3px;
    text-align: left;
    line-height: 17px;
}
.privacy-policy-content
{
    margin-left:0px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
}
.policy-disclaimer
{
    margin-left:3px;
    margin-top: 6px;
}
.policy-disclaimer li
{
    list-style: none;
    margin-bottom: 6px;
    margin-top: 6px;
}
.policy-disclaimer-child
{
    list-style: none;
    margin-bottom: 6px;
}
.li-digit
{
    float:left;
}
.li-text
{
    float: left;
    margin-left: 5px;
    width: 97%;
}
.clear
{
    clear:both;
}
.search-position-portrait
{
    margin-left:75% !important;
}
.search-position-portrait .search-query
{
    width:185px !important;
}
/*.search-position-landscape
{
    margin-left:170px !important;
}*/
/*.search-position-landscape .search-query
{
    width:220px !important;
}*/



/* css for flag for follow up and learning tabs */

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

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


/* Students Flagged */
#students-flagged-wrapper {
    text-align: right;
}

#students-flagged {
    display: inline-block;
}

#students-flagged .count {
    background: #d0021b;
    border-radius: 4px 0 0 4px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    min-width: 34px;
    padding: 0 5px;
    text-align: center;
}

#students-flagged .meta {
    background: #fae5e8;
    border: 1px solid #d0021b;
    border-radius: 4px;
    color: #d0021b;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 32px;
    padding: 0 10px;
}

#students-flagged .meta i {
    color: #f1b7be;
    font-size: 10px;
    font-style: normal;
    line-height: 1;
    margin-left: 5px;
}



/* 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; }



/* Learning Targets */
#learning-targets-to-watch .meter {
    background: #4b93cf;
    color: transparent;
    display: inline-block;
    height: 5px;
    overflow: hidden;
}



/* Flag for followup Feed */
#flag-followup {
    background: #f2f2f2;
}

#flag-followup .bubble {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    margin: 20px 0 0 50px;
    position: relative;
}

#flag-followup .bubble:before,
#flag-followup .bubble:after {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    top: 50%;
}

#flag-followup .bubble:before {
    border-width: 7px 7px 7px 0;
    border-right-color: #ddd;
    left: -7px;
    top: 20px;
}

#flag-followup .bubble:after {
    border-width: 6px 6px 6px 0;
    border-right-color: #f7f7f7;
    left: -6px;
    top: 21px;
}

#flag-followup .news-item-meta {
    padding: 5px 8px;
}

#flag-followup .news-item-content
{
    padding: 6px;
}
#flag-followup .news-item-add-comment,
#flag-followup .inner-comment {
    padding: 10px;
}
#flag-followup .news-item-content p
{
    margin-bottom:0px;
    font-size: 11px;
}
#flag-followup .avatar {
    background: none repeat scroll 0 0 #ccc;
    border-radius: 4px;
    height: 32px;
    left: -51px;
    position: absolute;
    width: 32px;
}

#flag-followup textarea {
    font-size: 12px;
    line-height: 1.2;
    padding: 9px 10px;
    width: 100%;
}
.edit-post-icon {
    background: url("../img/edit-post-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-left:4px;
    cursor:pointer;
}

.post-flag-icon
{
    /* background: url("../img/post-flag-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     display: inline-block;
     height: 14px;
     width: 13px;
     opacity:0.6;*/
}

/* News Feed - Add New Comment */
#add-new-comment .bubble:before {
    top: 13px;
}

#add-new-comment .bubble:after {
    /*border-right-color: #fff;*/
    top: 14px;
}
#form-add-new-comment .bubble:after, #form-add-new-comment-sl .bubble:after {
    border-right-color: #fff;
}
.selected-flag-options {
    margin-left: 50px;
    margin-top: 8px;
    border:1px solid #ddd;
    padding:4px;
}

#form-add-new-comment textarea, #form-add-new-comment-sl textarea {
    background: transparent;
    border: 0;
}

/*#form-add-new-comment button {
  display: none;
  margin: 12px 0 0 50px;
}*/



/* News Feed - Add New Comment - Is Focused */
#add-new-comment.is-focused .bubble {
    border-color: #92bee2;
    box-shadow: 0px 0px 5px 0px rgba(75,146,207,0.30), 0px 1px 0px 0px rgba(0,0,0,0.05);
}

#add-new-comment.is-focused .bubble:before {
    border-right-color: #92bee2;
}

#add-new-comment.is-focused #form-add-new-comment textarea, #add-new-comment.is-focused #form-add-new-comment-sl textarea  {
    height: 75px;
}

#add-new-comment.is-focused #form-add-new-comment button, #add-new-comment.is-focused #form-add-new-comment-sl button  {
    display: block;
}



/* News Feed - Individual Item */
#flag-followup .news-item-meta {
    background: #f7f7f7;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    position: relative;
}

#flag-followup .commentor {
    font-weight: bold;
}

#flag-followup .time {
    color: #9d9d9d;
    font-size: 11px;
    position: absolute;
    right: 15px;
}

#flag-followup .learning-target {
    color: #565656;
    display: block;
    font-size: 11px;
}

#flag-followup .news-item-content {
    font-size: 13px;
}

#flag-followup .news-item-content > :last-child,
#flag-followup .comment-content > :last-child {
    margin-bottom: 0;
}

#flag-followup .news-item-add-comment {
    padding-top: 0;
}

/* Inner Comments */
#flag-followup .inner-comment {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: -1px;
    padding-left: 40px !important;
    position: relative;
}

#flag-followup .inner-comment:first-child {
    margin-top: 0;
}


#flag-followup .inner-comment .avatar {
    height: 20px;
    left: 7px;
    width: 20px;
    background:#ccc;
}

#flag-followup .has-comments .news-item-add-comment {
    background: #f7f7f7;
    border-radius: 0 0 4px 4px;
    padding: 8px;
}



/* News Feed - Attachment Item */
#flag-followup .has-attachment .thumbnail {
    border: 1px solid #bbb;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    position: relative;
    width: 250px;
}

#flag-followup .has-attachment .thumbnail:hover:after {
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    content: "View document";
    height: 100%;
    left: 0;
    line-height: 100px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}
.yellowdiv{
    width:15px;
    background-color: #FFA500;
}
.greendiv{
    width:15px;
    background-color: green;
}
.reddiv{
    width:15px;
    background-color: red;
}
.bproficient{
    width:60px;
}
#flag-followup
{
    border:none !important;
}
#flag-followup .widget-body
{
    border:none !important;
}
.image-upload-box
{
    height:26px;
    line-height:26px;
    background:#f7f7f7;
    border-top: 1px solid #ddd;
    color:#858585;
    font-size: 10px;
    background-image:url('../img/upload-icon.png');
    background-repeat: no-repeat;
    padding-left:15px;
    background-position: 0px 4px;
    cursor:pointer;
}
.uploadfile
{
    background: url("../img/attach-icon.png") no-repeat scroll -5px 0px #f2f2f2;
    border-bottom: 1px solid #ddd;
    border-image: none;
    color: #bbbbbb;
    font-size: 12px;
    height: 34px;
    line-height: 36px;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 10px;
    border:none;
    /*margin-right: 4px;
    margin-left:3px;*/
}
#news-feed #form-add-new-comment textArea, #news-feed #form-add-new-comment-sl textArea
{
    min-height:75px;
}
.user-list
{
    margin-left: 50px;
    margin-top: 8px;
}
.user-list select.form-control {
    font-size: 12px;
    height: 30px;
    padding: 0;
    border-radius: 4px;
    color:#444444;
}
.inner-comment .comment-content
{
    margin-top: 4px;
    margin-bottom: 4px;
}
.edit-post-icon1 {
    background: url("../img/edit-post-icon1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 13px;
    width: 14px;
    margin-left:4px;
}
.select-student-optional
{
    float:left;
    width:50%;
    margin-top: 0px;
    margin-right:12px;
}
.post-comment-btn
{
    float:right;
}
.posted-list
{
    margin-top: 12px;
    border:1px solid #ddd;
    border-top:none;
    border-radius:4px;
    margin-left: 50px;
}
.posted-list textarea
{
    background: none repeat scroll 0 0 #ffffff !important;
    border: 1px solid #ccc !important;
}

/* code for remove question text (working fine using the below css code)*/
#assessment .buildAssessmentDiv .removeQuestion a
{
    margin-bottom: 5px;
    margin-top: 10px;
    display:block;
}
#assessment .buildAssessmentDiv .removeQuestion a:hover
{
    text-decoration:none;
}
#assessment .buildAssessmentDiv .hr, #quiz .buildQuizDiv .hr
{
    clear: both;
}
#learningTargetsWrapper .form-group .hr
{
    margin-top:0px !important;
}
#assessment .buildAssessmentDiv .removeQuestion
{
    margin-bottom:6px;
}
.captchagrade .grademecontainer .answer-text-alignment
{
    width:80%;
    margin-left:35px;
}
#form-remove-new-comment textarea, #form-update-comment textarea, #form-update-comment-sl textarea {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    min-height: 75px;
}
.delete-uploaded-box
{
    border-bottom: 1px solid #ddd;
    border-image: none;
    border-left: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-right: 1px solid #ddd;
    border-top: 0 none !important;
    color: #858585;
    font-size: 10px;
    height: 34px;
    line-height: 34px;
    margin-left: 50px;
    margin-top: -2px;
    background:#f7f7f7;
    cursor:pointer;
}

.delete-uploaded-doc span, .newsfeed-image-upload-box span, .delete-uploaded-doc-sl span
{
    cursor:pointer;
}
.flag-position
{
    text-align: right;
    margin-top:2px;
}
.comment-content textarea
{
    padding:5px !important;
}
#news-feed .form-add-new-item-comment textarea
{
    padding:5px !important;
}
.post-comment-button button
{
    margin-top:14px;
    margin-right:6px;
}
.update-comment .post-comment-btn
{
    float: left;
    margin-left: 50px;
    margin-top: 14px;
}
.comment-under-update-box
{
    background: none repeat scroll 0 0 #fff;
    margin-left: 50px;
    margin-top: 30px;
    border:1px solid #dddddd;
    border-radius:6px;
}
.comment-under-update-box .first-comment
{
    border-top:0px !important;
}

/* Code for text indent of arrow and checkbox text */
.cls_groups .tree-item-name, .cls_groups .tree-folder-name
{
    display: inline-block !important;
    width: 97%;
}
.cls_groups .tree .icon-plus[class*="icon-"]:first-child, .cls_groups .tree .icon-minus[class*="icon-"]:first-child
{
    /*line-height: 26px !important;
    vertical-align: top !important;*/
}
.cls_groups .tree .tree-item > [class*="icon-"]:first-child
{
    vertical-align: top !important;
    margin-top: 4px !important;
}
.cls_groups .tree .icon-down[class*="icon-"]:first-child
{
    margin-top: 6px !important;
    vertical-align: top !important;
}

.cls_academicstandard .tree-item-name, .cls_academicstandard .tree-folder-name
{
    display: inline-block !important;
    width: 97%;
}
.cls_academicstandard .tree .icon-plus[class*="icon-"]:first-child, .cls_academicstandard .tree .icon-minus[class*="icon-"]:first-child
{
    /* line-height: 26px !important;
     vertical-align: top !important;*/
}
.cls_academicstandard .tree .tree-item > [class*="icon-"]:first-child
{
    vertical-align: top !important;
    margin-top: 6px !important;
}
.cls_academicstandard .tree .icon-down[class*="icon-"]:first-child
{
    margin-top: 4px !important;
    vertical-align: top !important;
}
#form-update-comment .bubble:after, #form-update-comment-sl .bubble:after
{
    border-right-color: #ffffff !important;
}
.multiple-LTs .bubble:before
{
    top: 12px !important;
}
.multiple-LTs .bubble:after
{
    top: 13px !important;
}
.multiple-LTs .bubble .avatar
{
    top:0px;
}
.multiple-LTs .news-item-content h5
{
    font-style: normal;
}
.multiple-LTs .news-item-content h5 {
    font-size: 13px;
    font-style: normal;
    margin-bottom: 20px;
    margin-top: 0;
}
.news-item-meta .date-time
{
    line-height: 18px;
    vertical-align: top;
}
.news-item-content .date-time
{
    line-height: 14px;
    vertical-align: top;
}
#form-update-comment .bubble:before, #form-update-comment-sl .bubble:before
{
    top:13px !important;
}
#form-update-comment .bubble:after, #form-update-comment-sl .bubble:after
{
    top:14px !important;
}
.custom-button
{
    background-color: #68a000 !important;
    border: medium none !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 8px;
}
.custom-button-cancel
{
    border: medium none !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 8px;
}
.custom-button-grey
{
    background-color: #cccccc !important;
    border: medium none !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666666;
    font-weight: normal;
    padding: 4px 8px;
}
.post-comment-btn button
{
    float:left;
}
.post-comment-btn button.custom-button-grey
{
    margin-left:6px !important;
}
.post-comment-button button
{
    padding:5px !important;
}
.custom-progressbar
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 0;
    height:auto !important;
}
.fileupload-bar
{
    width:45%;
    margin-left:51px;
    height:9px !important;
    margin-top: 8px;
}
.custom-progressbar .progress-bar
{
    font-size:9px;
    line-height:10px !important;
}
.fileupload-bar .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) !important;
    background-size: 40px 40px  !important;
    background-color: #4E7A00;
}
#news-feed textarea
{
    height:40px;
}
#form-add-new-comment .bubble, #form-update-comment .bubble, #form-add-new-comment-sl .bubble, #form-update-comment-sl .bubble
{
    border-bottom: medium none !important;
    border-radius: 4px 4px 0 0 !important;
}
#add-new-comment .loader{
    background: url("../img/ajax-loader.gif") no-repeat scroll 5px 0px;
    width:32px;
    height:32px;
    margin-left:4px;
}
.delete-uploaded-box .loader
{
    float:left;
}
.delete-uploaded-doc, .delete-uploaded-doc-sl
{
    float:left;
    background: url("../img/post-remove-doc.png") no-repeat scroll 5px 10px;
    padding-left: 22px;
}
.selected-flag-options {
    border: 1px solid #ddd;
    margin-left: 50px;
    margin-top: 8px;
    padding: 4px;
}
.time a[class*="edit-comment-icon_"]{
    background: url("../img/edit-post-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-left:4px;
    cursor:pointer;
}
.edit-comment-icon {
    background: url("../img/edit-post-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-left:4px;
    cursor:pointer;
}
.selected-flag-options .tag .lt-option
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 55px;
}
.cap-grade-title
{
    float:left;
    /*width:45%;*/
    width:50%;
    /*margin-right: 4%;*/
}
.cap-grade-desc
{
    float: left;
    margin-right: 1%;
    /*width: 53%;*/
    width:49%;
}
.captcha-wireframe
{
    border-top:2px solid #dddddd;
    border-bottom:2px solid #dddddd;
    padding-top:12px;
    padding-bottom:12px;
    position: relative;
}
.cap-grade-desc h5
{
    font-style: normal;
    line-height: 16px;
    margin: 0 0 10px;
    font-size:15px;
}
.cap-grade-camera
{
    float:right;
    width:20%;
    background: none repeat scroll 0 0 #555555;
    height: 75px;
    width: 75px;
    padding: 13px;
    margin-right: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.cap-grade-title h2
{
    margin-top:6px;
    margin-bottom:6px;
}
.camera-icon
{
    height:45px;
    width:45px;
    background:#ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding:24px;
}
.camera-lense
{
    border: 6px solid #555555;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 25px;
    left: 24px;
}
.sqare-box {
    background: none repeat scroll 0 0 #555555;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: block;
    height: 7px;
    position: absolute;
    right: 21px;
    top: 20px;
    width: 7px;
}
.pie-chart-table
{
    position:relative;
    float:left;
}
.pie-chart-image
{
    float:left;
}
.pie-char-legend
{
    left: 57%;
    position: absolute;
    top: 17%;
}
.pie-chart-table
{
    border: 1px solid #dddddd;
    padding-bottom: 5px;
    padding-top: 0px;
    width: 48%;
}
.cap-grade-camera
{
    cursor:pointer;
    position:relative;
}
.dropdown-btn
{
    float:right;
    margin-bottom:10px;
}
.piechart-score-table
{
    margin-top:10px;
    margin-bottom:15px;
    padding-bottom:12px;
    border-bottom:1px dotted #000000;
}
.pie-char-legend ul li
{
    list-style: square outside none;
}
.proficiency-label ul li
{
    border-right: 1px solid #dddddd;
    float: left;
    list-style: none outside none;
    margin-top: 4px;
    min-height: 70px;
    padding-left: 3px;
    padding-right: 3px;
    width: 16%;
}
.proficiency-label ul li span
{
    color:orange;
}
.proficiency-label ul li:first-child span
{
    color:green;
}
.proficiency-label ul li:last-child span
{
    color:red;
}
.proficiency-label ul li:last-child
{
    border:none;
}
.proficiency-label
{
    border-top: 1px solid #dddddd;
    margin-top: 0px;
    min-height: 22px;
}
.piechart-score-table .pie-chart-class
{
    float: left;
    margin-left: 5%;
    width: 10%;
}
.piechart-score-table .pie-chart-score
{
    float: left;
    margin-left: 5%;
    width: 10%;
}
.piechart-score-table .pie-chart-analysis
{
    float: left;
    margin-left: 5%;
    width: 10%;
}
.piechart-score-table .pie-chart-class h5, .piechart-score-table .pie-chart-score h5, .piechart-score-table .pie-chart-analysis h5
{
    font-style:normal;
    font-size:12px;
}
.pie-chart-class ul
{
    margin-left:0px;
}
.pie-chart-class ul li
{
    list-style:none;
}
.cap-grade-title a
{
    font-size: 11px;
}
#show-hide-learningtarget{
    float:left;
    margin-left: 25px;
}
.btn-app.btn-sm.camera-invisible {
    background: red;
}
#detailAnalysisPopup{
    float:right;
}
.zindex-setter
{
    z-index: 99;
}
/* Below code is written for IE9 only */
@media all and (min-width:0\0) and (min-resolution: .001dpcm)
{
    .cls_dashboard #navbar
    {
        background:rgb(66, 139, 202) !important;
        margin-bottom:0px !important;
        min-height:34px !important;
    }
    .cls_dashboard #navbar .client-info
    {
        color:#ffffff !important;
    }
    .cls_dashboard .ace-nav li
    {
        height:45px !important;
        line-height:22px !important;
    }
    .cls_dashboard .navbar-header a.client-info
    {
        font-size:21px !important;
    }
    .cls_dashboard .navbar-header .ace-nav li
    {
        line-height:45px !important;
    }
    .cls_dashboard .navbar-header ul li span.showToolTip
    {
        margin-bottom:-7px !important;
        margin-top:0px !important;
    }
    .cls_dashboard .navbar-header ul li i.icon-caret-down
    {
        margin-bottom:-7px !important;
        margin-top:-30px !important;
    }
    input.search-query
    {
        line-height:18px !important;
    }
    /* code to overwrite bootstrap.css for ie9 (for compressed)*/
    #table_id_wrapper .row
    {
        display:initial;
    }
    .cls_dashboard .notification-container li
    {
        height:auto !important;
        line-height:45px !important;
    }
    .notification-model-container .accept-reject-btn
    {
        text-align: right;
        width:25%;
    }
    .prof-check-align #proficiencyWrapper
    {
        width: 75px;
    }
}
/* End code for IE9 only */
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #question-detail-overall #questionDetailOverallPopupWrapper .question-wrapper .answers li
    {
        display:inline-block;
        width: 100%;
        word-wrap: break-word;
    }
}
/* IE10+ CSS styles end here */

/* below code is written for rubric top alignment on build assessment and grademe page */
.answer-options-wrapper .rubricArena table tr td
{
    vertical-align:top;
}
.cls_assesments #learning-target-div h5
{
    margin-top:2px;
    font-size: 14px;
    font-weight: normal;
}
.cls_assesments #partial .captcha-wireframe .cap-grade-title h2
{
    margin-top:0px;
    word-wrap: break-word;
}
#assessment #learningTargets #buildAssessmentDiv .selectedResponseContainer .answer-options-wrapper {
    counter-reset: none;
}
.combined-newsfeed
{
    background:#f2f2f2;
    margin-left:50px;
    min-height:36px;
    border-top:none;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}
.combined-newsfeed .newsfeed-image-upload-box
{
    border:none;
    margin-left:9px;
    height:24px;
}
.combined-newsfeed .fileupload-bar, .combined-newsfeed .delete-uploaded-box, .combined-newsfeed #selected-items,
.combined-newsfeed .select-student-optional .user-list
{
    margin-left:9px;
    margin-top: 0;
}
.combined-newsfeed .selected-flag-options
{
    float:left;
    max-width:26%;
    margin-left: 6px;
    margin-bottom: 8px;
    margin-top: 0px;
    padding-top: 0px;
    border:none;
}
.combined-newsfeed #selected-items
{
    float: left;
    width: 64%;
}
.combined-newsfeed .select-student-optional
{
    min-height:32px;
    margin-top: 3px;
}
#news-feed .combined-newsfeed .selected-flag-options
{
    margin-bottom:0px;
}
#news-feed .combined-newsfeed .select-student-optional .user-list .form-input-row {
    min-height: 35px !important;
}
.combined-newsfeed #selected-items .form-input-row
{
    min-height: 33px !important;
    margin-top:2px;
}
#news-feed .combined-newsfeed #selected-items .lt_select,#flagformwrapper .combined-newsfeed #selected-items .lt_select{
    width: 77%;
}
#news-feed .combined-newsfeed button, #flagformwrapper .combined-newsfeed button
{

    height: 20px;
    line-height: 12px;
    margin-top: 8px;
    outline: medium none;
}
#news-feed .combined-newsfeed .fileupload-bar, #flagformwrapper .combined-newsfeed .fileupload-bar
{
    margin-top:2px !important;
    margin-bottom:2px !important;
}
.link-student, .link-learning-targets, #flagformwrapper .combined-newsfeed .unflag
{
    display: inline-block;
    margin-right: 10px;
    margin-top: 6px !important;
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    box-shadow: none;
    color: #00A8E3;
    font-size:15px;
    margin-right:0px;
    font-weight: bold;
}
#news-feed .combined-newsfeed
{
    padding-bottom:3px;
}
#news-feed .combined-newsfeed .flagme a, #news-feed .combined-newsfeed .unflag a, #flagformwrapper .combined-newsfeed .flagme a, #flagformwrapper .combined-newsfeed .unflag a
{
    color:#333333;
    text-decoration:none;
}
#news-feed .combined-newsfeed .unflag, #flagformwrapper .combined-newsfeed .unflag
{
    margin-top:8px !important;
    padding:0 4px 0 0 !important;
    margin-left: 6px;
}
#news-feed .combined-newsfeed .unflag a, #flagformwrapper .combined-newsfeed .unflag a
{
    font-size: 12px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
#news-feed .combined-newsfeed .unflag .flagme, #flagformwrapper .combined-newsfeed .unflag .flagme
{
    padding: 1px !important;
}
.cls_dashboard #news-feed .post-newsfeed-comment, #flagformwrapper .post-newsfeed-comment, .cls_studentlearning #news-feed .post-newsfeed-comment
{
    float: right;
    margin-right: 12px;
    /*    width: 42%;*/
    margin-left:0px;
    height:0px;
}
.unflag
{
    float:left !important;
    margin-top: 8px;
}

.cls_dashboard #news-feed .newsfeed-image-upload-box , #modal-for-viewcomments #news-feed .newsfeed-image-upload-box , #modal-for-viewflaggedcomments #news-feed .newsfeed-image-upload-box
{
    float:left;
    /*padding-left:30px;*/
}
.newsfeed-image-upload-box, #flagformwrapper .newsfeed-image-upload-box
{
    background-color:#f2f2f2 !important;
}
#news-feed .circle-loader
{
    background: url("../img/documentLoader.gif") no-repeat scroll 0px 4px rgba(0, 0, 0, 0);
    height: 32px;
    width: 32px;
}
#flagformwrapper .circle-loader
{
    background: url("../img/documentLoader.gif") no-repeat scroll 4px 4px rgba(0, 0, 0, 0);
    height: 32px;
    width: 32px;
}
.disable
{
    /*background:none repeat scroll 0 0 #dddddd !important;
    font-size: 12px;*/
    cursor:not-allowed;
}

#news-feed .select-student-optional #selectStudent, #flagformwrapper .select-student-optional #selectStudent
{
    line-height:15px;
}


.cls_assesments #captureGradeStatsContainer .col-sm-6
{
    float:right;
    padding-right: 1px;
}
.cls_assesments #captureGradeStatsContainer .col-sm-6 .widget-body #table-detailed-analysis tr td
{
    padding: 3.7px 8px;
}
.cls_assesments #captureGradeStatsContainer .col-sm-6 .widget-body
{
    min-height: 251px;
}
/** Tags as button in flag for follow up**/
#modal-for-flag .selected-flag-options .bootstrap-tagsinput
{
    line-height:22px !important;
}
#modal-for-flag .selected-flag-options .tag
{
    padding: 3px 5px 3px 5px !important;
    border: 1px solid #aaa !important;
    max-width: 100%  !important;
    border-radius: 3px  !important;
    background-color: #eeeeee !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)) !important;
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%) !important;
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%) !important;
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%) !important;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%) !important;
    background-size: 100% 19px !important;
    background-repeat: repeat-x !important;
    background-clip: padding-box !important;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05) !important;
    color: #333 !important;
    line-height: 13px !important;
    cursor: default !important;
}
#modal-for-flag .selected-flag-options .tag .remove-tag
{
    color: #aeaeae !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 13px !important;
    margin-left: 2px !important;
    box-shadow: none;
}
#modal-for-flag .selected-flag-options {
    background-repeat: repeat-x !important;
    background-size: 100% 19px !important;
    border-radius: 3px !important;
    box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05) !important;
    color: #333333 !important;
    cursor: default !important;
    line-height: 13px !important;
    margin-left: 50px;
    max-width: 100% !important;
    margin-top:8px;
}
.cls_assesments .row .assesmentsactpanel
{
    margin-left:0px;
}
#flagformwrapper .combined-newsfeed
{
    min-height:39px;
}
#flagformwrapper .selected-flag-options
{
    margin-left: 4px;
    box-shadow: none;
    border:1px solid #aaaaaa;
}
/*ST-2190*/
.skimpy-targets{
    max-height: 80px;
    overflow: hidden;
}
/*ST-2190*/
.collapse-div .skimpy-targets{
    max-height: 294px;
    overflow: hidden;
}
.doc-update
{
    margin-left:24px !important;
}
.onipadLearningTarget
{
    width:17% !important;
}

/* Dan's review task*/

#learning-targets-to-watch .widget-header
{
    padding-bottom: 0px;
}
#learning-targets-to-watch #table_id_wrapper .row
{
    padding-top: 0px;
}
.focusedElement {
    border: 1px solid #0097ca !important;
    border-radius: 3px 3px 0 0 !important;
    -webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
}
.focusedElementError {
    border: 1px solid #f60000 !important;
    border-radius: 3px 3px 0 0 !important;
    -webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
}
#news-feed #form-add-new-comment .newsfeedcomment .help-block, #news-feed #form-add-new-comment-sl .newsfeedcomment .help-block
{
    margin-left: 12px;
    padding-bottom: 2px;
}
#captureGradeStatsContainer .pie-chart-table .widgetheader
{
    padding: 20px 20px 10px;
}
#captureGradeStatsContainer .pie-chart-table .widgetheader h3
{
    font-size:18px;
    margin: 0px;
    padding-bottom: 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .opendgradecam-closebtn
    {
        right: -3px !important;
    }
}
.viewerIcon
{
    /*position:relative;*/
    margin-left: 14px;
    padding-bottom: 4px;
}
.viewerIcon a
{
    /* line-height: 12px;
     padding-top: 12px;
     position: absolute;
     text-align: center;
     text-decoration: none;
     top: 0;
     width: 70px;*/
}
#news-items .newsfeedWrapper .newsfeedcomment .help-block
{
    margin-left:12px;
}
ul.proficiencyCount li
{
    margin-top:0px;
}

#flag-followup #add-new-comment .postWrapper .help-block
{
    margin-left:10px;
}
.cls_assesments #captureGradeStatsContainer #piechart-placeholder
{
    top: -17px !important;
}
.link-student, .link-learning-targets
{
    text-transform: capitalize;
}
.cls_assesments .button-dropdown-captcha #dropdownMenu1 .caret
{
    border-color: #ffffff transparent;
}
.cls_assesments .prof-check-align .proficiency-checkboxes .checkbox .lbl, #page-team-dashboard .checkbox .lbl
{
    font-size: 12px !important;
}
#page-team-dashboard #news-feed .newsfeedWrapper .chosen-container
{
    margin-left: 0;
    width: 503px !important;
}
#page-team-dashboard #news-feed .chosen-container .chosen-choices .search-choice span
{
    display: inline-block;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 55px;
    white-space: nowrap;
}
#captureGradeStatsContainer .pie-chart-table .widgetheader
{
    padding-bottom: 17px !important;
    padding-top: 13px !important;
}
.cls_dashboard #news-feed #news-items .inner-comment form.form-edit-new-item-comment .form-input-row
{
    min-height: 40px !important;
}
#page-team-dashboard #news-feed .newsfeedWrapper .combined-newsfeed .select-lt-list .col-sm-9
{
    padding-left:9px;
}
#flag-followup .newsfeedWrapper .chosen-container
{
    margin-left: 0;
    margin-top: 10px;
    width: 375px !important;
    margin-bottom: 5px;
}
#flag-followup .newsfeedWrapper .combined-newsfeed .choosenLt .col-sm-9
{
    padding-left:9px;
}
#flag-followup .chosen-container .chosen-choices .search-choice span
{
    display: inline-block;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 55px;
    white-space: nowrap;
}
#page-team-dashboard #news-feed .newsfeedWrapper .combined-newsfeed .choosenLt .col-sm-9
{
    padding-left:9px;
}
#page-team-dashboard #news-feed .newsfeedWrapper .combined-newsfeed .choosenLt .form-input-row {
    min-height: 42px !important;
}
/* ipad specific code (execute this code after previous code for same and will overlap previous property ) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .cls_assesments .prof-check-align .proficiency-checkboxes .checkbox .lbl, #page-team-dashboard .checkbox .lbl {
        font-size: 11px !important;
    }
}
.proficiency-ul
{
    float:left;
    margin-bottom: 0px;
}
#captureGradeStatsContainer .pie-chart-table .proficiency-label .proficiencyCount
{
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.cls_assesments #table_id_wrapper #table_id_processing,
.cls_essentialstandards #table_id_wrapper #table_id_processing
{
    /*margin-left: 90px;*/
    display: inline-block;
}
.cls_assesments .prof-check-align .control-group .checkbox label
{
    margin-right:18px;
}
/* code to overwrite bootstrap.css for ie9 (for compressed)*/
@media all and (min-width:0\0) and (min-resolution: .001dpcm)
{
    #page-team-dashboard .widget-custom .widget-header
    {
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0) !important;
        /*filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)*/
    }
    .cls_assesments #assessment .widget-body .maxHeight, .cls_pacing #standardsWrapper .widget-body .maxHeight
    {
        overflow:scroll !important;
    }
}
.cls_assesments #assessment .form-input-row input#totalQuestions
{
    width:40px;
}
.cls_assesments #learningTargetsWrapper #buildAssessmentDiv .selectedResponseContainer .form-group input.totalPoints,
.cls_assesments #learningTargetsWrapper #buildAssessmentDiv .form-group input.totalPoints,
.cls_assesments #learningTargetsWrapper .form-group input.totalPoints
{
    width: 55px;
}
.doc_viewer_alignment
{
    /*float:left;*/
}
/*Checks should be center and middle aligned within filter checkboxes*/
#leftnavfilterform .submenu #leftnavfavorites span.leftnavfiterscheck:before
{
    height:13px !important;
    line-height: 12px !important;
    min-width: 15px !important;
    display:none;

}
#leftnavfilterform .submenu #leftnavtopics span.leftnavfiterscheck:before
{
    height:13px !important;
    line-height: 12px !important;
    min-width: 15px !important;
    /*display:none;*/
}
#leftnavfilterform .submenu #leftnavauthors span.leftnavfiterscheck:before
{
    height:16px !important;
    line-height: 12px !important;
    min-width: 16px !important;
    border: 1px solid #707070;
    /*display:none;*/

}
#leftnavfilterform .submenu #leftnavmediatype span.leftnavfiterscheck:before
{
    height:13px !important;
    line-height: 12px !important;
    min-width: 15px !important;
    /*display:none;*/

}
#leftnavfilterform .nav-list
{
    padding:20px;
}
.cls_search .page-header
{
    margin-bottom:20px;
}
.video_timecode
{
    font-family: "Source Sans Pro","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}
@-moz-document url-prefix() {
    .cls_dashboard #page-team-dashboard span.lbl:before
        {
        line-height: 14px!important;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .cls_dashboard #page-team-dashboard span.lbl:before
    {
        line-height: 14px!important;
    }
    #signIn input#Username, #signIn input#Password
    {
        line-height:1.428571429;
        padding-top: 4px !important;
    }
    #signIn input
    {
        line-height:1.428571429;
        padding-top: 4px !important;
    }
}
#signIn input#Username, #signIn input#Password
{
    line-height:1.428571429;
    padding-top: 3px;
}
#signIn input
{
    padding-top: 3px;
    line-height:1.428571429;
}
.cls_search #leftnavfilterform #leftnavtopics .leftnavfiterscheck 
{
    text-indent: -23px;
    padding-left:23px;
}
.qns_inleft
{
    float:left;
}
div.popup-close-btn
{
    float:right;
    cursor: pointer;
}
#question-detail .modal-content .modal-body, #question-detail-overall .modal-content .modal-body
{
    padding-top:0px;
}
.sidebar-playlist,.sidebar-playlist:before{
    width:222px !important;
}

.maincontent-playlist {
    margin-left:222px !important;
}
.maincontent-playlist-leftNav{
    margin-left:0px !important;
}
/*.freez-close-btn
{
    background: none repeat scroll 0 0 #ffffff;
    padding-bottom: 0;
    padding-top: 14px;
    width: 558px;
    position:fixed;
    padding-right: 12px;
}*/
.cls_assesments #question-detail .modal-dialog, .cls_assesments #question-detail-overall .modal-dialog
{
    padding-top:0px !important;
    padding-bottom:0px !important;
    /*margin-top:6px;*/
}

@-moz-document url-prefix() {
    .cls_assesments #question-detail .modal-dialog, .cls_assesments #question-detail-overall .modal-dialog
    {
        padding-top:0px !important;
        padding-bottom:0px !important;
        margin-top:6px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .cls_assesments #question-detail .modal-dialog,  .cls_assesments #question-detail-overall .modal-dialog
    {
        padding-top:0px !important;
        padding-bottom:0px !important;
        margin-top:6px;
    }
    /*2970*/
    .camera-view-box .gradecam-view #gradeCamMainDiv
    {
        overflow: hidden;
    }
}
.cls_assesments #question-detail .modal-dialog #questionDetailPopupWrapper .questions, .cls_assesments #question-detail-overall .modal-dialog #questionDetailOverallPopupWrapper .questions
{
    margin-top:6px;
}
#questionDetailPopupWrapper .answer-options-wrapper div.answers, #questionDetailOverallPopupWrapper .answer-options-wrapper div.answers
{
    margin-top:20px;
}
.cls_assesments #question-detail .modal-content .modal-footer, .cls_assesments #question-detail-overall .modal-content .modal-footer
{
    margin-top: 0px;
}
.custom-page-header
{
    float: left;
    width: 100%;
    height:59px;
}
.cls_assesments .page-content .prof-check-align .proficiency-checkboxes
{
    margin-right: 12px;
    width:auto;
}
.wrap-div .form-add-new-item-comment .newsfeedcomment label.error
{
    color: #d16e6c;
    font-size: 12px;
    font-weight: normal;
}
.cls_search .infinite-scroll .message_box .avatar
{
    height: 36px;
    width: 36px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.teamWrapperForTrees  #tree1,.teamWrapperForTrees  #grouptree,.teamWrapperForTrees #assessmenttree,.teamWrapperForShareGroup #emailgrouptree {
    overflow: visible !important;
}
.tree .tree-item, .tree .tree-folder .tree-folder-header {
    color: #848484;
}
#mainsearchdatacontainer .col-sm-10 hr
{
    margin-top: 5px;
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi)
{
    #leftnavfilterform .submenu #leftnavtopics span.leftnavfiterscheck:before
    {
        height:14px !important;
        line-height: 11px !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:170px !important;
    }
    .cls_dashboard #reportrange
    {
        width:170px !important;
    }

}
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape)
{
    .search-block .input-group
    {
        width: 50%;
    }
}
#signIn input#Username
{
    padding-bottom: 3px;
}
#signIn input#Password
{
    padding-bottom: 3px;
}
#news-items .news-item-meta #show-hide-lt
{
    display: inline;
}

.customOverlay .row .col-xs-12, .customOverlay .form-group #learningTargetsWrapper
{
    opacity: 0.8;
    pointer-events:none;

}
.cls_user .page-header
{
    min-height:40px !important;
}
/* Code written for buttons not working on ipad (st-2312) */
.cls_assesments .row .assesmentsactpanel
{
    float: left;
}
.cls_assesments .grade_page_btn
{
    float: left;
    margin-top: 12px;
    text-align: right;
    margin-right:3px;
    /*width: 71%;*/
}
.capturegrade-assessmentDoc .assessmentDoc-right{
    width: 25%;
    padding-left: 0px;
    padding-right: 0px;
    background: #f9f9f9;
    max-height: 580px;
}

/* Ipad portrait mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 990px) and (orientation: portrait) {
    .cls_assesments .grade_page_btn
    {
        /*width: 54%;*/
    }
    .cls_assesments #table-detailed-analysis
    {
        width:100% !important;
    }

    .cls_assesments .prof-check-align
    {
        width: 78%;
    }
    #captureGradeStatsContainer .pie-chart-table .proficiency-label ul li:nth-child(1)
    {
        width:15%;
    }
    #page-team-dashboard .act_panel_container
    {
        float:left;
        width:47%;
    }
    #page-team-dashboard .followup_btn_container
    {
        float:right;
        width:35%;
    }
    .cls_assesments #captureGradeStatsContainer #table-detailed-analysis tr td .showRow
    {
        max-width: 172px;
    }
    /*ST-2634*/
    #partial .captcha-wireframe .collapse-div{
        width: 14% !important;
    }
    .grademargin
    {
        margin-bottom:30px;
    }
    .cls_assesments #learningTargets .innerContainer .ipad-remove-space .documentContainer
    {
        margin-bottom: -10px;
    }
    .cls_assesments .sidebar .submenu
    {
        -webkit-transform:translateZ(1px);
        -moz-transform:translateZ(1px);
        -o-transform:translateZ(1px);
        transform:translateZ(1px);
    }
    #doctypeassessment_upload .form-input-row
    {
        width:80% !important;
        float:left;
    }
    .doctypeassessment_upload_btn
    {
        width:20% !important;
    }
    .save-submit-quit-button{
        float: right !important;
        padding-right: 14px;
        margin: 5px 0px;
    }
    .assessmentDoc-left
    {
        width: 65%;
    }
    .assessmentDoc-right
    {
        width: 34%;
        padding-left: 0px;
        padding-right: 0px;

    }
    .capturegrade-assessmentDoc .assessmentDoc-right
    {
        width: 35%;
    }
    .save-submit-quit-button
    {
        margin-top:25px;
    }
    .playlist-button-container
    {
        width: 16%;
    }
    .playlist-button-container .btn-remove-video,.playlist-button-container .removeSection
    {
        margin-right: 0px;
    }
    .section-button{
        min-width:26% !important;
    }
    .section-title{
        width:74% !important;
    }

    .sidebar-playlist,.sidebar-playlist:before{
        width:190px !important;
    }

    .maincontent-playlist {
        margin-left:0px !important;
    }
}
/* Ipad landscape mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .assessmentDoc-left
    {
        width: 51%;
    }
    .assessmentDoc-right
    {
        width: 48%;
    }
    .cls_assesments .grade_page_btn
    {
        /*width: 57.6%;*/
    }
    .cls_assesments #table-detailed-analysis
    {
        width:100% !important;
    }
    .cls_assesments .prof-check-align
    {
        width: 78%;
    }
    #page-team-dashboard .act_panel_container
    {
        float:left;
        width:47%;
    }
    #page-team-dashboard .followup_btn_container
    {
        float:right;
        width:35%;
    }
    .grademargin
    {
        margin-bottom:30px;
    }
    .cls_assesments #learningTargets .innerContainer .ipad-remove-space .documentContainer
    {
        margin-bottom: -10px;
    }
    #doctypeassessment_upload .form-input-row
    {
        width:80%!important;
        float:left;
    }
    .doctypeassessment_upload_btn
    {
        width:20% !important;
    }
    .capturegrade-assessmentDoc .assessmentDoc-right
    {
        width: 46%;
    }
    .section-button{
        min-width:25% !important;
    }
}

/* following codes are written for date frame on Dashboard & Captcha Grade page */
#page-team-dashboard .act_panel_container
{
    float:left;
}

#page-team-dashboard .followup_btn_container
{
    float:right;
}

/*#page-team-dashboard .act_panel_container .act_panel
{
    width:auto !important;
}
*/
.cls_assesments .partial-box
{
    clear:both;
}
.browser_act_panel, .ipad_act_panel {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 3px;
}
.browser_act_panel .btn-info, .browser_act_panel .btn-info:focus, .browser_act_panel .btn-info:hover, .browser_act_panel .open .btn-info
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    color: #666666 !important;
    text-shadow: 0 0 0 !important;
}
.act_panel_container .browser_act_panel #assesmentperiod .input-group-addon
{
    width:auto !important;
}
.cls_dashboard #page-team-dashboard .act_panel_container
{
    margin-left: 12px;
}
.cls_dashboard #page-team-dashboard .followup_btn_container
{
    margin-right: 12px;
}
.buttons-wrapper
{
    float:right;
}
.act_panel_container .browser_act_panel #teamButtonWrapper
{
    width:80px;
}

/* CSS for IE9 */
@media all and (min-width:0\0) and (min-resolution: .001dpcm)
{
    .cls_assesments .assesmentsactpanel
    {
        width:198px !important;
    }
    .cls_assesments .partial-box
    {
        clear:both !important;
    }
    .cls_dashboard #page-team-dashboard .act_panel_container
    {
        margin-left: 0px;
    }
    .cls_dashboard #page-team-dashboard .followup_btn_container
    {
        margin-right: 0px;
    }
    .cls_dashboard #page-team-dashboard .act_panel_container .browser_act_panel #teamButtonWrapper,
    .cls_assesments .act_panel_container .browser_act_panel #teamButtonWrapper
    {
        width:80px;
    }
}
#modal-for-flag.modal {
    overflow-y: hidden;
}
#modal-for-flag #documentContainerView iframe{
    width:411px!important;
}
.pie-chart-table .proficiency-label ul
{
    width:100%; /* issue ST-2405*/
}
.cls_pacing .act_panel #teamButtonWrapper
{
    width: 80px;
}
#modal-for-flag .childWrapper .form-input-row
{
    min-height: 32px !important;

}
#modal-for-flag .childWrapper .post-comment-button button
{
    margin-top: 12px !important;

}
.cls_assesments .export-filters-list .filter-div, .cls_assesments #proficiencyWrapper .proficiency-filters-list .filter-div
{
    height: 35px !important; /*ST-2507 */


}
/*ST-2524*/
#assesmentsWrapper .maxHeight
{
    padding: 12px 0px !important;
}
#assesmentsWrapper .maxHeight #assessmenttree
{
    padding-left:0px !important;
}
#learningTargetsWrapper .spinner_lo_hi_container .align-center
{
    padding-top: 9px;   /*ST-2491 */
}
.cls_assesments #modal-for-flag .modal-footer
{
    margin-top: 0px !important; /*ST-2470*/
}
/*ST-2530*/
#flag-followup .childWrapper .inner-comment
{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
#assesmentperiod .input-group-addon , .input-group-addon
{
    cursor: pointer;
}
#news-feed #news-items , .cap-grade-desc #learning-target-wrapper ,#modal-for-flag #flag-followup
{
    word-wrap: break-word; /*ST-2480*/
}
/*ST-2497*/
.cls_dashboard ul.ui-autocomplete
{
    max-height: 105px;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}
.cls_assesments .maxHeight-300 .well
{
    margin-bottom: 2px; /*ST-2336*/
}
.cls_roles .form-group  .control-group .lbl
{
    cursor: pointer; /*ST-2575*/
}
@media screen and (max-width: 1280px) {
    #partial .captcha-wireframe .collapse-div{
        width: 27%; /*ST-2634*/
    }
    .assessmentPublish {
        left: 24%;
    }
    #doctypeassessment_upload .form-input-row
    {
        width:75% !important;
        float:left;
    }
    .doctypeassessment_upload_btn {
        width:28% !important;
    }
}
.cls_user .checkPageNavigate .checkboxtreewrapper .checkbox label span.lbl:before
{
    height: 13px !important;
}
.max-tag{ float: right;
          color: #428bca;
          font-size: 12px;}
.tag-instruction {
    float: left;
}
.preview-checkbox-container {
    margin-left: 12px;
}
.preview-checkbox-container .lbl {
    vertical-align: top;
    margin-top: 1px !important;
}
.combined-newsfeed .link-learning-targets
{
    text-transform: none !important;
}
.cls_user .modal-form-align .reset_search{
    margin-right: 6px !important;
}

/* Handle on hover */
#leftnavfavorites::-webkit-scrollbar-thumb:hover, #leftnavtopics::-webkit-scrollbar-thumb:hover, #leftnavauthors::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#leftnavfavorites input.ace[type="checkbox"] + .lbl {
    max-width: 136px !important;
}
.chosen-container-fav .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 27px;
}
.disableClick{
    text-decoration:none;
    pointer-events: none !important;
    cursor:default
}
.disableClick:hover{
    text-decoration:none;
    pointer-events: none !important;
    cursor:default !important;
}
.chosen-container-fav .chosen-container-multi .chosen-choices li.search-choice{
    max-width: 518px;
    word-wrap: break-word;
}
.chosen-container-fav .form-input-row select.chosen-select{
    display:none !important;
}
.recommended-tag-container .recommended-tag{
    word-wrap: break-word;
}
.chosen-container .chosen-drop
{
    z-index: 9999 !important;
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
    float: left;
}
#students-flagged-wrapper a:hover{
    text-decoration: none !important; /*ST-2691*/
}
.docTypeAssessment{
    margin-bottom: 20px;
}
#doctypeassessment_upload .form-input-row
{
    width:68%;
    float:left;
}
.doctypeassessment_upload_btn {
    padding-top: 7px;
    width:31%;
}
.cls_assesments #assessment .form-input-row input#answerOption
{
    width:40px;
}

.docTypeRemoveAnswer
{
    margin-top: 30px;
    margin-right:0px;
}

#doctypeassessment_upload .delete-uploaded-box-assessment{
    cursor: pointer;
    font-size: 10px;
    height: 34px;
    line-height: 18px;
    margin-top: -5px;
    word-wrap: break-word;
}
#doctypeassessment_upload #uploadedDoc .viewerIcon{
    margin-left: 25px;
    padding-top: 7px;
}
#doctypeassessment_upload .delete-uploaded-doc, #doctypeassessment_upload .delete-uploaded-doc-sl {
    background: rgba(0, 0, 0, 0) url("../img/post-remove-doc.png") no-repeat scroll 5px 10px;
    float: left;
    padding-left: 22px;
    width: 5%;
}

.docTypeAnswerText .answerText
{
    margin-top: 5px;
    max-height: 30px;
    text-align: center;
    width:50px;
}
.assessmentDoc-right .answercontainer table
{
    margin-bottom:0px !important;
}
.assessmentDoc-right    {
    max-height: 520px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.assessmentDoc-right .answercontainer .table tbody > tr > td{
    border-top: none !important;
    padding: 2px 8px !important;
}
.assessmentDoc-right .answercontainer .form-input-row{
    min-height: 20px !important;
}
.assessmentDoc-right .answercontainer .table tbody > tr > td, .openended-assessmentDoc .answercontainer .table-doc-or tbody > tr > td{
    width:10%;
}
.assessmentDoc-right .answercontainer .table tbody > tr > td:last-child , .openended-assessmentDoc .answercontainer .table-doc-or tbody > tr > td:last-child{
    width:auto !important;
    text-align: left !important;
}
.assessmentDoc-right .form-input-row .control-group
{
    text-align: left !important;
}
.assessmentDoc-right .answercontainer
{
    float: left;
    margin-bottom: 10px;
}
.assessmentDoc-right .question-border
{
    border-bottom: 1px solid #CEC7C7;
    padding-bottom: 10px;
}
.rubricdoccontainer{
    width:100%;
}
.rubricdoccontainer .questions td{
    vertical-align: top !important;
}
.rubricdoccontainer .rubric-description
{
    background-color: #f5f5f5;
    padding: 2px 5px;
    font-weight: normal;
    border: 1px solid #e3e3e3;
    word-wrap: break-word;
}
.rubricArena .rubric-description
{
    background-color: #f5f5f5;
    padding: 2px 5px;
    font-weight: normal;
    border: 1px solid #e3e3e3;
    word-wrap: break-word;
}
.rubricArena .rubric-lbl
{
    font-weight: bold;
}
.rubricArena .rubric-lbl .align-center
{
    text-align: left !important;
}
.rubricdoccontainer{
    float: left;
    margin-bottom: 10px;
}
.rubric-bottom-border{
    border-bottom: 1px solid #CEC7C7;
}
.margin-bottom-15-rubric{
    margin-bottom: 15px;
}
.model-window-scrollremove
{
    padding: 0 0 0px !important;
}
.cls_assesments .login-layout .assessmentDoc-left iframe
{
    height: 545px !important;
}
.grademewidth-doc{
    width:40% !important;
}
.docTypeAnswerText .help-block{
    white-space: nowrap;
}

/* Ipad portrait mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .doctypeassessment_upload_btn {
        padding-right: 0px;
    }
}
/* Ipad portrait mode */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    #page-team-dashboard #news-feed .chosen-container .chosen-choices .search-choice span
    {
        max-width: 465px;
    }
    #assessment .chosen-container .chosen-choices .search-choice span{
        max-width: 465px;
    }
}
#assessment .chosen-container .chosen-choices .search-choice span
{
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 55px;
    white-space: nowrap;
}
#modal-for-batch-upload .batch-cursor{
    cursor: not-allowed;
}
.customEsOverlay {
    opacity: 0.8;
    pointer-events:none;
}
.media-comment-wrapper .form-group{
    margin-left: 0px;
    margin-right: 0px;
}
.media-comment-wrapper .post-comment-btn button{
    margin-left: 5px;
    height:23px !important;
    line-height: 8px !important;
}
.media-comment-wrapper  .share-align #shareWrapper{
    margin-top: 7px !important;
}
.post-newsfeed-comment #shareMenu
{
    width: 100% !important;
}
.playlist-section-title{
    color: gray!important;
    margin-top: 2px!important;
    margin-bottom: 10px!important;
}
.sectionIds p.text-align-justify{
    word-wrap: break-word;
}
/*comment changes for iphone only*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #news-feed .comment-time {
        position: relative !important;
        right: 0px !important;
    }
    .post-newsfeed-comment
    {
        margin-left: 0px!important;
    }
    .sidebar-playlist,.sidebar-playlist:before{
        width:190px !important;
    }

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

}

/*samsung s5 specific*/
@media screen and (min-device-width: 360px) and (max-device-height: 640px){
    .playlist-section-title{
        margin-left:-3px;
    }

    .sectionIds .text-align-justify{
        padding-left: 0px !important;
    }
}
@media only screen and (max-width: 990px) {                             
    .breadcrumbs .header {
        margin-left: 0;
    }
    .breadcrumbs .header .nav-tabs {
        height: auto;
     }
    .menu-toggler{
        background-color: #f2f2f2 !important;
        width:auto;
        border-bottom: 1px solid #cccccc;
        margin-top: -1px;
    }
    .cls_playlist .main-container, .cls_search .main-container{
        overflow: visible !important;
    }
    .menu-toggler{
        background-color: #428bca !important;
        width:auto;
        border-bottom: none;
        margin-top: -45px;
        z-index: 1000;
        margin-left: 6px;
    }
    .menu-toggler:before{
        border-top: 4px solid #fff;
        border-bottom: none !important;
    }
    .menu-toggler:after{
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
    }
    .menu-toggler > .menu-text {
        border-top-color: transparent !important;
    }
    .menu-toggler > .menu-text:after {
        content: none !important;
    }
    .menu-toggler.display:before {
        top: 13px !important;
        border-width: 4px !important;
        margin-top: 0px!important;
    }
    .menu-toggler.display:after {
        border-width: 4px !important;
        height:2px !important;
        top: 19px !important;
        margin-top: 0px !important;
    }
    .menu-toggler:before,.menu-toggler:after {
        margin-top: 0px!important;
    }
/*    .breadcrumbs .header {
        margin-left: 33px;
    }*/
    .breadcrumbs{
        /*padding: 0 0 0 0 !important;*/
    }
    .maincontent-playlist{
        margin-left: 0px!important;
    }
    .nav-tabs.padding-12{
        padding-left:0;
    }
    .breadcrumbs .header {
        height: auto;
    }
    .breadcrumbs .header .nav-tabs {
        height: auto;
    }
    .sidebar {
        z-index: 1000;
        margin-top: -1px;
    }
    .nav-tabs > li {
        margin-bottom: 2px;
    }
    .navbar .client-info{
        padding-left: 18px;
    }
}

.shared-playlist-class {
    font-size: 25px !important;
    color: #0066bb  !important;
}

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
    .shared-playlist-class {
        font-size: 18px !important;
        color: #0066bb  !important;
    }
}

.mini-course-records {
    font-size: 15px;
    font-weight: 600;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue";
}
.cls_minicourse th{
    text-align: center;
}
.cls_minicourse th:first-child{
    text-align: left;
}
.cls_minicourse .page-content{
    margin-left: 1.5%;
}
.cls_minicourse .page-header h1{
    margin-left: 0px;
}
.cls_minicourse .page-header{
    padding-left: 0;
}
.cls_minicourse .dataTables_wrapper{
    padding-left: 1%;
}
.cls_minicourse .mediaIds .row{
    margin-left: -1%;
}
.cls_usagereports th:nth-child(even), .cls_usagereports th:last-child{
    text-align: center;
}
.cls_usagereports #proficiencyWrapper .widget-main{
    width:205px;
}
.prodlisting-title{
    font-weight: bold;
    font-size: 13px;
    color: #8a8484;
}
.account-head-info{
    padding:20px;
    font-size:14px;
}
.fl-title{
    color: #524a4a;
    font-size: 13px;
    font-weight: bold;
}
.landing-topic-sub-title .blue-font{color:#00b9e5;cursor:pointer;}
.landing-topic-sub-title{font-size:12px;padding-left:25px;}
.landing-topic-sub-title .blue-font .text-underline:hover{text-decoration:underline;}
.fa-user-headset{
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    text-align: center;
    font-size: 18px;
    margin-right: 2px;
}
/*.left-nav-select{
    color:#438eb9;
    font-weight:bold;
}

.left-nav-deselect{
    color:#393939;
    font-weight:normal;
}*/
.leftnavfiterscheck-select{
    color: white;
    font-weight: bold;
    /*    font-size: 14px;*/
}
.leftnavfiterscheck-select-li
{
    background-color: #40a4d5;
    margin-bottom: 2px;
}
.fa-times-circle{
    color:white;
    float: right;
    font-size: 1.5em;
    line-height: inherit!important;
}
.circle-spacing{
    /*width:10%;*/
}
.label-spacing{
    width:100%;
}
/*#leftnavfavorites::-webkit-scrollbar { width: 0 !important }
#leftnavfavorites{ overflow: -moz-scrollbars-none; }
#leftnavfavorites{ -ms-overflow-style: none; }*/
.left-nav-playlist-li, .left-nav-check-li{
    display: flex;
    align-items: center;
    border-bottom:1px solid #eee;
}
.filter-span, .playlist-span{
    /*    font-size: 14px; */
    padding: 4px;
    padding-left: 18px;
    cursor: pointer;
}
.media-icon{
    width: 10%;
    padding-left: 10px;
    font-size: 1.5em;

}
.media-icon.selected-media{
    color: white;
}
.media-icon.selected-media:not(){
    color: #444;;
}

.nav-list li.checkFav .submenu {
    overflow: unset;
}
.add-block{
    font-size:14px;
    cursor:pointer;
}
.padd-rt-20{
    padding-right:20px;
}
.remove-icon{
    padding-top: 30px;
    font-size: 16px;
    color: red;
}
.font-sm{
    font-size:12px !important;
}
.time-range-picker{
    background: white;
    border:1px solid #eee;
    padding:0px;
    height:150px;
    width:100%;
    overflow-y:auto;
    position: absolute;
    left: -25px;
    top: 34px;
    z-index: 100;
}
.time-range-picker li{
    list-style: none;
    padding: 10px 0px 10px 10px;
}
.time-range-picker li:hover{
    background:#eee;
}
.date-time-block{
    position:relative;
}
.remove-icon-span{cursor:pointer;}
.faq_section h4{
    margin-bottom:20px;
}
.faq_question{
    font-weight: bold;
}
.faq_answer{
    margin-bottom:20px;
}
.head-content{
    margin-bottom:30px;
    text-align: left;
}
.head-content, .bottom_note, .faq_question, .faq_answer{
    font-size:13px;
}
.pad-rt-5{
    padding-right:5px;
}
.maincontent-livecoaching,.maincontent-covidresources{
    margin-left:0px !important;
}
.ad-anchor{
    position:relative;
    float:right;
    margin-top: -7px;
    height:inherit;
}
.ad-img{
    height:inherit;
}
.cls_search .link-student{
    font-size:17px;
    text-transform: none;
    padding:0px;
}
.cls_search .fa-list-music
{
    color:#428bca;
    font-size:1.4em;
}
.featured-playlist {
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #40a4d5;
    width: 100%;
    padding: 0;
    padding: 0 6px;
    border: 1px solid #eee;
}
.playlist-title {
    font-size: 25px!important;
    font-weight: 300!important;
    font-style: normal!important;
    font-family: "Open Sans"!important;
    color: #707070!important;
    width: 100%!important;
    padding:6px!important;
}

.cls_playlist .btn-share-playlist
{
    color:#ffffff;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
    width: 66px !important;
    font-weight: bold;
}
.cls_playlist #addToMyPlaylist{
    color:#ffffff;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 7px 5px;
    width:auto;
    font-weight: bold;
    height:28px !important;
    margin-right: 0%;
    float:right;
}
.cls_playlist input.ace[type="radio"] + .lbl:before{
    display:none;
}

.cls_playlist #addToMyPlaylist.disabled, .cls_login form #contact-form.disabled
{
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block !important;
}
.cls_playlist .mediaIds .align-center{
    padding-bottom: 5%;
}
.mb-10{
    margin-bottom: 10px;
}
.notification-container .title
{
    color: #0097ca;
}
.notification-container .notification-read{
    background: #eee !important;
    padding: 0px 13px;
}
.notification-container .notification-read:hover{
    background: #eee !important;
}
.notification-container li:last-child{
    color: #000 !important;
}
.notification-container .notification-content{
    cursor: pointer;
    width:100%;
}
.notification-container > li > a {
    border-bottom-color: #dedede;
}
.notification-container > li:last-child > a {
    color: #555 !important;
    text-align: left;
    font-size: 12px;
}
.notification-container .clear-all{
    cursor:pointer;
}
.notification-container .show_close_div{
    display:none;
    position: relative;
    top: -10px;
    right: -6px;
    float: right;
    height: 0px;
    cursor: pointer;
    font-weight: bold;
    color: #555;
}
.notification-container > li:hover .show_close_div{
    display:block;
}

/******************** Confirmation Box CSS *********************/
#confirmButtons{
    padding:15px 0 25px;
    text-align:center;
}

#confirmBox .button{
    display:inline-block;
    background:url('buttons.png') no-repeat;
    color:white;
    position:relative;
    height: 33px;

    font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;

    margin-right: 15px;
    padding: 0 35px 0 40px;
    text-decoration:none;
    border:none;
}

#confirmBox .button:last-child{ margin-right:0;}

#confirmBox .button span{
    position:absolute;
    top:0;
    right:-5px;
    background:url('buttons.png') no-repeat;
    width:5px;
    height:33px
}

#confirmBox .blue{              background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .blue span{         background-position:-195px 0;}
#confirmBox .blue:hover{        background-position:left bottom;}
#confirmBox .blue:hover span{   background-position:-195px bottom;}

#confirmBox .gray{              background-position:-200px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{         background-position:-395px 0;}
#confirmBox .gray:hover{        background-position:-200px bottom;}
#confirmBox .gray:hover span{   background-position:-395px bottom;}

/******************** Confirmation Box CSS End *********************/

.sharedPlaylistTitle{
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #40a4d5;
    width: 100%;
    padding: 0;
    padding: 10px 6px 6px 6px;
}

/********************** Mobile Navigation tabs Css start *************/

@media screen and (min-device-width : 320px) and (max-device-width : 990px) and (orientation:portrait)
{
    .breadcrumbs .header {
        margin-left: 0;
    }
    .breadcrumbs .header .nav-tabs {
        height: auto;
    }
    .header .nav-tabs{
        font-size: 9px;
        font-weight: normal;
    }
    .menu-toggler{
        background-color: #428bca !important;
        width:auto;
        border-bottom: none;
        margin-top: -45px;
        z-index: 1000;
        margin-left: 6px;
    }
    .cls_playlist .main-container, .cls_search .main-container{
        overflow: visible !important;
    }
    .menu-toggler:before{
        border-top: 4px solid #fff;
        border-bottom: none !important;
    }
    .menu-toggler:after{
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
    }
    .menu-toggler > .menu-text {
        border-top-color: transparent !important;
    }
    .menu-toggler > .menu-text:after {
        content: none !important;
    }
    .menu-toggler.display:before {
        top: 13px !important;
        border-width: 4px !important;
        margin-top: 0px!important;
    }
    .menu-toggler.display:after {
        border-width: 4px !important;
        height:2px !important;
        top: 19px !important;
        margin-top: 0px !important;
    }
    .menu-toggler:before,.menu-toggler:after {
        margin-top: 0px!important;
    }
    .nav-tabs.padding-12{
        padding-left:0;
    }
    .breadcrumbs .header {
        height: auto;
    }
    .breadcrumbs .header .nav-tabs {
        height: auto;
    }
    .sidebar {
        z-index: 1000;
        margin-top: -1px;
    }
    .notification-container .show_close_div{
        display:block;
    }
}

@media screen and (max-device-width : 990px) and (orientation:landscape)
{
    .breadcrumbs .header {
        margin-left: 0;
    }
    .breadcrumbs .header .nav-tabs {
        height: auto;
    }
    .header .nav-tabs{
        font-size: 9px !important;
        font-weight: normal;
    }
    .menu-toggler{
        background-color: #428bca !important;
        width:auto;
        border-bottom: none;
        margin-top: -45px;
        z-index: 1000;
        margin-left: 6px;
    }
    .menu-toggler:before{
        border-top: 4px solid #fff;
        border-bottom: none !important;
    }
    .menu-toggler:after{
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
    }
    .menu-toggler > .menu-text {
        border-top-color: transparent !important;
    }
    .menu-toggler > .menu-text:after {
        content: none !important;
    }
    .menu-toggler.display:before {
        top: 13px !important;
        border-width: 4px !important;
        margin-top: 0px!important;
    }
    .menu-toggler.display:after {
        border-width: 4px !important;
        height:2px !important;
        top: 19px !important;
        margin-top: 0px !important;
    }
    .menu-toggler:before,.menu-toggler:after {
        margin-top: 0px!important;
    }
    .nav-tabs.padding-12{
        padding-left:0;
    }
    .breadcrumbs .header {
        height: auto;
    }
    .breadcrumbs .header .nav-tabs {
        height: auto;
    }
    .sidebar {
        margin-top: -1px;
    }
}

@media screen and (min-device-width : 768px) and (max-device-width : 990px) and (orientation:landscape)
{
    .navbar .client-info {
        padding-left: 24px;
    }
}

.nav-tabs > .mobile-item > a{
    text-align:center;
    padding: 7px 4px;
    width: 100%;
    margin-bottom: 1px; 
    color: #444 !important;
}
.mobile-item a:hover{
    color: #848484 !important;
}
.nav-tabs > .mob-active > a{
    color: #428bca !important;
}
.nav-tabs > .mobile-item{ width: 25%; }

.mobile-item i{
    font-size:22px;
}

/********************** Mobile Navigation tabs Css End *************/
.sharedPlaylistTitle {
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #40a4d5;
    width: 100%;
    padding: 0;
    padding: 6px;
    border: 1px solid #eee;
}

.cls_playlist .checkFav .fas{
    margin: 0 4px 0 4px;
}
.fa-question-circle-o{
    font-size: 18px;
    vertical-align: sub;
}
.cls_playlist .main-container, .cls_search .main-container{
    overflow: hidden;
}

.mrgn-bt-10{
    margin-bottom: 10px;
}

@media screen and (min-device-width : 320px) and (max-device-width : 1024px)
{
    .notification-container .show_close_div{
        display:block;
    }
}
.cls_playlist input[class='my-playlist']:focus{
    color:#393939 !important;
}
@media screen and (max-device-width : 563px)
{
    .daterangepicker{
        width:262px;
        left:35px;
        padding-right:10px;
        min-width:32px !important;
    }
}
@media screen and (max-device-width : 767px)
{
    .notification-container{
        right: 20px;  
    }
    .ace-nav .notification-container > li:nth-last-child(3) > .dropdown-menu.pull-right{
        left: auto !important;
        right: 20px;
    }
}
@media screen and (max-device-width : 460px)
{
    .ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right{
        left: auto !important;
        right: -10px !important;
    }
}

.checkFav .fas.fa-share-alt-square{
    font-size: 15px;
}

.playlist-rename-heading{
    font-size: 14px;
    font-weight: 600;
    padding-bottom:10px;
}

#playlist-rename-message{
    color: #ff363a;
    padding-bottom:10px;
}
#quiz-warning-message{
    padding-bottom:10px; 
}
#leftnavSharedPlaylists{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}
settings .fas{
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    text-align: right;
    font-size: 18px;
    margin-right: 2px;
    float:right; 
    padding:10px;
    padding-right: 20px;
}

.settings-title{
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #40a4d5;
    width: 100%;
    padding: 0;
    padding: 0px;
}

.profile-title{
    font-weight: bold;
}

.profile-row{
    font-size: 14px;
    padding-top: 10px; 
    padding-bottom: 10px; 
}

#modal-for-change-name .modal-dialog, #modal-for-change-password .modal-dialog, #modal-for-timezone .modal-dialog{
    width:400px;
}

#modal-for-change-name .modal-header .close , #modal-for-change-password .close , #modal-for-timezone .close{
    margin-top: -17px !important;
    margin-right: -6px;
    background: red;
    color: white;
    width: 16px;
    border-radius: 50%;
    font-size:16px;
    opacity: 1;
}
#modal-for-change-name .modal-header, #modal-for-change-password .modal-header, #modal-for-timezone .modal-header{
    padding: 0px !important;
}
#modal-for-change-name .modal-content, #modal-for-change-password .modal-content,#modal-for-change-timezone .modal-content{
    border-radius: 5px !important;
}

#modal-for-change-name .modal-dialog .modal-content .modal-footer, #modal-for-change-password .modal-dialog .modal-content .modal-footer {
    border-radius: 5px;
}

#modal-for-change-name .modal-header h4, #modal-for-change-password .modal-header h4, #modal-for-timezone .modal-header h4{
    padding: 6px 0px 6px 32px;
}
#modal-for-change-name .btn i, #modal-for-change-password .btn i, #modal-for-timezone .btn i{
    padding-left: 10px;
}
#modal-for-change-name .btn i, #modal-for-change-password .btn i, #modal-for-timezone .btn i{
    padding-left: 10px;
}

#modal-for-change-name .btn-save, #modal-for-change-password .btn-save, #modal-for-timezone .btn-save{
    background: #337ab7 !important;
    border-color: #337ab7 !important;
    width: 94%;
    margin: 5px 10px;
}
#modal-for-change-name .btn-save:focus, #modal-for-change-password .btn-save:focus, #modal-for-timezone .btn-save:focus{
    background: #1b6aaa !important;
    border-color: #1b6aaa !important;
}
#modal-for-change-name .btn-save:hover, #modal-for-change-password .btn-save:hover, #modal-for-timezone .btn-save:hover{
    background: #1b6aaa !important;
    border-color: #1b6aaa !important;
}
#modal-for-change-name input[type=text],#modal-for-change-name input[type=password], #modal-for-change-password input[type=text], #modal-for-change-password input[type=password]{
    padding: 8px 4px; 
}
.cls_settings .sales-manager-img{
    width:50%;
}
.cls_settings .sales-row-div{
    padding-bottom:2%;
}
.sales-row-div > :first-child {
    font-size:14px;
    font-weight: bold; 
}
.sales-row-div > :last-child {
    font-size:14px; 
}
.cls_settings .sales-span-color{
    color:#438eb9
}

.user-menu > li > a {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0px;
    margin-top: 1px;
}

.user-menu > li > a {
    padding: 8px 12px;
}
.cls_settings .preferences-btn{
    border:1px solid #428bca;
    padding:7px;
    border-radius:5px;
    background-repeat: no-repeat;
    box-shadow: 0 1px #B4B4B4;
    box-sizing: border-box;
    cursor:pointer;
}
.cls_settings .delete-account-btn{
    border:1px solid #cc0000;
    padding:7px;
    border-radius:5px;
    background-repeat: no-repeat;
    box-shadow: 0 1px #B4B4B4;
    box-sizing: border-box;
    color: #cc0000 !important;
    cursor:pointer;
}
.cls_settings .preference-text-size{
    font-size:16px;
    margin-bottom:10px;
}
.cls_settings .preference-box-margin{
    margin-bottom: 25px;
}
.cls_settings #modal-for-delete-account .modal-header h4{
    color: #cc0000!important;  
}
.cls_settings #modal-for-delete-account .btn-save{
    background: #cc0000 !important;
    border-color: #cc0000 !important;
    width: 94%;
    margin: 5px 10px;
}
.cls_settings #modal-for-delete-account .modal-dialog{
    width:400px;
}

.cls_settings #modal-for-delete-account .close{
    margin-top: -10px !important;
    margin-right: -21px;
    background: red;
    color: white;
    width: 16px;
    border-radius: 50%;
    font-size:16px;
    opacity: 1;
}

.cls_settings #delete-account.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.40;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block !important;
}
.cls_admin .delete-uploaded-Img {
    position: absolute;
    margin-left: -2px;
    margin-top: -4px;
}
.cls_admin .delete-uploaded-box-img span.imgName{
    padding-left:13px;
    font-size: 14px;
    font-weight: 500;
}
.cls_admin .imgUpload{
    padding: 6px!important;
    margin-top: 4px;
    margin-left:12px;
}

.selected-account{
    background-color: #eee;
}
.alphanum-warrning{
    padding: 0px 4px;
    color: #cc0000;
}
.disable-foreground{
    opacity:0.1;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}
.cls_settings .sales-manager-img-wrapper{
    text-align: center;
    display: block;
}
#contact-msg {
    opacity: 1;
    font-weight: 600;
    position: absolute;
    z-index: 1000;
    font-size: 16px;
}
.max-height{
    height:325px;
}
.disable-filter{
    /*    opacity: 0.5;
        pointer-events: none;*/
    display:none;
}
.cls_search #leftnavfilterform .clearFilter{
    padding-left: 20px;
}
.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.cls_adminreports table th {
    word-wrap: break-word;
}
.sent-alert-header{
    min-height: 45px;
    border-bottom: 1px dotted #333333;
    text-align: left;
}
.sent-alert-header-title{
    font-weight: bold;
    font-size: 14px;
}
.sent-alert-content {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: 1px dotted #333333;

}
.sent-alert-content-child{
    /*    padding:20px;*/
    word-wrap: break-word;
}
#sent-alert .alert-active{
    color:green;
    margin-right: 20px;
}
#sent-alert .alert-expired{
    color:#CC0000;
    margin-right: 20px;
}
.sent-alert-content .alert-btn, .sent-alert-content .sent-alert-url
{
    font-weight: bold;    
    text-decoration: underline;
}
.sent-alert-page-header{
    margin: 0 0 12px;
    border-bottom: 1px dotted #333333;
    border-top: 1px dotted #333333;
    padding-bottom: 7px;
    padding-top: 7px;
    min-height: 55px;
}
.sent-alert-page-header h1 {
    margin-top: 3px !important;
    font-weight: 300;
    font-size: 29px;
    font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    margin: 0 8px;
    color: #0097ca;
    padding-bottom: 0 !important;
}
.alert-imp{
    background-color:#F8C471;
    height:auto;
    padding:7px 7px 0px 10px;
    border-bottom: 1px solid #99A3A4;
    z-index: 1;
}
.alert-announce{
    background-color:#A9DFA0;
    height:auto;
    padding:7px 7px 0px 10px;
    border-bottom: 1px solid #99A3A4;
    z-index: 1;
}

#sent-alert .border-dotted td{
    border-top: 1px dotted grey;
}

#sent-alert .border-dotted th{
    border-bottom: 1px dotted grey;
}
.playlist-search-content .content_icon{
    width: 22px;
    float: left;
}
.related-content-icon{
    width: 22px;
    float: left;
    margin-right: 5px;
}
.padd-rt-10{
    padding-right: 10px;
}
.maincontent-covidresources .covidresources{
    border:2px solid #e3e3e3;
    border-radius:20px;
    margin-bottom: 20px;
    height: inherit;
    min-height: 235px;
    width:100%
}
.maincontent-covidresources .covidresources img{
    width:40%;
    margin-top: 7px;
    margin-left: -7px
}
.maincontent-covidresources .covidresources h2{
    font-size:37px;
    color:#393939 !important;
}
.maincontent-covidresources .content-intro h1{
    font-size: 51px;
    font-weight: bolder;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 15px;
}
.maincontent-covidresources .content-img img{
    width:81%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}
.maincontent-covidresources .content-intro span{
    font-size:15px;
}
.getstarted-page .page-title h1 {
    font-family: 'Source Sans Pro','Open Sans','Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 29px;
    color: #0097ca;
}
@media only screen and (max-device-width : 768px) {
    .getstarted-page .std{
        overflow-wrap: break-word;
        word-spacing: normal;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .nav-tabs > .mobile-item{ width: 20%; }
    .maincontent-covidresources .covidresources h2{
        font-size:31px;

    }
}
.sent-alert-content-child .alert-btn{
    cursor: pointer;
}
.label-title{
    color: #0097ca;
    font-weight: bold;
}

.border-dotted-bottom{
    border-bottom: 1px dotted #333; 
}
.div-100 .col-sm-9{
    width:100%;
}

#no-video{
    text-align: center;
    margin: auto;
    width: 100%;
    padding: 100px;
    color: #e4e6e9;
}

#no-video h2{
    font-size:60px;
    font-weight: bolder;
}
.margin-rt-5{
    margin-right:5px;
}
.angle-icon-div{
    margin: auto;
    float: right;
}
.angle-icon{
    position: relative;
    float: right;
    font-size: 20px;
    font-weight: normal !important;
}
.left-nav-section{
    display: flex;
}
.sidebar-scroll{
    height:100%;
    /* position:fixed; */
    padding-bottom:100px;
}
.nav-tabs{
    z-index:1;
}
.scroll-content{
    height:100%;
    /* overflow-y: auto; */
    scroll-behavior: smooth;
    /* position: absolute; */
    top: 0;
}
#ebooksleftnavtopics, #ebooksleftnavauthors {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}
.clearAllEbooksFilter .clear-link
{
    text-transform: none;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-left: 0px;
    color: #707070 !important;
    padding: 8px !important;

}
.cls_books #leftnavfilterform .clearAllEbooksFilter {
    margin: 0px 6px 6px;
    padding-left:20px;
}
 .clear-link{
    display: inline-block;
    margin-right: 10px;
    margin-top: 6px !important;
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    box-shadow: none;
    color: #428bca;
    font-size: 11px;
    margin-right: 0px;
}
.card{
    text-align:center;
}
.card-title{
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    margin:0;
    margin-bottom: 2px;
    line-height: 1.4;
}
.card-left {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 6px;
}
.card-text {
    color: #585858;
    font-size: 15px;
    font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    line-height: 1.4;
}
.card-img-top{
    height: auto;
    width: 35%;
}
.card-copy{
    font-style: italic;
    font-size: 11px;
    font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    color: #323232;
}
.studyguide {
    font-weight: 600;
    padding-left: 5px;
    font: normal normal bold 14px Open Sans;
    color: #707070 !important;
    opacity: 1;
}
.studyguide:hover {
    /* font-size: 13px; */
    color: #588600 !important;
    font-weight: 600;
    padding-left: 5px;
    font-style: normal;
}
.imgdoc{
    margin: 2px 5px 0px 0px;
}
.book-intro-title, .book-intro-title-active {
   /* background-color: #00A8E32E; */
   /* color: white; */
   /* margin-left: -5%; */
   /* margin-right: -12px; */
   padding-left: 16px;
   padding-right: 12px;
   padding-top: 10px;
    padding-bottom: 10px;
    /* min-height: 60px; */
    font: normal normal bold 16px Open Sans;
    letter-spacing: 0px;
    color: #707070;
    border-bottom: 1px solid #C7C7C7;
    display: flex;
    align-items: center;
}

.book-intro-title-active {
    color: white;
    background-color: #00A8E3;
    display: flex;
    align-items: center;
 }
.ebook-leftnav-li:hover {
   /* background-color: #428bca; */
   color: white;
   /* margin-left: -5%; */
   /* margin-right: -12px; */
   /* padding-left: 16px; */
   /* padding-right: 12px; */
   /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    text-decoration: none;
}
.li-italic {
    font-style: italic;
}
.list-item-wrapper{
    clear: left;
    display:flex;
}
#magazinesleftnavtopics, #magazinesleftnavauthors {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}
.clearAllMagazinesFilter .clear-link
{
    text-transform: none;
    font-size: 12px;
    padding-left: 0px;
    background-color:#428bca !important;
    border: 1px solid #e1e1e1 !important;
    color: #ffffff !important;
    padding: 8px !important;
    border-radius: 5px;

}

.clearAllMagazinesFilter .link-student{
    font-size:17px;
    text-transform: none;
    padding:0px;
}

.clearAllMagazinesFilter .link-student
{
    text-transform: none;
    padding-left: 0px;
    color: #707070 !important;
    padding: 8px !important;
    font: normal normal bold 17px Open Sans;

}

.cls_magazines #leftnavfilterform .clearAllMagazinesFilter {
    /*margin: 0px 6px 6px;*/
    padding-left: 20px;
}



.page-content #magazines-container .item .thumbnail{
    /* UI Properties */
    background: #F4F4F4 0% 0% no-repeat padding-box;
}

#magazinesdatacontainer .btn-group {
    bottom: 38px !important;
}
.media-filters select {
  background-color: white;
  border: 1px solid #707070;
  border-radius: 2px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  cursor:pointer;
}

.media-filters select.arrows:focus {
  border-color: blue;
  outline: 0;
}
.margin-rt-10{
    margin-right: 10px;
}
.sort-media-items .fa-arrow-down{
    color:#707070;
    font-size:18px;
    cursor:pointer;
}
.sort-media-items a:hover{
    text-decoration: none;
}
.sort-media-items .fa-arrow-up{
    color:#707070;
    font-size:18px;
    cursor:pointer;
}
#grid:hover{
    text-decoration: none !important;
}
.filters-select{
    font-size: 14px;
}
.media-filters .glyphicon-th, .media-filters .glyphicon-th-list { 
    margin-right:5px; 
    font-size: 27px;
    color: #BCBCBC;
}
.media-filters .glyphicon-th.active, .media-filters .glyphicon-th-list.active{
    color: #666;
}
.media-filters .pipe-icon{
    top: 7px;
    font-size:27px;
    color:#707070;
    font-weight: lighter;
}
.media-filters .glyphicon{
    top: 7px;
}
.margin-rt-12{
    margin-right: 12px;
}


#leftnavMyPlaylists, #leftnavSharedPlaylists, #leftnavfeaturedPlaylists, #leftnavtopics, #leftnavauthors, #ebooksleftnavtopics, #ebooksleftnavauthors, #magazinesleftnavauthors {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}

#leftnavMyPlaylists::-webkit-scrollbar, #leftnavSharedPlaylists::-webkit-scrollbar, #leftnavfeaturedPlaylists::-webkit-scrollbar, #leftnavtopics::-webkit-scrollbar,#leftnavauthors::-webkit-scrollbar, #ebooksleftnavtopics::-webkit-scrollbar, #ebooksleftnavauthors::-webkit-scrollbar, #magazinesleftnavauthors::-webkit-scrollbar{
    background: transparent;

}
#leftnavMyPlaylists::-webkit-scrollbar-thumb, #leftnavSharedPlaylists::-webkit-scrollbar-thumb, #leftnavfeaturedPlaylists::-webkit-scrollbar-thumb, #leftnavtopics::-webkit-scrollbar-thumb,#leftnavauthors::-webkit-scrollbar-thumb, #ebooksleftnavtopics::-webkit-scrollbar-thumb, #ebooksleftnavauthors::-webkit-scrollbar-thumb, #magazinesleftnavauthors::-webkit-scrollbar-thumb {
    background-color: #DBDBDB;
    border: 4px solid transparent;
    border-radius: 11px;
    background-clip: content-box;
    width: 15px;
    height: 300px;
}

/* Handle on hover */
#magazinesleftnavauthors::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#leftnavfavorites input.ace[type="checkbox"] + .lbl {
    max-width: 136px !important;
}
.leftnav-main-topic{
    font-size: 14px;
    color: #707070;
    font-weight: bold;
}
.leftnavtopicfilter{
    margin-top: 15px;
    margin-bottom: 15px;
}
.teamNameDropBody{
    width: 440px;
}

a.download_pdf_resources {
    color: #00A8E3;
    font-size: 15px !important;
    font-weight: bold;
    font-style: normal;
    font-family: 'Open Sans';
}

ul.download-resource a.studyguide i, ul.additional-resource a.studyguide i{
    color: #8DC63F;
}

.ebook-pg-sidenav .nav-list > li ul.submenu {
    border: 0;
}
.minicourse-child-pg-1 .non-quiz-row,
.minicourse-child-pg-1 .page-header
{
    padding: 0 8%;
    margin-bottom: 0 !important;
}

.cls_magazines #news-feed .avatar {
    /* border-radius: 4px; */
    height: 36px;
    left: -47px;
    position: absolute;
    width: 36px;
}

.cls_magazines #news-feed .commentor {
    font-weight: bold;
}

.cls_magazines #news-feed .time {
    color: #9d9d9d;
    font-size: 11px;
    position: absolute;
    right: 15px;
}

.cls_magazines #news-feed .news-item-content {
    font-size: 13px;
}

.cls_magazines #news-feed .news-item-content > :last-child, #news-feed .comment-content > :last-child {
    margin-bottom: 0;
}

.cls_magazines #news-feed .news-item-content, #news-feed .news-item-add-comment, #news-feed .inner-comment {
    padding: 15px;
}

.cls_magazines #news-feed .bubble {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 5%);
    margin: 20px 0 0 50px;
    position: relative;
}

.cls_magazines #news-feed .news-item-meta {
    background: #f7f7f7;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    position: relative;
    padding: 10px 15px
}

.cls_magazines #news-feed .bubble {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 5%);
    margin: 20px 0 0 50px;
    position: relative;
}
.mcvedio-overview {
    padding:40px 0px 25px 18% !important;
}
.mcvedio-overview a {
    font: normal normal bold 14px Open Sans;
}
.padding-lt-42{
    padding-left: 42px;
}
   
.maincontent-error{
    margin-left: 0px;
}

#simple-nav.nav-list > li > a
{
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    background: transparent 0% 0% no-repeat padding-box;
    font: normal normal 600 17px Open Sans;
    color: #707070;
    padding: 0;
    padding-left: 10px;

}
#simple-nav.nav-list {
    padding: 20px;
    border:none;
}
#simple-nav.nav-list > li {
    margin-bottom: 20px;
    border: none;
}
.left-nav-playlist-li, .left-nav-check-li{
    border: none;
}
#simple-nav.nav-list > li .submenu{
    border-top:none;
}

.cls_solution_content .dropdown-share-playlist .dropdown-menu
{
    right: 0;
    left: -88px;
    width: 168px;
}
.cls_solution_content .dropdown-share-playlist ul.dropdown-menu.dist-admin-share {
    width: 200px !important;
    left: -119px !important;
}
.customStateBanner .custombannermobile {
    display: none;
}