@font-face {
    font-family: 'FranziskaPro-BookItalic';
    src: url('../fonts/FranziskaPro-BookItalic.eot');
    src: url('../fonts/FranziskaPro-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranziskaPro-BookItalic.otf') format('otf'), url('../fonts/FranziskaPro-BookItalic.woff') format('woff'),
        url('../fonts/FranziskaPro-BookItalic.ttf') format('truetype'), url('../fonts/FranziskaPro-BookItalic.svg') format('svg');
}
@font-face {
    font-family: 'FranziskaPro-LightItalic';
    src: url('../fonts/FranziskaPro-LightItalic.eot');
    src: url('../fonts/FranziskaPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranziskaPro-LightItalic.otf') format('otf'), url('../fonts/FranziskaPro-LightItalic.woff') format('woff'),
        url('../fonts/FranziskaPro-LightItalic.ttf') format('truetype'), url('../fonts/FranziskaPro-LightItalic.svg') format('svg');
}
@font-face {
    font-family: 'Franziska Pro';
    src: url('../fonts/FranziskaPro-MediumItalic.eot');
    src: url('../fonts/FranziskaPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranziskaPro-MediumItalic.otf') format('otf'), url('../fonts/FranziskaPro-MediumItalic.woff') format('woff'),
        url('../fonts/FranziskaPro-MediumItalic.ttf') format('truetype'), url('../fonts/FranziskaPro-MediumItalic.svg') format('svg');
}
/*Courier Prime*/
/* latin-ext */
@font-face {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/courierprime/v2/u-450q2lgwslOqpF_6gQ8kELaw9pWt_-.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/courierprime/v2/u-450q2lgwslOqpF_6gQ8kELawFpWg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*End*/
.recaptcha-container {
    height: 1px;
    width: 1px;
}
/*fix for cc-525(Login Link)*/
.pull-right {
    float: right !important;
}
body {
    font-family: fira-sans, sans-serif;
    font-size: 14px;
    background-color: #474747;
}
/************* Common CSS ****************/
a:hover {
    text-decoration: none;
    color: #428bca;
}
a:active, a:focus {
    color: #333;
    text-decoration: none;
}
.partial-color {
    color: #007ac3
}
.no-margin {
    margin: 0
}
#header a:focus, #footer a:focus,
.container.static-page-container a:focus,
.cc-container-base.static-page-container a:focus,
#home-innocence-project-message a:focus, #home-innocence-project-message2 a:focus,
a.forgot-password-label:focus, a.firstUser-password-label:focus, a.login-fb-img:focus,
.terms-confirmation a:focus, .registration-submit-label a:focus, .reg-fb-lic a:focus,
a.register-using-facebook img.login-using-facebook:focus, button.ereader-features-nav:focus,
.ereader-sub-header-row button:focus, .ereader-header-chapter-menu a#show-echapter-list:focus,
ul#read-chapter-list-parent li a:focus, ul#search-result-list li a:focus, .font-size-btn-group button:focus,
.user-action-section a:focus, .user-action-section a button:focus, span.ereader-top-nav-cog:focus, .login-email-width button:focus,
button:focus, a:focus, .annotation-error-content-wrapper:focus, span.annotation-error-close-popover:focus, a.annotation-error-close-popover:focus,
.book-info-popover:focus, #highlight-existing-error-lightbox:focus, img#register-using-facebook:focus, .book-info-popover img:focus, a.outline-mobile-nav-close img:focus,
a.outline-mobile-nav-close img:active, .outline-cancel-search img:focus, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, a.flag-later-element:focus, a.flag-later-element:focus, loginbtn_rk:focus {
    outline: dotted thin #000000 !important;
}
#searchResultTable a:focus {
    display: block;
}
img:focus {
    outline: dotted thin #000000 !important;
}
.caseconnect-logo-bar a {
    color: #cccccc;
}
a.header-static-links-navigation-cog:focus {
    outline: 1px dotted #ccc !important;
}
.display-inline-block {
    display: inline-block;
    vertical-align: top;
    color: #000000;
}
nav ul {
    list-style: none outside none;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none;
    outline-offset: 0px;
}
.list-style-none, .list-style-none li {
    list-style: none outside none;
}
.heading-label {
    margin: 30px 0 22px 0;
}
.heading-label_rs {
    margin: 20px 0;
}
.form-fields-wrapper {
    padding: 0px;
    min-width: 350px;
    margin-top: 12px;
}
#changePassword .form-fields-wrapper {
    margin-top: 17px;
}
.form-button-wrapper {
    padding: 0px;
    width: 350px;
    margin-top: 12px;
}
.text-box-common {
    background-color: #fafafa;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    padding: 6px 0 7px 8px;
    font-size: 13px;
}
.user-action-section {
    margin-bottom: 35px;
}
.row {
    margin: 0;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
button {
    border: medium none;
}
.pipe-separator {
    color: #ffffff
}
.reset-error-msg {
    left: 0px;
    margin-top: 48px;
    position: absolute;
}
.almost-there-error-msg {
    left: 0px;
    margin-top: 85px;
    position: absolute;
}
.reset-error-fields {
    left: 0px;
    margin-top: -6px;
    position: absolute;
}
input[type=text]::-ms-clear {
    display: none;
}
.no-padding {
    padding: 0
}
/********Below code is writted to prevent zoom in iPhone************/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width : 767px) {
    input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, select, textarea, input {
        font-size: 16px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .form-control {
        font-size: 16px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .ereader-sub-header-pageno, .ereader-sub-header-pageno:focus {
        font-size: 16px !important;
        line-height: 16px !important;
        padding-top: 0px !important
    }
    .study-class-dropdown, .notes-textarea, #outline-search-text-mobile.popover-outline-search-field:focus, #outline-search-text-mobile.popover-outline-search-field, #add-link-url:focus, #add-link-textarea-box:focus, #add-link-url, #add-link-textarea-box, #brief-modal-list-content li input, input#add-brief-label-box, textarea#add-brief-textarea, input#case-search-text-mobile, input#caseSearchTextbox, input.connection-search-area, input#add-connection-search-box, input.my-connection-search-box, textarea.brief-edit-textarea, .popover-outline-search-field, .popover-case-search-field, .popover-search-field, input#search-text, input#global-search-box, input#my-search-box, input#case-search-text-mobile, #shared-brief-dropdown, #student-class-code, #student-professor-name, #student-class-name, #faculty-class-name, #faculty-semester-year, #faculty-section-name, #faculty-meeting-times, #faculty-description-detail, #single-class-list, #faculty-docs-select {
        font-size: 16px !important;
    }
    .ereader-sub-header-pageno {
        padding-left: 2px !important
    }
    .ereader-sub-header-pageno {
        width: 50px !important;
        height: 19px !important;
        text-align: right !important;
        padding-right: 2px !important;
    }
    .learnMoreChange-UAT {
        padding-right: 20px;
        width: 100%;
    }
}
/************* End of Common CSS *********/
.main-container {
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: 3px 3px 4px -5px #888888;
    min-width: 768px;
}
.content-wrapper {
    padding-bottom: 40px !important;
}
/******************** CSS for Header Section *******************/
#header {
    background-color: #ECECEC;
    height: auto;
}
.header-text {
    display: inline-block;
    margin: 12px 0 0 0;
    color: #fff;
    font-size: 24px;
}
.header-nav-links {
    padding: 0px;
    float: right;
    font-size: 12px !important;
    position: relative;
    top: 16px;
    height: 30px
}
.header-static-links a, .header-static-links span {
    padding: 0px;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    position: relative;
    top: 8px
}
.header-nav-links>span>a, .header-nav-links>span {
    color: #fff !important;
    font-size: 13px;
    line-height: 18px;
}
/*********** End of header section *******************/
/************* Start of footer section ***********************/
.footer {
    background-color: #EAEAEA;
    height: 60px;
    color: #333
}
.footer-container {
    padding-top: 0px;
    width: auto;
}
.footer-link {
    padding-top: 20px;
    color: #333;
    font-weight: normal
}
.footer-link a, .footer-link-mobile a {
    font-weight: 400;
    font-size: 12px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #474747;
}
.footer-link a:hover, .footer-link-mobile a:hover {
    text-decoration: underline !important
}
.footer-link .copyright-note, .footer-link-mobile .copyright-note {
    font-weight: 400;
    font-size: 12px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #474747;
}
.footer-link nav a:hover, .footer-link-mobile nav a:hover {
    text-decoration: underline;
}
.footer-link nav a.active, .footer-link-mobile nav a.active {
    color: #333
}
.footer-link-mobile .copyright-mobile {
    width: 100% !important;
    display: inline-block;
    text-align: center;
}
/********* End of footer section *******************/
/*******************CSS for Home Page **************/
.home-text-desc {
    padding: 0;
    margin-top: 25px;
}
.access-code-section {
    background-color: rgba(255, 255, 255, 0.8);
    height: 264px;
    padding: 30px 25px 60px 25px;
}
.pp-videoGroupImg-section {
    padding: 30px 10px 15px 30px;
}
.pp-home-section-third .pp-videoGroupImg-section {
    padding: 0px 10px 0px 30px;
}
.home-access-label {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 20px !important;
}
.home-whats-this {
    color: #007ac3;
    background: none;
    padding-top: 40px
}
.button-group {
    padding: 10px 0 0 0px;
}
.btn:active, .btn:active:focus, .btn:focus, .btn:hover {
    background-color: transparent;
    box-shadow: none;
    color: #333333;
}
.button-login, .button-login:active, .button-login[disabled] {
    background: url('../img/home/login-button.png') no-repeat;
    background-color: none;
    border: medium none;
    height: 27px;
    width: 125px;
    display: none;
}
.button-register, .button-register:active, .button-register[disabled] {
    background: url('../img/home/blue-button-sm.png') no-repeat;
    background-color: none;
    border: medium none;
    height: 29px;
    width: 90px;
    display: none;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
    padding-top: 8px;
    text-align: center;
    color: #FFFFFF;
}
#buttonRegister:active, #buttonRegister:active:focus, #buttonRegister:focus, #buttonRegister:hover {
    color: #FFFFFF;
}
.redeem-textbox:focus {
    box-shadow: none;
    border-color: #ccc;
}
.home-already-have-acc {
    display: inline-block;
    color: #333333;
}
.home-already-have-acc a {
    color: #007ac3 !important;
}
.empty-placeholder {
    color: #BABABA;
}
.bodytop-section {
    padding: 1px;
}
.bodytop-text {
    background-color: #fff;
    font-family: arial;
    text-align: center;
    color: #525252 !important;
    padding: 25px 5px 5px;
    margin-bottom: 0px;
}
.image-devider {
    border-right: 1px solid #c6c6c6
}
.bodybottom-line {
    background-color: #555555;
    height: 28px;
}
.read-section, .study-section, .outline-section {
    padding: 22px 14px 30px 24px;
    ;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}
.study-section {
    padding-right: 85px;
}
.read-section div, .study-section div, .outline-section div {
    padding: 10px 0 0 0;
}
.read-section {
    border-right: 1px solid #FFF;
}
.read-section img {
    height: 48px;
}
.study-section {
    border-right: 1px solid #FFF;
}
.read-section-block {
    background-color: #77ac46;
    border-right: 2px solid #FFF;
}
.study-section-block {
    background-color: #cf4c5c;
    border-right: 2px solid #FFF;
}
.outline-section-block {
    background-color: #007ac3;
}
.read-section-block, .study-section-block, .outline-section-block {
    height: 17px;
}
.home-block-heading {
    margin-left: -10px;
}
.home-video {
    padding: 0 0 40px 0;
    border-bottom: 1px solid #D2D2D2;
}
.home-purchase-title1 {
    margin: 12px 0 0 15px;
    background: url('../img/home/looking-purchase.png') no-repeat;
    width: 257px;
    height: 41px;
}
.home-purchase-title2 {
    margin: 12px 0 0 0;
    background: url('../img/home/looking-purchase3.png') no-repeat;
    width: 312px;
    height: 40px;
}
.home-barrister-books {
    margin-top: 15px;
}
.home-purchase-button {
    background: url("../img/home/blue-button-lg.png") no-repeat;
    color: #fff !important;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    margin: 0px;
    padding-top: 7px;
    text-align: center;
    text-transform: uppercase;
    width: 127px;
}
.home-purchase-container {
    padding-bottom: 10px;
    padding-left: 20px
}
.home-purchase-desc {
    padding: 0 20px 15px 5px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
}
h2.home-looking-purchase {
    padding-left: 5px
}
.book-search-icons img {
    padding-left: 25px;
}
.social-network {
    padding: 25px 15px;
    border-bottom: 1px solid #D2D2D2;
}
#application-home-video .video-js {
    width: 95%;
    height: 340px;
    margin-left: 30px;
}
.app-cc-info-header {
    width: 98%;
}
/*******************End of Css for Home page ********/
/*******************Css for Login page ********/
.login {
    padding-right: 0px;
    padding-left: 0px;
}
.create-new-account {
    display: inline-block;
    font: bold 10px arial, sans-serif;
    color: #333333;
    vertical-align: bottom;
    padding-bottom: 10px;
    margin-left: 4px;
}
.login-submit-label {
    margin-top: 20px;
}
.login-remember-label {
    font: bold 10px arial, sans-serif;
}
.forgot-password-label, .firstUser-password-label {
    font: bold 10px arial, sans-serif;
    padding: 5px 0 0 0;
    cursor: pointer;
    color: #1ca6b9;
    text-decoration: underline;
}
.login-validation-msg {
    display: none;
}
.account-validation-msg {
    display: none;
}
.login-validation-msg li {
    list-style: decimal;
}
.account-validation-msg li {
    list-style: decimal;
}
#change-password {
    padding-left: 35px;
}
/*******************End of Css for Login page ********/
/*******************Css for Registration page ********/
.user-section {
    display: block;
}
.user-section label, .reset-additional-info, .faculty-class-code-label, .faculty-upload-docs, .faculty-material-type {
    padding: 0px;
    font-size: 18px;
    color: #000;
    font-family: fira-sans, sans-serif;
    margin-bottom: 0px;
    line-height: 22px;
}
.class-code-documents {
    font-size: 14px;
    font-weight: bold;
    font-family: "akzidenz-grotesk";
    line-height: 18px;
}
.class-code-documents-prof {
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: "akzidenz-grotesk" !important;
    line-height: 18px !important;
}
.faculty-class-code-documents-prof {
    font-size: 16px;
    font-family: "akzidenz-grotesk";
    line-height: 18px;
}
.thumbnail-label-prof {
    font-size: 16px;
    font-family: "akzidenz-grotesk";
    line-height: 18px;
}
/****For 'OR' in Student Enroll Page ****/
.stud-label-or span {
    padding: 0px;
    font: bold 10px arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    line-height: 16px;
}
.user-section input:focus {
    box-shadow: none;
    border-color: #ccc;
}
.user-section a {
    color: #007ac3;
    text-decoration: underline;
}
.registration {
    padding-right: 0px;
    padding-left: 0px;
}
.registration-account-title {
    display: inline-block;
    margin: 37px 0 20px 0;
}
.registration-required-label {
    display: inline-block;
    font: bold 10px arial, sans-serif;
    color: #333333;
    margin-left: 4px;
    vertical-align: bottom;
}
.required-label-registration {
    display: inline-block;
    font: bold 10px arial, sans-serif;
    color: #333333;
    margin-left: 4px;
    margin-top: 15px;
}
.err {
    color: #c43445;
    position: relative;
    margin-left: 360px;
    margin-top: -2px;
    font-size: 10px;
    font-weight: bold;
    max-width: 0;
    padding-right: 0;
    padding-left: 0;
}
.err.login {
    margin-left: 10px !important;
}
.registration-err-field-required {
    left: 0px;
    position: absolute;
    top: 89px;
    width: 350px;
    color: #cf4c5c;
    font-size: 10px;
    font-weight: bold;
}
.password-err-label {
    top: -18px;
    position: absolute;
    width: 280px;
    font-style: normal;
}
.password-err-label.login {
    top: 43px !important;
}
.terms-confirmation {
    margin: 7px 0 7px 7px;
    width: 350px;
}
.agree-terms-error {
    right: 191px;
    position: absolute;
    width: 280px;
}
.registration-cancel {
    font: bold 12px arial, sans-serif;
}
.create-account-btn {
    background-color: #FAFAFA;
    border-color: #CCCCCC;
    color: #333333;
    font: 11px arial;
}
.registration-submit-label {
    margin-bottom: 35px;
}
.create-account-facebook {
    margin: 30px 0 40px 0;
}
.login-using-facebook {
    display: inline;
    cursor: pointer;
}
.registration-facebook {
    padding: 0;
    margin-left: 75px;
}
.registration-fb-content {
    color: #333333;
    display: inline-block;
    font: 10px arial;
    width: 245px
}
.reg-fb-lic {
    width: 245px;
    margin-left: 20px;
    z-index: 1001;
}
#fb-reg-wrapper {
    position: absolute;
    height: auto;
    width: 309px;
    z-index: 1001;
}
/*height commented as it was creating double scroller*/
.registration-checkbox:focus {
    margin-left: -20px;
}
#readTerms {
    margin-top: 5px;
    transform: scale(1.15);
}
.password-limit {
    position: absolute;
    right: 0;
    bottom: 30px;
}
/*******************End of Css for Registration page ********/
/*******************Css for first time login page ********/
.first-time-login-form {
    padding-right: 0px;
    padding-left: 0px;
}
.first-time-login-select {
    margin-right: 12px;
    margin-top: 12px;
    padding: 7px;
    text-transform: none;
    width: 352px;
}
.first-time-user-details .btn {
    color: #333;
}
.first-login-label {
    padding: 5px;
}
.user-details-form {
    display: inline-block;
}
.new-user-caret-button {
    background-color: #fafafa;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
}
.select-dropdown {
    padding-bottom: 8px;
}
.school-name-field {
    display: none;
}
.dropdown-label {
    border-left: 1px solid #ccc;
    height: 28px;
    width: 25px;
    padding-right: 5px;
}
.dropdown-icon {
    position: relative;
    top: 10px;
}
.button-cover {
    display: inline-block;
    opacity: 0.65
}
.button-cover-home {
    display: inline-block;
}
.first-time-err-label {
    top: -24px;
    position: absolute;
    width: 285px;
    margin-left: 3px;
}
.write-school-name {
    display: none;
    width: 352px;
    background: none repeat scroll 0 0 #FFFFFF;
}
/*******************End of Css for first time login page ********/
/*******************Css for email confirmation page ********/
.email-confirmation {
    padding-right: 0px;
    padding-left: 0px;
}
.email-confirmation-section {
    font-size: 12px;
}
.email-confirmation-label {
    display: inline-block;
    margin-bottom: 12px;
}
.email-confirmation-list {
    display: inline-block;
    margin-bottom: 5px;
}
.confirmation-points li {
    list-style: decimal;
}
.confirmation-points {
    margin-left: 16px;
}
.email-confirmation-section button.btn-custom-stud {
    margin: 0px;
    margin-left: 20px
}
/*******************End of Css for email confirmation page ********/
/*******************Start of Css for Reset Password page ********/
.gradiant-button {
    background: #fefefe;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f1f1f1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f1f1f1 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f1f1', GradientType=0);
    /* IE6-9 */
    border: 1px solid #cbcbcb;
    border-radius: 11px;
    color: #333333;
    font-size: 14px;
    padding: 2px 10px;
}
.remember-text {
    line-height: 20px;
    padding-left: 5px;
}
.error-messages {
    margin-left: -339px;
    position: absolute;
    top: 78px;
    width: 280px;
    color: #c43445;
    font-size: 10px;
    font-weight: bold;
}
.reset-email-class {
    padding-bottom: 5px;
}
/*******************End of Css for Reset Password page ********/
/*******************Start of Css for Reset Password Captcha ********/
#recaptcha_response_field {
    border: 1px solid #ccc;
    width: 350px;
    background-color: #fafafa;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    padding: 6px 0 7px 8px;
    font-size: 12px;
}
#recaptcha_image {
    height: 59px;
    width: 302px;
    border: 1px solid #ccc;
}
.recaptcha-text-label, .recaptcha_only_if_audio {
    color: #333333;
    font: bold 10px arial, sans-serif;
    padding: 0;
}
.recaptcha_only_if_audio {
    text-transform: uppercase;
}
img.recaptcha_only_if_image {
    height: 32px;
    width: 28px;
}
img.recaptcha-refresh-image {
    height: 29px;
    width: 27px;
}
/*******************Start of Css for Reset Password Captcha ********/
@media all and (max-width : 292px) {
    .password-limit {
        line-height: 10px !important;
        position: absolute;
        right: -43px;
        width: 100px;
    }
    .learnMoreChange-UAT {
        padding-right: 20px;
        width: 100%;
    }
}
@media all and (max-width : 308px) {
    .home-already-have-acc {
        bottom: 23px !important;
        line-height: 12px !important;
        ;
        right: 17px !important;
        width: 139px;
    }
    .err {
        width: auto !important
    }
    .learnMoreChange-UAT {
        padding-right: 20px;
        width: 100%;
    }
}
@media(min-width:991px) and (max-width:1100px) {
    .student-dashboard-table {
        width: 25% !important;
        left: 33.4% !important
    }
}
@media(min-width:768px) and (max-width: 990px) {
    .student-dashboard-table {
        width: 25% !important;
        left: 33.4% !important
    }
    .ppContainer-section {
        width: 630px !important;
    }
}
@media(min-width:768px) and (max-width: 991px) {
    .learnMoreChange-UAT {
        padding-right: 20px;
    }
    #application-home-video .video-js {
        width: 78%;
        height: 340px;
        margin-left: 0px;
    }
    .home-text-desc {
        margin-top: 35px;
        width: 330px;
    }
    .casebook-home-introducing {
        font-size: 52px !important;
        line-height: 60px !important;
    }
    .pp-home-introducing {
        font-size: 48px !important;
        line-height: 58px !important;
    }
    .casebook-introduction-tag {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .pp-introduction-tag {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .learn-more-h3 {
        font-size: 27px !important;
        line-height: 34px !important;
    }
    .casebook-home-introducing-wrapper {
        padding-left: 0px !important;
    }
    .home-purchase-title2 {
        margin-left: 15px;
        margin-top: 0px;
    }
    .read-section, .study-section, .outline-section {
        padding: 20px 20px;
        cursor: pointer
    }
    .read-section, .study-section, .outline-section {
        height: 230px;
    }
    .book-search-icons img {
        height: 42px;
    }
    .social-icons {
        padding: 0;
    }
    .social-icons img {
        height: 25px;
    }
    .video-panel .col-sm-8 img {
        height: 250px
    }
    .modal-sm {
        margin: 25% auto;
        width: 300px;
    }
    /** Login Page **/
    .login-text {
        height: 41px;
    }
    .registration-facebook {
        margin: 0;
    }
    .create-account-facebook {
        height: 35px;
        width: 315px;
    }
    .create-account-text {
        height: 48px;
        width: 161px;
    }
    /** End of Login Page **/
    /***** ereader page ****/
    .ereader-content {
        width: 590px;
    }
    .ereader-page-number-ebook {
        margin-left: 7px;
    }
    .ereader-note {
        width: 88px;
    }
    /********end of ereader **/
    .student-dashboard-list-text {
        left: 7px !important;
    }
    .student-dashboard-bars-me, .student-dashboard-bars-class {
        margin-top: 2px !important;
    }
    .student-dashboard-list-text-class {
        margin-top: 2px;
        margin-left: -6px !important;
    }
    /**********CC-2182****************/
    .class-lo-progress-prof {
        padding-left: 2px;
        margin-top: 10px;
    }
    .professor-dashboard-table {
        left: 33.4% !important;
        position: absolute;
        width: 25% !important;
    }
    .chapter-progress {
        margin-left: 1px
    }
    .dashboard-table-twentyfive-prcnt, .dashboard-table-seventyfive-prcnt {
        display: none !important;
    }
    .dashboard-table-zero-prcnt {
        position: absolute;
        left: 33% !important;
        font-weight: 100;
    }
    .dashboard-table-fifty-prcnt {
        position: absolute;
        left: 44% !important;
        font-weight: 100;
    }
    .dashboard-table-hundred-prcnt {
        position: absolute;
        left: 56% !important;
        font-weight: 100;
    }
    #new-bookshelf-modal-faculty .modal-dialog, #tutorialModal .modal-dialog {
        width: 100%;
        position: relative;
    }
    /************CC-2291***********/
    .nav-bar-catalog-bar a {
        color: #454545;
        font-family: Arial;
        font-size: 14px !important;
        font-weight: bold;
    }
    .nav-bar-catalog-bar a :hover {
        font-family: Arial;
        font-size: 14px !important;
        font-weight: bold;
        color: #454545;
        border-bottom: 5px solid #007ac3;
        padding-bottom: 22px;
    }
    .nav-bar-catalog-bar a:focus, .nav-bar-catalog-bar a:active {
        color: #454545;
        font-family: Arial;
        font-size: 14px !important;
        font-weight: bold;
        padding-bottom: 22px;
    }
    .catalog-content {
        overflow: hidden;
    }
    /***********CC-2287************/
    #archivedStudyDashBoardProfessor .archived-professor-dashboard-table {
        width: 185px !important;
    }
    #archivedStudyDashBoardProfessor .archived-professor-dashboard-table {
        width: 25% !important;
    }
    .bookshelf-create-class-desktop .ereader-sub-header-row.col-sm-7 {
        width: 60% !important
    }
    .bookshelf-create-class-desktop #class-insights-right-header.col-sm-5 {
        width: 40% !important
    }
    .study-template-chapter-title {
        padding: 0 15px !important;
    }
    .app-left-navigation ul.list-style-none li a>label {
        word-wrap: break-word
    }
    #change-password {
        padding-bottom: 40px;
        padding-left: 0
    }
    .mobilePadZero {
        padding: 0px !important;
    }
}
.student-dashboard-list-text-class {
    margin-left: 0px;
}
.dashboard-faculty-progress-bars-lo {
    margin-top: 10px;
}
.dashboard-text-format {
    font-size: 11px;
    font-weight: bold;
    line-height: 23px;
}
/************************Start of CSS for Bookshelf menu bar module**********************/
.bookshelf-menu {
    background-color: #fff;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid #000;
    border-top: none;
}
.view-seperater {
    border-left: 1px solid #FFFFFF;
    padding: 2px;
}
.bookshelf-redeem-code {
    text-transform: uppercase;
    color: #666;
    font-size: 13px;
    font-weight: bold;
}
.bookshelf-redeem-code-plus {
    color: #666;
    font-size: 14px;
    padding-right: 7px;
}
.addBook {
    margin: 10px 0;
}
/************************End of CSS for Bookshelf menu bar module**********************/
/************************Start of CSS for Bookshelf grid view page**********************/
.no-spacing {
    margin: 0;
    padding: 0;
}
.book-list {
    font-size: 0;
    padding: 0;
}
.bookshelf-contents {
    height: auto;
}
.book {
    display: block;
    margin: 0;
    vertical-align: top;
    text-align: center;
}
@media (min-width: 768px) {
    .learnMoreChange-UAT {
        padding-right: 20px;
    }
}
@media (min-width: 992px) {
    .book-container li:nth-child(6n+1):nth-last-child(-n+6), .book-container li:nth-child(6n+1):nth-last-child(-n+6)~li {
        border-bottom: 0 none;
    }
    .lift-top-h1 {
        font-size: 44px;
        line-height: 50px;
        color: #ffffff;
        font-family: Arial;
        text-align: left;
    }
    .learnMoreChange-UAT {
        padding-right: 20px;
    }
}
.books-thumbnail {
    background-color: #FFFFFF;
    border: 1px solid #dbdbdb;
    display: inline-block;
    min-height: 94px;
    margin: 0;
    outline: 0 none;
    padding: 1px;
    width: 160px;
}
.books-thumbnail>img {
    width: 100%;
    min-height: 90px;
}
.info-placement {
    position: relative;
    top: -27px;
}
.info-button {
    float: right;
    z-index: 99;
    height: 25px;
    width: 25px;
    right: 2px;
}
.prof-info-button, .info-button {
    float: right;
    z-index: 99;
    height: 25px;
    width: 25px;
    right: 17px;
    padding: 0;
}
.thumbnail-label {
    overflow: hidden;
    word-wrap: break-word;
    font-family: "akzidenz-grotesk";
    font-size: 11px;
    padding-top: 7px;
    width: 100%;
    line-height: 15px;
}
.bookshelf-book-title {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    font-family: "Akzidenz-Grotesk";
    line-height: 18px;
}
a.bookshelf-book-title {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    font-family: "Akzidenz-Grotesk";
    line-height: 18px;
}
.thumbnail-image {
    font-size: 14px;
}
/******* Start of CSS for Error messages ***********/
.error-label {
    color: #AC1822;
    font: bold 10px arial, sans-serif;
    padding: 0px;
}
.access-code-error {
    margin-top: 7px;
    text-align: center;
    min-height: 14px;
}
.popover-error-msg {
    display: inline-block;
    padding-top: 5px;
    width: auto;
}
.err-msg-top {
    margin-top: -7px;
    position: absolute;
}
.error-field-bg {
    background: #fceff1;
}
.btnPrimaryFilter:active, .btnPrimaryFilter:active:focus, .btnPrimaryFilter:focus, .btnPrimaryFilter:hover {
    background: #007AC3 !important;
    color: #fff !important;
}
/******* End of CSS for Error messages ***********/
/******* Start of CSS for Loading logo messages ***********/
.popover-box-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    float: left;
    padding: 0;
    z-index: 100;
    display: none;
    position: fixed;
    opacity: 0.7;
    -moz-opacity: 0.5;
}
.loading-section-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    z-index: 105;
    opacity: 1;
}
.loading-section {
    position: relative;
    margin: 0 auto;
    top: 40%;
    width: 250px;
    border: 1px solid #ccc;
    background: #ccc;
    opacity: 1;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.loading-image {
    background: url('../img/loading.gif') no-repeat;
    height: 40px;
    width: 40px;
    background-size: 32px 32px;
    margin: 10px 0 0 10px;
}
.loading-text {
    padding: 3px 10px;
    font-size: 30px;
    color: #fff;
}
/*****************************Style for Popover********************************/
.popover-add-book-buttons {
    width: 100%;
    padding: 6px 0;
}
.popover {
    max-width: 330px;
    border: 10px solid #DCDCDC;
    border-radius: 10px;
    box-shadow: 1px 1px 0 0 #8C8F93;
    font-size: 10px;
    padding: 0px
}
.whats-this-popover {
    padding: 12px
}
.home-info-text {
    font-size: 12px;
}
.home-info-text p {
    line-height: 1.42857;
    margin: 0 0 10px;
}
.popover-content {
    padding: 0;
}
.popover.bottom>.arrow {
    top: -21px;
}
.popover.bottom>.arrow:after {
    border-bottom-color: #dcdcdc;
}
.popover.top>.arrow {
    bottom: -21px;
}
.popover.top>.arrow:after {
    border-top-color: #dcdcdc;
}
.popover.right>.info-arrow-right {
    left: -19px;
    top: 163px;
}
.popover.right>.arrow {
    left: -19px;
}
.popover.right>.arrow:after {
    border-right-color: #dcdcdc;
}
.popover.left>.arrow {
    right: -20px;
}
.book-info-popover.left>.arrow {
    top: 163px;
}
.popover.left>.arrow:after {
    border-left-color: #dcdcdc;
}
.popover.bottom>.arrow.highlight-pallet-arrow {
    left: 25% !important;
}
.popover-book-access-code {
    border: 1px solid #000000;
    border-right: 0px;
    height: 30px;
    padding: 0 5px;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #000000;
}
.add-book-pop-cancel {
    display: inline-block;
    vertical-align: top;
}
.book-info-popover {
    min-height: 215px;
}
.book-info-popover .ebook-custom-content {
    min-width: auto;
}
.popover-bookname {
    color: #333;
    font-size: 15px;
    line-height: 19px;
}
.popover-authorname {
    color: #333;
    font-size: 13px;
    line-height: 17px;
}
.popover-publish-date {
    color: #333;
    font-size: 13px;
    line-height: 17px;
    padding-top: 20px;
}
.popover-isbn {
    color: #333;
    font-size: 13px;
    line-height: 17px;
}
/********************* Style For What's this **************************/
.home-video-whats {
    padding: 15px 0 15px 0;
    border-top: 1px solid #D2D2D2;
}
.row-whats {
    padding-top: 8px;
}
.strong {
    font-weight: bold;
}
.book-info-close {
    position: relative;
    right: -31px;
    top: -31px;
    background-color: transparent;
}
/*********************************Start of CSS for Study Centre****************************************/
.study-sub-header-read {
    height: 30px;
    width: 65px;
    border-right: 1px solid #FFF;
    cursor: pointer;
}
.study-sub-header-study {
    height: 30px;
    width: 65px;
    border-right: 1px solid #FFF;
}
.study-sub-header-outline {
    height: 30px;
    width: 65px;
    cursor: pointer;
}
.study-custom-popover {
    background: none repeat scroll 0 0 #DCDCDC;
    left: 30% !important;
    max-width: 500px;
    min-width: 360px;
    position: fixed;
    top: 30% !important;
}
.modal-popover-text p {
    font-size: 12px;
    text-align: center;
}
.modal-md {
    margin: 25% auto;
    width: 400px;
}
/************* Start of note Block************/
.notesText {
    display: inline-block;
    font-size: 12px;
    left: 25px;
    line-height: 17px;
    position: absolute;
    vertical-align: top;
}
.notesSpanBlock {
    border: 1px solid #CCCCCC;
    display: inline-block;
    height: 15px;
    left: 4px;
    position: absolute;
    vertical-align: top;
    width: 15px;
}
.my-account-block {
    display: none;
}
.my-account-heading {
    width: 350px;
    vertical-align: bottom;
}
.create-new-password-text {
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
}
.change-password-block {
    display: none;
}
.display-this {
    display: block;
}
.my-account-select {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.my-account-select:after {
    background: url(../img/login-register/select-arrow.png) no-repeat right #fff;
    content: "";
    color: #aaa;
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}
.my-account-select:before {
    background: url("../img/login-register/select-arrow.png") no-repeat scroll right center #fff;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 22px;
    width: 31px;
}
x .first-time-user-details>.my-account-select:before {
    background: url("../img/login-register/select-arrow.png") no-repeat scroll right center #fff;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 20px;
    width: 31px;
}
.my-account-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
html[data-useragent*='MSIE 10.0'] .my-account-select:after {
    background: none;
    content: "";
    color: #aaa;
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}
html[data-useragent*='MSIE 10.0'] .my-account-select:before {
    background: none;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 20px;
    width: 31px;
}
html[data-useragent*='MSIE 10.0'] .first-time-user-details>.my-account-select:before {
    background: url("../img/login-register/select-arrow.png") no-repeat scroll right center #fff;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0px;
    width: 31px;
}
.my-account-select select option {
    background: #fafafa;
}
.bookshelf-doc-dropdown {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.bookshelf-doc-dropdown:after {
    background: url(../img/login-register/select-arrow.png) no-repeat right #fff;
    content: "";
    color: #aaa;
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}
.bookshelf-doc-dropdown:before {
    background: url("../img/login-register/select-arrow.png") no-repeat scroll right center #fff;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 31px;
}
html[data-useragent*='MSIE 10.0'] .bookshelf-doc-dropdown:before {
    background: none;
}
html[data-useragent*='MSIE 10.0'] .bookshelf-doc-dropdown:after {
    background: none;
}
.bookshelf-doc-dropdown select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
.bookshelf-doc-dropdown select option {
    background: #fafafa;
}
#my-account-view label {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.myAccInputLabelEdit {
    background: #ECECEC;
    width: 100%;
    padding: 5px 10px !important;
}
#my-account-edit label {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.encrypted-password label {
    font-size: 12px;
    font-weight: normal;
}
#change-password-edit label {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.updateUser {
    width: auto;
    height: 23px
}
.save-btn-style {
    width: 72px;
    height: 23px
}
.side-error-msg {
    float: left;
    padding-left: 15px;
}
.side-error-msg .password-err-label {
    width: 170px;
}
.ebook-custom-popover {
    background: none repeat scroll 0 0 #DCDCDC;
}
.ebook-custom-content {
    padding: 10px;
    text-align: left;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    min-width: 300px;
}
.bookshelf-access-code.ebook-custom-content {
    min-width: 250px;
}
.popover-without-padding {
    background: #FFFFFF;
    border-radius: 5px;
}
.my-account-required {
    display: none;
    margin-left: 39px;
    margin-bottom: 9px;
}
.span-registration-cancel {
    cursor: pointer;
    color: #007AC3;
    background: transparent;
}
.abt {
    padding: 0px;
    margin: 0px;
    background: #ffffff;
}
.abt-content {
    padding-bottom: 0px;
    margin: 0 auto;
}
.abt-content h2 a {
    font: Arial;
    font-size: 14px;
    color: #333333;
    cursor: default;
    line-height: 18px
}
.abt-content h3 {
    font-size: 12px;
    font-family: "Times New Roman", Georgia, Serif;
    font-weight: bold;
    color: #333333;
    line-height: 18px;
    padding-bottom: 20px;
}
.abt-content p {
    padding: 0px;
    font: Arial;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 18px
}
.abt-content p span {
    padding: 0px;
    font: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    line-height: 18px;
    font-size: 12px;
    font-family: "Times New Roman", Georgia, Serif
}
.abt-content span a {
    padding: 0px;
    margin: 0px;
}
.abt-content li a {
    padding: 0px;
    margin: 10px 0 0 15px;
}
.abt-content ul {
    padding-left: 40px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.abt-content li {
    list-style: disc;
    color: #333333;
    text-align: left;
    line-height: 20px;
    margin: 5px 0 0 15px;
}
.abt-content li ul {
    padding-top: 0px;
}
.abt-content li ul li {
    list-style: circle;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.abt-content ol {
    color: #333333;
    text-align: left;
    line-height: 20px;
    margin: 10px 0 20px 25px;
}
.abt-content ol li {
    list-style-type: none;
    color: #333333;
    font-size: 12px;
    font-family: "Times New Roman", Georgia, Serif;
    text-align: left;
    line-height: 20px;
    margin: 10px 0 20px 25px;
}
.abt-content ol ul {
    list-style: disc;
    color: #333333;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    margin: 5px 0 0 15px;
}
.abt-content ol ul li {
    list-style: disc;
    color: #333333;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    margin: 5px 0 0 0px;
}
.abt-content ol ull li span {
    list-style-type: none;
    color: #333333;
    font-size: 12px;
    font-family: "Times New Roman", Georgia, Serif;
    text-align: left;
    line-height: 20px;
    margin-right: 18px;
}
#registratinModal {
    overflow: hidden;
}
.reg-modal-header {
    border: 0 none;
}
#registratinModal-body {
    padding-top: 0;
    overflow-y: scroll;
    height: 530px;
}
.reg-modal-body {
    max-height: 500px;
    margin: 0 25px;
    overflow: auto;
}
/********************************For CC-2291**************************/
.banner-catalog {
    background-color: #efefef;
    height: 320px;
}
.banner-catalog-header {
    background-color: #efefef;
    min-height: 320px;
}
.banner-catalog-images img {
    margin-right: 10%;
    width: 11%;
}
.banner-catalog-header .static-casebook-h1 {
    padding: 0 0 15px 0;
    font-family: Akzidenz-Grotesk, sans-serif;
    font-size: normal;
    font-size: 33px;
    color: #181818;
}
.nav-bar-catalog-bar {
    min-height: 60px;
    padding-top: 10px;
    text-align: center;
    background-color: #efefef;
}
.nav-bar-catalog-bar a {
    font-family: Arial;
    font-size: 18px;
    color: #454545;
}
.nav-bar-catalog-bar a:hover {
    font-family: Arial;
    font-size: 18px;
    color: #454545;
    border-bottom: 5px solid #007ac3;
    padding-bottom: 18px;
}
.nav-bar-catalog-bar a:active, .nav-bar-catalog-bar a:focus {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #007ac3;
    border-bottom: 5px solid #007ac3;
    padding-bottom: 18px;
}
.nav-bar-catalog-selected {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #007ac3 !important;
    border-bottom: 5px solid #007ac3;
    padding-bottom: 18px;
}
.static-casebook-h2 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-style: normal;
    font-size: 29px;
    color: #007ac3;
    text-align: center;
    padding: 15px 0 20px 0;
}
.catalog-content p {
    color: #181818;
    font-family: Akzidenz-Grotesk, sans-serif;
    font-size: 18px;
    font-style: normal;
}
.expand-subject-area {
    background: url("../img/small-right-caret.png") no-repeat scroll 0 0 #fff;
    display: inline-block;
    width: 25px;
    height: 20px;
    top: 10px;
}
.collapse-subject-area {
    background: url("../img/small-down-caret.png") no-repeat scroll 0 0 #fff;
    display: inline-block;
    width: 25px;
    height: 20px;
    top: 10px;
}
.catalog-subject-area {
    margin: 12px;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
.catalog-subject-area ul {
    padding-left: 0px;
}
.catalog-subject-area-info {
    margin-top: 22px;
}
.catalog-book-dropdown-list {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1%;
}
.subject-area-title {
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    color: #181818;
}
.catalog-books-thumbnail {
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    padding: 1px;
    width: 110px;
}
.catalog-books-thumbnail>img {
    width: 100%;
    height: 100%;
}
.catalog-book {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    margin: 3% 0 0 0;
    padding: 0;
}
.catalog-book-title {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    display: inline-block;
}
.catalog-book-author {
    font-family: Arial;
    font-size: 18px;
    color: #333333;
}
.casebook-studyaid-separator-bar, .studyaid-practicepack-separator-bar {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    width: 100%;
}
.catalog-buy-option-button {
    background: #017AC2;
    border-radius: 15px;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding-top: 2px;
    text-align: center;
    width: 135px;
}
.catalog-coming-soon-button {
    background: #ECECEC;
    border-radius: 5px;
    color: #474747;
    font-family: "fira-sans";
    height: 28px;
    padding-top: 2px;
    text-align: center;
    width: 135px;
    font-size: 18px;
}
.catalog-buy-option-button:active, .catalog-buy-option-button:focus {
    background: #017AC2;
    border: 1px dotted #fff;
    border-radius: 15px;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding-top: 2px;
    text-align: center;
    width: 135px;
}
.catalog-coming-soon-button:active, .catalog-coming-soon-button:focus {
    background: #454545;
    border: 1px dotted #fff;
    border-radius: 15px;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding-top: 2px;
    text-align: center;
    width: 135px;
}
.catalog-book-title-author, .catalog-buy-option-button-group {
    margin: 3% 0 0 3%;
    padding: 0;
}
.catalog-xamCopyReq-link {
    font-family: Arial;
    font-size: 16px;
    color: #007ac3;
    margin-left: 20px;
}
.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100% !important;
}
.extra-padding {
    width: 100%;
}
/********************************For CC-2292**************************/
.practice-landing-grey {
    background-color: #efefef;
    height: 330px
}
.practice-landing-other-grey-section {
    background-color: #efefef;
}
.practice-landing-h1 {
    font-size: 36px;
    line-height: 40px;
    margin: 80px 10px 35px;
    text-align: left;
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
}
.practice-landing-image {
    margin-top: 40px;
}
.practice-landing-h2 {
    font-size: 29px;
    line-height: 33px;
    text-align: center;
    font-family: Akzidenz-Grotesk, sans-serif;
    color: #007ac3;
    margin: 35px 41px;
}
.practice-landing-h3 {
    font-size: 18px;
    line-height: 22px;
    font-family: Arial;
    font-weight: bold;
    margin: 35px 0 15px;
}
.practice-landing-white p, .practice-landing-white ul, .practice-landing-other-grey-section p {
    font-family: Arial;
    font-size: 19px;
    line-height: 23px;
    text-align: justify;
}
.practice-landing-other-grey-section ul {
    font-family: Arial;
    font-size: 19px;
    line-height: 23px;
    margin: 0 3% 3%;
}
.practice-landing-access-code-section-h3 {
    color: #333333;
    font-family: "akzidenz-grotesk";
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 34px;
    margin: 0 0 25px;
}
.practice-landing-access-code-container {
    margin: 0px;
}
.practice-landing-banner>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    width: 90%;
}
.practice-landing-white dl, .practice-landing-white dt {
    font-family: Arial;
    font-size: 18px;
    line-height: 32px;
    text-align: justify;
    font-weight: bold;
}
.practice-landing-separator-bar {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    width: 100%;
}
.practice-landing-order-sample-btn {
    background: #ebebeb;
    border-radius: 15px;
    color: #007ac3;
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
    height: 55px;
    text-align: center;
    border: 1px solid #b5b5b5;
    padding: 15px;
    line-height: 18px;
}
.practice-landing-order-sample-btn.view-catalog-faculty-btn {
    font-size: 15px;
    height: 40px;
    padding: 10px;
}
.practice-landing-center-button {
    text-align: center;
    margin: 2% 0;
}
.practice-landing-already-have-acc {
    bottom: 42px;
    color: #333333;
    display: inline-block;
    font-family: Arial;
    font-size: 11px;
    line-height: 17px;
    position: relative;
}
/*********************CC-2362**************************/
.learnmore-read-section {
    padding: 50px 0;
}
.borderGraySolid {
    border: 8px solid #999999;
    width: 100%;
}
.learnmore-read-section>img {
    width: 100%;
    border: 1px solid #999999;
}
.learnmore-study-section {
    padding: 0;
}
.learnmore-study-section>img {
    width: 100%;
    border: 1px solid #999999;
}
.learnmore-outline-section {
    padding: 30px 0;
}
.learnmore-outline-section>img {
    width: 100%;
    border: 1px solid #999999;
}
.learnmore-measure-section {
    padding: 30px 0;
}
.learnmore-measure-section>img {
    width: 100%;
    border: 1px solid #999999;
}
.learnmoreimg {
    background: url(../img/learnmore/cloud-background-image-xl2.png) no-repeat;
    background-position: center bottom;
}
.learnmoreimg .trans {
    position: relative;
    top: 0px;
    padding: 30px 0px 20px 0px;
}
.learnmoreimg .static-casebook-h1 {
    padding-bottom: 15px;
}
.border-green {
    border: 8px solid #7dbd43;
    width: 100%;
}
.Read {
    background-color: #fff;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 50px 20px;
    background-position: bottom right
}
.Read img {
    padding-left: 2px;
}
.Read ul {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 26px;
}
.Read li {
    list-style: disc;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.borderGray {
    border-top: 1px solid #d2d2d2;
    width: 100%;
}
.border-red {
    border: 8px solid #d93a4e;
    width: 100%;
}
.study {
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 20px 20px 20px 20px;
    margin: 0px;
    width: 100%;
    background-position: bottom left;
}
.study img {
    padding-left: 5px;
}
.study ul {
    padding-left: 60px;
    padding-top: 10px;
}
.study li {
    list-style: disc;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.study li ul {
    padding-top: 0px;
    padding-left: 40px;
}
.study li ul li {
    list-style: circle;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.border-blue {
    border: 8px solid #007ac3;
    width: 100%;
}
.outline-Lm {
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 30px 20px 30px 20px;
    margin: 0px;
    background-position: bottom right;
}
.outline-Lm img {
    padding-left: 5px;
}
.outline-Lm ul {
    padding-left: 20px;
    line-height: 20px;
}
.outline-Lm li {
    list-style: disc;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.outline-Lm li ul li {
    list-style: circle;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.border-gray {
    border-top: 1px solid #d2d2d2;
    width: 100%;
}
.measure {
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 30px 20px 30px 20px;
    margin: 0px;
    background-position: bottom right;
}
.measure ul {
    padding-left: 20px;
    padding-top: 20px;
    line-height: 20px;
}
.measure li {
    list-style: disc;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.measure li ul li {
    list-style: circle;
    font-size: 14px;
    color: #333333;
    text-align: left;
    line-height: 20px;
}
.border-bold-gray {
    border: 8px solid #808080;
    width: 100%;
}
.buy-casebook {
    padding: 30px 0px 10px 0px;
    line-height: 26px;
}
.buy-casebook p {
    padding: 10px 0 0 0px;
    margin: 0px;
    font: Arial regular;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.buy-casebook img {
    position: relative;
}
.buy-casebook-tablet {
    padding-left: 12px;
}
.take-tour {
    padding: 20px 0 20px 0px;
}
.take-tour-gap {
    border-right: 1px solid #d2d2d2;
    height: 160px;
    margin: 0px;
    line-height: 30px
}
.take-tour-gap p {
    font: Arial regular;
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    padding: 10px 0 10px 3px;
    margin: 0px;
    text-align: justify;
}
.take-a-tour {
    margin-left: 5px;
}
.helpcenter p {
    font: Arial regular;
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    padding: 10px 0px;
    margin: 0px;
}
.bodytop-section img, .home-barrister-books img {
    width: 100%;
}
.topForCasebookImage {
    float: right;
}
;
.facultyimg {
    background: url(../img/faculty/clouds-faculty.png) no-repeat;
    background-position: center bottom
}
.facultyimg .trans {
    position: relative;
    top: 0px;
    padding: 30px 0px 10px 0px;
}
.facultyimg-border-w {
    border-top: 1px solid #ffffff
}
.facultyimg-border-b {
    border-top: 16px solid #007AC3
}
.facultyimg-border-g {
    border-top: 16px solid #d0d0d0;
    padding-bottom: 30px
}
.stdchoice ul {
    padding-left: 76px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.stdchoice li {
    list-style: disc;
    color: #333333;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 10px 15px;
}
.stdchoice h2 {
    padding: 14px 10px 14px 25px;
    margin: 0px;
    text-align: left
}
.stdchoice p {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 10px 0 0 25px;
}
.stdchoice img {
    width: 208px;
    clear: both;
    margin-bottom: 30px
}
.cbook {
    margin: 0px 0px 0px 20px;
}
.cbook img {
    margin: 0px 10px 0px 0px;
}
.cbook p {
    margin: 5px 0px 15px 5px;
    font: Arial regular;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-align: left
}
.cbook h3 {
    margin: 0px;
    text-align: left
}
.cbook a {
    margin: 0px 0px 20px 0px;
    font: Arial regular;
    font-size: 14px;
    color: #007ac3;
    line-height: 20px;
    text-align: left
}
.cbook .clear {
    padding: 10px 0 10px 0
}
.image-list .col-md-1 {
    padding-left: 3px;
    width: 42px;
}
.image-list li {
    padding-bottom: 15px;
}
.btn-custom, .btn-custom:hover, .btn-custom:active, .btn-custom:focus {
    font-size: 12px;
    background: #fefefe;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f1f1f1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f1f1f1 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f1f1f1 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f1f1f1', GradientType=0);
    /* IE6-9 */
    border: 1px solid #D3D3D3;
    border-radius: 11px;
    color: #333333;
    font-size: 11px;
    padding: 2px 15px;
    line-height: 18px;
}
.btn-newcustom, .btn-newcustom:hover, .btn-newcustom:active, .btn-newcustom:focus {
    background: #f1f1f1;
    width: 70px;
    height: 30px;
    border: 1px solid #cbcbcb;
    color: #333333;
    font-size: 14px;
    border-radius: 17px;
    font-family: arial;
}
.btn-custom:focus {
    outline: dotted thin;
}
.login-err-label {
    top: -30px;
    position: absolute;
    width: 245px;
    font-style: normal
}
.login-err-label.login {
    top: 36px !important;
}
.press-release-note {
    display: block;
}
.press-release-note p {
    font-size: 13px;
}
.pr-content {
    padding-top: 10px;
}
.press-release-note a {
    padding-left: 20px;
}
.press-release-note .indent {
    padding-left: 20px;
}
.press-release-note .indent p {
    font-family: Arial;
    line-height: 18px;
    margin-top: -10px;
    font-size: 13px;
}
.press-release-note .padding {
    padding-top: 35px;
    padding-bottom: 35px;
}
.press-release-note .header {
    font-family: Arial;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
.header-padding {
    padding-top: 35px;
    padding-bottom: 35px;
}
/*************************CSS for Learn More Page***********************************/
.static-page-container h2, .static-page-container h1, .static-page-container h3 {
    margin: 0;
}
.home-looking-purchase {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
    color: #333333;
    margin: 15px 0 !important;
}
.casebook-font-color {
    color: #007aC3;
}
.learn-more-h3 .casebook-font-color, .home-innocence-block a {
    color: #007aC3 !important;
}
.static-page-paragraph {
    font-family: "akzidenz-grotesk";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
}
.static-casebook-h1 {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 40px;
    line-height: 46px;
    color: #333333;
}
.static-casebook-coloured-h1 {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 42px;
    line-height: 46px;
    color: #007ac3;
}
h2.static-casebook-coloured-h1 {
    font-size: 30px;
    line-height: 36px;
    margin-top: 0;
}
.home-casebook-coloured {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
    color: #007ac3;
}
.learn-more-tabs {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 50px;
    line-height: 50px;
    color: #333333;
    text-transform: uppercase;
}
.learn-more-h3 {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 27px;
    line-height: 34px;
    color: #333333;
    margin-top: 32px;
}
.custom-carousel-control {
    width: 7%
}
.custom-carousel-control .glyphicon-chevron-left, .custom-carousel-control .glyphicon-chevron-right {
    font-size: 40px;
    width: 25px
}
.faculty-list-digits {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    color: #999999
}
.faculty-read {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    color: #77ac46;
}
.faculty-study {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    color: #cf4c5c;
}
.faculty-outline {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    color: #007ac3;
}
.faculty-facultyTools {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    color: #808080;
}
.heading-label h1 {
    margin: 0;
}
.login-facebook-text {
    margin-bottom: 42px;
    margin-top: 28px;
}
.casebook-home-introducing {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 56px;
    line-height: 64px;
    color: #ffffff;
}
.pp-home-introducing {
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 48px;
    line-height: 58px;
    color: #474747
}
.casebook-introduction-tag {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    padding-right: 15px;
}
.pp-introduction-tag {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #474747;
    padding-right: 15px;
    margin: 15px 0px 15px 0px !important;
}
.home-casebook-tabs {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 42px;
    color: #333;
    line-height: 46px;
    text-transform: text-uppercase;
}
.home-casebook-incredible {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    display: block;
    padding: 0 20px 10px 25px;
}
.home-incredible-author {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    line-height: 30px;
    color: #333333;
    margin-left: 35%;
}
.home-incredible-block {
    margin-top: 20px;
    margin-bottom: 15px;
}
.casebook-register-heading {
    display: inline-block;
}
.prof-new-bookshelf-tutorial {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
}
.bars {
    list-style-type: none;
    margin-top: 10px !important;
}
.bars li {
    width: 100%;
    height: 14px;
    margin: 0;
    text-align: center;
    position: relative;
}
.bars li .bar {
    display: block;
    background: #85BC20;
    position: absolute;
}
.chapter-progress.bars li .bar.graybar {
    background: #474747 !important;
}
/*******************Prof Docs Upload*********************/
.ajax-file-upload-statusbar {
    display: none !important;
}
.delete-upload-confirmation {
    width: 300px;
    border: 10px solid #DCDCDC;
    box-shadow: none;
    background-color: #dedede;
    margin-top: 15%;
    margin-bottom: 15%;
}
ul.student-book-elements {
    padding-left: 0px;
    min-height: 100px;
}
.student-book-thumbnail {
    padding: 0
}
.btn-custom-stud, .btn-custom-stud:hover, .btn-custom-stud:active {
    background: #e8f7fe !important;
    border: 1px solid #c6c6c6 !important;
    height: 25px !important;
    width: 100px !important;
    border-radius: 11px;
    color: #333333;
    font-size: 11px;
    padding: 2px 15px;
    line-height: 18px;
}
.btn-custom-newstud, .btn-custom-newstud:hover, .btn-custom-newstud:active {
    background: #A6D1EB;
    width: 70px;
    height: 30px;
    border: 1px solid #cbcbcb;
    color: #333333;
    font-size: 14px;
    border-radius: 17px;
    font-family: Akzidenz-Grotesk;
    line-height: 18px;
}
.student-open-book {
    font-size: 11px;
    font-family: arial;
    margin: 10px 0 0 30px;
}
.enroll-class-student-mobile {
    margin-bottom: 20px !important;
}
.student-insight-title, .student-insight-title h1 {
    font-family: "akzidenz-grotesk";
    font-weight: light;
    font-size: 21px;
    color: #333333;
}
.student-book-title, .faculty-book-title {
    text-decoration: underline;
    font-size: 16px;
    font-family: "akzidenz-grotesk";
    line-height: 18px;
    color: #333 !important;
    cursor: pointer;
    display: block;
}
.student-book-title:hover, .faculty-book-title:hover {
    cursor: pointer !important;
}
.student-book-title:focus, .faculty-book-title:focus {
    outline: dotted thin #000000 !important;
}
.student-book-author {
    font-size: 11px;
    font-family: arial;
    line-height: 16px;
    color: #333 !important;
}
.student-enroll-class {
    margin-left: 20px;
    font-family: "akzidenz-grotesk";
    font-weight: bold;
    font-size: 11px;
    color: #7a7a7a;
}
.student-enroll-class-image {
    width: 21px;
    height: 21px;
    vertical-align: bottom;
}
.student-horizontal-separator {
    border-bottom: 4px solid #e5e5e5;
    margin: 10px 0 20px 0;
}
.student-create-class-mess {
    font-size: 15px;
    font-family: arial;
    font-weight: bold;
    line-height: 19px;
    color: #333;
}
.student-class-body-message {
    font-size: 13px;
    font-family: arial;
    line-height: 19px;
    color: #333;
    margin-bottom: 20px;
}
.student-class-elements {
    color: #333333;
    font-family: "akzidenz-grotesk";
}
.student-class-elements label {
    padding-right: 5px;
}
label.student-class-name-head {
    font-weight: bold;
    font-size: 15px;
    line-height: 19px;
}
.student-class-name-text {
    line-height: 19px;
}
.student-enroll-message {
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    margin-top: 10px;
    font-family: "akzidenz-grotesk";
}
.enroll-classname-list, .enroll-professor-list {
    width: 350px;
    margin-right: 15px
}
.faculty-class-insights-explanatory-content {
    padding-right: 15px
}
.student-dashboard-list {
    position: relative;
    bottom: 5px;
}
.student-dashboard-list-text {
    position: relative;
    float: left;
    left: 14px;
    top: 2px;
}
span.student-label, label.student-label {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}
.student-label-text {
    font-size: 16px;
    line-height: 18px;
}
.student-class-open-create {
    margin-top: 20px;
}
.studentEnroll-back-bookshelf {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #7a7a7a;
    line-height: 62px;
    cursor: pointer;
}
.studentEnroll-heading {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 29px;
    line-height: 32px;
    color: #181818;
    margin-top: 15px;
    margin-left: 49px;
}
.studentEnroll-newheading, .studentEnroll-newheading h1 {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-style: normal;
    font-size: 29px;
    line-height: 32px;
    color: #333333;
}
.studentEnroll-form-wrapper {
    margin-top: 12px;
    padding: 0;
    clear: both;
}
.student-class-code-text {
    line-height: 19px;
    width: 350px;
}
.btn-custom-pos {
    margin-left: 16px;
    margin-top: 2px;
}
.btnCancel-custom-pos {
    float: right
}
input.student-class-code-text::-webkit-input-placeholder {
    font-style: italic;
}
input.student-class-code-text:-moz-placeholder {
    /* older Firefox*/
    font-style: italic;
}
input.student-class-code-text::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic;
}
input.student-class-code-text:-ms-input-placeholder {
    font-style: italic;
}
.student-prof-name, .student-clss-name {
    width: 50%;
    padding-left: 5px;
}
.student-horizontal-separator-custom {
    border-bottom: 1px solid #cccccc;
    margin: 20px 0 20px 0;
}
.student-horizontal-separator-custom.stud-separate-class-code {
    margin: 20px 0;
}
.faculty-documents:before {
    background: url("../img/login-register/select-arrow.png") no-repeat scroll right center #fff;
    content: "";
    display: block;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 20px;
    width: 31px;
}
.confirm-popover-text {
    display: inline-block;
    font: bold 11px arial, sans-serif;
    color: #4f830b;
    padding: 10px;
    border-bottom: 1px solid #cacaca;
    width: 100%;
}
.professor-dashboard-table {
    border: 1px solid #dbdbdb;
    left: 33.3%;
    position: absolute;
    width: 25%;
}
td.professor-dashboard-table-td {
    border-right: 1px solid #dbdbdb !important;
}
.student-dashboard-table td.professor-dashboard-table-td {
    border-right: 1px solid #dbdbdb !important;
}
.student-dashboard-table {
    border: 1px solid #dbdbdb;
    left: 33.3%;
    position: absolute;
    width: 25%;
}
.student-dashboard-chapter-elements {
    border-top: 1px solid #dbdbdb;
    padding: 15px 0 !important;
}
.my-account-first-block {
    padding-bottom: 40px;
}
#student-enroll-load-ereader.books-thumbnail {
    width: 120px;
}
@media all and (max-width : 767px) {
    #topic-stud-building-block .nav-tabs>li {
        float: left
    }
    .email-confirmation {
        padding-left: 15px;
        padding-right: 15px
    }
    .form-fields-wrapper.login-email-class {
        min-width: 280px !important
    }
    #header {
        height: 61px !important
    }
    .abt-content {
        padding: 0 15px;
    }
    .eula-mobile {
        padding: 0 20px !important
    }
    .banner-catalog, .cc-container-base.static-page-container.container-tablet-view, .col-xs-12.no-padding.my-account-first-block, #change-password {
        padding: 0 15px !important
    }
    #change-password {
        padding-bottom: 30px !important;
        padding-left: 0 ! important;
    }
    .cc-mobile-nav-modal {
        background: #DADADA
    }
    .cc-mobile-nav-modal .ereader-assessment-modal-body {
        max-height: none
    }
    #application-home-video .video-js {
        width: 78%;
        height: 230px;
        margin-left: 0px !important
    }
    .cc-pagenum-begin {
        visibility: hidden;
    }
    /**epub classes modified*******/
    #tab-section-container .epub-contentContainer {
        padding-right: 0px;
    }
    /**epub classes modified*******/
    .light-glyphicon-cog {
        color: #cccccc !important;
        font-size: 22px;
        margin-top: 20px;
        padding-right: 11px;
        cursor: pointer;
    }
    .header-static-links-block .light-glyphicon-cog {
        margin-top: -10px;
    }
    .header-static-links-block a.dropdown-toggle {
        margin-top: 20px;
        display: inline-block
    }
    .dark-glyphicon-cog {
        color: #666666;
        font-size: 22px;
        padding-right: 11px;
        cursor: pointer;
    }
    .image-list .col-md-1 {
        width: 8% !important;
    }
    .casebook-home-introducing-wrapper {
        padding-left: 0px !important;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        font-size: 40px
    }
    .books-thumbnail {
        height: auto;
        width: 100px;
        min-height: 80px;
        min-width: 60px;
        max-width: 120px
    }
    .faculty-bookshelf-book, .student-bookshelf-book {
        padding-right: 0px;
        padding-top: 0px !important;
    }
    .book {
        width: auto;
        text-align: left;
    }
    .books-thumbnailReskin, .cq-productBook {
        width: 150px !important
    }
    .faculty-book-class-elements, .student-book-class-elements {
        margin-top: 20px;
        padding-bottom: 0px !important;
        border-bottom: none !important;
        padding-left: 10px
    }
    .faculty-book-info {
        width: 75% !important;
        margin-top: 0px !important;
        margin-left: 0px;
    }
    .faculty-horizontal-separator, .static-message-class, .faculty-class-body-message, .student-horizontal-separator, .student-class-body-message, #add-book-arrow, .bookshelf-create-class-desktop, .bookshelf-header-gray, .bookshelf-enroll-class-desktop {
        display: none
    }
    .faculty-add-class {
        display: none !important
    }
    .info-placement {
        position: relative;
        top: -22px;
    }
    .prof-info-button, .info-button, .info-button-img {
        float: right;
        height: 20px !important;
        right: 2px !important;
        width: 20px !important;
        z-index: 99;
        padding: 0;
    }
    .faculty-book-title, .student-book-title {
        font-size: 15px !important;
        line-height: 19px !important;
        color: #333 !important
    }
    .student-book-title.student-book-title-enroll {
        font-size: 18px !important;
        line-height: 22px !important;
        color: #333 !important;
        font-weight: bold;
    }
    .student-label {
        font-size: 15px !important;
        line-height: 19px !important;
        color: #333 !important;
        font-weight: bold;
    }
    .student-label-text {
        font-size: 15px !important;
        line-height: 19px !important;
        color: #333 !important;
        font-weight: normal;
    }
    .faculty-book-author p, .student-book-author p {
        font-size: 12px !important;
        line-height: 16px !important;
        color: #333 !important
    }
    .faculty-book-xs-info, .stud-book-xs-info {
        display: inline-block !important;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 10px;
    }
    .faculty-book-xs-info a, .stud-book-xs-info a {
        color: #007ac3 !important;
    }
    .faculty-book-xs-info span, .stud-book-xs-info span {
        margin-right: 5px;
    }
    .faculty-class-elements-mobile, .student-class-elements-mobile {
        border-top: 1px solid #c6c6c6;
        display: block;
        width: 100%;
        padding: 20px 0 !important;
    }
    .faculty-class-elements-mobile a, .student-class-elements-mobile a {
        color: #333;
    }
    .faculty-class-name-head-mobile, .student-class-name-head-mobile {
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
    }
    .faculty-class-name-text-mobile, .student-class-name-text-mobile {
        font-size: 12px;
        line-height: 16px;
    }
    .faculty-add-class-mobile {
        font-family: "akzidenz-grotesk";
        font-weight: bold;
        font-size: 11px;
        color: #7a7a7a;
        vertical-align: middle;
        border-top: 1px solid #c6c6c6;
        border-bottom: 1px solid #c6c6c6;
        display: block;
        padding: 20px 0;
    }
    .faculty-class-elements-mobile.classDesc, .static-message-class-text,
    .student-class-elements-mobile.classDesc {
        padding-left: 0px !important;
    }
    .faculty-add-class-mobile a {
        font-size: 11px;
        font-weight: bold;
        color: #007ac3;
        text-transform: uppercase;
    }
    .faculty-add-class-mobile button div.class-add-text {
        margin-top: 0px
    }
    .faculty-create-class-mess, .student-create-class-mess {
        font-size: 12px !important;
        line-height: 16px !important;
        color: #333
    }
    .btn-custom-prof, .btn-custom-prof:hover, .btn-custom-prof:active, .btn-custom-stud, .btn-custom-stud:hover, .btn-custom-stud:active {
        background: #e8f7fe !important;
        border: 1px solid #c6c6c6 !important;
        height: 25px !important;
        width: 100px !important;
        margin: 4% 36% 0;
    }
    .static-message-class-text {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #c6c6c6;
    }
    .static-message-class-text {
        border-top: 1px solid #c6c6c6;
        padding-top: 20px;
    }
    .expand-menu-bookshelf-mobile {
        margin-bottom: 25px !important;
    }
    .bookshelf-create-class-mobile, .create-class-faculty-mobile, .enroll-class-student-mobile {
        display: block !important;
    }
    /**********CC-2188**********************/
    div .student-insight-title {
        display: none;
    }
    .student-class-book-details {
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
        color: #333333;
    }
    .student-class-elements {
        font-size: 15px;
        line-height: 19px;
        color: #333333;
        font-family: Arial;
    }
    .student-drop-class-mobile {
        text-align: center;
        margin: 0 0 20px 0;
    }
    .student-class-code-sectn {
        margin-top: 15px;
    }
    /**********CC-2182*********************/
    .faculty-create-class-welcome-message, .cases-info-tutorial-message {
        width: auto !important
    }
    .thumbnail-label {
        padding-top: 20px;
    }
    #class-insights-heading, .create-class-faculty-desktop, .class-supporting-materials, #studyDashBoard .expand-learning-objective, #studyDashBoard .collapse-learning-objective, .dashboard-table-twentyfive-prcnt, .dashboard-table-seventyfive-prcnt, .class-insights-study-dashbrd-lnk, .dashboard-faculty-chaptertitle, #studyDashBoard table tr.professor-dashboard-table, .faculty-end-dashboard, .enroll-class-student-desktop, #studyDashBoard .learningObjectiveList, .stud-separate-class-code, #studyDashBoard table tr.student-dashboard-table, #archivedStudyDashBoardProfessor table tr.archived-professor-dashboard-table, #archivedStudyDashBoardProfessor table td.dashboard-table-twentyfive-prcnt, #archivedStudyDashBoardProfessor table td.dashboard-table-seventyfive-prcnt {
        display: none;
    }
    .class-insights-study-center {
        display: block !important;
    }
    .create-class-book-title-mobile, .faculty-dashboard-empty-result, .student-dashboard-empty-result, .stud-separate-docs {
        display: block !important;
    }
    .create-class-book-info-mobile, .enroll-class-student-mobile {
        background-color: #f3f3f3;
        padding-bottom: 20px
    }
    .create-class-faculty-mobile span.bookshelf-book-title a.bookshelf-book-title, .enroll-class-student-mobile span.bookshelf-book-title a.bookshelf-book-title {
        font-size: 15px;
        line-height: 19px;
        font-family: arial;
        color: #333333;
    }
    .container.book-container, .cc-container-base.book-container {
        padding: 0 !important;
    }
    .book-container .faculty-create-class-form-wrapper.col-xs-12 {
        padding: 0px 15px !important;
    }
    .faculty-create-class-form-wrapper input.text-box-common {
        height: 70px;
    }
    textarea.faculty-class-name-text::-moz-placeholder, textarea.faculty-sem-name-text::-moz-placeholder, textarea.faculty-section-name-text::-moz-placeholder, textarea.faculty-meeting-name-text::-moz-placeholder, textarea.faculty-class-desc-text::-moz-placeholder {
        /* Firefox 19+ */
        font-style: italic;
        font-size: 15px !important;
        line-height: 17px;
        color: #757575 !important;
    }
    textarea.faculty-class-name-text:-ms-input-placeholder, textarea.faculty-sem-name-text:-ms-input-placeholder, textarea.faculty-section-name-text:-ms-input-placeholder, textarea.faculty-meeting-name-text:-ms-input-placeholder, textarea.faculty-class-desc-text:-ms-input-placeholder {
        font-style: italic;
        font-style: italic;
        font-size: 15px !important;
        line-height: 17px;
        color: #666666 !important;
    }
    #facultyCreateClassForm .text-box-common {
        font-size: 15px;
        line-height: 19px;
        color: #6f6f6f;
    }
    .faculty-save-cancel-class {
        float: none !important;
        text-align: center;
    }
    #facultyCreateClassForm textarea {
        max-width: 100% !important;
        min-width: 100% !important;
        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;
    }
    textarea#faculty-description-detail {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important
    }
    #filterContainer span.col-xs-12.dashboard-result-option {
        float: left !important
    }
    label.faculty-class-code {
        font-size: 15px !important;
    }
    .faculty-classinsights-horizontal-separator, .faculty-class-horizontal-separator, h2.faculty-dashboard-class-progress {
        border-bottom: 1px solid #cccccc !important;
    }
    .faculty-material-horizontal-separator, .faculty-class-insights-exp-separator {
        border-bottom: 5px solid #cccccc !important;
        clear: both;
        padding-top: 20px !important;
        margin: 0 !important;
    }
    .faculty-class-insights-separator {
        border-bottom: 5px solid #cccccc !important;
    }
    .faculty-learning-materials-section {
        padding: 0px !important;
    }
    .overlay-slide-navigation {
        margin: 0px !important;
    }
    #faculty-delete-class-button {
        float: left !important;
        margin-left: 16%;
    }
    #faculty-copy-button {
        float: left !important;
        margin-left: 0px !important;
    }
    .faculty-docs-name-list {
        max-width: 75% !important;
        font-size: 15px !important;
        padding-left: 6px;
    }
    .class-insights-enrolled-students {
        font-size: 24px !important;
        color: #333333 !important;
        font-weight: 300;
        font-style: normal;
    }
    #enrolled-students-list div {
        font-size: 15px !important;
    }
    .faculty-class-insights-explanatory-content, label.faculty-dashboard-result.faculty-dashboard-result-options {
        font-size: 15px !important
    }
    .study-dashboard-container, .btn-custom-newstud.btn-custom-pos, #student-enroll-container, .student-dashboard-separate {
        margin-top: 20px;
        margin-left: 0px !important;
    }
    .dashboard-result-option label.faculty-dashboard-heading {
        font-size: 15px !important;
        color: #333333 !important;
        font-weight: bold !important;
        margin-bottom: 10px;
    }
    .learning-objective-chapter-title {
        margin-left: 0px !important;
    }
    #studyDashBoard table td.dashboard-table-zero-prcnt, #studyDashBoard table td.dashboard-table-fifty-prcnt, #studyDashBoard table td.dashboard-table-hundred-prcnt {
        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 16px;
    }
    .dashboard-table-zero-prcnt {
        position: absolute;
        left: 25% !important;
    }
    .dashboard-table-fifty-prcnt {
        position: absolute;
        left: 45% !important;
    }
    .dashboard-table-hundred-prcnt {
        position: absolute;
        left: 69% !important;
    }
    .professor-dashboard-table {
        width: 227px !important;
    }
    .dashboard-faculty-progress-result {
        padding-left: 0px !important;
        margin-top: 0px !important;
    }
    .faculty-dashboard-chapter-elements {
        border-bottom: 1px solid #ccc !important;
        padding-bottom: 20px !important;
    }
    .bars li .bar {
        background: #abd472 none repeat scroll 0 0 !important;
    }
    .faculty-class-materials .bar {
        height: 14px !important
    }
    .faculty-dashboard-empty-result {
        background-color: #adadad;
        display: none;
        height: 14px;
        margin-left: -4px;
        width: 2px;
    }
    .student-dashboard-empty-result {
        background-color: #adadad;
        display: none;
        height: 5px;
        width: 2px;
    }
    .student-enroll-class-welcome-message, #student-enroll-success-message .ereader-assessment-window, #faculty-create-class-message .ereader-assessment-window {
        width: auto !important
    }
    .student-class-code-text, .student-horizontal-separator-custom {
        width: 100% !important
    }
    .student-enroll-wrapper, .studentEnroll-form-wrapper.stud-label-or {
        text-align: left !important
    }
    .studentEnroll-form-wrapper {
        width: auto !important
    }
    .btnCancel-custom-pos {
        float: none;
        margin: 0 36%;
    }
    .student-enroll-message {
        font-size: 15px;
        line-height: 19px
    }
    .faculty-dashboard, .student-dashboard {
        padding: 0px 15px !important;
    }
    .student-book-info {
        padding: 0px 15px !important;
    }
    #studyDashBoard table.col-xs-12 td.col-xs-12 {
        display: block
    }
    #studyDashBoard .col-md-4.col-xs-12 {
        padding-left: 0px;
    }
    label.faculty-material-for-stud-name {
        font-size: 15px;
        font-weight: bold;
    }
    .dashboard-result-option button.gray-btn-custom {
        background-color: #A6D1EB !important;
    }
    .student-dashboard-list {
        bottom: 0;
        position: relative
    }
    .student-dashboard-list.bars li .bar {
        height: 5px !important
    }
    ul.bars.student-dashboard-list {
        height: 5px;
        margin-bottom: 0px;
    }
    ul.bars.student-dashboard-list.student-dashboard-list-class {
        height: 5px;
        margin-top: 1px ! important;
    }
    #student-enroll-container {
        margin-top: 0px;
    }
    #student-enroll-container {
        padding: 0 15px;
    }
    .student-book-elements .student-book-info {
        padding: 0px !important
    }
    .stud-separate-code {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ccc
    }
    .learnmoreimg .static-casebook-h1 {
        font-size: 34px !important;
        line-height: 40px !important;
    }
    /************CC-2291***********/
    .banner-catalog {
        background-color: #efefef;
        height: 140px;
    }
    .banner-catalog-header {
        background-color: #efefef;
        min-height: 140px;
    }
    .banner-catalog-images {
        display: none;
        padding-left: 0px;
        padding-right: 0px
    }
    .nav-bar-catalog-bar {
        display: none;
    }
    .catalog-xamCopyReq-link {
        display: inline-block;
        font-size: 15px;
        margin: 3%;
    }
    .catalog-book-title-author, .catalog-buy-option-button-group {
        margin: 3% 0;
    }
    .catalog-books-thumbnail {
        height: 100%;
        width: 100%;
    }
    .catalog-book-title-author {
        display: inline-block;
        margin: 3% 0;
        padding: 0 2%;
    }
    .catalog-buy-option-button-group {
        display: inline-block;
        margin: 3% 0;
        padding: 0px;
    }
    .catalog-book-title, .catalog-book-author {
        font-size: 13px;
    }
    .catalog-buy-option-button {
        font-size: 11px;
        font-weight: bold;
        height: 25px;
        width: 120px;
    }
    .catalog-buy-option-button:active, .catalog-buy-option-button:focus {
        font-size: 11px;
        height: 25px;
        width: 120px;
    }
    .catalog-coming-soon-button {
        font-size: 11px;
        font-weight: bold;
        height: 25px;
        width: 120px;
    }
    .catalog-coming-soon-button:active, .catalog-coming-soon-button:focus {
        font-size: 11px;
        height: 25px;
        width: 120px;
    }
    .catalog-book {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        margin: 3% 0 0 0;
        padding: 0;
    }
    /********************************For CC-2292**************************/
    .practice-landing-h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 22% 2%;
    }
    .practice-landing-image {
        padding: 0;
    }
    .practice-landing-image>img {
        width: 75%;
    }
    .practice-landing-h2 {
        margin: 5% 0;
        text-align: center;
        font-size: 22px;
        line-height: 26px;
    }
    .practice-landing-h3 {
        font-size: 17px;
        line-height: 21px;
        font-family: Arial;
        font-weight: bold;
        margin: 35px 0 15px;
    }
    .practice-landing-white p, .practice-landing-white ul, .practice-landing-other-grey-section p {
        font-size: 18px;
        line-height: 22px;
    }
    .practice-landing-access-code-section-h3 {
        margin: 0;
    }
    .practice-landing-banner>img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8%;
        width: 90%;
    }
    .practice-landing-white dl, .practice-landing-white dt {
        margin: 0;
    }
    .practice-landing-order-sample-btn {
        font-size: 14px;
        font-weight: bold;
        height: 50px;
        line-height: 18px
    }
    .practice-landing-center-button {
        margin: 5% 0;
    }
    .practice-landing-access-code-section {
        margin: 0;
    }
    .practice-landing-access-code-section-h3 {
        font-size: 25px;
        line-height: 31px;
    }
    .practice-landing-already-have-acc {
        bottom: 28% !important;
        padding-top: 10px;
        position: absolute !important;
        right: 5% !important
    }
    /*************************CC-2287***************************************/
    #archivedStudyDashboard, #archived-data-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    #archivedStudyDashBoardProfessor table td.dashboard-table-zero-prcnt, #archivedStudyDashBoardProfessor table td.dashboard-table-fifty-prcnt, #archivedStudyDashBoardProfessor table td.dashboard-table-hundred-prcnt {
        font-size: 14px !important;
        font-weight: normal !important
    }
    .buy-casebook div {
        text-align: center;
    }
    .stdchoice button.practice-landing-order-sample-btn {
        margin-bottom: 25px;
    }
    .learnMoreChange-UAT {
        padding-right: 20px;
        width: 100%;
    }
    .add-product-to-bookshelf .ebook-custom-content {
        min-width: 200px !important
    }
    .enroll-classname-list, .enroll-professor-list {
        width: 100% !important;
    }
}
#studentEnrollForm {
    margin-top: 20px;
}
#facultyCreateClassForm textarea {
    max-width: 98% !important;
    min-width: 98% !important;
    height: 30px;
    min-height: 30px;
    max-height: 30px
}
textarea#faculty-description-detail {
    height: 110px;
    min-height: 110px;
    max-height: 110px
}
/*************CC-2182, CC-2184 and CC-2186**************/
.bookshelf-menu .ereader-sub-header-row button {
    font-family: "akzidenz-grotesk";
    font-weight: 400;
    font-style: normal;
    padding: 0 12px;
}
.bookshelf-header-gray {
    height: 6px;
    width: 100%;
    background-color: #b9b9b9;
    border-top: 1px solid #fff
}
#facultyCreateClassForm .text-box-common {
    font-size: 13px;
    line-height: 17px;
    color: #6f6f6f;
    overflow: hidden;
}
.faculty-dashboard, .student-dashboard {
    padding: 0px;
}
.faculty-save-class-box, .faculty-save-class-box:hover, .faculty-save-class-box:focus {
    margin-right: 5px;
    padding: 4px 18px;
}
.faculty-cancel-class-box, .faculty-cancel-class-box:hover, .faculty-cancel-class-box:focus {
    margin-right: 5px;
    padding: 4px 12px;
}
.book-container .faculty-create-class-form-wrapper.col-xs-12 {
    padding: 0;
}
.faculty-save-cancel-class {
    margin-top: 15px;
    float: right
}
.faculty-dashboard-answered-qns {
    color: #666 !important
}
#faculty-updated-class-save.blue-btn-custom, #faculty-copy-button.gray-btn-custom {
    margin-left: 15px;
}
.learningObjectiveList .faculty-dashboard-learning-obj {
    padding-left: 34px !important;
}
#filterContainer span.col-xs-12.dashboard-result-option {
    float: none;
    vertical-align: top;
    vertical-align: -webkit-baseline-middle;
}
.dashboard-faculty-progress-result {
    padding-left: 7px;
    margin-top: 8px;
}
.me-legend-box {
    background-color: #acd379;
    border: 1px solid #ccc;
    height: 10px;
    margin: 5px 0 0 5px;
    width: 10px;
}
.class-legend-box {
    background-color: #c7c7c7;
    border: 1px solid #ccc;
    height: 10px;
    margin: 5px 0 0 5px;
    width: 10px;
}
.legend-box {
    font-size: 13px;
    color: #333;
    font-family: arial;
}
.faculty-class-insights-separator.student-dashboard-separate {
    margin: 20px 0
}
.prof-class-dropdown {
    width: 100%;
    border: medium none;
    font-size: 13px;
    color: #333 !important
}
.prof-classlist-section label.view-progress-label {
    font-size: 12px;
    font-weight: bold;
}
.prof-classlist-section .bookshelf-doc-dropdown::before {
    background-color: #fff;
    height: 30px;
}
.classlist-dropdown-section .text-box-common {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 30px;
    padding: 0;
}
.caseconnect-tutorial-link img {
    width: 100%
}
.tutorial-popover-close {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -11px;
    width: 30px;
    z-index: 1;
}
/********** CC-2287 Class Insights history Dashboard for Professor************/
.archived-faculty-class-insights-explanatory-content {
    font-size: 13px;
    font-family: arial;
    line-height: 19px;
    color: #333;
    margin-top: 10px;
    padding: 0;
}
.archived-class-date-span {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    color: #181818;
}
.archived-class-date-wrapper {
    margin-top: 6px;
}
.archived-data-dropdown-list-wrapper {
    margin-top: 15px;
}
.archieved-date-info {
    margin-top: 10px;
}
.archived-dashboard-snapshot h2 {
    padding: 0;
}
.archived-expand-subject-area {
    background: url("../img/small-right-caret.png") no-repeat scroll 0 0 #fff;
    display: inline-block;
    width: 25px;
    height: 20px;
    top: 10px;
    margin-top: 8px;
}
.archived-collapse-subject-area {
    background: url("../img/small-down-caret.png") no-repeat scroll 0 0 #fff;
    display: inline-block;
    width: 25px;
    height: 20px;
    top: 10px;
    margin-top: 8px;
}
#archivedStudyDashBoardProfessor .dashboard-faculty-progress-result {
    padding-left: 15px;
    margin-top: 10px;
}
#archivedStudyDashBoardProfessor .archived-professor-dashboard-table {
    border: 1px solid #dbdbdb;
    left: 33.3%;
    position: absolute;
    width: 25%;
}
#archivedStudyDashBoardProfessor td.archived-professor-dashboard-table-td {
    border-right: 1px solid #dbdbdb !important;
}
#archivedStudyDashBoardProfessor .bar {
    margin-left: 5px !important;
}
#archivedStudyDashBoardProfessor .dashboard-faculty-progress-bars-lo {
    width: 110%;
    height: 100%;
}
#archivedStudyDashBoardProfessor .dashboard-faculty-progressinside-result {
    padding-left: 15px;
}
#archivedStudyDashBoardProfessor .archived-bars {
    list-style-type: none;
}
#archivedStudyDashBoardProfessor .archived-bars li {
    width: 100%;
    height: 14px;
    margin: 0;
    text-align: center;
    position: relative;
}
#archivedStudyDashBoardProfessor .archived-bars li .archived-bar {
    display: block;
    background: #acd379;
    position: absolute;
}
#archivedStudyDashBoardProfessor .objective-progress .archived-bar {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(to right, #acd379 16px, #fff 20px) repeat scroll 0 0 !important;
    height: 20px !important;
    padding: 1px 0 0 !important
}
#archivedStudyDashBoardProfessor .faculty-class-materials .archived-bar {
    height: 20px !important;
}
#archivedStudyDashBoardProfessor .faculty-class-materials.col-md-12.col-sm-12.col-xs-12.faculty-dashboard-chapter-elements, .learningObjectiveList.col-md-12.col-sm-12.col-xs-12 {
    padding: 0;
}
#archivedStudyDashboard>h2 {
    margin-top: 20px;
}
/***************CC-2380 Welcome Tutorial**************************************/
.tutorial-step {
    font-size: 10px;
    Color: #000000;
    font-family: "akzidenz-grotesk";
    font-style: normal;
    text-align: right;
}
.end-tutorial {
    font-size: 12px;
    font-weight: bold;
    Color: #007aC3;
    font-family: "akzidenz-grotesk";
    font-style: normal;
    text-align: left;
    position: absolute;
}
.tutorial-content-wrapper {
    max-width: 310px;
    border: 10px solid #DCDCDC;
    box-shadow: none;
    background-color: #ffffff;
    padding: 9px;
    font-family: "akzidenz-grotesk";
}
.tutorial-close-popover {
    background: url(../img/ereader/highlight/close-popover-alert.png) no-repeat;
    height: 32px;
    width: 34px;
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
}
.tutorialTitle {
    font-family: "akzidenz-grotesk";
    font-size: 16px;
    text-align: center;
    Color: #000000;
    font-weight: bold;
}
.tutorialNext {
    font-size: 14px;
    Color: #007aC3;
    font-family: "akzidenz-grotesk";
    font-weight: bold;
}
.tutorial-content-text {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    color: 00000;
    padding: 6px;
    font-family: "akzidenz-grotesk";
    text-align: justify;
}
.popover-innertext-tutorial {
    margin-top: 20px;
}
.mySlides {
    display: none
}
.w-left, .w-right, .w-badge {
    cursor: pointer
}
.w-badge {
    height: 13px;
    width: 13px;
    padding: 0
}
.w-display-bottomleft {
    margin: auto;
    width: 100%
}
.w-content {
    max-width: 980px;
    margin: auto
}
.w-display-container {
    position: relative
}
.w-btn-floating {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px
}
.w-btn-floating:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.w-hover-dark-grey:hover {
    color: #fff !important;
    background-color: #616161 !important
}
.w-hover-dark-grey, .w-hover-white {
    -webkit-transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s;
    transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s
}
.w-section {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}
.w-text-white:hover {
    color: #fff !important
}
.w-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 2%;
}
.w-badge {
    background-color: #fff;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    border-radius: 44%;
}
.w-white, .w-hover-white:hover {
    color: #007aC3 !important;
    background-color: #007aC3 !important;
}
.tutorial-desktop-white-space {
    background-color: #454545;
    height: 100vh;
    width: 26%;
}
.tutorial-bground {
    background-color: #454545;
}
.email-notification, .email-notification-block {
    background-color: #FFFFDD;
    border: 3px solid #FFDD00;
    opacity: 1;
    padding: 10px 30px;
}
.email-notification-container {
    min-height: 40px;
    display: inline-block;
    width: 100%
}
.email-notification-container button {
    background: none;
    color: #000000;
    font-size: 13px;
}
.email-notification-text {
    padding: 0px;
    font-family: Fira Sans, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    opacity: 1;
    color: #000000;
}
.email-notification-text a {
    font-family: "Arial";
    font-size: 13px;
    Color: #007ac3 !important;
}
.email-notification-close {
    padding-top: 12px;
}
#study-aid-adds-xs {
    text-align: center;
    padding-top: 10px;
}
#study-aid-adds-ex-xs {
    text-align: center;
    padding-top: 10px;
}
@media all and (max-width : 480px) and (orientation : portrait) {
    .cc-tutorial-default {
        display: none;
    }
    .cc-tutorial-mobile {
        display: block !important
    }
}
/********** for resource page CC-2583 ********************/
/* changed font for ticket 5596 */
.resource-text-specs p {
    font-family: 'Fira-Sans';
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: center;
    letter-spacing: 0px;
}
.resource-logged-in div {
    margin-top: 20px;
}
.resource-logged-in button, .resource-logged-in button:active, .resource-logged-in button:focus, .resource-logged-in button:hover {
    background: #017AC2;
    border-radius: 15px;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    padding-top: 6px;
    text-align: center;
    width: 151px;
}
/*****************END  CC 2583***************************/
/***************Start of CC-2773****************/
@media all and (max-width : 991px) {
    .lift-top-h1 {
        font-size: 44px;
        line-height: 50px;
        color: #ffffff;
        font-family: Arial;
        text-align: center;
    }
    .cd-progress-bar-container.progress-bar-container {
        margin-left: 50px !important;
    }
    .checkPPContainer {
        display: block !important;
    }
}
.lift-top-banner {
    background-color: #00a88e;
    padding: 60px 0 50px 0;
}
.lift-second-banner {
    background-color: #2a2a86;
    padding: 25px 0;
}
.lift-second-banner h2 {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    font-family: Arial;
    margin: 0;
}
.lift-third-level h3 {
    font-size: 30 px;
    line-height: 36px;
    color: #2a2a86;
    font-family: Arial;
    font-weight: bold;
    font-size: 32px;
}
.lift-third-level ul {
    font-size: 21px;
    line-height: 25px;
    color: #333333;
    font-weight: normal;
    text-align: left;
    margin-left: 21px;
}
.lift-third-level ul li {
    margin: 15px 0;
    text-align: left;
}
h3.lift-landing-access-code-section-h3 {
    font-size: 32px;
    color: #2a2a86;
    font-family: Arial;
    font-weight: bold;
}
.lift-font-color {
    font-size: 32px;
    color: #00a88e;
    font-family: Arial;
    font-weight: normal;
}
.life-landing-grey-section {
    padding: 60px 0;
    background-color: #efefef;
}
h3.lift-landing-grey-section-h3 {
    font-size: 32px;
    color: #2a2a86;
    font-family: Arial;
    font-weight: bold;
}
p.lift-landing-grey-section-text {
    font-size: 21px;
    line-height: 25px;
    color: #333333;
    font-family: Arial;
    font-weight: normal;
    text-align: justify;
}
.lift-landing-cc {
    bottom: 42px;
    color: #333333;
    display: inline-block;
    font-family: Arial;
    font-size: 11px;
    line-height: 17px;
    position: relative;
    padding: 0;
    text-align: right;
}
/***************End of CC-2773****************/
/***************Start of CC-2706****************/
#brief-export-delay-window .outline-confirm-popover-text {
    border-bottom: 0px
}
#brief-export-delay-window .outline-confirm-popover-wrapper {
    max-width: 200px;
}
/***************End of CC-2706****************/
/***************Start of Sprint 29************/
.cc-container-base {
    margin-left: 20px;
    margin-right: 85px;
}
.app-left-navigation {
    background-color: #ececec;
}
.news-feed-app-left-nav.app-left-navigation {
    min-width: 86px
}
.ereader-page .app-left-navigation {
    background-color: #ececec;
}
.app-left-navigation ul.list-style-none {
    padding-left: 0px;
    display: block
}
.app-left-navigation ul.list-style-none li>a {
    margin: 3px 0 0;
    padding: 5px;
    width: 100%;
    text-align: center;
    background: transparent;
    display: inline-block
}
.app-left-navigation ul.list-style-none li {
    min-width: 100%;
    width: 100%;
    display: inline-block
}
.app-left-navigation ul.list-style-none li a>label {
    padding: 5px 0 0 0px;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-read, .mobile-cc-nav-icons div.left-nav-block-read {
    background-image: url(../img/left-navigation/read-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-study, .mobile-cc-nav-icons div.left-nav-block-study {
    background-image: url(../img/left-navigation/study-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-outline, .mobile-cc-nav-icons div.left-nav-block-outline {
    background-image: url(../img/left-navigation/outline-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-insights, .mobile-cc-nav-icons div.left-nav-block-insights {
    background-image: url(../img/left-navigation/insights-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-cases, .mobile-cc-nav-icons div.left-nav-block-cases {
    background-image: url(../img/left-navigation/cases-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-bar-check, .mobile-cc-nav-icons div.left-nav-block-bar-check {
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-bar-check img, .mobile-cc-nav-icons div.left-nav-block-bar-check img {
    width: 39px;
    height: 37px;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-news, .mobile-cc-nav-icons div.left-nav-block-news {
    background-image: url(../img/left-navigation/news-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-resources, .mobile-cc-nav-icons div.left-nav-block-resources {
    background-image: url(../img/left-navigation/resources-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.left-nav-block-bookshelf, .mobile-cc-nav-icons div.left-nav-block-bookshelf {
    background-image: url(../img/left-navigation/bookshelf-icon.png);
    background-color: #ececec;
    background-blend-mode: multiply;
    width: 39px;
    height: 30px;
    margin: 0 auto;
}
.app-left-navigation ul.list-style-none li a div.active, .mobile-cc-nav-icons div.active {
    background-color: #dbdbdb;
}
.app-left-navigation img {
    display: block
}
.left-nav-separator {
    background-color: #919191;
    height: 1px;
    margin: 0
}
@media (min-width:1200px) {
    .learnMoreChange-UAT {
        padding-right: 20px;
    }
    div.col-md-2.col-ls-2.faculty-book-thumbnail, div.col-md-2.col-ls-2.student-book-thumbnail {
        width: 15%
    }
    div.col-md-2.col-ls-2.faculty-book-info, div.col-md-2.col-ls-2.student-book-info {
        width: 85%
    }
    div.col-md-2.col-sm-3.col-xs-4.caseconnect-logo-bar {
        width: 19%;
    }
    div.header-mobile-view-wide div.col-md-7.col-sm-6 {
        width: 61%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .orderingPercentageSection {
        text-align: left !important;
        margin-top: 10px !important;
    }
}
@media(min-width:992px) {
    div.col-md-2.col-ls-2.faculty-book-thumbnail, div.col-md-2.col-ls-2.student-book-thumbnail {
        width: 16%
    }
    div.col-md-2.col-ls-2.faculty-book-info, div.col-md-2.col-ls-2.student-book-info {
        width: 84%
    }
    div.col-md-2.col-sm-3.col-xs-4.caseconnect-logo-bar {
        width: 21%;
    }
    div.header-mobile-view-wide div.col-md-7.col-sm-6 {
        width: 61%;
    }
    .case-page-content-block {
        padding: 0 60px 0 25px;
    }
    #studycenter-empty-column.col-md-1 {
        width: 5%;
    }
    h3.bodytop-text {
        font-size: 28px
    }
}
@media(min-width:992px) and (max-width:1100px) {
    div.col-md-2.col-sm-3.col-xs-4.caseconnect-logo-bar {
        width: 25%;
    }
    div.header-mobile-view-wide div.col-md-7.col-sm-6 {
        width: 56%;
    }
    div.header-mobile-view-wide div.col-md-2.col-sm-3.cc-header-right-margin {
        width: 19%;
    }
}
button.cc-header-account {
    vertical-align: middle;
    height: 40px;
    position: relative;
}
button.cc-header-account:hover, button.cc-header-account:active {
    background: #DADADA;
    vertical-align: middle;
    border: medium none;
    height: 40px;
    position: relative;
}
button.cc-header-menu {
    height: 40px;
    vertical-align: middle;
    position: relative;
}
button.cc-header-menu:hover, button.cc-header-menu:active {
    background: #DADADA;
    vertical-align: middle;
    background-color: #DADADA;
    border: medium none;
    height: 40px;
    position: relative;
}
/*CC-5550*/
@media (max-width: 428px) {
    button.cc-header-menu {
        height: 30px;
        color: #000000;
    }
    button.cc-header-menu:hover, button.cc-header-menu:active {
        height: 30px;
    }
    button.cc-header-account {
        height: 30px;
        color: #000000;
    }
    button.cc-header-account:hover, button.cc-header-account:active {
        height: 30px;
    }
}
.dropDownMenuNavigartionBlock.open {
    background: #DADADA;
}
.bookshelf, .outline {
    width: 100%;
    background: #fff;
}
#header div.header-read-right button {
    color: #000000;
    background: transparent;
    font-size: 30px;
    margin: 10px;
}
#header div.header-read-right {
    color: #000000;
    font-size: 24px;
}
#header div.header-read-right:active, #header div.header-read-right button:hover {
    color: #000;
    background: none;
}
.home-head-seperator {
    background-color: #007ac3;
    opacity: 0.5;
    width: 5px;
    height: 179px;
    margin: 20px 0;
}
ul.study-mobile-nav-back {
    padding: 0 10px;
}
ul.study-mobile-nav-back li div button {
    color: #474747;
}
ul.study-mobile-nav-back li {
    border-right: none;
}
/***************End of Sprint 29**************/
/***************Start of CC-2909**************/
.cc-home-page h1 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 54px !important;
    line-height: 64px !important
}
.cc-home-page h2 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 42px !important;
    line-height: 48px !important
}
.cc-home-page h3 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 27px !important;
    line-height: 33px !important
}
.cc-home-page h4 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 18px !important;
    line-height: 22px !important
}
.cc-home-page-text1 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 15px !important;
    line-height: 19px !important
}
.cc-home-page-text2 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 13px !important;
    line-height: 17px !important
}
.cc-home-page-text3 {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 19px !important;
    line-height: 23px !important
}
.pp-home-page h1 {
    font-family: fira-sans, sans-serif;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    width: 100%
}
.pp-home-page h2 {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}
.pp-home-page-text1 {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important
}
.pp-home-page-text2 {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important
}
.pp-home-page-text3 {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important
}
.pp-home-page-text4 {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
.pp-marginTop15-style {
    margin-top: 15px;
}
.pp-home-page-codie {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px !important
}
button.home-section3-learn, button.home-section3-learn:hover {
    text-transform: uppercase;
    background-color: #fff;
    font-size: 13px;
    line-height: 17px;
    height: 30px;
    width: 130px;
    border-radius: 15px;
}
button.home-section6-learn, button.home-section6-learn:hover {
    text-transform: uppercase;
    background-color: #007ac3;
    font-size: 13px;
    line-height: 17px;
    height: 30px;
    width: 165px;
    border-radius: 15px;
}
.text-gray {
    color: #333333;
}
.text-white {
    color: #ffffff;
}
.center {
    text-align: center
}
.casebook-home-introducing-wrapper {
    background-color: rgba(0, 122, 195, 0.8);
    padding: 30px 20px;
    height: 264px;
}
.pp-home-introducing-wrapper {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 20px;
}
.cc-have-access-h3 {
    color: #333
}
.home-section-third-one img, .fifth-first img {
    padding-bottom: 30px;
}
.home-section-third-one p.title, .fifth-first p.title {
    padding-bottom: 25px;
}
.fifth-first p.content {
    min-height: 78px;
}
.cc-home-page-edge-title {
    font-family: Akzidenz-Grotesk, sans-serif;
    font-weight: lighter;
    font-size: 23px !important;
    line-height: 27px;
    font-weight: bold
}
.home-section-second h2.text-gray.center, .home-section-third h2.text-white.center {
    padding-bottom: 50px
}
.home-section-sixth-content-one h2.text-gray {
    padding-bottom: 55px
}
.home-section-sixth-content-one h4.text-gray {
    padding-bottom: 20px
}
.static-page-container.cc-home-page {
    font-family: sans-serif
}
.home-banner {
    border-top: 2px solid #fff;
    position: relative
}
.home-banner img {
    width: 100%;
    z-index: 100;
    height: 576px;
}
.pp-home-banner {
    position: relative;
    background-color: #007AC3;
    height: 400px;
    margin: auto;
}
.pp-home-banner img {
    width: 100%;
    z-index: 100;
    height: auto;
}
.pp-home-section-third img {
    width: 100%;
    z-index: 100;
    height: auto;
}
.home-banner-block-one {
    width: 100%;
    position: absolute;
    top: 100px;
    padding: 0px 130px 100px;
}
.home-banner-block-one .home-banner-block-two {
    border: 1px solid #fff;
    padding: 40px 45px 70px 45px
}
.pp-home-banner-block-one {
    width: 80%;
    padding: 15px 0px !important;
    margin: auto;
}
.pp-home-banner-block-one .pp-home-banner-block-two {
    padding: 15px 0px;
    width: 100%;
    margin: 0px auto;
}
#customerCarousel .carousel-inner {
    min-height: 300px
}
#customerCarousel .carousel-inner blockquote {
    border-left: none;
    margin-left: 6%;
    margin-right: 6%;
    text-align: center;
    font-size: 30px
}
#customerCarousel .carousel-indicators li {
    background-color: #ccc !important;
    height: 15px !important;
    width: 15px !important
}
#customerCarousel .carousel-indicators li.active {
    background-color: #007ac3 !important;
    height: 15px !important;
    width: 15px !important
}
.home-section-fifth-blocks div {
    padding: 0 15px
}
.fifth-first {
    min-height: 340px
}
.home-section-fifth-blocks {
    padding-top: 20px
}
.home-section-fifth h4, .home-section-forth h4 {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: bold
}
.home-section-sixth-content {
    padding: 0px 165px 60px;
    position: absolute;
    top: 30px;
    width: 100%
}
.home-section-sixth-content-two {
    margin-top: 60px
}
.cc-home-section-one-space {
    width: 5%
}
.access-code-container form {
    padding-top: 40px
}
.home-section-second {
    background-color: #fff;
    width: 100%;
    padding: 80px 165px
}
.home-section-third {
    background-color: #77ac46;
    width: 100%;
    padding: 80px 165px
}
.home-section-third-one {
    background-color: #fff;
    margin-left: 35px;
    padding: 35px 30px 50px 30px;
    min-height: 280px;
    max-height: 280px;
    width: 30%
}
.home-section-third-one.first {
    margin-left: 0px
}
.home-section-third-two {
    padding-top: 70px;
}
.home-section-forth {
    background-color: #ffffff;
    width: 100%;
    padding: 80px 165px 50px 165px
}
.home-section-fifth {
    background-color: #ededed;
    width: 100%;
    padding: 80px 165px
}
.pp-home-section-second {
    background-color: #fff;
    width: 80%;
    padding: 15px 0px;
    margin: auto;
}
.pp-home-section-third {
    width: 80%;
    padding: 15px 0px;
    background-color: #ECECEC;
    height: auto;
    margin: auto;
}
.pp-home-section-third-one {
    background-color: #fff;
    margin-left: 35px;
    padding: 35px 30px 50px 30px;
    min-height: 280px;
    max-height: 280px;
    width: 30%
}
.pp-home-section-third-one.first {
    margin-left: 0px
}
.pp-home-section-third-two {
    padding-top: 70px;
}
.pp-home-section-forth {
    background-color: #ffffff;
    width: 80%;
    margin: auto;
    padding: 15px 0px;
}
.access-code-section {
    height: 264px;
    width: 36%
}
.home-section-sixth-content-main {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 40px 45px 70px 45px;
}
.home-section-second-img img {
    width: 100%
}
.pp-home-section-second-img img {
    width: 100%;
}
h2.login-facebook-text {
    margin-top: 33px
}
.home-banner img {
    object-fit: cover
}
img.home-section-sixth-image {
    object-fit: cover;
    height: 525px
}
@media all and (min-width: 1900px) {
    .home-banner img {
        width: auto
    }
}
@media(min-width:768px) and (max-width: 1300px) {
    .home-banner-block-one {
        padding: 0px
    }
    .home-banner-block-one .home-banner-block-two {
        padding: 40px 19px 70px 39px;
        width: 97%;
        margin: 0 15px;
    }
    .home-banner-block-one {
        position: absolute;
        top: 38px;
    }
    .pp-home-banner-block-one .pp-home-banner-block-two {
        padding: 30px 0px 40px 0px;
    }
    .pp-home-section-second .pp-home-section-second-block {
        padding: 0px 0px 10px 0px;
        width: 100%;
        margin-top: 5px;
    }
    .pp-home-section-third .pp-home-section-third-block {
        padding: 34px 0px 46px 0px;
    }
    .pp-home-section-forth .pp-home-section-forth-block {
        padding: 0px 0px 10px 0px;
        width: 100%;
        margin-top: 15px;
    }
    .pp-home-introducing-wrapper {
        padding: 20px 20px;
        height: auto;
    }
    .casebook-home-introducing-wrapper {
        padding: 30px 20px;
        height: 235px;
    }
    .app-cc-info-header {
        width: 94%;
    }
    .cc-home-page h1 {
        font-size: 54px !important;
        line-height: 64px !important;
    }
    .cc-home-page h2 {
        font-size: 42px !important;
        line-height: 40px !important;
    }
    .pp-home-page h1 {
        font-family: fira-sans, sans-serif;
        font-weight: bold;
        font-size: 30px;
        line-height: 36px
    }
    .cc-home-section-one-space {
        width: 5%
    }
    .access-code-section {
        height: 235px;
        padding: 30px 22px 43px 22px;
    }
    .home-whats-this {
        padding-top: 25px;
    }
    .access-code-container form {
        padding-top: 20px
    }
    .home-section-second, .home-section-third, .home-section-fifth, .home-section-forth {
        padding: 80px 15px
    }
    .home-section-sixth-content {
        padding: 20px 40px;
    }
    .home-section-sixth-content-two {
        margin-top: 25px;
    }
    .home-banner img {
        height: 426px;
        object-fit: cover
    }
    .cc-home-page .home-section-sixth-content-one.center h2 {
        font-size: 30px !important;
        line-height: 28px !important;
    }
    .home-section-third-one.first {
        margin-left: 30px
    }
    .home-section-third-one {
        max-height: 320px;
        min-height: 320px
    }
    #customerCarousel .carousel-inner {
        min-height: 325px
    }
    .home-section-fifth-blocks div {
        padding: 0px
    }
}
@media(min-width:768px) and (max-width: 1023px) {
    .pp-home-introducing-wrapper {
        padding: 20px 20px;
        height: auto;
    }
    .home-section-sixth-content {
        padding: 5px 34px;
        position: absolute;
        top: 54px;
    }
    img.home-section-sixth-image {
        height: 470px;
        object-fit: cover
    }
    .casebook-home-introducing-wrapper, .access-code-section {
        height: 235px !important
    }
    .home-section-sixth-content-two {
        margin-top: 13px;
    }
    .home-section-sixth-content-one.center home-section-sixth-content-two p {
        padding: 0px
    }
    form label.cc-home-page-text2 {
        font-size: 9px !important
    }
    h3.cc-have-access-h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    .access-code-section {
        height: 235px
    }
    .cc-home-page h2.casebook-introduction-tag {
        font-size: 33px !important;
        line-height: 45px !important;
    }
    .cc-home-page h1.casebook-home-introducing {
        font-size: 42px !important;
        line-height: 42px !important;
    }
    .cc-home-page h3.cc-have-access-h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    .home-already-have-acc.cc-home-page-text2 {
        font-size: 12px !important
    }
    .home-already-have-acc a {
        position: absolute;
        top: 13px;
        width: 100%;
        right: 0px;
    }
    .access-code-section {
        padding: 30px 15px 43px 15px;
        width: 37%;
    }
    .cc-home-section-one-space {
        width: 3%
    }
    .home-section-third-one {
        margin-left: 18px
    }
    .home-section-sixth-content-main {
        padding: 15px
    }
    #customerCarousel .carousel-inner blockquote {
        font-size: 26px
    }
    .cc-home-page h2.home-section-sixth-content-one.center {
        font-size: 30px !important;
        line-height: 28px !important;
        padding-bottom: 5px;
    }
    #enrollAtBottom.blue-btn-custom {
        float: left;
        position: relative;
        top: 30px
    }
    .cd-progress-bar-container.progress-bar-container {
        margin-left: 50px !important;
    }
    /*pp*/
    .pp-home-banner {
        height: auto;
    }
    .pp-home-page h1 {
        font-size: 30px !important;
        line-height: 36px !important;
        padding: 0px 15px 0px 0px;
    }
    .pp-videoGroupImg-section {
        padding: 50px 10px 15px 10px;
    }
    .pp-home-section-third .pp-videoGroupImg-section {
        padding: 20px 10px 0px 30px;
    }
    .pp-home-section-second {
        padding: 10px 0px 10px 0px !important;
    }
}
@media all and (max-width : 360px) {
    .faculty-book-info {
        width: 60% !important;
        margin-top: 0px !important;
        margin-left: 0px;
    }
}
@media all and (max-width : 460px) {
    .home-section-second-img img {
        width: 100%
    }
    .pp-home-section-second-img img {
        width: 100%
    }
    #customerCarousel .carousel-inner {
        min-height: 350px !important;
    }
    .faculty-book-info {
        width: 60% !important;
        margin-top: 0px !important;
        margin-left: 0px;
    }
}
@media (min-width:461px) and (max-width : 767px) {
    .home-section-second-img img {
        width: 60%
    }
    .pp-home-section-second-img img {
        width: 60%
    }
    #customerCarousel .carousel-inner {
        min-height: 330px !important;
    }
    .faculty-book-info {
        width: 70% !important;
        margin-top: 0px !important;
        margin-left: 0px;
    }
}
@media (min-width:361px) and (max-width : 767px) {
    .cc-home-page h1.casebook-home-introducing {
        font-size: 34px !important;
        line-height: 44px !important;
    }
    .cc-home-page h2.casebook-introduction-tag {
        font-size: 28px !important;
        line-height: 42px !important;
    }
    #customerCarousel .carousel-inner blockquote {
        font-size: 22px
    }
    .home-section-sixth-image {
        height: 580px !important
    }
    .home-section-sixth-content-main {
        padding: 20px 30px 40px 30px;
    }
}
@media all and (max-width : 360px) {
    form label.cc-home-page-text2 {
        font-size: 9px !important
    }
    .access-code-container form {
        padding-top: 10px
    }
    .home-whats-this {
        padding-top: 18px;
    }
    .cc-home-page h1.casebook-home-introducing {
        font-size: 27px !important;
        line-height: 44px !important;
    }
    .cc-home-page h2.casebook-introduction-tag {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    .home-section-second-img img {
        width: 100%
    }
    .pp-home-section-second-img img {
        width: 100%
    }
    #customerCarousel .carousel-inner blockquote {
        font-size: 18px
    }
    .home-section-sixth-image {
        height: 660px !important
    }
    .home-section-sixth-content-main {
        padding: 20px 30px 15px 30px
    }
}
@media all and (max-width : 767px) {
    .home-banner-block-one {
        width: 100%;
        position: absolute;
        top: 20px !important;
        padding: 0px !important
    }
    .pp-home-banner-block-one {
        width: 80%;
        padding: 0px !important
    }
    .cc-home-page h1.casebook-home-introducing {
        margin-left: 15px;
    }
    .cc-home-page h2.casebook-introduction-tag {
        margin-left: 15px;
        padding-bottom: 25px
    }
    .home-banner-block-one .home-banner-block-two {
        padding: 25px 20px 13px 20px !important;
        border: none !important
    }
    .pp-home-banner-block-one .pp-home-banner-block-two {
        padding: 15px 0px !important;
        border: none !important
    }
    .access-code-section {
        padding: 30px 22px 60px 22px !important;
        width: 100%
    }
    .home-section-second, .home-section-third, .home-section-forth, .home-section-fifth {
        padding: 30px 20px !important;
    }
    .home-section-third-one {
        margin-left: 0;
        padding: 35px 30px 20px 30px !important;
        min-height: auto !important;
        max-height: 280px !important;
        width: auto;
    }
    .home-section-sixth-content {
        margin: 0 !important;
        padding: 13px 15px !important;
        position: absolute !important;
        top: 22px !important;
    }
    .home-section-sixth-content-two {
        margin-top: 10px
    }
    #customerCarousel .carousel-inner blockquote {
        margin: 0px
    }
    .casebook-home-introducing-wrapper {
        height: auto
    }
    .pp-home-introducing-wrapper {
        height: auto;
    }
    .access-code-container form {
        padding-top: 20px
    }
    .home-whats-this {
        padding-top: 24px;
    }
    .home-section-second-img {
        text-align: center
    }
    .pp-home-section-second-img {
        text-align: center
    }
    .home-section-sixth-content-one h2.text-gray {
        padding-bottom: 20px;
        font-size: 38px !important;
        line-height: 45px !important;
    }
    .home-section-second h2.text-gray.center, .home-section-third h2.text-white.center {
        padding-bottom: 30px;
    }
    .pp-home-section-second-offer {
        font-size: 16px !important;
        line-height: 19px !important;
        margin-top: 15px;
    }
    .pp-home-section-forth {
        padding: 20px 0px 10px 0px !important;
    }
    .pp-home-section-third {
        padding: 10px 0px 10px 0px !important;
    }
    .nav-page-Group {
        padding: 10px 0px 10px 0px !important;
    }
    .pp-home-banner {
        height: auto;
    }
    .pp-home-page h1 {
        font-size: 30px !important;
        line-height: 36px !important;
        padding: 0px 15px 0px 0px;
    }
    .pp-videoGroupImg-section {
        padding: 20px 10px 15px 10px;
    }
    .pp-home-section-third .pp-videoGroupImg-section {
        padding: 0px 10px 0px 30px;
    }
    .pp-home-section-second {
        padding: 10px 0px 20px 0px !important;
    }
    .pp-home-section-forth h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-second h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-third h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-forth .pp-home-section-forth-block {
        padding: 0px !important;
    }
    .pp-home-section-second-img {
        margin-top: 15px !important;
    }
    #videoIdealStudy {
        margin-bottom: 14.87px !important;
    }
    #pp-quizCenterBlock, #pp-rationaleBlock, #pp-confidenceBlock, #quizCenterImg, #rationalImg, #confidenceProgressImg {
        display: block !important
    }
    .videoLibraryFrame {
        margin-bottom: 15px !important;
        padding: 0px !important;
    }
    .topic-sub-bar {
        display: none;
    }
}
/*CC-2840 Expiration date*/
.validityPeriod {
    padding-top: 15px;
}
/****************End of CC-2909***************/
/****************PDF export CSS***************/
#pdfConverted .stud-dashboard-self-data .faculty-dashboard-total-qns {
    width: 42px !important;
    display: inline-block;
}
#pdfConverted .stud-dashboard-self-data .faculty-dashboard-total-qns.pdf-icons, #pdfConverted .stud-dashboard-class-data .faculty-dashboard-total-qns.pdf-icons {
    width: 42px !important;
    display: inline-block;
    margin-left: 5% !important;
}
#pdfConverted .stud-dashboard-self-data .faculty-dashboard-correct-percnt, #pdfConverted .stud-dashboard-class-data .faculty-dashboard-correct-percnt {
    width: 45px !important;
    display: inline-block;
    margin-left: 5% !important;
}
#pdfConverted .stud-dashboard-self-data .faculty-dashboard-incorrect-percnt, #pdfConverted .stud-dashboard-class-data .faculty-dashboard-incorrect-percnt {
    width: 38px !important;
    display: inline-block;
    margin-left: 5% !important;
}
#pdfConverted .stud-dashboard-class-data .faculty-dashboard-total-qns {
    width: 42px !important;
    display: inline-block;
}
#pdfConverted .faculty-dashboard-correct-percnt {
    color: #85bc20 !important;
}
#pdfConverted .student-dashboard-chapter-name {
    white-space: normal !important;
}
#pdfConverted .bar.student-dashboard-bars-me {
    background: #85bc20 !important;
}
#pdfConverted #ques-resultsDashBoard .faculty-dashboard-learning-obj-ques .glyphicon-remove-circle {
    color: #c43445 !important;
    padding-left: 10px !important
}
#pdfConverted #ques-resultsDashBoard .faculty-dashboard-learning-obj-ques .glyphicon-ok-circle {
    color: #4f830b !important;
    padding-left: 10px !important
}
#pdfConverted #ques-resultsDashBoard .faculty-dashboard-learning-obj-ques {
    padding-left: 27px !important;
    margin-top: 20px !important;
}
#pdfConverted .learningObjectiveList .faculty-dashboard-learning-obj-ques .question {
    width: 80% !important;
    float: none !important;
}
#pdfConverted .learningObjectiveList .faculty-dashboard-learning-obj-ques .result {
    margin-bottom: 10px;
}
#pdfConverted #ques-resultsDashBoard .insights-question-index {
    float: left;
}
#pdfConverted .objective-progress .bar.pdf-green-class {
    background: #c2dd8f !important;
    display: block;
    height: 20px !important;
    position: absolute;
}
#pdfConverted .objective-progress .bar.graybar.pdf-gray-class {
    background: #c7c7c7 !important;
    display: block;
    height: 20px !important;
    position: absolute;
}
#pdfConverted #ques-resultsDashBoard .learningObjectiveList .faculty-learning-obj .faculty-dashboard-learning-obj .glyphicon-chevron-right {
    display: none;
}
#pdfConverted #ques-resultsDashBoard .learningObjectiveList .faculty-dashboard-learning-obj .LOQues_Title {
    font-weight: bold;
    font-size: 16px;
}
#pdfConverted .prevent-split .student-dashboard-chapter-name {
    line-height: 18px;
}
.eula-pre {
    padding: 0px;
    font-weight: normal;
    color: #333333;
    line-height: 18px;
    font-size: 12px;
    font-family: "Times New Roman", Georgia, Serif;
}
.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*********************************Start of CSS for CQuiz Centre****************************************/
.cQuizMain-container {
    background-color: #FFF;
    margin: 0 auto;
    padding: 0px 40px;
    width: 950px;
    opacity: 100;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    margin: 0px auto 0px auto;
}
.cQuizContainer-section {
    width: 950px;
}
.add-classCode {
    width: 59px;
    height: 30px;
    border: 1px solid #474747;
    ;
    border-radius: 0px;
    margin: 0px;
    position: absolute;
    background: #85BC20 !important;
    margin-top: 6px;
    font-family: sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 100;
    border-left: none;
}
.redeemAnonymousCode-input {
    width: 100%;
    height: 30px;
    border: 1px solid #474747;
    background: #FFFFFF;
    opacity: 100;
    width: 100%;
    margin-left: 0;
}
.qustionPlatfromContainer {
    background-color: #FFF;
    margin: 0 auto;
    padding: 0px 40px;
    width: 950px;
    height: 708px;
    opacity: 100;
    margin: 0px auto 0px auto;
}
.cQuizResultPageMain-container {
    background-color: #FFF;
    margin: 0 auto;
    padding: 0px 40px;
    width: 950px;
    opacity: 100;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    margin: 0px auto 0px auto;
}
.cQuiz-content-wrapper {
    padding-bottom: 40px;
}
.cQuizHeader-area {
    padding-top: 30px;
}
.headerConnectText {
    width: 230px;
    height: 21px;
    font-size: 21px;
    line-height: 30px;
    font-family: Akzidenz-Grotesk;
    font-weight: normal;
    color: #000000;
    opacity: 100;
}
.headerQuizText {
    font-weight: bold;
}
.cQuiz-bookname {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px;
    font-family: Akzidenz-Grotesk;
}
.cQuizclassName {
    margin-top: 10px;
}
.profQuizesbtn, .profQuizesbtn:hover {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    background-color: #007AC3;
    width: 150px;
    height: 60.5px;
    border-radius: 5px;
    white-space: normal;
    padding: 0px !important;
    margin-top: 10px;
    margin-left: 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
}
.bottomBorderQuizes {
    border-bottom: 0.5px solid #474747;
    padding: 0px 0px 15px 0px;
    opacity: 100;
    width: 810px;
    margin-bottom: 10px;
}
.classNameHeader {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 36px;
    color: #474747;
    opacity: 100;
    margin-top: 15px;
}
.quizzesLabel {
    font-family: fira-sans, sans-serif;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    width: 150px;
    height: 30px;
    top: 10px;
}
.classCodeLabel {
    font-family: fira-sans, sans-serif;
    vertical-align: middle;
    font-weight: 300;
    position: relative;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    width: 85px;
    height: 19px;
}
.classCodeInput {
    width: 160px;
    height: 30px;
    background: #ffffff;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #ffffff !important;
}
.viewingInput {
    width: 255px;
    height: 30px;
    background: #ffffff;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 2px;
}
.viewingLabel {
    color: #474747;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    opacity: 100;
    vertical-align: middle;
    opacity: 100;
    line-height: 19px;
}
.classCodecopyBtn {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    opacity: 100;
    height: 30px;
    border-radius: 0px;
    width: 70px;
    margin-left: -5px;
    padding: 3px 12px !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20)
}
.classCodecopyBtn:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
}
.modalPopup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 330px;
    height: auto;
    text-align: center;
    opacity: 70;
}
.modal-assignContent-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 330px;
    height: auto;
    text-align: center;
    opacity: 70;
}
.modal-AssesmentSpecilaist-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    width: 630px;
    height: auto;
    opacity: 100;
    color: #000000;
}
.closeModelBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelBtn:hover, .closeModelBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.closeAssignModelBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeAssignModelBtn:hover, .closeAssignModelBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.closeModelAssesmentSpecilaistBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelAssesmentSpecilaistBtn:hover, .closeModelAssesmentSpecilaistBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.closeModelStartBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelStartBtn:hover, .closeModelStartBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.profQuizesPreviewbtn, .profQuizesPreviewbtn:hover {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
    margin-left: 15px;
}
.profQuizesStartPreviewbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 5px;
}
.profQuizesStartPreviewbtn:hover, .profQuizesStartViewbtn:hover, .profQuizesStartEndbtn:hover {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
}
.profQuizesStartEndbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 87px;
    height: 29.28px;
    padding: 5px 6px;
    margin-left: 15px;
}
.profQuizesStartViewbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 112.67px;
    height: 29.28px;
    padding: 5px 6px;
    margin-left: 15px;
}
.modalClassNameHeader {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 275px;
    height: auto;
    line-height: 30px;
}
.classNameHeaderStyle {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 275px;
    height: auto;
    line-height: 30px;
}
.modalAssesmentSpecilaistHeader {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 630px;
    height: auto;
    line-height: 30px;
    text-align: center;
}
.dueDateLabel {
    font-family: fira-sans, sans-serif;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    vertical-align: middle;
    padding-right: 5px;
}
.dueDateLabelStart {
    font-family: fira-sans, sans-serif;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    vertical-align: middle;
    padding-right: 5px;
}
.dueDateSelect {
    width: 168px;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-left: 4px;
}
.dueDateSelectTime {
    width: 16%;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.dueDateSelectedStart {
    width: 168px;
    height: 30px;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 5px;
    line-height: 20px;
}
.dueDateSelectedTime {
    width: 103px;
    height: 30px;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.cQuizTextStyles {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 100;
    color: #474747;
}
#modal-date-container {
    margin-top: 25px;
}
#modal-content-container {
    margin-top: 25px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 100;
    color: #474747;
}
.modalClassNameAssign {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 300px;
    height: auto;
    line-height: 30px;
    word-wrap: break-word;
}
.quizesAssignNoYesbtn, quizesAssignNoYesbtn:hover {
    color: #FFFFFF !important;
    font-size: 16px;
    background: #007ac3 !important;
    border: 0.5px solid #007ac3 !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
    margin-left: 15px;
}
.quizesAssignNoYesbtn:focus {
    outline: none !important;
}
.timeLeftShow {
    font-family: fira-sans, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    opacity: 100;
    color: #474747;
    width: 150px;
    height: 14px;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 5px;
}
.modalGenerateQuizResult {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 300px;
    height: 54px;
    text-align: center;
}
.viewingPort {
    float: right;
    margin-top: 30px;
}
.classCodePort {
    float: right;
}
.cQuizButtons {
    width: 100%
}
.assessmentSpec {
    margin-top: 20px;
    margin-left: 30px;
    width: 570px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 100;
    color: #474747;
}
.contactMeBy {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    color: #474747;
    width: 200px;
    margin-top: 10px;
    margin-left: 30px;
}
.phoneEmailSection {
    width: 100%;
    margin-left: 30px;
}
.phone-number-input {
    width: 40%;
    display: inline-block;
}
.email-id-input {
    width: 40%;
    display: inline-block;
}
.phone-inputField {
    width: 280px;
    height: 30px;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    padding: 5px;
    outline: none;
}
.email-inputField {
    width: 280px;
    height: 30px;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    padding: 5px;
    outline: none;
}
.phone-section-style {
    width: 290px;
}
.selectAllApply {
    width: 570px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    color: #474747;
    margin-top: 25px;
    margin-left: 30px;
}
.contact-container {
    margin-left: 30px;
}
.phoneNumberField {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    color: #474747;
    width: 80px;
    height: 19px;
}
.mailField {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    color: #474747;
    width: 80px;
    height: 19px;
}
.container-check-quizzes-list {
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300 !important;
    opacity: 100;
    color: #474747;
    margin-left: 30px;
    margin-top: 10px;
}
.container-checkbox-label {
    font-weight: 300 !important;
    width: 263px;
    font-size: 16px;
    line-height: 19px;
    color: #474747;
    opacity: 100;
}
.checkBox-style {
    width: 15px;
    height: 15px;
    font-size: 10px;
    color: #474747;
    opacity: 100;
}
.checkBox-content-style {
    margin-left: 5px;
}
.phoneNumberInput {
    border: 0.5px solid #474747;
    background: #FFFFFF;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    width: 170px;
    height: 30px;
}
.addMessages {
    margin-top: 15px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    opacity: 100;
    color: #474747;
    width: 120px;
    height: 19px;
    margin-left: 30px;
}
.addMessagesInput {
    margin-top: 10px;
    width: 570px;
    height: 54.17px;
    border: 0.5px solid #474747;
    background: #FFFFFF;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    margin-left: 30px;
    padding: 8px;
    outline: none;
}
.ContactMeBtn {
    width: 112.67px;
    height: 29.28px;
    border-radius: 5px;
    background: #A6D1EB;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    border: 0.5px solid #474747;
    font-family: fira-sans, sans-serif;
    padding: 3px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    color: #474747;
}
.radioBtnSection {
    margin-top: 10px;
    margin-left: 30px;
}
.ContactMeBtnSection {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
.modal-contentStart-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 330px;
    height: auto;
    text-align: center;
    opacity: 70;
    word-wrap: break-word;
}
.modalClassNameStartHeader {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 310px;
    height: 84px;
    line-height: 30px;
}
.modal-EndQuizContent-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 330px;
    height: auto;
    text-align: center;
    opacity: 70;
    word-wrap: break-word;
}
.closeEndQuizModelBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeEndQuizModelBtn:hover, .closeEndQuizModelBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modalClassNameEndQuiz {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 300px;
    height: 90px;
    line-height: 30px;
}
#modal-contentEndQuiz-container {
    margin-top: 25px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 100;
    color: #474747;
}
.quizesEndQuizYesbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
    margin-left: 15px;
}
.quizesEndQuizNoYesbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
    margin-left: 15px;
}
.modal-contentStart-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 330px;
    height: auto;
    text-align: center;
    opacity: 70;
    word-wrap: break-word;
}
.modalClassNameStartHeader {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 310px;
    height: 84px;
    line-height: 30px;
}
.modal-contentComplete-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 330px;
    height: auto;
    text-align: center;
    opacity: 70;
    word-wrap: break-word;
}
.closeModelCompleteBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelCompleteBtn:hover, .closeModelCompleteBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modalClassNameCompleteHeader {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 310px;
    height: 84px;
    line-height: 30px;
}
#modal-dateComplete-container {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 100;
    color: #474747;
}
.quizesEndQuizYesbtn {
    color: #fff;
    font-size: 16px;
    background: #337ab7 !important;
    border: 0.5px solid #337ab7;
    box-shadow: #cccccc 0px 3px 3px;
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
    margin-left: 15px;
}
.quizesEndQuizYesbtn:hover {
    color: #fff !important;
    border: 0.5px solid #337ab7;
}
.quizesEndQuizNoYesbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
    margin-left: 15px;
}
.profQuizesCompletePreviewbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 70px;
    height: 30px;
    padding: 5px 6px;
}
.profQuizesCompleteViewbtn {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 5px;
    width: 112.67px;
    height: 29.28px;
    padding: 5px 6px;
    margin-left: 15px;
}
.dueDateLabelComplete {
    font-family: fira-sans, sans-serif;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    vertical-align: middle;
    padding-right: 5px;
}
.dueDateSelectedComplete {
    width: 152.5px;
    height: 30px;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.dueDateSelectedTimeComplete {
    width: 168px;
    height: 30px;
    color: #474747;
    border: 0.5px solid #474747;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 2px;
}
.cQuizTextStylesComplete {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: 100;
    color: #474747;
}
.quizAssignYesBtn, .quizAssignYesBtn:hover {
    font-weight: 300;
    text-align: center;
    color: #474747 !important;
    background: #A6D1EB !important;
    border: 0.5px solid #A6D1EB !important;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    width: 150px;
    height: 60.5px;
    border-radius: 5px;
    white-space: normal;
    padding: 0px !important;
    margin-top: 10px;
    margin-left: 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
}
.quizStartYesBtn, .quizStartYesBtn:hover {
    color: #474747;
    background: #DADADA !important;
    border: 0.5px solid #DADADA;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    width: 150px;
    height: 60.5px;
    border-radius: 5px;
    white-space: normal;
    padding: 0px !important;
    margin-top: 10px;
    margin-left: 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
}
.modal-GenerateQuizResult-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    width: 330px;
    height: auto;
    opacity: 70;
    word-wrap: break-word;
}
.modalGenerateQuizResult {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 330px;
    height: 54px;
    line-height: 30px;
    text-align: center;
    padding: 10px 20px;
}
.cqDashBoardBtnSection {
    margin-top: 10px;
    margin-left: 10px;
}
.ppDashBoardBtnSection {
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
}
.backToDashboard, .backToDashboard:hover {
    width: 152px;
    height: 40px;
    background: #005B92;
    opacity: 100;
    border-radius: 0px;
    padding: 10px 9px;
    white-space: nowrap;
    color: #FFFFFF;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
}
.questionTitleSection {
    height: 23px;
    font-weight: 400;
    text-align: left;
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    line-height: 18px;
    color: #000000;
    opacity: 100;
    margin: 12px;
}
.qustionPlatfromContainer {
    background: #FFFFFF;
    opacity: 100;
}
.iframe-container {
    text-align: center;
}
.qustionPlatfromContainer iframe {
    width: 975.5px;
    height: 609.69px;
    opacity: 100;
    border: 0px;
}
.modal-quizContent-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 2px;
    border: 0.5px solid #474747;
    width: 340px;
    height: auto;
    text-align: center;
    opacity: 70;
    word-wrap: break-word;
}
.closeModelQuizTestBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelQuizTestBtn:hover, .closeModelQuizTestBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modalClassNameHeaderQuizTest {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 30px;
    color: #474747;
    opacity: 100;
    margin-top: 15px;
    width: 336px;
    height: auto;
    line-height: 36px;
    text-align: center;
    word-wrap: break-word;
}
.cQuizDateTextStyles {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 100;
    color: #474747;
    width: 316px;
    margin: 10px 12px 0px;
    height: auto;
}
.startBtns, .startBtns:hover {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-bottom: 10px;
    margin-top: 14.87px;
    width: 76px;
    height: 30px;
    padding: 5px 4px;
}
#modals-content-container {
    margin-top: 15px;
}
.studQuizesbtn {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    background-color: #007AC3;
    width: 150px;
    height: 52.5px;
    border-radius: 5px;
    white-space: normal;
    padding: 0px !important;
    margin-top: 10px;
    margin-left: 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
}
.modal-quizContentContinue-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 2px;
    border: 0.5px solid #474747;
    width: 340px;
    height: auto;
    text-align: center;
    opacity: 70;
}
.closeModelQuizTestContinueBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelQuizTestContinueBtn:hover, .closeModelQuizTestContinueBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modalClassNameHeaderQuizTestContinue {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 30px;
    color: #474747;
    opacity: 100;
    margin-top: 15px;
    width: 336px;
    height: auto;
    line-height: 36px;
}
.cQuizDateContinueTextStyles {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: 100;
    color: #474747;
    width: 316px;
    height: 39px;
    margin: 15px 12px 0px;
}
.continueBtns {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 14.87px;
    width: 80px;
    height: 30px;
    padding: 5px 6px;
}
#modals-contentContinue-container {
    margin-top: 15px;
}
.modal-quizContentSummary-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 2px;
    border: 0.5px solid #474747;
    width: 340px;
    height: auto;
    text-align: center;
    opacity: 70;
}
.closeModelQuizTestSummaryBtn {
    color: #474747;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.closeModelQuizTestSummaryBtn:hover, .closeModelQuizTestSummaryBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modalClassNameHeaderQuizTestSummary {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 30px;
    color: #474747;
    opacity: 100;
    margin-top: 10px;
    width: 336px;
    height: auto;
    line-height: 36px;
}
.cQuizDateSummaryTextStyles {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: 100;
    color: #474747;
    width: 316px;
    height: 39px;
    margin: 15px 12px 0px;
}
.cQuizViewResultsStyles {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: 100;
    color: #474747;
    width: 316px;
    height: auto;
    margin: 10px 10px 0px
}
.summaryDetailBtns, .summaryDetailBtns:hover {
    color: #474747;
    font-size: 16px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    border-radius: 5px;
    white-space: normal;
    margin-top: 15px;
    width: 80px;
    height: 30px;
    padding: 5px 6px;
}
#detailedBtns {
    margin-left: 30px;
}
#summaryDetailBtns {
    text-align: left;
}
.cQuizHeaderSection {
    padding-top: 30px;
}
.headerConnectQuizzingText {
    width: 240px;
    height: 26px;
    font-size: 21px;
    line-height: 30px;
    font-family: Akzidenz-Grotesk;
    font-weight: normal;
    color: #000000;
    opacity: 100;
}
.ConnectQuizText {
    font-weight: bold;
}
.stud-className-header {
    width: 790px;
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 30px;
    color: #474747;
    opacity: 100;
    line-height: 43px;
}
.stud-className-headerSection {
    width: 790px;
    height: 31px;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 30px;
    color: #474747;
    opacity: 100;
    line-height: 43px;
}
.studQuizBtnSection {
    margin-top: 15px;
    width: 150px;
    height: 60.5px;
    border-radius: 5px;
    background: #007AC3;
    opacity: 100;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
}
.studQuizBtn, .studQuizBtn:hover {
    width: 150px;
    height: 60.5px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 100;
    line-height: 17px;
    text-align: center;
    margin: 9px 0px 0px;
    white-space: pre-wrap;
    background: #007AC3;
    padding: 5px 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
}
.sem-profName-ClassName {
    margin-top: 10px;
}
.breadCrumbSection {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    word-wrap: break-word;
}
.breadCrumbSection2 {
    width: 790px;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    word-wrap: break-word;
}
.noAssignmentsStyles {
    width: 790px;
    height: 18px;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 18px;
    color: #474747;
    opacity: 100;
    line-height: 26px;
    text-align: left;
    margin-top: 15px;
}
.stud-cQuizMain-container {
    background-color: #FFF;
    margin: 0 auto;
    padding: 0px 40px;
    width: 950px;
    opacity: 100;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
    margin: 0px auto 0px auto;
}
/*Detailed Result Page*/
.backToAssignments {
    width: 310px;
    height: 19px;
    font-family: fira-sans, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 17px;
    color: #007AC3;
    Opacity: 100;
    margin-top: 10px;
}
.stud-ResultClassName-header {
    width: 710px;
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 30px;
    color: #474747;
    opacity: 100;
    line-height: 43px;
    margin: 6px 0px 10px
}
.detailedResultsDueDate {
    width: 300px;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin-top: 20px;
    margin-left: 10px;
}
.submittedBtnGroup {
    width: 320px;
    height: 30px;
    opacity: 100;
    border-radius: 5px;
    background: #DADADA;
    margin: 15px 0px 10px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    text-align: center;
    padding: 5px;
    font-family: fira-sans, sans-serif;
}
.submittedBtn {
    width: 300px;
    height: 19px;
    font-family: 'Franziska Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 19px;
    color: #474747;
    opacity: 100;
    background: #DADADA;
    border: none;
}
.timeSpentResultDetails {
    width: 230px;
    height: 20px;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
    margin-top: 29.5px;
}
.timeResultDetails {
    width: 310px;
    height: 54.53px;
    font-family: fira-sans, sans-serif;
    font-weight: bold;
    font-size: 48px;
    color: #474747;
    opacity: 100;
    line-height: 58px;
    text-align: left;
    margin-top: 5.5px;
}
.myScoreresultDetails {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 29.5px;
}
.myScoreresultDetailsPercentage {
    height: 30px !important;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 3.5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747
}
.classAverageresultDetails {
    width: 150px;
    height: 16px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 5.5px;
}
.classresultDetailsPercentage {
    height: 30px !important;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 3.5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747
}
.topicPerformanceSection {
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
}
.classNameOfResultDetails {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    word-wrap: break-word;
}
.classNameOfResultDetailsAvg {
    height: 25px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 5px;
    border-radius: 18px;
    background: #FFFFFF;
}
.showCompletedQuestions {
    width: 682px;
    height: 19px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.collapseAllQuestions {
    width: 310px;
    height: 19px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #007AC3;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin: 5px 0px 10px;
    cursor: pointer;
}
.rationaleTitle {
    width: 150px;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin: 10px 0px 5px;
}
.rationaleContext {
    width: 710px;
    font-family: fira-sans, sans-serif;
    font-weight: 400 !important;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin: 10px 0px 5px;
}
.recommendedReadingTitle {
    width: 230px;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin: 10px 0px 5px;
}
.recommendedReadingContext {
    width: 710px;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin: 10px 0px 5px;
}
.cQuizAttemptedQuestion {
    width: 85%;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin: 10px 0px 5px;
    cursor: pointer;
}
.optionalAnswersContext {
    width: 93%;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin: 10px 0px 10px;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    padding: 5px 9px 5px 10px;
    display: inline-block;
}
.optionalAnswersContext-TopicRes {
    width: 85%;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin: 10px 0px 10px;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    padding: 5px 9px 5px 10px;
    display: inline-block;
}
.optionalAnswersContextPreview {
    width: 95%;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin: 10px 0px 10px;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    padding: 5px 9px 5px 10px;
    display: inline-block;
}
.glypicStyleCorrect {
    color: #85BC20 !important;
    width: 21px;
    height: 19px;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
}
.glypicStyleWrong {
    color: #E5202E !important;
    width: 21px;
    height: auto;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
    top: 15px;
}
.glypicStyleWrong.stud-glypicStyleWrong {
    color: #E5202E !important;
    width: 2%;
    height: auto;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
    top: 15px;
}
.glypicStyleWrong.alignStyle-wrong {
    color: #E5202E !important;
    width: 2%;
    height: auto;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
    top: 10px;
}
.glypicStyleWrong.alignStyle-wrongs {
    color: #E5202E !important;
    width: 21px;
    height: auto;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
    top: 0px;
}
.RationaleRecommendedSection {
    margin-left: 10px;
}
.bottomBorderStudResult {
    border-bottom: 0.5px solid #474747;
    opacity: 100;
    width: 710px;
    display: none;
    margin-left: 42px;
}
.borderTopicPerformance {
    border-bottom: 0.5px solid #474747;
    padding: 0px 0px 15px 0px;
    opacity: 100;
    width: 790px;
}
.bordersectionTopicPerformance {
    border-bottom: 0.5px solid #474747;
    opacity: 100;
}
.correctWrongLabel {
    width: 45px;
    height: 19px;
    font-family: fira-sans, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin-left: 4px;
}
.timeSpentResultHiddenIpad {
    display: inline-block;
}
.cq-productBook {
    background-color: #FFFFFF;
    border: 1px solid #dbdbdb;
    display: inline-block;
    min-height: 94px;
    margin: 0;
    outline: 0 none;
    padding: 1px;
    width: 160px;
}
.cq-productBook>img {
    width: 100%;
    min-height: 90px;
}
.panel-heading {
    padding: 0px;
}
.collapse.in {
    display: inline-block;
}
/*******************************************************Mobile View Portrait*******************************************************************/
@media (max-width : 767px) and (orientation : portrait) {
    /*CQ Professor*/
    .cQuizMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 10px;
        width: 375px !important;
        opacity: 100;
        box-shadow: none
    }
    .cQuizContainer-section, .ppContainer-section {
        width: 375px !important;
    }
    .mobile-width-pp {
        width: 70% !important;
        margin: 0 5%;
    }
    .cQuizButtons {
        width: 100%;
    }
    .classCodeLabel {
        font-family: fira-sans, sans-serif;
        vertical-align: middle;
        font-weight: 300;
        position: relative;
        font-size: 16px;
        color: #474747;
        Opacity: 100;
        line-height: 19px;
        width: 85px;
        height: 19px;
    }
    .viewingPort {
        float: none !important;
        margin-top: 10px !important;
    }
    .viewingLabel {
        width: 60px !important;
        height: 20px !important;
        font-size: 16px !important;
        line-height: 19px !important;
        color: #474747 !important;
        opacity: 100 !important;
    }
    .classCodePort {
        float: none !important;
    }
    .cQuizHeader-area {
        display: none !important;
    }
    .classNameHeader {
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px !important;
        color: #474747;
        opacity: 100;
        line-height: 34px;
    }
    .profQuizesbtn, .profQuizesbtn:hover {
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        text-align: center;
        font-family: fira-sans, sans-serif;
        line-height: 19px;
        Opacity: 100;
        background-color: #007AC3;
        width: 150px;
        height: 60.5px;
        border-radius: 5px;
        white-space: normal;
        padding: 0px !important;
        margin-top: 10px !important;
        margin-left: 5px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
        border-color: #007AC3;
    }
    .viewingInput {
        width: 240px;
        height: 30px;
        background: #ffffff;
        border: 0.5px solid #474747;
        opacity: 100;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding: 0px 2px;
    }
    .classCodeInput {
        width: 150px;
        height: 30px;
        background: #ffffff;
        color: #474747;
        border: 0.5px solid #474747;
        opacity: 100;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
    .classCodecopyBtn {
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 300;
        opacity: 100;
        height: 30px;
        border-radius: 0px;
        width: 70px;
        margin-left: -5px;
        padding: 3px 12px !important;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20)
    }
    .quizzesLabel {
        font-family: fira-sans, sans-serif;
        position: relative;
        font-weight: 400;
        font-size: 16px;
        color: #474747;
        Opacity: 100;
        line-height: 19px;
        width: 150px;
        height: 19px;
    }
    .bottomBorderQuizes {
        border-bottom: 0.5px solid #474747;
        opacity: 100;
        width: 310px;
    }
    .modalAssesmentSpecilaistHeader {
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px;
        color: #474747;
        opacity: 100;
        margin-top: 5px;
        width: 290px;
        height: auto;
        line-height: 22px;
        text-align: center;
    }
    .contact-container {
        margin-left: 15px;
    }
    .hidePhoneNumber {
        margin-left: 5px;
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        color: #474747;
        margin-top: 3px;
    }
    .radioBtnSection {
        margin-top: 10px;
        margin-left: 10px;
    }
    .ContactMeBtnSection {
        margin-top: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    .noscroll {
        position: fixed;
        overflow-y: scroll
    }
    /*CQ Student*/
    .stud-className-header {
        width: 310px !important;
        height: auto !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px;
        color: #474747;
        opacity: 100;
        line-height: 34px;
        text-align: left;
    }
    .breadCrumbSection {
        width: 310px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .breadCrumbSection2 {
        width: 310px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .stud-className-headerSection {
        width: 310px !important;
        height: 24px !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px;
        color: #474747;
        opacity: 100;
        line-height: 34px;
        text-align: left;
    }
    .noAssignmentsStyles {
        width: 310px;
        height: 18px;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 18px;
        color: #474747;
        opacity: 100;
        line-height: 26px;
        text-align: left;
        margin-top: 15px;
    }
    .cqEditIcon {
        width: 5% !important;
    }
    .stud-ResultClassName-header {
        width: 310px;
        height: auto;
        font-size: 24px;
        line-height: 34px;
        margin: 5px 0px 10px
    }
    .submittedBtnGroup {
        width: 310px;
        height: auto;
        margin: 10px 0px 0px;
    }
    .submittedBtn {
        width: 290px;
        height: 48px;
        white-space: normal;
    }
    .cQuizResultPageMain-container {
        padding: 0px 23px;
        width: 375px;
        margin: 0px auto 0px auto;
        box-shadow: none;
    }
    .cQuizContainer-section, .ppContainer-section {
        box-shadow: none !important;
    }
    .detailedResultsDueDate {
        width: 290px;
        margin-left: 0px;
        margin-top: 5px;
    }
    .myScoreresultDetails {
        margin-top: 20.5px;
    }
    .timeSpentResultDetails {
        width: 230px;
        height: 19px;
        margin-top: 20.5px;
    }
    .timeResultDetails {
        width: 310px;
        height: 54.53px;
    }
    .classNameOfResultDetails {
        height: auto;
        margin: 10px 0px 6px 0px;
    }
    .classNameOfResultDetailsAvg {
        height: 25px;
        margin-top: 6px;
    }
    .borderTopicPerformance {
        padding: 0px 0px 10px 0px;
        width: 310px;
    }
    .optionalAnswersContextPreview {
        width: 215px;
        height: auto;
    }
    .rationaleContext {
        width: 280px;
        margin: 5px 0px 5px;
    }
    .recommendedReadingContext {
        width: 310px;
        height: auto;
    }
    .rationaleTitle {
        margin: 0px;
    }
    .qustionPlatfromContainer {
        width: 310px;
    }
    .sem-profName-ClassName {
        margin-top: 0px;
    }
    .modal-AssesmentSpecilaist-show {
        width: 310px;
        padding: 2px;
    }
    .modalAssesmentSpecilaistHeader {
        width: 310px;
    }
    .assessmentSpec {
        width: 250px !important;
    }
    .phone-inputField {
        width: 190px;
    }
    .email-inputField {
        width: 190px;
    }
    .selectAllApply {
        width: 210px;
    }
    .container-check-quizzes-list {
        width: 88%;
    }
    .phone-number-input {
        width: 20%
    }
    .email-id-input {
        width: 20%
    }
    .phone-section-style {
        width: 250px;
        margin-top: 10px;
    }
    .addMessagesInput {
        width: 250px;
        margin-left: 30px;
    }
    .dueDateSelectedStart {
        padding: 5px 5px;
    }
    .connections-logo-img {
        width: 90% !important;
    }
    /*CONNECTED QUIZZING*/
    .downloadBtnGroup {
        display: none;
    }
    .proff-ResultClassName-header {
        height: auto;
        font-size: 24px;
        line-height: 30px;
        margin-top: 5px;
    }
    .prof-timeSpentResultHiddenIpad {
        display: none;
    }
    .overAllPerformanceChartSection {
        opacity: 100;
        margin-top: 4.8px;
    }
    .prof-classNameOfResultDetails {
        margin-top: 10px;
    }
    .prof-DetailedStudentResultsSection {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .orderingPercentageSection {
        margin-left: 0px;
        margin-top: 10px;
    }
    .prof-sortByOrderingPercentage {
        margin-top: 6px;
    }
    .sortByOrderingSelect {
        margin-top: 0px;
    }
    .studentName-ResultsAvg {
        height: 25px;
    }
    .stud-timeSpentQuizTaken {
        height: auto;
        margin-top: 5px !important;
        text-align: left !important;
    }
    .prof-expandResults {
        width: 184.2px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .studentName-Results {
        height: 19px;
    }
    .prof-questionBreakDown {
        width: 55% !important;
        display: inline-block;
    }
    .breadCrumbSection {
        width: 310px;
        height: auto;
    }
    .prof-myScoreresultDetails {
        height: 16px;
    }
    .prof-myScoreresultDetailsPercentage {
        height: 36px;
        margin-top: 3.5px;
    }
    .progress.course-progress-bar.avgProgressBar {
        margin: 2px 0px 0px 2px;
    }
    .prof-myScoreresultDetailsPercentage .progress.course-progress-bar.avgProgressBar {
        margin: 2px 0px 0px 2px;
    }
    .prof-lowestScoreAverageresultDetails {
        margin-top: 4.5px;
    }
    .prof-lowestScoreresultDetailsPercentage {
        height: 25px;
        margin-top: 3.5px;
    }
    .prof-highestScoreresultDetails {
        margin-top: 4.5px;
    }
    .prof-highestScoreresultDetailsPercentage {
        height: 25px;
        margin-top: 3.5px;
    }
    .prof-timeSpentResultDetails {
        height: 19px;
        margin-top: 20.5px;
    }
    .overAllPerformanceClass {
        margin-top: 20.47px;
        margin-bottom: 0px;
    }
    .prof-topicPerformanceSection {
        display: inline-block
    }
    .stud-ClassName-ResultSection {
        margin-top: 10px;
    }
    .answerStyleKey {
        margin-left: 0px !important;
    }
    .studQuizCompleteBtn {
        margin: 0px 0px 0px
    }
    .prof-classNameOfResultDetailsAvgSection {
        width: 310px !important;
    }
    .connectedQuizzing-logo-bar {
        display: block;
        margin-bottom: 0px !important;
    }
    .prof-stud-style-ltor {
        padding-left: 0px !important;
    }
    .progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
        width: 98%;
    }
    .prof-classNameOfResultDetails.detailStudResult {
        height: auto;
        margin-top: 0px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        width: 50% !important;
        height: auto;
    }
    .prof-classNameOfResultDetailsAvgSection.course-progress-bar.classProgressBar.detailStudResult {
        width: 310px;
        height: 25px;
    }
    .classNameOfResultDetailsAvg.progress.course-progress-bar {
        width: 98% !important;
    }
    .progress.course-progress-bar.classProgressBar {
        width: 98% !important;
    }
    .creditClassCount {
        margin-top: 10px !important;
    }
    .dueDateSelectTime {
        font-size: 12px;
    }
    .classCodeAddSection {
        padding: 0px !important;
    }
    #modal-AssesmentSpecilaist-container #errorMsgNot .loginErrMsg {
        top: 0px !important;
        width: 275px !important;
    }
    .marginBtmMob {
        margin-bottom: 8px;
    }
    .modal-ThankYouContent-show {
        width: 330px;
    }
    .modalClassNameThankyou-quiz {
        width: 292px;
    }
    #modal-contentThankyou-quiz-container {
        width: 300px;
    }
    .modal-classAvg-header {
        font-size: 13px !important;
        width: 52px !important;
    }
    #classAvg-percentage {
        font-size: 25px !important;
        margin-left: 5px !important;
    }
    .popover.popoverClassAvgBox.fade.top.in {
        width: 80px !important;
        margin-left: -16px !important;
    }
    .popoverClassAvgBox.popover.top>.arrow {
        margin-left: 6px !important;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #thankYouGetCQPopover .modal-thankYouGetCQPopover-show {
        width: 300px !important;
    }
    #redeemAccessCodeId .modal-redeemAccessCodePopover-show {
        width: 300px !important;
    }
    #modals-thankYouCQPopover-container {
        width: 80% !important;
    }
    .modal-thankYouCQPopoverHeader, .thankYouCQAnonymousTextStyles, .thankYouCQPopoverTextStyles {
        width: 100% !important;
    }
    .modal-thankYouGetCQPopover-show {
        margin: 15% auto !important;
    }
    /*Practice Perfect*/
    .pp-container-base.container-tablet-view {
        margin: 0px auto !important;
    }
    .pp-user-container {
        margin: 0px 0px 20px 0px !important;
    }
    .viewVideoFormat {
        width: 100%;
        margin-top: 16px;
    }
    .userClassNameStyles {
        width: 100%
    }
    .practice-perfect-message {
        width: 100%;
    }
    .progress.pp-progress-bar {
        width: 100%
    }
    .pp-register-heading-title {
        width: 160px;
        margin-left: 0px;
    }
    .pp-register-heading {
        width: 160px;
    }
    .ppViewClassStyles {
        width: 34px;
        margin-top: 0px !important;
    }
    .ppVideoGroup {
        padding: 10px 0px 10px 0px !important;
    }
    #ppVideoFormat {
        width: 100%
    }
    .practice-perfect-message-group {
        width: 100%
    }
    .practicePerfect-progressbarContent {
        width: 100% !important;
        margin-top: 10px !important;
        font-family: fira-sans, sans-serif !important;
        font-weight: 400 !important;
    }
    .pp-expandCollapseGroup {
        width: 100%;
        margin-top: 15px;
        float: right;
    }
    .pp-RSPexpandCollapseGroup {
        width: 100%;
        margin-top: 15px;
        float: right;
    }
    .practicePerfect-quizCenterprogressContent {
        margin-top: 15px;
    }
    .pp-progressbarQuizzTitle {
        width: 70% !important;
    }
    #ppVideoFormat {
        margin-top: 5px;
    }
    .buildYourOwnQuizBtn {
        float: none !important;
        margin-top: 15px;
    }
    .takeQuizClass {
        margin-top: 15px;
    }
    .selectDeselectClassText {
        float: none !important;
    }
    .subTopicsLists {
        padding-left: 40px !important;
        width: 100%;
    }
    .subTopicsListsText {
        width: 90%;
        font-family: fira-sans, sans-serif;
    }
    .qustionListCountContainer {
        padding-left: 40px !important;
    }
    .pp-topic-bar {
        display: none;
    }
    .searchInput {
        width: 50% !important;
    }
    #featuredVideo {
        height: auto !important;
    }
    .featured-video-title {
        width: 230px !important;
        margin-top: 5.13px !important;
        font-family: fira-sans, sans-serif;
    }
    .pp-holder-name {
        width: 150px;
    }
    .recently-watched-section {
        padding: 0px;
        margin-top: 20px !important;
    }
    .featured-video-title.take-review-quiz {
        margin-top: 5px !important;
        font-family: fira-sans, sans-serif;
    }
    .recently-watched-section .recently-watched {
        width: 230px !important;
        height: 128.87px !important;
        margin-top: 15px !important
    }
    .list-GridButtonsGroup {
        text-align: left !important;
    }
    .LayoutGridButtons {
        margin-right: 0px !important;
        font-family: fira-sans, sans-serif;
    }
    .pp-video-listviewContainer {
        padding-left: 30px !important;
    }
    .recently-watched .video-title {
        margin-top: 5.13px !important;
    }
    .videosGroupContainer {
        margin-top: 21px !important;
    }
    .videosGroupContainer #btnContainer {
        margin-top: 15px !important;
        margin-bottom: 16px !important;
    }
    .ppTopicVOList-Container {
        margin-top: 15px !important;
    }
    .pp-secSub-name {
        margin-bottom: 10px !important;
    }
    .recentlyWatcgedStyle {
        width: 100% !important;
    }
    .ordinalNumberBlock {
        width: 5% !important;
    }
    .ordinalNumberBlock-stud {
        width: 5% !important;
    }
    .backToDashboard {
        margin-bottom: 5px !important;
    }
    /******CQ codie Winner Changes***********/
    .codiesiiaContent {
        margin-top: 0% !important;
        max-height: 120px !important;
    }
    .codiesiiaImage {
        padding: 0px !important;
        margin: 0px auto !important;
    }
    .cq-section-index {
        background-color: #ECECEC;
    }
    .codiecontent {
        margin-top: 2% !important;
        max-height: 80px !important;
        text-align: center !important;
    }
    .ppImgheight {
        height: auto !important;
    }
    .ppAwardwinnertxt, .ppCodieimgtxt {
        font-size: 14px !important;
    }
    .ppCodiefonttxt {
        margin: 0 !important;
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-CodeIE .pp-CodeIEImg-section {
        margin-top: 0px !important
    }
    .codie-imgBlock {
        height: auto !important;
    }
    .codieAward-Block {
        width: 100% !important;
    }
    .codieWinnerImgBlk {
        width: 30% !important;
    }
    .cq-section-index {
        padding-bottom: 0 !important;
    }
    #pswd_info {
        top: 250px !important;
        left: 5% !important;
        width: 350px !important;
    }
    #pswd_info::before {
        top: 0% !important;
        left: 5% !important;
    }
    #pswd_info_createAcc {
        width: 340px !important;
        top: 48% !important;
        left: 0% !important
    }
    #pswd_info_createAcc::before {
        top: 0% !important;
        left: 10% !important;
    }
    #pswd_info_forgot {
        min-width: 350px !important;
        width: 100% !important;
        top: 30% !important;
        left: 0% !important;
    }
    #pswd_info_forgot::before {
        left: 15px !important;
        top: 0% !important;
        transform: rotate(45deg) !important;
    }
    .marginTopTenStyle {
        margin: 5px 0 0 0 !important;
    }
    .forgot-password-label, .firstUser-password-label, .keepMeLoggedIn {
        font-size: 16px !important;
    }
    .banner-catalog, .cc-container-base.static-page-container.container-tablet-view, .col-xs-12.no-padding.my-account-first-block, #change-password {
        padding: 0 !important
    }
}
/*******************************************************Mobile View landscape*******************************************************************/
@media (max-width : 767px) and (orientation : landscape) {
    /*CQ Professor*/
    .classCodeLabel {
        font-family: fira-sans, sans-serif;
        vertical-align: middle;
        font-weight: 300;
        position: relative;
        font-size: 16px;
        color: #474747;
        Opacity: 100;
        line-height: 19px;
        width: 85px;
        height: 19px;
    }
    .cQuizMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 10px;
        width: 375px !important;
        opacity: 100;
        box-shadow: none;
    }
    .cQuizContainer-section, .ppContainer-section {
        width: 375px !important;
    }
    .mobile-width-pp {
        width: 70% !important;
        margin: 0 5%;
    }
    .cQuizButtons {
        width: 100% !important;
    }
    .viewingPort {
        float: none !important;
        margin-top: 10px !important;
    }
    .viewingLabel {
        width: 60px !important;
        height: 20px !important;
        font-size: 16px !important;
        line-height: 19px !important;
        color: #474747 !important;
        opacity: 100 !important;
    }
    .classCodePort {
        float: none !important;
    }
    .cQuizHeader-area {
        display: none !important;
    }
    .classNameHeader {
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px;
        color: #474747;
        opacity: 100;
        margin-top: 15px;
        width: 315px !important;
        height: 25px !important;
    }
    .viewingInput {
        width: 240px;
        height: 30px;
        background: #ffffff;
        border: 0.5px solid #474747;
        opacity: 100;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding: 0px 2px;
    }
    .classCodeInput {
        width: 150px;
        height: 30px;
        background: #ffffff;
        color: #474747;
        border: 0.5px solid #474747;
        opacity: 100;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
    .classCodecopyBtn {
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 300;
        opacity: 100;
        height: 30px;
        border-radius: 0px;
        width: 70px;
        margin-left: -5px;
        padding: 3px 12px !important;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    }
    .quizzesLabel {
        font-family: fira-sans, sans-serif;
        position: relative;
        font-weight: 400;
        font-size: 16px;
        color: #474747;
        Opacity: 100;
        line-height: 19px;
        width: 150px;
        height: 19px;
    }
    .profQuizesbtn, .profQuizesbtn:hover {
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        text-align: center;
        font-family: fira-sans, sans-serif;
        line-height: 19px;
        Opacity: 100;
        background-color: #007AC3;
        width: 150px;
        height: 60.5px;
        border-radius: 5px;
        white-space: normal;
        padding: 0px !important;
        margin-top: 10px !important;
        margin-left: 5px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    }
    .bottomBorderQuizes {
        border-bottom: 0.5px solid #474747;
        opacity: 100;
        width: 310px;
    }
    .contact-container {
        margin-left: 15px;
    }
    .hidePhoneNumber {
        margin-left: 5px;
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        color: #474747;
        margin-top: 3px;
    }
    .radioBtnSection {
        margin-top: 10px;
        margin-left: 10px;
    }
    .sem-profName-ClassName {
        margin-top: 0px;
    }
    .ContactMeBtnSection {
        margin-top: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    /*CQ Student*/
    .stud-className-header {
        width: 310px !important;
        height: auto !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px;
        color: #474747;
        opacity: 100;
        line-height: 34px;
        text-align: left;
    }
    .breadCrumbSection {
        width: 310px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .breadCrumbSection2 {
        width: 310px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .stud-className-headerSection {
        width: 310px !important;
        height: 24px !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 24px;
        color: #474747;
        opacity: 100;
        line-height: 34px;
        text-align: left;
    }
    .noAssignmentsStyles {
        width: 310px;
        height: 18px;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 18px;
        color: #474747;
        opacity: 100;
        line-height: 26px;
        text-align: left;
        margin-top: 15px;
    }
    .stud-ResultClassName-header {
        width: 310px;
        height: auto;
        font-size: 24px;
        line-height: 34px;
        margin: 5px 0px 10px
    }
    .submittedBtnGroup {
        width: 310px;
        height: auto;
        margin: 10px 0px 0px;
    }
    .submittedBtn {
        width: 290px;
        height: 48px;
        white-space: normal;
    }
    .cQuizResultPageMain-container {
        padding: 0px 23px;
        width: 375px;
        margin: 0px auto 0px auto;
        box-shadow: none;
    }
    .cQuizContainer-section, .ppContainer-section {
        box-shadow: none !important;
    }
    .detailedResultsDueDate {
        width: 290px;
        margin-left: 10px;
        margin-top: 5px;
    }
    .myScoreresultDetails {
        margin-top: 20.5px;
    }
    .timeSpentResultDetails {
        width: 230px;
        height: 19px;
        margin-top: 20.5px;
    }
    .timeResultDetails {
        height: auto;
    }
    .classNameOfResultDetails {
        height: auto;
        margin: 10px 0px 6px 0px;
    }
    .classNameOfResultDetailsAvg {
        height: 25px;
        margin-top: 6px;
    }
    .borderTopicPerformance {
        padding: 0px 0px 10px 0px;
        width: 310px;
    }
    .optionalAnswersContextPreview {
        width: 215px;
        height: auto;
    }
    .rationaleContext {
        width: 280px;
        margin: 5px 0px 5px;
    }
    .recommendedReadingContext {
        width: 310px;
        height: auto;
    }
    .rationaleTitle {
        margin: 0px;
    }
    .qustionPlatfromContainer {
        width: 310px;
    }
    .modal-AssesmentSpecilaist-show {
        width: 310px;
        padding: 2px;
    }
    .modalAssesmentSpecilaistHeader {
        width: 310px;
    }
    .assessmentSpec {
        width: 250px !important;
    }
    .phone-inputField {
        width: 190px;
    }
    .email-inputField {
        width: 190px;
    }
    .selectAllApply {
        width: 210px;
    }
    .container-check-quizzes-list {
        width: 88%;
    }
    .phone-number-input {
        width: 20%
    }
    .email-id-input {
        width: 20%
    }
    .phone-section-style {
        width: 250px;
        margin-top: 10px;
    }
    .addMessagesInput {
        width: 250px;
        margin-left: 30px;
    }
    .dueDateSelectedStart {
        padding: 5px 5px;
    }
    .connections-logo-img {
        width: 60% !important;
    }
    /*CONNECTED QUIZZING*/
    .dueDateSelectTime {
        font-size: 12px;
    }
    .downloadBtnGroup {
        display: none;
    }
    .proff-ResultClassName-header {
        height: auto;
        font-size: 24px;
        line-height: 30px;
        margin-top: 5px;
    }
    .prof-timeSpentResultHiddenIpad {
        display: none;
    }
    .overAllPerformanceChartSection {
        opacity: 100;
        margin-top: 4.8px;
    }
    .prof-classNameOfResultDetails {
        margin-top: 10px;
    }
    .prof-DetailedStudentResultsSection {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .orderingPercentageSection {
        margin-left: 0px;
        margin-top: 10px;
    }
    .prof-sortByOrderingPercentage {
        margin-top: 6px;
    }
    .sortByOrderingSelect {
        margin-top: 0px;
    }
    .studentName-ResultsAvg {
        height: 25px;
    }
    .stud-timeSpentQuizTaken {
        height: auto;
        margin-top: 5px !important;
        text-align: left !important;
    }
    .prof-expandResults {
        width: 184.2px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .studentName-Results {
        height: 19px;
    }
    .prof-questionBreakDown {
        width: 55% !important;
        display: inline-block;
    }
    .breadCrumbSection {
        width: 310px;
        height: auto;
    }
    .prof-myScoreresultDetails {
        height: 16px;
    }
    .prof-myScoreresultDetailsPercentage {
        height: 36px;
        margin-top: 3.5px;
    }
    .prof-myScoreresultDetailsPercentage .progress.course-progress-bar.avgProgressBar {
        margin: 2px 0px 0px 2px;
    }
    .prof-lowestScoreAverageresultDetails {
        margin-top: 4.5px;
    }
    .prof-lowestScoreresultDetailsPercentage {
        height: 25px;
        margin-top: 3.5px;
    }
    .prof-highestScoreresultDetails {
        margin-top: 4.5px;
    }
    .prof-highestScoreresultDetailsPercentage {
        height: 25px;
        margin-top: 3.5px;
    }
    .prof-timeSpentResultDetails {
        height: 19px;
        margin-top: 20.5px;
    }
    .overAllPerformanceClass {
        margin-top: 20.47px;
        margin-bottom: 0px;
    }
    .prof-topicPerformanceSection {
        display: inline-block
    }
    .stud-ClassName-ResultSection {
        margin-top: 10px;
    }
    .answerStyleKey {
        margin-left: 0px !important;
    }
    .studQuizCompleteBtn {
        margin: 0px 0px 0px
    }
    .prof-classNameOfResultDetailsAvgSection {
        width: 310px !important;
    }
    .connectedQuizzing-logo-bar {
        display: block;
        margin-bottom: 0px !important;
    }
    .prof-stud-style-ltor {
        padding-left: 0px !important;
    }
    .progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
        width: 98%;
    }
    .prof-classNameOfResultDetails.detailStudResult {
        height: auto;
        margin-top: 0px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        width: 50% !important;
        height: auto;
    }
    .prof-classNameOfResultDetailsAvgSection.course-progress-bar.classProgressBar.detailStudResult {
        width: 310px;
        height: 25px;
    }
    .classNameOfResultDetailsAvg.progress.course-progress-bar {
        width: 98% !important;
    }
    .progress.course-progress-bar.classProgressBar {
        width: 98% !important;
    }
    .class_code_credit_container {
        width: 35% !important;
    }
    .classCodeAddSection {
        padding: 0px !important;
    }
    #modal-AssesmentSpecilaist-container #errorMsgNot .loginErrMsg {
        top: 0px !important;
        width: 275px !important;
    }
    .marginBtmMob {
        margin-bottom: 8px;
    }
    .modal-ThankYouContent-show {
        width: 330px;
    }
    .modalClassNameThankyou-quiz {
        width: 292px;
    }
    #modal-contentThankyou-quiz-container {
        width: 300px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cqEditIcon {
        width: 5% !important;
    }
    .thankYouCQAnonymousTextStyles {
        width: 375px !important;
    }
    .modal-thankYouGetCQPopover-show {
        margin: 15% auto !important;
    }
    /*Practice Perfect*/
    .pp-container-base.container-tablet-view {
        margin: 0px auto !important;
    }
    .pp-user-container {
        margin: 0px 0px 20px 0px !important;
    }
    .viewVideoFormat {
        margin-top: 16px;
        width: 100%;
    }
    .userClassNameStyles {
        width: 100%
    }
    .practice-perfect-message {
        width: 100%;
    }
    .progress.pp-progress-bar {
        width: 100%
    }
    .pp-register-heading-title {
        width: 160px;
        margin-left: 0px;
    }
    .pp-register-heading {
        width: 160px;
    }
    .ppViewClassStyles {
        width: 34px;
        margin-top: 0px !important;
    }
    .ppVideoGroup {
        padding: 10px 0px 10px 0px;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
    }
    .practice-perfect-message-group {
        width: 100% !important;
    }
    .practicePerfect-progressbarContent {
        width: 100%;
        margin-top: 11px !important;
        font-family: fira-sans, sans-serif !important;
    }
    #ppVideoFormat {
        width: 100%
    }
    .pp-expandCollapseGroup {
        width: 100%;
        margin-top: 15px;
    }
    .pp-RSPexpandCollapseGroup {
        width: 100%;
        margin-top: 15px;
    }
    #ppVideoFormat {
        margin-top: 5px;
    }
    .buildYourOwnQuizBtn {
        float: none !important;
        margin-top: 15px;
    }
    .takeQuizClass {
        margin-top: 15px;
    }
    .selectDeselectClassText {
        float: none !important;
    }
    .subTopicsLists {
        padding-left: 40px !important;
    }
    .qustionListCountContainer {
        padding-left: 40px !important;
    }
    .pp-topic-bar {
        display: none;
    }
    .searchInput {
        width: 60% !important
    }
    #featuredVideo {
        height: auto !important;
    }
    .featured-video-title {
        width: 270px !important;
        margin-top: 5.13px !important;
        font-family: fira-sans, sans-serif;
    }
    .pp-holder-name {
        width: 150px;
    }
    .recently-watched-section {
        padding: 0px;
        margin-top: 20px !important;
    }
    .featured-video-title.take-review-quiz {
        margin-top: 5px !important;
        font-family: fira-sans, sans-serif;
    }
    .recently-watched-section .recently-watched {
        width: 230px !important;
        height: 128.87px !important;
        margin-top: 15px !important
    }
    .list-GridButtonsGroup {
        text-align: left !important;
    }
    .LayoutGridButtons {
        margin-right: 0px !important;
        font-family: fira-sans, sans-serif;
    }
    .pp-video-listviewContainer {
        padding-left: 30px !important;
    }
    .video-title {
        margin-top: 5.13px !important;
    }
    .videosGroupContainer {
        margin-top: 21px !important;
    }
    .videosGroupContainer #btnContainer {
        margin-top: 15px !important;
        margin-bottom: 16px !important;
    }
    .ppTopicVOList-Container {
        margin-top: 15px !important;
    }
    .pp-secSub-name {
        margin-bottom: 10px !important;
        width: 470px !important;
    }
    .ordinalNumberBlock {
        width: 5% !important;
    }
    .ordinalNumberBlock-stud {
        width: 5% !important;
    }
    /******cq codie winner changes***********/
    .codiesiiaContent {
        margin-top: 0% !important;
        max-height: 80px !important;
    }
    .codiesiiaImage {
        padding: 0px !important;
        margin: 0px auto !important;
    }
    .codiecontent {
        margin-top: 2% !important;
        max-height: 50px !important;
        text-align: center !important;
    }
    .pp-home-section-CodeIE .pp-CodeIEImg-section {
        margin-top: 0px !important;
    }
    .ppAwardwinnertxt, .ppCodieimgtxt {
        font-size: 14px !important;
    }
    .codie-imgBlock {
        height: auto !important;
    }
    .codieAward-Block {
        width: 100% !important;
    }
    .codieWinnerImgBlk {
        width: 30% !important;
    }
    #pswd_info {
        top: 75% !important;
        left: 3% !important;
    }
    #pswd_info::before {
        top: 0% !important;
        left: 5% !important;
    }
    #pswd_info_createAcc {
        width: 340px !important;
        top: 48% !important;
        left: 0% !important
    }
    #pswd_info_createAcc::before {
        top: 0% !important;
        left: 10% !important;
    }
    #pswd_info_forgot {
        min-width: 350px !important;
        width: 100% !important;
        top: 25% !important;
        left: 0% !important;
    }
    #pswd_info_forgot::before {
        left: 15px !important;
        top: 0% !important;
        transform: rotate(-45deg) !important;
    }
    .marginTopTenStyle {
        margin: 5px 0 0 0 !important;
    }
}
/*******************************************************IPad View portrait*******************************************************************/
@media (max-width: 1024px) and (min-width: 768px) and (orientation : portrait) {
    /*CQ Professor*/
    .cQuizMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 40px;
        width: 630px !important;
        opacity: 100;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
        margin: 0px auto 0px auto;
    }
    .cQuizContainer-section {
        width: 630px !important;
    }
    .viewingPort {
        float: none;
        margin-top: 10px;
    }
    .classCodePort {
        float: none;
    }
    .cQuizButtons {
        width: 100%
    }
    .quizzesLabel {
        width: 85%
    }
    .bottomBorderQuizes {
        border-bottom: 0.5px solid #474747;
        opacity: 100;
        width: 490px;
    }
    .classCodeInput {
        width: 160px;
        height: 30px;
        background: #ffffff;
        color: #474747;
        border: 0.5px solid #474747;
        opacity: 100;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
    .modal-AssesmentSpecilaist-show {
        width: 470px;
        padding: 2px;
    }
    /*CQ Student*/
    .stud-className-header {
        width: 470px !important;
        height: auto !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 30px;
        color: #474747;
        opacity: 100;
        line-height: 43px;
        text-align: left;
    }
    .stud-className-headerSection {
        width: 470px !important;
        height: 31px !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 30px;
        color: #474747;
        opacity: 100;
        line-height: 43px;
        text-align: left;
    }
    .breadCrumbSection {
        width: 470px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .breadCrumbSection2 {
        width: 470px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .sem-profName-ClassName {
        margin-top: 10px;
    }
    .stud-cQuizMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 40px;
        width: 630px !important;
        opacity: 100;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
        margin: 0px auto 0px auto;
    }
    .headerConnectQuizzingText {
        width: 240px;
        height: 26px;
        font-size: 21px;
        line-height: 30px;
        font-family: Akzidenz-Grotesk;
        font-weight: normal;
        color: #000000;
        opacity: 100;
    }
    .noAssignmentsStyles {
        width: 470px;
        height: 18px;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 18px;
        color: #474747;
        opacity: 100;
        line-height: 26px;
        text-align: left;
        margin-top: 15px;
    }
    .cQuizResultPageMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 40px;
        width: 630px;
        opacity: 100;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
        margin: 0px auto 0px auto;
    }
    .stud-ResultClassName-header {
        width: 470px;
        height: auto;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 30px;
        color: #474747;
        text-align: left;
        opacity: 100;
        line-height: 36px;
        margin: 5px 0px 10px
    }
    .breadCrumbSection {
        width: 470px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .submittedBtnGroup {
        width: 320px;
        height: auto;
        opacity: 100;
        border-radius: 5px;
        background: #DADADA;
        margin: 0px 0px 5px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    }
    .submittedBtn {
        width: 300px;
        height: 19px;
        font-family: 'Franziska Pro', sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        line-height: 19px;
        color: #474747;
        opacity: 100;
        background: #DADADA;
        border: #DADADA;
    }
    .detailedResultsDueDate {
        width: 300px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
        margin-left: 10px;
        margin-top: 0px;
    }
    .myScoreresultDetails {
        margin-top: 20.5px;
    }
    .timeSpentResultDetails {
        width: 230px;
        height: 19px;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 21px;
        color: #474747;
        opacity: 100;
        line-height: 30px;
        text-align: left;
        margin-top: 20.5px;
    }
    .topicPerformanceSection {
        height: auto;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 21px;
        color: #474747;
        opacity: 100;
        line-height: 30px;
        text-align: left;
    }
    .classNameOfResultDetails {
        height: auto;
        margin: 15px 0px 5px 0px;
    }
    .classNameOfResultDetailsAvg {
        height: 25px;
    }
    .borderTopicPerformance {
        padding: 0px 0px 15px 0px;
        width: 490px;
    }
    .optionalAnswersContextPreview {
        width: 300px;
        height: auto;
    }
    .rationaleContext {
        width: 390px;
        margin: 10px 0px 5px;
    }
    .recommendedReadingContext {
        width: 390px;
        height: auto;
        margin: 10px 0px 5px;
    }
    .qustionPlatfromContainer {
        width: 630px;
    }
    .answersFieldSection {
        display: none;
    }
    /*ResultPage IPAD*/
    .downloadBtnGroup {
        display: none;
    }
    .proff-ResultClassName-header {
        height: auto;
        font-size: 30px;
        line-height: 36px;
        margin-top: 5px;
    }
    .prof-timeSpentResultHiddenIpad {
        display: none;
    }
    .assessmentSpec {
        width: 410px !important;
        text-align: left;
    }
    .contactMeBy {
        width: 200px;
        text-align: left;
    }
    .phone-number-input {
        color: #474747 !important;
        width: 20%;
    }
    .phone-inputField {
        width: 250px;
    }
    .email-inputField {
        width: 250px;
    }
    .phoneEmailSection {
        width: 90%;
        text-align: left;
    }
    .selectAllApply {
        width: 410px !important;
        text-align: left;
        margin-top: 26px;
    }
    .phone-section-style {
        width: 320px;
        margin-top: 10px;
    }
    .email-id-input {
        color: #474747 !important;
        width: 20%
    }
    .container-check-quizzes-list {
        width: 90%;
        text-align: left
    }
    .container-checkbox-label {
        width: 200px;
    }
    .addMessagesInput {
        width: 410px;
        margin-left: 30px;
    }
    /*Connected Quizzing*/
    /*ResultPage IPAD*/
    .downloadBtnGroup {
        display: none;
    }
    .proff-ResultClassName-header {
        height: auto;
        font-size: 30px;
        line-height: 36px;
        margin-top: 5px;
    }
    .prof-timeSpentResultHiddenIpad {
        display: none;
    }
    .overAllPerformanceChartSection {
        opacity: 100;
    }
    .prof-classNameOfResultDetails {
        height: auto;
        margin-top: 10px;
    }
    .prof-classNameOfResultDetailsAvg {
        height: 36px;
    }
    .prof-DetailedStudentResultsSection {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .orderingPercentageSection {
        margin-left: 0px;
    }
    .prof-sortByOrderingPercentage {
        margin-top: 16px;
    }
    .studentName-ResultsAvg {
        height: 25px;
    }
    .stud-timeSpentQuizTaken {
        height: auto;
        margin-top: 0px;
    }
    .prof-expandResults {
        width: 184.2px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .studentName-Results {
        height: 19px;
    }
    .prof-questionBreakDown {
        width: 73% !important;
    }
    .ordinalNumberBlock {
        width: 5% !important;
    }
    .ordinalNumberBlock-stud {
        width: 3% !important;
    }
    .prof-classNameOfResultDetailsAvgSection {
        width: 390px;
    }
    .stud-ClassName-ResultSection {
        margin-top: 10px;
    }
    .prof-stud-style-ltor {
        padding-left: 80px !important;
    }
    .progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
        width: 98%;
    }
    .prof-classNameOfResultDetails.detailStudResult {
        height: auto;
        margin-top: 0px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        width: 282.1px !important;
        height: auto;
    }
    .prof-classNameOfResultDetailsAvgSection.course-progress-bar.classProgressBar.detailStudResult {
        width: 390px;
        height: 25px;
    }
    .glypicStyleCorrect.glypicAlignStyle {
        position: relative;
    }
    .classNameOfResultDetailsAvg.progress.course-progress-bar {
        width: 98% !important;
    }
    .creditClassCount {
        margin-top: 10px !important;
    }
    .connectedQuizzing-logo-bar {
        margin-top: 30px;
        margin-bottom: 0px !important;
    }
    .dueDateSelectTime {
        font-size: 12px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cqEditIcon {
        width: 5% !important;
    }
    .modal-thankYouGetCQPopover-show {
        margin: 15% auto !important;
    }
    /*PracticePerfect*/
    .pp-container-base.container-tablet-view {
        margin: 0 auto !important;
    }
    .userClassNameStyles {
        width: 360px;
    }
    .progress.pp-progress-bar {
        width: 100%
    }
    .viewVideoFormat {
        width: 100% !important;
        margin-top: 16px;
        margin-bottom: 25px !important;
        text-align: left !important;
    }
    #ppVideoFormat {
        width: 100%;
    }
    .ppVideoGroup {
        padding: 0px 10px 10px;
    }
    .practice-perfect-message-group {
        width: 100% !important;
    }
    .practice-perfect-message {
        width: 100% !important;
    }
    .searchInput {
        width: 400px !important;
    }
    .LayoutGridButtons {
        width: 50px !important;
        font-family: fira-sans, sans-serif;
    }
    .list-GridButtonsGroup {
        max-width: 100% !important;
        font-family: fira-sans, sans-serif;
    }
    .recently-watched-section {
        padding: 0px !important;
    }
    .recently-watched-section .recently-watched {
        width: 230px !important;
        height: 128.87px !important;
    }
    .pp-video-listviewContainer .featured-video-title {
        width: 360px !important;
        font-family: fira-sans, sans-serif;
    }
    .pp-video-listviewContainer .video-title {
        width: 300px !important;
    }
    .recently-watched-section {
        margin-top: 20px !important;
    }
    .pp-video-listviewContainer {
        padding-left: 60px;
    }
    .featuredVideoGroup .featured-video-title {
        width: 380px !important;
        font-family: fira-sans, sans-serif;
    }
    #featuredVideo {
        height: auto !important;
    }
    .pp-secSub-name {
        width: 100% !important;
    }
    .recentlyWatcgedStyle {
        width: 240px !important;
    }
    .videoDivStyle {
        width: 240px !important;
    }
    .orderingPercentageSection {
        text-align: left !important;
        margin-top: 10px;
    }
    .progress.course-progress-bar.studentClassProgressBar {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.avgProgressBar.avgProgressBar-prof {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.lowestProgressBar.lowestProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.highestProgressBar.highestProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.classProgressBar.classProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar-prof {
        margin-top: 4px !important;
    }
    /********cq codie winner changes*****/
    .codiesiiaContent {
        margin-top: 4% !important;
        max-height: 80px !important;
    }
    .CodiesiiaImage {
        margin: 10px 0px !important;
    }
    .pp-home-section-CodeIE {
        width: 90% !important;
    }
    .codiecontent {
        margin-top: 10% !important;
        max-height: 80px !important;
    }
    .codieAward-Block {
        width: 100% !important;
    }
    #pswd_info {
        left: 65% !important;
    }
    #pswd_info_createAcc {
        width: 340px !important;
        top: 48% !important;
        left: 0% !important
    }
    #pswd_info_createAcc::before {
        top: 0% !important;
        left: 10% !important;
    }
    #pswd_info_forgot {
        min-width: 350px !important;
        width: 100% !important;
        top: 30% !important;
        left: 0% !important;
    }
    #pswd_info_forgot::before {
        left: 15px !important;
        top: 0% !important;
        transform: rotate(45deg) !important;
    }
    .outline-editor-label {
        left: 10px;
        top: 80px !important;
    }
    /*ereader outline editor*/
}
/*******************************************************IPad View landscape*******************************************************************/
@media (max-width: 1024px) and (min-width: 768px)and (orientation : landscape) {
    /*CQ Professor*/
    .cQuizMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 40px;
        width: 630px !important;
        opacity: 100;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
        margin: 0px auto 0px auto;
    }
    .cQuizContainer-section {
        width: 630px !important;
    }
    .viewingPort {
        float: none;
        margin-top: 10px;
    }
    .classCodePort {
        float: none;
    }
    .cQuizButtons {
        width: 100%
    }
    .quizzesLabel {
        width: 85%
    }
    .bottomBorderQuizes {
        border-bottom: 0.5px solid #474747;
        padding: 0px 0px 15px 0px;
        opacity: 100;
        width: 470px;
    }
    .classCodeInput {
        width: 160px;
        height: 30px;
        background: #ffffff;
        color: #474747;
        border: 0.5px solid #474747;
        opacity: 100;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
        font-family: fira-sans, sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
    /*CQ Student*/
    .stud-className-header {
        width: 470px !important;
        height: auto !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 30px;
        color: #474747;
        opacity: 100;
        line-height: 43px;
        text-align: left;
    }
    .stud-className-headerSection {
        width: 470px !important;
        height: 31px !important;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 30px;
        color: #474747;
        opacity: 100;
        line-height: 43px;
        text-align: left;
    }
    .breadCrumbSection {
        width: 470px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .breadCrumbSection2 {
        width: 470px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .sem-profName-ClassName {
        margin-top: 10px;
    }
    .stud-cQuizMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 40px;
        width: 630px !important;
        opacity: 100;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
        margin: 0px auto 0px auto;
    }
    .headerConnectQuizzingText {
        width: 240px;
        height: 26px;
        font-size: 21px;
        line-height: 30px;
        font-family: Akzidenz-Grotesk;
        font-weight: normal;
        color: #000000;
        opacity: 100;
    }
    .noAssignmentsStyles {
        width: 470px;
        height: 18px;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 18px;
        color: #474747;
        opacity: 100;
        line-height: 26px;
        text-align: left;
        margin-top: 15px;
    }
    .cQuizResultPageMain-container {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0px 40px;
        width: 630px;
        opacity: 100;
        box-shadow: #000000 0px 0px 10px;
        margin: 0px auto 0px auto;
    }
    .stud-ResultClassName-header {
        width: 470px;
        height: auto;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 30px;
        color: #474747;
        text-align: left;
        opacity: 100;
        line-height: 36px;
        margin: 5px 0px 10px
    }
    .breadCrumbSection {
        width: 470px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
    }
    .submittedBtnGroup {
        width: 320px;
        height: auto;
        opacity: 100;
        border-radius: 5px;
        background: #DADADA;
        margin: 0px 0px 5px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    }
    .submittedBtn {
        width: 300px;
        height: 19px;
        font-family: 'Franziska Pro', sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        line-height: 19px;
        color: #474747;
        opacity: 100;
        background: #DADADA;
        border: #DADADA;
    }
    .detailedResultsDueDate {
        width: 300px;
        height: auto;
        font-family: fira-sans, sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #474747;
        opacity: 100;
        line-height: 19px;
        text-align: left;
        margin-left: 10px;
        margin-top: 0px;
    }
    .myScoreresultDetails {
        margin-top: 20.5px;
    }
    .timeSpentResultDetails {
        width: 230px;
        height: 19px;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 21px;
        color: #474747;
        opacity: 100;
        line-height: 30px;
        text-align: left;
        margin-top: 20.5px;
    }
    .topicPerformanceSection {
        height: auto;
        font-family: 'Franziska Pro';
        font-weight: 500;
        font-size: 21px;
        color: #474747;
        opacity: 100;
        line-height: 30px;
        text-align: left;
    }
    .classNameOfResultDetails {
        height: auto;
        margin: 15px 0px 5px 0px;
    }
    .classNameOfResultDetailsAvg {
        height: 25px;
    }
    .borderTopicPerformance {
        padding: 0px 0px 15px 0px;
        width: 490px;
    }
    .optionalAnswersContextPreview {
        width: 86%;
        height: auto;
    }
    .rationaleContext {
        width: 390px;
        margin: 10px 0px 5px;
    }
    .recommendedReadingContext {
        width: 390px;
        height: auto;
        margin: 10px 0px 5px;
    }
    .qustionPlatfromContainer {
        width: 630px;
    }
    .assessmentSpec {
        width: 410px !important;
        text-align: left;
    }
    .contactMeBy {
        width: 200px;
        text-align: left;
    }
    .phone-number-input {
        color: #474747 !important;
        width: 20%;
    }
    .phone-inputField {
        width: 250px;
    }
    .email-inputField {
        width: 250px;
    }
    .phoneEmailSection {
        width: 90%;
        text-align: left;
    }
    .selectAllApply {
        width: 410px !important;
        text-align: left;
        margin-top: 26px;
    }
    .phone-section-style {
        width: 320px;
        margin-top: 10px;
    }
    .email-id-input {
        color: #474747 !important;
        width: 20%
    }
    .container-check-quizzes-list {
        width: 90%;
        text-align: left
    }
    .container-checkbox-label {
        width: 200px;
    }
    .addMessagesInput {
        width: 410px;
        margin-left: 30px;
    }
    .modal-AssesmentSpecilaist-show {
        width: 470px;
        padding: 2px;
    }
    /*CONNECTED QUIZZING*/
    .downloadBtnGroup {
        display: none;
    }
    .proff-ResultClassName-header {
        height: auto;
        font-size: 30px;
        line-height: 36px;
        margin-top: 5px;
    }
    .prof-timeSpentResultHiddenIpad {
        display: none;
    }
    .overAllPerformanceChartSection {
        opacity: 100;
    }
    .prof-classNameOfResultDetails {
        height: auto;
        margin-top: 10px;
    }
    .prof-classNameOfResultDetailsAvg {
        height: 36px;
    }
    .prof-DetailedStudentResultsSection {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .orderingPercentageSection {
        margin-left: 0px;
    }
    .prof-sortByOrderingPercentage {
        margin-top: 16px;
    }
    .studentName-ResultsAvg {
        height: 25px;
    }
    .stud-timeSpentQuizTaken {
        height: auto;
        margin-top: 0px;
    }
    .prof-expandResults {
        width: 184.2px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .studentName-Results {
        height: 19px;
    }
    .studentName-ResultsAvg {
        height: 25px;
    }
    .prof-questionBreakDown {
        width: 73% !important;
        margin-left: 0px;
    }
    .ordinalNumberBlock {
        width: 5% !important;
    }
    .ordinalNumberBlock-stud {
        width: 3% !important;
    }
    .prof-classNameOfResultDetailsAvgSection {
        width: 390px;
    }
    .stud-ClassName-ResultSection {
        margin-top: 10px;
    }
    .prof-classNameOfResultDetails.detailStudResult {
        height: auto;
        margin-top: 0px;
    }
    .prof-classNameOfResultDetailsAvgSection.course-progress-bar.classProgressBar.detailStudResult {
        width: 390px;
        height: 25px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        width: 282.1px !important;
    }
    .glypicStyleCorrect.glypicAlignStyle {
        position: relative;
    }
    .classNameOfResultDetailsAvg.progress.course-progress-bar {
        width: 98% !important;
    }
    .connectedQuizzing-logo-bar {
        margin-top: 30px;
        margin-bottom: 0px !important;
    }
    .dueDateSelectTime {
        font-size: 12px;
    }
    .prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cqEditIcon {
        width: 5% !important;
    }
    .modal-thankYouGetCQPopover-show {
        margin: 15% auto !important;
    }
    /*Practice Perfect*/
    .pp-container-base.container-tablet-view {
        margin: 0 auto !important;
    }
    .userClassNameStyles {
        width: 360px;
    }
    .progress.pp-progress-bar {
        width: 100%
    }
    .viewVideoFormat {
        width: 100% !important;
        margin-top: 16px;
        text-align: left !important;
    }
    #ppVideoFormat {
        width: 100%;
    }
    .ppVideoGroup {
        padding: 10px 0px !important;
    }
    .practice-perfect-message-group {
        width: 100% !important;
    }
    .practice-perfect-message {
        width: 100% !important;
    }
    .searchInput {
        width: 400px !important;
    }
    .LayoutGridButtons {
        width: 50px !important;
        font-family: fira-sans, sans-serif;
    }
    .list-GridButtonsGroup {
        max-width: 100% !important;
    }
    .recently-watched-section .recently-watched {
        width: 230px !important;
        height: 128.87px !important;
    }
    .pp-video-listviewContainer .featured-video-title {
        width: 100% !important;
        font-family: fira-sans, sans-serif;
    }
    .pp-video-listviewContainer .video-title {
        width: 300px !important;
    }
    .recently-watched-section {
        margin-top: 0px !important;
    }
    .featuredVideoGroup .featured-video-title {
        width: 500px !important;
        font-family: fira-sans, sans-serif;
    }
    #featuredVideo {
        height: auto !important;
    }
    .pp-secSub-name {
        width: 100% !important;
    }
    .recentlyWatcgedStyle {
        width: 240px !important;
    }
    .videoDivStyle {
        width: 240px !important;
    }
    .orderingPercentageSection {
        text-align: left !important;
        margin-top: 10px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.avgProgressBar.avgProgressBar-prof {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.lowestProgressBar.lowestProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.highestProgressBar.highestProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.classProgressBar.classProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar-prof {
        margin-top: 4px !important;
    }
    .pp-home-section-CodeIE {
        width: 80% !important;
    }
    .codiecontent {
        margin-top: 20% !important;
        max-height: 50px !important;
    }
    .codieAward-Block {
        width: 100% !important;
    }
    .codiesiiaContent {
        margin-top: 5% !important;
        max-height: 60px !important;
    }
    #pswd_info {
        left: 65% !important;
    }
    #pswd_info_createAcc {
        width: 340px !important;
        top: 48% !important;
        left: 0% !important
    }
    #pswd_info_createAcc::before {
        top: 0% !important;
        left: 10% !important;
    }
    #pswd_info_forgot {
        top: 3% !important;
        left: 95% !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .cquizHeaderContainer {
        width: 100%
    }
    #confidenceLevelChart {
        width: 30% !important
    }
}
/*professor Result Page*/
.backToQuiz {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 17px;
    color: #007AC3;
    Opacity: 100;
    margin-top: 20px;
}
.downloadBtnGroup {
    width: 150px;
    height: 30px;
    opacity: 100;
    border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    border: 0.5px solid #474747;
    padding: 4px 4px;
}
.downloadBtn {
    max-width: 150px;
    width: 100%;
    height: 22px;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    line-height: 22px;
    color: #474747;
    opacity: 100;
    background: none;
    border: none;
    padding: 0px;
}
.completedBtnGroup {
    width: 250px;
    height: 30px;
    opacity: 100;
    border-radius: 5px;
    background: #A6D1EB;
    margin-top: 10px;
    border: none;
    padding: 5px 10px;
    cursor: text !important;
}
.completedBtn {
    width: 230px;
    height: 20px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 19px;
    color: #474747;
    opacity: 100;
    background: none;
    border: none;
    padding: 0px;
    white-space: normal;
    cursor: text !important;
}
.proff-ResultClassName-header {
    width: 100%;
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 36px;
    color: #474747;
    opacity: 100;
    line-height: 51px;
    margin-top: 6px;
    margin-bottom: 0px;
}
.proff-profName-ClassName {
    margin-top: 10px;
}
.prof-timeSpentResultHiddenIpad {
    display: inline-block;
}
.prof-timeSpentResultDetails {
    width: 230px;
    height: 20px;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
    margin-top: 20.5px;
}
.prof-timeResultDetails {
    width: 310px;
    height: 54.53px;
    font-family: fira-sans, sans-serif;
    font-weight: bold;
    font-size: 48px;
    color: #474747;
    opacity: 100;
    line-height: 58px;
    text-align: left;
    margin-top: 5.5px;
}
.prof-myScoreresultDetails {
    height: 16px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
}
.prof-myScoreresultDetailsPercentage {
    height: 36px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 3.5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747
}
.prof-lowestScoreAverageresultDetails {
    height: 16px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 5.5px;
}
.prof-lowestScoreresultDetailsPercentage {
    height: 25px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 3.5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747
}
.prof-highestScoreresultDetails {
    height: 16px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 5.5px;
}
.prof-highestScoreresultDetailsPercentage {
    height: 25px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: left;
    margin-top: 3.5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747
}
.prof-timeSpentResultDetails {
    width: 230px;
    height: 20px;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
    margin-top: 20.5px;
}
.prof-timeResultDetails {
    width: 310px;
    height: 54.53px;
    font-family: fira-sans, sans-serif;
    font-weight: bold;
    font-size: 48px;
    color: #474747;
    opacity: 100;
    line-height: 58px;
    text-align: left;
    margin-top: 5.5px;
}
.overAllPerformanceClass {
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
    margin-top: 19.92px;
    margin-bottom: 10px;
}
.overAllPerformanceChartSection {
    height: auto;
    opacity: 100;
}
.overAllPerformanceChart {
    height: 179.98px;
    opacity: 100;
    border: 0.5px solid #474747;
}
.prof-expandAllQuestions {
    margin-top: 5px;
    color: #007AC3;
    font-size: 14px;
    line-height: 17px;
    width: 310px;
    height: 19px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    opacity: 100;
    cursor: pointer
}
.prof-topicPerformanceSection {
    width: 310px;
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
}
.prof-DetailedStudentResultsSection {
    height: auto;
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    line-height: 30px;
    text-align: left;
    word-wrap: break-word;
}
.prof-sortByOrderingPercentage {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    margin-top: 5px;
}
.prof-classNameOfResultDetails {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin-top: 10px;
    word-wrap: break-word;
}
.prof-classNameOfResultDetails.detailStudResult {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    line-height: 19px;
    text-align: left;
    margin-top: 10px;
    word-wrap: break-word;
}
.prof-classNameOfResultDetailsAvg {
    height: 36px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747;
}
.sortByOrderingSelect {
    width: 250px;
    height: 30px;
    background: #FFFFFF;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
    opacity: 100;
}
.studentName-Results {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    display: inline;
    word-break: break-word;
}
.studentName-ResultsAvg {
    height: 25px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    line-height: 17px;
    opacity: 100;
    margin-top: 5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747;
}
.orderingPercentageSection {
    text-align: right;
}
.prof-expandResults {
    margin-top: 5px;
    width: 310px;
    height: 19px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #007AC3;
    line-height: 17px;
    opacity: 100;
    cursor: pointer;
}
.stud-timeSpentQuizTaken {
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #474747;
    line-height: 19px;
    opacity: 100;
    text-align: right;
    margin-top: 0px;
}
.prof-questionBreakDown {
    width: 83%;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #474747;
    opacity: 100;
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
}
.prof-questionBreakDown.qustionOneSection.ellipseText.prof-questioBD {
    width: 80%;
    height: auto;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: #474747;
    opacity: 100;
    margin-top: 10px;
    cursor: auto;
    display: inline-block;
}
.answerStyleKey {
    margin-left: 70px;
}
.progress.course-progress-bar.avgProgressBar {
    height: 30px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 98.8%;
    margin-bottom: 10px;
    margin-left: 2.5px;
}
.progress.course-progress-bar.lowestProgressBar {
    height: 17px;
    border-radius: 18px;
    margin-top: 4px;
    background-color: #fff;
    width: 98.8%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.progress.course-progress-bar.highestProgressBar {
    height: 17px;
    border-radius: 18px;
    margin-top: 4px;
    background-color: #fff;
    width: 98.8%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.progress.course-progress-bar.classProgressBar {
    height: 28px;
    border-radius: 18px;
    margin-top: 4px;
    background-color: #fff;
    width: 99%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.progress.course-progress-bar.studentClassProgressBar {
    height: 17px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 98.8%;
    margin-left: 4px;
}
.progress.course-progress-bar.avgProgressBar.avgProgressBar-prof {
    height: 30px;
    border-radius: 18px;
    margin-top: 2px;
    background-color: #fff;
    width: 98.8%;
    margin-bottom: 10px;
    margin-left: 2.5px;
}
.progress.course-progress-bar.lowestProgressBar.lowestProgressBar-prof {
    height: 17px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 98.8%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.progress.course-progress-bar.highestProgressBar.highestProgressBar-prof {
    height: 17px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 98.8%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.progress.course-progress-bar.classProgressBar.classProgressBar-prof {
    height: 28px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 99%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.progress.course-progress-bar.studentClassProgressBar-prof {
    height: 17px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 98.8%;
    margin-left: 4px;
}
.cq-notification-cog-new {
    background: #E5202E;
    color: #fff;
    border-radius: 30px;
    height: 24px;
    width: 24px;
    display: inline-block;
    position: absolute;
    font-size: 14px !important;
    top: -10px;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 18px;
    opacity: 100;
    text-align: center;
}
.cq-notification-cog-new sup {
    left: 0px;
    top: 1px !important;
}
.enterNewClassCode {
    width: 100%;
    height: auto;
    font-family: "Akzidenz-Grotesk!important";
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    opacity: 100;
    color: #474747;
    margin-top: 6px;
    margin-left: 5px;
    margin-bottom: 0px;
}
.creditClassCount {
    width: 114px;
    height: 14px;
    font-family: "Akzidenz-Grotesk!important";
    font-weight: 300;
    font-size: 12px !important;
    line-height: 16px !important;
    opacity: 100;
    color: #474747;
    color: #474747;
    margin-left: 5px;
    margin-top: 0px !important;
    margin-bottom: 0px;
    position: relative;
    bottom: 10px;
    display: inline-block;
    width: auto;
}
.studQuizCompleteBtn, .studQuizCompleteBtn:hover, .studQuizCompleteBtn:focus, .studQuizCompleteBtn:active {
    width: 150px;
    height: 60.5px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    line-height: 17px;
    text-align: center;
    margin: 9px 0px 0px;
    white-space: pre-wrap;
    background: #DADADA !important;
    padding: 5px 5px;
    border: none;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
}
.studStartCloseBtn:hover, .studStartCloseBtn:focus {
    color: #474747 !important;
    text-decoration: none;
    cursor: pointer;
}
.studStartCloseBtn {
    color: #474747 !important;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.studContinueCloseBtn:hover, .studContinueCloseBtn:focus {
    color: #474747 !important;
    text-decoration: none;
    cursor: pointer;
}
.studContinueCloseBtn {
    color: #474747 !important;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.cloaseModelIcon:hover, .cloaseModelIcon:focus {
    color: #474747 !important;
    text-decoration: none;
    cursor: pointer;
}
.cloaseModelIcon {
    color: #474747 !important;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    opacity: 100;
    padding: 0px 2px;
    width: 16px;
    height: 22px;
}
.modal-thankYouGetCQPopover-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 2px;
    border: 0.5px solid #474747;
    width: 435px;
    height: auto;
    text-align: center;
    opacity: 100;
}
.modal-thankYouCQPopoverHeader {
    font-family: 'Akzidenz-Grotesk', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #474747;
    opacity: 100;
    width: 375px;
    height: auto;
    line-height: 23px;
    text-align: center;
}
.modal-renewBookPopupHeader {
    font-family: 'Akzidenz-Grotesk', sans-serif;
    font-weight: bold;
    font-size: 18px;
    opacity: 100;
    width: 375px;
    height: auto;
    line-height: 23px;
    text-align: center;
    margin-bottom: 20px;
}
#modals-thankYouCQPopover-container {
    margin: 30px 25px 18px 30px;
    width: 375px;
    height: auto;
}
.inputFieldBlockCQanonymousPopover {
    text-align: left;
    margin-top: 20px;
    padding: 0px 10px;
    color: #474747;
}
.inputFieldBlockCQanonymousPopover label {
    width: 100%;
    font-weight: 300;
    line-height: 23px;
}
;
.thankYouCQPopoverTextStyles {
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    opacity: 100;
    color: #474747;
    width: 375px;
    height: auto;
    margin-top: 20px;
}
.thankYouCQAnonymousTextStyles {
    font-family: 'Akzidenz-Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    opacity: 100;
    color: #474747;
    width: 375px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#thankYouGetCQPopover .thankYouCQPopoverTextStyles {
    font-family: 'Akzidenz-Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    opacity: 100;
    color: #474747;
    width: 375px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#thankYouGetCQPopover .modal-thankYouCQPopoverHeader {
    font-family: 'Akzidenz-Grotesk', sans-serif;
    font-weight: 500;
    font-size: 21px;
    color: #474747;
    opacity: 100;
    width: 375px;
    height: auto;
    line-height: 27px;
    text-align: center;
    word-break: break-word;
}
.gotItBtns {
    color: #474747;
    font-size: 21px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 27px;
    Opacity: 100;
    border-radius: 30px;
    white-space: normal;
    margin-top: 14.87px;
    width: 80px;
    height: 35px;
    padding: 3px 5px;
}
.okay-gotItBtns {
    color: #474747;
    font-size: 18px;
    background: #FFFFFF !important;
    border: 0.5px solid #474747;
    font-weight: 400;
    text-align: center;
    font-family: 'Akzidenz-Grotesk', sans-serif;
    line-height: 23px;
    Opacity: 100;
    border-radius: 30px;
    white-space: normal;
    width: auto;
    height: auto;
    padding: 5px 10px 5px 10px;
}
.stud-percentage-styles {
    position: relative;
    top: 5px;
}
.prof-percentage-styles {
    position: relative;
    top: 5px;
}
.prof-correct-percentage-styles {
    position: relative;
    top: 0px;
    font-family: fira-sans, sans-serif;
}
.prof-noScore-percentage-styles {
    position: relative;
    top: 5px;
    font-family: fira-sans, sans-serif;
}
.bgclrProgressBar {
    background-color: #241866 !important;
}
.bgclrForStudResult {
    background-color: #009881 !important;
}
.bgclrForDetailedResult {
    background-color: #AF4996 !important;
}
.glyphicon-triangle-top.glyp-triangle-top {
    width: 20px;
    height: 20px;
    color: #007AC3;
    margin-top: -6px;
    font-size: 22px;
    margin-left: -11px;
}
.classNameOfResultDetailsAvg.progress.course-progress-bar {
    margin-bottom: 0px !important;
    width: 98.6%;
    margin-left: 5px;
}
.modal-dateStart-container {
    margin-top: 20px;
}
.correctWrongLabelStyle {
    width: 80px;
    float: right;
    margin-top: 10px;
}
.glypiconTickCorrect {
    width: 25px;
    float: right;
    margin-top: 10px;
}
#profCQuiz-studResult-progress {
    margin-bottom: 60px !important;
}
.prof-stud-style-ltor {
    padding-left: 80px;
}
.progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
    height: 17px;
    border-radius: 18px;
    margin-top: 3px;
    background-color: #fff;
    width: 99%;
    margin-bottom: 2.24px;
    margin-left: 4px;
}
.prof-classNameOfResultDetailsAvgSection {
    width: 711px;
    height: 25px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747;
}
.prof-classNameOfResultDetailsAvgSection.detailStudResult {
    width: 711px;
    height: 25px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747;
}
.connections-logo {
    width: 230px;
    padding: 20px 0;
}
.connections-logo-img {
    width: 200px;
}
.connectedQuizzing-logo-bar {
    margin-top: 30px;
    margin-bottom: 15px;
}
.connectedQuizzing-logo {
    margin-left: 10px;
}
.cq-inside-modal-header {
    background-color: #474747;
}
.cq-assessment-modal-body {
    max-height: 505px;
    margin: 0px;
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden
}
.quizesAssignYesbtn, .quizesAssignYesbtn:hover {
    background-color: transparent !important;
    color: #333 !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
    border: 0.5px solid #474747 !important;
}
.modal-ThankYouContent-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 630px;
    height: auto;
    text-align: center;
    opacity: 70;
}
.modalClassNameThankyou-quiz {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 24px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 630px;
    height: auto;
    line-height: 30px;
}
#modal-contentThankyou-quiz-container {
    margin-top: 14.95px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    opacity: 100;
    color: #474747;
    width: 570px;
}
.progress.course-progress-bar.myScoreresultDetailsPercentage, .progress.course-progress-bar.classresultDetailsPercentage, .progress.course-progress-bar.classNameOfResultDetailsAvg {
    background-color: #fff;
}
.stud-classNameOfResultDetailsAvg {
    height: 36px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 0.5px solid #474747;
    margin-bottom: 10px;
}
.modal-classAvg-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 0px 10px;
    border: 0.5px solid #474747;
    color: #FFFFFF;
    width: 121px;
    height: auto;
    text-align: center;
    opacity: 70;
}
.modal-classAvg-header {
    font-family: 'Franziska Pro';
    font-weight: 500;
    font-size: 16px;
    color: #474747;
    opacity: 100;
    margin-top: 5px;
    width: 101px;
    height: auto;
    line-height: 23px;
    margin-left: 5px;
}
#classAvg-percentage {
    font-family: fira-sans, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    height: auto;
    color: #474747;
    margin-left: 10px;
}
.glypicCorrectGroup {
    margin-top: 15px;
    margin-left: 25px;
    color: #85BC20 !important;
    width: 2%;
    height: auto;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
}
.glypicWrongGroup {
    margin-top: 5px;
    margin-left: 30px;
    width: 2%;
    height: auto;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
    color: #E5202E !important;
}
#btnGroupPopup {
    margin-bottom: 10px;
}
.classAvgClick.popover-content {
    text-align: center;
    cursor: pointer
}
.stud-zero-percentage {
    width: 100% !important;
    background-color: #fff !important;
    color: #474747;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.prof-zero-percentage {
    width: 100% !important;
    background-color: #fff !important;
    color: #474747;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#modals-contentSummary-container {
    margin-bottom: 15px;
}
/*Home page - Connected Quizzing */
/* LARGE SIZES */
.connectedQuizzing_page .button-register, .connectedQuizzing_page .button-register:active, .connectedQuizzing_page .button-register[disabled] {
    background: url(../img/cq/blue-button-sm.png) no-repeat;
}
.pp-button-buyNow, .pp-button-buyNow:hover {
    background-color: #007AC3;
    opacity: 100;
    border-radius: 0px;
    border: none !important;
    color: #fff;
    padding: 6px 12px;
}
.cquizzing-home-introducing {
    font-family: inherit !important;
    font-weight: 700 !important;
    font-style: normal;
    font-size: 38px;
    line-height: 46px;
    color: #fff;
    margin-top: 10px !important;
}
.cquizzing-introduction-tag {
    font-family: akzidenz-grotesk;
    font-weight: 300;
    font-style: normal;
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    padding-right: 15px;
    margin-top: 10px !important;
}
@media (min-width: 1301px) {
    .cq-home-page h1 {
        font-size: 46px !important;
        line-height: 52px !important;
    }
    .cq-home-page h2 {
        font-size: 22px !important;
        line-height: 30px !important;
        font-family: inherit !important;
    }
    .cq-section-second h2 {
        font-size: 36px !important;
        line-height: 42px !important;
        margin-bottom: 15px;
    }
    button.cq-button, button.cq-button:hover {
        font-size: 24px;
        line-height: 28px;
    }
    .cq-section-second .info-block {
        padding: 20px;
    }
    .cq-section-second .info-block p {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .PracticePerfect-Video-Page {
        height: 300px !important;
        width: unset !important;
    }
}
@media (min-width: 768px) and (max-width: 1300px) {
    .cq-home-page h1 {
        font-size: 34px !important;
        line-height: 40px !important;
        margin-top: 0 !important;
    }
    .cq-home-page h2 {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    .codieAward-Block h2 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
}
/* MEDIUM SIZES */
@media (max-width: 767px) and (min-width: 361px) {
    .cq-home-page h1.cquizzing-home-introducing {
        font-size: 28px !important;
        line-height: 34px !important;
    }
}
@media (max-width: 767px) {
    .cq-home-page h1.cquizzing-home-introducing {
        margin-left: 15px;
    }
    .cq-home-page h2.cquizzing-introduction-tag {
        margin-left: 15px;
        padding-bottom: 25px;
        font-size: 18px !important;
        line-height: 24px !important;
    }
}
/* SMALL SIZES */
@media (max-width: 360px) {
    .cq-home-page h1.cquizzing-home-introducing {
        font-size: 24px !important;
        line-height: 32px !important;
    }
}
/*********************************************************************************  SECTION2 */
.cq-section-second {
    width: 100%;
    background-color: rgb(0, 122, 195);
    padding: 80px 165px;
}
.cq-section-second .info-block {
    margin-bottom: 15px;
}
.cq-section-second .info-block img {
    width: 100%;
    height: auto;
    max-width: 350px;
    text-align: center;
}
.cq-section-second .info-block p {
    color: #ffffff !important;
    margin: 10px 0 !important;
    text-align: left;
    padding: 10px;
}
.cq-section-second-two {
    padding-top: 25px;
}
button.cq-button, button.cq-button:hover {
    background-color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: rgb(0, 122, 195) !important;
    border-radius: 25px;
    padding: 10px 20px;
}
@media (min-width: 768px) and (max-width: 1300px) {
    .cq-section-second {
        padding: 40px 15px !important;
    }
    .cq-section-second h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }
    button.cq-button, button.cq-button:hover {
        font-size: 22px;
        line-height: 24px;
    }
}
@media (max-width: 767px) {
    .cq-section-second {
        padding: 30px 20px !important;
    }
    .cq-section-second h2 {
        font-size: 26px !important;
        line-height: 32px !important;
    }
    .cq-section-second .info-block p {
        margin: 10px 0 20px !important;
    }
    .cq-section-second-two {
        padding-top: 0;
    }
}
/*********************************************************************************  COLORBLOCKS SECTION3 */
.colorblock {
    background-color: #a4cd58;
    width: 100%;
}
.colorblock.cq-section-fourth {
    background-color: #a6d1eb;
}
.colorblock.cq-section-fifth {
    background-color: #f0ab40;
}
.colorblock .innerWrapper {
    padding: 40px 25px;
}
.colorblock .innerWrapper h3 {
    font-weight: 700;
    color: #383838;
    margin-bottom: 15px;
}
.colorblock .bgImage {
    min-height: 150px;
    background-size: cover;
    background-position: center;
}
.colorblock.cq-section-third .bgImage {
    background-position: right top;
}
.colorblock p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .colorblock p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .colorblock .innerWrapper {
        padding: 40px 25px !important;
    }
    .colorblock .bgImage {
        min-height: 250px;
    }
}
@media (min-width: 768px) and (max-width: 1300px) {
    .colorblock .innerWrapper {
        padding: 40px 25px !important;
    }
    .colorblock .bgImage {
        min-height: 400px;
    }
}
@media (min-width: 1301px) {
    .colorblock .innerWrapper {
        padding: 80px 90px 40px !important;
    }
    .colorblock .bgImage {
        min-height: 420px;
    }
    .colorblock p {
        margin-bottom: 40px;
    }
}
@media (min-width: 1501px) {
    .colorblock .innerWrapper {
        padding: 90px 200px 60px !important;
    }
    .colorblock .bgImage {
        min-height: 450px;
    }
}
.cc-home-page-section .cc-home-page h1 {
    font-family: inherit;
}
.cc-home-page-section .cc-home-page h2 {
    font-family: inherit;
}
.cc-home-page-section .cc-home-page h3 {
    font-family: inherit;
}
.cc-home-page-section .cc-home-page h4 {
    font-family: inherit;
}
.cc-home-page-section .cc-home-page-text1 {
    font-family: inherit;
}
.cc-home-page-section .cc-home-page-text2 {
    font-family: inherit;
    vertical-align: top;
}
.cc-home-page-section .cc-home-page-text3 {
    font-family: inherit;
}
.cc-home-page-section .home-already-have-acc {
    position: relative;
    bottom: 31px;
}
.cc-home-page-section .text-box-common {
    margin-top: -8px;
}
.pp-home-page-section .pp-home-page h1 {
    font-family: inherit;
}
.pp-home-page-section .pp-home-page h2 {
    font-family: inherit;
}
.pp-home-page-section .pp-home-page h3 {
    font-family: inherit;
}
.pp-home-page-section .pp-home-page h4 {
    font-family: inherit;
}
.pp-home-page-section .pp-home-page-text1 {
    font-family: inherit;
}
.pp-home-page-section .pp-home-page-text2 {
    font-family: inherit;
    vertical-align: top;
}
.pp-home-page-section .pp-home-page-text3 {
    font-family: inherit;
}
.pp-home-page-section .pp-home-page-codie {
    font-family: inherit;
}
.pp-home-page-section .home-already-have-acc {
    position: relative;
    bottom: 31px;
}
.pp-home-page-section .text-box-common {
    margin-top: -8px;
}
@media (min-width: 1300px) {
    .home-banner-block-one {
        padding: 0 130px 100px;
    }
}
@media (max-width: 850px) and (min-width: 768px) {
    .access-code-section, .casebook-home-introducing-wrapper {
        height: 260px !important;
    }
}
@media (max-width: 400px) {
    .home-already-have-acc {
        bottom: 5% !important;
    }
    .access-code-section {
        height: 275px;
    }
}
/*Home page - Connected Quizzing */
.quizStartYesBtn:focus {
    outline: none !important;
}
.progress.course-progress-bar.myScoreDetails {
    height: 24px;
    border-radius: 30px;
    margin-top: 3px;
    background-color: #FFF;
    width: 99%;
    margin-bottom: 0px;
    margin-left: 3px;
}
.progress.course-progress-bar.classAvgDetail {
    height: 24px;
    border-radius: 30px;
    margin-top: 3px;
    background-color: #FFF;
    width: 99%;
    margin-bottom: 0px;
    margin-left: 3px;
}
.class_code_credit_container {
    display: inline-block;
    width: 29%;
    vertical-align: middle;
}
.class_code_container {
    display: inline-block;
    width: 69%;
    vertical-align: middle;
    position: relative;
}
.add-classCode {
    right: 0;
    top: 0;
}
.creditClassCount {
    display: inline-block !important;
    width: 100% !important;
    margin: 15px 0 0 5px !important;
    height: auto !important;
}
@media (min-width: 1400px) {
    .cq-notification-cog-new {
        left: 40px;
    }
}
@media (max-width: 1150px) {
    .class_code_credit_container {
        display: inline-block;
        width: 39%;
    }
    .class_code_credit_container {
        display: inline-block;
        width: 39%;
    }
    .class_code_container {
        display: inline-block;
        width: auto;
        max-width: 269px;
    }
}
@media (max-width: 1024px) {
    .classCodeAddSectionHeaderpart {
        width: 100%;
        padding: 0;
    }
    .classCodeAddSectionHeaderpart .class_code_container, .classCodeAddSectionHeaderpart .creditClassCount, .classCodeAddSectionHeaderpart .enterNewClassCode {
        margin-left: 0 !important;
    }
}
@media (max-width: 991px) {
    .class_code_credit_container {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
    .class_code_container {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        position: relative;
        margin-left: 5px;
        padding: 0 0 15px;
    }
    .enterNewClassCode {
        height: auto !important;
    }
}
@media (max-width: 767px) {
    .class_code_container {
        display: inline-block;
    }
    .modal-ThankYouContent-show {
        width: 90%;
    }
    .modal-AssesmentSpecilaist-show {
        width: 90%;
        padding: 20px;
        color: #000000;
    }
    .modalClassNameThankyou-quiz {
        width: 90%;
    }
    #modal-contentThankyou-quiz-container p {
        width: 100%;
    }
    #modal-contentThankyou-quiz-container {
        width: 90%;
    }
}
@media (max-width: 400px) {
    .class_code_container {
        display: inline-block;
        width: 90%;
    }
    .practicePerfect-quizCenterprogressContent, .progress-bar-container, .overAll-quizCenterProgress-parent {
        width: 83% !important
    }
    .viewVideoFormat {
        width: 50% !important;
    }
}
.cQuizContainer-section {
    display: block;
    margin: 0 auto;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
}
.cQuizContainer-section .cQuizMain-container {
    box-shadow: none;
}
.container-left-desktop-fix-cq .ellipsis p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(2) {
    display: none;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(3) {
    display: none;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(4) {
    display: none;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(5) {
    display: none;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(6) {
    display: none;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(7) {
    display: none;
}
.container-left-desktop-fix-cq .ellipsis p:nth-child(8) {
    display: none;
}
.quizFutureBtn, .quizFutureBtn:hover {
    font-weight: 300;
    text-align: center;
    color: #474747 !important;
    background: #A6D1EB !important;
    border: 0.5px solid #A6D1EB !important;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    width: 150px;
    height: 60.5px;
    border-radius: 5px;
    white-space: normal;
    padding: 0px !important;
    margin-top: 10px;
    margin-left: 5px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
}
.text-btn {
    color: #383838;
    font-weight: 600;
}
.text-btn a {
    color: rgb(0, 122, 195) !important;
    font-weight: 600;
}
#mySemComplete .cQuizTextStylesComplete {
    margin: 15px 0px;
}
.classCodeAddSectionHeaderpart {
    margin: 18px 0 0;
}
.crctAnswerVisible {
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    Opacity: 100;
    position: relative;
    top: 9px;
}
.excelprop {
    width: 100% !important;
}
.nav-item-topic-tab, .nav-item-students-tab {
    border: 1px solid #007AC3;
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
}
.nav-tabs-topics-students .nav-item {
    margin-left: 5px;
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
}
.nav-tabs-topics-students .titleTab {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    font-family: "Akzidenz-Grotesk";
    letter-spacing: 0;
    color: #007AC3;
    opacity: 1;
}
.nav-tabs-topics-students .titleTab.tab-selected {
    border-bottom: 1px solid #007ac3;
    background: #007ac3 !important;
    color: #fff;
    width: 100%;
}
.nav-tabs-topics-students .nav-tabs>li>a:hover {
    background: #007ac3 !important;
}
.nav-tabs-topics-students .nav-tabs>li>a:hover {
    background: #007ac3 !important;
}
.nav-tabs-topics-students .nav>li>a:hover {
    background: none !important;
}
.nav-tabs-topics-students .nav>li>a:focus, .nav>li>a:hover {
    background: none !important
}
.nav-tabs-topics-students .nav-tabs>li>a {
    border-color: none !important;
}
.nav-tabs.nav-tabs-topics-students {
    border-bottom: 1px solid #757575 !important;
    opacity: 1 !important;
    margin: 15px 0px;
}
.conciergeStyleClass {
    color: #007ac3 !important;
}
#topic-stud-building-block a.titleTab {
    Width: 100%;
    height: 30px;
    padding: 3px 15px;
}
#topic-stud-building-block a.titleTab.tab-selected.active {
    border: 1px solid #007ac3;
    color: #fff;
    background-color: #007ac3;
}
#topic-stud-building-block ul.nav-tabs {
    border-bottom: 1px solid #bfbfbf
}
#skillSection {
    margin-top: 10px;
}
.chart-loading {
    text-align: center;
}
.modal-cqClassCode-show {
    background-color: #FFFFFF;
    margin: 8% auto;
    padding: 10px;
    border: 1px solid #474747;
    width: 397px;
    height: auto;
    text-align: center;
    opacity: 70;
    word-wrap: break-word;
}
#modal-cqClassCode-container {
    margin-top: 10px;
    font-family: "Akzidenz-Grotesk";
    font-size: 14px;
    font-weight: regular;
    line-height: 18px;
    opacity: 100;
    color: #000000;
    width: 365px;
    height: auto;
    text-align: center;
}
.okbtnStle {
    background-color: #007ac3;
}
.paddingStyleCCS {
    padding: 10px;
    padding-bottom: 0px;
}
.button-new {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 70px;
    height: 20px;
    text-align: center;
    font-family: "Akzidenz-Grotesk";
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 10px;
}
.editDateLabelStart {
    font-family: fira-sans, sans-serif;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    vertical-align: middle;
    padding-right: 5px;
    color: #337ab7;
    padding: 5px 0px 20px;
    font-weight: 400;
    cursor: pointer
}
#instupage-loading-spinner, #analyticspage-loading-spinner {
    position: relative !important;
    top: 0% !important;
}
/*PP*/
.topic-sub-bar {
    position: absolute;
    padding: 2px 77px;
    margin-left: 99px;
}
.pp-topic-bar {
    background: #A6D1EB 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 25px;
}
.topic-sub-bar a {
    padding: 0px 26px 0px 0px;
    height: 19px;
    color: #474747;
    text-align: left;
    font-weight: 400px;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    cursor: pointer;
}
.pp-holder-name {
    text-align: left;
    font-weight: 700;
    font-family: fira-sans, sans-serif;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}
.pp-secSub-name {
    text-align: left;
    font-weight: 500;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 230px;
}
.pp-sec-name {
    text-align: left;
    font-weight: 500;
    font-family: fira-sans, sans-serif;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 100%;
}
.pp-secscore-name {
    text-align: left;
    font-weight: 700;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 640px;
}
.pp-score-name {
    text-align: left;
    font-weight: 500;
    font-family: fira-sans, sans-serif;
    font-size: 48px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 640px;
}
.searchInput {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #474747;
    opacity: 1;
    width: 335px;
    height: 33px
}
.ppContainer-section .subjectAreaName {
    text-align: left;
    font-weight: 500 !important;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}
.ppContainer-section {
    margin: 0 auto;
    display: block
}
.video-title {
    text-align: left;
    font-weight: 400 !important;
    font-family: fira-sans, sans-serif !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0;
    color: #000000 !important;
    opacity: 1;
}
.recentlyWatcdVideo-title {
    width: 230px;
}
.featuredVideoGroup .featured-video-title {
    text-align: left;
    font-weight: 400 !important;
    font-family: fira-sans, sans-serif;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 490px;
}
.pp-video-listviewContainer .featured-video-title {
    text-align: left;
    font-weight: 500 !important;
    font-family: fira-sans, sans-serif;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 100%;
}
#featuredVideo {
    width: 100%;
    height: auto;
    opacity: 1;
    margin-top: 15px;
    margin-bottom: 5px;
}
#videoPlayed {
    width: 902px;
    height: auto;
    border: 0.5px solid #474747;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 5px;
}
.recently-watched {
    opacity: 1;
    width: 230px;
    height: 129px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.recently-watched-section .recently-watched {
    margin-top: 21px;
    width: 230px;
    height: 128.87px;
}
.take-review-quiz {
    color: #007AC3 !important;
    width: 230px;
    font-family: fira-sans, sans-serif !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0;
    font-weight: 400 !important;
    cursor: pointer;
}
.pp-borderLine {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #474747;
    opacity: 1;
}
#featuredVideo #pageContainer {
    width: 99.5% !important;
    height: 399px;
}
#featuredVideo, #featuredVideo img, .recently-watched, .recently-watched img, .featured-video-title, .recentlyWatcdVideo-title, .recently-watched-small, .recently-watched-small img, .pp-videoTitleStyle, .video-title {
    cursor: pointer;
}
#videoPlayed #pageContainer {
    width: 99.5% !important;
    height: 534px;
}
/*******************************************************Practicse Perfect***********************************************************************/
@media all and (min-width:1024px) {
    .pp-container-base.container-tablet-view {
        margin: 0 auto !important;
    }
    .ppContainer-section {
        width: 1000px !important;
    }
}
.pp-pipeLine {
    height: 17px;
    font-size: 20px;
    opacity: 100;
    cursor: none;
    color: #474747;
}
.pp-pipeLineNoColor {
    height: 17px;
    font-size: 20px;
    opacity: 100;
    cursor: none;
    color: #000000;
}
.pp-user-container {
    margin: 0px 15px 10px 15px;
}
.pp-register-heading {
    color: #000000;
    opacity: 100;
    font-size: 21px;
    line-height: 26px;
    font-family: fira-sans, sans-serif;
    font-weight: bold;
    width: 160px;
    display: inline-block;
}
.pp-register-heading-title {
    margin-left: 10px;
    color: #000000;
    opacity: 100;
    font-size: 18px;
    line-height: 26px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    width: 160px;
    display: inline-block;
    letter-spacing: 0;
}
.userNameProgress {
    color: #000000;
    opacity: 100;
    font-size: 18px;
    line-height: 26px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    width: 230px;
    display: inline-block;
    letter-spacing: 0;
    padding: 0px;
    margin-top: 3.4px;
}
.userClassNameStyles {
    font-family: fira-sans, sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    opacity: 100;
    line-height: 28px;
    color: #000000;
    width: 50%
}
.heading-label-pp {
    margin: 30px 0 33.4px 0;
}
.practice-perfect-message-group {
    width: 710px;
}
.practice-perfect-message {
    width: 730px;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    text-align: left;
    opacity: 100;
    line-height: 22px;
    color: #000000;
}
.ppViewClassStyles {
    width: 80px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #000000;
    margin-top: 8px;
}
.ppVideoGroup {
    width: 100%;
    position: relative;
    padding: 10px 0px 10px 5px;
    margin: 0 auto;
}
#ppVideoFormat {
    border: 1px solid #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    opacity: 100;
    padding: 5px 35px 5px 5px;
    height: 33px;
}
.ppVideoOption-field {
    font-family: fira-sans, sans-serif;
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
    color: #000000;
}
select#ppVideoFormat {
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #007ac3, #007ac3);
    background-position: calc(100% - 14px) calc(1em + 0px), calc(100% - 10px) calc(1em + 0px), 102% 0;
    background-size: 5px 5px, 5px 5px, 2.3em 2.3em;
    background-repeat: no-repeat;
}
select#ppVideoFormat {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
/* For IE10 */
select#ppVideoFormat::-ms-expand {
    display: none;
}
.practicePerfect-progressbarContent {
    margin-top: 19px;
    margin-bottom: 4px;
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #000000;
}
.progress.pp-inner-progress-bar {
    height: 16px;
    margin-top: 5px;
    background-color: #009881;
    margin-bottom: 10px;
    border-radius: 0px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}
.progress.pp-progress-bar {
    padding: 1px 5px 0px 5px;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #474747;
    opacity: 1;
    height: 30px;
    margin-bottom: 5px;
    background-color: #FFFFFF
}
.pp-progressbar-reviewRetakeStyle {
    color: #007AC3;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
}
.pp-hide-takeQuiz {
    display: none;
}
.pp-inner-progress-bar-percentage {
    color: #fff;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 19px;
    position: relative;
    bottom: 2px;
}
.pp-inner-progress-bar-noScore {
    color: #000029;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 19px;
    position: relative;
}
/*************Quiz Center Progress****************/
.practicePerfect-quizCenterprogressContent {
    margin-top: 15.5px;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #000000;
}
.pp-quizCenterprogress-bar {
    padding: 1px 5px 0px 5px;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #474747;
    opacity: 1;
    height: 50px;
    margin-bottom: 5px;
    background-color: #FFFFFF
}
.pp-inner-quizCenterprogress-bar {
    height: 40px;
    margin-top: 3px;
    background-color: #241866;
    margin-bottom: 10px;
    border-radius: 0px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}
.pp-progressbar-reviewRetakeStyle {
    color: #007AC3;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
}
.pp-inner-quizCenterprogress-bar-percentage {
    color: #fff;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 19px;
    position: relative;
    top: 10px;
}
.pp-inner-quizCenterprogress-bar-noScore {
    color: #474747;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 19px;
    position: relative;
    top: 10px;
}
.pp-progressbarQuizzTitle {
    color: #000000;
    font-family: fira-sans, sans-serif;
    font-weight: bolder;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
    margin: 0px 0px 5px 0px
}
.pp-progresbar-daytime {
    width: 96%;
    color: #000000;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
}
.qcp-bottomBorder {
    border-bottom: 1px solid #474747;
    opacity: 100;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 14.5px;
}
.pp-progresbar-btnGroup {
    text-align: right;
    opacity: 100;
    height: 33px;
    position: relative;
    margin-top: 30px;
}
.pp-cdProgresbar-btnGroup {
    text-align: right;
    opacity: 100;
    height: 33px;
    position: relative;
    bottom: 5px;
}
.pp-progresbar-expandBtn {
    width: 70px;
    height: 21px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
    background-color: #007AC3 !important;
}
/*PP - Btns Styles*/
.pp-dark-button.pp-dark-button:active, .pp-dark-button:hover {
    background-color: #007AC3 !important;
    border: 1px solid #007ac3 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #fff !important;
    height: 33px !important;
    outline: none;
    font-weight: 300;
    box-shadow: none !important;
    font-family: fira-sans, sans-serif;
}
.pp-light-button, .pp-light-button:active, .pp-light-button:hover {
    background-color: #007AC3 !important;
    border: 1px solid #007ac3 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #fff !important;
    height: 33px !important;
    outline: none;
    box-shadow: none !important;
    font-weight: 300;
    font-family: fira-sans, sans-serif;
    border-radius: 5px;
}
.pp-expandAll {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #007AC3;
}
.pp-collapseAll {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #007AC3;
}
.pp-expandCollapseGroup {
    width: 162px;
    float: right;
}
.pp-RSPexpandCollapseGroup {
    width: 162px;
    float: right;
}
.overAll-quizCenterProgress #progress-bar-container .practicePerfect-progressbarContent {
    margin-top: 19px;
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #000000;
}
.overAll-quizCenterProgress #progress-bar-container .progress.pp-progress-bar {
    padding: 1px 5px 0px 5px;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #474747;
    opacity: 1;
    height: 30px;
    margin-bottom: 5px;
    background-color: #FFFFFF
}
.overAll-quizCenterProgress #progress-bar-container .progress.pp-inner-progress-bar {
    height: 20px;
    margin-top: 3px;
    background-color: #241866;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}
.overAll-quizCenterProgress #progress-bar-container .progress.pp-inner-progress-barZero {
    height: 20px;
    margin-top: 3px;
    background-color: #241866;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 100%;
    color: #000;
    text-align: center;
}
.pp-confidenceLevelTitle {
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 18px;
    opacity: 100;
    line-height: 22px;
    color: #000000;
}
.pp-confidenceDesc {
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
    color: #000000;
    margin-top: 10px;
    text-align: left;
}
.pp-confidenceLevel-message {
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 18px;
    opacity: 100;
    line-height: 22px;
    color: #000000;
}
.pp-ConfidenceLevelPerc {
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 68px;
    opacity: 100;
    line-height: 82px;
    color: #000000;
    float: right;
}
.qcd-bottomBorderPrec {
    border-bottom: 1px solid #474747;
    opacity: 100;
    width: 100%;
    margin-top: 20.5px;
    margin-bottom: 20.5px;
}
.cd-expandCollapseGroup {
    width: 170px;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
    color: #000000;
}
.cd-expandCollapseGroupTitle {
    width: 630px;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 16px;
    opacity: 100;
    line-height: 19px;
    color: #000000;
}
.overAll-cd-quizCenterProgress .practicePerfect-quizCenterprogressContent {
    margin-top: 19px;
    width: 390;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #000000;
}
.overAll-cd-quizCenterProgress .pp-quizCenterprogress-bar {
    padding: 1px 5px 0px 5px;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #474747;
    opacity: 1;
    height: 50px;
    margin-bottom: 5px;
    background-color: #FFFFFF
}
.overAll-cd-quizCenterProgress .pp-inner-quizCenterprogress-bar {
    height: 40px;
    margin-top: 3px;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}
.overAll-cd-quizCenterProgress .pp-inner-quizCenterprogress-bar.gradient-progressBar {
    background-color: #940C721A !important;
    background-image: linear-gradient(to right, #940C72, #940C721A);
}
.overAll-cd-quizCenterProgress .pp-inner-quizCenterprogress-bar.confi-progressBar {
    background-color: #940C72 !important;
    background-image: #940C72
}
.viewVideoFormat {
    width: 50%;
    text-align: right;
}
.overAll-cd-quizCenterProgress .cd-progress-bar-container .practicePerfect-progressbarContent {
    margin-top: 11px;
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 17px;
    color: #000000;
}
.overAll-cd-quizCenterProgress .cd-progress-bar-container .progress.pp-progress-bar {
    padding: 1px 5px 0px 5px;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #474747;
    opacity: 1;
    height: 30px;
    margin-bottom: 5px;
    background-color: #FFFFFF
}
.overAll-cd-quizCenterProgress .cd-progress-bar-container .progress.pp-inner-progress-bar {
    height: 20px;
    margin-top: 3px;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}
.overAll-cd-quizCenterProgress .cd-progress-bar-container .progress.pp-inner-progress-bar.gradient-progressBar {
    background-color: #940C721A !important;
    background-image: linear-gradient(to right, #940C72, #940C721A);
}
.overAll-cd-quizCenterProgress .cd-progress-bar-container .progress.pp-inner-progress-bar.confi-progressBar {
    background-color: #940C72 !important;
    background-image: #940C72
}
.overAll-cd-quizCenterProgress .cd-progress-bar-container .pp-inner-progress-bar-percentage {
    color: #fff;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    opacity: 100;
    line-height: 19px;
    position: relative;
    bottom: 0px;
}
#practicePerfect-quizCenterProgress {
    margin-top: 25px;
}
#practicePerfect-videoProgressContainer {
    margin-top: 25px;
}
#progress-bar-container.progress-bar-container {
    width: 100%;
    padding-left: 80px;
    margin-left: 0px;
}
.cd-progress-bar-container.progress-bar-container {
    margin-left: 75px;
}
.pp-quizCenterContainer {
    margin-bottom: 15px;
}
.pp-quizCenterSection {
    text-align: left;
    font-size: 24px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    width: 230px;
    line-height: 28px;
    font-weight: 500;
}
.buildYourOwnQuizBtn {
    width: 150px;
    float: right;
}
.buildYourOwnQuizBtnText {
    color: #FFFFFF;
    width: 150px;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    background-color: #007AC3;
    padding: 6px 0px 6px 0px;
    height: 33px;
    font-family: fira-sans, sans-serif;
    border-radius: 5px;
}
.viewmoreQuizBtnText {
    color: #FFFFFF;
    width: 150px;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    background-color: #007AC3;
    padding: 6px 0px 6px 0px;
    height: 33px;
    font-family: fira-sans, sans-serif;
}
#view-more-parent {
    text-align: center;
}
.takeQuizClass {
    width: 230px;
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 22px;
    font-weight: 500;
    margin-top: 15.5px;
}
.takeQuizClassText {
    width: 100%;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 19px;
    font-weight: 400;
    margin-top: 5px;
}
.boxCoverModal {
    width: 230px;
    border: 1px solid #007AC3;
    padding: 20px 10px 19px 10px;
    margin: 15px 15.5px 10px 0px;
    color: #007AC3;
    font-size: 14px;
    height: 130px;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.takeQuizSectionareaBox {
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #007AC3;
    opacity: 1;
    line-height: 19px;
    font-weight: 700;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.takeQuizSectionareaBoxText {
    font-size: 14px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #007AC3;
    opacity: 1;
    line-height: 17px;
    font-weight: 400;
    height: 70px;
    white-space: normal;
    margin-top: 10px;
    text-align: center;
}
.summativeEllipses {
    display: inline;
    text-overflow: ellipsis;
}
.summativeStyle:last-child {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 15px;
    text-align: center;
}
.selectedQuizTopicsSection {
    margin-top: 5px;
}
.selectedQuizTopics {
    width: 100%;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 19px;
    font-weight: 400;
}
.backToQuizCenterBtn {
    margin-top: 5px;
}
.backToQuizCenterBtnText {
    width: 100%;
    font-size: 14px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #007AC3;
    opacity: 1;
    line-height: 17px;
    font-weight: 400;
}
.selectedTopicsContainer {
    margin-top: 15px;
}
.selectedTopicSecHeader {
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 22px;
    font-weight: 500;
}
.selectDeselectClass {
    font-size: 14px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #007AC3;
    opacity: 1;
    line-height: 17px;
    font-weight: 400;
}
.selectDeselectClassText {
    float: right;
    cursor: pointer;
}
.selectedTopicsSubContainer {
    margin-top: 10px;
}
.subTopicHeadersLabel {
    font-size: 16px !important;
    font-family: fira-sans, sans-serif !important;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 19px !important;
    font-weight: 500 !important;
}
.subTopicsLists {
    padding-left: 70px;
    margin-top: 10px;
}
.subTopicsListsText {
    font-size: 14px !important;
    font-family: fira-sans, sans-serif !important;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 17px !important;
    font-weight: 400 !important;
    display: contents;
}
.customizeSection {
    width: 230px;
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 22px;
    font-weight: 500;
}
.numberOfQuesSectiontext {
    font-size: 16px !important;
    font-family: fira-sans, sans-serif !important;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 19px !important;
    font-weight: 400 !important;
}
.timeLimitSectionText {
    font-size: 16px !important;
    font-family: fira-sans, sans-serif !important;
    letter-spacing: 0;
    color: #000000 !important;
    opacity: 1;
    line-height: 19px !important;
    font-weight: 400 !important;
}
.pp-form-label-section {
    font-size: 16px !important;
    font-family: fira-sans, sans-serif !important;
    letter-spacing: 0;
    color: #000000 !important;
    opacity: 1;
    line-height: 19px !important;
    font-weight: 400 !important;
    margin-left: 10px;
}
.customizeSectionContainer {
    margin-top: 5.5px;
}
.customizeHeaderSection {
    margin-top: 5px;
}
.qustionListCountContainer {
    margin-top: 5px;
    padding-left: 70px;
}
.unlimited-time, .maximum-field {
    margin-top: 10px;
}
.takeGraderQuizBtn {
    width: 150px;
    margin-top: 30px;
}
.takeGraderQuizBtnText {
    color: #FFFFFF;
    font-family: fira-sans, sans-serif;
    width: 150px;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    background-color: #007AC3;
    padding: 6px 0px 6px 0px;
    height: 33px;
}
.ppQuestions {
    margin-left: 10px;
    width: 50px;
}
.result-block {
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #474747;
    opacity: 1;
    height: 50px;
    width: 50px;
    text-align: center;
    margin-bottom: 25px;
}
.result-blockRemove {
    background: #F8B3B3 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #474747;
    opacity: 1;
    height: 50px;
    width: 50px;
    text-align: center;
}
.result-blockOk {
    background: #D5E8B1 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #474747;
    opacity: 1;
    height: 50px;
    width: 50px;
    text-align: center;
}
.ppglypicStyleRemove {
    color: #EB675A !important;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
}
.ppindex {
    color: #000000;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    font-weight: bold;
    font-size: 35px;
    font-family: fira-sans, sans-serif;
}
.ppglypok {
    padding-top: 12px;
    text-align: center !important;
    font-size: 33px;
}
.ppTickposition {
    top: -2px;
}
.ppglypicStyleCorrect {
    color: #85BC20 !important;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
}
.glypicStyleCorrect {
    color: #85BC20 !important;
    width: 21px;
    height: 19px;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
}
.ppglyp {
    position: relative;
    bottom: 32px;
    font-size: 35px;
}
.ppglypMain {
    padding-left: 5px;
    font-size: 32px;
    padding-top: 15px;
}
.glypicStyleRemove {
    color: #EB675A !important;
    width: 21px;
    height: 19px;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 100;
    position: relative;
}
.ppselectedQuestionAns {
    padding-top: 13px;
}
.progress.pp-inner-progress-barQuiz {
    height: 16px;
    margin-top: 5px;
    background-color: #241866;
    margin-bottom: 10px;
    border-radius: 0px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}
/*grid List*/
.LayoutGridButtons {
    width: 70px;
    font-size: 14px !important;
    font-family: fira-sans, sans-serif !important;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 17px !important;
    font-weight: 400 !important;
    margin-right: 15px;
}
.list-GridButtonsGroup {
    max-width: 92%;
    width: 900px;
    text-align: right;
    padding-right: 3%;
}
#btnContainer {
    float: right;
}
.grid-view, .list-view {
    background-color: #fff;
    padding: 1px;
}
.recently-watched-small {
    opacity: 1;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 18px;
    position: relative;
}
.thumbnail-image-styles {
    border-radius: 50px;
    width: 25px;
    height: 25px;
}
.pp-video-listviewContainer {
    padding-left: 60px;
    margin-top: 10px;
}
.pp-videoTitleStyle {
    margin-left: 10px;
}
.allVideosText {
    width: 230px;
    font-size: 24px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 28px;
    font-weight: 500;
}
.videosGroupContainer {
    margin-top: 20px;
}
.grid-view-activeClass {
    border-bottom: 1px solid #007AC3;
    opacity: 1;
    width: 19px;
}
.videoDivStyle {
    width: 240px;
}
.videoDivStyle .featured-video-title {
    font-family: fira-sans, sans-serif;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0;
    font-weight: 400;
}
.recentlyWatcgedStyle .featured-video-title {
    width: 100%;
    font-family: fira-sans, sans-serif;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: 0;
    font-weight: 400;
}
.pp-progressbarQuizzTitleLabel {
    width: 100% !important;
    color: #000000 !important;
    font-family: fira-sans, sans-serif;
    font-weight: 600 !important;
    font-size: 16px !important;
    opacity: 100 !important;
    line-height: 19px !important;
    margin: 0px 0px 5px 0px !important;
}
@media (max-width : 767px) and (orientation : portrait) {
    .pp-register-heading-title {
        margin-left: 0px !important;
    }
    .userClassNameStyles {
        width: 100% !important;
    }
    .viewVideoFormat {
        width: 100% !important;
        margin-bottom: 25px !important;
        text-align: left !important;
    }
    .practice-perfect-message-group {
        width: 100% !important;
    }
    .practice-perfect-message {
        width: 100% !important;
    }
    .pp-expandCollapseGroup {
        width: 100% !important;
    }
    .pp-RSPexpandCollapseGroup {
        width: 100% !important;
    }
    .practicePerfect-quizCenterprogressContent {
        margin-top: 15px !important;
    }
    .pp-progresbar-btnGroup {
        width: 25% !important;
    }
    #progress-bar-container.progress-bar-container {
        width: 100%;
        margin-left: 0% !important;
    }
    .pp-questionsTitleField {
        width: 100% !important;
        font-family: fira-sans, sans-serif !important;
        font-weight: 400 !important;
    }
    .pp-questionsCount {
        width: 100% !important;
        padding-left: 0px !important;
        text-align: left !important;
        font-family: fira-sans, sans-serif !important;
        font-weight: 400 !important;
    }
    .pp-questionsCountStyle {
        width: 100% !important;
        padding-left: 0px !important;
    }
    .overAll-quizCenterProgress #progress-bar-container .practicePerfect-progressbarContent {
        margin-top: 10px !important;
    }
    #practicePerfect-progressContainer {
        margin-top: 0px !important;
    }
    .pp-confidenceLevelTitle {
        width: 100% !important;
    }
    .pp-confidenceDesc {
        width: 100% !important;
    }
    .confidenceLevelChartSection {
        margin-top: 20px !important;
    }
    .pp-confidenceLevel-message {
        width: 100% !important;
        float: left !important;
    }
    .pp-ConfidenceLevelPerc {
        width: 100% !important;
        float: left !important
    }
    .qcd-bottomBorderPrec {
        margin-top: 20.5px !important;
    }
    .cd-expandCollapseGroup {
        width: 100% !important;
    }
    .pp-cdProgresbar-btnGroup {
        width: 25% !important;
    }
    .cd-progress-bar-container.progress-bar-container {
        margin: 0px !important;
        width: 100% !important;
    }
    .overAll-cd-quizCenterProgress .cd-progress-bar-container .practicePerfect-progressbarContent {
        margin-top: 10px !important;
    }
    #confidenceLevelChart {
        width: 70% !important;
        margin: 0px !important;
    }
    #videoPlayed {
        width: 230px;
    }
    #videoPlayed iframe {
        width: 228px !important;
        height: auto !important;
    }
    #videoPlayed #pageContainer {
        height: auto !important;
    }
    .ppContainer-section {
        margin: 0 auto;
        display: block
    }
    .modal-retaking-show {
        height: auto !important;
        width: 230px !important;
    }
    #modal-retakingVideoQuiz-container {
        width: 210px !important;
        height: auto !important;
    }
    .retakingVideoContent {
        width: 210px !important;
    }
    .yesRetakeBtn {
        margin-top: 10px !important;
    }
    .noYesBtnSection {
        width: 150px !important;
        padding: 0px 0px 20px 0px !important;
        margin: 0px 25px;
    }
    .paddingZeroHeader {
        padding: 0px !important;
    }
    .backRetakeGroup {
        float: left !important;
    }
    .margin-styleAdded {
        margin-top: 20px !important;
    }
    #parent-progress-container {
        padding-left: 10px;
    }
    .backRetakeContainer {
        width: 300px !important;
        float: left !important;
    }
    .retakeBtnGroup {
        margin-top: 10px !important;
    }
    .ppselectedQuestionAns {
        padding-top: 0px !important
    }
    .rationaleContextWidth {
        width: 100% !important;
    }
    .pp-home-section-second-video {
        height: 174.13px !important;
    }
    .mobilePadZero {
        padding: 0px !important;
    }
    .scorebarSection-percent {
        margin-top: 20.5px !important;
    }
    .progress.course-progress-bar.avgProgressBar.avgProgressBar-prof {
        margin-top: 3px !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.lowestProgressBar.lowestProgressBar-prof {
        margin-top: 4px !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.highestProgressBar.highestProgressBar-prof {
        margin-top: 4px !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.studentClassProgressBar {
        margin-top: 3px !important;
        width: 98% !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.classProgressBar.classProgressBar-prof {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar-prof {
        margin-top: 3px !important;
    }
    .orderingPercentageSection {
        text-align: left;
    }
    .sortByOrderingSelect {
        width: 75% !important;
    }
    .nav-tabs-topics-students .nav-item {
        margin-top: 5px !important;
        width: 200px;
        display: inline-block;
    }
    #profCQuiz-detailedResult-content-area .nav-item:first-child {
        margin-left: 5px !important;
    }
    .answersFieldSection {
        padding-left: 0px !important;
    }
    .cq-prof-result-btn.assigned, .cq-prof-result-btn.futureAssign {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }
    .cQuizAttemptedQuestion {
        width: 75% !important;
    }
    .optionalAnswersContext {
        width: 70% !important;
    }
    .optionalAnswersContext-TopicRes {
        width: 70% !important;
    }
    .freeTrial-home-page .freeTrailtext1Subresponse, .freeTrial-home-page .freeTrailtext1response {
        text-align: center !important;
    }
    .ftReedemBtnGroup {
        margin-top: 20px !important;
    }
    .bookThumnailBlock {
        height: auto !important;
    }
}
@media (max-width : 767px) and (orientation : landscape) {
    .userClassNameStyles {
        width: 100% !important;
    }
    .ppVideoGroup {
        padding: 10px 0px 10px 0px !important;
    }
    .practice-perfect-message-group {
        width: 100% !important;
    }
    .practice-perfect-message {
        width: 100% !important;
    }
    .viewVideoFormat {
        width: 100% !important;
        margin-bottom: 25px !important;
        text-align: left !important;
    }
    .pp-expandCollapseGroup {
        float: left !important;
    }
    .pp-RSPexpandCollapseGroup {
        float: left !important;
        width: 230px !important;
    }
    .practicePerfect-quizCenterprogressContent {
        margin: 15px 0px 5px 0px !important;
    }
    .pp-progressbarQuizzTitle {
        width: 80% !important;
    }
    .pp-progresbar-daytime {
        width: 100% !important;
    }
    .pp-progresbar-btnGroup {
        width: 15% !important;
        padding-left: 0px !important;
        margin-top: 15px !important;
    }
    .pp-questionsCount {
        width: 100% !important;
        padding-left: 0px !important;
        text-align: left !important;
    }
    #progress-bar-container.progress-bar-container {
        width: 100%;
        margin-left: 0px;
    }
    #practicePerfect-progressContainer {
        margin-top: 0px !important;
    }
    .cd-expandCollapseGroup {
        width: 100% !important;
    }
    .cd-progress-bar-container.progress-bar-container {
        margin: 0px !important;
        width: 100% !important;
    }
    .overAll-cd-quizCenterProgress .cd-progress-bar-container .practicePerfect-progressbarContent {
        margin-top: 10px !important;
    }
    #confidenceLevelChart {
        width: 50% !important;
        margin: 0px !important;
    }
    #videoPlayed {
        width: 230px;
    }
    #videoPlayed iframe {
        width: 228px !important;
        height: auto !important;
    }
    #videoPlayed #pageContainer {
        height: auto !important;
    }
    .modal-retaking-show {
        height: auto !important;
        width: 230px !important;
    }
    #modal-retakingVideoQuiz-container {
        width: 210px !important;
        height: auto !important;
    }
    .retakingVideoContent {
        width: 210px !important;
    }
    .yesRetakeBtn {
        margin-top: 10px !important;
    }
    .noYesBtnSection {
        width: 150px !important;
        padding: 0px 0px 20px 0px !important;
        margin: 0px 25px;
    }
    .paddingZeroHeader {
        padding: 0px !important;
    }
    .confidenceLevelChartSection {
        margin-top: 20px !important;
    }
    .backRetakeGroup {
        float: left !important;
    }
    #parent-progress-container {
        padding-left: 10px;
    }
    .margin-styleAdded {
        margin-top: 20px !important;
    }
    .backRetakeContainer {
        float: left !important;
    }
    .rationaleContextWidth {
        width: 100% !important;
    }
    /*pp*/
    .pp-home-banner {
        height: auto;
    }
    .pp-home-page h1 {
        font-size: 30px !important;
        line-height: 36px !important;
        padding: 0px 15px 0px 0px;
    }
    .pp-videoGroupImg-section {
        padding: 20px 10px 15px 10px;
    }
    .pp-home-section-third .pp-videoGroupImg-section {
        padding: 20px 10px 0px 30px;
    }
    .pp-home-section-second {
        padding: 10px 0px 10px 0px;
    }
    .pp-home-section-forth h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-second h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-third h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-forth .pp-home-section-forth-block {
        padding: 0px !important;
    }
    .pp-home-section-second-offer {
        margin-top: 15px !important;
    }
    .pp-home-section-second-video {
        height: 174.13px !important;
    }
    .mobilePadZero {
        padding: 0px !important;
    }
    .scorebarSection-percent {
        margin-top: 20.5px !important;
    }
    .progress.course-progress-bar.avgProgressBar.avgProgressBar-prof {
        margin-top: 3px !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.lowestProgressBar.lowestProgressBar-prof {
        margin-top: 4px !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.highestProgressBar.highestProgressBar-prof {
        margin-top: 4px !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.studentClassProgressBar {
        margin-top: 3px !important;
        width: 98% !important;
        width: 98% !important;
    }
    .progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.classProgressBar.classProgressBar-prof {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar-prof {
        margin-top: 3px !important;
    }
    .orderingPercentageSection {
        text-align: left;
    }
    .sortByOrderingSelect {
        width: 75% !important;
    }
    .nav-tabs-topics-students .nav-item {
        margin-top: 5px !important;
        width: 200px;
        display: inline-block;
    }
    .answersFieldSection {
        padding-left: 0px !important;
    }
    .cq-prof-result-btn.assigned, .cq-prof-result-btn.futureAssign {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }
    .cQuizAttemptedQuestion {
        width: 76% !important;
    }
    .optionalAnswersContext {
        width: 70% !important;
    }
    .optionalAnswersContext-TopicRes {
        width: 70% !important;
    }
    /*Free Trial*/
    .search-freeTrail, .search-catalog {
        margin: auto !important;
        padding: 0px !important;
    }
    .freeTrial-home-page .freeTrailtext1Subresponse, .freeTrial-home-page .freeTrailtext1response {
        text-align: center !important;
    }
    .ftReedemBtnGroup {
        margin-top: 20px !important;
    }
    .bookThumnailBlock {
        height: auto !important;
    }
    #profCQuiz-detailedResult-content-area .nav-item:first-child {
        margin-left: 5px !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px) and (orientation : portrait) {
    .userClassNameStyles {
        width: 100% !important;
    }
    .pp-expandCollapseGroup {
        float: right !important;
    }
    .pp-RSPexpandCollapseGroup {
        width: 100% !important;
        text-align: right !important;
    }
    #progress-bar-container.progress-bar-container {
        width: 100% !important;
        padding-left: 80px !important;
        margin-left: 0px !important;
    }
    #practicePerfect-progressContainer {
        margin-top: 0px !important;
    }
    .confidenceLevelChartSection {
        margin-top: 20px !important;
    }
    #confidenceLevelChart {
        width: 35% !important;
        margin: 0px !important;
    }
    #videoPlayed {
        width: 470px;
    }
    #videoPlayed iframe {
        width: 468px !important;
        height: 265px !important;
    }
    #videoPlayed #pageContainer {
        height: auto !important;
    }
    .backRetakeContainer {
        width: 310px !important;
    }
    .margin-styleAdded {
        margin-top: 0px !important;
    }
    .rationaleContextWidth {
        width: 100% !important;
    }
    #featuredVideo img {
        width: 100% !important;
    }
    .pp-home-section-third {
        padding: 0 !important;
    }
    .pp-home-section-third h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-forth h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-CodeIEbgColor h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-forth {
        padding: 0 !important;
    }
    .nav-page-Group {
        padding: 44px 0px 0px 15px !important
    }
    .nav-page-Group-pElement {
        padding: 0px 15px 0px 15px !important
    }
    .pp-home-section-second-offer {
        font-size: 16px !important;
        line-height: 19px !important;
    }
    .pp-home-section-second-video {
        height: 353.87px !important;
    }
    .mobilePadZero {
        padding: 0px !important;
    }
    .cQuizAttemptedQuestion {
        width: 85% !important;
    }
    .optionalAnswersContext {
        width: 92% !important;
    }
    .glypicCorrectGroup, .glypicWrongGroup {
        margin-left: 20px
    }
    .optionalAnswersContext-TopicRes {
        width: 75% !important;
    }
    .freeTrailtext1response {
        margin-top: 30px !important;
    }
    .freeTrial-home-page .freeTrailtext1Subresponse, .freeTrial-home-page .freeTrailtext1response {
        text-align: center !important;
    }
    .ft-home-pager-block {
        width: 100% !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px)and (orientation : landscape) {
    #progress-bar-container.progress-bar-container {
        width: 100% !important;
        padding-left: 80px;
        margin-left: 0px !important;
    }
    .viewVideoFormat {
        text-align: left !important;
        width: 100% !important;
    }
    .pp-progresbar-btnGroup {
        margin-top: 35px !important;
    }
    .vidSecContiner {
        margin-top: 10px;
    }
    #confidenceLevelChart {
        width: 30% !important;
        margin: 0px !important;
    }
    #videoPlayed {
        width: 470px;
    }
    #videoPlayed iframe {
        width: 468px !important;
        height: 265px !important;
    }
    #videoPlayed #pageContainer {
        height: auto !important;
    }
    .confidenceLevelChartSection {
        margin-top: 20px !important;
    }
    .backRetakeContainer {
        width: 310px !important;
    }
    .margin-styleAdded {
        margin-top: 0px !important;
    }
    .pp-RSPexpandCollapseGroup {
        width: 100% !important;
        text-align: right !important;
    }
    .rationaleContextWidth {
        width: 100% !important;
    }
    #featuredVideo img {
        width: 100% !important;
    }
    .pp-home-section-third h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-forth h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .pp-home-section-forth {
        padding: 0 !important;
    }
    .nav-page-Group {
        padding: 44px 0px 0px 0px !important
    }
    .nav-page-Group-pElement {
        padding: 0px 15px 0px 0px !important
    }
    .pp-home-section-second-offer {
        font-size: 16px !important;
        line-height: 19px !important;
    }
    .pp-home-section-second-video {
        height: 353.87px !important;
    }
    .cQuizAttemptedQuestion {
        width: 85% !important;
    }
    .optionalAnswersContext {
        width: 91% !important;
    }
    .optionalAnswersContext-TopicRes {
        width: 75% !important;
    }
    .ft-home-banner-blocks-two .ft-home-banner-block-two {
        padding-right: 60px !important;
        padding-left: 60px !important;
    }
    .freeTrailtext1response {
        margin-top: 30px !important;
    }
    .freeTrial-home-page .freeTrailtext1Subresponse, .freeTrial-home-page .freeTrailtext1response {
        text-align: center !important;
    }
    .ft-home-pager-block {
        width: 100% !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
    .editor-submit-wrapper {
        top: 137px !important;
    }
}
.quizBtnMode {
    width: 150px;
    margin: 0px 2px 5px 0px;
}
.quizBtnModeText {
    width: 150px;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    background-color: #ffffff;
    padding: 6px 0px 6px 0px;
    height: 33px;
    margin-bottom: 5px;
    color: #007AC3;
    border: 0.5px solid #007AC3;
    font-family: fira-sans, sans-serif;
}
.quizBtnModeTextpp {
    width: 150px;
    font-size: 16px;
    line-height: 19px;
    opacity: 1;
    color: #ffffff;
    padding: 6px 0px 6px 0px;
    height: 33px;
    margin-bottom: 5px;
    background-color: #007AC3;
    border: 0.5px solid #007AC3;
    font-family: fira-sans, sans-serif;
}
.takeQuizClassStyle {
    width: 100%;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 19px;
    font-weight: 400;
}
.quizBtnModeContainer {
    margin-bottom: 15px;
    margin-top: 5px;
    width: 100%
}
.iframeVideostyle {
    border: 0.5px solid #474747;
}
.pp-questionsCount {
    font-weight: 400;
    text-align: right;
    margin-top: 4px;
}
.cd-progress-bar-container .pp-questionsCount {
    font-weight: 400;
    text-align: left;
    margin-top: 4px;
}
.pp-questionsCountStyle {
    text-align: right;
    margin-top: 4px;
}
.confidenceChartProgress {
    fill-opacity: 0 !important;
    margin-top: 5px;
}
.pathFillOpacity {
    fill-opacity: 0 !important;
}
.marginStyleSubSection {
    margin-left: 80px;
}
#confidenceLevelChart {
    width: 100%;
    margin: 3px 10px 0px 0px;
}
.overAll-quizCenterProgress {
    margin-top: 5px;
}
#videoPlayed iframe {
    width: 900px;
}
.resultTextStyles {
    width: 150px !important;
    font-size: 14px !important;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #007AC3 !important;
    opacity: 1;
    line-height: 17px;
    font-weight: 400;
}
.video-progressBar {
    cursor: pointer;
    height: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
    bottom: 5px;
}
.video-progressBar span {
    background-color: #E5202E;
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 0%;
}
.recentlyWatchedVideo-progressBar {
    cursor: pointer;
    height: 5px;
    overflow: hidden;
    position: relative;
    width: 230px;
    bottom: 6px;
}
.recentlyWatchedVideo-progressBar span {
    background-color: #E5202E;
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 0%;
}
.allVideo-progressBar {
    cursor: pointer;
    height: 5px;
    overflow: hidden;
    position: relative;
    width: 230px;
    bottom: 6px;
}
.allVideo-progressBar span {
    background-color: #E5202E;
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 0%;
}
.modal-retaking-show {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin: 8% auto;
    padding: 10px;
    border: 1px solid #474747;
    width: 330px;
    opacity: 100;
    height: auto;
}
#modal-retakingVideoQuiz-container {
    height: auto;
    text-align: center;
    width: 310px;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
}
.retakingContentGroup {
    margin-top: 20px;
    margin-bottom: 20px;
}
.retakingVideoContent {
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    height: auto;
    text-align: center;
    width: 310px;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
}
.yesRetakeBtn {
    width: 150px;
    height: 33px;
    border: 1px solid #007AC3;
    border-radius: 0px;
    font-family: fira-sans, sans-serif;
    background-color: #007AC3;
    color: #FFFFFF;
    margin-top: 10px !important;
}
.noGoBackBtn {
    width: 150px;
    height: 33px;
    border: 1px solid #007AC3;
    border-radius: 0px;
    font-family: fira-sans, sans-serif;
    background-color: #FFFFFF;
    color: #007AC3;
    margin-top: 10px !important;
}
.ppQuizMarginStyleTop {
    margin-bottom: 5px;
}
#child-progress-container {
    margin-bottom: 25px;
}
.quizzesMessagesStyle {
    margin-top: 5px;
}
.scoresAvgStylesGroup {
    margin-top: 15px;
}
.backRetakeGroup {
    width: 150px;
    margin: 0px 10px 0px 0px;
}
.retakeBtnGroup {
    width: 150px;
    margin: 0px;
}
.backToVideoBtn {
    width: 150px;
    padding: 0px;
}
.retakeGradedBtn {
    width: 162px;
    padding: 0px;
    text-align: center
}
.pp-secscore-group {
    text-align: left;
    font-weight: 700;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}
.pp-score-group {
    text-align: left;
    font-weight: 500;
    font-family: fira-sans, sans-serif;
    font-size: 48px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}
.backRetakeContainer {
    float: right;
    width: 310px;
}
.margin-styleAdded {
    margin-top: 30px;
}
.qrp-bottomBorder {
    border-bottom: 1px solid #474747;
    opacity: 100;
    opacity: 100;
    width: 100%;
    margin-bottom: 19.5px;
    margin-top: 18.5px;
}
#videoCircleProgress {
    position: absolute;
    height: 25px;
    width: 25px;
    cursor: pointer;
    margin: -21px 0 0 -21px;
}
.progress-circle {
    transform: rotate(-90deg);
    margin-top: -40px;
    position: relative;
    top: 23px;
    right: 38px;
}
.progress-circle-back {
    fill: none;
    stroke: #474747;
    stroke-width: 3px;
}
.progress-circle-prog {
    fill: none;
    stroke: #E5202E;
    stroke-width: 3px;
    stroke-dasharray: 0 999;
    stroke-dashoffset: 0px;
    transition: stroke-dasharray 0.7s linear 0s;
}
.videoCircleProgressBlock {
    top: 20px;
    position: relative;
    cursor: pointer;
    margin: -21px 0 0 -21px;
}
.recentlyWatchedStyle {
    width: 240px;
}
#featuredVideo img {
    width: 100%;
    height: 100%;
    border: 1px solid #474747;
}
.pp-thumbnail-image {
    width: inherit;
    height: inherit;
    border: 1px solid #474747;
}
.confidenceProgressPerc {
    font-size: 16px !important;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000 !important;
    opacity: 1;
    line-height: 19px !important;
    font-weight: 700 !important;
    position: relative;
    bottom: 30px;
    width: 92%;
    text-align: center;
}
.pp-header-Container {
    margin-top: 30px;
    margin-bottom: 17.4px;
}
.titleContent {
    margin-bottom: 6px;
    font-size: 24px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    line-height: 28px;
    font-weight: 700;
}
.expandRSPBtnGroup {
    text-align: right;
    font-size: 16px;
}
.pp-quizAttemptBtn {
    width: 180px !important;
}
.rationaleContextWidth {
    width: 100%;
}
.videoShowSec {
    font-size: 24px;
}
.pp-marginTop5-Style {
    margin-top: 5px;
}
.pp-home-section-second-offer {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    letter-spacing: 0;
    color: #474747;
    opacity: 1;
    line-height: 22px;
    font-weight: 400;
}
.ppGlypicStyle {
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #A3A3A3;
    cursor: pointer;
}
.ppGlypicStyleActive {
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #009881;
    cursor: pointer;
}
.videoLibraryLegalCon {
    padding: 0px 10px 0px 20px;
    position: relative;
    bottom: 5px;
    cursor: pointer;
}
.personalizedQuizCenter {
    padding: 0px 10px 0px 20px;
    position: relative;
    bottom: 5px;
    cursor: pointer;
}
.detailedRationales {
    padding: 0px 10px 0px 20px;
    position: relative;
    bottom: 5px;
    cursor: pointer;
}
.confidenceProgressTrackers {
    padding: 0px 10px 0px 20px;
    position: relative;
    bottom: 5px;
    cursor: pointer;
}
.videoLibraryFrame, .videoLibraryFrame:hover {
    width: 100%;
    opacity: 1;
    border: 1px solid #A3A3A3;
    overflow: hidden;
    cursor: pointer;
}
.pp-marginTop30-style {
    margin-top: 30px;
    margin-bottom: 30px;
}
.pp-marginTop30-style .button-group {
    padding: 0px;
}
#pp-quizCenterBlock, #pp-rationaleBlock, #pp-confidenceBlock, #quizCenterImg, #rationalImg, #confidenceProgressImg {
    display: none
}
.pp-home-section-forth img {
    width: 100%;
    z-index: 100;
}
.pp-home-section-second-video {
    width: 100%;
    height: 264px;
}
.pp-home-section-second h2 {
    font-size: 30px;
    line-height: 36px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    color: #474747;
}
.pp-home-section-third h2 {
    font-size: 30px;
    line-height: 36px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    color: #474747;
}
.pp-home-section-forth h2 {
    font-size: 30px;
    line-height: 36px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    color: #474747;
}
.pp-home-section-CodeIEbgColor h2 {
    font-size: 30px;
    line-height: 36px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.container-left-desktop-fix-cq.container-left-desktop-fix-pp {
    width: 83% !important
}
.container-left-desktop-fix-cq.container-left-desktop-fix-pp .cQuizMain-container {
    width: 100% !important
}
.ppDashBoardBtnSection #progressBtn {
    margin-left: 25px !important;
}
#ppButtonRegister:active, #ppButtonRegister:active:focus, #ppButtonRegister:focus, #ppButtonRegister:hover {
    background-color: #007AC3;
    color: #fff
}
#buyNowButton, #ppBuyNowII {
    font-size: 18px;
    line-height: 22px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
}
#buyNowButton:active, #buyNowButton:active:focus, #buyNowButton:focus, #buyNowButton:hover, #ppBuyNowII:active, #ppBuyNowII:active:focus, #ppBuyNowII:focus, #ppBuyNowII:hover {
    background-color: #007AC3;
    color: #fff;
    border: 1px solid #007AC3;
}
.pp-font-underGif {
    font-size: 14px;
    line-height: 20px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
}
.nav-page-Group {
    padding: 90px 0px 0px 0px
}
.pp-home-section-forth .pp-home-section-forth-vid-block {
    margin-top: 30px;
}
#pp-customerCarousel .carousel-inner {
    min-height: 300px
}
#pp-customerCarousel .carousel-inner blockquote {
    border-left: none;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    color: #474747;
}
#pp-customerCarousel .carousel-indicators li {
    background-color: #A3A3A3 !important;
    height: 15px !important;
    width: 15px !important
}
#pp-customerCarousel .carousel-indicators li.active {
    background-color: #009881 !important;
    height: 15px !important;
    width: 15px !important
}
#pp-customerCarousel .carousel-indicators {
    bottom: -5% !important;
}
.practisePerfect_page .button-register, .practisePerfect_page .button-register:active, .practisePerfect_page .button-register[disabled] {
    background: url('../img/pp/blue-button-sm.png') no-repeat;
    background-color: none;
    border: medium none;
    height: 29px;
    width: 90px;
    display: none;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
    padding-top: 8px;
    text-align: center;
    color: #FFFFFF;
}
.promptTextfontpp {
    font-family: fira-sans, sans-serif;
    font-weight: 400 !important
}
.pp-reviewfont {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px;
}
.ppvideofont {
    font-size: 14px;
}
.pp-quizCenterprogress-reviewRetakeStyle {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px;
}
@media (max-width: 1268px) and (min-width: 819px) {
    /*Qp widget show answer*/
    .show-hide-focus {
        margin-top: 10px !important;
    }
}
@media (max-width: 462px) {
    /*Qp widget show answer*/
    .ppDashBoardBtnSection #progressBtn {
        margin-left: 0px !important;
    }
}
.iconGlypicColor {
    color: #009881;
}
.pp-home-section-one {
    background-color: #a6d1eb;
    height: auto;
}
#pp-customerCarousel .carousel-inner img {
    min-height: auto;
}
.pp-home-section-thirdBgColor {
    background-color: #ECECEC;
}
.pp-home-section-third .pp-home-section-third-block {
    padding: 34px 0px 46px 0px;
}
#profCQuiz-detailedResult-content-area .titleTab {
    line-height: 10px !important;
    font-family: fira-sans, sans-serif !important;
    background: #ECECEC 0% 0% no-repeat padding-box;
    border: 1px solid #474747 !important;
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
    min-height: 30px;
    min-width: 150px;
}
#profCQuiz-detailedResult-content-area .titleTab:hover {
    line-height: 10px !important;
    border: 1px solid #474747 !important;
    cursor: pointer;
    background: #ECECEC 0% 0% no-repeat padding-box !important;
    border: 1px solid #474747;
}
#profCQuiz-detailedResult-content-area .titleTab.tab-selected {
    line-height: 10px !important;
    font-family: fira-sans, sans-serif !important;
    background: #ECECEC 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #007ac3 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
    min-height: 30px;
    min-width: 150px;
}
#profCQuiz-detailedResult-content-area .titleTab.tab-selected:hover {
    line-height: 10px !important;
    cursor: pointer;
    background: #007ac3 !important;
    min-height: 30px !important;
    min-width: 150px !important;
    border: 0px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #007ac3 !important;
}
#profCQuiz-detailedResult-content-area .nav-item:first-child {
    margin-left: 0px
}
.previewSec {
    margin-bottom: 40px;
}
.breadCrumbSection .studSemesterNames {
    font-weight: 400 !important;
    font-size: 18px !important;
    opacity: 1 !important;
    line-height: 22px !important;
    letter-spacing: 0;
}
.backgroundGreen {
    background: #D5E8B1
}
.cq-prof-result-btn, .cq-prof-result-btn:hover {
    font-size: 18px;
    color: #474747;
    font-weight: 300;
    text-align: center;
    font-family: fira-sans, sans-serif;
    line-height: 22px;
    Opacity: 1;
    background-color: #FFFFFF;
    width: 150px;
    height: 30px;
    border-radius: 5px;
    white-space: normal;
    padding: 0px !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
    border: 0.5px solid #474747;
    opacity: 1;
    letter-spacing: 0;
}
.btn-sec {
    margin-top: 10px;
}
.startImmediately-text {
    margin-top: -7px;
}
.padding-5-0 {
    padding: 5px 0px !important;
}
.stud-sub-parent {
    margin-left: 25px;
}
.cq-prof-result-btn.assigned, .cq-prof-result-btn.futureAssign {
    width: 200px !important;
    margin-left: 15px;
}
.profCQuiz-TopicResult-progress {
    margin-top: 20px;
}
.prof-detailedStudResultSection {
    margin-top: 25px;
}
.stud-quizResultStudentDropDownSelection {
    margin-top: 30.5px;
}
.stud-ClassName-ResultSection {
    margin-top: 10px
}
@media(min-width:768px) and (max-width: 991px) {
    .orderingPercentageSection {
        text-align: left;
        margin-top: 10px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.avgProgressBar.avgProgressBar-prof {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.lowestProgressBar.lowestProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.highestProgressBar.highestProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.classProgressBar.detailedStudProgressBar {
        margin-top: 3px !important;
    }
    .progress.course-progress-bar.classProgressBar.classProgressBar-prof {
        margin-top: 4px !important;
    }
    .progress.course-progress-bar.studentClassProgressBar-prof {
        margin-top: 3px !important;
    }
    .prof-stud-style-ltor {
        padding-left: 80px !important;
    }
    .scorebarSection-percent {
        margin-top: 20.5px !important;
    }
}
.ordinalNumberBlock {
    margin: 10px 0px 0px;
    width: 3%;
}
.ordinalNumberBlock-stud {
    margin: 9px 0px 0px;
    width: 3%;
}
.answersFieldSection {
    padding-left: 70px;
}
.page-template .watermark {
    width: 1100px;
    transform: rotate(43deg);
    position: absolute;
    top: 35%;
    left: 0%;
    opacity: 0.2;
    z-index: 999999999
}
.glypicStyleCorrect.glypicAlignStudAnswer {
    width: 2%
}
.rationaleContext p {
    margin: 0px;
}
#myModalStart #calenderSelectStartDate, #myModalStart #calenderSelectStartTime {
    background: #ECECEC !important;
    box-shadow: none !important;
    border: none;
}
.padding-5-0 span.down {
    font-size: 25px;
    color: black;
    position: absolute;
    margin-left: -20px;
    margin-top: -4px;
}
.skillDetails-preview {
    border: 1px solid #707070 !important;
}
.barCodeSplit {
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    opacity: 1;
    line-height: 19px;
}
#professor-PreviewResultspdf .selectedQuestionAns {
    width: 85%;
    height: auto;
    float: left
}
#professor-PreviewResultspdf .ordinalNumberPrev {
    width: 100%;
    height: auto;
}
#professor-PreviewResultspdf .promptTextfontpp {
    width: 98%;
    height: auto;
    float: left;
}
#professor-PreviewResultspdf .glypicStyleCorrect {
    position: relative;
    top: 15px !important;
}
#professor-PreviewResultspdf .pdfHide {
    width: 2%;
}
.labelPdfMarginLeft {
    width: 45px;
    height: auto;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    color: #474747 !important;
    position: relative;
    top: -2px;
}
#professor-PreviewResultspdf .skillDetails-preview-topic, #professor-PreviewResultspdf .skillDetails-preview-value {
    width: 50%;
}
#professor-PreviewResultspdf .pdfHide {
    font-size: 16px;
}
.labelPdfMarginLeftCQ {
    width: 45px;
    height: auto;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    color: #474747 !important;
    position: relative;
    top: -19px;
    margin-left: 24px;
}
.labelPdfMarginLeftCQstu {
    width: 45px;
    height: auto;
    opacity: 1;
    font-weight: 500;
    font-size: 16px;
    font-family: fira-sans, sans-serif;
    line-height: 19px;
    color: #474747 !important;
    position: relative;
    margin-left: 10px;
}
.prof-classResultStudentDropDownSelection {
    margin-top: 10px;
}
.glypicStyleWrongCQ {
    color: #E5202E !important;
    width: 21px;
    height: 19px;
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    opacity: 1;
    position: relative;
}
.k-pdf-export #professor-PreviewResultspdf {
    -webkit-touch-callout: none !important;
    /* iOS Safari */
    -webkit-user-select: none !important;
    /* Safari */
    -khtml-user-select: none !important;
    /* Konqueror HTML */
    -moz-user-select: none !important;
    /* Firefox */
    -ms-user-select: none !important;
    /* Internet Explorer/Edge */
    user-select: none !important;
}
.page-template .footer {
    width: 90%;
    position: absolute;
    top: 95%;
    bottom: 40px;
    border-top: 1px solid #000;
    height: auto !important;
    word-break: break-all;
    border-bottom: 1px solid #000;
}
#profConcerige {
    background-color: #A6D1EB;
}
.pp-home-bannerFreeTrail {
    position: relative;
    background-color: #007AC3;
    height: 300px;
    margin: auto;
    width: 1370px;
}
.freeTrailtext1 {
    font-size: 30px !important;
    opacity: 1;
    width: 683px;
    margin-top: 102px;
    font-family: "akzidenz-grotesk";
}
.freeTrailtextSubHeader {
    font-size: 18px !important;
    opacity: 1;
    font-family: "akzidenz-grotesk";
}
.freeTrailSecondSection {
    width: 1370px;
    height: 225px;
}
.freeTrailSecondSectionHide {
    width: 1366px;
    height: 192px;
    background-color: #ECECEC;
}
.freeTrailSecondSectionHeader {
    color: #474747;
    margin-top: 30px;
    font-size: 24px !important;
    width: 683px !important;
    font-family: "akzidenz-grotesk";
    font-weight: 600;
    margin-left: 150px;
}
.freeTrailSecondSectionHeadernew {
    color: #474747;
    margin-top: 30px;
    font-size: 24px !important;
    width: 683px !important;
    font-family: "akzidenz-grotesk";
    font-weight: 600;
    margin-left: 183px;
}
.freeTrailSecondSectionHeaderhide {
    color: #474747;
    margin-top: 30px;
    font-size: 24px !important;
    width: 683px !important;
    text-align: center;
    font-family: "akzidenz-grotesk";
    margin-right: 345px;
    font-weight: 600;
}
.freeTrailSecondSectionsub {
    color: #474747;
    margin-top: 10px;
    font-size: 16px !important;
    width: 350px;
    text-align: center;
    margin-left: 152px ! important;
    font-family: "akzidenz-grotesk";
}
.freeTrailSecondSectionsubButton {
    color: #474747;
    margin-left: 530px;
    margin-top: 30px;
    font-size: 16px !important;
}
.freeTrailButton {
    color: #FFFFFF;
    background-color: #007AC3;
    opacity: 1;
    border-radius: 5px;
    border: none !important;
    padding: 6px 12px;
    width: 115px;
    margin-top: 10px;
    margin-left: 259px;
}
.freeTrailButtonlogin {
    color: #FFFFFF;
    background-color: #007AC3;
    opacity: 1;
    border-radius: 5px;
    border: none !important;
    padding: 6px 12px;
    margin-top: 30px;
}
.freeTrailButtoncreate {
    color: #FFFFFF;
    background-color: #007AC3;
    opacity: 1;
    border-radius: 5px !important;
    height: 30px !important;
    border: none !important;
    padding: 6px 12px;
    width: 160px;
    margin-top: 30px;
    text-align: center;
}
.freeTrailButtonContinue {
    color: #FFFFFF;
    background-color: #007AC3;
    opacity: 1;
    border-radius: 5px !important;
    height: 30px !important;
    border: none !important;
    padding: 6px 12px;
    width: 160px;
    text-align: center;
}
.freeTrailthirdSection {
    width: 1370px;
    height: 165px;
    background-color: #007AC3;
}
.freeTrailthirdSectionheader {
    color: #FFFFFF;
    width: 683px;
    margin-top: 48px;
    height: 70px;
    font-size: 17px !important;
    font-family: "akzidenz-grotesk";
    text-align: center;
}
.freeTrailSecondSectionlogin {
    width: 683px;
    height: 225px;
    background-color: #ECECEC;
}
.freeTrailSecondSectioncreate {
    width: 683px;
    height: 225px;
    background-color: #DADADA;
}
.freetrailHidesection {
    margin-left: 330px;
}
.ft-home-pager {
    position: relative;
    background-color: #007AC3;
    height: auto;
    margin: auto;
}
.ft-home-secondpager {
    position: relative;
    height: auto;
    width: 100%;
}
.ft-home-thirdpager {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #007AC3;
    color: #ffff;
}
.ft-home-pager-block {
    width: 80%;
    padding: 15px;
    margin: auto;
}
.ft-home-pager-third {
    width: 80%;
    margin: auto;
}
.freeTrailtext1response {
    font-size: 30px !important;
    opacity: 1;
    font-family: "akzidenz-grotesk";
    margin-top: 50px;
    font-weight: 500;
}
.freeTrailtext1Subresponse {
    font-size: 18px !important;
    opacity: 1;
    font-family: "akzidenz-grotesk";
}
.ftSecondSectionlogin {
    height: 225px;
    background-color: #ECECEC;
}
.ftSecondSectionHeader {
    color: #474747;
    margin-top: 30px;
    font-size: 24px !important;
    font-family: "akzidenz-grotesk";
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
}
.ftSecondSectionsub {
    color: #474747;
    margin-top: 10px;
    font-size: 16px !important;
    text-align: center;
    font-family: "akzidenz-grotesk";
    width: 100%;
}
.ftSecondSectionlogin {
    height: 225px;
    background-color: #ECECEC;
    text-align: center;
}
.ftSecondSectioncreate {
    background-color: #DADADA;
    opacity: 1;
    height: 225px;
    text-align: center;
}
.ftSecondSectionContinue {
    background-color: #DADADA;
    opacity: 1;
    height: 225px;
    text-align: center;
}
.ftThirdSectionfoot {
    background-color: #007AC3;
    opacity: 1;
    height: 132px;
    text-align: center;
    text-align: center;
}
.ftThirdsection {
    text-align: center;
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-family: "Akzidenz-Grotesk";
    font-weight: 400;
}
.ftcontentmodal {
    font-family: "akzidenz-grotesk";
    letter-spacing: 0;
    height: auto;
    text-align: center;
    width: 315px;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
}
.ftcontentmodalHeader {
    font-family: "akzidenz-grotesk";
    letter-spacing: 0;
    height: auto;
    text-align: center;
    width: 315px;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
    font-weight: 400;
}
.ftContentGroup {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 20px;
}
.ftmodal-retaking-show {
    height: auto !important;
    width: 375px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin: 8% auto;
    padding: 10px;
    border: 1px solid #474747;
    opacity: 1;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20);
}
.ftyesRetakeBtn {
    width: 150px;
    height: 33px;
    border: 1px solid #007AC3;
    border-radius: 5px;
    font-family: fira-sans, sans-serif;
    background-color: #007AC3;
    color: #FFFFFF;
    margin-top: 10px !important;
}
.page-template .footer {
    width: 90%;
    position: absolute;
    top: 95%;
    bottom: 20px;
    border-top: 1px solid #000;
}
.page-template .footer {
    display: block;
    position: absolute;
    top: 95%;
    bottom: 10px;
    border-top: 1px solid #000;
    background-color: #EAEAEA !important;
    height: auto !important;
    color: #333 !important;
    display: block;
    padding: 5px;
    position: running(footer);
    word-break: break-all;
}
.page-template .footer table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
}
.page-template .footer table tr td {
    text-align: left;
    padding: 8px;
}
/*Free Trail*/
.freeTrial-home-page {
    text-align: center
}
.freeTrial-home-page .freeTrailtext1Subresponse, .freeTrial-home-page .freeTrailtext1response {
    text-align: left;
}
.free-trial-home-section-two {
    text-align: left
}
.free-trial-home-banner {
    background-color: #007AC3;
    height: auto;
}
.ft-home-banner-blocks-one {
    padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
    width: 60%;
}
.ft-home-banner-blocks-two {
    padding-right: 100px;
    padding-left: 100px;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}
.ft-home-banner-blocks-third {
    padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
    width: 60%;
}
.ft-home-banner-blocks-two .ft-home-banner-block-two {
    padding-right: 100px;
    padding-left: 100px;
}
.freeTrial-home-page h2 {
    font-family: "akzidenz-grotesk";
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    color: #FFFFFF;
    opacity: 1;
    letter-spacing: 0;
    margin: 0 0 10px 0;
}
.ft-home-banner-blocks-one .ft-home-sectionText {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    opacity: 1;
    letter-spacing: 0;
    margin: 0px;
    text-align: center;
}
.ft-margin30 {
    margin: 30px 0px 30px 0px;
}
.free-trial-home-section-two .ft-home-section {
    color: #474747;
    font-family: "Fira Sans";
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    opacity: 1;
    letter-spacing: 0;
    margin: 0px;
}
.free-trial-home-section-two .reddemedClass {
    color: #474747;
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    opacity: 1;
    letter-spacing: 0;
    margin: 1px;
}
.free-trial-home-section-two .searchFilterBooks {
    margin-top: 5px;
    display: flex;
}
.searchBtn {
    width: 120px;
    font-family: "fira-sans";
    font-size: 16px;
    line-height: 20px;
    opacity: 1;
    letter-spacing: 0;
    color: #FFFFFF;
    padding: 5px;
    background: #007AC3;
}
.bookThumnailBlock {
    padding: 10px 10px 10px 10px;
    height: 355px;
    margin-top: 30px;
}
.searchFilterInput {
    height: 30px !important;
}
.showBooksBlock {
    display: block;
}
.ft-bookTitle {
    width: 100%;
    height: auto;
    min-height: 41px;
    font-family: "Fira Sans";
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    opacity: 1;
    letter-spacing: 0;
    color: #474747;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}
.ft-bookAuthor {
    width: 100%;
    height: auto;
    min-height: 41px;
    font-family: "Fira Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    opacity: 1;
    letter-spacing: 0;
    color: #474747;
    margin-top: 5px;
    white-space: pre-wrap;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}
.ftReedemBtnGroup {
    text-align: center;
}
.ftReedemBtn {
    width: 116.67px;
    font-family: "fira-sans";
    font-size: 18px;
    line-height: 23px;
    opacity: 1;
    letter-spacing: 0;
    color: #FFFFFF;
    background: #007AC3;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
}
.bookListGroup .ft-bookListImage {
    width: 153px;
    height: 215px;
    border: 1px;
    border-color: #dbdbdb;
    border-style: solid;
}
.loadMoreBookList {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
}
.loadMoreBookListBtn {
    width: 230.73px;
    font-family: "fira-sans";
    font-size: 18px;
    line-height: 23px;
    opacity: 1;
    letter-spacing: 0;
    color: #FFFFFF;
    background: #007AC3;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
}
#ft-bookListBlock {
    padding-right: 100px;
    padding-left: 100px;
}
#ft-bookListBlock {
    padding-right: 100px;
    padding-left: 100px;
}
.ft-home-banner-blocks-third .ft-home-sectionText {
    font-family: "akzidenz-grotesk";
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    opacity: 1;
    letter-spacing: 0;
    margin: 0px;
}
.ft-cateloglandingPage {
    display: none;
}
.ftBookImg {
    width: 100%
}
@media (max-width: 768px) {
    .learnMoreChange-UAT {
        padding-right: 20px;
    }
    .ft-home-banner-blocks-two, .ft-home-banner-blocks-one {
        padding: 0px !important;
        width: 81% !important;
    }
    .ft-home-banner-blocks-two .ft-home-banner-block-two, .fe-home-banner-blocks-second .fe-home-banner-block-two, .ft-home-banner-blocks-one .ft-home-banner-block-two {
        padding: 0px !important;
    }
    #ft-bookListBlock {
        padding: 0px !important;
    }
    .searchBtn {
        width: 80px !important;
    }
    .ft-home-banner-blocks-third {
        padding: 0px !important;
    }
    .search-freeTrail, .search-catalog {
        margin: auto !important;
        padding: 0px !important;
    }
}
@media (max-width: 992px) {
    .ft-home-banner-blocks-two, .fe-home-banner-blocks-second {
        padding: 0px !important;
        width: 81% !important;
    }
}
.search-freeTrail li.columnBooks {
    display: none;
}
.ft-home-secondpager.ftresource-logged-in {
    margin-top: 0px;
}
.ftContinueBtn {
    margin: 30px 0px 30px;
}
#modal-ftModal-container {
    height: auto;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
}
.error-msg.pp-secSub-name {
    width: 100%;
    margin: 10px 0px;
}
.buyNowBtnMargin {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}
.pp-home-section-CodeIEbgColor {
    background: #007AC3;
}
.pp-home-section-CodeIE {
    width: 90%;
    padding: 30px 0px;
    background-color: #007AC3;
    height: auto;
    margin: auto;
}
.pp-home-section-CodeIE-one {
    background-color: #fff;
    margin-left: 35px;
    padding: 35px 30px 50px 30px;
    min-height: 280px;
    max-height: 280px;
    width: 30%
}
.pp-home-section-CodeIE-one.first {
    margin-left: 0px
}
.pp-home-section-CodeIE-two {
    padding-top: 70px;
}
.practicePerfect-CodeIE {
    width: 100%;
}
.textWhiteClr {
    color: #fff;
}
.vidSecContiner .no-quiz {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    color: #757575;
    margin-top: 10px
}
#studCQuiz-detailedResult-progress .cqTopicperformance, #studCQuiz-detailedResult-progress .cqQuizcenterOrder {
    margin-bottom: 50px !important;
}
.fe-padding30 {
    padding: 30px;
}
.fe-home-banner-blocks-second {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 60%;
    background-color: #fff;
    color: #474747;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 73px;
}
.fe-home-secondPager {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #007AC3;
    background-image: linear-gradient(to right, #007AC3, #A6D1EB);
    min-height: calc(100vh - 100px - 20px);
}
.fe-textBlue {
    color: #007AC3;
    font-family: 'Akzidenz-Grotesk pro', sans-serif;
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 5px;
    width: 78%;
    margin: auto;
}
.fe-textblack {
    color: #474747;
    font-family: 'Akzidenz-Grotesk pro', sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: 0px;
    opacity: 1;
}
.fe-textWhite {
    color: #FFFFFF;
    font-family: 'Akzidenz-Grotesk pro', sans-serif !important;
}
.fe-secondSec h4 {
    margin-top: 15px;
}
.fe-home-pager {
    position: relative;
    background-color: #007AC3;
    height: auto;
    margin: auto;
    background-image: linear-gradient(to right, #007AC3, #A6D1EB);
}
.feHomeBannerImg {
    margin-top: 30px;
}
.fe-home-banner-block-second h4 {
    color: #474747;
    font-family: 'Akzidenz-Grotesk pro', sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0px;
    opacity: 1;
}
.fe-marginTop13f {
    margin-top: 13px;
}
.fe-BannerHeader {
    color: #FFFFFF;
    font-family: 'Akzidenz-Grotesk pro', sans-serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 30px !important;
}
.ft-BannerHeader {
    color: #FFFFFF;
    font-family: 'Akzidenz-Grotesk pro', sans-serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 30px !important;
    text-align: center;
}
.errorPageHeader {
    font-size: 68px;
    line-height: 87px;
    font-weight: bold;
    text-align: center;
    font-family: "Akzidenz-Grotesk Pro";
    opacity: 1;
    margin-bottom: 5%;
}
.errorPageMessage {
    text-align: center;
    font-size: 18px;
    font-family: "Akzidenz-Grotesk Pro";
    line-height: 24px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 3%;
}
.helpCenterButton {
    text-align: center;
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    line-height: 24px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    background-color: #007AC3;
    border-radius: 5px !important;
    border: none !important;
    padding: 4px 18px;
    opacity: 1;
    width: 150px;
}
.homePageButton {
    text-align: center;
    font-size: 18px;
    font-family: fira-sans, sans-serif;
    line-height: 24px;
    letter-spacing: 0px;
    background-color: #ffffff;
    padding: 4px 18px;
    height: 33px;
    margin-bottom: 5px;
    color: #007AC3 !important;
    border: 0.5px solid #007AC3;
    border-radius: 5px !important;
}
/*Gain FreeAccess*/
.gainFreeTrailButton {
    color: #FFFFFF;
    background-color: #007AC3;
    opacity: 1;
    border-radius: 5px !important;
    height: 30px !important;
    border: none !important;
    padding: 6px 12px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.ft-home-pager-two {
    width: 100%;
    position: relative;
    background-color: #ECECEC;
    height: auto;
    color: #474747;
    margin: auto;
}
.gainFreeTrailtext1response {
    font-size: 30px !important;
    opacity: 1;
    font-family: "akzidenz-grotesk";
    font-weight: 500;
    text-align: left;
}
.gainFreeTrailtext1Subresponse {
    font-size: 18px !important;
    opacity: 1;
    font-family: "akzidenz-grotesk";
    margin-top: 5px;
    text-align: left;
}
.ftCreateAccountBtn2 {
    text-align: left;
    margin-top: 20px;
}
/*Gain FreeAccess*/
/*Footer In print Preview  CC-3925 */
.tableFooterBlock {
    text-align: center;
    width: 100%;
    border: none;
}
.tableFooter_1 {
    width: 100%;
    text-align: center;
}
.tr_footer1 {
    height: 30px;
}
.trFooter_2 {
    vertical-align: bottom;
    height: 30px;
}
.my-custom-icon-class:after {
    content: "\©";
    font-family: fira-sans, sans-serif;
    font-weight: 400 !important;
}
.page-template .footerSec {
    display: block;
    position: absolute;
    top: 93%;
    left: 8%;
    right: 8%;
    bottom: 10px;
    border-top: 1px solid #000;
    background-color: #EAEAEA !important;
    height: auto !important;
    color: #333 !important;
    display: block;
    padding: 5px;
    position: running(footer);
    word-break: break-all;
    border-bottom: 1px solid #000;
}
.page-template .currDate {
    display: inline;
    position: absolute;
    top: 1%;
    left: 2%;
    height: auto !important;
    color: #333 !important;
    padding: 5px;
    text-align: center;
    position: running(header);
}
.page-template .header {
    display: block;
    position: absolute;
    top: 1%;
    left: 8%;
    right: 8%;
    bottom: 10px;
    height: auto !important;
    color: #333 !important;
    padding: 5px;
    text-align: center;
    position: running(header);
    word-break: break-word;
}
.page-template .footer.footerCont {
    width: 90%;
    display: block;
    position: absolute;
    top: 95%;
    bottom: 20px;
    border-top: 1px solid #fff;
    background-color: #fff !important;
    height: auto !important;
    color: #333 !important;
    padding: 5px;
    position: running(footer);
    word-break: break-all;
    border-bottom: 1px solid #fff;
}
.card-columns {
    column-count: 2;
    margin-top: 20px;
}
.pp-list-view li:not(:first-child) {
    margin-top: 10px;
}
@media only screen and (min-device-width: 280px) and (max-device-width: 812px) {
    .card-columns {
        column-count: 1
    }
    .ppSubVOListSection {
        margin-bottom: 5%;
    }
}
#myModalForPropertyIntroduction .errorMsgAssignQuiz {
    margin-bottom: 5px;
    width: 250px;
}
.k-tooltip.k-chart-tooltip.k-chart-shared-tooltip {
    width: auto !important;
    height: auto !important;
}
.enterNewAnonymousCode {
    background: #ECECEC 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    color: #007AC3;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    padding: 6px 10px 5px 10px;
}
.anonymousInput {
    text-align: left;
}
.errorMesssageAnonymous {
    text-align: left;
    letter-spacing: 0px;
    color: #E5202E;
    opacity: 1;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
}
.anonymousResultMessage, .assistantInfo {
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    margin: 5px 0px 10px 0px;
    font-family: fira-sans, sans-serif;
}
.cqAnonymousId {
    cursor: pointer;
    width: auto;
    word-break: break-all;
    display: inline-block;
}
.cqEditIcon {
    width: 2%;
    margin-left: 2px;
    cursor: pointer;
}
.linkBlueText {
    color: #007AC3 !important;
}
/* LTI CSS  LOGIN SCREEN */
.ltiContinueButton {
    text-align: center;
    font-size: 18px;
    font-family: "Akzidenz-Grotesk Pro";
    line-height: 24px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    background-color: #007AC3;
    border-radius: 5px !important;
    border: none !important;
    padding: 4px 18px;
    opacity: 1;
    margin: 5px;
}
.lti-login-container {
    max-width: 100%;
    height: auto;
}
.loginBase, .registerBase {
    padding: 0px 30px 30px 30px;
    margin-right: auto;
    margin-left: auto;
    color: #474747;
    margin-top: 40px;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: auto;
}
.lti-login-background, .lti-register-background {
    width: 100%;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.loginAc,
.emailinstructions {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    padding: 0px 0px 5px 0px;
}
.emailinstructions {
    font-size: 18px;
    line-height: 28px;
}
.main-containerLTI {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #007AC3;
    background-image: linear-gradient(to right, #007AC3, #A6D1EB);
}
.welcomeMessageLTI,
.createAccountLTI,
.thanksregisterMessageLTI {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 42px;
    line-height: 54px;
    padding: 20px 0px 10px 0px;
    word-break: break-word;
}
.pageNotFoundLTI {
    font-size: 68px;
    line-height: 87px;
    font-weight: bold;
    text-align: center;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    color: #474747;
    letter-spacing: 0px;
    padding: 20px 0px 10px 0px;
    word-break: break-word;
}
.acTextBox {
    background: #fff;
    border: 1px solid #000000;
    opacity: 1;
    width: 100% !important;
    margin: 0px 0px 10px 0px !important;
    height: auto !important;
    padding: 3px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #000000;
}
.acTextBoxrs {
    background: #fff;
    border: 1px solid #000000;
    opacity: 1;
    width: 100% !important;
    margin: 0px 0px 10px 0px !important;
    height: 30px !important;
    padding: 3px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #000000;
}
.acLabel,
.LabelEmail, .LabelPwd {
    text-align: left;
    letter-spacing: 0px;
    color: #000000 !important;
    opacity: 1;
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 0px 0px 5px 0px !important;
}
.loginbtnLTI, .CtAcbtn, .loginnowLTI {
    color: #FFFFFF !important;
    background-color: #007AC3;
    border-radius: 5px !important;
    border: none !important;
    width: 80px;
    height: 30px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
.loginnowLTI {
    width: 120px;
}
.CtAcbtn {
    width: 178px;
}
.psw {
    float: right;
    text-align: right;
    letter-spacing: 0px;
    color: #007AC3;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
}
.btnsection {
    margin-top: 15px;
    margin-bottom: 25px;
}
.notYetRegister,
.cantwait {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    padding: 0px 0px 10px 0px !important;
    margin: 0px;
}
.cantwait {
    font-weight: 500;
}
.skipForNow {
    visibility: hidden;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin: 10px 0px 0px 20px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.skipForNow:hover, .backToLogin:hover {
    cursor: pointer;
}
.lgPageBase, .regPageBase {
    margin-right: auto !important;
    margin-left: auto !important;
    float: none;
}
.loginErrorMessage, .registerErrorMessage {
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 0px 0px 10px 0px !important;
    color: #C43445;
}
.createAccountLTI {
    margin: 24px 0px 0px 10px;
}
.registerErrorMessage {
    margin: 0px 0px 0px 15px;
}
#loginPageId {
    margin-bottom: 20px;
}
/* LTI CSS REGISTER SCREEN */
.registerBase {
    width: 100%;
    margin-bottom: 10px;
    padding: 0px 20px 0px 20px !important;
    background-color: rgba(255, 255, 255, 0.8);
}
.readTerms, .receiveOffers {
    text-align: left;
    letter-spacing: 0px;
    color: #000000 !important;
    opacity: 1;
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    padding: 0px 0px 5px 0px !important;
}
.regbtn {
    color: #FFFFFF !important;
    background-color: #007AC3;
    border-radius: 5px !important;
    border: none !important;
    width: 114px;
    height: 30px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0px 20px 0px;
}
button#registration-create-user-btn:focus-visible {
    outline: 2px solid black !important;
}
.backToLogin {
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin: 10px 0px 0px 20px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.LMS404 {
    margin-bottom: 10%;
}
.backgroundCcuser {
    width: 100%;
    background-color: #007AC3;
    background-image: linear-gradient(to right, #007AC3, #A6D1EB);
}
.privacyMessage {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px 5px 0px;
}
.errorPageMessageLMS {
    margin-bottom: 3%;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    padding: 0px 0px 5px 0px;
}
.privacyMessage .popover {
    width: 50%;
    text-align: center;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 5px 10px 10px 10px;
    box-shadow: 1px 1px 0 0 #FFFFFF;
    border: 10px solid #FFFFFF;
    border-radius: 0px;
}
.privacyMessage .popover.right>.arrow {
    border-right-color: #FFFFFF;
    border-right-color: #FFFFFF;
}
.privacyMessage .popover.right>.arrow:after {
    border-right-color: #FFFFFF;
}
.invaildCBCTokenMessage {
    padding: 0px 30px 30px 30px;
    margin-right: auto;
    margin-left: auto;
    color: #474747;
    margin-top: 40px;
    opacity: 1;
    background-color: #FFFFFF;
    width: 100%;
    height: auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
}
#recaptchaRegisterLMS .grecaptcha-badge, #recaptchaLogin .grecaptcha-badge {
    width: 256px;
    height: 60px;
    display: block;
    transition: right 0.3s ease 0s;
    position: fixed;
    bottom: 14px;
    right: -186px;
    box-shadow: grey 0px 0px 5px;
    border-radius: 2px;
    overflow: hidden;
    visibility: visible !important;
    bottom: 10% !important;
}
#privacyMessageRegis {
    padding: 0px 5px 10px 15px;
}
#copyrestricted {
    background-color: #F8D8A6 !important;
}
#copyCQrestricted {
    background-color: #F8D8A6 !important;
}
.copymessage-notification-container {
    font-family: fira-sans, sans-serif;
    font-size: 15px;
}
.pp-home-section-CodegreyColor {
    background-color: #ECECEC;
}
.pp-home-section-CodeIndex {
    width: 80%;
    padding: 15px 0px;
    height: auto;
    margin: auto;
}
.cq-section-index {
    width: 100%;
    background-color: #ECECEC;
    padding-bottom: 30px;
    padding-top: 30px;
}
.codieHeadingCQ {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    font-family: 'fira-sans';
    opacity: 1;
    margin-bottom: 30px;
}
.ppCodiefonttxt {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
}
.cq-section-index {
    width: 100%;
    background-color: #ECECEC;
}
.codiecontent {
    font-size: 14px;
    line-height: 16px;
    font-family: 'fira-sans';
    font-weight: 400;
    margin: auto;
    max-height: 100px;
    height: 100vh;
    width: 100%;
    margin-top: 20%;
}
.codiesiiaContent {
    font-size: 18px;
    font-family: "Akzidenz-Grotesk";
    line-height: 24px;
    opacity: 1;
    font-weight: 400;
    margin: auto;
    max-height: 50px;
    height: 100vh;
    width: 100%;
    margin-top: 5%;
}
.codiesiiaImage {
    margin: 13px 0px 14px;
}
.ppAwardwinnertxt, .ppCodieimgtxt {
    margin-top: 10px;
}
.cq-noficationtxt {
    margin-left: 48px;
    padding: 10px 0px 10px;
}
.pp-noficationtxt {
    padding: 10px 0px 10px;
}
.codie-imgBlock {
    height: 125px;
}
.pp-Trademark {
    text-align: left;
    font-weight: 500 !important;
    font-family: fira-sans, sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}
.classAssistantRoleBtn {
    margin-right: 3px;
    border-radius: 5px 5px 0px 0px;
    width: 20%;
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.assistantRoleBtnPlate {
    border-bottom: 1px solid #000000;
    width: 810px;
    margin-top: 10px;
}
.codieAward-Block {
    width: 80%;
    margin: 0 auto;
    background: #ECECEC;
}
.codieWinnerImgBlk {
    width: 100%;
}
.ppSupercriptcont {
    font-size: 28px;
}
.pp-headerTMcontent {
    font-size: 13px;
}
.pp-mainHeaderTM {
    font-size: 11px;
}
.viewingPortAssistant {
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
}
#classAssistantBtn {
    background: #ececec;
    color: #007AC3;
    border-color: #ececec;
}
.noEnrolled {
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    text-align: left;
    margin: 5px 0px 10px 0px;
    font-family: fira-sans, sans-serif;
    margin-top: 20px;
    font-style: italic;
}
.ppalignment {
    padding-right: 50px;
}
#ProgressBarPP {
    width: 100%;
    height: 35px;
    padding: 4px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #474747;
    opacity: 1;
}
#ProgressPP {
    width: 20%;
    height: 25px;
    background: #007AC3 0% 0% no-repeat padding-box;
    opacity: 1;
}
.resultLoadingModal-show {
    padding: 10px;
    margin: 50px 20px 50px 20px;
}
.modal-resultLoadingModalPopoverHeader {
    font-family: fira-sans, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    word-break: break-word;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-align: center;
    margin: 3px;
}
.modal-resultLoadingModalPopover-show {
    background: #ECECEC 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    margin: 18% auto;
    border: 0.5px #474747;
    width: 435px;
    height: auto;
    text-align: center;
    opacity: 100;
    padding: 0;
}
#modals-resultLoadingModalPopover-container {
    margin: 30px;
    width: 375px;
    height: auto;
    padding: 20px;
}
/*weak password policy*/
.search-box {
    margin: 80px auto;
    position: absolute;
}
.caption {
    margin-bottom: 50px;
}
#pswd_info_createAcc {
    background: #ECECEC;
    color: #000;
    left: 72%;
    position: absolute;
    top: 38%;
    box-shadow: 0px 3px 6px #00000029;
}
#pswd_info {
    background: #ECECEC;
    color: #000;
    left: 50%;
    position: absolute;
    box-shadow: 0px 3px 6px #00000029;
    z-index: 999;
}
#pswd_info_forgot {
    background: #ECECEC;
    color: #000;
    left: 75%;
    position: absolute;
    box-shadow: 0px 3px 6px #00000029;
    z-index: 999;
    min-width: 350px;
}
#pswd_info_create {
    background: #ECECEC;
    color: #000;
    z-index: 9999;
}
#pswd_info h4, #pswd_info_forgot h4 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0px 20px 0px;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    margin-bottom: 5px;
}
#pswd_info_createAcc h4 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0px 20px 0px;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    margin-bottom: 5px;
}
#pswd_info_create h4 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 10px 20px 0px;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    margin: 5px 0;
}
#pswd_info ul, #pswd_info_forgot ul {
    padding: 0px 0px 0px 35px;
    margin: 0;
}
#pswd_info_createAcc ul {
    padding: 0px 0px 0px 35px;
    margin: 0;
}
#pswd_info_create ul {
    padding: 0px 0px 0px 35px;
    margin: 0;
}
#pswd_info ul li, #pswd_info_forgot ul li {
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    text-indent: -10px;
}
#pswd_info_createAcc ul li {
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    text-indent: -10px;
}
#pswd_info_create ul li {
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    text-indent: -10px;
}
#pswd_info::before {
    background: #ECECEC none repeat scroll 0 0;
    content: "";
    height: 25px;
    left: -13px;
    margin-top: -12.5px;
    position: absolute;
    top: 15%;
    transform: rotate(45deg);
    width: 25px;
}
#pswd_info_forgot::before {
    background: #ECECEC none repeat scroll 0 0;
    content: "";
    height: 25px;
    left: -13px;
    margin-top: -12.5px;
    position: absolute;
    top: 18%;
    transform: rotate(45deg);
    width: 25px;
}
#pswd_info_createAcc::before {
    background: #ECECEC none repeat scroll 0 0;
    content: "";
    height: 25px;
    left: -13px;
    margin-top: -12.5px;
    position: absolute;
    top: 14%;
    transform: rotate(45deg);
    width: 25px;
}
#pswd_info_create::before {
    content: "";
}
#pswd_info {
    display: none;
    width: 382px;
}
#pswd_info_forgot {
    display: none;
    width: 382px;
}
#pswd_info_createAcc {
    display: none;
    width: 382px;
}
#pswd_info_create {
    display: none;
}
.progress-bar_wrap {
    width: 90%;
    height: 15px;
    background: #DADADA;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 5px;
    margin: 0px 20px;
    opacity: 1;
}
.progress-bar_text {
    display: inline-block;
    color: #000;
    margin-left: 5px;
    transition: .2s;
}
.form .progress-bar_item {
    display: inline-block;
    height: 100%;
    width: 20%;
    margin-right: 0px;
    border-radius: 5px;
    float: left;
    transition: background-color .2s, visisility .1s;
    background-color: lightgray;
}
.newPwdHint, #result {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    color: #000;
    line-height: 17px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    margin: 5px 5px 10.6px 20px !important;
    color: #000;
}
.fa-times {
    color: #E5202E;
}
.fa-times:before {
    color: #E5202E;
    font-size: 16px;
}
.glypic-mode {
    font-size: 16px;
    line-height: 16px;
    opacity: 1;
}
.glypic-mode i {
    width: 10px;
}
#aro-pswd_info .text-success {
    color: #85BC20 !important;
}
.fa-circle {
    font-size: 8px;
}
#createAccErrMsg {
    display: none;
    color: #E5202E;
    font-size: 12px;
    line-height: 14px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
}
.btnCumulative {
    text-align: center;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #474747 !important;
    opacity: 1;
    background-color: #FFF !important;
    border-color: #474747;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.20) !important;
}
.date-range-bound {
    padding-right: 103px;
}
.duerangeDateLabel {
    font-family: fira-sans, sans-serif;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    color: #474747;
    Opacity: 100;
    line-height: 19px;
    vertical-align: middle;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#rangedateBckbtn:hover {
    color: #000000 !important;
}
.close-date-label {
    top: -22px;
    position: absolute;
    width: 250px;
    font-style: normal;
}
.marginTopTenStyle {
    margin: 20px 0 0 0;
}
/*Sprint 55*/
/*CC-4118 CQ Professor Simulate Student Quiz Experience*/
.firaSanzRegularCont {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #474747;
    opacity: 1;
    font-weight: 300;
}
.margin-topBottom-15 {
    margin: 15px 0;
}
.margin-topBottom-10 {
    margin: 10px 0;
}
.mce-content-body {
    padding: 10px 5px;
}
.userDataAnalysisContainer {
    border: 1px solid #000000;
    border-radius: 5px;
    z-index: 9999;
    padding-bottom: 10px;
}
.userDataAnalysis {
    font-family: fira-sans, sans-serif;
    padding: 10px;
    background: #007AC3;
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
}
#userDataAnalysisItems {
    font-family: fira-sans, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    opacity: 1;
}
.userDataAnalysis label {
    font-family: fira-sans, sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    opacity: 1;
}
.dailyAvgTimeSpent label {
    font-family: fira-sans, sans-serif;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #000000;
    opacity: 1;
    margin: 10px 0 5px 0;
    font-weight: 300 !important;
}
.morethanPrevWeek p, .weeklyTotalTimeSpentText {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    opacity: 1;
}
.connectedCasebooksBlock, .otherDigitalProductsBlock {
    padding: 0 10px;
}
.bookshelfChart {
    padding: 5px 10px;
}
.connectedCasebooksBlock h4, .otherDigitalProductsBlock h4 {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    opacity: 1;
    font-weight: 400;
    margin: 0;
    margin-top: 20px;
}
#lblreadName, #lblstudyName, #lblInsightsName, #lblresourceName, #lblCQName, #lblPPName {
    font-family: fira-sans, sans-serif;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
    opacity: 1;
    font-weight: 400;
    margin: 5px 0px;
    text-align: center;
}
#globalTimeSpentVal {
    font-family: fira-sans, sans-serif;
    font-size: 36px;
    line-height: 44px;
    color: #000000;
    opacity: 1;
    font-weight: 400;
    margin: 5px 0px;
    text-align: left;
}
.morethanPrevWeekVal {
    margin-left: 5px;
}
.readLabel, .studyLabel, .insightsLabel, .resourceLabel, .ppLabel, .cqLabel {
    font-family: fira-sans, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 1;
    font-weight: 400;
    text-align: center;
}
/*Redesign*/
.bg-transparent {
    background: transparent;
}
.headerIcon_rd {
    font-size: 24px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    position: relative;
    top: 2px;
}
.filterBookShelHeader {
    display: block;
    color: #000000;
    font-size: 16px !important;
    line-height: 19px !important;
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
}
.filterBookShelfHead {
    padding: 10px;
    width: 100%;
}
.globalSearchLabel {
    color: #000000;
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: fira-sans, sans-serif !important;
    font-weight: 400 !important;
}
.btn.btnPrimaryFilter {
    padding: 4px 12px;
    font-family: fira-sans, sans-serif;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 30px;
    background: #007AC3;
    color: #fff;
}
.btn.btnPrimaryFilter:hover {
    background: #007AC3 !important;
    color: #fff;
}
.filterBookShelfHead {
    background: #ECECEC;
}
.btn.btnPrimaryFilter:active, .btn.btnPrimaryFilter:active:focus, .btn.btnPrimaryFilter:focus, .btn.btnPrimaryFilter:hover {
    background: none;
}
.mTopFive {
    margin-top: 5px;
}
.mBottomFive {
    margin-bottom: 5px;
}
.mLeftFive {
    margin-left: 5px;
}
.mRightFive {
    margin-right: 5px;
}
.mTopTen {
    margin-top: 10px;
}
.mBottomTen {
    margin-bottom: 10px;
}
.mLeftTen {
    margin-left: 10px;
}
.mRightTen {
    margin-right: 10px;
}
.mTopFifteen {
    margin-top: 15px;
}
.mBottomFifteen {
    margin-bottom: 15px;
}
.mLeftFifteen {
    margin-left: 15px;
}
.mRightFifteen {
    margin-right: 15px;
}
.mTopTwl {
    margin-top: 12px;
}
.mBottomTwl {
    margin-bottom: 12px;
}
.mLeftTwl {
    margin-left: 12px;
}
.mRightTwl {
    margin-right: 12px;
}
.mTopTwnty {
    margin-top: 20px;
}
.mBottomTwnty {
    margin-bottom: 20px;
}
.mLeftTwenty {
    margin-left: 20px;
}
.mRightTwenty {
    margin-right: 20px;
}
.mTopThirty {
    margin-top: 30px;
}
.mBottomThirty {
    margin-bottom: 30px;
}
.mLeftThirty {
    margin-left: 30px;
}
.mRightThirty {
    margin-right: 30px;
}
.BookScroll {
    overflow: hidden scroll;
    height: 700px;
}
.dropDownMenuNavigartionBlock:hover, .dropDownMenuNavigartionBlock:active {
    background: #DADADA;
}
.productExpandCollapseBlock {
    cursor: pointer;
}
.caret.caret-up {
    border-top-width: 0;
    border-bottom: 4px solid #fff;
}
.reskinContainer {
    background-color: #007AC3;
    background-image: linear-gradient(to right, #007AC3, #A6D1EB);
    min-height: calc(100vh - 100px - 20px);
}
.reskinContainerMAcc {
    background-color: #007AC3;
    background-image: linear-gradient(to right, #007AC3, #A6D1EB);
    min-height: calc(100vh - 100px - 20px);
    padding: 0 150px;
}
.keepMeLoggedInCheckBox {
    width: 15px;
    height: 15px;
    border: 1px solid #474747;
    opacity: 1;
}
.keepMeLoggedIn {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    opacity: 1;
}
.forgotPassword_rt {
    font-size: 18px;
    line-height: 22px;
    color: #007AC3;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    opacity: 1;
}
.firstTimeUser_rt {
    font-size: 18px;
    line-height: 22px;
    color: #007AC3;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    font-weight: 400;
    position: relative;
    top: 5px;
}
.loginBaseReskin, .registerBaseReskin {
    padding: 0px 20px 20px 20px;
    margin-right: auto;
    margin-left: auto;
    color: #000;
    margin-top: 40px;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: auto;
}
.loginbtn_rk, .CtAcbtn_rk, .loginnowLTI_rk {
    color: #FFFFFF !important;
    background-color: #007AC3;
    border-radius: 5px !important;
    border: none !important;
    width: 80px;
    height: 30px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
}
.CtAcbtn_rk {
    width: 178px
}
.notYetRegister_rsk, .cantwait_rsk {
    text-align: left;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 0px 0px 10px 0px !important;
    margin: 0px;
    margin-top: 15px;
}
.acTextBox_rk {
    background: #fff;
    border: 1px solid #000000;
    opacity: 1;
    width: 100% !important;
    margin: 0px 0px 15px 0px !important;
    height: 30px !important;
    padding: 3px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #000000;
}
.forgot-password-label, .firstUser-password-label {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 5px 0 0 0;
    cursor: pointer;
    color: #007AC3;
}
.btnsection_rs {
    margin-top: 30px;
    margin-bottom: 25px;
}
.faculty_rsk, .helpCenter_rsk, .catalog_rsk, .product_rsk {
    font-family: fira-sans, sans-serif !important;
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    padding: 20px !important;
}
.logoutBlockBtn {
    padding: 0 15px;
    background-color: #007AC3;
    font-size: 18px;
    text-align: center;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    border: none;
    color: #fff;
    border-radius: 5px;
    height: 30px
}
.static-page-bar_rsk {
    position: relative;
    top: 12px;
}
.navigationFooter_rsk div a, .navigationFooter_rsk div {
    font-size: 12px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #474747;
}
.static-page-bar_rsk .dropdown-menu {
    right: auto;
    background: #ECECEC;
    color: #000;
    padding: 10px 20px;
    border-radius: 0%;
    box-shadow: 0px 3px 6px #00000029;
    margin: 18px 0 0;
    padding-bottom: 10px;
}
.static-page-bar_rsk .dropdown-menu .dropdown-item {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    opacity: 1;
    padding: 8px 0;
    display: block;
}
.DADADABgColor {
    background: #DADADA
}
.welcomeMessage_rs,
.createAccount_rs,
.thanksregisterMessage_rs {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    margin: 0;
    font-size: 48px;
    line-height: 58px;
    padding: 20px 0px;
    word-break: break-word;
}
.firstTimeUserInfor_rs {
    text-align: left;
    letter-spacing: 0px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    opacity: 1;
    margin: 0;
}
.email_rs {
    text-align: left;
    letter-spacing: 0px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 1;
}
.emailInput_rs {
    text-align: left;
    letter-spacing: 0px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 1;
    margin-top: 5px;
}
.rs-login-background, .rs-register-background {
    width: 100%;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.rs-login-container {
    max-width: 100%;
    height: auto;
}
.profBookshelf {
    background: #fff;
}
.backToLoginBtn {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    color: #fff !important;
    text-decoration: underline;
}
.continueLoginBtn {
    width: 100px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0px;
}
.emailBlk_rs {
    padding-bottom: 0px;
}
.email-confirmation-label_rs {
    text-align: left;
    letter-spacing: 0px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    opacity: 1;
}
.error_msg_rs {
    text-align: left;
    letter-spacing: 0px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 1;
    color: #AC1822;
}
.account-validation-msg {
    text-align: left;
    letter-spacing: 0px;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 1;
    color: #AC1822;
}
/*end*/
.books-thumbnailReskin {
    background-color: #FFFFFF;
    border: 1px solid #dbdbdb;
    display: inline-block;
    min-height: 94px;
    margin: 0;
    outline: 0 none;
    padding: 1px;
    width: 160px;
    cursor: pointer;
}
.password-err-label_rs {
    position: absolute;
    width: 280px;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #AC1822;
}
.reskinMyAccBlock {
    background: #fff;
    margin: 30px 0px;
}
.rs-register-background {
    width: 100%;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.createAccount-rs {
    margin: 0;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    padding: 20px 0px 10px 0px;
    word-break: break-word;
}
#pswd_info_createRS {
    background: #fff;
    color: #000;
    z-index: 9999;
}
#pswd_info_createRS h4 {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 20px 0px;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    margin: 5px 0;
}
#pswd_info_createRS ul {
    font-family: fira-sans, sans-serif;
    padding: 0px 0px 0px 35px;
    margin: 0;
}
#pswd_info_createRS ul li {
    font-family: fira-sans, sans-serif;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    color: #000;
    line-height: 17px;
    opacity: 1;
    text-indent: -10px;
}
.save-btn-styleRS, .cancel-btn-rs, .change-btn-styleRS {
    background: #007AC3 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    letter-spacing: 0;
    color: #fff !important;
    line-height: 19px !important;
    font-family: fira-sans, sans-serif !important;
    opacity: 1;
    border-radius: 5px !important;
    border: none !important;
    padding: 6px 12px !important;
}
.thankyouReg_rs {
    color: #000;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: auto;
    padding: 0px 30px 30px 30px;
    margin: 40px auto;
}
.thanksregisterMessageRs {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 54px;
    padding: 20px 0px 10px 0px;
    word-break: break-word;
}
.loginNow_rs, .savePasswordBtn_rs, .cancelpasswordBtn_rs {
    color: #fff !important;
    background-color: #007AC3;
    border-radius: 5px !important;
    border: 1px solid #007AC3 !important;
    width: auto;
    height: 30px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
}
.loginNow_rs:hover, .savePasswordBtn_rs:hover, .cancelpasswordBtn_rs:hover {
    background: #fff;
    color: #007AC3 !important;
}
.login-background_rs {
    width: 100%;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.static-casebook-coloured-h1_rs {
    font-family: fira-sans, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
}
#pswd_info_AccRS {
    background: #ECECEC;
    color: #000;
    z-index: 9999;
}
#pswd_info_AccRS h4 {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 20px 0px;
    color: #000;
    line-height: 18px;
    font-family: fira-sans, sans-serif;
    opacity: 1;
    margin: 5px 0;
}
#pswd_info_AccRS ul {
    font-family: fira-sans, sans-serif;
    padding: 0px 0px 0px 35px;
    margin: 0;
}
#pswd_info_AccRS ul li {
    font-family: fira-sans, sans-serif;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    color: #000;
    line-height: 17px;
    opacity: 1;
    text-indent: -10px;
}
.resetPageBackground_rs {
    padding: 0px 20px 20px 20px;
    margin-right: auto;
    margin-left: auto;
    color: #000;
    margin-top: 40px;
    opacity: 1;
    background-color: #fff;
    width: 100%;
    height: auto;
}
.login_password_rs, login_cpassword_rs {
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-transform: none !important;
}
#error_msg_rs {
    color: #AC1822;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.loginErrorMessage_rs {
    color: #AC1822;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.change-password-heading, .change-password-aboveSaveBtn, .newPwdMsg_rs, .cNewPwdMsg_rs, .cCurrentPwdMsg_rs {
    color: #AC1822;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.editUserdetails-err-msg-top {
    color: #AC1822;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
#pswd_info_create .text-success, #pswd_info_AccRS .text-success {
    color: #85BC20 !important;
}
.modal-redeemAccessCodePopover-show {
    background-color: #ECECEC;
    margin: 8% auto;
    padding: 20px;
    width: 350px;
    height: auto;
    opacity: 1;
    box-shadow: 0px 3px 6px #00000029;
    border: none;
}
#redeemAccessCodeModalId .modal-redeemPopoverHeader {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #000;
    opacity: 100;
    height: auto;
    line-height: 30px;
    text-align: left;
    word-break: break-word;
}
#redeemAccessCodeModalId .redeemAccessTextStyles {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    opacity: 1;
    color: #000;
    height: auto;
    margin-top: 15px;
    margin-bottom: 10px;
}
.redeemButton {
    background-color: #007AC3;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin-top: 0;
    cursor: pointer;
    color: #fff;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-family: fira-sans, sans-serif;
    height: 30px;
}
.accessCodeTxtbox {
    font-family: fira-sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 1;
    color: #000;
    height: 30px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 5px 10px;
    border: 1px solid #000;
    border-right: 0;
}
.popover-error-msg {
    color: #AC1822;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.nav-seperator-rs {
    background-color: #000;
    height: 1px;
    margin: 0;
}
.emailinstructions1 {
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    padding: 0px 0px 5px 0px;
}
#ErrorPageLoggedIn, #ErrorPageLoggedOut {
    margin-top: 20px;
}
.open>a[id='product'] {
    background-color: #dadada;
}
#global-search-box-wrap-mobile {
    padding: 20px 15px 0px 15px !important;
}
.globalSearchLabel {
    font-size: 17px !important;
}
.globalSearchLabel {
    font-size: 17px !important;
}
.globalSearchLabel {
    font-size: 17px !important;
}
/*CC-5280 for Ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1400px) {
    #legalNews-content-container {
        width: auto;
        word-break: break-word;
    }
}
/* for law page CC--5597 */
.law--container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
}
.lawDescription {
    align-content: space-between;
    display: flex;
    flex-direction: column;
}
.law-header {
    font-size: 30px;
    line-height: 30px;
    color: black;
    font-family: 'Fira Sans';
}
.law-subheader {
    color: black;
    font-size: 18px;
    font-family: 'Fira Sans';
    font-style: italic;
    margin-top: 21px;
    line-height: 20px;
}
.law-paragraph {
    color: black;
    font-family: 'Fira Sans';
    font-size: 14px;
    margin-top: 10px;
}
.button-blue {
    border-radius: 5px;
    margin-top: 20px;
    font-size: 18px;
    background-color: #007AC3;
    color: white;
    font-family: 'Fira Sans', sans-serif;
    padding-right: 4%;
    padding-left: 4%;
}
.features {
    background-color: #ECECEC !important;
}
.faculty-info {
    background-color: #007AC3;
    font-size: 24px;
    font-family: fira-sans;
    color: white !important;
    padding: 30px 0;
    text-decoration: none;
}
.faculty-info a {
    color: white;
}
@media screen and (min-width: 1200px) {
    .casebookDiv-lg {
        width: 515px;
    }
    .lawDescription {
        position: absolute;
        right: 70px;
    }
    .lawImg--container {
        position: absolute;
        left: -120px;
    }
    .description--inner {
        width: 550px;
    }
    .lawImg--container {
        position: relative;
    }
}
/* for law page CC--5597 */
/* cc-5595 for practicapack page */
.padding-lg {
    padding: 30px 0;
}
.practice-landing-banner>img {
    margin-bottom: 0;
}
.practice_font36 {
    font-size: 36px;
    font-weight: 600;
    font-family: "Fira Sans";
    color: #000000;
    line-height: 44px;
}
.practice_font24 {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    font-family: "Fira Sans";
    line-height: 28px;
    margin-top: 10px;
}
.practice_exercises_header {
    font-size: 30px;
    color: black;
    font-family: 'Fira Sans';
    text-align: center;
    opacity: 1;
    padding-bottom: 15px;
    line-height: 36px;
}
.practice_excersises_info {
    display: flex;
}
.practice_excersises_p {
    font-family: 'Fira Sans';
    font-size: 14px;
    color: black;
    text-align: left;
    opacity: 1;
    line-height: 17px;
}
.practice_excersises_p>div {
    padding-top: 15px;
    font-size: 14px;
}
.practice_exercises_list_header {
    font-size: 18px;
    font-family: fira-sans;
    text-align: left;
    padding-bottom: 15px;
    color: black;
    line-height: 22px;
}
.practice_excersises_list li {
    font-size: 14px;
    line-height: 17px !important;
    color: black;
    font-family: 'Fira Sans';
}
.excersises_blue_button {
    text-align: center;
    padding-top: 19px;
}
.excersises_blue_button button {
    background-color: #007AC3;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    height: 30px;
    padding-left: 4%;
    padding-right: 4%;
    font-family: 'Fira Sans', sans-serif;
    line-height: 22px;
}
.practice_header_grey {
    text-align: center;
    color: black;
    font-family: fira-sans;
    font-size: 30px;
    line-height: 36px;
}
.professor_data_container {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.professor_header {
    text-align: center;
    font-size: 30px;
    padding-bottom: 15px;
    color: black;
    line-height: 36px;
}
.professor_description>p {
    text-align: center;
    font-size: 18px;
    font-family: fira-sans;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 10px;
    color: black;
}
.professor_sample_container {
    text-align: center;
    margin-top: 0;
}
.professor_button {
    color: white;
    border-radius: 5px;
    background-color: #007AC3;
    font-weight: normal;
    font-size: 18px;
    height: 30px;
    padding-left: 4%;
    padding-right: 4%;
    font-family: 'Fira Sans', sans-serif;
    line-height: 22px;
}
#product:hover {
    cursor: pointer;
}
@media screen and (min-width: 1200px) {
    .casebookDivDir {
        display: flex;
        align-content: center;
    }
}
/*end of cc-5595 for practice page */
/* for home page ticket cc-5588 */
.multi-item-carousel .carousel-inner>.item {
    transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
    left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
    left: 33%;
}
.multi-item-carousel .carousel-inner .next {
    left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
    left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner>.item {
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transform: none !important;
    }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}
body {
    background: #333;
    color: #ddd;
}
h1 {
    color: white;
    font-size: 2.25em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2em;
    text-shadow: 0px 2px 0px #000000;
}
.hoverDiv:hover {
    color: blue;
    background-color: #DADADA;
    cursor: pointer !important;
}
.drop_bg {
    background-color: #DADADA !important;
}
.drop-bg>a {
    background-color: #DADADA !important;
}
.casebook_font {
    font-size: 48px;
    color: black;
    font-family: fira-sans;
}
.acces_font {
    font-size: 14px;
    color: black;
    font-family: fira-sans;
}
.already_font {
    font-size: 18px !important;
    color: black;
    font-family: fira-sans;
}
.connection_font {
    color: black;
    font-family: fira-sans;
    font-size: 30px;
}
.hoverDiv:hover>.hoverDivText {
    color: #007AC3 !important;
}
@media screen and (min-width: 1200px) {
    .banner_position {
        display: flex;
    }
}
.noFaDiv {
    margin-top: 0 !important;
}
.padding50 {
    padding: 50px 0 !important;
}
/* end of home page ticket cc-5588  */
/*CC-5280 for Ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1400px) {
    #legalNews-content-container {
        width: auto;
        word-break: break-word;
    }
}
/* star law page 5598 */
.main-bg {
    background: transparent linear-gradient(29deg, #007AC3 0%, #A6D1EB 100%) 0% 0% no-repeat padding-box;
    font-style: fira-sans;
    font-family: fira-sans;
}
.main-bg:not(a) {
    color: black;
}
.header_privacy {
    background-color: white;
    opacity: 70%;
    margin: 30px 0;
    padding: 20px 0px 20px 20px;
    font-family: fira-sans;
    color: black;
}
.setPadding20 {
    padding: 20px;
}
.setPaddingBottom40 {
    padding-bottom: 40px !important;
}
.law_subtitle {
    font-size: 18px;
    color: black;
}
.privacy_title {
    font-size: 30px;
}
.privacy_paragraph {
    padding: 23px;
    font-size: 14px;
}
.privacy-tableStyle ul {
    padding-left: 10px;
    padding-bottom: 0px;
}
.privacy-tableStyle td {
    padding-left: 10px;
}
.law-container {
    display: flex;
    justify-content: center;
}
.text-bg {
    background-color: white;
}
/* end law page 5598 */
.blaw-myAccount-loggedIn {
    top: 0px;
}
#user-logged-in {
    color: black;
    margin-top: 10px;
}
#contact a {
    margin: 0px;
}
.modal-showTutorialPopover-show {
    background-color: #ECECEC;
    color: #000000;
    padding: 20px;
    width: 650px;
    height: 517px;
}
#showTutorialModalId .modal-tutorialPopoverHeader {
    font-family: fira-sans, sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #000;
    opacity: 100;
    height: auto;
    line-height: 30px;
    text-align: left;
    word-break: break-word;
    margin-bottom: 20px;
}
.tutorial-video {
    height: 343px;
    width: 610px;
}
@media (max-width: 768px) {
    .tutorial-video {
        width: calc(var(--vw, 1vw) * 87);
        height: auto;
    }
    .modal-showTutorialPopover-show {
        width: calc(var(--vw, 1vw) * 95);
    }
}
.study-centre-welcome-block {
    color: #000000
}
.eulaHeader {
    font-size: 24px;
    display: inline-block;
    margin-left: 155px;
    color: #007ac3;
}
.pull-right.navigationFooter_rsk div a {
    text-decoration: underline;
}
/* Modal PP and CQ tutorial  styles */
.modal-RedeemAccessTitle {
    font-size: 25px;
}
/* Styling for password requirement icon screen text */
.eightCharacterTxt, .no-NameEmailTxt,
.common-PwdTxt, .diffCurr-PwdTxt,
.bookSheldSearchResultloading, .bookShelfRedeemCodeloading {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.screen-reader-search-results {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}