@charset "utf-8";
/* Proxima Nova Typeface, 300, 400, 400i, 500, 700, 700i, 800, 900 */
@import url("https://use.typekit.net/hcy8gbp.css");

/* CSS Variables, colors and fonts */
:root {
    --paradigm-blue: 0, 130, 181;
    /*#0082b5*/
    --primary-color: #007CAD;
    --primary-color-dark: 0, 0, 0;
    /*#000000*/
    --primary-color-light: #d2d2d2;
    --gray-color: #F9F9F9;
    --primary-font: 'proxima-nova', sans-serif;
    --box-light: 0px 3px 6px rgba(var(--primary-color-dark), .15);
}

/*html {
    font-size: inherit;
}*/
/* Header */
#header{
    height: auto;
}
.role_administrator #header{
    height: auto;
}
#header,
#header::after {
    background: rgb(var(--paradigm-blue));
}
.login-form-col {
    margin-top: 6.4%;
}
input.form-text, textarea.form-textarea, select.form-select {
    border: 1px solid #DFDFDF;
    border: 2px solid #dfdfdf;
}
/* Setting font family, color, size */
body,
h1#page-title,
h2,
p,
.form-item label,
.requiredFieldText,
.ui-widget,
form,
.page-eform form,
.info_box p {
    font-family: var(--primary-font) !important;
    color: rgba(var(--primary-color-dark), .9);
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a,
#page-wrapper a:link,
#page-wrapper a:visited,
#footer-wrapper a:link,
#footer-wrapper a:visited {
    color: var(--primary-color);
    text-decoration: underline;
    transition: all 120ms ease-in;
}


a:focus,
#page-wrapper a:focus:link,
#page-wrapper a:focus:visited,
#footer-wrapper a:focus:link,
#footer-wrapper a:focus:visited,
a:hover,
#page-wrapper a:hover:link,
#page-wrapper a:hover:visited,
#footer-wrapper a:hover:link,
#footer-wrapper a:hover:visited {
    font-weight: 700;
}

textarea:focus,
input:focus,
select:focus {
    outline-offset: -1px;
}

.form-group{
    margin-bottom: 0;
}
input {
    margin: 0;
}
/* ui-dialog styles */
#content .ui-dialog-titlebar h2 {
    color: white;
    font-size: 1rem;
    padding-block: 2px;
}

.ui-dialog-titlebar {
    background: rgb(var(--paradigm-blue));
    border-color: rgb(var(--paradigm-blue));
}

.ui-widget-content {
    background: var(--gray-color);
    border-color: var(--primary-color-light);
    border-top: none;
}

div.info_box {
    background: rgba(var(--paradigm-blue), .1);
}

#page-wrapper div.info_box a,
#page-wrapper div.info_box a:link #page-wrapper div.info_box a:visited {
    text-decoration: none;
}

input.form-text {
    font-family: var(--primary-font);
    font-weight: 300;
    background: white;
    padding: 6px 8px;
}

#system_support fieldset .ctrlHolder.ctrlRequiredInput label+input {
    padding-inline: 8px !important;
}
#page-wrapper a.file_cancel,
input[type="submit"],
.ctrlHolder input[type="submit"],
#terms-of-use-form input.form-submit,
input#edit-submit.pes-btn,
#page-wrapper a.button {
    background: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: var(--box-light);
    color: white;
    font-family: var(--primary-font);
    font-size: .95rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 180ms linear;
    padding-inline: 12px;
    border-radius: 0;
    letter-spacing: .5px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#page-wrapper a.file_cancel,
#support-form-entityform-edit-form #edit-submit,
input[type="submit"],
input#edit-submit {
    border-radius: 0;
}

.info_box p {
    background-position: center left;
}

form p.formHint {
    color: rgba(var(--primary-color-dark), .9);
    padding-block: 10px;
}

.path-user form p.formHint,
.info_box p {
    font-size: min(14px, .925rem);
}


/* Footer */
div#footer-wrapper {
    background: var(--gray-color) !important;
}

#footer div.region {
    margin: 0;
    font-size: 1rem;
    line-height: 110%;
}

#footer .block .content {
    padding-block: 1rem;
}
#login-page-footer .links {
    list-style: none;
    margin-top: 10px;
    padding: 0;
    font-size: min(14px, 1rem);
    margin: 0;
}

#main-wrapper-pes + #footer-wrapper p,
#main-wrapper-pes #footer-wrapper p {
    font-size: 16px;
}

input[type="submit"]:focus,
input[type="submit"]:hover,
#main-wrapper-pes .course-content-image a[href*="enroll"]:focus,
#main-wrapper-pes .course-content-image a[href*="enroll"]:hover {
    background: rgba(var(--primary-color-dark), .1);
    color: rgb(var(--primary-color-dark));
}


/* Forgot Password Page */
.path-user div#confirmDelete {
    padding: 0 !important;
}

.path-user form p.formHint {
    font-size: .95em;
}

/* Support Form Page */
.breadcrumb {
    margin-block: 20px 15px;
}

#page-wrapper .breadcrumb a,
#page-wrapper .breadcrumb a:link {
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
    position: relative;
}

.breadcrumb a[href="/"]::before {
    content: "<";
    margin-right: 5px;
    font-family: var(--primary-font);
}

div#edit-field-rate-the-importance-of-you-und {
    display: flex;
    padding-top: 5px;
    justify-content: flex-start;
}

div#edit-field-rate-the-importance-of-you-und>div {
    padding-inline: 0 !important;
}

.page-eform form {
    margin-block: 0 20px;
}

.page-eform .ui-dialog input[type="submit"] {
    padding-inline: 30px;
}

.page-eform #support-form-entityform-edit-form .ctrlHolder {
    border-color: rgba(var(--primary-color-dark), .4);
}

.page-eform h1#page-title,
div#privacy-statement ol li strong:first-of-type,
div#privacy-statement ol li::marker {
    background: transparent;
    padding: 5px 0;
    border-color: rgba(var(--primary-color-dark), .4);
    font-weight: 700;
    margin-block-start: 0;
    font-size: min(1.1rem, 20px);
}

div.ui-dialog .ui-dialog-content label.group-heading-text {
    font-size: min(1rem, 18px);
}

.form-item.form-type-radios.form-item-field-choose-specific-issue-und>label,
.uniForm .inlineLabels label:not(.option),
.uniForm .inlineLabels legend:not(.option),
form p.formHint {
    font-size: min(1.1rem, 20px);
    line-height: 125% !important;
    padding-top: 5px;
}

.form-item label.option,
#edit-field-choose-specific-issue-und label,
#edit-field-choose-specific-rhapsody-und label {
    font-size: min(.95rem, 15px) !important;
    width: fit-content;
}

#content .form-required,
#support-form-entityform-edit-form .toTheRight label:after {
    margin-inline-end: -9px;
    color: #de0000;
    margin-block-start: -4px;
    font-size: 20px;
}

#support-form-entityform-edit-form .toTheRight label:after {
    font-size: 34px;
    margin-inline-end: 4px;
}

.content form .ctrlHolder input.form-radio {
    height: 18px;
}

.ctrlHolder.push_left.toTheRight,
#support-form-entityform-edit-form .ctrlHolder.ctrlRequiredInput.push_left,
.ctrlHolder.ctrlRequiredRadio.push_left_radio.toTheRight {
    width: 100% !important;
    float: none;
}

.ctrlHolder.push_left.toTheRight>div,
.ctrlHolder.ctrlRequiredRadio.push_left_radio.toTheRight>div {
    width: calc(100% * 2/3) !important;
    margin-inline-start: calc(100% * .95/3);
}

.ctrlHolder.toTheRight,
#support-form-entityform-edit-form .ctrlHolder.ctrlRequiredInput.push_left.noLabel {
    width: 100% !important;
}

#system_support fieldset .ctrlHolder.push_left.toTheRight label.option {
    padding-left: 10px !important;
}

#support-form-entityform-edit-form .noLabel input {
    margin-block: 5px;
}

#support-form-entityform-edit-form .fullWidth label+div.form-radios div.form-item {
    padding-block: 4px !important;
}

label[for*="which-assignment-exam-quiz"] {
    font-size: 16px !important;
}

#header div.section {
    width: 96%;
    max-width: none;
}

a#logo img {
    width: 100%;
    max-width: 290px;
}

/* @media only screen and (max-width: 768px) {
    #support-form-entityform-edit-form .inputdisplay .field-type-text label {
        width: 30% !important;
    }

    #support-form-entityform-edit-form .inputdisplay .field-type-text label span {
        float: right;
    }
}
 */
.form-item label {
    font-weight: initial;
}
#forgot_password .form-item .description{
    margin: 0;
    font-size: inherit;
}
#forgot_password .form-actions{
    margin-bottom: 15px;
}
@media only screen and (max-width: 576px) {
    a#logo {
        margin-block: 0;
        padding-block: 10px 0;
        padding-inline: 0;
    }

    div#forgot_password {
        width: 98% !important;
    }

    .form-item-reflink input.form-text,
    .form-item-add-name input.form-text,
    .form-item-pass input.form-text,
    .form-type-textfield input.form-text,
    #edit-name {
        width: calc(100% - 12px) !important;
    }

    .path-user form p.formHint {
        text-align: right;
        margin-inline: 5px;
    }

    label[for="edit-name"] {
        width: auto;
    }

    label[for="edit-name"] .form-required {
        margin-inline: 5px;
    }
}

/*Privacy Statement Page*/
div#privacy-statement {
    line-height: 160%;
}


/*Admin screens: logged in*/
#header .contextual-links-region a,
#header .header-account-menu a {
    color: white !important;
}

body.not-front.user-logged-in .leaf a {
    font-family: var(--primary-font);
    font-size: min(13px, 1.25rem);
}

body.not-front.user-logged-in h1#page-title {
    font-size: 1.5em;
}

body.not-front.user-logged-in {
    font-family: var(--primary-font);
}

/*Admin screens: logged in, Internal Messages*/
div#component_dropbox_header {
    margin: 10px auto;
}

/*Admin screens: logged in, Manage Your Account Form*/
body.not-front.user-logged-in.page-manageaccount .fieldset-wrapper .form-item {
    display: flex;
    flex-wrap: wrap;
}

body.not-front.user-logged-in.page-manageaccount .fieldset-wrapper .form-item .description {
    flex: 100%;
}

body.not-front.user-logged-in.page-manageaccount .fieldset-wrapper input.form-text,
body.not-front.user-logged-in.page-manageaccount .fieldset-wrapper textarea.form-textarea {
    width: 67% !important;
    box-sizing: border-box;
}

body.not-front.user-logged-in.page-manageaccount .fieldset-wrapper .form-item label {
    float: none;
}

/* Student Home View*/
html {
    overflow-x: hidden;
}

.sidebar-cirrus {
    position: relative;
    height: auto;
    width: 100%;
    background: rgb(var(--paradigm-blue));
    padding-inline: 2%;
    box-sizing: border-box;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sidebar-cirrus #pes-menu,
.sidebar-cirrus .mrnu{
    display: flex;
    justify-content: flex-start;
    padding: 0;
    height: 100%;
}

.sidebar-cirrus .menu ul {
    display: flex;
    justify-content: flex-end;
}

.sidebar-logo {
    position: absolute;
    top: 0;
    left: 2%;
    background: url('/themes/custom/pescirrus/logo.png') no-repeat top 15px left;
    background-size: 100%;
    width: 100%;
    max-width: 290px;
    min-height: 90px;
}

.sidebar-logo:after {
    display: none;
}

.sidebar-cirrus a {
    margin: 0 3px;
    display: block;
    font-family: var(--primary-font);
    padding: 7px 7px 30px;
    z-index: 0;
}

.sidebar-cirrus .menu-list:last-child {
    padding-bottom: initial;
    margin-inline-start: 0;
}

.sidebar-cirrus .menu {
    height: 100%;
}

.sidebar-cirrus .menu-text {
    position: absolute;
    bottom: 7px;
    width: 100%;
    line-height: 100%;
    z-index: -1;

font-weight: 700;font-size: 13px;left: 0;}

.sidebar-cirrus .menu-list {
    margin-inline: 8px;
    position: relative;
    z-index: 1;
    padding: 12px 5px 20px;
}

.sidebar-cirrus .menu-link img {
    display: none;
}

.sidebar-cirrus a {
    color: #FFF;
    padding: 36px 36px 6px;
    background-size: 50px;
}

.sidebar-cirrus a[href*="manageAccount"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Account%20Icon%20-%20White.png') no-repeat top center;
    background-size: 53px;
}


.sidebar-cirrus a[href*="calendar"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Calendar%20Icon%20-%20White.png') no-repeat top center;
    background-size: 56px;
}

.sidebar-cirrus a[href*="messages"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Messages%20Icon%20-%20White.png') no-repeat top 5px center;
    background-size: 64px;
}

.sidebar-cirrus a[href*="support-form"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Help%20Icon%20-%20White.png') no-repeat top center;
    background-size: 29px;

}

.sidebar-cirrus a[href*="/homepage"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Home%20Icon%20-%20White.png') no-repeat;
    background-position: top center;
    background-size: 37px;
}

.sidebar-cirrus a[href*="/customusers"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Users%20Icon%20-%20White.png') no-repeat;
    background-position: top center;
    background-size: 50px;
}

.sidebar-cirrus a[href*="/report"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Reports%20Icon%20-%20White.png') no-repeat;
    background-position: top 4px center;
    background-size: 54px;
}

.sidebar-cirrus a[href*="/pes/courses"] {
    background:url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Reports%20Icon%20-%20White.png') no-repeat;
    background-position: top center;
    background-size: 51px;
}


.sidebar-cirrus a[href*="/pes/courses"] {
    background:url('/themes/custom/pescirrus/images/courses_bold.png') no-repeat;
    background-position: top center;
    background-size: 51px;
}

.sidebar-cirrus a[href*="/logout"] {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/usernavigation/Log%20Out%20Icon%20-%20White.png') no-repeat;
    background-position: top 1px center;
    background-size: 54px;
}

.sidebar-cirrus a[href*="/unmasquerade"] {
    background: url("https://s3.amazonaws.com/indigo.greatrivertech.net/2579299/images/undo.png") no-repeat top center;
    background-size: 32px;
}

.sidebar-cirrus .menu-list:hover {
    background: var(--primary-color);
}

#pes-menu li.active,
.sidebar-cirrus .menu-list.active {background: #016790 !important;color: white !important;}

div#main-wrapper-pes,
#page-wrapper-pes .dashboard-header,
#main-wrapper-pes+.footer-cirrus,
body.not-front.user-logged-in .footer-cirrus {
    margin-inline: 0;
    padding-top: 0;
}

div#page-wrapper-pes {
    background: #E4F3F8;
}

div#page-wrapper-pes .dashboard-header-left:after {
    display: none;
}

div#page-wrapper-pes .header-content-nav,
div#page-wrapper-pes .dashboard-header-right {
    background: transparent;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-block: 50px;
    height: auto;
    width: fit-content;
    margin-inline: auto;
}
#page-wrapper-pes .section > .container{
    width: 100%;
    padding: 0;
}
#page-wrapper-pes .dashboard-header {
    padding-inline: calc(2rem + 25px);
}

div#page-wrapper-pes .cirrus-white-logo {
    padding: 0;
    border: none;
    flex: 100%;
}

div#page-wrapper-pes .cirrus-white-logo .cirrus-logo-horizontal-white {
    display: none;
}

div#page-wrapper-pes .header-content-nav .user-account-details p {
    color: var(--primary-color);
    font-size: 3.5em;
    font-weight: 900;
    line-height: 110%;
    padding-top: 2%;
}

div#page-wrapper-pes .user-name {
    color: black;
    font-size: 33px;
    font-weight: 600;
    line-height: 100%;
    width: 100%;
    height: auto;
}
div#main-wrapper-pes .active-course-content {
    padding-left: 0;
    padding-right: 0;
}
div#main-wrapper-pes .active-course-content {
    background: transparent;
    margin-block: 30px;
}

#main-wrapper-pes p.course-heading {
    font-size: 33px;
    font-weight: 900;
    padding: 20px 0;
}

/* div#main-wrapper-pes .container {
    padding-inline: 0;
} */

#main-wrapper-pes .course-content-image .box-img p {
    color: black;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    padding: 20px;
    box-sizing: border-box;
    height: auto;
}

#main-wrapper-pes .box-img img {
    height: 100px;
}

#main-wrapper-pes .course-content-image row {
    display: flex;
    flex-wrap: wrap;
}

#main-wrapper-pes .course-content-image .row {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

@media only screen and (min-width: 1025px) {
    #main-wrapper-pes .course-content-image .row {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

#main-wrapper-pes .course-content-image .row>div {
    width: 100%;
    padding: 0 10px;
}

#main-wrapper-pes .course-content-image .row:before {
    display: none;
}

#main-wrapper-pes .course-content-image a[href*="enroll"] {
    background: rgb(var(--paradigm-blue));
    display: flex;
    width: 100%;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
    border-radius: 10px;
    text-decoration: none;
    height: fit-content;
}

#main-wrapper-pes .course-content-image .box-img a[href*="enroll"] p {
    color: white;
    border: none;
    text-decoration: none;
    font-weight: 500;
    padding: 0;
    text-align: left;
    margin: 0;
    background: transparent;
}

#main-wrapper-pes .course-content-image a[href*="enroll"]:focus p,
#main-wrapper-pes .course-content-image a[href*="enroll"]:hover p,
#main-wrapper-pes .course-content-image a[href*="enroll"]:focus .fa-4x,
#main-wrapper-pes .course-content-image a[href*="enroll"]:hover .fa-4x {
    color: rgb(var(--primary-color-dark));
}

#main-wrapper-pes .course-content-image .box-img a[href*="enroll"] p.box-img-icon {
    width: 50px;
    text-align: center;
}

#main-wrapper-pes .course-content-image .box-img .fa-4x {
    font-size: 30px;
    color: white;
}

#main-wrapper-pes .course-content-image a {
    display: block;
    width: 100%;
    height: 220px;
    position: relative;
    overflow-y: hidden;
    transition: all 180ms linear;
}

#main-wrapper-pes .course-content-image a:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 0;
}

#main-wrapper-pes .course-content-image a:hover {
    filter: saturate(1.15);
}

#main-wrapper-pes .course-content-image a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%;
    position: absolute;

    left: 0;
    top: 0;
    height: auto;
}

#page-wrapper-pes .dashboard-header .row .col-sm-4,
#page-wrapper-pes .dashboard-header .row .col-sm-2 {
    width: auto;
    float: none;
    display: none;
}

div#page-wrapper-pes .col-sm-6 {
    width: 100%;
    float: none;
}

div#page-wrapper-pes .row>div[class*="col=sm"] {
    float: none;
}


body.not-front.user-logged-in .footer-cirrus .row {
    display: flex;
    justify-content: center;
}

body.not-front.user-logged-in .footer-cirrus .row>div {
    float: none;
    width: auto;
}

body.not-front.user-logged-in .footer-content img {
    min-width: 80px;
    margin-block-end: 10px;
}

body.not-front.user-logged-in .footer-left,
body.not-front.user-logged-in .footer-right {
    display: none;
}



@media (min-width: 768px) {
    div#page-wrapper-pes .header-content-nav {
        width: 750px;
    }
}
/* Stack main nav icons vertically */
@media (max-width: 1030px) {
    .sidebar-cirrus .menu {position: fixed;right: 0;top: 0;height: 100vh;background: var(--primary-color);width: 85px;box-shadow: -3px 4px 10px -2px rgb(0 0 0 / 22%);}
    .sidebar-cirrus .menu ul {flex-direction: column;flex-wrap: wrap;position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    background: var(--primary-color);
    width: 85px;
    box-shadow: -3px 4px 10px -2px rgb(0 0 0 / 22%);justify-content: flex-start;}
    .sidebar-cirrus ul .menu-list {padding-inline: 0;margin-inline: 0;}
    .sidebar-cirrus a{padding-inline: 33px;background-position: top center !important;padding-block: 52px 11px;;;}
    .sidebar-cirrus ul li{font-size: 14px;margin: 0;}
    .sidebar-cirrus .menu-text{color: transparent;}
    div#page-wrapper-pes, div#main-wrapper-pes {width: calc(100% - 85px);}

}

@media (max-width: 850px) and (max-height: 660px),
(max-width: 500px) {
    .sidebar-cirrus a{padding-block: 20px;}
    .sidebar-cirrus .menu-list{padding-block: 11px;}
    /*Student view*/
    .sidebar-cirrus #pes-menu a{padding-block: 31px;}
}

@media (max-width: 500px) {
    .sidebar-cirrus .menu ul{width: 70px;}
    .sidebar-cirrus .menu, .sidebar-cirrus .menu ul{width: 76px;}
    .sidebar-cirrus .menu-list{padding-block: 7px;}

    div#page-wrapper-pes, div#main-wrapper-pes {width: calc(100% - 76px);}
    /*Student view*/
    .sidebar-cirrus #pes-menu a{padding-block: 30px;}
    .sidebar-cirrus a[href*="/homepage"]{background-size: 34px;}
    .sidebar-cirrus a[href*="manageAccount"]{background-size: 42px;}
    .sidebar-cirrus a[href*="messages"]{background-size: 52px;}
    .sidebar-cirrus a[href*="support-form"]{background-size: 26px;}
    .sidebar-cirrus a[href*="/logout"]{background-size: 44px;}
    .sidebar-cirrus a[href*="manageAccount"]{background-size: 44px;}
    /*Instructor view*/
    .sidebar-cirrus a[href*="/customusers"]{background-size: 45px;}
    .sidebar-cirrus a[href*="/pes/courses"]{background-size: 43px;}

}

@media (max-width: 1050px) {
    #main-wrapper-pes{width: calc(100% - 85px);}
    .sidebar-cirrus .menu ul:not(#pes-menu) {flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;width: 85px;position: fixed;height: 100%;top: 0;right: 0;background: var(--primary-color);overflow-y: auto;}
    .sidebar-cirrus ul:not(#pes-menu) .menu-list {padding-inline: 0;padding-bottom: 10px;}
    .sidebar-cirrus ul:not(#pes-menu) a{padding-inline: 33px;background-position: top center !important;padding-block: 52px 11px;;;}
    .sidebar-cirrus ul:not(#pes-menu) li{font-size: 14px;margin: 0;}
    .sidebar-cirrus ul:not(#pes-menu) .menu-text{color: transparent;}
}



@media (min-width: 992px) {
    div#page-wrapper-pes .header-content-nav {
        width: 970px;
    }

    div#page-wrapper-pes .header-content-nav .user-account-details p {
        font-size: max(2em, 60px);
    }
}


@media (min-width: 1200px) {
    div#page-wrapper-pes .header-content-nav {
        width: 1170px;
    }
}
#main-wrapper-pes .pes-calendar{
    width:60%;
    padding-left: 84px;
}
#main-wrapper-pes .cals {
    display:flex;
}
#main-wrapper-pes .cals .pes-calendar{
    width: 100%;
    padding: 0;
}
#main-wrapper-pes .fc-unthemed td.fc-today{
    background-color: #f5f5f5 !important;
    border-color: #C7CDD1 !important;
}
#main-wrapper-pes #page-title{
    display: none;
}
#main-wrapper-pes .fc-button-primary{
    background: #f5f5f5;
    color: #2D3B45;
    border: 1px solid;
    border-color: #C7CDD1;
    border-radius: 3px;
    width:70px;
    text-transform: capitalize;
}
#main-wrapper-pes .pes-calendar #calendar .fc-center h2{
    font-weight: normal;
}
#main-wrapper-pes table.huicalendar tr th{
    border:none;
}
#main-wrapper-pes .fc-button:focus{
    box-shadow: none;
}

/*Student Calendar View*/
#main-wrapper-pes .ui-dialog-titlebar{
    background: white;
}

.pes-calendar #calendar table tr th,
.pes-calendar #calendar table tr td {
    color: black;
    font-size: 18px;
    background: transparent;
    padding: 10px 2px;
    box-sizing: border-box;
}

.pes-calendar #calendar [class*="dayGridMonth-view"] table tr th,
.pes-calendar #calendar [class*="dayGridMonth-view"] table tr td {
    font-size: 30px;
}

.pes-calendar #calendar table tr th {
    border-color: transparent;
}

.pes-calendar #calendar table tr td[class*=other-month] {
    color: #9F9E9E;
}

.page-pes-calendar .fc-toolbar.fc-header-toolbar {
    background: #E4F3F8;
    padding: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.pes-calendar #calendar .fc-center h2 {
    font-size: 40px;
    color: black;
    font-weight: 500;
}

.page-pes-calendar .cals {
    width: 100%;
    justify-content: center;
}

div.pes-calendar {
    padding: 0;
    width: 100%;
    max-width: 1200px;
}

.page-pes-calendar div#calendar {
    box-shadow: var(--box-light), 0 20px 30px -10px #d8d8d8;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.fc-scroller.fc-day-grid-container {
    padding: 10px;
}

.pes-calendar #calendar table tr td {
    position: relative;
}

.pes-calendar .fc-button-group>.fc-button,
.pes-calendar .fc-today-button.fc-button-primary {
    background: var(--primary-color) !important;
    color: white !important;
    border-radius: 10px !important;
    font-size: 15px;
    font-weight: 500;
    border-color: var(--primary-color) !important;
    margin: 0 5px;
padding-inline: 0;}

.pes-calendar .fc-button-group>.fc-button:hover,
.pes-calendar .fc-today-button.fc-button-primary:hover,
.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:not(:disabled):active {

    background: #BBE5F3 !important;
    color: black !important;
    border-color: #BBE5F3 !important;
    cursor: pointer;
}

.pes-calendar .fc-button-group>.fc-button:focus,
.pes-calendar .fc-today-button.fc-button-primary:focus {
    outline: 1px solid black;
}

#main-wrapper-pes + .footer-cirrus .fc-right,
#main-wrapper-pes + #footer-cirrus .fc-right {
    min-width: 300px;
}

#main-wrapper-pes + .footer-cirrus .fc-right .fc-button-group,
#main-wrapper-pes + #footer-cirrus .fc-right .fc-button-group {
    width: 100%;
}

#main-wrapper-pes + .footer-cirrus .mincal,
#main-wrapper-pes + #footer-cirrus .mincal,
#main-wrapper-pes .mincal {
    display: none;
}
#main-wrapper-pes .cals {
    display: flex;
    justify-content: center;
    margin-block: 40px;
    padding-left: 15px;
    padding-right: 15px;
}


/*Calendar responsive design styling*/
@media only screen and (max-width: 960px) {
    .pes-calendar .fc-toolbar{display: grid;grid-template-columns: auto auto;
    grid-template-areas: "grid-center grid-center""grid-left grid-right";}
    .pes-calendar .fc-left {grid-area: grid-left;}
    .pes-calendar .fc-center {grid-area: grid-center;text-align: center;}
    .pes-calendar .fc-right {grid-area: grid-right;justify-self: flex-end;}
    .pes-calendar .fc-button-group>.fc-button, .pes-calendar .fc-today-button.fc-button-primary{font-size: 13px;max-width: 50px;margin-inline: 2px;}
    .pes-calendar .fc-button-group>.fc-button[aria-label*="prev"],.pes-calendar .fc-button-group>.fc-button[aria-label*="next"], button.fc-manage.fc-button.fc-button-primary {max-width:44px;}
}

@media only screen and (max-width: 750px) {
    body .pes-calendar .fc {font-size: .9em;}
    .pes-calendar #calendar .fc-center h2 {font-size: max(2em, 30px);}
    .pes-calendar #calendar [class*="dayGridMonth-view"] table tr th, .pes-calendar #calendar [class*="dayGridMonth-view"] table tr td {font-size: max(15px, 1em);}
}

@media only screen and (max-width: 460px) {
    .pes-calendar .fc-toolbar{grid-template-columns: 1fr;grid-template-areas: "grid-center""grid-left""grid-right";}
    .pes-calendar .fc-toolbar > div{justify-self: center;margin: 4px 0;}
}

/*You are not authorized to access this page block*/
div#main-wrapper-pes div[about*="/access-denied"] .field-items {
    background: #fce3e3;
    text-align: center;
    padding: 30px;
    margin: 20px auto;
    width: 90%;
    max-width: 600px;
    box-shadow: var(--box-light);
    box-sizing: border-box;
    font-family: var(--primary-font);
}

div#main-wrapper-pes div[about*="/access-denied"] .field-items p {
    font-size: 1.5em;
}

/*Remove black background from dialog headers*/
.ui-dialog .ui-dialog-title {
    background: var(--primary-color);
}
/* Plugin page & Terms of use page & Privacy statement */
#main-wrapper-pes .breadcrumb, #page-wrapper-pes + .breadcrumb{
    font-size: max(18px, 1em);
}

div#main-wrapper-pes div#system_requirements{
    width: 94vw;
    max-width: 1020px;
    margin: 30px auto;
}

#main-wrapper-pes .breadcrumb,
#page-wrapper-pes + .breadcrumb {
    background: transparent;
    padding-inline: 0;
}

#main-wrapper-pes .breadcrumb a,
 #page-wrapper-pes + .breadcrumb a{
    font-weight: 700;
    text-decoration: none;
    font-size: max(16px, 1rem);
    position: relative;
}

div#main-wrapper-pes #system_requirements h3{
    padding-block: 0 5px;
}
div#main-wrapper-pes div#privacy-statement li strong:first-of-type,
div#main-wrapper-pes div#privacy-statement ol li::marker {
    font-weight: 700;
    font-size: 1.2em;
    padding-block: 0 5px;
}
#system_requirements h3 {
    border-bottom: #999 solid 1px;
}
#system_requirements ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

#system_requirements ul li {
    float: none;
    width: 100px;
    padding-inline: 5px;
    list-style-type: none;
}

div#termsOfUseBox {
    box-sizing: border-box;
    height: 700px;
    overflow-y: scroll;
}

form#terms-of-use-form h1,
div#privacy-statement h1 {
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}

#terms-of-use-form input.form-submit {
    font-size: 15px;
    background: var(--primary-color) !important;
}

#terms-of-use-form input.form-submit:focus,
#terms-of-use-form input.form-submit:hover {
    background: rgba(var(--primary-color-dark), .1) !important;
}
#terms-of-use-form input.form-submit {
    float: none;
}
/*Account*/
#main-wrapper-pes .form-account fieldset.fieldgroup legend,
#main-wrapper-pes .form-account .form-group label,
#main-wrapper-pes #webcom-im-new-message .form-item label {
    font-size: max(1em, 16px);
    font-weight: 400;
    border: none;
    width: 32%;
    font-family: inherit;
}
/* #main-wrapper-pes #webcom-im-new-message .form-item .form-select,
#main-wrapper-pes #webcom-im-new-message .form-item .form-text,
#main-wrapper-pes #webcom-im-new-message .form-item .form-textarea,
#main-wrapper-pes #webcom-im-new-message .form-item .form-textarea-wrapper {
    width: 60%;
    float: left;
} */
#main-wrapper-pes .form-account .form-group > .form-item,
#main-wrapper-pes .form-item[class*="form-type-"] {
    display: flex;
    flex-wrap: wrap;
    /*align-items: baseline;*/
    font-size: max(1em, 16px);
}
#main-wrapper-pes .form-account .form-group h4{
    width: 100%;
}
#main-wrapper-pes .form-account .form-group > .form-item .form-textarea-wrapper{
    width: calc(66% - 12px);
}
#main-wrapper-pes .form-account .form-group > .form-item .form-textarea-wrapper .form-textarea{
    width: 100%;
}
#main-wrapper-pes .form-account .form-group > .form-item::after,
#main-wrapper-pes .form-account .form-group > .form-item::before{
    content: "";
    display: table;
    width: 100%;
    clear: both;
}
#main-wrapper-pes .fieldset-wrapper .form-group label{
    padding-left: 0;
    font-size: inherit;
}
#main-wrapper-pes #user-info-entity-user-info-manage-account-form .form-account h4
/* #main-wrapper-pes .form-account .form-group > .form-item.form-type-single-date-time{
    display: block;
} */
/* #main-wrapper-pes .form-item.form-type-single-date-time * {
    flex: none;
} */
/* #main-wrapper-pes .form-item.form-type-single-date-time img {
    width: auto;
} */
/* #main-wrapper-pes .form-account .form-group * {
    flex:2;
} */

#main-wrapper-pes .form-account .form-item * {
    font-size: max(1em, 16px) !important;
    /* width: 100%; */
}

#main-wrapper-pes #support-form-entityform-edit-form #field-additional-information-add-more-wrapper textarea {
    width: 100% !important;
}

#main-wrapper-pes .chosen-container-single .chosen-single div b {
    position: absolute;
    right: 0;
    display: block;
    width: 15px;
}


#main-wrapper-pes .form-account .form-group .description,
#main-wrapper-pes .form-account p.errorField,
#main-wrapper-pes  #support-form-entityform-edit-form .ctrlHolder p.formHint,
#main-wrapper-pes  #support-form-entityform-edit-form .ctrlHolder p.requiredFieldText{
    flex: 100%;
    font-size: max(.9em, 14px) !important;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
}
#main-wrapper-pes .form-account .form-group[class*="form-type-select"],
#main-wrapper-pes .form-account .form-group[class*="form-type-phone"],
#main-wrapper-pes .form-account .form-group[class*="field--type-"],
#main-wrapper-pes .form-account [data-drupal-selector="edit-group-contact-info"] .form-item,
#main-wrapper-pes .form-account #edit-contact-info .form-item,
#address-wrapper .fieldset-wrapper .form-item,
#main-wrapper-pes #system_support fieldset .ctrlHolder:not(.toTheRight) {
    width: 100% !important;
    border-bottom: 1px solid rgba(var(--primary-color-dark), .4);
    margin: 0;
}
#main-wrapper-pes .form-account #edit-contact-info,
#main-wrapper-pes .form-account #edit-contact-info-country-code,
#main-wrapper-pes .form-account #edit-contact-info-container2,
#main-wrapper-pes .form-account .form-group[class*="field--type-"] .form-group{
    padding: 0;
}
#main-wrapper-pes .form-account #edit-password-challenge-question-wrapper,
#main-wrapper-pes .form-account #edit-password-challenge-question-wrapper,
#main-wrapper-pes .form-account #edit-salutation-wrapper,
#main-wrapper-pes #system_support .form-group[class*="field--type-"]{
    border: none;
    padding: 0;
}
#main-wrapper-pes .form-account #edit-password-challenge-question-wrapper .form-item,
#main-wrapper-pes .form-account #edit-salutation-wrapper .form-item{
    padding: 10px 0;
}


#main-wrapper-pes .account-status,
#main-wrapper-pes .breadcrumb,
#page-wrapper-pes + .breadcrumb {
    background: transparent;
    margin: 10px auto;
    padding-bottom: 0;
    margin-bottom: 0;
}

#main-wrapper-pes .account-status[style*="padding"] {
    padding: 10px 0 !important;
}

#main-wrapper-pes .account-status .header-notification,
#main-wrapper-pes #inbox-message-form .gridwrapper .jqx-grid-header-wrap span.jqx-grid-header-wrap-title {
    width: 100%;
    background: var(--primary-color);
    padding: 8px;
    color: white;
}

#main-wrapper-pes .account-status .header-notification a {
    color:white;
}


#main-wrapper-pes .account-status span.course-heading,
#main-wrapper-pes #inbox-message-form .gridwrapper .jqx-grid-header-wrap span.jqx-grid-header-wrap-title {
    font-weight: 700;
    color: white;
    font-size: 1.5em;
    padding-inline: 20px;
}


#main-wrapper-pes #inbox-message-form .gridwrapper .jqx-grid-header-wrap span.jqx-grid-header-wrap-title{
    margin-block-end: 10px;
}

#main-wrapper-pes a.create_msg_link .header-notification {
    background:
    none;
    font-size: max(1em, 16px);
    padding-inline: 0 !important;
}

#main-wrapper-pes .form-account {
    padding: 1em 3em;
    background: var(--gray-color);
    display: flow-root;
    margin: 0 auto 1.5em;
    width: 100%;
    box-sizing: border-box;
}

div#main-wrapper-pes form[action*="manageAccount"] .breadcrumb {
    background: transparent;
    font-size: max(1em, 16px);
    font-weight: 700;
}

div#main-wrapper-pes form[action*="manageAccount"] .breadcrumb a {
    text-decoration: none;
}

#main-wrapper-pes .form-item[class*="form-type-"] .access-code-input,
#main-wrapper-pes #webcom-im-new-message .add-publications {
    border: 1px solid #e8e8e8;
}
#con4-entity-support-form-form .leftCol *{
    width: 100%;
    font-size: max(1em, 16px);
}
#con4-entity-support-form-form .ctrlRequiredRadio .fieldset-wrapper .form-item{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
#main-wrapper-pes .ctrlHolder *{
    /* font-size: max(1em, 16px) !important;
    width: 100%; */
}
#main-wrapper-pes #webcom-im-new-message .form-item .form-textarea-wrapper{
    width: 100%;
}
#main-wrapper-pes .ui-box-wrapper{
    margin: 0 auto;
    width: 100%;
    padding-left: 0;
}
#main-wrapper-pes #webcom-im-new-message #component_dropbox_new_message .fieldset-wrapper{
    padding: 1em 2em !important;
    background: var(--gray-color);
    display: flow-root;
    margin: 0 auto 1.5em;
    width: 100%;
}
#main-wrapper-pes #webcom-im-new-message .ui-box-wrapper .ui-widget-header{
    background-color: #007cad;
    border-radius: 0;
}
#main-wrapper-pes #webcom-im-new-message .ui-box-wrapper .ui-widget-header .ui-dialog-title{
    display: none;
}
#main-wrapper-pes #webcom-im-new-message .ui-box-wrapper .ui-widget-header .ui-dialog-actions{
    float: left;
}
#main-wrapper-pes #webcom-im-new-message .ui-box-wrapper .ui-widget-header .ui-dialog-actions a:hover{
    background: none!important;
    color: #FFF!important;
}
#main-wrapper-pes #webcom-im-new-message .gridwrapper{
    padding: 0;
    padding-top: 1em!important;
    margin-top: 25px!important;
}
#main-wrapper-pes #webcom-im-new-message .gridwrapper .jqx-grid-header-wrap {
    background: none !important;
    background-color: #7bc9e3 !important;
}
#main-wrapper-pes #enroll-acccess-code-form .access-code-input {
    width: 91% !important;
}
#main-wrapper-pes  fieldset#edit-address {
    background: transparent;
}

#main-wrapper-pes .ctrlHolder.ctrlRequiredInput.role-tile {
    width: 100% !important;
    font-size: max(1em, 16px);
}

#main-wrapper-pes .table_listing_dark th {
    background: rgba(var(--paradigm-blue), 1) !important;
    color: white !important;
}

#main-wrapper-pes table.table_listing_dark {
    border: 1px solid var(--primary-color-light);
}

#main-wrapper-pes .table_listing_dark tr td:not(last-of-type) {
    border-right: 1px solid var(--primary-color-light) !important;
}

#main-wrapper-pes .table_listing_dark tbody tr {
    border-color: var(--primary-color-light) !important;
}
#content .user-info-entity-form h2,
#main-wrapper-pes .account-form h4 {
    font-size: max(.95em, 15px);
    border-bottom: none;
    margin-bottom: 10px;
    padding: 10px 0;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid  rgba(var(--primary-color-dark), .4);
}

#main-wrapper-pes .ctrlHolder.ctrlRequiredSelect.form-group[style*="padding-bottom"] {
    border-bottom: none;
}

#main-wrapper-pes .ctrlHolder.ctrlRequiredSelect.save-btn.text-right {
    width: 100%;
    margin-top: 10px;
}

#main-wrapper-pes .ctrlHolder.ctrlRequiredSelect:nth-child(-2) {
    border: none;
}

#main-wrapper-pes .ctrlHolder.ctrlRequiredSelect.form-group:nth-last-child(2) {
    border: none !important;
}

#main-wrapper-pes input#edit-submit.pes-btn {
    font-size: max(1em, 16px);
    font-weight: 700;
    min-width: 120px;
    margin: 0 0 20px;
    max-width: 120px;
}
#main-wrapper-pes .add-btn input#edit-submit.button {
    font-size: max(1em, 16px);
    margin: 5% 30% 0;
}
#main-wrapper-pes input#edit-submit.btn {
    min-width: 120px;
    margin: 10px 0 20px;
    max-width: 120px;
    cursor: pointer;
    font-weight: 400;
}
.active-course-content {
    margin-top: 7px !important;
}
/*Messages*/
#component_dropbox_functions{
    text-align: center;
}
#main-wrapper-pes div#component_dropbox_functions {
    background: transparent;
}

/* #component_dropbox_functions ul a.create_msg_link {
    display: table;
    width: fit-content;
    margin-inline: auto;
} */
#component_dropbox_functions ul a.create_msg_link:hover{
    font-weight: normal;
}

#main-wrapper-pes .gridwrapper {
    width: 100%;
    padding-inline: 10px;
    box-sizing: border-box;
    margin-block-end: 20px;
}

#main-wrapper-pes #component_dropbox_folder_list{
    font-family: var(--primary-font);
    font-size: max(1em, 16px);
}
#main-wrapper-pes #component_dropbox_folder_list #folder_tree{
    padding: 0;
    font-family: var(--primary-font);
    font-size: max(1em, 16px);
}
div#block-pescirrus-imfolderviewblockblock {
    padding-inline: 0 20px;
}

#component_dropbox_functions ul a.create_msg_link button {
    font-family: var(--primary-font);
}

#component_dropbox_functions ul a.create_msg_link button:focus, #component_dropbox_functions ul a.create_msg_link button:hover {
    background: var(--primary-color-light) !important;
    border-color: var(--primary-color-light) !important;
    color: rgb(var(--primary-color-dark)) !important;
}
#main-wrapper-pes #component_dropbox_folder_list h3 {
    font-size: max(1em, 16px);
    font-weight: 700;
}

#main-wrapper-pes #messages-inbox-new .gridwrapper button,
#main-wrapper-pes .jqx-grid-header-wrap #jqxGridButtonDiv button {
    font-size: max(1em, 14px) !important;
}

#main-wrapper-pes button#moveSelectedjqx:hover,
#main-wrapper-pes button#trashSelectedjqx:hover,
#main-wrapper-pes button#moveThreads:hover,
#main-wrapper-pes button#trashThreads:hover {
    color: white;
    background: var(--primary-color);
}

#main-wrapper-pes div.jqx-grid-header-wrap {
    background: transparent;
}
#main-wrapper-pes .jqx-grid-header-wrap .jqx-grid-header-wrap-title{
    color:black;
}
#main-wrapper-pes .jqx-grid-header-wrap #moveThreads,
#main-wrapper-pes .jqx-grid-header-wrap #trashThreads{
    background:none;
    color:black;
    border:none;
    font-size: 10px;
}

@media screen and (max-width: 768px) {
    #main-wrapper-pes .account-status {
        padding-inline:0;
        padding-block-start: 0;
    }
    #main-wrapper-pes .account-form {
        margin-inline: auto;
    }
}

/* Matching .container widths set with bootstrap*/
@media (min-width: 768px) {
    div#main-wrapper-pes form[action*="manageAccount"] .breadcrumb, div#main-wrapper-pes .pes-users, #main-wrapper-pes .breadcrumb,  #page-wrapper-pes + .breadcrumb {
        width: 750px;
        margin-inline: auto;
        padding-inline: 0;
    }
    #main-wrapper-pes .account-status {
        margin-inline: auto;
        padding-inline: 0;
    }
}


@media (min-width: 850px) {
    #main-wrapper-pes #messages-inbox-new .gridwrapper {
        width: 120%;
    }
}

@media (min-width: 992px) {
    div#main-wrapper-pes form[action*="manageAccount"] .breadcrumb, div#main-wrapper-pes .pes-users, #main-wrapper-pes .breadcrumb, #page-wrapper-pes + .breadcrumb{
        width: 970px;
    }
    .anonymous .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    div#main-wrapper-pes form[action*="manageAccount"] .breadcrumb, div#main-wrapper-pes .pes-users, #main-wrapper-pes .breadcrumb, #page-wrapper-pes + .breadcrumb {
        width: 1170px;
    }
}


/*Create message*/
#main-wrapper-pes div#component_dropbox_new_message .form-group {
    border: none;
}

#main-wrapper-pes .form-item table,
#main-wrapper-pes .form-item table tr th,
#main-wrapper-pes .form-item[class*="form-type-"] .chosen-container,
#main-wrapper-pes .form-item[class*="form-type-"] input[type="password"],
#main-wrapper-pes .form-item[class*="form-type-"] input[type="text"]{
    font-size: max(1em, 16px);
}
#main-wrapper-pes .form-item[class*="form-type-"] input[type="text"],
#main-wrapper-pes .form-item[class*="form-type-"] input[type="password"],
#main-wrapper-pes #webcom-im-new-message .add-publications ul,
#main-wrapper-pes #webcom-im-new-message .add-publications {
    font-family: var(--primary-font);
    font-weight: 300;
    background: white;
    padding: 6px 8px;
    color: black;
    height: auto;
    min-height: 20px;
    float: left;
    width: calc(66% - 12px) !important;
}
#main-wrapper-pes .form-item[class*="form-type-"] input[data-single-date-time="datetime"],
#main-wrapper-pes .form-item[class*="form-type-"] input[data-single-date-time="date"],
#main-wrapper-pes .form-item[class*="form-type-"] input[data-single-date-time="time"]{
    width: calc(63% - 12px) !important;
}

#main-wrapper-pes  #webcom-im-new-message p.formHint {
    font-size: min(14px, 1em);
}

#main-wrapper-pes  #webcom-im-new-message p.formHint a {
    color: var(--primary-color);
    text-decoration: none;
}

#main-wrapper-pes #webcom-im-new-message .form-item .form-item.form-type-file,
#main-wrapper-pes #webcom-im-new-message  .form-group .form-textarea-wrapper{
    display: block;
    margin-right: 0;
}
#webcom-im-new-message fieldset p.formHint {
    margin-left: 32% !important;
}
#main-wrapper-pes #webcom-im-new-message .form-item-files-file-upload{
    border: none !important;
}

#main-wrapper-pes div#component_dropbox_new_message .form-item[style*="border-bottom"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#main-wrapper-pes div#component_dropbox_new_message .form-item[style*="border-bottom"] p,
#main-wrapper-pes div#component_dropbox_new_message .form-item[style*="border-bottom"] div:not(.form-item) {
    flex: 100%;
}

#main-wrapper-pes div#component_dropbox_new_message .fieldset-wrapper {
    padding-inline: 0 !important;
    width: 100%;
}


#main-wrapper-pes #webcom-im-new-message .form-item-files-file-upload {
    min-width: 67%;
    margin-top: 0 !important;
}

#main-wrapper-pes div#component_dropbox_new_message input#attachments {
    cursor: pointer;
}

#main-wrapper-pes div#component_dropbox_new_message div#edit-actions {
    width: 100%;
}

/* #component_dropbox_functions {
    border: none;
    background: transparent;
}
 */
/*Help*/
#main-wrapper-pes .cfUniForm-form-container.col-md-10 {
    float: none;
    width: 100%;
}

/* #main-wrapper-pes .leftCol label.required:after,
#main-wrapper-pes  div#component_dropbox_new_message .form-item label:after{
    content: " *";
    color: #de0000;
    font-size: max(1.1em, 25px);
    font-style: normal;
    font-weight: bold;
    position: absolute;
    right: 12px;
} */
#main-wrapper-pes div#component_dropbox_new_message .form-item:not(.form-type-file) {
    border-top: 1px solid rgba(var(--primary-color-dark), .4);
    padding-top: 1em;
    align-items: self-start;
}

.gridwrapper .grid_sortable_message {
    visibility: hidden;
}

#main-wrapper-pes .form-item[class*="form-type-"] label + div.form-radios {
    border: none !important;
}

#edit-field-additional-information-und-0-value {
    width: 100% !important;
}


/*Admin edit screens*/
form#user-add-form .fieldset-wrapper .form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


form#user-add-form  .form-item .description {
    flex: 100%;
}

form#user-add-form  .fieldset-wrapper .form-item label {
    width: 30%;
    position: relative;
}


form#user-add-form  #content .form-required {
    position: absolute;
    right: 1px;
    top: 3px;
}

form#user-add-form  .ui-datepicker-trigger {
    min-width: 18px;
    height: fit-content;
}

/*Instructor add courses*/
div#main-wrapper-pes .course-form .table-pes {
    width: 100%;
    margin: 10px auto;
}

div#main-wrapper-pes .course-form .table-pes p {
    font-size: max(1em, 16px);
    color: inherit;
}

div#main-wrapper-pes .course-form .table-pes a {
    text-decoration: none;
    font-weight: 700;
}

/*Add new course*/
div#main-wrapper-pes .join-course-content .add-course-content {
    padding-top: 0;
}

div#main-wrapper-pes .join-course-content p,
div#main-wrapper-pes .join-course-content label {
    font-size: max(1em, 16px);
    width: auto;
}

div#main-wrapper-pes .join-course-content .add-course-content .row {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
}

/*Users*/
div#main-wrapper-pes .pes-users {
    padding-inline: 0;
}

div#main-wrapper-pes .pes-users #manage_user_jqxgrid_new {
    width: 100% !important;
    max-width: 960px;
    margin-inline: auto;
    border: none;
    box-shadow: var(--box-light);
}

div#main-wrapper-pes .pes-users .jqx-grid-header-wrap-title {
    font-weight: 700;
    font-size: 1.5em;
    padding-inline: 20px;
}
#main-wrapper-pes #content{
    width: 100%;
}
#main-wrapper-pes #content .section{
    padding: 0;
}
.header-account-menu a {
    display: inline-block;
    padding: 0;
    background: none!important;
}
#main-wrapper-pes #breadcrumb{
    margin: 0;
}
#registration-count-search-form #edit-publisher input{
    margin-left: -20px;
}
#usage-report-search-form .form-item-ur-limit-logs-to-section #edit-ur-limit-logs-to-section{
    margin-left: -20px !important;
    width: auto !important;
    margin-top: 0;
}
.input-group-addon{
    display: none;
}
.fieldset-wrapper .form-item label.option{
    width: calc(66% - 12px);
    padding-left: 0;
    margin-left: calc(34% + 12px);
}
.fieldset-wrapper .form-item label.option input{
    width: auto;
    margin-left: -20px;
    margin-top: 3px;
}
.uniForm fieldset.inlineLabels .ctrlHolder.ctrlRequiredRadio .form-item label.option{
    margin-left: 0;
}
.panel{
    background: none;
    border: none;
}
.panel .panel-body{
    padding: 0;
}
.uniForm .inlineLabels .form-textarea-wrapper {
    float: left;
    width: 100%;
}
.ui-dialog select, .ui-dialog input {
    width: calc(66% - 12px);
    float: left;
}
.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .form-control, .uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select, .uniForm .inlineLabels textarea {
    width: calc(66% - 12px);
}
form .ctrlHolder .chosen-container.chosen-container-single, form .ctrlHolder .chosen-container.chosen-container-multi {
    width: calc(66% - 12px) !important;
}
.uniForm fieldset.inlineLabels .ctrlHolder .form-item .input-group{
    display: block;
}
#con4-entity-component-form .form-item input[type="radio"], #con4-entity-component-edit-form .form-item input[type="radio"],
#con4-entity-component-form #edit-field-is-discoverable-wrapper .form-item input, #con4-entity-component-edit-form #edit-field-is-discoverable-wrapper .form-item input{
    margin-top: 0;
    margin-left: -20px
}
.fieldset-wrapper input.form-text, .fieldset-wrapper input.form-date, .fieldset-wrapper input.form-time, .fieldset-wrapper input.form-control, .fieldset-wrapper textarea.form-textarea, .fieldset-wrapper select.form-select,
form .form-managed-file,
form .chosen-container.chosen-container-single{
    width: calc(66% - 12px) !important;
}
.fieldset-wrapper input.form-date[data-single-date-time="datetime"],
.fieldset-wrapper input.form-date[data-single-date-time="date"],
.fieldset-wrapper input.form-time[data-single-date-time="datetime"],
.fieldset-wrapper input.form-time[data-single-date-time="time"]{
    width: calc(63% - 12px) !important;
}
/*#content .form-required, #support-form-entityform-edit-form .toTheRight label:after{
    font-size: 10px;
}*/
#createmessage .form-item-send-to-me #edit-send-to-me{
    width: auto !important;
    margin-left: -20px;
}
#handout-entity-handout-form .field--name-title .description{
    margin-left: 32%;
}
form .chosen-container.chosen-container-multi{
    width: calc(66% - 12px) !important;
    padding: 0;
}
#createmessage #ui-dialog-title-dialog{
    background: none;
}
#createmessage .fieldset-wrapper .formHint {
    margin-left: 31% !important;
}
.lti-platform-entity-form .description, .user-info-entity-form .description,
#institution-entity-institution-form .description{
    margin-left: 32%;
}
#user-info-entity-user-info-form #edit-learning-disabled, #user-info-entity-user-info-form #edit-test-user, #user-info-entity-user-info-form #edit-is-paired, #user-info-entity-user-info-form #edit-email-verified, #user-roleedit-form #edit-is-trial-access, #user-roleedit-form #edit-is-trial-access-payment-done {
    margin-left: -20px;
    margin-top: 4px;
}
#wc3lti-entity-lti-form .description, #engagement-student-email-tempalte .description, #engagement-admin-email-tempalte .description, #con4-entity-grade-element-form .description {
    margin-left: 32%;
    float: left;
    width: 66%;
}
#con4-entity-page-component-form .form-item label.option{
    margin-left: 0;
}
#con4-entity-page-component-form .form-item label.option span{
    margin-left: 5px;
    display: inline-block;
    vertical-align: bottom;
}
#con4-entity-page-component-edit-form .fieldset-wrapper .form-type-radio input[type=radio],
#publication-entity-online-publication-form .field--name-page-layout .fieldset-wrapper .form-type-radio input[type=radio], #sectionpath-entity-sectionpath-form .field--name-page-layout .fieldset-wrapper .form-type-radio input[type=radio], #pagepath-entity-pagepath-form .field--name-page-layout .fieldset-wrapper .form-type-radio input[type=radio], #section-entity-section-form .field--name-page-layout .fieldset-wrapper .form-type-radio input[type=radio], #pagepath-entity-pagepath-form .field--name-content-layout .fieldset-wrapper .form-type-radio input[type=radio]{
    margin-left: -20px;
}
#publication-entity-online-publication-form .field--name-page-layout .fieldset-wrapper {
    margin-left: 20%;
    float: left;
    width: 80%;
    margin-top: 0;
}
#usage-report-search-form .form-item-ur-limit-logs-to-section label.option {
    width: calc(66% - 12px);
}
#content .user-info-entity-form h2{
    color: inherit;
    padding: 10px 0;
    font-weight: 600;
    float: none;
    font-size: max(.95em, 15px);
}
#choose_section_dialog {
    width: 100%;
}
.path-webcom-view-section #main-wrapper-pes #system_breadcrumb_block{
    display: none;
}
.join-form .form-item{
    border: none;
}
.join-form label {
    margin: 0 23% 0;
}
#block-pescirrus-userlogin ul{
    display: none;
}
#block-pescirrus-userlogin .form-item {
    margin-bottom: 13px;
    position: relative;
}
#block-pescirrus-userlogin .form-type-password {
    margin-bottom: 5px;
}
#block-pescirrus-userlogin input[type="text"],
#block-pescirrus-userlogin input[type="password"],
#block-pescirrus-enrollaccesscode input[type=text]{
    width: 100%;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    height: 45px;
    opacity: 90%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    margin-bottom: 5px;
}
#block-pescirrus-userlogin #togglePassword{
    position: absolute;
    right: 17px;
    top: 15px;
}
#block-pescirrus-enrollaccesscode .content{
    margin-top: 5px;
}
#block-pescirrus-enrollaccesscode .content #enroll-access-code,
#block-pescirrus-enrollaccesscode #enroll-access-code .form-item .description{
    margin-top: 0;
}
.featured-pes #component_dropbox_functions{
    background: none;
    border: none;
    text-align: left;
    padding: 0;
}
.featured-pes #component_dropbox_functions .account-status{
    background: transparent;
    padding: 0;
    padding-top: 2rem;
}
.featured-pes #component_dropbox_functions li#component_dropbox_message_create,
.featured-pes #component_dropbox_functions li#component_dropbox_empty_trash{
    background: white;
    border: 1px solid black;
    color: gray;
    border-radius: 4px;
    height: auto;
    padding: 0px 6px;
    font-size: 16px;
    width: auto;
    line-height: normal;
    font-weight: normal;
}
.featured-pes #component_dropbox_functions li#component_dropbox_message_create:hover,
.featured-pes #component_dropbox_functions li#component_dropbox_empty_trash:hover{
    background: #d2d2d2;
    color: #000000;
    font-weight: bold;
}
#main-wrapper-pes #content.column {
    border-right: none !important;
}
#main-wrapper-pes #content.column-pes{
    width: calc(100% - 30%) !important;
    border-right: 1px solid #EAEAEA;
    box-sizing: border-box;
    padding-right: 20px;
}

#main-wrapper-pes .region-sidebar-first{
    border: none;
}
#main-wrapper-pes .jstree-default.jstree-focused{
    background: none;
}
#main-wrapper-pes #ui-dialog-title-dialog h2 {
    padding: 0;
    margin: 0;
}
#main-wrapper-pes #user-info-entity-user-info-form .form-type-checkbox label.option{
    margin-left: calc(35% - 12px);
}
#main-wrapper-pes #user-info-entity-user-info-form .form-textarea-wrapper {
    width: calc(66% - 12px) !important;
}
#main-wrapper-pes #user-info-entity-user-info-form .form-textarea-wrapper textarea{
    width: 100% !important;
}
.ui-dialog .ui-dialog-titlebar-close::after{
    content: "X";
}
#secondary_navigation {
    text-align: left;
}
#secondary_navigation li{
    font-size: max(16px, 1rem);
    position: relative;
}
#secondary_navigation li a{
    font-weight: 700;
    text-decoration: none;
    font-size: max(16px, 1rem);
    position: relative;
}
.ui-dialog-content form, .ui-dialog-content p {
    font-size: max(1em, 16px);
}
p{
    margin: 0 0 0.2em;
}
.anonymous.path-eform .dashboard-header{
    display: none;
}

.h1, h1 {
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    font-weight: bold;
}
.h3, h3 {
    font-size: inherit;
    margin-block-start: 1em;
    margin-block-end: 1em;
    font-weight: bold;
}
.ctrlHolder-margin-33 .form-item{
    margin-left: 37%;
}
#main-wrapper-pes #con4-entity-support-form-form .field--name-field-rate-the-importance-of-you #edit-field-rate-the-importance-of-you{
    display: flex;
}
#main-wrapper-pes #con4-entity-support-form-form .field--name-field-rate-the-importance-of-you #edit-field-rate-the-importance-of-you input{
    margin-top: 0;
}
#main-wrapper-pes #con4-entity-support-form-form .form-item label + input,
#main-wrapper-pes #user-info-entity-user-info-manage-account-form .form-item label + input{
    border: 1px solid #e8e8e8 !important;
}
#con4-entity-support-form-form .rightCol {
    border-bottom: 1px solid #ddd;
}
#edit-cancel{
    background: #007cad;
    border-color: #007cad;
    border-radius: 0;
}


.path-messages #block-pescirrus-imfolderviewblockblock {
    padding: 0;
}

.path-messages #block-pescirrus-imfolderviewblockblock .content {
    margin-top: 0;
}

.path-messages #block-pescirrus-imfolderviewblockblock h3 {
    margin: 4px 6px 6px;
    font-family: Verdana, Arial, sans-serif;
}

.path-messages #sidebar-first .section {
    padding-left: 1px;
}

.path-messages #block-pescirrus-imfolderviewblockblock .jstree-default.jstree-focused {
    padding: 0;
    background: none;
}

.path-messages #main #sidebar-first{
    width: 15%;
}

.path-messages #main #content {
    width: calc(85% - 1px);
    margin-top: 0;
}

.path-messages #main #content #block-alert-alert {
    display: none;
}

/* Hide block menu title form pescirrus */
#block-pescirrus-menu {
  display: none;
}