.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    padding: 1px 20px 0 0;
    line-height: 1.7em;
    font-size: 11px;
}

#commerce-checkout-form-checkout .fieldset-wrapper .form-item label {
    width: 27%;
    padding-left: 6px;
}

.hidden {
    display: none;
}

.fieldset-wrapper .form-item label {
    width: 32%;
    padding-left: 6px;
    font-size: 13.2px;
}

#edit-fields .form-textarea-wrapper {
    clear: left;
}

.ui-widget-content .uniFormPageLayout {
    width: 66%;
}
#calender-admin-add-form #edit-fields .form-textarea-wrapper {
    clear: right !important;
}

.ui-widget-content form .form-item label {
    font-weight: normal !important;
    font-size: 12px !important;
}

#main_navigation a:hover span {
    background-position: 100% -42px;
}

.ui-icon-document span {
    display: none !important;
}

.ui-jqgrid-hbox th {
    border: 1px solid #777777 !important;
}

.ui-jqgrid .ui-state-hover .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.container-inline-date .date-padding {
    width: 63%
}

.form-item-post-fromcreated-date label,
.form-item-post-endcreated-date label {
    display: none
}

.form-item-post-fromcreated-date .description,
.form-item-post-endcreated-date .description {
    display: none
}

.form-item.form-type-textfield.form-item-post-fromcreated-date>div,
.form-item.form-type-textfield.form-item-post-endcreated-date>div {
    float: left;
    width: 50%;
}

.form-item.form-type-textfield.form-item-post-fromcreated-date>div input,
.form-item.form-type-textfield.form-item-post-endcreated-date>div input {
    width: 75%
}

#edit-fields input#isbn {
    border: 1px solid #ccc;
    border-radius: 0;
    width: 64%;
}

#generate-access-code #edit_product_chosen {
    width: 415px !important;
}

#generate-access-code .uniform_select_type table,
#edit-fields #list {
    width: 100% !important;
}

#generate-access-code .form-item-role select {
    width: 64.5% !important;
}

/*---- component list ----*/

#form-component-entityform-edit-form .ui-jqgrid .ui-jqgrid-pager,
#products-add-page .ui-jqgrid .ui-jqgrid-pager {
    height: auto;
}

#form-component-entityform-edit-form table.ui-pg-table td#pager_right table.ui-pg-table {
    width: 100%;
}

#form-component-entityform-edit-form table.ui-pg-table td#pager_right table.ui-pg-table input.ui-pg-input,
#products-add-page table.ui-pg-table input.ui-pg-input {
    float: none !important;
    width: auto;
}

#form-component-entityform-edit-form table.ui-pg-table td#pager_right table.ui-pg-table select.ui-pg-selbox,
#products-add-page table.ui-pg-table select.ui-pg-selbox {
    padding: 0 2px 2px 0;
    width: 85%;
}

#form-component-entityform-edit-form .ctrlHolder div.ui-jqgrid,
#form-component-entityform-edit-form .ctrlHolder div.ui-state-default,
#form-component-entityform-edit-form .ctrlHolder div.ui-jqgrid-bdiv,
#form-component-entityform-edit-form .ctrlHolder div.ui-state-default {
    width: auto !important;
}

#add_type_form {
    margin-top: 24px;
}

#form-component-fields fieldset .fieldset-wrapper,
#form-enrollment-fields fieldset .fieldset-wrapper {
    margin: 0;
}

#form-component-fields fieldset .form-item-field-name-value label,
#form-component-fields fieldset .form-item-help-text-value label,
#form-enrollment-fields fieldset .form-item-field-name-value label,
#form-component-fields fieldset .form-item-help-text-value label {
    float: none;
}

#form-enrollment-fields .gridwrapper {
    clear: both;
}

#gview_list .ui-jqgrid-bdiv table#list {
    width: 100% !important;
}

/*---- general ----*/
#edit-customer-profile-billing .fieldset-wrapper .form-item {
    /* margin-bottom: 0 !important; */
    padding: 4px 4px 4px 4px;
}

.text-format-wrapper .form-item {
    margin-bottom: 1em;
}

.text-format-wrapper .filter-wrapper {
    display: none;
}

.text-format-wrapper .form-item.form-type-textarea {
    margin-bottom: 1em;
}

#edit-account .fieldset-wrapper .form-item {
    /* margin-bottom: 0 !important; */
    padding: 4px 4px 4px 4px;
}

.fieldset-wrapper .form-item {
    /* margin-bottom: 0 !important; */
    /* padding: 12px 4px 12px 4px; */
}

.ui-corner-all {
    border-radius: 0 !important;
}

.region-content td.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
    border: 2px solid #d04a06 !important;
}

.ui-state-hover span.ui-button-text {
    padding: 0.2em 0.7em;
    background: #454545;
    color: #fff;
    border: 1px solid #383838;
    line-height: 1.4em;
}

.ui-button-text-only .ui-button-text {
    padding: 0.2em 0.7em;
}

.ui-button-icon-only .ui-icon {
    position: unset;
}

.ui-widget-header .ui-icon {
    /*background-image: unset;*/
    /*This is preventing ui icons from displaying*/
}

.ui-icon-closethick {
    background-image: url("../js/images/ui-icons_555555_256x240.png") !important;
}

.ui-dialog .ui-icon-closethick {
    background-image: url("../js/images/ui-icons_ffffff_256x240.png") !important;
}

/* Override dialog default black icon with a white one for ui dialogs */
#user-login-form .form-item .description {
    margin-left: 0 !important;
}

#edit-actions input,
.buttonHolder .save-as {
    float: left;
}

.errorField {
    background: none repeat scroll 0 0 #ffbfbf;
    color: #af4c4c;
    margin: 0 0 6px;
    padding: 4px;
}

.page-alert-manage .form-textarea-wrapper::before,
.page-announcement-manage .form-textarea-wrapper::before {
    left: 3px;
    position: absolute;
    content: '*';
}

#online-order-submission-entityform-edit-form .fieldset-wrapper .form-item {
    border-bottom: none;
}

#online-order-submission-entityform-edit-form .container-inline-date .date-padding {
    width: 100%;
}

.page-eform-submit-online-order-submission #online-order-submission-entityform-edit-form .ui-datepicker-trigger {
    margin: 4px 4px 6px;
}

#online-order-submission-entityform-edit-form .container-inline-date .date-padding input[type="text"] {
    min-height: 25px;
}

#edit-fields .uniFormPageLayout {
    margin-top: -27px;
}

#sidebar-first,
#sidebar-second {
    width: 25%;
}

.one-sidebar #content.column {
    width: calc(100% - 30%) !important;
    border-right: 1px solid #EAEAEA;
    box-sizing: border-box;
    padding-right: 20px;
}

.one-sidebar.page-calculated-question-variable-form #content.column {
  width: 100% !important;
}

ul.menu {
    padding: 0;
}

ul li.leaf {
    list-style-position: inside;
}

#addonkey-upload-form .ui-widget-header {
    padding-top: 0.4em !important;
}

#addonkey-upload-form .ui-corner-top {
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#lookup-accesscode-add-page .form-item-post-fromcreated,
#lookup-accesscode-add-page .form-item-post-endcreated,
#lookup-accesscode-add-page .form-item-start-endcreated,
#lookup-accesscode-add-page .form-item-start-fromcreated {
    border-bottom: none !important;
    padding: 0 4px !important
}

.form-item-date-element-popup .fieldset-wrapper {
    display: table;
    float: right;
    margin: 0;
    text-align: right;
    vertical-align: top;
    width: 67% !important;
    padding: 0 !important;
}

.form-item-date-element-popup .container-inline-date {
    clear: both;
    display: table-cell;
    vertical-align: top;
}

.form-item-date-element-popup .container-inline-date .date-padding {
    width: 73%;
}

.form-item-date-element-popup img.ui-datepicker-trigger {
    margin: 0 !important;
    margin: 24px 10px 0 10px !important;
}

.form-item-date-element-popup .date-padding {
    padding: 0 !important;
}

#edit-purchase-online,
#edit-field-needs-zooming-and-panning-und,
#edit-field-spawn-browser-und,
#edit-field-display-title-und,
#edit-field-calevent-acesendate-und,
#edit-field-calendar-event-for-access-und,
#edit-field-calevent-acesendate-d-und,
#edit-field-back-to-component-top-link-und,
#edit-field-back-to-page-top-link-und,
#edit-field-calendar-event-for-disabil-und,
#edit-field-match-all-occurrences-of-g-und,
#edit-field-glossary-term-match-is-cas-und,
#edit-field-use-click-interface-for-gl-und,
#edit-field-require-prerequisite-und {
    width: auto;
    margin: 0;
    margin-left: 33%;
    margin-right: 4px;
}

#edit-field-element-sort-order-und {
    margin-left: 5%;
}

#edit-field-element-sort-direction-und {
    margin-left: 1%;
}

#edit-field-max-attempts-allowed-und-0-value {
    margin-left: 2%;
}

#edit-field-page-glossary-und {
    margin-left: 21%;
}

.form-item-component-layout-custom #edit-virtual-component-layout-custom- {
    margin-left: 12.5%;
}

.form-item-page-layout ul.uniFormPageLayout {
    margin-left: 42%;
}


#oneline-publication-admin-add-form .form-item-page-layout ul.uniFormPageLayout {
    margin-left: 20%;
}


.form-item-page-layout ul.uniFormPageLayout li input[type=radio] {
    vertical-align: bottom;
}


/*********************** page component edit form***************** */
#page-component-entityform-edit-form #edit-field-element-sort-order-und {
    margin-left: 0;
}

#page-component-entityform-edit-form #edit-field-max-attempts-allowed-und-0-value {
    margin-left: 0;
}

#page-component-entityform-edit-form .form-item-page-layout ul.uniFormPageLayout {
    margin-left: 25%;
}

#page-component-entityform-edit-form #edit-field-page-glossary-und {
    margin-left: 0%;
}

#page-component-entityform-edit-form #edit-field-element-sort-direction-und {
    margin-left: 0;
}

/* Override inline css (Inline css should be found eventually and removed */
#page-component-entityform-edit-form .ctrlHolder[style="width: 94%; margin: 0 auto;"] {
    width: 91% !important;
}

/* Additional margin left for form descriptions */
#page-component-entityform-edit-form .description {
    margin-left: 34%;
}

/* Override description */
#page-component-entityform-edit-form #edit-field-match-all-occurrences-of-g .description,
#page-component-entityform-edit-form #edit-field-use-click-interface-for-gl .description {
    margin-left: 34% !important;
}

#page-component-entityform-edit-form .form-item-page-layout .description {
    margin-left: 34%;
}


#component-entityform-edit-form #edit-field-component-description-und-0-value {
    resize: none;
    height: 55px;
}


/* #page-component-entityform-edit-form .ctrlHolder .form-item:not(.grid-text){
	width:66%;
} */



/* #page-component-entityform-edit-form .ctrlHolder input[type=text], #page-component-entityform-edit-form .ctrlHolder select{
	width: 66%;
} */

/* Modification to checkbox indent */
#page-component-entityform-edit-form .form-checkbox {
    margin-left: 34%;
}

#page-component-entityform-edit-form .ctrlHolder .form-type-checkbox label.option {
    width: 59% !important;
}

/*********************** page component edit form END***************** */


/* #associate-access-code ul.parent input.form-checkbox{width:8%;}


#edit-field-component-publisher-und input.form-radio{
    width:8%;
    margin-top: 0px;
} */



/* set default radio btn size */
.multiple_question-likert-row .likert_radio_btn {
    width: 14px;
    height: 14px;
}

/* Edit Section Form checkbox margin adjustment */
#section-admin-add-form .form-item-allow-mult-user-session #edit-allow-mult-user-session,
#section-admin-add-form .form-item-remove-print-link-from-menu #edit-remove-print-link-from-menu,
#section-admin-add-form .form-item-is-discover #edit-is-discover,
#section-admin-add-form .form-item-is-template #edit-is-template,
#section-admin-add-form .form-item-allow-paths #edit-allow-paths,
#section-admin-add-form .form-item-closed-for-registration #edit-closed-for-registration,
#section-admin-add-form .form-item-hide-engagement-button #edit-hide-engagement-button,
#section-admin-add-form .form-item-hide-diettracker-button #edit-hide-diettracker-button,
#section-admin-add-form .form-item-lti-codeless-registration #edit-lti-codeless-registration,
#section-admin-add-form .form-item-is-parent #edit-is-parent {
    margin-left: 34%;
}



#associate-access-code ul.parent {
    border-top-color: #000 !important;
    margin-bottom: 0 !important;
    margin-top: 0;
    padding-top: 5px;
}

/* If modified, it throws off every single radio or check button on the admin form pages (and even some course views) */
#associate-access-code ul.parent input.form-checkbox,
input.form-radio {
    margin: 0 5px 0 0;
    width: 8%;
}

.page-product-product-list-accordian .ui-accordion-content {
    overflow: hidden !important;
}

.page-product-product-list-accordian #products-add-page input[type="submit"] {
    border-radius: 4px !important;
}

.page-product-product-list-accordian #products-add-page .fieldset-wrapper {
    padding: 0 !important;
}

.page-product-product-list-accordian #products-add-page #gbox_list {
    width: 670px !important;
    margin: 0 auto;
}

.page-product-product-list-accordian #products-add-page .secondaryAction {
    margin-top: 35px;
}

.page-product-product-list-accordian #products-add-page .ui-dialog div.form-item {
    padding: 20px 19px;
    margin: 0 auto;
}

.page-product-product-list-accordian #products-add-page .form-item-slug {
    border-bottom: 1px solid #ccc;
}

.page-product-product-list-accordian #products-add-page .ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.page-product-product-list-accordian #products-add-page fieldset.inlineLabels {
    margin: 0 !important;
}

.page-product-product-list-accordian #products-add-page div.add-publications {
    border-radius: 0 !important
}

.page-product-product-list-accordian #products-add-page .fieldset-wrapper .form-item label.option {
    float: none;
}

.page-product-product-list-accordian #products-add-page #edit-purchase-online {
    margin-right: 6px;
    width: auto;
}

.page-product-product-list-accordian #products-add-page #edit-submit {
    margin-right: 45px;
    width: 105px;
}

.page-product-product-list-accordian #products-add-page .ctrlHolder {
    display: none;
}

.page-product-product-list-accordian .ui-state-hover a,
.page-product-product-list-accordian .ui-state-hover a:hover {
    color: #fff !important
}

.page-product-product-list-accordian .ui-state-active a,
.page-product-product-list-accordian .ui-state-active a:link,
.page-product-product-list-accordian .ui-state-active a:visited {
    color: #222 !important;
}

.ui-jqgrid tr.jqgrow td {
    padding: 0px 5px 0px 5px !important;
}

.page-product-product-list-accordian #products-add-page .ui-dialog div.form-item input,
.page-product-product-list-accordian #products-add-page .ui-dialog div.form-item textarea {
    background-color: #fff !important;
}

.page-accesscode-generate #generate-access-code .add-publications {
    width: 400px !important;
    border-radius: 0;
}

#oneline-publication-admin-add-form input {
    height: auto;
}

.page-product-product-list-accordian .ui-dialog-content .ui-button {
    width: 75px !important;
    float: right !important;
    margin: 10px 0 10px 0 !important;
    font-size: 13px !important;
}

.ui-jqgrid .ui-jqgrid-title {
    font-size: .9em;
}

.ui-jqgrid-btable {
    font-size: 11px;
}

#edit-field-assignment-file-und-0-upload-button,
#edit-field-file-und-0-upload-button,
#edit-field-upload-file-und-0-upload-button,
#edit-field-image-und-0-upload-button {
    display: none;
}

#edit-field-assignment-file-und-0-remove-button {
    display: none;
}

.field-name-field-file .description {
    display: none;
}

/*For Question Pool buttons */
#edit-done {
    width: auto;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* question pool action button wrapper */
.quest_pool_btn_wrapper {
    display: inline-block;
    width: 32%;
}

/* add/edit grid question form */
.ctrlHolder.question_pool_grid .multiField table {
    width: 69%;
}

/* important override required due to incline width being set */
.ctrlHolder.question_pool_grid .chosen-container {
    width: 66% !important;
}

.buttonHolder .form-actions {
    width: 21%;
}


#edit-submit,
#edit-save,
#edit-edit-message,
#edit-file-upload-button,
#edit-preview,
#edit-submit--2,
#edit-submit-cancel,
#edit-summary-report {
    border-radius: 4px;
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

#temporary-access-report-form #edit-summary-report {
    float: left;
}

.print-button {
    border-radius: 4px;
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

#question-pool-list .add-publications,
#grid-questions-entityform-edit-form .add-publications,
#matching-question-entityform-edit-form .add-publications,
#fill-in-blank-entityform-edit-form .add-publications,
#multiple-select-question-entityform-edit-form .add-publications,
#sequence-question-entityform-edit-form .add-publications,
#calculated-question-entityform-edit-form .add-publication,
#faq-list-form .add-publications,
#glossary-list-form .add-publications {
    display: none;
}

#glossary-entityform-edit-form .form-button-disabled {
    display: none;
}

.question-narrative-div .form-item label,
.question-answer-div .form-item label,
#privatemsg-new .form-item-body-value label,
#link-component-entityform-edit-form .form-item-field-description-und-0-value label,
#glossary-entityform-edit-form .form-item-field-definition-und-0-value label,
#faq-entityform-edit-form .form-item-field-faq-question-und-0-value label,
#faq-entityform-edit-form .form-item-field-faq-answer-und-0-value label {
    background: url("../images/ui-bg_diagonals-thick_8_333333_40x40.png") repeat 50% 50% #333333 !important;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 600 !important;
    padding: .35em 0 .3em .8em;
    position: relative;
    width: 100%;
    color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
}

.question-answer-div .form-item label {
    padding: .35em 0 .3em .8em !important;
    position: relative !important;
    width: 100% !important;
}

.question-narrative-div .form-item .form-textarea-wrapper,
.question-answer-div .form-item .form-textarea-wrapper {
    display: inline-block;
    width: 100%;
}

.question-narrative-div .form-item label .form-required,
.question-answer-div .form-item label .form-required {
    left: -15px;
}

.answerAlready {
    color: red;
    font-style: italic;
}

#question-answer-form .cfUniForm-form-container {
    /* background-image: none !important; */
}

#question-answer-form.uniForm .inlineLabels ul {
    width: auto !important;
}

#edit-submit.customButton {
    margin-top: 0 !important;
}

.ckeditor_links {
    display: none !important;
}

.customButton {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    padding: 8px 20px !important;
    line-height: 1;
    background: #d04a06 !important;
    border: 1px solid #999 !important;
    color: #fff !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
}

#choose-question-type-form label {
    display: inline;
}

#choose-question-type-form {
    padding-top: 15px;
}

.question-pool-group-heading-text {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    padding: 1.1em 0 0 0 !important;
    border-bottom: #555 solid 1px;
    color: #555;
    width: 100% !important;
}

#true-false-question-entityform-edit-form .form-item.form-type-radio.form-item-field-answer-und,
#multiple-select-question-answer-form .form-item.form-type-radio.form-item-is-correct {
    float: right;
    width: 67%;
    padding: 0 !important;
}

#true-false-question-entityform-edit-form input.form-radio,
#multiple-select-question-answer-form input.form-radio {
    width: 4% !important;
}

#multiple-select-question-answer-form input.form-radio {
    float: left;
}

.uniForm .inlineLabels label.option {
    margin-top: 0 !important;
}

.uniForm .inlineLabels.proctorio_field_set label.option {
  margin-top: .75% !important;
  margin-left: .75%;
}

.proctorio_field_set input.form-checkbox, .proctorio_field_set input.form-radio {
    margin-left: calc(40% - 35px);
}

.uniForm .inlineLabels .frameborder label.option {
    margin-top: 1px !important;
}

.ui-jqdialog-content.ui-widget-content {
    padding: .3em .2em !important;
    background: none !important;
}

.ui-widget-content.ui-jqdialog-content input.FormElement {
    padding: .3em !important;
}

.ui-jqdialog-content table tr {
    background: none;
    border: 0;
}

.ui-jqdialog-content table tbody,
.ui-jqdialog-content table tr td {
    border: none;
}

/*for file component */
.page-webcom-component-file-component-list-accordian .add-publications,
#multiple-choice-question-entityform-edit-form .add-publications,
#link-component-list-form .add-publications,
#image-component-list-form .add-publications {
    display: none;
}

.ui-pg-selbox {
    height: 23px !important;
    width: auto !important;
}

.ui-jqgrid .ui-pg-input {
    width: auto !important;
}

.page-webcom-component-file-component-list-accordian- .ui-accordion-content,
.page-webcom-component-link-component-list-accordian .ui-accordion-content,
.page-webcom-component-image-component-list-accordian .ui-accordion-content {
    overflow: hidden !important;
}

#file-component-entityform-edit-form .ui-dialog input[type="radio"],
#file-component-entityform-edit-form .ui-dialog input[type="checkbox"] {
    width: auto;
}

.ui-accordion-header.ui-state-active>a {
    background: none repeat scroll 0 0 #ffffff !important;
    color: #000000 !important;
}

.ui-accordion-header.ui-state-hover,
.ui-accordion-header.ui-state-focus {
    border: 1px solid #cccccc !important;
}

#edit-field-frame-border label.option {
    float: right;
    width: 63%;
}

.grippie {
    display: none;
}

.file_cancel {
    margin-top: 40px;
}

#file-component-entityform-edit-form tr,
#file-component-entityform-edit-form tr even {
    background: none;
}

#file-component-entityform-edit-form tbody,
#file-component-entityform-edit-form tr td {
    border: none;
}

.multiField {
    /* padding-left: 11px; */
}

#edit-upload-file {
    margin-left: 200px;
}

#edit-field-frame-border-und {
    margin-left: 210px;
}

#assessment-report-section-grid-element .add-publications,
#assessment-report-assessment-grid-element .add-publications,
#assessment-report-questions-grid-element .add-publications {
    display: none;
}

/*for internal messages*/
.page-messages-new.one-sidebar #content {
    width: 960px !important;
}

/* for Manage account Page */
#current-user-account-form .form-item .description {
    margin-left: 322px;
}

.page-changepassword .region.region-content {
    width: 655px;
}

/*for assessment analysis report*/
.report_component_form.report_listing {
    table-layout: fixed;
}

.report_listing {
    width: 100%;
}

#assessment-report-form .report_listing th {
    width: 70px;
}

.report_component_form.report_listing td {
    word-wrap: break-word;
}

.report_listing td {
    padding: 0 5px;
    text-align: left;
}

.report_listing.report_component_form th {
    border: 1px solid #d1d1d1 !important;
}

/*for look up add on result page */
.page-addonkey-lookup-result #page-title {
    display: block !important;
}

/*for deploy section*/
#deploy-path .add-publications {
    display: none;
}

/*for user landing page*/
#user-landing-page .add-publications {
    display: none;
}

/*for assessment correction*/
#asc-list .add-publications {
    display: none;
}

#asc-qn-list .add-publications {
    display: none;
}

/**courseconfirmation**/
#courseconfirmation input.form-radio {
    margin: 0 5px 0 0;
}

#purchaseconfirmation input.form-radio {
    margin: 0 5px 0 0;
}

/*deployed colorbox*/
#cboxWrapper iframe.cboxIframe .admin-menu-site-grtepwebcom-dev-webspiders-com {
    display: none;
}

#searchformdialog {
    padding: 0.01em 0 !important;
}

.ui-dialog #searchformdialog input,
.ui-dialog #searchformdialog select,
.ui-dialog #searchformdialog textarea,
.ui-dialog #searchformdialog label,
.ui-dialog #jqxgrid_container_search_dialog input,
.ui-dialog #jqxgrid_container_search_dialog select,
.ui-dialog #jqxgrid_container_search_dialog textarea,
.ui-dialog #jqxgrid_container_search_dialog label {
    width: 100% !important
}

.ui-dialog {
    z-index: 1000;
    padding: 5px;
}

.ui-dialog .ui-dialog-titlebar-close {
    overflow: hidden;
}

.jqx_search_dialog #searchformdialog.ui-widget-content {
    padding: 4px !important;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1;
    margin-top: 4px;
}

#edit-field-definition .form-required,
#edit-field-faq-answer .form-required,
#edit-field-faq-question .form-required {
    left: -10px;
    right: auto;
}

#grade-element-entityform-edit-form .form-required {
    margin-right: -8px !important;
}

.page-massremove #dialogmr,
.page-massattach #dialogmr {
    padding: .5em 1em !important;
}

.page-massremove #searchformdialog select,
.page-massattach #searchformdialog select {
    width: 100%;
}

#edit-component-layout-custom .form-item,
#edit-virtual-component-layout-custom .form-item {
    clear: both;
    display: block !important;
    overflow: hidden;
    padding: 0 0 5px !important;
    position: relative;
}

#edit-component-layout-custom,
#edit-virtual-component-layout-custom {
    float: left;
    width: 50%;
}

.uploadify-button {
    border-radius: 0px !important;
}

.tooltip-click,
.tooltip-default {
    border-bottom: 1px dotted;
    cursor: help;
}

.page-calender-manage .form-item.form-item-details-value label {
    float: none;
}

/****** page view ************/

#next_prev_nav {
    overflow: hidden;

}

#next_prev_nav ul {
    margin: 0;
    display: inline;
}

#next_prev_nav ul li {
    display: inline;
    list-style-type: none;
}

#next_prev_nav_prev {
    float: left;
    background: url(../images/arrow_left.png) no-repeat left;
    padding-left: 20px;
}

#next_prev_nav_next {
    float: right;
    background: url(../images/arrow_right.png) no-repeat right;
    padding-right: 20px;
}

iframe[scrolling='no'] {
    overflow: hidden !important;
}

#pageFirstVisit.ui-widget-content {
    padding: 10px !important;
}

.controlPlay .play-button {
    background-image: url("../images/ui-icons_222222_256x240_expanded.png");
    background-position: 0 -160px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    color: transparent;
}

.controlPlay {
    cursor: pointer;
}

#eventContent tbody,
#eventContent tr td {
    border: none;
}

#eventContent tr,
#eventContent tr even {
    background: none;
}

#eventContent table {
    font-size: 12px !important;
}

#eventContent {
    padding: .5em 1em;
}

.fc-event {
    cursor: pointer;
}

/** end **/
.caroufredsel_wrapper .component_image_layout_gallery img {
    vertical-align: top;
}

#survey-component-entityform-edit-form .form-item.form-type-radio.form-item-field-survey-scoring-und {
    float: left;
    width: 100%;
}

#survey-component-entityform-edit-form .form-item.form-type-radios.form-item-field-survey-scoring-und>label {
    width: 27% !important;
}

/*------------ tabular_layout ----------------------*/
.form_tabular_layout .container-inline-date>.form-item {
    display: block
}

.form_tabular_layout .form-item label {

    /*float:left;display:inline-block; vertical-align: top; word-wrap: break-word;
  */
    float: left;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
    margin: 0 15px 0 0;
    /*width: 25%;*/

}

.form_tabular_layout .container-inline-date .date-padding {
    width: 287px;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.form_tabular_layout .container-inline-date .date-padding input[type="text"] {
    width: 100%;
}

.form_tabular_layout .form-item .form-item label {
    min-width: inherit;
    margin-right: 15px;
    padding: 2px 0 0 5px;
}

.form_tabular_layout span.field-suffix {
    display: inline-block;
    vertical-align: middle;
}

.form_tabular_layout span.field-suffix img {
    margin: 0 !important
}

.form_tabular_layout select.form-select {
    /*width:100%;*/
    width: 50%;
}

.form_tabular_layout .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea {
    width: 100%;
    display: inline-block;
}

.form_tabular_layout .form-textarea-wrapper.resizable.textarea-processed.resizable-textarea .form-textarea {
    width: 100%;
}

.form_tabular_layout .form-item .form-checkboxes {
    display: inline-block
}

.form_tabular_layout .container-inline-date .date-padding .description {
    margin-left: 0;
}

.form_tabular_layout .form-item .form-checkboxes label.edit-layout-override {
    display: none
}

.form_tabular_layout .description {
    margin-left: 26%;
}

#question-pool-napster-option .email_label {
    float: left;
    width: 200px;
}

#question-pool-napster-option .gridtext_label {
    display: inline-block;
    vertical-align: middle;
    width: 303px;
}

#question-pool-napster-option .add-publications {
    float: right !important;
    width: 452px !important;
    display: inline-block;
    vertical-align: middle;
}

#question-pool-napster-option .form-item-napster-recipient-email .description {
    margin-left: 248px !important;
}

#question-pool-napster-option .form-item-napster-recipient-email #napster_recipient_email {
    width: 452px;
    margin-top: 20px;
}

/**Add Ebook component page adjustment**/
#ebook-entityform-edit-form #edit_field_product_und_chosen {
    border: 2px solid #dfdfdf;
    min-height: 25px;
    width: 409px !important;
}

#ebook-entityform-edit-form #edit_field_product_und_chosen ul li span {
    font-size: 10px;
}

#poll-view-student-form .form-checkboxes,
.form-radios {
    /*width:100%;*/
    padding-top: 15px;
}

#form-view-student-form .radio-horizontal {
    width: 100%;
}

#form-view-student-form .radio-horizontal label {
    float: none;
}

#grade-book-entityform-edit-form fieldset {
    top: 0;
}

#lookup-user .form-checkboxes,
#lookup-user .form-radios {
    float: none !important;
}

#component-entityform-edit-form div#edit-field-component-publisher-und {
    float: left !important;
}

#component-entityform-edit-form div#edit-owner-type {
    float: left !important;
}

#calender-admin-add-form--2 .fieldset-wrapper textarea.form-textarea {
    float: right !important;
    margin-right: 18px !important;
    width: 65.5% !important;
}


#resource-block-entityform-edit-form #edit-actions {
    margin: 0 !important;
}

#resource-block-entityform-edit-form .cfUniForm-form-container {
    /* background: none !important; */
}

#resource-block-entityform-edit-form .inlineLabels {
    background: none !important;
}

#resource-block-entityform-edit-form .ui-widget-content {
    background: #f9f9f9 url("images/ui-bg_highlight-hard_100_f9f9f9_1x100.png") repeat-y scroll -9px 1px !important;
}

#form-view-student-form #direction {
    margin: 20px 20px 30px 0;
    text-align: left;
}

.form-item-fb-answer label {
    width: 100%;
}

.form-type-radio label,
.form-type-checkbox label {
    margin-left: 0px;
}

.form-item-fb-answer input[type="radio"],
.form-item-fb-answer input[type="checkbox"] {
    margin: 4px 6px 0;
    width: auto;
}

#gridMaker .newRow .header {
    pointer-events: none;
}

.public_view_forum .pagination {
    display: block;
    float: right;
    margin-top: -40px;
}

#registration-count-search-form #edit-publisher label {
    width: 16% !important;
}

#registration-count-search-form .form-checkboxes,
.form-radios {
    padding-top: 0px;
}

/**Start : Fixing the selection of question pool**/
#second-step-assessment-form .inlineLabels .formHint {
    margin-left: 33%;
}

#survey-component-entityform-edit-form .buttonHolder label {
    width: 32% !important;
    margin-left: 9%;
}

#survey-component-entityform-edit-form .formHint {
    float: right;
    width: 66%;
    clear: none;
}

/**End : Fixing the selection of question pool**/
#export-gradebook-data-options #ui-dialog-title-dialog {
    height: 20px;
}

#export-gradebook-data-options fieldset {
    top: 53px !important;
}


#export-gradebook-data #ui-dialog-title-dialog {
    height: 35px;
}

#export-gradebook-data fieldset {
    top: 53px !important;
    height: 200px;
}

/*  2325 fixing*/

#formbite_wrapper .form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0rem;
    margin-bottom: 0.2rem;
}

#formbite_wrapper .form-checkboxes .form-item label {
    margin-bottom: 0;
}

#formbite_wrapper #edit-fb-answer .form-item-fb-answer input[type="radio"],
#edit-fb-answer .form-item-fb-answer input[type="checkbox"] {
    margin: 2px 4px 0 0;
}

label.edit-layout-override {
    display: none;
}

#formbite_wrapper #formbite-view-form .form-item-fb-answer {
    margin-bottom: 2px !important;
}

#formbite_wrapper .form-item-fb-answer input[type="checkbox"] {
    margin: 2px 6px 0;
}

.ui-dialog input[type="checkbox"] {
    width: 20px !important;
}

.ui-dialog input[type="submit"] {
    width: auto !important;
    float: right;
}

#switch-user-lti-pairing .form-item-source-account label,
#switch-user-lti-pairing .form-item-destination-account label {
    width: 40%;
    display: inline-block;
}

#switch-user-lti-pairing .form-item-source-account,
#switch-user-lti-pairing .form-item-destination-account {
    padding-top: 20px;
}


/* ********************* Login Page Design ********************* */
.line-break {
    display: block;
}

#login-page {
    background-image: url("../images/WebComInteractive-login-image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    min-height: 100vh;
    overflow: auto;
}

@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;

    --primary-font:'proxima-nova', sans-serif;
    --box-light: 0px 3px 6px rgba(var(--primary-color-dark), .29);
}


/* - General - */
#login-page.pes-login-page {
    background: white;
    color: rgb(var(--primary-color-dark));
    padding: 0;
    overflow-x: hidden;
}

#login-page.pes-login-page,
#login-page.pes-login-page .pes-login-page form,
.pes-login-page h1#page-title,
#login-page.pes-login-page a {
    font-family: var(--primary-font);
}

#login-page.pes-login-page :focus {
    outline: 2px solid rgb(var(--paradigm-blue));
    outline-offset: -2px;
}

#login-page.pes-login-page::before,
#login-page.pes-login-page::after {
    display: none;
}

.pes-login-page ul {
    margin: 0;
    padding: 0;
    font-size: min(14px, 1rem);
}


.pes-login-page .line-break {
    display: unset;
}

.pes-login-page i#togglePassword {
    position: absolute;
    margin-left: -28px;
}

#login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit][value="Next"] {
    max-width: 120px;
}

/* - General Link Styles - */
#login-page.pes-login-page a, .pes-login-page #first_time_access_code_block .description a, .pes-login-page #login-page-footer .footer-links a {
    color: rgb(var(--paradigm-blue));
    font-weight: 400;
    font-size: initial;
    text-shadow: none;
    line-height: 110%;
    transition: all 180ms ease-in;
    padding-inline: 0;
    font-size: max(16px, 1rem);
    text-decoration: none;
}

#login-page.pes-login-page a:focus,
#login-page.pes-login-page a:hover {
    text-decoration: none;
}

/* Header */
.pes-login-page #login-page-header {
    background: transparent;
    padding: 0;
}


#login-page.pes-login-page  #logo {
    margin: 0;
    width: 100%;
    left: 0;
    float: none;
}

#login-page.pes-login-page #logo a {
    display: block;
    text-align: center;
}

#login-page.pes-login-page #logo img {
    display: table;
    margin-inline: auto;
    width: 100%;
    max-width: 270px;
    padding-block: 10px 20px;
}

.pes-login-message {
    width: 90%;
    padding: 1rem;
    box-sizing: border-box;
    margin: 0 auto;
    clear: both;
    max-width: 400px;
}

.pes-login-page .login-form-col #messages {
    margin-top: -3%;
    width: 90%;
    max-width: 800px;
}


/* Welcome block */

#login-page.pes-login-page #login-page-content .login-welcome {
    background: rgb(var(--paradigm-blue));
    padding-block: .75em;
    width: 100%;
    font-family: var(--primary-font);
    font-size: clamp(2em, 2.5vw, 36px);
    font-weight: 900;
    line-height: 100%;
    text-align: center;
    text-shadow: none;
    text-transform: none;
    filter: none;
    margin: 0;
}

#login-page.pes-login-page #login-page-content .login-welcome span {
    font-size: inherit;
    font-weight: inherit;
}

#login-page.pes-login-page #login-page-content .login-welcome .pes-login-page-tm {
    font-weight: 900;
}

/* Forms */
.pes-login-page #first_time_access_code_block p, .pes-login-page h5 {
    margin: 10px 0;
    text-shadow: none;
    color: initial;
    text-transform: none;
    font-size: max(1rem, 18px);
    font-family: var(--primary-font);
    text-align: center;
    line-height: 120%;
    font-weight: 500;
}

#login-page.pes-login-page .login-form-col>div[id]:not(#access_code_purchase_block) p:not(.enter_activation_code) {
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-size: min(25px, 2em);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
    text-align: center;
}


#login-page.pes-login-page input.form-text {
    background: rgba(var(--primary-color-dark), .05);
    border-color: var(--primary-color-light);
    height: auto;
    padding: 10px;
    font-family: var(--primary-font);
    font-weight: 300;
    width: 100% !important;
}

.pes-login-page #block-user-login a {
    float: none;
    text-align: right;
    display: table;
    width: auto !important;
    margin-left: auto;
}


#login-page.pes-login-page .login-form-col #user_login_block input[type=submit],
#login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit] {
    background: var(--primary-color);
    border-color: var(--primary-color);
    display: table;
    width: 60%;
    min-width: 100px;
    margin-inline: auto !important;
    margin-block: 20px;
    float: none !important;
    box-shadow: var(--box-light);
    color: white;
    font-family: var(--primary-font);
    font-size: 1.5em;
    font-weight: 800;
    transition: all 180ms linear;
    opacity: 100%;
}

.pes-login-page #block-user-login .content {
    padding: 0;
    margin-block: 15px;
}

.pes-login-page div#access_code_purchase_block {
    color: rgb(var(--primary-color-dark));
    margin: 0 auto;
    overflow: hidden;
}


#login-page.pes-login-page .login-form-col #access_code_purchase_block .purchase-button {
    border: none;
    display: inline;
    padding: 0;
    margin: 0;
    background: transparent;
    opacity: 1;
    width: auto;
    clear: none;
    color: var(--primary-color);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
}

#login-page.pes-login-page a:focus,
#login-page.pes-login-page a:hover,
#login-page.pes-login-page .login-form-col #access_code_purchase_block a:focus .purchase-button,
#login-page.pes-login-page .login-form-col #access_code_purchase_block a:hover .purchase-button {
    color: rgb(var(--primary-color-dark));
    font-weight: 700;
}

.pes-login-page .login-form-col #access_code_purchase_block p {
    color: inherit;
    font-family: var(--primary-font);
    font-size: initial;
    line-height: inherit;
    text-align: center;
    text-shadow: none;
}

.pes-login-page .login-form-col #access_code_purchase_block p span {
    display: inline;
}

.pes-login-page #login-page.pes-login-page a.CHTP,
.pes-login-page .login-form-col #access_code_purchase_block a {
    display: table;
    float: none;
    margin-inline: auto;
}

/* User Block */

#login-page.pes-login-page .login-form-col #user_login_block input[type=submit]:focus, #login-page.pes-login-page .login-form-col #user_login_block input[type=submit]:hover, #login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit]:focus,  #login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit]:hover {
    background: rgba(var(--primary-color-dark),.15);
    color: rgb(var(--primary-color-dark));
    border-color: rgba(var(--primary-color-dark),.15);
}

#login-page.pes-login-page #first_time_access_code_block {
    max-width: 400px;
    width: 70%;
    margin-top: 10%;
}

.pes-login-page div#user_login_block, .pes-login-page div#access_code_purchase_block {
    width: 85%;
    max-width: 500px;
}


/* Footer */
.pes-login-page #login-page-footer {
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-block-start: 20px;
    float: none;
    font-family: var(--primary-font);
    text-align: center;
    position: relative;
}

.pes-login-page #login-page-footer p {
    display: block;
    margin: 0;
    color: rgba(var(--primary-color-dark), .5);
    text-shadow: none;
    font-size: 1rem;
}

.pes-login-page #login-page-footer .footer-links {
    float: none;
    display: flex;
    justify-content: center;
    width: 100%;
}

.pes-login-page #login-page-footer .footer-links a {
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    font-size: inherit;
}


@media only screen and (min-width: 961px) {
    #login-page.pes-login-page {
        display: grid;
        background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/login/shutterstock_1991767919-Cropped-Compressed.png') no-repeat fixed;
        height: 100%;
        width: auto;
        background-position: top 25% left -9vw;
        background-size: calc(100vw - 29%);
    }
    .pes-login-page #login-page-header {
        position: absolute;
        width: calc(100% * 2/3);
        top: 0;
        left: 0;
    }

    #login-page.pes-login-page #logo img {
        backdrop-filter: blur(4px);
        /* filter: drop-shadow(2px 10px 15px rgba(255, 255, 255, .5)); */
        margin: 2%;
    }

    .pes-login-page #main_content{
        width: max(calc(100% * 1/2.75), 500px);
        margin-left: auto;
        background: white;
        box-shadow: -8px 0 20px -10px rgb(0 0 0 / 44%), -20px 0 30px -15px rgb(0 0 0 / 14%);
    }
    .pes-login-page .col-lg-6 {
        width: auto;
        float: none;
        font-size: 1.25em;
    }

}


@media only screen and (min-width: 1600px) {

    #login-page.pes-login-page #logo img {
        max-width: 320px;
        margin: 3% 4%;
    }
}

@media only screen and (min-height: 1081px) and (min-width: 961px), only screen and (min-width: 1920px) {
    #login-page.pes-login-page {
        background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/login/693fba26-4b72-4d99-b693-431b0da17ea9.png') no-repeat;
        background-size: calc(100vw - (100% * 1/6));
        background-position: center left;
    }
    #login-page.pes-login-page #login-page-content .login-welcome {
        font-size: 3.5em;
        padding-block-start: 8vh;
    }
}


@media only screen and (min-width: 961px) and (min-height: 650px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 24%);
    }
}

@media only screen and (min-width: 961px) and (min-height: 750px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 20%);
    }
}

@media only screen and (min-width: 961px) and (max-width: 1240px) and (min-height: 700px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 12%);
    background-position: top 25% left -18vw;
    }
}


@media only screen and (min-width: 961px) and (max-width: 1180px) and (min-height: 700px) {
    #login-page.pes-login-page {
    /* background-size: calc(100vw - 21%); */
    background-position: top 25% left -18vw;
    }
}


@media only screen and (min-width: 961px) and (max-width: 1240px) and (min-height: 820px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 13%);
    background-position: top 48% left -14vw;
    }
}


@media only screen and (min-width: 961px) and (max-width: 1080px) and (min-height: 820px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 6%);
    background-position: top 48% left -22vw;
    }
}


@media only screen and (min-width:1600px) {
    #login-page.pes-login-page {
        background-size: calc(100vw - 28%);
        background-position: top 26% left -7vw;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1600px) and (max-height: 650px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 25%);
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1600px) and (min-height: 650px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 27%);
    background-position: top 17% left -7vw;
    }
}


@media only screen and (min-width: 1240px) and (max-width: 1600px) and (min-height: 750px) {
    #login-page.pes-login-page {
    background-position: top 26% left -7vw;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1600px) and (min-height: 820px) {
    #login-page.pes-login-page {
    background-size: calc(100vw - 25%);
    background-position: top 35% left -7vw;
    }
}


@media only screen and (min-width:1800px) {
    #login-page.pes-login-page {
        background-size: calc(100vw - 35%);
        background-position: top 29% left 0;
    }
}

#login-page #logo {
    margin-left: 10%;
}

#login-page-header {
    background-color: #fff;
    padding-bottom: 9px;
}

#first_time_access_code_block {
    margin: auto;
    width: 40%;
    margin-top: 13%;
    overflow: auto;
}

#access_code_purchase_block {
    margin: auto;
    width: 40%;
    clear: both;
    overflow: auto;
    margin-bottom: 4%;
}

#user_login_block {
    width: 40%;
    margin: auto;
    background: transparent;
    font-size: 14px;
    margin-top: 15px;
}

#login-page-content .login-welcome {
    font-size: 67px;
    line-height: 68px;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    filter: drop-shadow(0px 1px 23px rgba(23, 26, 38, 0.55));
    text-transform: uppercase;
    margin: 1.2em auto;
    width: 58%;
    word-break: keep-all;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page-content .login-welcome span {
    font-weight: 700;
    color: #ffffff;
    font-size: 67px;
}

/* login forms */
.login-form-col {
    margin-top: 6.4%;
}

#user_login_block p {
    font-size: 25px;
    line-height: 21px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
    letter-spacing: 1px;
}

#first_time_access_code_block p {
    font-size: 17px;
    line-height: 21px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 0;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page-content #block-user-login label,
#login-page-content #first_time_access_code_block label {
    display: none;
}

#block-user-login .form-item-name {
    margin-bottom: 11px;
    position: relative;
}

#block-user-login input[type="text"],
#block-user-login input[type="password"],
#block-generate-access-code-form input[type=text] {
    float: right;
    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);
    /*  IE support */
    color: #000000;
    margin-bottom: 5px;
}

#block-user-login input[type="password"],
#block-generate-access-code-form input[type=text] {
    margin-bottom: 5px;
}

#block-user-login input::placeholder,
#block-generate-access-code-form input::placeholder {
    color: #000000;
    opacity: 1;
}

/* login page links */
#first_time_access_code_block .description {
    text-align: right;
    clear: both;
    margin-right: 0;
}

#first_time_access_code_block .description a {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#block-user-login a {
    width: auto;
    float: right;
    display: block;
    line-height: normal;
    color: #ffffff;
    font-size: 15px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
    text-decoration: none;
    margin-bottom: 8px;
}

#user_login_block #edit-actions {
    padding-top: 0;
}

.login-form-col #user_login_block input[type=submit] {
    border-radius: 0;
    background-color: #32546C;
    color: #fff;
    clear: both;
    border-radius: 0;
    margin: 0;
    font-size: 20px;
    line-height: 35px;
    width: 132px;
    padding: 5px;
    text-transform: uppercase;
    font-weight: normal;
    border: 0;
}

.kh-login-page .login-form-col #user_login_block input[type=submit] {
    background-color: #0850A8;
}

.rclb-login-page .login-form-col #user_login_block input[type=submit] {
    background-color: #007550;
}

.login-form-col #access_code_purchase_block p {
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-align: right;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

.login-form-col #access_code_purchase_block p span {
    display: block;
}

.login-form-col #access_code_purchase_block a {
    display: block;
    float: right;
}

.login-form-col #access_code_purchase_block .purchase-button,
.login-form-col #first_time_access_code_block input[type=submit] {
    font-size: 14px;
    line-height: 35px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 0;
    background-color: white;
    opacity: 85%;
    display: block;
    clear: both;
    border: #000000 1px solid;
    width: 132px;
    padding: 5px;
    text-transform: uppercase;
    margin-right: 0;
}

.kh-login-page .login-form-col #access_code_purchase_block .purchase-button,
.kh-login-page .login-form-col #first_time_access_code_block input[type=submit] {
    color: #0850A8;
    border: #0850A8 1px solid;
}

.rclb-login-page .login-form-col #access_code_purchase_block .purchase-button,
.rclb-login-page .login-form-col #first_time_access_code_block input[type=submit] {
    color: #007550;
    border: #007550 1px solid;
}

/* Login footer */
#login-page-footer .footer-links {
    float: right;
}

#login-page-footer p {
    display: inline-block;
    color: #ffffff;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page-footer {
    padding-top: 9px;
    margin-left: 10%;
    width: calc(100% - 10%);
    border-top: 1px solid #F04325;
}

.kh-login-page #login-page-footer {
    border-top: 1px solid #0850A8;
}

.rclb-login-page #login-page-footer {
    border-top: 1px solid #007550;
}

#login-page-footer .footer-links a {
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    padding: 0.5rem 1rem;
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page-footer .links {
    list-style: none;
}

#login-page-footer .links li {
    display: inline-block;
}

#login-page-footer .footer-links .links .privacy:after,
#login-page-footer .footer-links .links .support:after {
    content: "/";
    padding-right: 3px;
    color: #ffffff;
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page #first_time_access_code_block a:focus,
#login-page #user_login_block a:focus,
#login-page #user_login_block input[type=submit]:focus,
#login-page-footer .footer-links a:focus {
    outline: 1px solid #ffffff;
}

#login-page #first_time_access_code_block input[type=submit]:focus,
#access_code_purchase_block a:focus {
    border: 2px solid #5E9ED6;
}


@media screen and (min-width: 320px) and (max-width: 480px) {

    .imagemview,
    .radio_images img,
    .imagemviewsubmit {
        width: 290px !important;
    }

    #calendar table.fc-header {
        font-size: 10px;
    }

    #edit-fields--2 div.fieldset-wrapper {
        padding: 0 !important;
    }
}

@media screen and (min-width: 360px) and (max-width: 640px) {

    .imagemview,
    .radio_images img,
    .imagemviewsubmit {
        width: 320px !important;
    }

    #login-page #login-page-content .login-welcome {
        margin: .5em auto;
        font-size: 45px;
        line-height: 57px;
    }

    #login-page #login-page-content .login-welcome span {
        font-size: 45px;
    }

}

@media screen and (min-width: 993px) and (max-width: 1295px) {
    #login-page #login-page-content .login-welcome {
        font-size: 50px;
    }

    #login-page #login-page-content .login-welcome span {
        font-size: 50px;
    }
}

@media screen and (min-width: 640px) and (max-width: 992px) {

    #login-page #login-page-content .login-welcome {
        margin: 1em auto;
        font-size: 45px;
        line-height: normal;
        width: auto;
        text-align: center;
    }

    #login-page #login-page-content .login-welcome span {
        font-size: 45px;
    }

    #login-page #first_time_access_code_block {
        width: 55%;
        margin-top: 35px;
    }

    #login-page #access_code_purchase_block {
        width: 55%;
    }

    #login-page #user_login_block {
        width: 55%;
    }

    #login-page #login-page-footer {
        margin-left: 0;
        width: 100%;
    }

}


@media screen and (max-width: 767px) {
    #block-system-main {
        padding: 0 10px;
    }

    #root_nav {
        display: block;
    }

    nav.navbar.navbar-default#navigation {
        display: none;
    }

    .navbar-toggle {
        background: #000;
        border: none;
        padding: 8px 10px;
    }

    .navbar-toggle>span {
        border: 2px solid #ddd;
        border-radius: 10%;
        /* color: black; */
        background-color: #ddd;
        display: inline-block;
        vertical-align: middle;
        padding: 5px 15px;
        text-transform: uppercase;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #000;
    }

    .navbar-default .navbar-toggle {
        border: none;
        z-index: 9999;
    }

    /* display course links in mobile dropdown */
    #mobile-course-links {
        display: block;
    }


    #bs-example-navbar-collapse-1 .navbar-nav .course_hide {
        display: block;
    }

    .navbar-nav {
        padding: 10px 0 10px 0;
    }

    /* match dropdown padding */
    #top_menu_navigation .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 15px 10px 25px;
    }

    /* display system dropdown button with "system" name and hide 'menu' name */
    #system_btn_switch {
        display: block;
    }

    #menu_btn_switch {
        display: none;
    }



    /* ******* user login page ******* */
    #login-page #first_time_access_code_block {
        width: 90%;
    }

    #login-page #access_code_purchase_block {
        width: 90%;
    }

    #login-page #user_login_block {
        width: 90%;
    }

    #login-page #login-page-content .login-welcome {
        margin: .5em auto;
        font-size: 40px;
        line-height: normal;
        width: auto;
        text-align: center;
    }

    #login-page #logo {
        padding-top: 15px;
    }

    #login-page #login-page-footer {
        margin-left: 0;
        width: 100%;
    }

    #login-page #user_login_block p {
        text-align: center;
    }

    #login-page #first_time_access_code_block p {
        text-align: center;
    }

    #login-page .login-form-col #access_code_purchase_block p {
        text-align: center;
    }

    #login-page #logo {
        margin-left: 0;
    }

    #login-page #access_code_purchase_block .purchase-button {
        width: 100%;
    }

    #login-page #user-login-form input[type=submit],
    #login-page #access-code-enroll input[type=submit] {
        width: 100%;
    }

    /* overrides */
    #login-page input.form-text {
        width: 100% !important;
    }

    #login-page .form-item:not(.grid-text) {
        padding: 0 !important;
    }

    #login-page #edit-submit {
        margin-right: 0 !important;
    }

}

@media only screen and (min-width:768px) {
    .system_bar #root_nav {
        display: none;
    }

    #mobile-course-links {
        display: none;
    }

    /* Hide course links when not mobile */
    #bs-example-navbar-collapse-1 .navbar-nav .course_hide {
        display: none;
    }

    /* display system dropdown button with "menu" name and hide 'system' name */
    #system_btn_switch {
        display: none;
    }

    #menu_btn_switch {
        display: block;
    }
}

/** Only Component listing page**/
#webcom-component-list .ui-jqgrid-sortable {
    font-size: 0.8em;
}

#webcom-component-list .ui-pg-table {
    table-layout: auto !important;
}

#webcom-component-list .ui-pager-control .ui-pg-table td {
    border: 0px !important;
}

#webcom-component-list .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    margin: 2px 2px !important;
}

#webcom-component-list .ui-pg-table {
    table-layout: auto !important;
    font-size: 0.8em;
}

#messages-inbox .ui-pg-table {
    table-layout: auto !important;
    font-size: 0.9em;
}

#component_dropbox_functions ul li {
    width: 70px;
}

#form-component-entityform-edit-form .inlineLabels .noLabel ul,
#second-step-assessment-form .inlineLabels .noLabel ul {
    margin-left: 0 !important;
    width: 66% !important;
    float: right;
}

#second-step-assessment-form .ui-widget,
#admin-manege-path-page .ui-widget {
    font-size: 0.9em !important;
}

#second-step-assessment-form .inlineLabels {
    margin: 0 !important;
}

#second-step-assessment-form .ui-pg-input {
    float: none !important;
}

#edit_assessment_dialog {
    width: 708px !important;
}

#edit_assessment_dialog .cfUniForm-form-container,
#assessment-component-entityform-edit-form .cfUniForm-form-container {
    padding-bottom: 10px;
}

#assessment-component-entityform-edit-form #edit-save {
    margin-right: 0 !important;
}

#page-wrapper {
    background: #ffffff !important;
    min-width: 260px;
}

#footer-wrapper {
    background: #f2f2f2 !important;
}

#pg_list_toppager #pager2_left .ui-pg-div {
    padding: 1px 20px 0 0 !important;
    line-height: 1.7em;
}

#faq-entityform-edit-form .assignment_cancel {
    color: #fff !important;
    font-size: 13.2px !important;
    font-weight: 900 !important;
}

#page_tree {
    margin-bottom: 30px;
}

#user-add-form .adress_form {
    width: 466px !important;
}

div.form-item div.password-suggestions {
    width: calc(100% - 15px);
}

#page-wrapper #commerce-checkout-form-extended-enroll a:link {
    color: #000;
}

#commerce-checkout-form-extended-enroll fieldset .fieldset-wrapper {
    width: auto !important;
}

.ui-dialog .ui-dialog-content#lookup_access_code_search_dialog {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#user-enrollment-form .form-item .description {
    margin-left: 0 !important;
}

#user-enrollment-form .uniForm fieldset {
    position: relative;
    display: block;
    clear: both;
}

#user-enrollment-form .user_enrollment_form_style .description {
    padding: 3px 6px 0;
}

#section-admin-copy .fieldset-wrapper .form-item label.option {
    width: calc(65% + 12px);
}

#section-admin-copy .fieldset-wrapper .form-item-components input.form-checkbox {
    margin-left: calc(9% - 39px);
}

#section-admin-copy .fieldset-wrapper .form-item-components label.option {
    float: left;
    width: calc(27% + 12px);
}

#section-admin-copy fieldset.form-wrapper#edit-fields {
    margin-top: 0;
}

#section-admin-copy {
    font-family: Verdana, Arial, sans-serif;
}

#section-admin-copy #edit-copy-type {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13.2px;
}

#section-admin-copy #edit-new-section-name {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13.2px;
}

form#section-admin-copy p.formHint {
    margin-left: 33%;
}

#section-admin-copy fieldset.form-wrapper {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    padding: 0 14px 0 14px;
}

#section-admin-copy .form-wrapper {
    background: #f9f9f9 url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x;
    color: #222222;
}

#section-admin-copy .fieldset-wrapper {
    margin-top: 12px;
}

#section-admin-copy .fieldset-wrapper input.form-checkbox,
#section-admin-copy .fieldset-wrapper input.form-radio {
    margin-left: calc(34% - 42px);
}

#section-admin-copy .description {
    padding-left: calc(34% - 5px);
    margin-top: 3px;
}

#section-admin-copy label.edit-product-type {
  margin-right:0%;
}

#assessment-component-entityform-edit-form fieldset legend,
#third-step-assessment-form fieldset legend {
    background: #f9f9f9 url("images/ui-bg_highlight-hard_100_f9f9f9_1x100.png") repeat-x scroll 53% top !important;
}

#component-entityform-edit-form .cfUniForm-form-container,
#second-step-assessment-form .cfUniForm-form-container {
    /* background: none !important; */
    padding-bottom: 15px;
}

#component-entityform-edit-form .courseSelectCont .form-item-course-created-form-custom:nth-child(2) {
    float: right;
    width: 67.5%;
}

#assessment-component-entityform-edit-form .inlineLabels .noLabel ul {
    width: 66% !important;
}

#assessment-component-entityform-edit-form #assessment_score_div label {
    width: 100% !important;
}

.entitytype-component-form .save-as {
    padding: 8px 10px !important;
}

#assessment-component-entityform-edit-form #edit-actions input,
.buttonHolder .save-as {
    margin-left: 0 !important;
}

#assessment-component-entityform-edit-form input.form-submit,
a.button {
    padding: 10px 10px !important;
}

#calculated-question-entityform-edit-form .inlineLabels {
    padding: 0 !important;
}

/* .cfUniForm-form-container {
    background: none !important;
} */

#calculated-question-answer-form input[type='text'],
#calculated-question-variable-form input[type='text'] {
    width: 64%;
}

#createmessage .ui-widget {
    font-size: 0.8em !important;
}

#createmessage label.edit-product-type,
#privatemsg-new label.edit-product-type {
    margin-right: 0 !important;
}

#permission-add .ui-widget,
#select-ins-page-path .ui-widget,
#remove-page-path .ui-widget,
#form-component-entityform-edit-form .ui-widget,
#asc-list .ui-widget,
#messages-inbox .ui-widget,
#accordion .ui-widget,
#form-component-fields .ui-widget,
#survey-component-entityform-edit-form .ui-widget,
#poll-entityform-edit-form .ui-widget,
#forum-list-form .ui-widget,
#formbite-component-entityform-edit-form .ui-widget,
#mass-component-list .ui-widget,
.grade_element_grid_layout .ui-widget,
#privatemsg-new .ui-widget,
#products-add-page .ui-widget,
#generate-access-code .ui-widget,
#mass-remove-component-list .ui-widget,
#addonkey-lookup-form .ui-widget,
#grade-book-copy-form .ui-widget {
    font-size: 0.9em !important;
}

#permission-add .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#select-ins-page-path .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#remove-page-path .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#asc-list .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#messages-inbox .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#accordion .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#form-component-fields .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#survey-component-entityform-edit-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#poll-entityform-edit-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#forum-list-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#formbite-component-entityform-edit-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#form-component-entityform-edit-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#mass-component-list .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
.grade_element_grid_layout .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#privatemsg-new .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#products-add-page .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#generate-access-code .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#createmessage .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#mass-remove-component-list .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#addonkey-lookup-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
#grade-book-copy-form .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    line-height: 1em !important;
}

#createmessage .form-item .description {
    margin-left: 0 !important;
}

.search-field input[type='text'] {
    width: 140px !important;
    margin-top: 5px !important;
}

#addonkey-lookup-form .grid-text .add-publications {
    width: 400px !important;
}

#online-order-submission-entityform-edit-form .multiField label {
    width: 25% !important;
}

.page-eform-submit-online-order-submission #online-order-submission-entityform-edit-form .ui-datepicker-trigger {
    margin: 0 !important;
}

#online-order-submission-entityform-edit-form .buttonHolder .form-actions {
    margin-right: 0 !important;
}

.info_box {
    width: 95% !important;
}

.inlineLabels {
    background: none !important;
}

#edit-reg-start-date--2,
#edit-reg-end-date--2 {
    width: 59% !important;
}

#form-report-search-form #edit-submit,
#online-order-submission-entityform-edit-form #edit-submit {
    padding: 10px 22px !important;
}

#online-order-submission-entityform-edit-form #edit-submit {
    width: 65% !important;
}

#online-order-submission-entityform-edit-form #edit-actions {
    width: 30% !important;
}

.page-product-product-list-accordian #products-add-page .ui-dialog div.form-item {
    margin: 0 15px;
    padding: 20px 0;
}

#products-add-page .ui-jqgrid .ui-paging-info {
    margin-top: 0 !important;
}

#oneline-publication-admin-add-form .chosen-container {
    width: 66% !important;
}

fieldset {
    top: 0 !important;
}

#ebook-entityform-edit-form input[type='text'],
#matching-question-answer-form input[type='text'],
#fill-in-blank-question-answer-form input[type='text'],
#multiple-select-question-answer-form input[type='text'],
#sequence-question-answer-form input[type='text'] {
    width: 63% !important;
}

#ebook-entityform-edit-form .form-item label {
    width: 32% !important;
}

#ebook-entityform-edit-form #field-ebook-description-add-more-wrapper label {
    width: 98.6% !important;
}

#mass-component-list .add-publications,
#grade-book-copy-form .add-publications,
#lookup-accesscode-add-page .add-publications {
    width: 400px !important;
}

#ebook-entityform-edit-form #edit_field_product_und_chosen {
    width: 63% !important;
}

#grade-book-copy-form .ui-dialog div.form-item {
    padding: 0 0px !important;
}

#admin-publication-view-page #edit-submit {
    width: auto !important;
}

#form-component-entityform-edit-form .buttonHolder .form-actions {
    width: auto !important;
}

#edit-field-fb-tolerance-type-und label {
    width: auto !important;
}

#formbite-component-entityform-edit-form #gbox_list {
    margin-left: 0 !important;
}

#formbite-component-entityform-edit-form .inlineLabels {
    padding: 5px 5px !important;
}

#i-frame-entityform-edit-form .buttonHolder .form-actions {
    margin-right: 0 !important;
}

#edit-upload-image-ajax-wrapper {
    margin-left: 32%;
    width: 100%;
}

#resource-component-entityform-edit-form .form-type-radio label {
    width: auto !important;
}

#resource-component-entityform-edit-form .form-item .description {
    margin-left: 199px !important;
}

#field-resource-begin-date-add-more-wrapper .form-item .description,
#field-resource-end-date-add-more-wrapper .form-item .description {
    margin-left: 0 !important;
}

#resource-component-entityform-edit-form .form-item-date-element-popup .container-inline-date .date-padding {
    width: 100% !important;
}

#resource-component-entityform-edit-form .date-clear {
    width: 100% !important;
}

.assignment_cancel,
.secondaryAction {
    margin-top: 40px;
    padding: 5px 18px;
    background: #d04a06;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    color: #fff;
    border: 1px solid #999;
    font-weight: bold;
    margin-left: 20px;
    font-size: .8em;
}

.page-webcom-component-grade-list-accordian .buttonHolder .cancel {
    padding: 5px 18px !important;
}


#access_code_block {
    /* width: 490px !important; */
    width: calc(50% - 18px) !important;
    background: #f9f9f9;
    font-size: 14px;
    /* margin-top: 15px !important; */
    margin-right: 15px;
}


.page-messages .sidebar .block {
    background: none !important;
}

.page-messages .region-sidebar-first {
    border-right: 0px solid #fff !important;
}

#createmessage #ui-dialog-title-dialog {
    width: 40% !important;
}

#createmessage .ui-dialog-actions {
    float: right !important;
    width: 40% !important;
}

#user-add-form--2 .adress_form {
    width: 466px !important;
    float: right !important;
}

#user-add-form .adress_form {
    width: 466px !important;
}

#user-add-form .statebox {
    width: 100% !important;
    padding: 3.5px 5px !important;
}

#user-add-form--2 select#edit-state-id {
    font-size: 13px !important;
}

#user-add-form--2 .fieldset-wrapper .form-item label {
    margin: 0 !important;
}

#user-add-form--2 .fieldset-wrapper .adress_form .form-item-state-id,
.fieldset-wrapper .adress_form .form-item-city {
    width: 27% !important;
}

#user-add-form .fieldset-wrapper .adress_form .form-item-postal-code {
    margin-right: 0 !important;
}

#user-add-form--2 #edit-state-id {
    width: 100% !important;
}

.sequence_wrapper .form-type-select {
    width: 100% !important;
}

.form-item-test-user label.option {
    width: 65% !important;
    font-size: 15px;
}

#webcom-component-list .ui-jqgrid tr.jqgrow td {
    padding: 0 5px 0 5px !important;
}

/**New structure CSS**/
.sidebar .block {
    background-color: #ffffff;
}

.sidebar .block .content {
    font-size: 0.8em;
}

/**New structure CSS**/
.page-eform-submit-assessment-component #assessment-component-entityform-edit-form .ui-dialog div.form-item {
    padding: 0px 0px !important;
}

#admin-menu-wrapper {
    padding: 0 !important;
}

#page-component-entityform-edit-form .inlineLabels .option {
    width: 50% !important;
}

#remove-page-path .fieldset-wrapper .form-item label {
    width: 38% !important;
}

#remove-page-path p.formHint {
    margin-left: 38% !important;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #navbar2 .system_bar ul li {
        padding: 8px 5px !important;
    }

    .system_bar_nav {
        width: 77% !important;
    }
}

.imagemviewsubmit {
    width: 100%;
    max-width: 500px;
    max-height: 500px;
}

/**Assessment Correct naswer Restructure**/

.answer_correct {
    background: #c8ffbf url("/sites/default/files/accept.png") no-repeat scroll 14px 24px;
    padding: 22px 10px 10px 40px;
}

.answer_incorrect {
    background: #ffdfdf url("/sites/default/files/delete.png") no-repeat scroll 14px 24px;
    padding: 22px 10px 10px 40px;
}

.correct_answer_restructure {
    background-color: #f0f0f0;
    border: 6px solid #f0f0f0 !important;
    list-style-type: none;
    margin: 5px 0 5px 18px;
    overflow: hidden;
    padding: 5px 10px;
}

/* .assessment_question_result,
.assessment_question_result table {
    width: 98%;
} */

li.student_incorrect_answer_li {
    background: url("../images/delete.png") no-repeat scroll 14px 10px;
    padding: 10px 10px 10px 40px;
    color: red;
}

li.student_correct_answer_li {
    background: url("../images/accept.png") no-repeat scroll 14px 10px;
    padding: 10px 10px 10px 40px;
    color: green;
}

/**Assessment Correct naswer Restructure**/

.admin_attempt_force_close {
    cursor: pointer;
}

.radio_images {
    text-align: left;
}

#button_note {
    clear: both;
}

.user_answer_structure {
    background: none !important;
    border: none !important;
}

#assessment_answers_submitted {
    background-color: #ffff99;
    border: 1px solid #aaa;
    color: #666;
    font-size: 0.8em;
    left: 5px;
    padding: 1px 3px;
    position: fixed;
    top: 45px;
    z-index: 9999;
}

#user_login_block input.form-submit,
a.button {
    float: right !important;
    margin-bottom: 10px;
    margin-right: 15px;
}

#block-generate-access-code-form input.form-submit,
a.button {
    float: right !important;
    border-radius: 4px;
}

#access_code_block input.form-submit,
a.button {
    border-radius: 4px;
}

#edit-upload-file-upload input {
    margin-left: 30%;
}

#handout-admin-add-form #edit-upload-file-upload input {
    margin-left: 0;
}

.gallery-items:hover {
    cursor: pointer;
}

.component_image_blurb {
    font-size: 0.85em;
    color: #666;
    line-height: 130%;
    text-decoration: none;
}

label#points_assessment {
    width: 30% !important;
}

.pool_totals_legend {
    max-width: 255px !important;
    bottom: 0px !important;
    font-size: 0.7em !important;
}

label#points_assessment {
    width: 32% !important;
}

.point_assessment_right {
    width: calc(68% - 3px) !important;
}

.content form#assessment-component-entityform-edit-form .ctrlHolder input[type=checkbox] {
    width: 15px !important;
}

#assessment-component-entityform-edit-form #edit-field-base-grade-score label:first-child {
    width: 32% !important;
}

#assessment-component-entityform-edit-form fieldset select {
    width: 66% !important;
    margin-right: 0;
}

#assessment-component-entityform-edit-form.uniForm .inlineLabels .inlineFields .form-text {
    width: 66% !important;
    margin-right: 0;
}

#assessment-component-entityform-edit-form .examResults .form-item label {
    padding-right: 0;
}

.clickable_legend_label {
    max-width: 450px;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
}

#third-step-assessment-form fieldset legend {
    border-top: 0px !important;
    height: auto;
    position: relative;
}

.first_legendin_first_form {
    border-top: 0px !important;
}

.print_options {
    border-bottom: 0px !important;
}

.use-ajax-submit {
    margin-top: 0px !important;
}

#prerequisite_submissions_grid th {
    background: #fff !important;
    color: #000;
    border: 1px solid #000;
    padding: 15px 15px;
    text-align: center;
}

#prerequisite_submissions_grid td {
    background: #fff !important;
    color: #000;
    border: 1px solid #000;
}

.student_info {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

.student_update_info {
    padding: 5px 5px;
}

/**15.05.2018**/
.ctrlHolder input[type="submit"] {
    margin-top: 0;
    float: none;
}

#page-component-entityform-edit-form .form-type-radios label:after {
    content: '' !important;
}

#second-step-assessment-form ul {
    list-style: none;
}

#second-step-assessment-form .uniForm .inlineLabels label.option {
    margin-left: 5px !important;
}

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

#form-report-search-form fieldset.inlineLabels,
#webcom-switch-user-form fieldset.inlineLabels {
    width: calc(100% - 10px) !important;
}


.form-item-files-csv-upload {
    font-family: arial;
}

.form-item.form-item-files-csv-upload label {
    display: inline-block;
}

ul.navcsv {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navcsv li {
    display: inline-block;
}

.navcsv li a {
    display: block;
    line-height: 1;
    background: #d04a06;
    border: 1px solid #999;
    font-weight: bold;
    color: #fff !important;
    float: right;
    margin: 25px 5px 0px;
    padding: 7px 14px;
    border-radius: 3px;
    font-family: arial;
}

#edit-field-component-description-und-0-value {
    height: 34px;
    scroll-behavior: unset;
    line-height: unset !important;
}

#products-add-page .add-publications {
    width: 65% !important;
}

#remove-page-path .add-publications {
    width: 59% !important;
}

#edit-field-component-description-und-0-value {
    scroll-behavior: unset;
    width: 66%;
    margin-left: 34%;
}

/* edit component page description textbox adjustment */
.page-entityform-edit #edit-field-component-description-und-0-value {
    scroll-behavior: unset;
    width: 66%;
    margin-left: 0;
}

/* Add component page description textbox adjustment */
.page-eform-submit-component #edit-field-component-description-und-0-value {
    scroll-behavior: unset;
    width: 66%;
    margin-left: 0;
}

/* remove extra margin from publisher field in add component form */
.page-eform-submit-component .form-item-field-component-publisher-und {
    margin-bottom: 0;
}


#edit-field-is-discoverable {
    margin-left: 33%;
}

.form-item-fb-answer #edit-fb-answer .form-item label {
    width: auto
}

.ui-dialog .ui-dialog-content {
    font-size: 14px;
    min-height: 80px;
}

.user_enrollment_form_style .ui-dialog .ui-dialog-content {
    font-size: 12px;
    min-height: 80px;
}

.ui-dialog .ui-dialog-content label {
    font-weight: normal;
}

#formbite-view-form .form-item-fb-answer {
    margin-bottom: 0px;
}

#iscorrect_input {
    display: block;
    width: 100%;
    margin-top: 5px;
    float: left;
    clear: both;
}

#add_answer_div {
    margin-top: 5px;
    width: 100%;
}

.grid-buttons .ui-icon {
    background-image: none !important;
}

#edit-field-choose-specific-rhapsody-und .form-item-field-choose-specific-issue-und {
    padding-bottom: 0.1em !important;
}

#support-form-entityform-edit-form .form-text {
    width: 55%;
}

#support-form-entityform-edit-form .form-type-select label,
#support-form-entityform-edit-form .form-type-textfield label {
    width: 35%;
}

#support-form-entityform-edit-form .form-required {
    float: right;
}

#field-additional-information-add-more-wrapper label {
    width: 35%;
}

#field-additional-information-add-more-wrapper textarea {
    width: 55%;
}

span.form_remark {
    display: block;
    text-align: right;
}

#mass-remove-component-list .add-publications {
    width: 61% !important;
}

.entitytype-image_component-form span.file {
    float: left;
    width: 29%;
}

.entitytype-image_component-form .form-item-upload-image {
    width: 80%;
}

.entitytype-image_component-form .file_cancel {
    margin: 0px;
}

.top-caption a,
.btn-caption a {
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

.top-caption a:hover,
.btn-caption a:hover {
    text-decoration: underline;
}

.page-form-report-search-form .report_listing td {
    text-align: left;
}

.page-form-report-search-form .report_listing td {
    text-align: left;
}

#edit-reset {
    float: left;
    margin-left: 20px;

}

.lvlmedium {
    color: #ff7500;
}

.lvlhigh {
    color: #f00;
}

.public_view_survey .even b,
.public_view_survey .odd b {
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    display: block;
}

.public_view_survey .odd {
    background: #ccc;
}

/* #survey-question-form .form-type-radio input {
    width: 8% !important;
} */
.form-item-test-user .description {
    font-size: 12px;
    margin-left: 33%;
}

.form-item-is-trial-access-payment-done .description,
.form-item-accommodation-extra-attempts .description,
.form-item-accommodation-time-multiplier .description,
.form-item-accommodation-extra-availability .description {
  font-size: 11px;
  margin-left: 34%;
  padding-top: 3px;
}

#mass-remove-component-list-new .add-publications,
#remove-page-path-new .add-publications,
#section-admin-copy .add-publications {
    width: 65% !important;
}

#section-admin-copy .form-item-slug {
    border-bottom: none !important;
    margin-left: -10px !important;
}

#section-admin-copy #edit-cancel {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1;
    background: #d04a06;
    border: 1px solid #999;
    font-weight: bold;
    color: #fff;
    float: right;
    margin: 35px 5px;

}

.component_survey_instructions_text {
    font-style: italic;
    padding-left: 5px;
}

.graph_indent {
    margin-left: 11%;
}

#forum-view-add-subject .form-type-textarea label {
    width: 32% !important;
}

#forum-view-add-subject .ctrlHolder {
    padding: 1em;
    border-bottom: 1px solid #ddd;
}

#forum-view-add-subject .ctrlHolder:last-child {
    border-bottom: none;
}

#forum-view-add-subject input[type="text"],
#forum-view-add-subject textarea {
    float: right;
    width: 65% !important;
}

#forum-view-add-subject .form-item:after {
    content: "";
    display: block;
    clear: both;
}

#forum-view-add-subject .ctrlHolder-1 {
    border-bottom: none !important;
    text-align: right;
}

.entitytype-site_map-form#site-map-entityform-edit-form .inlineLabels {
    width: 96% !important;
}

#site-map-entityform-edit-form #edit-actions {
    width: auto !important;
    margin-right: 0 !important;
}

#component-entityform-edit-form #edit-actions {
    width: calc(100% - 15px) !important;
}

#user-login-form label,
#access-code-enroll label,
#block-generate-access-code-form #access-code-enroll label {
    width: 100px;
    text-align: left;
    margin-top: 5px;
    font-family: arial;
}



#block-user-login .content {
    margin-top: 16px;
    padding-bottom: 38px;
}

#component-entityform-edit-form h1 {
    font-size: 20px;
    width: 100%;
}

#user_login_block,
#access_code_block {
    margin-top: 5px;
    font-size: 13.2px;
}

.gridwrapper {
    position: relative;
    padding-bottom: 30px;
}

.gridwrapper+.grid-buttons:last-child {
    top: -30px;
    position: relative;
    z-index: 0;
}

.gridwrapper .grid_sortable_message {
    position: absolute;
    right: 0;
    bottom: 0 !important;
    z-index: 5;
}


#access-code-enroll {
    margin-top: 16px;
}


.form-item-access-code .description {
    margin-bottom: 2px;
}

#page-wrapper .form-item-access-code .description a {
    text-decoration: underline;
}

#access-code-enroll input[type="submit"] {
    margin-top: 10px;
}

#access_code_block input[type="button"].form-submit {
    margin-top: 10px;
    margin-right: 10px !important;
    position: relative;
}

#access_code_block div {
    font-family: arial;
    padding: 0;
}

#alerts {
    padding: 0 20px;
}

#system_support fieldset {
    width: calc(100% - 40px);
    border: none;
    padding: 5px 20px;
    margin: 0;
}

#system_support fieldset .ctrlHolder.ctrlRequiredInput,
#system_support fieldset .ctrlHolder.ctrlRequiredInput div,
#system_support fieldset .ctrlHolder.ctrlRequiredInput div span,
#system_support fieldset .ctrlHolder.ctrlRequiredInput label {
    width: auto;
    display: inline-block;
    padding-left: 1px !important;
}

#system_support fieldset .ctrlHolder.ctrlRequiredInput label[for="edit-field-first-name-sup-und-0-value"],
#system_support fieldset .ctrlHolder.ctrlRequiredInput label[for="edit-field-last-name-sup-und-0-value"],
#system_support fieldset .ctrlHolder.ctrlRequiredInput label[for="edit-field-email-address-sup-und-0-value"],
#system_support fieldset .ctrlHolder.ctrlRequiredInput label[for="edit-field-phone-sup-und-0-value"] {
    width: 32% !important;
    display: block;
    padding-left: 1px !important;
    float: left;
}

#system_support fieldset .ctrlHolder.ctrlRequiredInput label+input {
    width: calc(68% - 4px) !important;
    display: block;
    padding-left: 1px !important;
}

.uniForm #system_support .inlineLabels label {
    margin-right: 0 !important;
}

#system_support fieldset .ctrlHolder.ctrlRequiredInput {
    width: 100%;
}

#system_support .inputdisplay .field-type-text {
    width: 100%;
}

#system_support fieldset .ctrlHolder.ctrlRequiredInput div {
    width: 100%;
}

#support-form-entityform-edit-form .inputdisplay .field-type-text label {
    width: 32% !important;
    display: block !important;
    float: left;
}

#support-form-entityform-edit-form .staticfield label {
    display: inline-block;
}

#support-form-entityform-edit-form .inputdisplay .field-type-text label span {
    float: left;
}

#support-form-entityform-edit-form .inputdisplay .field-type-text input {
    width: calc(68% - 2px) !important;
    display: block !important;
    float: left;
}

#edit-field-choose-specific-issue div {
    width: 100% !important;
    display: block !important;
    float: left;
}

#edit-field-choose-specific-issue label {
    width: 30% !important;
    display: block !important;
    float: left;
}

#edit-field-choose-specific-issue label span {
    float: left !important;
}

#edit-field-choose-specific-issue div#edit-field-choose-specific-issue-und {
    width: calc(68% - 2px) !important;
}

#edit-field-choose-specific-issue div#edit-field-choose-specific-issue-und input {
    width: 30px !important;
}

#edit-field-choose-specific-issue div#edit-field-choose-specific-issue-und label {
    width: calc(100% - 35px) !important;
    margin-top: 2px !important;
}

#support-form-entityform-edit-form .ctrlHolder.ctrlRequiredInput.push_left {
    width: calc(88% - 2px) !important;
    float: right;
}

@media only screen and (max-width:767px) {
    #section-admin-copy fieldset .fieldset-wrapper {
        padding: 0 !important;
        margin-top: 0 !important;
    }

    #section-admin-copy .fieldset-wrapper .form-item label.option {
        width: calc(65% - 5px);
    }

    #section-admin-copy .fieldset-wrapper input.form-checkbox,
    #section-admin-copy .fieldset-wrapper input.form-radio {
        margin-left: calc(34% - 10px);
    }

    #section-admin-copy fieldset .fieldset-wrapper .form-item {
        padding: 8px 15px !important;
        margin-top: 0 !important;
        width: calc(100% - 30px) !important;
    }

    #section-admin-copy fieldset .fieldset-wrapper .form-item.grid-text {
        padding: 0 !important;
        margin-top: 0 !important;
        width: calc(100%) !important;
    }

    #faq-entityform-edit-form fieldset.inlineLabels {
        width: calc(100% - 20px) !important;
    }

    #access_code_block {
        width: calc(100% - 2px) !important;
        background: #f9f9f9;
        margin-top: 15px;
        margin-right: 0;
    }

    #user-login-form label,
    #access-code-enroll label,
    #block-generate-access-code-form #access-code-enroll label {
        width: 100%;
        text-align: left;
        margin-top: 5px;
        font-family: arial;
    }

    #block-user-login a {
        width: calc(100% - 10px) !important;
        float: left;
        padding-left: 20px !important;
    }

    #block-generate-access-code-form .form-item:not(.grid-text) {
        padding: 0 !important;
    }

    .container .content-hld {
        margin: 0;
        padding: 0;
    }

    .container .right-hld {
        padding: 0;
    }

    .container .grade-book-tab {
        padding: 0px !important;
    }

    #system_requirements li {
        max-width: 33%;
        min-height: 147px;
    }
}

.page-registration-search-form #sec_div .ajax-progress-throbber {
    display: none !important;
}

#custom_add_button {
    cursor: pointer;
}

#poll-entityform-edit-form .gridwrapper {
    width: 90%;
    margin: 0 auto;
}

#poll-entityform-edit-form .jqx-grid-header-wrap-title {
    text-align: left;
}

#poll-entityform-edit-form .grid-buttons {
    text-align: left;
}

/**Start : Removing Back shadow from Grid**/
.ui-icon-trash span {
    display: none;
}

.ui-icon-add span {
    display: none;
}

.ui-icon-document span {
    display: none;
}

/**End : Removing Back shadow from Grid**/
#parent_names,
#cat_names {
    border: 1px solid #ccc;
    width: 100%;
}

#grade-book-copy-form .inlineLabels {
    margin: 0 auto !important;
    width: 96% !important;
}

.user_answer_structure {
    margin: 0px !important;
}

#fill-in-blank-entityform-edit-form .question_pool_grid {
    width: 95%;
}

.form-item-napster-recipient-email {
    margin-top: 15px;
}

#question-pool-napster-option .grid-text {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em !important;
}

#multiple-choice-question-entityform-edit-form .gridwrapper {
    width: 96% !important;
}

#user-enrollment-form .ctrlHolder .radio-horizontal {
    width: 64%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin-left: 3%;
    margin-top: 7px;
}

#user-enrollment-form .ctrlHolder .form-checkboxes.radio-horizontal {
    margin-top: 5px;
}

#user-enrollment-form .ctrlHolder .radio-horizontal .form-item {
    width: 25%;
    padding: 0;
}

#user-enrollment-form .ctrlHolder .form-checkboxes {
    width: 64%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin-left: 3%;
}

#user-enrollment-form .ctrlHolder .form-checkboxes .form-item {
    padding: 0;
    margin: 0;
    width: 100%;
}

#user-enrollment-form .ctrlHolder .form-checkboxes.radio-horizontal .form-item {
    width: 25%;
    float: left;
    padding: 0;
}

#user-enrollment-form .ctrlHolder .form-checkboxes .form-item input,
#user-enrollment-form .ctrlHolder .form-checkboxes .form-item label {
    width: auto !important;
    margin-left: 0;
    margin-right: 8px;
}

#user-enrollment-form .ctrlHolder .form-checkboxes .form-item input {
    margin-top: 6px;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder .radio-horizontal input {
    width: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder .radio-horizontal .form-type-checkbox input {
    margin-top: 6px !important;
}

#user-enrollment-form .ctrlHolder,
#user-enrollment-form .buttonHolder {
    margin-top: 0 !important;
}

#user-enrollment-form .form-item label {
    margin: 8px 0;
    padding: 0 8px 0 3%;
}

#user-enrollment-form .ctrlHolder p {
    font-size: 12px;
    margin: 4px 0;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder label {
    width: calc(30% - 8px) !important;
    float: left;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder label .description p {
    padding: 0;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder .form-type-textarea p {
    padding: 0;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder .form-type-textarea p {
    padding: 0;
}

#user-enrollment-form.user_enrollment_form_style .radio-vertical {
    width: 63% !important;
    margin-left: 3%;
    margin-top: 7px;
}

#user-enrollment-form.user_enrollment_form_style .form-checkboxes.radio-vertical {
    margin-top: 6px;
}

#user-enrollment-form.user_enrollment_form_style .radio-vertical .radio-vertical {
    width: auto !important;
    margin-top: 0;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder select,
#user-enrollment-form.user_enrollment_form_style .ctrlHolder input,
#user-enrollment-form.user_enrollment_form_style .ctrlHolder textarea,
#user-enrollment-form.user_enrollment_form_style .ctrlHolder .form-textarea-wrapper {
    width: 60% !important;
    margin-left: 3%;
    margin-bottom: 11px;
    float: left;
    margin-top: 5px;
}

#user-enrollment-form .form-item {
    margin-bottom: 2px;
    margin-top: 6px;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder .form-textarea-wrapper textarea {
    width: 100% !important;
    margin-left: 0;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder input.datepicker,
#user-enrollment-form.user_enrollment_form_style .ctrlHolder input.addDatetimePicker {
    width: 30% !important;
    margin-left: 3%;
}

#user-enrollment-form.user_enrollment_form_style .radio-vertical input {
    margin-left: 0;
    margin-right: 8px;
}

#user-enrollment-form.user_enrollment_form_style .radio-vertical label {
    width: auto !important;
    float: left;
    padding-left: 0;
    padding-right: 0;
}

#user-enrollment-form .ctrlHolder p {
    padding: 0 3% 0 3%;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder {
    margin: 6px 0 5px 0 !important;
}

#user-enrollment-form .form-item .form-type-radio {
    margin: 4px 0;
}

#user-enrollment-form.user_enrollment_form_style .ctrlHolder .form-item .form-item label {
    width: calc(100% - 43px) !important;
    padding: 0;
}

#user-enrollment-form .form-type-radio.form-item label {
    margin-top: 1px;
}

#user-enrollment-form .form-type-checkbox.form-item label {
    margin-top: 7px;
    margin-left: 2px;
}

#ui-datepicker-div {
    display: none;
}

#user-enrollment-form h1 {
    line-height: 105%;
}

#user-enrollment-form .ctrlHolder label h1,
#user-enrollment-form .ctrlHolder label h2,
#user-enrollment-form .ctrlHolder label h3,
#user-enrollment-form .ctrlHolder label h4,
#user-enrollment-form .ctrlHolder label h5,
#user-enrollment-form .ctrlHolder label h6,
#user-enrollment-form .ctrlHolder label p,
#user-enrollment-form .ctrlHolder label li,
#user-enrollment-form .ctrlHolder label ul,
#user-enrollment-form .ctrlHolder label a,
#user-enrollment-form .ctrlHolder label blockquote,
#user-enrollment-form .ctrlHolder label ol,
#user-enrollment-form .ctrlHolder label dl,
#user-enrollment-form .ctrlHolder label dt,
#user-enrollment-form .ctrlHolder label dd {
    float: left;
    margin: 4px 0;
    padding: 0;
    width: auto;
}

#user-enrollment-form label span {
    float: left;
    margin-left: 3px;
}

#user-enrollment-form .ctrlHolder label ul li,
#user-enrollment-form .ctrlHolder label ol li {
    width: 100%;
    padding: 0;
}

/* For Editing a component */
.page-entityform-edit label[for=edit-field-course-created-for-und] {
    display: none;
}

.page-entityform-edit #edit-field-course-created-for-und {
    margin-left: 33%;
}

.page-webcom-component-image-component-list-accordian #imagecomp_grid .jqx-grid-cell-middle-align {
    margin-top: 5px !important;
    padding-bottom: 10px !important;
}

.grid-button-submit {
    font-size: 0.6em !important;
    margin-right: 5px !important;
}

.grid-button-cancel {
    font-size: 0.6em !important;
}

/* Manage: Grade Book Component */
.page-webcom-component-grade-list-accordian label[for=edit-field-element-name-und-0-value] {
    width: 49px;
}

.page-webcom-component-grade-list-accordian #edit-field-element-name-und-0-value {
    margin-left: 24%;
}

.page-webcom-component-grade-list-accordian #edit-field-number-elected-components-und-0-value {
    float: left;
}

/* Manage: Grade Book Element */

.edit-field-show-student-detail-view-container {
    width: 66%;
    margin-left: 34.5%;
}

#instructor_display_1_1,
#instructor_display_1_2,
#instructor_display_2_1,
#instructor_display_2_2,
#student_display_1_1,
#student_display_1_2,
#student_display_2_1,
#student_display_2_2 {
    width: 100%;
}

#edit-field-element-name-und-0-value {
    /* width:62%; */
}

/* hamburger mobile menu button size */
.navbar-header .icon-bar {
    padding: 3px 13px;
}


.survey_grid_question {
    padding: 3px;
    font-style: italic;
}

.survey_grid_answer {
    text-indent: 3%;
    padding: 3px;
}

.pub_name_error_msg {
    font-weight: bold;
    font-style: italic;
}

/* hover styling for internal messages buttons */
#messages-inbox-new button:hover#trashSelectedjqx,
#messages-inbox-new button:hover#moveSelectedjqx {
    background: #d04a06;
    color: black;
    cursor: pointer;
}

/* Create Message Button */
#component_dropbox_functions li#component_dropbox_message_create.create_msg_text {
    border: 1px solid #777777;
    background-color: #68696b;
    padding: 4px 6px 0 35px;
    width: auto;
    height: 24px;
    margin: 0px 19px 6px 9px;
    background-position: 6% 90%;
    line-height: 23px;
    color: white;
}

/*  empty trash buttons */
#component_dropbox_functions li#component_dropbox_empty_trash.empty_trash_text {
    border: 1px solid #777777;
    background-color: #68696b;
    padding: 4px 0 0 35px;
    width: 69px;
    height: 24px;
    margin: 0px 19px 6px 9px;
    background-position: 6% 24%;
    line-height: 23px;
    color: white;
}

#component_dropbox_functions li#component_dropbox_message_create.create_msg_text:hover,
#component_dropbox_functions li#component_dropbox_empty_trash.empty_trash_text:hover {
    background-color: #d04a06;
    color: black;
    cursor: pointer;
}

.section_info_legend_title {
    border-bottom: 1px solid #555;
    color: #555;
    font-size: 1.1em;
    margin: 0;
    width: 100%;
    font-weight: normal;
    float: left;
    margin: .3em 2% 0 0;
    padding: 0;
    line-height: 1;
    position: relative;
    font-weight: bold;
}

.form-item-field-grade-to-date-weight-und-0-value label[for=edit-field-grade-to-date-weight-und-0-value] {
    width: 30%;
    padding: 6px;
}

/* center grade book page components on course pages */
.public_view_grade_book {
    padding: 0 12% 0;
}

/* important used to override inline css */
.add-publications {
    width: 62% !important;
}

/*Override inline stlying for assessment correction field  */
.clearfix #edit-fields .add-publications {
    width: 62% !important;
}


/* line adjumstents for date field placements */
.form-type-textfield.form-item-date-element-popup .date-wrapper-div {
    width: 27% !important;
}

.form-item-date-element-popup .fieldset-wrapper {
    width: 68.7% !important;
}

#online-order-submission-entityform-edit-form .multiField input#edit-field-order-total-min-und-0-value {
    width: 73% !important;
}

#online-order-submission-entityform-edit-form .multiField .form-item-field-order-total-min-und-0-value label {
    width: 16% !important;
    margin-left: 5%;
}

#field-order-total-max-add-more-wrapper .form-item-field-order-total-max-und-0-value label {
    width: 18% !important;
}

/* override another important to give field full width */
form#addonkey-lookup-form .form-item-date-element-popup {
    width: 100% !important;
}

.grid-buttons .export-pdf.ui-icon.ui-icon-pdf,
.grid-buttons .export-csv.ui-icon.ui-icon-pdf,
.grid-buttons .export-other.ui-icon.ui-icon-pdf {
    overflow: visible;
}

/* ***********Edit User Form Changes START*********** */
form#user-add-form fieldset#edit-address {
    background: #f9f9f9;
    border: none;
    padding: 0;
    margin: 0;
}

/* override other importants */
fieldset#edit-address .adress_form {
    width: calc(68% - 15px) !important;
    float: left;
}

.fieldset-wrapper .form-item-country-id label,
.fieldset-wrapper .form-item-address-type label {
    padding-left: 0px;
    padding-right: 3px;
}

.fieldset-wrapper .form-item.form-item-address-type,
.fieldset-wrapper .form-item.form-item-country-id {
    margin-bottom: 0 !important;
    padding: 4px 0px 12px 0px;
    padding-left: 0;
    margin-left: 0;
}

.fieldset-wrapper #states-wrapper:before {
    content: ' ';
    width: 100%;
    clear: both;
    height: 7px;
    position: relative;
    display: block;
}

.fieldset-wrapper .form-item-postal-code,
.fieldset-wrapper .form-item-phone,
.fieldset-wrapper .form-item-city,
.fieldset-wrapper .form-item-profile-selection,
.fieldset-wrapper .form-item-address-2,
.fieldset-wrapper .form-item-address-1 {
    padding-top: 4px;
}

#address-wrapper fieldset#edit-address .fieldset-wrapper {
    margin-top: 0;
}

form#user-add-form .form-item-phone.form-type-textfield.form-item input#edit-phone {
    width: 97%;
}

/* ***********Edit User Form Changes END*********** */

/* title field description */
#handout-admin-add-form .form-item-title .description {
    margin-left: 33%;
}

/* remove unneeded text box from manage handout field */
#handout-admin-add-form fieldset#edit-handout-format {
    display: none;
}

/* burb description styling */
#text-area-div .text-format-wrapper .description {
    font-size: .85em;
    color: #777;
    clear: left;
    margin-left: 1%;
}

div.form-item.form-type-textarea.form-item-handout-value {
    border-bottom: none;
}

#handout-admin-add-form .form-item-handout-value label {
    padding-bottom: 1%;
}

/* fix for style of adding an anouncement  */
#edit-announcement-format {
    display: none;
}

.form-item-announcement-value label {
    display: none;
}

#header div.section,
#featured div.section,
#messages div.section,
#triptych,
#footer-columns,
#footer {
    width: 100%;
    max-width: 964px;
    min-width: auto;
}

#header {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#414243+0,666769+100 */
    background: #414243;
    /* Old browsers */
    background: -moz-linear-gradient(top, #414243 0%, #666769 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #414243 0%, #666769 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #414243 0%, #666769 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414243', endColorstr='#666769', GradientType=0);
    /* IE6-9 */
    height: 74px;
    margin-bottom: 10px;
    z-index: 10009;
    /*looking in here*/
    position: relative;
    height: auto;
}

body[style="position: static; z-index: 9995; width: 0px; height: 0px;"] #header {
    z-index: 9990;
}

body[style="position: static; z-index: 9995; width: 0px; height: 0px;"] #admin-menu {
    z-index: 9980 !important;
}

#header::after {
    content: '';
    position: absolute;
    width: 100%;
    background: url(../images/headerbg.gif) repeat-x;
    background-position: center bottom;
    height: 10px;
    z-index: -1;
    bottom: -10px;
    ;
}

.slicknav_menu {
    display: none;
}

#admin-menu {
    z-index: 100002 !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal,
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    z-index: 1000 !important;
}

#messages_jqxgrid .jqx-grid-cell a {
    color: black;
}

#messages_jqxgrid .jqx-grid-cell a:hover {
    color: black;
}

.region.region-content {
    width: calc(100% - 10px);
}

.clearfix {
    width: 100%;
    clear: both;
}

#mass-component-list #edit-fields .add-publications,
#mass-component-list .fieldset-wrapper input.form-text,
#mass-component-list .fieldset-wrapper textarea.form-textarea,
#mass-component-list .fieldset-wrapper select.form-select,
#createmessage #edit-fields .add-publications,
#createmessage .fieldset-wrapper input.form-text,
#createmessage .fieldset-wrapper textarea.form-textarea,
#createmessage .fieldset-wrapper select.form-select {
    width: calc(66% - 1px) !important;
}

#createmessage .add-publications {
    border: 2px solid #dfdfdf;
}

#createmessage .form-item-send-to-me #edit-send-to-me {
    width: 30px !important;
    margin-top: 2px;
}

#mass-component-list .fieldset-wrapper .form-item label,
#createmessage .fieldset-wrapper .form-item label {
    width: calc(32% - 7px) !important;
}

#createmessage .fieldset-wrapper .form-item label[for=edit-message-value] {
    padding-left: 0;
    width: 100% !important;
}

#createmessage .fieldset-wrapper .formHint {
    margin-left: 33% !important;
}

#products-add-page .inlineLabels .add-publications {
    width: calc(100% - 10px) !important;
    margin-top: 10px;
}

.grid_sortable_message {
    font-weight: 400 !important;
    margin: 7px 10px 7px !important;
    font-size: 13.2px;
}

#edit-component-layout-custom,
#edit-virtual-component-layout-custom {
    width: 66% !important;
}

#edit-component-layout-custom #associate-access-code ul.parent input.form-checkbox,
#edit-component-layout-custom input.form-radio {
    width: 30px;
}

#page-component-entityform-edit-form #edit-field-display-title-und {
    width: 30px !important;
}

#page-component-entityform-edit-form .ctrlHolder .form-type-checkbox label.option {
    width: calc(66% - 36px) !important;
    margin-right: 0 !important;
}

#page-component-entityform-edit-form .form-checkbox {
    margin-left: calc(34% - 7px);
    width: 30px;
}

#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radios label,
#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radios .label,
#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio label,
#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio .label {
    margin-right: 0 !important;
    width: calc(34% - 7px) !important;
}

#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul label,
#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul .label {
    width: auto !important;
}

#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul li {
    width: calc(33% - 10px) !important;
    margin: 0 !important;
    padding-right: 10px !important;
}

#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul.uniFormPageLayout {
    margin-left: 0 !important;
    width: calc(66% - 1px) !important;
}

#page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul.uniFormPageLayout li img {
    width: calc(100% - 35px);
}

.page-eform-submit-page-component-deploy- .uniForm .inlineLabels ul li label input[type=radio] {
    width: 30px;
}

#page-component-entityform-edit-form.uniForm .inlineLabels .textInput,
#page-component-entityform-edit-form.uniForm .inlineLabels .fileUpload,
#page-component-entityform-edit-form.uniForm .inlineLabels .selectInput,
#page-component-entityform-edit-form.uniForm .inlineLabels select,
#page-component-entityform-edit-form.uniForm .inlineLabels textarea {
    width: calc(66% - 1px) !important;
}

#page-component-entityform-edit-form .form-item-page-layout ul.uniFormPageLayout {}

.page-eform-submit-page-component-deploy- #field-access-begin-date-add-more-wrapper .fieldset-wrapper input.form-text,
.page-eform-submit-page-component-deploy- #field-access-end-date-add-more-wrapper .fieldset-wrapper input.form-text,
.page-eform-submit-page-component-deploy- #field-access-begin-date-disabili-add-more-wrapper .fieldset-wrapper input.form-text,
.page-eform-submit-page-component-deploy- #field-access-end-date-disability-add-more-wrapper .fieldset-wrapper input.form-text,
.page-eform-submit-page-component-deploy- #field-visibility-begin-date-add-more-wrapper .fieldset-wrapper input.form-text,
.page-eform-submit-page-component-deploy- #field-visibility-end-date-add-more-wrapper .fieldset-wrapper input.form-text {
    width: calc(100% - 34px) !important;
}

#main-menu {
    overflow: hidden;
}

#online-order-submission-entityform-edit-form .multiField {
    padding: 5px 0 0 0 !important;
}

#online-order-submission-entityform-edit-form label {
    width: 34%;
}

#online-order-submission-entityform-edit-form .multiField .form-item-field-order-total-max-und-0-value input,
#online-order-submission-entityform-edit-form .multiField input#edit-field-order-total-min-und-0-value {
    width: 100% !important;
}

#online-order-submission-entityform-edit-form label {
    width: 32%;
    display: block;
    float: left;
    padding-top: 9px;
}

#online-order-submission-entityform-edit-form input {
    width: 68%;
}

#online-order-submission-entityform-edit-form .date-combo label {
    padding-top: 0px;
}

#online-order-submission-entityform-edit-form .form-item {
    padding: 7px 0 10px;
    border-bottom: 1px solid #D6D6D6;
}

#online-order-submission-entityform-edit-form .multiField .form-item {
    border: none;
}

#online-order-submission-entityform-edit-form fieldset.inlineLabels {
    border: none;
    width: calc(100% - 32px);
    padding: 5px 15px;
}

#online-order-submission-entityform-edit-form label[for=orderTotalMin] {
    margin-top: 15px;
}

#online-order-submission-entityform-edit-form label[for=orderTotalMin] {
    width: 32% !important;
}

fieldset.date-combo .container-inline-date .date-padding {
    padding: 0 10px;
}

#online-order-submission-entityform-edit-form .multiField #edit-field-order-date-start-und-0-value-datepicker-popup-0 {
    margin-left: 0;
}

#online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div.description {
    margin-left: 5px !important;
}

#online-order-submission-entityform-edit-form .multiField .form-item-field-order-total-min-und-0-value label {
    padding-left: 0;
}

#online-order-submission-entityform-edit-form .fieldset-wrapper .form-item label {}

#generate-access-code #edit_product_chosen,
#generate-access-code .form-item-role select,
#generate-access-code #edit-quantity {
    width: calc(68% - 7px) !important;
}

#generate-access-code #edit-quantity {
    width: calc(68% - 19px) !important;
}

#online-order-submission-entityform-edit-form .multiField .ui-datepicker-trigger {
    top: 62px;
    right: 11px;
    position: absolute;
}

#online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div {
    min-width: calc(34% - 2px);
    margin-left: 0 !important;
    position: relative;
    margin-top: 8px;
    padding-right: 2px;
}

#online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div div {
    margin: 1px 0;
    padding-bottom: 0;
}

#online-order-submission-entityform-edit-form fieldset.date-combo {
    margin-bottom: 4px;
}

#online-order-submission-entityform-edit-form #edit-actions {
    width: 100% !important;
}

#online-order-submission-entityform-edit-form #edit-submit {
    float: right;
    width: 145px !important;
}

#lookup-accesscode-add-page .form-item-date-element-popup img.ui-datepicker-trigger,
#addonkey-lookup-form .form-item-date-element-popup img.ui-datepicker-trigger {
    margin: 10px 6px 0 6px !important;
    top: 0px;
}

#page-hits-report-search-form.uniForm .inlineLabels .chosen-container {
    width: 66% !important;
}

#page-hits-report-search-form.uniForm .inlineLabels select {
    width: 66%;
}

#registration-search-form.uniForm .inlineLabels .chosen-container {
    width: calc(68% - 15px) !important;
}

#registration-search-form fieldset {
    padding: 0 !important;
}

#engagement_emails_form.uniForm .inlineLabels .chosen-container,
#engagement_emails_form.uniForm .inlineLabels select {
    width: 64%;
}

#registration-count-search-form fieldset.inlineLabels,
#usage-report-search-form fieldset.inlineLabels,
#form-report-search-form fieldset.inlineLabels,
#poll-report-search-form fieldset.inlineLabels,
#forum-report-search-form fieldset.inlineLabels,
#survey-report-search-form fieldset.inlineLabels,
#likert-survey-report-search-form fieldset.inlineLabels,
#resource-report-search-form fieldset.inlineLabels,
#formbite-report-search-form fieldset.inlineLabels,
#formbite-submission-report-search-form fieldset.inlineLabels,
#assessment-report-search-form fieldset.inlineLabels,
#engagement-report-search-form fieldset.inlineLabels,
#oneline-publication-admin-add-form fieldset.inlineLabels,
#page-hits-report-search-form fieldset.inlineLabels,
#registration-search-form fieldset.inlineLabels,
#alert-admin-add-form fieldset.inlineLabels,
#event-board-report-params-form fieldset.inlineLabels,
    {
    width: 100%;
    padding: 5px 0 !important;
}

#registration-count-search-form fieldset .fieldset-wrapper {
    padding: 5px 0 !important;
}

.uniForm fieldset.inlineLabels .ctrlHolder {
    padding: 12px 6px !important;
}

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea {
    float: left;
    width: 66%;
}

#associate-access-code fieldset .fieldset-wrapper {
    padding: 0 10px !important;
    margin-top: 25px !important;
}

#calender-admin-add-form fieldset,
#component-entityform-edit-form fieldset,
#privatemsg-new fieldset {
    width: calc(100% - 2px);
    border: none;
}

.attachment_wrapper {
    width: 105px !important;
}

#engagement-report-search-form fieldset.inlineLabels .ctrlHolder .ctrlHolder {
    padding-left: 0;
    padding-right: 0;
}

#current-user-account-form .form-item .description,
#privatemsg-new fieldset p.formHint {
    margin-left: 33% !important;
}

#privatemsg-new .form-item {
    margin-left: 0 !important;
    width: 100% !important;
}

#privatemsg-new .form-item label {
    margin-left: 0 !important;
    width: 32% !important;
    float: left;
    right: 0 !important;
}

#privatemsg-new .form-item .form-item {
    margin-left: 0 !important;
    width: 68% !important;
    float: right;
}

#privatemsg-new .form-item p.formHint {
    margin-left: 0 !important;
    width: 68% !important;
    float: right;
}

fieldset #edit-estimated-enrollment-year,
fieldset #edit-estimated-enrollment-term {
    width: calc(68% - 12px) !important;
    float: left;
    margin-right: 0;
}

#registration-count-search-form .form-item .description {
    padding-left: 34%;
}

.inlineLabels {
    margin: 0 !important;
}

#edit-reg-start-date--2,
#edit-reg-end-date--2,
#edit-ur-end-date--2,
#edit-ur-start-date--2 {
    width: calc(66% - 33px) !important;
}

#registration-count-search-form fieldset #edit-estimated-enrollment-year,
#registration-count-search-form fieldset #edit-estimated-enrollment-term {
    width: calc(64% - 12px) !important;
    float: left;
    margin-right: 0;
}

.form-type-textfield .ui-datetimepicker-trigger {
    padding-left: 6px;
    padding-top: 7px;
}

#edit-ur-limit-logs-to-section {
    margin-left: 33% !important;
    width: 30px !important;
}

#usage-report-search-form.uniForm .requiredFieldText {
    text-align: left !important;
}

#registration-count-search-form.uniForm .ctrlHolder {
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}

#usage-report-search-form.uniForm .inlineLabels .chosen-container,
#usage-report-search-form.uniForm .inlineLabels .chosen-container input,
#form-report-search-form.uniForm .inlineLabels .chosen-container,
#form-report-search-form.uniForm .inlineLabels .chosen-container input,
#poll-report-search-form.uniForm .inlineLabels .chosen-container,
#poll-report-search-form.uniForm .inlineLabels .chosen-container input,
#forum-report-search-form.uniForm .inlineLabels .chosen-container,
#forum-report-search-form.uniForm .inlineLabels .chosen-container input,
#survey-report-search-form.uniForm .inlineLabels .chosen-container,
#survey-report-search-form.uniForm .inlineLabels .chosen-container input,
#likert-survey-report-search-form.uniForm .inlineLabels .chosen-container,
#likert-survey-report-search-form.uniForm .inlineLabels .chosen-container input,
#resource-report-search-form.uniForm .inlineLabels .chosen-container,
#resource-report-search-form.uniForm .inlineLabels .chosen-container input,
#formbite-report-search-form.uniForm .inlineLabels .chosen-container,
#formbite-report-search-form.uniForm .inlineLabels .chosen-container input,
#formbite-submission-report-search-form.uniForm .inlineLabels .chosen-container,
#formbite-submission-report-search-form.uniForm .inlineLabels .chosen-container input,
#assessment-report-search-form.uniForm .inlineLabels .chosen-container,
#assessment-report-search-form.uniForm .inlineLabels .chosen-container input,
#event-board-report-params-form.uniForm .inlineLabels .chosen-container,
#event-board-report-params-form.uniForm .inlineLabels .chosen-container input,
#engagement-report-search-form.uniForm .inlineLabels .chosen-container,
#engagement-report-search-form.uniForm .inlineLabels .chosen-container input,
#assessment-schedule-form.uniForm .inlineLabels .chosen-container,
#assessment-schedule-form.uniForm .inlineLabels .chosen-container input,
#oneline-publication-admin-add-form.uniForm .inlineLabels .chosen-container,
#oneline-publication-admin-add-form.uniForm .inlineLabels .chosen-container input,
#alert-admin-add-form .chosen-container,
#alert-admin-add-form .chosen-container input,
#announcement-admin-add-form .chosen-container,
#announcement-admin-add-form .chosen-container input,
#handout-admin-add-form .chosen-container,
#handout-admin-add-form .chosen-container input,
#associate-access-code .chosen-container,
#associate-access-code .chosen-container input,
#add-ons-add-page .chosen-container,
#add-ons-add-page .chosen-container input,
#category-admin-add-page .chosen-container,
#category-admin-add-page .chosen-container input,
#user-add-form .chosen-container,
#user-add-form .chosen-container input,
#current-user-account-form .chosen-container,
#current-user-account-form .chosen-container input,
#institution-admin-add-page .chosen-container,
#institution-admin-add-page .chosen-container input,
#product-types-admin-add-form .chosen-container,
#product-types-admin-add-form .chosen-container input,
#kh-territory-admin-add-form .chosen-container,
#kh-territory-admin-add-form .chosen-container input,
#grl-territory-admin-add-form .chosen-container,
#grl-territory-admin-add-form .chosen-container input,
#component-entityform-edit-form .chosen-container,
#component-entityform-edit-form .chosen-container input,
#component-entityform-edit-form .form-type-textfield input,
#component-entityform-edit-form .form-type-textarea textarea,
#edit-field-component-publisher-und,
#edit-owner-type,
#calender-admin-add-form .chosen-container,
#calender-admin-add-form .chosen-container input,
#assessment-report-form .chosen-container {
    width: calc(66%) !important;
}

#assessment-schedule-form .inlineLabels {
    padding: 0 !important;
}

.uniForm .inlineLabels ul {
    border: 2px solid #dfdfdf;
}

.uniForm .inlineLabels ul.add-publications-ul,
.uniForm .inlineLabels .noLabel ul,
.uniForm .inlineLabels ul.uniFormPageLayout {
    border: none;
}

.uniForm .inlineLabels .noLabel ul input {
    margin-top: 0;
}

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
    margin-right: 0;
}

.uniForm .inlineLabels ul input[type=radio] {
    width: 15px !important;
}

#usage-report-search-form.uniForm .inlineLabels #ur-users-div .chosen-container {
    width: calc(66% - 4px) !important;
    border: 2px solid #dfdfdf;
}

#usage-report-search-form.uniForm .inlineLabels #ur-users-div .chosen-container ul {
    padding-left: 6px;
}

.chosen-container-multi .chosen-choices {
    border: none;
}

#form-component-entityform-edit-form.uniForm .inlineLabels ul,
#assessment-component-entityform-edit-form.uniForm .inlineLabels ul {
    border: none;
}

#assessment-component-entityform-edit-form.uniForm .inlineLabels ul input.form-checkbox,
#assessment-component-entityform-edit-form.uniForm .inlineLabels ul input.form-radio,
#form-component-entityform-edit-form.uniForm .inlineLabels ul input.form-checkbox,
#form-component-entityform-edit-form.uniForm .inlineLabels ul input.form-radio {
    margin-top: 0px;
}

#component-entityform-edit-form .form-item .form-item {
    border-bottom: none;
    padding-bottom: 5px;
}

#component-entityform-edit-form .form-item label {
    width: 32%;
    float: left;
}

#component-entityform-edit-form .form-item input[type="radio"] {
    width: 13px;
    float: left;
    margin-right: 8px;
    margin-top: 4px;
}

#component-entityform-edit-form .form-item input[type="radio"]+label {
    width: calc(100% - 32px) !important;
    float: left;
}

#edit-owner-type .form-item-owner-type {
    width: 100%;
}

#edit-field-is-discoverable {
    margin-left: 0;
}

#edit-field-is-discoverable .form-item {
    padding-left: 33%;
    margin-left: 0;
    width: calc(68% - 7px) !important;
}

#component-entityform-edit-form #edit-field-is-discoverable .form-item input {
    float: left;
}

#user-add-form #edit-learning-disabled,
#user-add-form #edit-test-user,
#user-add-form #edit-is-paired,
#user-add-form #edit-email-verified,
#user-roleedit-form #edit-is-trial-access,
#user-roleedit-form #edit-is-trial-access-payment-done {
    margin-left: calc(32% + 9px);
}

#user-roleedit-form #edit-accommodation-time-multiplier,
#user-roleedit-form #edit-accommodation-extra-attempts,
#user-roleedit-form #edit-accommodation-extra-availability {
    width: calc(20% - 1px);
}

#user-add-form .form-item-is-paired label {
    padding-top: 3px;
}

#user-add-form .fieldset-wrapper .form-item label.option {
    width: calc(68% - 30px) !important;
}

#support-form-entityform-edit-form .leftCol {
    margin-left: 0 !important;
    width: calc(32% - 24px) !important;
    float: left;
    right: 0 !important;
}

#support-form-entityform-edit-form .rightCol {
    margin-left: 0 !important;
    width: 68% !important;
    float: left;
    right: 0 !important;
}

.toTheRight {
    margin-left: 0 !important;
    width: 68% !important;
    float: right;
    right: 0 !important;
}

#support-form-entityform-edit-form .toTheRight label {
    margin-left: 0 !important;
    width: calc(32% - 25px) !important;
    float: left;
    right: 0 !important;
    padding-right: 24px;
    padding-top: 10px;
    position: relative;
}

/* support form checkbox fields */
#support-form-entityform-edit-form .field-name-field-getting-an-error .form-type-checkbox label,
#support-form-entityform-edit-form .field-name-field-didn-t-receive-an-access-c .form-type-checkbox label {
    padding-top: 0;
}

#support-form-entityform-edit-form .field-name-field-getting-an-error .form-type-checkbox input,
#support-form-entityform-edit-form .field-name-field-didn-t-receive-an-access-c .form-type-checkbox input {
    width: auto !important;

}

#support-form-entityform-edit-form .noLabel.toTheRight label {
    width: calc(57% - 25px) !important;
}

#support-form-entityform-edit-form .ctrlHolder.ctrlRequiredInput.push_left.noLabel {
    width: calc(61% - 2px) !important;
    float: right;
}

#support-form-entityform-edit-form .noLabel input {
    margin: 0 2px 0 0;
}

#support-form-entityform-edit-form .ctrlHolder {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    clear: both;
}

#support-form-entityform-edit-form .toTheRight label:after {
    position: absolute;
    right: 10px !important;
    top: 4px !important;
}

#support-form-entityform-edit-form .toTheRight input,
#support-form-entityform-edit-form .toTheRight .form-radios {
    margin-left: 0 !important;
    width: 60% !important;
    float: left;
    right: 0 !important;
}

#support-form-entityform-edit-form .toTheRight .form-radios .form-item {
    margin: 13px 0 0 !important;
}

#support-form-entityform-edit-form .toTheRight .form-radios .form-item input {
    width: 30px !important;
    margin-left: 0 !important;
    float: left;
}

#support-form-entityform-edit-form .toTheRight .form-radios .form-item label {
    width: calc(100% - 36px) !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

#support-form-entityform-edit-form .buttonHolder {
    width: 100%;
    clear: both;
}

#support-form-entityform-edit-form .ctrlHolder.fullWidth {
    padding-top: 15px;
}

#support-form-entityform-edit-form .ctrlHolder.ctrlRequiredRadio.fullWidth {
    padding-top: 25px;
}

#support-form-entityform-edit-form label {
    position: relative;
}

#support-form-entityform-edit-form label span {
    width: 25px !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    /* left: calc(32% - 32px) !important; */
    top: 3px !important;
}

#support-form-entityform-edit-form .buttonHolder #edit-actions,
#support-form-entityform-edit-form .buttonHolder #edit-actions input {
    float: right !important;
    margin: 8px 0;
}

.fullWidth {
    clear: both;
    width: 100%;
}

#support-form-entityform-edit-form .fullWidth label {
    margin-left: 0 !important;
    width: calc(32% - 25px) !important;
    float: left;
    right: 0 !important;
    padding-right: 25px;
}

#support-form-entityform-edit-form .fullWidth label+div.resizable-textarea,
#support-form-entityform-edit-form .fullWidth label+div.form-radios {
    margin-left: 0 !important;
    width: calc(68% - 7px) !important;
    float: left;
    right: 0 !important;
}

#support-form-entityform-edit-form .fullWidth label+div.form-radios input {
    width: 30px !important;
    margin-left: 0 !important;
    float: left;
}

#support-form-entityform-edit-form .fullWidth label+div.form-radios label {
    width: calc(100% - 36px) !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

#assessment-component-entityform-edit-form fieldset.inlineLabels,
#second-step-assessment-form fieldset.inlineLabels {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    padding-top: 21px !important;
}

#second-step-assessment-form fieldset.inlineLabels .ctrlHolder {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#third-step-assessment-form {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#third-step-assessment-form #edit_assessment_dialog {
    width: 100% !important;
}

#component-entityform-edit-form fieldset.inlineLabels {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#support-form-entityform-edit-form .fullWidth .form-text {
    width: calc(68% - 7px) !important;
}

#assignment-entityform-edit-form .assignment_cancel {
    margin-left: 0 !important;
    color: #fff !important;
}

#assignment-entityform-edit-form #edit-submit {
    margin-right: 0 !important;
    right: 30px;
    position: relative;
    float: right;
}

#assignment-entityform-edit-form fieldset.inlineLabels {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

.page-entityform-edit #component-entityform-edit-form #edit-field-component-publisher label:first-child {
    width: 32% !important;
}

#component-entityform-edit-form #edit-course-created-form-custom {
    width: calc(66% - 1px) !important;
    float: left;
}

#component-entityform-edit-form .courseSelectCont .form-item-course-created-form-custom:nth-child(2) {
    float: left;
    width: 100%;
    margin-left: 0;
}

#component-entityform-edit-form #edit-save,
#component-entityform-edit-form #edit-submit2 {
    width: 105px !important;
}

#assignment-entityform-edit-form #edit-upload-file {
    margin-left: 0;
    width: calc(68% - 4px) !important;
    float: right;
}

#assignment-entityform-edit-form .multiField span {
    width: 32% !important;
    margin-right: 0;
}

#edit-field-component-publisher-und .form-radio {
    margin-left: 0;
}

#component-entityform-edit-form .form-item-course-created-form-custom label:first-child {
    margin-right: 2%;
}

#component-entityform-edit-form #edit-course-created-form-custom .form-item,
#component-entityform-edit-form .form-item.form-type-radio.form-item-field-component-publisher-und {
    padding-left: 4px !important;
}

#component-entityform-edit-form #edit-owner-type .form-item {
    padding-left: 4px;
}

#component-entityform-edit-form #edit-owner-type input[type=checkbox] {
    float: left;
    margin-top: 3px;
}

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

#support-form-entityform-edit-form .ctrlHolder.fullWidth p.formHint {
    margin-left: 0 !important;
    width: calc(68% - 7px) !important;
    float: right;
    right: 0 !important;
}

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

#sidebar-first {
    width: 189px !important;
}

#sidebar-first #block-system-navigation {
    padding-left: 0 !important;
}


#generate-access-code .fieldset-wrapper,
.info_box {
    width: calc(100% - 20px) !important;
    margin-top: 4px !important;
}

.info_box.info_box_puzzle a {
    display: block;
}

#lookup-accesscode-add-page .fieldset-wrapper {
    width: calc(100% - 30px);
    margin: 0 auto;
}

#mass-component-list .add-publications,
#lookup-accesscode-add-page .add-publications {
    width: calc(68% - 18px) !important;
    border: 2px solid #dfdfdf !important;
}

#grade-book-copy-form .add-publications {
    width: calc(68% - 27px) !important;
    position: relative;
}

.fieldset-wrapper input.form-text,
.fieldset-wrapper textarea.form-textarea,
.fieldset-wrapper select.form-select {
    width: calc(68% - 18px) !important;
    border: 2px solid #dfdfdf !important;
}

.form-item-date-element-popup .container-inline-date .date-padding {
    width: calc(100% - 55px) !important;
}

#lookup-accesscode-add-page #edit-start-fromcreated .form-item,
#lookup-accesscode-add-page #edit-start-endcreated .form-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#oneline-publication-admin-add-form input.form-checkbox {
    width: 30px;
}

#oneline-publication-admin-add-form .chkbox-center .form-item label.option {
    width: calc(100% - 48px);
}

.ui-dialog .ui-dialog-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.uniForm fieldset.inlineLabels .ctrlHolder {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.uniForm fieldset.inlineLabels .ctrlHolder .form-item {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.uniForm fieldset.inlineLabels .ctrlHolder .multiField .form-type-file {
    padding-left: 0 !important;
}

.uniForm fieldset.inlineLabels .ctrlHolder .multiField .form-type-file input {
    width: calc(100% - 15px);
}

form#grade-book-copy-form .add-publications span.form-required {
    position: absolute !important;
}

fieldset table td,
fieldset table td i,
fieldset table td i span {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}

#component-entityform-edit-form .form-item {
    width: calc(100% - 10px) !important;
}

#component-entityform-edit-form .form-item label {
    margin-right: 2%;
}

#component-entityform-edit-form div#edit-owner-type {
    margin-left: 0 !important;
}

#component-entityform-edit-form #edit-field-is-discoverable .form-item {
    padding-left: 34% !important;
}

#component-entityform-edit-form #edit-field-is-discoverable .form-item {
    width: 64% !important;
}

#lookup-accesscode-add-page .form-item-date-element-popup {
    padding-bottom: 7px !important;
}

#grade-book-copy-form .inlineLabels {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

#entityform_container {
    width: calc(100% - 1px) !important;
}

#products-add-page .fieldset-wrapper {
    margin-top: 0 !important;
}

#products-add-page .inlineLabels {
    width: calc(100% - 30px) !important;
}

#addonkey-lookup-form .fieldset-wrapper {
    width: calc(100% - 30px) !important;
}

#addonkey-lookup-form .fieldset-wrapper .fieldset-wrapper {
    width: calc(68% - 5px) !important;
}

#addonkey-lookup-form .fieldset-wrapper .fieldset-wrapper input {
    width: calc(100% - 5px) !important;
}

.page-product-product-list-accordian #products-add-page div.add-publications {
    border: 2px solid #dfdfdf !important;
}

#products-add-page .inlineLabels .add-publications {
    width: calc(68% - 34px) !important;
}

.clearfix #edit-fields .add-publications {
    width: calc(68% - 34px) !important;
}

.fieldset-wrapper input.form-text,
.fieldset-wrapper textarea.form-textarea {
    width: calc(68% - 24px) !important;
}

#user-add-form #edit-fields .form-textarea-wrapper,
.fieldset-wrapper select.form-select {
    width: calc(68% - 9px) !important;
}

.fieldset-wrapper .form-item,
.form-item-question {
    margin-bottom: 10px !important;
}

.fieldset-wrapper .form-item:first-of-type {
    margin-top: 10px !important;
}

.fieldset-wrapper .fieldset-wrapper .form-item:first-of-type {
    margin-top: auto !important;
}

#edit-purchase-online {
    margin-left: 35% !important;
}

.page-product-product-list-accordian #products-add-page #edit-submit {
    margin-right: 0;
    width: 105px;
}

.page-product-product-list-accordian #products-add-page .secondaryAction {
    margin-left: 0;
    width: calc(105px - 36px);
    color: #fff !important;
    text-align: center;
}

#products-add-page #edit_author_id_chosen {
    width: calc(68% - 22px) !important;
}

#edit-product-display-status {
    margin-left: calc(32% + 5px);
}

#product-types-admin-add-form .fieldset-wrapper,
#add-ons-add-page .fieldset-wrapper {
    margin-top: 15px;
}

.form-type-textfield.form-item-date-element-popup .date-wrapper-div {
    width: 32% !important;
}

.fieldset-wrapper input.form-text.addDatetimePicker {
    width: calc(68% - 55px) !important;
}

.chkbox-center {
    margin-left: 34%;
}

#oneline-publication-admin-add-form input.datepicker {
    width: calc(68% - 45px) !important;
}

#address-wrapper .form-item {
    margin-bottom: 5px !important;
}

#address-wrapper .form-item input {
    width: calc(100% - 9px) !important;
}

.fieldset-wrapper .adress_form .form-item-postal-code {
    float: left;
}

#address-wrapper .fieldset-wrapper .adress_form .form-item-city input,
#address-wrapper .fieldset-wrapper .adress_form .form-item-postal-code input {
    width: calc(100% - 8px) !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

#user-add-form--2 .fieldset-wrapper .adress_form .form-item-state-id,
.fieldset-wrapper .adress_form .form-item-city,
.fieldset-wrapper .adress_form .form-item-postal-code {
    width: 26% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

#user-add-form .form-item-state-id {
    width: calc(48% - 30px) !important;
    margin-left: 15px;
    margin-right: 15px;
}

#address-wrapper .fieldset-wrapper {
    padding: 0 !important;
}

#address-wrapper .fieldset-wrapper label {
    padding-left: 6px !important;
    padding-right: 3px !important;
}

#address-wrapper .adress_label {
    width: 32%;
    padding-left: 6px;
    padding-right: 3px;
}

#address-wrapper .fieldset-wrapper select.form-select {
    width: calc(68% - 12px) !important;
}

#address-wrapper .fieldset-wrapper .adress_form select.form-select {
    width: 100% !important;
}

#user-add-form .form-item .description {
    padding-left: calc(32% + 6px);
}

#user-add-form #address-wrapper .chosen-container {
    width: calc(68% - 12px) !important;
}

#user-add-form .form-textarea-wrapper textarea {
    width: 100% !important;
}

#user-add-form input.datepicker {
    width: calc(68% - 48px) !important;
}

#component-entityform-edit-form .form-item .description {
    margin-left: 32% !important;
    margin-top: 3px !important;
    padding-left: 12px;
}

#edit-fields--2 .fieldset-wrapper {
    padding: 0 30px 30px !important;
}

#edit-fields--2 .fieldset-wrapper ul li {
    margin-top: 15px;
}

#edit-fields--2 .fieldset-wrapper ul li li {
    margin-top: 0;
}

#announcement-admin-add-form .chosen-container-multi .chosen-choices {
    background-image: none !important;
    border: 2px solid #dfdfdf !important;
    background: #fff;
}

#announcement-admin-add-form select.form-select.chosen-processed {
    height: 28px !important;
}

.component_announcements_institution {
    background-color: #eee;
    list-style-type: none;
    border-top-left-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
}

.component_announcements_institution h3 {
    font-size: 1em;
    margin-top: 20px;
    padding: 3px 0 2px 10px;
    background-color: #d0d0d0;
    border-bottom: #aaa solid 1px;
    border-top-left-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
}

.component_announcements_institution ul {
    margin: 10px 25px 0 30px !important;
    padding-bottom: 0 !important;
    list-style-type: square;
}

.component_announcements_institution ul li {
    padding-bottom: 5px;
}

.component_announcements_course h3,
.component_announcements_course div {
    margin-top: 20px;
    padding: 0 0 0 3px;
    border-bottom: #aaa solid 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #e0e0e0;
}

.component_announcements_course {
    list-style-type: none;
}

.component_announcements_course ul {
    margin: 10px 0 0 30px !important;
}

.component_announcements_course ul li {
    padding-bottom: 5px;
}

#edit-fields--2 .ui-widget-content {
    border: none;
}

#edit-fields--2 .fieldset-wrapper {
    margin-top: 0 !important;
}

.region-content #edit-fields--2 ul,
.region-content #edit-fields--2 ol {
    margin: 0;
    padding: 0;
}

.component_announcements_institution_handout {
    list-style-type: none;
}

.component_announcements_institution_handout h3 {
    font-size: 1em;
    margin-top: 20px;
    padding: 3px 0 2px 10px;
}

.component_announcements_institution_handout ul {
    margin: 10px 25px 0 30px !important;
    padding-bottom: 0 !important;
    list-style-type: none;
}

.component_announcements_institution_handout ul li {
    padding-bottom: 5px;
    list-style-type: none;
}

#assessment-component-entityform-edit-form .ui-dialog input[type=radio] {
    width: 15px !important;
}

#page-component-entityform-edit-form .inlineLabels input#edit-component-layout-custom-3+label.option {
    width: calc(100% - 35px) !important;
}

.slicknav_btn {
    position: absolute;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 5px 8px;
    /* line-height: 1.125em; */
    cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 3px;
}

.slicknav_menu {
    *zoom: 1;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 15px;
    height: 16px;
    margin: 0;
}

#name-and-slogan .slicknav_menu .slicknav_icon {
    float: left;
    width: 39px;
    height: 16px;
    margin: 0;
}

#name-and-slogan .slicknav_menu .slicknav_icon:before {
    background: transparent;
    height: 16px;
    display: block;
    content: "Menu";
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 1px;
    left: 6px;
}

#name-and-slogan .slicknav_menu .slicknav_icon .slicknav_icon-bar {
    display: none;
}

#main-menu .slicknav_menu .slicknav_icon {
    float: left;
    width: 4px;
    height: 17px;
    margin: 0;
}

#main-menu .slicknav_menu .slicknav_icon:before {
    background: transparent;
    width: 4px;
    height: 17px;
    display: block;
    content: "";
    position: absolute;
}

.slicknav_menu .slicknav_no-text {
    margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

#main-menu .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}

.slicknav_nav {
    clear: both;
}

.slicknav_nav ul {
    display: block;
    padding: 4px;
}

.slicknav_nav ul li {
    display: block;
    border: none !important;
    padding: 0;
    margin: 0;
}

.slicknav_nav ul li.alert-link,
.slicknav_nav ul li.upload-link,
.slicknav_nav ul li.announce-link,
.slicknav_nav ul li.calendar-link,
.slicknav_nav ul li.mail-link,
.slicknav_nav ul li.lookup-link {
    display: block;
    border: none !important;
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_item a {
    display: inline;
    padding: 3px;
    margin: 0;
}

.slicknav_nav .slicknav_row {
    display: block;
}

.slicknav_nav a {
    display: block;
    font-weight: 700;
    padding: 5px 10px;
    margin: 2px 5px;
}

.slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.slicknav_brand {
    float: left;
}

.slicknav_menu {
    font-size: 13px;
    box-sizing: border-box;
    padding: 0;
}

.slicknav_menu * {
    box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
    visibility: hidden;
    width: 0;
    height: 0;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}

.slicknav_btn {
    margin: 0;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222;
}

.slicknav_nav {
    background: #414243;
    background: -moz-linear-gradient(top, #414243 0%, #666769 100%);
    background: -webkit-linear-gradient(top, #414243 0%, #666769 100%);
    background: linear-gradient(to bottom, #414243 0%, #666769 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414243', endColorstr='#666769', GradientType=0);
    margin: 0;
    padding: 28px 0 0;
    list-style: none;
    overflow: hidden;
    z-index: 50;
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 200px;
}

.slicknav_nav li {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #fff;
}

.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
}

.slicknav_nav a:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccc;
    color: #222;
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px;
}

.save_component_iframe {
    padding: 0 5px 0 5px;
    width: 100%;
}

.ui-dialog #confirmSave {
    padding: 0px 2% 0 1% !important;
}

.ui-dialog #confirmSave p {
    text-align: center;
    padding-top: 1%;
    margin-bottom: -2%;
}

#return_to_gradebook {
    clear: both;
    margin-left: 2%;
}

fieldset.gradebookoption .form-item-gradebook label[for="edit-gradebook"] {
    padding-left: 2%;
    float: left;
    margin: .6em 2% 0 0;
    line-height: 1;
    position: relative;
    width: 28%;
}

#export-gradebook-data .gradebook_export_title {
    font-size: 15px;
}

#export-gradebook-data-options .gradebook_export_options_title {
    font-size: 15px;
}

/*Survey admin submit button  */
#survey-component-entityform-edit-form #edit-actions input#edit-submit {
    float: right;
}

#survey-component-entityform-edit-form .ctrlHolder .form-type-checkbox {
    margin-left: 33.5%;
}

#survey-component-entityform-edit-form .ctrlHolder .form-type-checkbox label {
    width: auto;
}

#survey-component-entityform-edit-form .ctrlHolder .form-type-checkbox input {
    margin: 0;
}

.form-item-field-use-a-likert-scale-survey-und .description {
    padding-top: 6px;
}

#edit-field-survey-scoring-und.form-radios {
    width: 66%;
}

#edit-field-survey-scoring-und input[type="radio"] {
    width: auto;
}

#grid_display_all_rows_button {
    float: right;
}

.grid_sortable_message {
    font-style: italic;
    float: right;
}

/* Global font-size set for all admin form input values and selector options */
.content form .ctrlHolder input,
.content form .ctrlHolder select,
.content form .ctrlHolder textarea {
    font-size: 13px;
}

#admin-publication-view-page .ui-dialog-content.ui-widget-content {
    height: calc(45vh);
}

#admin-publication-view-page.uniForm .buttonHolder {
    margin: 3.5em 0 0 0;
}

/* autologout dialog box */
.autologout-dialog {
    margin: 0 auto !important;
    width: 250px !important;
    max-width: 80vw;
}

.form-type-checkbox.form-item-send-to-me input#edit-send-to-me {
    margin-left: 31%;
}

form#grade-book-copy-form .add-publications span.form-required {
    left: -17px !important;
}

/* component grid margin column change */
#manage_component_jqxgrid_container .jqx-grid-column-header div div span div.ui-icon {
    margin: 2px auto;
}

.jqx-grid-header-wrap {
    background: inherit;
}

form#form-component-fields .fieldset-wrapper .form-type-checkbox input {
    margin-left: calc(33%);
    margin-top: 0;
}

form#form-component-fields .gridwrapper {
    clear: both;
}

form#form-component-fields .form-item input.datepicker {
    width: calc(64% - 24px) !important;
}

form#form-component-fields .form-item label.option {
    float: none;
}

form#form-component-fields input.form-submit {
    clear: both;
}

form#form-component-fields .description {
    margin-left: calc(33%) !important;
}

html,
body,
form,
h1#page-title {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}

h1#page-title {
    font-size: 16.8px;
    padding-right: 125px;
}

form {
    font-size: 13.2px;
}

form input {
    font-size: 13.2px;
}

#access-code-enroll .form-item .description {
    font-size: 13.2px;
}

#webcom-registration-purchase-form .chosen-container,
#publication_select .chosen-container {
    width: calc(68% - 7px) !important;
}

#webcom-registration-purchase-form table tr th {
    width: 50% !important;
}

#webcom-registration-purchase-form table tbody tr td {
    width: calc(50% - 16px) !important;
}

#webcom-registration-purchase-form table tbody tr td:first-child {
    width: 30px !important;
}

#webcom-registration-purchase-form table tbody tr td:first-child input {
    width: 30px !important;
}

#messages .messages.status a {
    color: #000;
    font-weight: 900;
}

#commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content {
    padding: 0 !important;
}

#commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label {
    width: 32% !important;
    float: left;
    margin-top: 0;
}

#commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label+div {
    width: 66% !important;
    float: left;
    clear: right !important;
}

#commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label+div div {
    border: none !important;
}

#edit-form-title span,
#edit-form-title ul {
    width: calc(100% - 30px) !important;
}

#edit-form-title ul span {
    width: 16px !important;
}

#views-exposed-form-engagement-email-configuration-page {
    padding: 0 15px;
}

#views-exposed-form-engagement-email-configuration-page .views-exposed-widget {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 12px;
}

#views-exposed-form-engagement-email-configuration-page label {
    width: 32%;
    margin-right: 2%;
    float: left;
    font-weight: 400;
}

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
    margin-right: 2% !important;
}

#views-exposed-form-engagement-email-configuration-page .views-operator,
#views-exposed-form-engagement-email-configuration-page .views-widget {
    width: 66%;
    float: right;
}

#views-exposed-form-engagement-email-configuration-page input,
#views-exposed-form-engagement-email-configuration-page select,
#views-exposed-form-engagement-email-configuration-page .views-exposed-widget {
    width: 100%;
}

#views-exposed-form-engagement-email-configuration-page input {
    width: calc(100% - 12px);
}

#views-exposed-form-engagement-email-configuration-page input[type=submit] {
    width: 160px;
}

.view-id-engagement_email_configuration .view-empty h3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#engagement_emails_form .chosen-container.chosen-container-single,
    {
    width: 100%;
}

#engagement_emails_form .form-type-textfield input,
#engagement_emails_form.uniForm .inlineLabels select,
#engagement_emails_form.uniForm .inlineLabels .chosen-container {
    width: 66% !important;
}

#engagement_emails_form.uniForm .inlineLabels .formHint {
    margin-left: 34%;
}

#engagement_emails_form .form-type-textfield.form-item-begin-date input,
#engagement_emails_form .form-type-textfield.form-item-end-date input {
    width: calc(66% - 35px) !important;
}

#engagement_emails_form fieldset {
    padding: 10px 15px !important;
    width: calc(100% - 30px);
}

#engagement_emails_form .form-type-textfield input#edit-email-time {
    width: calc(66% - 7px) !important;
}

#lti_integrations_form.uniForm .inlineLabels .chosen-container {
    width: 66% !important;
}

#lti_integrations_form .description {
    margin-left: 34% !important;
}

#edit-uses-khp {
    margin-left: 0px;
}

#edit-uses-pescirrus {
    margin-left: 0px;
}

#update-ext-enroll-form .ui-dialog-content {
    padding: 0 !important;
}

#update-ext-enroll-form fieldset {
    padding: 10px 15px !important;
    width: calc(100% - 30px);
}

#update-ext-enroll-form.uniForm .inlineLabels .chosen-container,
#update-ext-enroll-form.uniForm .inlineLabels .chosen-container input {
    width: calc(66% - 1px) !important;
}

#user-add-form label {
    font-size: 13.2px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.no-close,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    max-width: 80%;
}

#confirmSave .save_component_iframe {
    position: relative;
    top: 5px;
}

.ui-dialog.ui-widget #commerce-suretax-address-validation-wrapper {
    padding: 5px 15px !important;
}

#engagement-report-search-form .ui-widget-content tr th+td {
    padding-left: 4px;
}

.gridwrapper .jqx-grid-header-wrap {
    border: 1px solid #a3a3a3;
    background: #333333 url(images/ui-bg_diagonals-thick_8_333333_40x40.png) 50% 50% repeat;
    color: #eeeeee;
    font-weight: bold;
}

.gridwrapper .jqx-grid-header-wrap span {
    color: #fff;
    border: none;
}

.gridwrapper .grid-buttons,
.gridwrapper .jqx-widget-header,
.gridwrapper .jqx-grid-pager {
    border: 2px solid #777777;
    background: #111111 url(../images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #fff;
    outline: none;
}

#block-system-main .grid-buttons .ui-icon a {
    color: #fff !important;
}

#block-system-main .grid-buttons .ui-icon a::before {
    background-image: url(../images/ui-icons_ffffff_256x240_expanded.png);
}

.gridwrapper .grid-buttons,
.gridwrapper .jqx-widget-header,
.gridwrapper .jqx-grid-pager {
    border: none !important;
    /* border-left: 1px solid #777 !important; */
    border-right: 1px solid #777 !important;
}

.grid-buttons .ui-icon {
    border-right: 2px solid #777;
}

.jqx-fill-state-normal-classic,
.jqx-widget-header-classic {
    background: #808080;
    font-weight: normal;
    color: #000;
    outline: none;
}

/* .jqx-grid-column-header .ui-icon {
    margin-top: 7px !important;
} */

.jqx-grid-column-header .ui-icon+span {
    display: none;
}

.jqx-grid-pager .jqx-fill-state-normal-classic .jqx-icon-arrow-down,
.jqx-grid-pager .jqx-widget-header-classic .jqx-icon-arrow-down {
    background-image: url(jqwidgets/images/icon-down-black.png) !important;
}

input[type=text].jqx-input,
input[type=password].jqx-input {
    background-color: #fff;
}

.jqx-grid-pager .jqx-fill-state-normal-classic,
.jqx-grid-pager .jqx-widget-header-classic {
    background-color: #fff;
}

.jqx-grid-column-header .jqx-fill-state-normal {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
}

.jqx-icon-arrow-left,
.jqx-icon-arrow-left-hover,
.jqx-icon-arrow-left-selected {
    background-image: url(jqwidgets/images/icon-left.png) !important;
}

.jqx-icon-arrow-right,
.jqx-icon-arrow-right-hover,
.jqx-icon-arrow-right-selected {
    background-image: url(jqwidgets/images/icon-right.png) !important;
}

.jqx-grid-pager-classic .jqx-rc-all.jqx-rc-all-classic.jqx-button.jqx-button-classic.jqx-widget.jqx-widget-classic.jqx-fill-state-normal.jqx-fill-state-normal-classic {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

.jqx-grid-pager-classic .jqx-icon-arrow-left,
.jqx-grid-pager-classic .jqx-icon-arrow-left-hover,
.jqx-grid-pager-classic .jqx-icon-arrow-left-selected {
    background-image: url(jqwidgets/images/icon-left-white.png) !important;
}

.jqx-grid-pager-classic .jqx-icon-arrow-right,
.jqx-grid-pager-classic .jqx-icon-arrow-right-hover,
.jqx-grid-pager-classic .jqx-icon-arrow-right-selected {
    background-image: url(jqwidgets/images/icon-right-white.png) !important;
}

input[type=text].jqx-input,
input[type=password].jqx-input {
    border-radius: 0 !important;
}

.jqx-fill-state-normal-classic,
.jqx-widget-header-classic {
    font-size: 11.5px;
}

#block-system-main .jqx-grid-column-header .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240_expanded.png);
}

.gridwrapper .grid-buttons {
    border: none;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
}

@media only screen and (max-width: 1000px) {

    #mass-component-list .add-publications,
    #grade-book-copy-form .add-publications,
    #lookup-accesscode-add-page .add-publications {
        width: 64% !important;
    }

    .region-header .block .content {
        margin-right: 3px;
    }
}

#edit-account .fieldset-wrapper .form-type-password-confirm .form-item {
    padding: 0;
}

#edit-account .fieldset-wrapper .form-type-password-confirm .form-item div.password-confirm {
    margin-top: 25px;
    margin-left: 6px;
    position: absolute;
}

#edit-account .fieldset-wrapper .form-type-password-confirm .password-strength {
    width: calc(73% - 7px) !important;
    float: right;
    margin-top: 6px;
    margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {
    #edit-account .fieldset-wrapper .form-type-password-confirm .form-item {
        padding: 0;
    }

    #edit-account .fieldset-wrapper .form-type-password-confirm .form-item div.password-confirm {
        margin-top: 55px;
        margin-left: 6px;
        position: absolute;
    }

    #edit-account .fieldset-wrapper .form-type-password-confirm .password-strength {
        width: 100% !important;
        float: right;
        margin-top: 6px;
        margin-bottom: 2px;
    }

    #gbsglView thead,
    .report_listing :not(td)>thead {
        display: none;
    }

    #gbsglView tr,
    .report_listing :not(td)>tr {
        display: block;
        position: relative;
        padding: 1.2em 0;
    }

    #gbsglView tr:first-of-type,
    .report_listing :not(td)>tr:first-of-type {
        border-top: 1px solid #ccc;
    }

    #gbsglView td,
    .report_listing :not(td)>td {
        display: table-row;
    }

    #gbsglView td:before,
    .report_listing :not(td)>td:before {
        content: attr(data-label);
        display: table-cell;
        font-weight: bold;
        padding: 0.2em 0.6em 0.2em 10px;
        text-align: right;
        font-size: 13.2px;
        position: relative;
    }

    #gbsglView td:last-child:after,
    .report_listing :not(td)>td:last-child:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid #ccc;
    }

    .report_listing {
        font-size: 13.2px;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
    }

    #gbsglView tr,
    .report_listing :not(td)>tr {
        padding-left: 15px;
        padding-right: 15px;
    }

    #gbsglView tr td,
    .report_listing :not(td)>tr td {
        width: 100%;
        font-size: 13.2px;
        border: none;
    }

    #gbsglView tr td a,
    #gbsglView tr td h3,
    .report_listing :not(td)>tr td a,
    .report_listing :not(td)>tr td h3 {
        font-size: 13.2px;
    }

    fieldset legend {
        border-radius: 0 !important;
    }

    #commerce-checkout-form-checkout fieldset .fieldset-wrapper {
        padding: 0 !important;
        margin-top: 0 !important;
    }

    #webcom-registration-purchase-form #edit-fields .form-item {
        padding: 0 15px !important;
    }

    #publication_select .chosen-container,
    #webcom-registration-purchase-form .chosen-container {
        width: 100% !important;
        max-width: calc(100vw - 45px);
    }

    #publication_select .form-item,
    #webcom-registration-purchase-form .form-item {
        width: calc(100% - 30px) !important;
        margin: 0 15px;
    }

    #publication_select #edit-fields .form-item.form-type-select,
    #webcom-registration-purchase-form #edit-fields .form-item.form-type-select,
    #publication_select #edit-fields .form-item.form-type-textfield,
    #webcom-registration-purchase-form #edit-fields .form-item.form-type-textfield {
        padding: 10px 15px !important;
    }

    #publication_select .form-item.form-type-select,
    #webcom-registration-purchase-form .form-item.form-type-select {
        margin: 0 !important;
    }

    #publication_select #edit-fields .fieldset-wrapper {
        margin-top: 0;
    }

    #publication_select fieldset .fieldset-wrapper,
    #webcom-registration-purchase-form fieldset .fieldset-wrapper {
        padding: 0 !important;
    }

    .ui-dialog .ui-dialog-titlebar {
        border-radius: 0 !important;
    }

    h1#page-title {
        padding-right: 0;
    }

    #content.column .section {
        padding-top: 5px !important;
    }

    #webcom-registration-purchase-form #edit-fields tr td,
    #webcom-registration-purchase-form #edit-fields tr td .form-item,
    #webcom-registration-purchase-form #edit-fields tr th {
        padding: 2px !important;
    }

    .cart-addons-msg {
        padding-left: 0;
    }

    .cart-addons-msg p {
        margin-left: 0;
        text-align: center;
    }

    .cart-addons-msg img {
        left: 15px;
    }

    .cart-addons-msg ul {
        margin-left: 35px;
    }

    #commerce-checkout-form-checkout .fieldset-wrapper select.form-select {
        width: 100% !important;
        background: #ffffff;
    }

    #commerce-checkout-form-checkout .fieldset-wrapper input {
        width: calc(100% - 11px) !important;
    }

    #commerce-checkout-form-checkout .fieldset-wrapper label {
        width: calc(100% - 11px) !important;
    }

    #commerce-checkout-form-checkout .form-item {
        width: calc(100% - 30px);
        max-width: calc(100vw - 45px);
    }

    #commerce-checkout-form-checkout .form-item .form-item {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* #user_switcher_div {
        top: 25px;
        right: 6px;
        position: relative !important;
    } */

    #component-entityform-edit-form #edit-course-created-form-custom .form-item,
    #component-entityform-edit-form .form-item.form-type-radio.form-item-field-component-publisher-und {
        padding-left: 0 !important;
    }

    #component-entityform-edit-form .form-item .description {
        padding-left: 0;
    }

    #page-hits-report-search-form.uniForm .inlineLabels .chosen-container {
        width: 100% !important;
    }

    .one-sidebar #content.column {
        width: calc(100%) !important;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div {
        min-width: calc(100% - 32px) !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div div {
        padding: 0;
    }

    #online-order-submission-entityform-edit-form label {
        padding-top: 4px;
    }

    #online-order-submission-entityform-edit-form input {
        margin-bottom: 12px;
    }

    #support-form-entityform-edit-form .leftCol {
        margin-left: 0 !important;
        width: 100% !important;
        float: left;
        right: 0 !important;
    }

    #support-form-entityform-edit-form .rightCol {
        margin-left: 0 !important;
        width: 100% !important;
        float: left;
        right: 0 !important;
    }

    #support-form-entityform-edit-form .inputdisplay .field-type-text label,
    #support-form-entityform-edit-form .inputdisplay .field-type-text input,
    #edit-field-choose-specific-issue label,
    #edit-field-choose-specific-issue div#edit-field-choose-specific-issue-und,
    #support-form-entityform-edit-form .fullWidth label,
    #support-form-entityform-edit-form .fullWidth label+div.resizable-textarea,
    #support-form-entityform-edit-form .fullWidth label+div.form-radios,
    #support-form-entityform-edit-form .ctrlHolder.fullWidth p.formHint {
        width: 100% !important;
    }

    #edit-field-choose-specific-issue div#edit-field-choose-specific-issue-und,
    #edit-field-rate-the-importance-of-you-und {
        margin-top: 10px;
    }

    #support-form-entityform-edit-form label span {
        width: 25px !important;
        display: block !important;
        position: relative !important;
        top: 0;
        float: left;
    }

    .ui-icon-mail-closed.align-centre+span {
        margin-left: 3px;
    }

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

    /* #support-form-entityform-edit-form .form-required {
        float: left !important;
    } */

    #online-order-lookup-list .clearfix {
        display: none;
    }

    #system_support fieldset .ctrlHolder.nonfeild.ctrlRequiredInput div span {
        position: relative;
        top: -15px;
        left: 1px;
    }

    .uniForm fieldset.inlineLabels .ctrlHolder.nonfeild label,
    .uniForm fieldset.inlineLabels .ctrlHolder.nonfeild .label {
        width: calc(100% - 40px) !important;
        margin: 0 10px 0 30px !important;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div {
        min-width: 50%;
        margin-left: 0 !important;
        position: relative;
    }

    #main-menu {
        overflow: visible;
    }

    #online-order-submission-entityform-edit-form .ctrlHolder .form-item:not(.grid-text) {
        padding: 0 15px !important;
    }

    #online-order-submission-entityform-edit-form fieldset {
        border: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #online-order-submission-entityform-edit-form fieldset fieldset {
        width: calc(100% - 1px);
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder {
        border: none;
        margin: 0;
        padding: 6px 0 0;
        width: 100%;
    }

    #online-order-submission-entityform-edit-form .multiField {
        padding-left: 15px;
        width: 100%;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderDateBegin] {
        padding: 0 15px 15px;
        width: calc(100% - 30px);
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin] {
        margin: -19px 0 7px;
        padding: 0 15px;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin] .form-item {
        margin-top: -19px;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder .multiField input {
        width: 100%;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder input {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder input {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form #edit_field_state_und_chosen {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form .multiField input#edit-field-order-total-min-und-0-value {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form .ctrlHolder .form-item:not(.grid-text) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #online-order-submission-entityform-edit-form #edit-field-order-date-start-und-0-value-datepicker-popup-0 {
        margin-left: 0 !important;
    }

    #online-order-submission-entityform-edit-form fieldset.date-combo .container-inline-date .date-padding#edit-field-order-date-start-und-0-value,
    #online-order-submission-entityform-edit-form fieldset.date-combo .container-inline-date .date-padding#edit-field-order-date-end-und-0-value {
        padding-left: 0 !important;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div div {
        margin-top: 4px;
    }

    #online-order-submission-entityform-edit-form .fieldset-wrapper .form-item label {
        padding-left: 0 !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder #edit-field-order-date-end-und-0-value input,
    #online-order-submission-entityform-edit-form fieldset .ctrlHolder #edit-field-order-date-start-und-0-value input {
        width: calc(100% - 35px) !important;
    }

    #online-order-submission-entityform-edit-form .multiField .ui-datepicker-trigger {
        top: 49px;
        right: 7px;
        position: absolute;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin] {
        margin: 5px 0 7px;
        padding: 7px 15px 10px 0;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderDateBegin] {
        padding: 7px 15px 10px 0;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin] {
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin]+div.multiField {
        float: left;
        display: inline-block;
        width: 100%;
        padding-top: 0 !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin]+div.multiField div div {
        margin-top: 0;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin]+div.multiField div div label {
        padding-top: 3px;
        margin-left: 0;
    }

    .messaging #main #content {
        width: 100%;
    }

    .form-item-date-element-popup img.ui-datepicker-trigger {
        margin-top: 3px !important;
    }

    #mass-component-list .add-publications,
    #grade-book-copy-form .add-publications,
    #lookup-accesscode-add-page .add-publications {
        width: 64% !important;
    }

    #products-add-page .clearfix .add-publications {
        width: 62% !important;
    }

    #sidebar-first {
        width: 100%;
        column-count: 3;
    }

    .sidebar .section {
        padding: 0;
    }

    .one-sidebar #content.column {
        width: 100%;
    }

    #content .section,
    .sidebar .section {
        padding: 0;
    }

    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }

    #main_navigation {
        display: none;
    }

    #header {
        position: relative;
        height: auto;
        padding-bottom: 3px;
    }

    #name-and-slogan {
        display: block;
        position: absolute;
        top: 33px;
        left: 4px;
        z-index: 50;
    }

    #name-and-slogan .slicknav_btn {
        left: 0;
        display: block;
    }

    #sidebar-first {
        display: none;
    }

    #footer .region {
        margin-top: 0;
    }

    #main-menu {
        position: absolute;
        right: 4px;
        top: 46px;
        z-index: 50;
    }

    #main-menu .slicknav_btn {
        right: 0;
    }

    #main-menu .element-invisible {
        display: none;
    }

    .content {
        margin-top: 0;
    }

    #logo {
        left: 75px;
        position: relative;
    }

    .region-header {
        right: 25px;
        position: relative;
    }

    .region.region-content {
        width: 100%;
    }

    #mass-remove-component-list fieldset .fieldset-wrapper,
    #mass-component-list fieldset .fieldset-wrapper {
        padding: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 576px) {
    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label {
        width: calc(100% - 30px) !important;
        padding: 3px 15px;
    }

    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label p {
        padding: 0;
    }

    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label+div {
        width: calc(100% - 30px) !important;
        padding: 3px 15px;
        clear: both !important;
    }

    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label+select {
        width: calc(100% - 30px) !important;
        margin: 3px 15px;
        clear: both !important;
    }

    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content label+div input+label {
        width: calc(100% - 30px) !important;
        clear: right !important;
        padding: 0;
    }

    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content fieldset .fieldset-wrapper,
    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content fieldset .fieldset-wrapper .ctrlHolder,
    #commerce-checkout-form-extended-enroll .ui-dialog-content.ui-widget-content fieldset .fieldset-wrapper .ctrlHolder .form-item {
        padding: 0 !important
    }

    .page-entityform-edit #edit-field-course-created-for-und {
        margin-left: 0;
    }

    .user_enrollment_form_style.uniForm .ctrlHolder p {
        text-align: left !important;
    }

    #component-entityform-edit-form #edit-course-created-form-custom {
        width: 100% !important;
    }

    .reportInfoBox.info_box {
        width: calc(100% - 17px) !important;
        max-width: 100vw;
        text-align: center;
    }

    #lookup-accesscode-add-page .grid_sortable_message {
        bottom: 80px;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form fieldset #publication_add #webcom-registration-purchase-form fieldset {
        padding-top: 0;
        margin-top: 0;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table,
    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody,
    #commerce-checkout-form-review #webcom-registration-purchase-form table tr,
    #commerce-checkout-form-review #webcom-registration-purchase-form table td,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tr,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table td,
    #publication_add #webcom-registration-purchase-form table,
    #publication_add #webcom-registration-purchase-form table tbody,
    #publication_add #webcom-registration-purchase-form table tr,
    #publication_add #webcom-registration-purchase-form table td {
        border: none;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table tr,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tr,
    #publication_add #webcom-registration-purchase-form table tr {
        width: 100%;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table,
    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody,
    #commerce-checkout-form-review #webcom-registration-purchase-form table tr,
    #commerce-checkout-form-review #webcom-registration-purchase-form table th,
    #commerce-checkout-form-review #webcom-registration-purchase-form table td,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tr,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table th,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table td,
    #publication_add #webcom-registration-purchase-form table,
    #publication_add #webcom-registration-purchase-form table tbody,
    #publication_add #webcom-registration-purchase-form table tr,
    #publication_add #webcom-registration-purchase-form table th,
    #publication_add #webcom-registration-purchase-form table td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table thead,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table thead,
    #publication_add #webcom-registration-purchase-form table thead {
        display: none;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table tr,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tr,
    #publication_add #webcom-registration-purchase-form table tr {
        margin-bottom: 25px;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table th,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table th,
    #publication_add #webcom-registration-purchase-form table th {
        display: none;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table th,
    #commerce-checkout-form-review #webcom-registration-purchase-form table td,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table th,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table td,
    #publication_add #webcom-registration-purchase-form table th,
    #publication_add #webcom-registration-purchase-form table td {
        width: calc(100% - 35px);
        padding-left: 35px;
        position: relative;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table th:before,
    #commerce-checkout-form-review #webcom-registration-purchase-form table td:before,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table th:before,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:before,
    #publication_add #webcom-registration-purchase-form table th:before,
    #publication_add #webcom-registration-purchase-form table td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 100%;
        padding-left: 0;
        height: 15px;
        padding-top: 0;
        position: relative;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: left;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form fieldset,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form fieldset,
    #publication_add #webcom-registration-purchase-form fieldset {
        padding-top: 0;
        margin-top: 0;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td,
    #publication_add #webcom-registration-purchase-form table tbody tr td {
        width: 30px !important;
        float: right;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td:nth-child(1):before,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td:nth-child(1):before,
    #publication_add #webcom-registration-purchase-form table tbody tr td:nth-child(1):before {
        display: none;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td:nth-child(2),
    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td:nth-child(3),
    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td:nth-child(4),
    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td:nth-child(5),
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td:nth-child(2),
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td:nth-child(3),
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td:nth-child(4),
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td:nth-child(5),
    #publication_add #webcom-registration-purchase-form table tbody tr td:nth-child(2),
    #publication_add #webcom-registration-purchase-form table tbody tr td:nth-child(3),
    #publication_add #webcom-registration-purchase-form table tbody tr td:nth-child(4),
    #publication_add #webcom-registration-purchase-form table tbody tr td:nth-child(5) {
        width: calc(100% - 40px) !important;
        position: relative;
        float: left;
        margin-bottom: 2px;
    }

    #commerce-checkout-form-review #webcom-registration-purchase-form table tbody tr td:nth-child(3):empty,
    #views-form-commerce-cart-form-default #webcom-registration-purchase-form table tbody tr td:nth-child(3):empty,
    #publication_add #webcom-registration-purchase-form table tbody tr td:nth-child(3):empty {
        display: none;
    }

    .selectSection#commerce-checkout-form-review #webcom-registration-purchase-form table td:nth-child(2):before,
    .selectSection#views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:nth-child(2):before,
    .selectSection#publication_add #webcom-registration-purchase-form table td:nth-child(2):before {
        content: 'Section';
    }

    .selectSection#commerce-checkout-form-review #webcom-registration-purchase-form table td:nth-child(3):before,
    .selectSection#views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:nth-child(3):before,
    .selectSection#publication_add #webcom-registration-purchase-form table td:nth-child(3):before {
        content: 'Instructor';
    }

    .selectProduct#commerce-checkout-form-review #webcom-registration-purchase-form table td:nth-child(2):before,
    .selectProduct#views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:nth-child(2):before,
    .selectProduct#publication_add #webcom-registration-purchase-form table td:nth-child(2):before {
        content: 'Institution';
    }

    .selectProduct#commerce-checkout-form-review #webcom-registration-purchase-form table td:nth-child(3):before,
    .selectProduct#views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:nth-child(3):before,
    .selectProduct#publication_add #webcom-registration-purchase-form table td:nth-child(3):before {
        content: 'Publication';
    }

    .selectProduct#commerce-checkout-form-review #webcom-registration-purchase-form table td:nth-child(4):before,
    .selectProduct#views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:nth-child(4):before,
    .selectProduct#publication_add #webcom-registration-purchase-form table td:nth-child(4):before {
        content: 'Description';
    }

    .selectProduct#commerce-checkout-form-review #webcom-registration-purchase-form table td:nth-child(5):before,
    .selectProduct#views-form-commerce-cart-form-default #webcom-registration-purchase-form table td:nth-child(5):before,
    .selectProduct#publication_add #webcom-registration-purchase-form table td:nth-child(5):before {
        content: 'Price';
    }

    #commerce-checkout-form-checkout table,
    #commerce-checkout-form-checkout table tbody,
    #commerce-checkout-form-checkout table tr,
    #commerce-checkout-form-checkout table td, {
        border: none;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components),
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) tbody,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) tr,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) thead {
        display: none;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) tr {
        margin-bottom: 25px;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th {
        display: none;
    }

    #views-form-commerce-cart-form-default {
        padding: 0 15px 0 7px;
    }

    #commerce-checkout-form-checkout fieldset .messages.error {
        margin-top: 40px;
    }

    #commerce-checkout-form-checkout fieldset#edit-customer-profile-billing .fieldset-wrapper {
        margin-top: 35px !important;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td.views-field {
        width: calc(100% - 95px);
        padding-left: 95px;
        position: relative;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th:before,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 85px;
        height: 25px;
        padding-top: 4px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: right;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(1):before {
        content: 'Institution';
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(2):before {
        content: 'Publication';
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(3):before {
        content: 'Description';
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(4):before {
        content: 'Price';
    }

    #views-form-commerce-cart-form-default table,
    #views-form-commerce-cart-form-default table tbody,
    #views-form-commerce-cart-form-default table tr,
    #views-form-commerce-cart-form-default table td {
        border: none;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components),
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) tbody,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) tr,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) thead {
        display: none;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) tr {
        margin-bottom: 25px;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th {
        display: none;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td td {
        width: calc(100% - 95px);
        padding-left: 95px;
        position: relative;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th:before,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 85px;
        height: 25px;
        padding-top: 4px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: right;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(1):before {
        content: 'Institution';
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(2):before {
        content: 'Publication';
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(3):before {
        content: 'Description';
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td:nth-child(4):before {
        content: 'Price';
    }

    #commerce-checkout-form-review table,
    #commerce-checkout-form-review table tbody,
    #commerce-checkout-form-review table tr,
    #commerce-checkout-form-review table td {
        border: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components),
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) tbody,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) tr,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) thead {
        display: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) tr {
        margin-bottom: 25px;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th {
        display: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td td {
        width: calc(100% - 95px);
        padding-left: 95px;
        position: relative;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th:before,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 85px;
        height: 25px;
        padding-top: 4px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: right;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td td:nth-child(1):before {
        content: 'Institution';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:nth-child(2):before {
        content: 'Publication';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:nth-child(3):before {
        content: 'Description';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:nth-child(4):before {
        content: 'Price';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components).checkout-review tr.pane-title:nth-child(1) {
        display: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) table.commerce-price-formatted-components {
        width: 65%;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) table.commerce-price-formatted-components td {
        text-align: right;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td .view-commerce-cart-summary {
        padding: 0 15px;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td .view-commerce-cart-summary .view-commerce-cart-summary {
        padding-left: 15px;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) table.commerce-price-formatted-components td:before {
        content: '';
    }

    #views-form-commerce-cart-form-default table,
    #views-form-commerce-cart-form-default table tbody,
    #views-form-commerce-cart-form-default table tr,
    #views-form-commerce-cart-form-default table td {
        border: none;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components),
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) tbody,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) tr,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th,
    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) thead {
        display: none;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) tr {
        margin-bottom: 25px;
    }

    #views-form-commerce-cart-form-default table:not(.commerce-price-formatted-components) th {
        display: none;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td.views-field {
        width: calc(100% - 95px);
        padding-left: 95px;
        position: relative;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th:before,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 85px;
        height: 25px;
        padding-top: 4px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: right;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(1):before {
        content: 'Institution';
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(2):before {
        content: 'Publication';
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(3):before {
        content: 'Description';
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(4):before {
        content: 'Price';
    }

    #commerce-checkout-form-checkout table,
    #commerce-checkout-form-checkout table tbody,
    #commerce-checkout-form-checkout table tr,
    #commerce-checkout-form-checkout table td {
        border: none;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components),
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) tbody,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) tr,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) thead {
        display: none;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) tr {
        margin-bottom: 25px;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th {
        display: none;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td td {
        width: calc(100% - 95px);
        padding-left: 95px;
        position: relative;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) th:before,
    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 85px;
        height: 25px;
        padding-top: 4px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: right;
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(1):before {
        content: 'Institution';
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(2):before {
        content: 'Publication';
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(3):before {
        content: 'Description';
    }

    #commerce-checkout-form-checkout table:not(.commerce-price-formatted-components) td:nth-child(4):before {
        content: 'Price';
    }

    #commerce-checkout-form-review table,
    #commerce-checkout-form-review table tbody,
    #commerce-checkout-form-review table tr,
    #commerce-checkout-form-review table td {
        border: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components),
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) tbody,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) tr,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td {
        display: inline-block;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) thead {
        display: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) tr {
        margin-bottom: 25px;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th {
        display: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td td {
        width: calc(100% - 95px);
        padding-left: 95px;
        position: relative;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) th:before,
    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:before {
        content: ' ';
        float: left;
        display: inline-block;
        width: 85px;
        height: 25px;
        padding-top: 4px;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 900;
        text-align: right;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td td:nth-child(1):before {
        content: 'Institution';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:nth-child(2):before {
        content: 'Publication';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:nth-child(3):before {
        content: 'Description';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td:nth-child(4):before {
        content: 'Price';
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components).checkout-review tr.pane-title:nth-child(1) {
        display: none;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) table.commerce-price-formatted-components {
        width: 65%;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) table.commerce-price-formatted-components td {
        text-align: right;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td .view-commerce-cart-summary {
        padding: 0 15px;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) td .view-commerce-cart-summary .view-commerce-cart-summary {
        padding-left: 15px;
    }

    #commerce-checkout-form-review table:not(.commerce-price-formatted-components) table.commerce-price-formatted-components td:before {
        content: '';
    }

    #edit-commerce-payment div {
        padding: 0;
    }

    #edit-commerce-payment div label {
        width: calc(100% - 45px) !important;
    }

    #commerce-checkout-form-review #payment-details .form-item-commerce-payment-payment-details-credit-card-type input,
    #commerce-checkout-form-review #payment-details .form-item-commerce-payment-payment-details-credit-card-type select.form-select {
        width: 100% !important;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div {
        width: calc(100% - 30px) !important;
        padding: 8px 15px !important;
        position: relative;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration {
        width: 100%;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration div {
        width: calc(50% - 18px) !important;
        padding: 0 !important;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration div,
    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration div+span {
        display: inline-block;
        float: left;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration div+span {
        top: 34px;
        position: absolute;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration div.form-item-commerce-payment-payment-details-credit-card-exp-year {
        float: right;
        top: 34px;
        right: 15px;
        position: absolute;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration select {
        width: 100% !important;
        height: 27px;
        padding: 0 !important;
        position: relative;
        top: 0;
    }

    #commerce-checkout-form-review #edit-commerce-payment #payment-details div.commerce-credit-card-expiration div label {
        width: 100% !important;
    }

    #commerce-checkout-form-review fieldset.commerce_payment {
        margin-bottom: 0;
    }

    #commerce-checkout-form-review fieldset.checkout-buttons,
    #commerce-checkout-form-review fieldset.checkout-buttons .fieldset-wrapper,
    #commerce-checkout-form-review fieldset.checkout-buttons .fieldset-wrapper input {
        width: auto !important;
        margin: 10px 3px;
    }

    #system_support p,
    #support-form-entityform-edit-form .ctrlHolder.fullWidth p.formHint {
        padding: 2px 15px !important;
        width: calc(100% - 30px) !important;
    }

    #support-form-entityform-edit-form label,
    #system_support fieldset .ctrlHolder.ctrlRequiredInput label,
    #system_support fieldset .ctrlHolder.ctrlRequiredInput label[for="edit-field-email-address-sup-und-0-value"] {
        width: auto !important;
    }

    #support-form-entityform-edit-form .inputdisplay .field-type-text label span {
        float: right;
    }

    #support-form-entityform-edit-form .fullWidth .form-text {
        width: 100% !important;
    }

    #support-form-entityform-edit-form .info_box {
        width: calc(100% - 21px) !important;
        height: 40px;
    }

    #webcom-registration-purchase-form .form-item,
    #publication_select .form-item {
        width: calc(100% - 30px) !important;
        margin: 0;
        padding: 0 15px !important;
    }

    .form-item label {
        padding-bottom: 4px;
    }

    #oneline-publication-admin-add-form input.datepicker {
        width: calc(100% - 45px) !important;
    }

    #edit-reg-start-date--2,
    #edit-reg-end-date--2,
    #edit-ur-end-date--2,
    #edit-ur-start-date--2 {
        width: calc(100% - 33px) !important;
    }

    #usage-report-search-form.uniForm .inlineLabels #ur-users-div .chosen-container {
        width: calc(100% - 4px) !important;
        border: 2px solid #dfdfdf;
    }

    #edit-ur-limit-logs-to-section {
        margin-left: 0 !important;
    }

    #user-add-form .form-item .description {
        padding-left: 0;
    }

    #user-add-form #address-wrapper .chosen-container,
    #address-wrapper .fieldset-wrapper select.form-select {
        width: calc(100%) !important;
    }

    #user-add-form--2 .fieldset-wrapper .adress_form .form-item-state-id,
    .fieldset-wrapper .adress_form .form-item-city,
    .fieldset-wrapper .adress_form .form-item-postal-code {
        width: calc(100% - 30px) !important;
    }

    #user-add-form .form-item-state-id {
        width: calc(100% - 30px) !important;
        margin-left: 0;
        margin-right: 0;
    }

    #user-add-form input.datepicker {
        width: calc(100% - 40px) !important;
    }

    #user-add-form #edit-fields .form-textarea-wrapper,
    .fieldset-wrapper select.form-select {
        width: calc(100%) !important;
    }

    .uniForm .inlineLabels .textInput,
    .uniForm .inlineLabels .fileUpload,
    .uniForm .inlineLabels .selectInput,
    .uniForm .inlineLabels select,
    .uniForm .inlineLabels textarea {
        float: left;
        width: 66%;
    }

    .entitytype-component-form .save-as {
        padding: 8px 12px 8px 13px !important;
    }

    #oneline-publication-admin-add-form .form-item-page-layout ul.uniFormPageLayout {
        margin-left: 0;
    }

    #oneline-publication-admin-add-form .uniFormPageLayout input {
        width: 25px;
        float: left !important;
    }

    #oneline-publication-admin-add-form.uniForm .inlineLabels ul li {
        margin: 0 11px 0 0;
    }

    #oneline-publication-admin-add-form .chkbox-center {
        margin-left: 0;
    }

    #oneline-publication-admin-add-form .chkbox-center input.form-checkbox {
        width: 30px;
    }

    #oneline-publication-admin-add-form .chkbox-center label.option {
        width: calc(100% - 38px) !important;
    }

    #online-order-submission-entityform-edit-form .ctrlHolder .form-item.form-type-date-popup,
    #online-order-submission-entityform-edit-form .ctrlHolder .form-item.form-type-date-popup .form-item {
        padding: 8px 0 !important;
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder #edit-field-order-date-end-und-0-value input,
    #online-order-submission-entityform-edit-form fieldset .ctrlHolder #edit-field-order-date-start-und-0-value input {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div div {
        margin-top: 7px;
    }

    #online-order-submission-entityform-edit-form .multiField .ui-datepicker-trigger {
        top: 67px;
        right: 7px;
        position: absolute;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin]+div.multiField div div .form-item {
        padding: 7px 0 !important;
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderDateBegin]+div.multiField div div .form-item label {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin]+div.multiField div div .form-item label {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form fieldset.inlineLabels {
        width: 100% !important;
    }

    #addonkey-upload-form fieldset .fieldset-wrapper,
    #addonkey-lookup-form fieldset .fieldset-wrapper {
        padding: 0;
    }

    #addonkey-upload-form .fieldset-wrapper .form-item:not(.grid-text),
    #addonkey-lookup-form .fieldset-wrapper .form-item:not(.grid-text) {
        width: calc(100% - 30px) !important;
    }

    #addonkey-lookup-form .fieldset-wrapper .form-item.form-type-date-popup {
        width: 100% !important;
    }

    #lookup-accesscode-add-page .form-item-date-element-popup .container-inline-date .date-padding,
    #addonkey-lookup-form .form-item-date-element-popup .container-inline-date .date-padding {
        width: calc(100% - 28px) !important;
    }

    #lookup-accesscode-add-page .form-item-date-element-popup .container-inline-date .date-padding .form-item,
    #addonkey-lookup-form .form-item-date-element-popup .container-inline-date .date-padding .form-item {
        width: calc(100% - 20px) !important;
    }

    #addonkey-lookup-form .form-item-date-element-popup .container-inline-date .date-padding .form-item {
        width: calc(100% - 5px) !important;
    }

    .ui-widget-content {
        border: none !important;
    }

    #usage-report-search-form #edit-ur-limit-logs-to-section {
        width: 30px;
        margin-left: 0;
    }

    #usage-report-search-form #edit-ur-limit-logs-to-section+label {
        width: calc(100% - 37px) !important;
    }

    .uniForm .ctrlHolder {
        max-width: 576px;
    }

    .uniForm .ctrlHolder p {
        margin-right: 0 !important;
        float: left;
        display: inline;
        text-align: center !important;
        padding: 0 15px !important;
    }

    .uniForm .ctrlHolder p span {
        margin-right: 0 !important;
        text-align: center !important;
    }

    #page-hits-report-search-form #edit-submit,
    #registration-count-search-form #edit-submit,
    #usage-report-search-form #edit-submit,
    #form-report-search-form #edit-submit,
    #form-report-search-form #edit-reset,
    #assessment-report-search-form #edit-submit,
    #poll-report-search-form #edit-submit,
    #forum-report-search-form #edit-submit,
    #survey-report-search-form #edit-submit,
    #likert-survey-report-search-form #edit-submit,
    #resource-report-search-form #edit-submit,
    #formbite-report-search-form #edit-submit,
    #formbite-submission-report-search-form #edit-submit,
    #engagement-report-search-form #edit-submit,
    #oneline-publication-admin-add-form #edit-submit,
    #forum-report-search-form #edit-submit {
        width: auto !important;
    }

    #form-report-search-form .form-type-radio input,
    #assessment-report-search-form .form-type-radio input,
    #survey-report-search-form .form-type-radio input,
    #formbite-report-search-form .form-type-radio input {
        width: 30px;
    }

    #form-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) label,
    #form-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) .label,
    #assessment-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) label,
    #assessment-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) .label,
    #survey-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) label,
    #survey-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) .label,
    #formbite-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) label,
    #formbite-report-search-form.uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) .label {
        width: calc(100% - 35px) !important;
    }

    #form-report-search-form .form-type-radio,
    #assessment-report-search-form .form-type-radio,
    #survey-report-search-form .form-type-radio,
    #formbite-report-search-form .form-type-radio {
        width: 100% !important;
        padding: 8px 0 0 !important;
        margin: 0 !important;
    }

    #form-report-search-form .form-radios,
    #assessment-report-search-form .form-radios,
    #survey-report-search-form .form-radios,
    #formbite-report-search-form .form-radios {
        width: 100% !important;
    }

    .uniForm fieldset.inlineLabels {
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
    }

    .ui-dialog .ui-dialog-content {
        padding: 0 !important;
    }

    .uniForm .inlineLabels .ctrlHolder label,
    .uniForm .inlineLabels .ctrlHolder .label {
        width: calc(100% - 30px) !important;
        margin: 0 15px !important;
    }

    #survey-component-entityform-edit-form .add-publications {
        width: 95% !important;
        margin: 0 1% 0 1%;
    }

    #survey-component-entityform-edit-form #edit-actions input#edit-submit {
        float: none;
    }

    #survey-component-entityform-edit-form .formHint {
        float: none;
        margin: 0;
    }

    #survey-component-entityform-edit-form .ctrlHolder div.form-type-checkbox {
        margin-left: 0;
    }

    #survey-component-entityform-edit-form .ctrlHolder .form-type-checkbox label {
        width: auto !important;
    }

    .uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) label,
    .uniForm .inlineLabels .ctrlHolder .form-item:not(.grid-text) .label {
        width: calc(100%) !important;
        margin: 0 !important;
    }

    .cfUniForm-form-container .form-item-reflink input.form-text,
    .cfUniForm-form-container .form-item-add-name input.form-text,
    .cfUniForm-form-container .form-type-textfield input.form-text {
        width: 100% !important;
    }

    #products-add-page .cfUniForm-form-container .form-item-reflink input.form-text,
    #products-add-page .cfUniForm-form-container .form-item-add-name input.form-text,
    #products-add-page .cfUniForm-form-container .form-type-textfield input.form-text {
        width: calc(100% - 30px) !important;
    }

    .cfUniForm-form-container .multiField {
        padding-left: 0;
    }

    .cfUniForm-form-container .multiField div div {
        min-width: 50%;
        margin-left: 0 !important;
    }

    #online-order-submission-entityform-edit-form #edit-actions {
        width: 100% !important;
    }

    #online-order-submission-entityform-edit-form #edit-submit {
        width: calc(50% - 23px) !important;
        margin-left: 0 !important;
        float: right;
    }

    #field-order-date-start-add-more-wrapper,
    #field-order-date-end-add-more-wrapper {
        margin-top: 2px !important;
    }

    #online-order-submission-entityform-edit-form #edit-field-order-date-start-und-0-value-datepicker-popup-0 {
        margin-left: 0 !important;
    }

    #online-order-submission-entityform-edit-form .multiField input#edit-field-order-total-min-und-0-value,
    #online-order-submission-entityform-edit-form .multiField input#edit-field-order-total-max-und-0-value {
        width: calc(100% - 7px) !important;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div .form-item-field-order-total-max-und-0-value,
    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div .form-item-field-order-date-end-und-0-value {
        margin-left: 7px !important;
    }

    #online-order-submission-entityform-edit-form .multiField .form-item-field-order-total-min-und-0-value label,
    #online-order-submission-entityform-edit-form .multiField .form-item-field-order-total-max-und-0-value label {
        width: 32px;
    }

    #online-order-submission-entityform-edit-form .multiField input {
        width: 100% !important;
    }

    .page-product-product-list-accordian #products-add-page .ui-dialog div.form-item {
        margin: 0;
    }

    #accordion #products-add-page .form-item.grid-text div.clearfix[style],
    #accordion #addonkey-lookup-form .form-item.grid-text div.clearfix[style] {
        margin: 15px !important;
    }

    #accordion #products-add-page .add-publications {
        width: calc(100% - 15px) !important;
    }

    .uniForm .inlineLabels .formHint {
        margin: 0 15px;
        text-align: center;
    }

    .page-product-product-list-accordian #accordion #products-add-page .ui-dialog div.form-item:first-child {
        margin: 0;
    }

    #generate-access-code .form-item-role select {
        width: 100% !important;
    }

    a.user-folder {
        width: 100%;
    }

    ins.jstree-icon {
        display: none;
    }

    li.jstree-leaf {
        width: 100%;
    }

    li.jstree-leaf a {
        width: 100%;
        font-weight: 700 !important;
    }

    ul.folder_tree li a,
    ul.folder_tree li span {
        color: #d04a06 !important;
        float: left;
    }

    ul.folder_tree li span {
        top: 3px !important;
    }

    ul.folder_tree li:last-child a:first-child {
        display: none;
    }

    .messaging #main #content {
        width: 100%;
    }

    #sidebar-first {
        column-count: 2;
    }

    #main-menu {
        top: 61px;
    }

    #name-and-slogan {
        top: 49px;
    }

    #logo {
        padding-top: 0;
        clear: both;
        margin: 0 auto 30px;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .without-secondary-menu .region-header {
        clear: both;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        display: block;
        bottom: 0;
        width: 188px;
        text-align: center;
        right: auto;
    }

    .region-header .block {
        margin: 0;
        width: 100%;
    }

    #footer .block .content {
        padding: 0 15px;
    }

    #footer .block .content p {
        padding: 5px 0;
    }

    .fieldset-wrapper input.form-text,
    .fieldset-wrapper textarea.form-textarea,
    .fieldset-wrapper select.form-select {
        width: 100% !important;
    }

    #products-add-page .fieldset-wrapper input.form-text,
    #products-add-page .fieldset-wrapper textarea.form-textarea,
    #products-add-page .fieldset-wrapper select.form-select,
    #products-add-page .fieldset-wrapper label {
        width: calc(100% - 30px) !important;
        margin-left: 15px;
    }

    #grade-book-copy-form .fieldset-wrapper input.form-text,
    #grade-book-copy-form .fieldset-wrapper textarea.form-textarea,
    #grade-book-copy-form .fieldset-wrapper select.form-select,
    #grade-book-copy-form .fieldset-wrapper label {
        width: calc(100% - 30px) !important;
        margin-left: 15px;
    }

    #products-add-page .form-item:not(.grid-text) {
        padding: 0 !important;
    }

    #products-add-page .form-type-checkbox.form-item:not(.grid-text) input,
    #products-add-page .form-type-checkbox.form-item:not(.grid-text) label {
        margin: 8px 5px 8px 15px !important;
    }

    #copy_to_div select,
    #grade-book-copy-form #copy_to_div label {
        width: calc(100% - 30px) !important;
        margin-left: 15px !important;
    }

    #grade-book-copy-form .cfUniForm-form-container .form-item-reflink input.form-text,
    #grade-book-copy-form .cfUniForm-form-container .form-item-add-name input.form-text,
    #grade-book-copy-form .cfUniForm-form-container .form-type-textfield input.form-text {
        width: calc(100% - 30px) !important;
        margin-left: 15px !important;
    }

    .fieldset-wrapper input.form-text.addDatetimePicker {
        width: calc(100% - 47px) !important;
    }

    .fieldset-wrapper .form-item label {
        width: 100%;
        padding: 0;
    }

    .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 {
        width: calc(100% - 12px) !important;
    }

    .form-item:not(.grid-text) {
        padding: 8px 15px !important;
    }

    .ctrlHolder .form-item:not(.grid-text) {
        padding: 0 15px !important;
    }

    .ctrlHolder .form-type-radios .form-item {
        padding: 16px 0 !important;
    }

    .uniForm .inlineLabels .ctrlHolder .form-type-radios .form-item label {
        width: calc(100% - 30px) !important;
    }

    #edit-field-component-publisher-und .form-radio {
        margin-left: -8px !important;
    }

    .fieldset-wrapper {
        padding: 0;
        width: calc(100%) !important;
    }

    #permission-add .fieldset-wrapper .form-item:not(.grid-text),
    #permission-add .form-item-question {
        padding: 8px 8px !important;
    }

    #edit-read-perm input[type=radio],
    #edit-deploy-perm input[type=radio],
    #edit-remove-perm input[type=radio],
    #edit-edit-perm input[type=radio],
    #edit-copy-perm input[type=radio],
    #edit-del-perm input[type=radio] {
        width: 20px;
    }

    #component-entityform-edit-form .courseSelectCont .form-item-course-created-form-custom:nth-child(2) {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    #edit-course-created-form-custom-0.form-radio,
    #edit-course-created-form-custom-1.form-radio {
        width: 20px !important;
        float: left;
    }

    #component-entityform-edit-form .cfUniForm-form-container,
    #second-step-assessment-form .cfUniForm-form-container {
        overflow: hidden;
    }

    #component-entityform-edit-form #edit-actions {
        width: calc(100% - 30px) !important;
    }

    #component-entityform-edit-form .form-item {
        padding-bottom: 12px !important;
    }

    #faq-entityform-edit-form fieldset.inlineLabels {
        width: 100% !important;
    }

    #faq-entityform-edit-form .buttonHolder .form-actions {
        margin-right: -17px;
    }

    #oneline-publication-admin-add-form .ctrlHolder {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #edit-actions .form-submit {
        float: right !important;
    }

    #edit-actions .save-as.form-submit {
        float: left !important;
        width: auto;
        margin-left: 10px !important;
    }

    .uniForm #edit-field-submission-type select,
    .uniForm #edit-field-date-display select,
    .uniForm #edit-field-instructions textarea {
        width: 100% !important;
    }

    #edit-upload-file {
        margin-left: 0;
    }

    #edit-field-date-display .form-item .description {
        margin-left: 0;
    }

    .ui-dialog input {
        width: 100%;
    }

    .assignment_cancel {
        margin-left: 0 !important;
    }

    .add-publications {
        border: 2px solid #dfdfdf;
    }

    fieldset .fieldset-wrapper .form-item.grid-text .clearfix,
    #lookup-accesscode-add-page fieldset .fieldset-wrapper .form-item.grid-text .clearfix,
    #addonkey-lookup-form fieldset .fieldset-wrapper .form-item.grid-text .clearfix,
    #mass-remove-component-list fieldset .fieldset-wrapper .form-item.grid-text .clearfix,
    #grade-book-copy-form fieldset .fieldset-wrapper .form-item.grid-text .clearfix {
        width: calc(100% - 30px) !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    #grade-book-copy-form .clearfix {
        padding: 0 15px;
        width: calc(100% - 30px) !important;
    }

    #grade-book-copy-form label {
        width: 100% !important;
    }

    #grade-book-copy-form .inlineLabels {
        width: 100% !important;
    }

    #edit-submit {
        margin-right: 15px !important;
    }

    .requiredFieldText {
        text-align: center;
        font-size: .8em;
        color: #666;
        padding-right: 0;
    }

    #mass-component-list .add-publications,
    #grade-book-copy-form .add-publications,
    #mass-remove-component-list .add-publications,
    #lookup-accesscode-add-page .add-publications {
        width: calc(100% - 20px) !important;
    }

    #mass-component-list .grid-text .add-publications,
    #grade-book-copy-form .grid-text .add-publications,
    #lookup-accesscode-add-page .grid-text .add-publications,
    #addonkey-lookup-form .grid-text .add-publications,
    #mass-remove-component-list .grid-text .add-publications,
    #grade-book-copy-form .grid-text .add-publications {
        width: calc(100% - 10px) !important;
        border: 2px solid #dfdfdf;
    }

    #grade-book-copy-form #edit-submit {
        width: auto;
    }

    form p.formHint,
    .form-item.form-type-textfield.form-item-access-code .description {
        margin: 0 20px;
        text-align: center;
    }

    .form-item.form-type-textfield.form-item-access-code .description {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .form-item-date-element-popup img.ui-datepicker-trigger {
        margin: 0 !important;
        padding: 0 !important;
    }

    .fieldset-wrapper .form-item:not(.grid-text) .fieldset-wrapper .form-item {
        padding: 0 !important;
        width: calc(100% - 15px) !important;
    }

    .fieldset-wrapper .form-item:not(.grid-text) .date-wrapper-div {
        margin-top: 5px !important;
        width: calc(100% - 30px) !important;
    }

    #addonkey-lookup-form .fieldset-wrapper .form-item:not(.grid-text) .date-wrapper-div {
        margin-top: 5px !important;
        width: 100% !important;
    }

    .fieldset-wrapper .form-item:not(.grid-text) .fieldset-wrapper {
        margin-top: 5px !important;
        width: 100% !important;
    }

    .form-item-date-element-popup .container-inline-date .date-padding {
        width: calc(100% - 18px);
    }

    .fieldset-wrapper .form-item .form-item {
        margin-bottom: 7px;
    }

    #lookup-accesscode-add-page .form-item-date-element-popup {
        width: calc(100% - 30px) !important;
    }

    #component_dropbox_new_message .fieldset-wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }

    #privatemsg-new #component_dropbox_new_message .ui-dialog div.form-item {
        padding: 0 !important;
    }

    #privatemsg-new .add-publications {
        width: calc(100% - 16px) !important;
    }

    #privatemsg-new .formHint,
    #privatemsg-new .form-item {
        width: 100% !important;
        margin: 0 !important;
    }

    .ui-widget-content form.uniForm .inlineLabels .form-item label,
    .ui-widget-content form.uniForm .inlineLabels .form-item .label {
        font-size: 14px !important;
        font-family: Verdana, Arial, sans-serif !important;
        font-weight: 500 !important;
    }

    #block-system-main fieldset.inlineLabels .fieldset-wrapper .form-item select.form-select {
        width: 100% !important;
    }

    #block-system-main #products-add-page fieldset.inlineLabels .fieldset-wrapper .form-item select.form-select {
        width: calc(100% - 30px) !important;
    }

    #edit-purchase-online,
    #edit-field-needs-zooming-and-panning-und,
    #edit-field-spawn-browser-und,
    #edit-field-display-title-und,
    #edit-field-calevent-acesendate-und,
    #edit-field-calendar-event-for-access-und,
    #edit-field-calevent-acesendate-d-und,
    #edit-field-back-to-component-top-link-und,
    #edit-field-back-to-page-top-link-und,
    #edit-field-calendar-event-for-disabil-und,
    #edit-field-match-all-occurrences-of-g-und,
    #edit-field-glossary-term-match-is-cas-und,
    #edit-field-use-click-interface-for-gl-und,
    #edit-field-require-prerequisite-und {
        margin-left: 0;
    }

    .fieldset-wrapper input[type=email] {
        width: calc(100% - 12px) !important;
    }

    fieldset #address-wrapper fieldset .form-item input {
        width: calc(100% - 9px) !important;
    }

    .fieldset-wrapper .form-item label {
        margin-top: 0;
    }

    .form-item:not(.grid-text) {
        padding-top: 0 !important;
    }

    #current-user-account-form .form-item .description,
    #privatemsg-new fieldset p.formHint {
        margin-left: 0 !important;
    }

    .grid_sortable_message {
        position: absolute;
        bottom: 35px;
        right: 0;
    }

    .fieldset-wrapper .form-item label.option {
        width: calc(100% - 30px) !important;
    }

    .uniForm .ctrlHolder {
        padding: 10px 0;
    }

    .uniForm .inlineLabels .textInput,
    .uniForm .inlineLabels .fileUpload,
    .uniForm .inlineLabels .selectInput,
    .uniForm .inlineLabels select,
    .uniForm .inlineLabels textarea {
        width: 100% !important;
    }

    .cfUniForm-form-container .multiField {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .cfUniForm-form-container .multiField .form-item:not(.grid-text) {
        padding: 0 !important;
        width: 100% !important;
    }

    .cfUniForm-form-container .multiField .form-item:not(.grid-text) label {
        margin: 0 !important;
    }

    .page-product-product-list-accordian #products-add-page .ui-dialog div.form-item {
        padding: 0 0 10px !important;
    }

    .page-product-product-list-accordian #products-add-page .buttonHolder a.secondaryAction {
        font-size: 13.2px;
    }

    .page-product-product-list-accordian .ui-dialog .fieldset-wrapper {
        margin-top: 0;
    }

    #addonkey-upload-form .form-file {
        width: calc(100% - 10px);
    }

    #addonkey-upload-form .fieldset-wrapper select.form-select {
        width: calc(100% - 3px) !important;
    }

    .form-type-textfield.form-item-email-address .description {
        width: 100%;
        margin-left: 0;
    }

    .adress_label {
        width: calc(100% - 30px) !important;
        padding: 15px 15px 0;
    }

    fieldset#edit-address .adress_form {
        width: calc(100%) !important;
    }

    #user-add-form .statebox {
        width: calc(100%) !important;
    }

    .fieldset-wrapper .adress_form .form-item-state-id #edit_state_id_chosen,
    .fieldset-wrapper .adress_form .form-item-postal-code #edit-postal-code,
    .fieldset-wrapper .form-item-password #edit-password,
    .fieldset-wrapper .form-item-confirm-password #edit-confirm-password {
        width: calc(100% - 12px) !important;
    }

    #user-add-form #edit-learning-disabled,
    #user-add-form #edit-test-user,
    #user-add-form #edit-email-verified {
        margin-left: 0;
    }

    #user-add-form #edit-fields .form-textarea-wrapper {
        width: 100%;
    }

    #registration-search-form #edit-submit {
        width: auto !important;
        margin-right: 15px !important;
    }

    #edit-field-component-publisher-und .form-item {
        padding: 8px 10px !important;
    }

    #edit-field-component-publisher-und {
        padding-top: 6px !important;
    }

    #edit-field-component-publisher-und label {
        width: calc(100% - 30px) !important;
    }

    #edit-owner-type .form-item {
        padding: 8px 10px !important;
    }

    #edit-owner-type {
        padding-top: 6px !important;
        width: 100% !important;
    }

    #edit-owner-type .form-item-owner-type {
        width: calc(100% - 30px) !important;
    }

    #edit-owner-type label {
        width: calc(100% - 30px) !important;
    }

    #edit-field-component-owner-und,
    #edit-field-component-category-und {
        width: 100% !important;
    }

    #component-entityform-edit-form .form-item {
        padding-top: 10px !important;
    }

    #component-entityform-edit-form .form-item .description {
        margin-left: 0 !important;
    }

    #component-entityform-edit-form.uniForm fieldset.inlineLabels .ctrlHolder .form-item {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #component-entityform-edit-form.uniForm fieldset.inlineLabels .ctrlHolder .form-item label {
        margin-bottom: 3px !important;
    }

    #component-entityform-edit-form .form-item {
        width: calc(100% - 30px) !important;
    }

    #component-entityform-edit-form #edit-field-is-discoverable .form-item {
        width: calc(100% - 30px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #component-entityform-edit-form #edit-field-is-discoverable .form-item label {
        width: calc(100% - 60px) !important;
    }

    #component-entityform-edit-form .ctrlHolder p.requiredFieldText {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #component-entityform-edit-form .field-type-taxonomy-term-reference {
        margin: 0 !important;
    }

    #handout-admin-add-form .form-item-title .description {
        margin-left: 0 !important;
    }

    #edit-field-is-discoverable-und,
    .form-item-owner-type .form-radio {
        width: 13px;
    }

    #createmessage #edit-form-title {
        width: auto !important;
    }

    #edit-field-is-discoverable {
        margin-left: 0 !important;
    }

    .uniForm .inlineLabels .ctrlHolder .form-item.form-item-field-is-discoverable-und label {
        width: calc(100% - 23px) !important;
    }

    .inlineLabels {
        width: 100%;
    }

    #edit-field-component-type-und,
        {
        width: 100%;
    }

    #edit-field-component-publisher-und {
        width: calc(100% - 30px) !important;
    }

    #component-entityform-edit-form #edit-field-component-description-und-0-value {
        width: 100%;
    }

    #edit-field-component-publisher label:first-child {
        width: 100% !important;
    }

    #privatemsg-new #component_dropbox_new_message .ui-dialog div.form-item.form-type-textfield.form-item-subject {
        padding: 4px 15px !important;
    }

    #privatemsg-new #component_dropbox_new_message .ui-dialog div.form-item.form-type-textfield.form-item-subject input {
        width: calc(100% - 35px) !important;
    }

    #privatemsg-new #component_dropbox_new_message .ui-dialog label {
        right: auto !important;
    }

    #privatemsg-new #component_dropbox_new_message .ui-dialog div.form-item div.form-item {
        padding-left: 15px;
    }

    #createmessage #edit-fields .fieldset-wrapper {
        margin-top: 0 !important;
    }

    #createmessage .fieldset-wrapper {
        padding: 0 !important;
    }

    #createmessage .formHint {
        margin: 0 !important;
    }

    .clearfix #edit-fields .add-publications {
        width: calc(100% - 12px) !important;
    }

    #createmessage .form-item-send-to-me #edit-send-to-me {
        width: 13px !important;
    }

    #createmessage .form-item-send-to-me .description {
        padding: 5px 4px 0 !important;
    }

    #createmessage .attachment_wrapper {
        width: 100px !important;
    }

    fieldset legend {
        top: 0;
    }

    .uniForm .collapsible .ctrlHolder {
        top: 25px;
        position: relative;
        padding-left: 15px;
    }

    .uniForm .inlineLabels.collapsible .ctrlHolder label,
    .uniForm .inlineLabels.collapsible .ctrlHolder .label {
        margin: 0 !important;
    }

    #page-wrapper .uniForm .inlineLabels.collapsible .ctrlHolder a:link,
    #page-wrapper .uniForm .inlineLabels.collapsible .ctrlHolder a:visited {
        float: left;
        width: 100%;
    }

    #page-wrapper .uniForm .inlineLabels.collapsible .ctrlHolder.print_options,
    #page-wrapper .uniForm .inlineLabels.collapsible .ctrlHolder.print_options {
        padding-bottom: 30px !important;
    }

    .uniForm fieldset.inlineLabels.collapsible,
    .uniForm fieldset.inlineLabels.collapsed {
        padding-bottom: 30px !important;
    }

    .uniForm fieldset.inlineLabels .ctrlHolder label,
    .uniForm fieldset.inlineLabels .ctrlHolder .label {
        width: calc(100% - 20px) !important;
    }

    .uniForm fieldset.inlineLabels .subBlockLabel {
        margin-left: 0;
    }

    #cfU-E32348E9-8D6B-4A51-A83D7BD92DB1995C .collapsibleGroup6 #edit-field-add-operator {
        width: 20%;
    }

    .uniForm .inlineLabels .groupToggle p.formHint {
        margin: 0 -5px 0 5px;
    }

    .section h1 a {
        right: 15px;
        margin-top: 10px;
    }

    #assessment-component-entityform-edit-form .inlineLabels .noLabel ul {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #edit-field-base-grade-score label:first-child {
        width: 100% !important;
    }

    #second-step-assessment-form .inlineLabels .formHint {
        margin-left: 0 !important;
    }

    #form-component-entityform-edit-form .inlineLabels .noLabel ul,
    #second-step-assessment-form .inlineLabels .noLabel ul {
        width: 100% !important;
    }

    #edit_assessment_dialog {
        width: 100% !important;
    }

    #block-system-main {
        padding: 0;
    }

    .uniForm fieldset.inlineLabels .ctrlHolder {
        padding: 0 !important;
    }

    .uniForm#assessment-component-entityform-edit-form fieldset.inlineLabels .ctrlHolder {
        padding: 0 10px !important;
        width: calc(100% - 20px) !important;
    }

    #assessment-component-entityform-edit-form .ui-dialog div.form-item {
        padding-right: 0px !important;
    }

    #assessment-component-entityform-edit-form fieldset.inlineLabels,
    #second-step-assessment-form fieldset.inlineLabels {
        /* padding-top: 0 !important; */
        padding-bottom: 0 !important;
    }

    #assessment-component-entityform-edit-form label#points_assessment,
    #assessment-component-entityform-edit-form .point_assessment_right {
        float: left;
    }

    .uniForm#assessment-component-entityform-edit-form fieldset.inlineLabels .ctrlHolder {
        padding-bottom: 14px !important;
    }

    .uniForm#assessment-component-entityform-edit-form fieldset.inlineLabels #edit-field-disability-attempts {
        padding-top: 11px !important;
    }

    #assessment-component-entityform-edit-form .buttonHolder .form-actions {

        min-width: 250px;
    }

    #assessment-component-entityform-edit-form.uniForm fieldset.inlineLabels .ctrlHolder label,
    #assessment-component-entityform-edit-form.uniForm fieldset.inlineLabels .ctrlHolder .label {
        width: 100% !important;
    }

    #assessment-component-entityform-edit-form.uniForm .inlineLabels .groupToggle p.formHint {
        margin: 0;
        width: 100%;
        padding: 0 !important;
    }

    #assessment-component-entityform-edit-form fieldset.inlineLabels,
    #second-step-assessment-form fieldset.inlineLabels {
        padding-bottom: 10px !important;
    }

    #assessment-component-entityform-edit-form.uniForm .inlineLabels .inlineFields .form-text {
        width: 100% !important;
        margin-right: 0;
    }

    #assessment-component-entityform-edit-form fieldset select {
        width: 100% !important;
        margin-right: 0;
    }

    #second-step-assessment-form .ui-dialog input[type=checkbox] {
        width: 15px !important;
        margin-top: 0 !important;
    }

    #second-step-assessment-form .grid_sortable_message {
        position: relative;
        bottom: auto;
    }

    #second-step-assessment-form .add-publications {
        width: calc(100% - 10px) !important;
    }

    #second-step-assessment-form.uniForm .inlineLabels ul {
        border: none !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #third-step-assessment-form legend.collapsible {
        padding-right: 120px;
    }

    #third-step-assessment-form .pool_check_icon,
    #third-step-assessment-form .questionLinkIcon,
    #third-step-assessment-form .answerLinkIcon,
    #third-step-assessment-form .pool_uncheck_icon {
        width: 16px;
        float: left;
        margin-left: 0;
        margin-top: 3px;
    }

    #third-step-assessment-form .pool_check_uncheck a,
    #third-step-assessment-form .question_answer_show_hide a {
        width: calc(100% - 20px) !important;
        float: left;
        height: 16px;
        line-height: 2;
        margin-top: 3px;
    }

    #third-step-assessment-form .allPools {
        float: left;
        height: 85px;
    }

    #third-step-assessment-form .question_selection_styles {
        margin-top: 0;
    }

    /* #third-step-assessment-form .question_selection_styles input {
        width: 15px !important;
    } */

    #grade-book-copy-form.uniForm fieldset.inlineLabels .ctrlHolder {
        padding: 8px 0 12px !important;
    }

    #grade-book-copy-form #copy_to_div .chosen-container {
        width: calc(100% - 30px) !important;
        margin: 4px 15px 4px;
    }

    #products-add-page .inlineLabels {
        padding: 0 !important;
    }

    #products-add-page #edit_author_id_chosen {
        width: calc(100% - 30px) !important;
        padding: 0 15px !important;
    }

    #products-add-page .inlineLabels {
        width: calc(100%) !important;
    }

    #edit-product-display-status {
        margin-left: 0;
    }

    #addonkey-lookup-form .fieldset-wrapper {
        width: calc(100% - 0px) !important;
    }

    #deployed-pages fieldset .fieldset-wrapper {
        padding: 0;
    }

    #generate-access-code .fieldset-wrapper,
    .info_box {
        width: calc(100% - 30px) !important;
        margin-top: 4px !important;
        max-width: calc(100vw - 50px);
    }

    #access-code-view-or-download .access_code_download_link,
    #access-code-view-or-download input.form-submit {
        margin: 15px 5px;
    }

    #system_support fieldset .ctrlHolder.ctrlRequiredInput label+input {
        width: calc(100% - 10px) !important;
        display: block;
        padding-left: 1px !important;
        float: left;
    }

    #handout-admin-add-form table {
        width: calc(100% - 30px) !important;
        right: 15px !important;
        position: relative;
    }

    #handout-admin-add-form table td {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #system_support fieldset .ctrlHolder.ctrlRequiredInput {
        margin-bottom: 0;
    }

    #system_support fieldset {
        width: calc(100% - 20px);
        margin: 0 10px !important;
    }

    #block-system-main .pool_heading {
        padding: 15px 0;
    }

    .assessment_question_result ul,
    .study_guide_question_result ul {
        margin: 0 !important;
        padding: 22px 10px 10px 8px;
    }

    /* assessment table result width */
    .assessment_question_result table {
        table-layout: fixed;
        width: 100%;
        padding: 22px 10px 10px 8px;
    }

    #select-ins-page-path .fieldset-wrapper {
        padding: 0 !important;
        width: calc(100% - 30px);
    }

    #select-ins-page-path .fieldset-wrapper div.form-type-select,
    #select-ins-page-path .fieldset-wrapper div#replace_mass_div {
        width: calc(100% - 30px);
    }

    #select-ins-page-path .fieldset-wrapper div#replace_mass_div div.form-type-select {
        width: 100%;
    }

    #remove-page-path fieldset .fieldset-wrapper {
        padding: 0;
    }

    #remove-page-path p.formHint {
        margin-left: 20px !important;
    }

    #block-system-main .content #ascPageText {
        padding: 0 15px;
    }

    #block-system-main .content div.gridwrapper div {
        padding: 0;
    }

    #page-title a {
        right: 15px;
    }

    #registration-count-search-form #edit-publisher input {
        width: 30px !important;
    }

    #online-order-submission-entityform-edit-form .ctrlHolder .form-item:not(.grid-text) {
        padding: 0 !important;
    }

    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderDateBegin],
    #online-order-submission-entityform-edit-form fieldset .ctrlHolder label[for=orderTotalMin] {
        padding: 15px 15px 0 !important;
        margin: 0 !important;
        width: calc(100% - 30px) !important;
    }

    #online-order-submission-entityform-edit-form .multiField {
        padding: 0 !important;
        margin: 0 !important;
    }

    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div .form-item-field-order-total-max-und-0-value,
    #online-order-submission-entityform-edit-form .cfUniForm-form-container .multiField div div .form-item-field-order-date-end-und-0-value {
        margin-left: 0 !important;
    }

    /* #calender-admin-add-form .form-item:not(.grid-text), */
    /* #associate-access-code .form-item:not(.grid-text) {
        padding: 0 !important;
    } */

    #calender-admin-add-form fieldset .fieldset-wrapper,
    #associate-access-code fieldset .fieldset-wrapper {
        padding: 0 !important;
    }

    #calender-admin-add-form .fieldset-wrapper,
    #associate-access-code .fieldset-wrapper {
        margin-top: 0;
    }

    #calender-admin-add-form .fieldset-wrapper textarea.form-textarea,
    #associate-access-code .fieldset-wrapper textarea.form-textarea {
        margin-right: 0;
    }

    #alerts {
        padding: 0 15px;
    }

    #createmessage .formHint {
        margin: 15px !important;
    }

    #createmessage .fieldset-wrapper .form-item:not(.grid-text) {
        width: calc(100% - 30px);
    }

    #createmessage .fieldset-wrapper .form-item.form-item-message-value {
        width: 100%;
        padding: 0 !important;
    }

    #createmessage .fieldset-wrapper .formHint {
        margin-left: 0 !important;
    }

    #createmessage .form-item-send-to-me #edit-send-to-me {
        margin-top: 6px;
    }

    #createmessage .fieldset-wrapper .form-item label {
        width: calc(100% - 15px) !important;
    }

    #createmessage #edit-fields .add-publications,
    #createmessage .fieldset-wrapper input.form-text,
    #createmessage .fieldset-wrapper textarea.form-textarea,
    #createmessage .fieldset-wrapper select.form-select {
        width: calc(100% - 15px) !important;
    }

    #page-component-entityform-edit-form.uniForm .ctrlHolder {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul li {
        width: calc(50% - 10px) !important;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radios label,
    #page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radios .label,
    #page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio label,
    #page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio .label {
        margin-right: 0 !important;
        width: calc(100% - 36px) !important;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels .form-item-virtual-component-layout-custom input {
        margin-right: 5px !important;
        width: 30px !important;
    }

    #page-component-entityform-edit-form #edit-field-access-begin-date {
        width: 100%;
    }

    #page-component-entityform-edit-form .ctrlHolder .form-type-checkbox label.option {
        width: calc(100% - 36px) !important;
        margin-right: 0 !important;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels {
        width: calc(100%) !important;
        padding: 5px 0 !important;
    }

    #field-selected-component-add-more-wrapper .form-item .description {
        margin-left: 0;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels .ctrlHolder label,
    #page-component-entityform-edit-form.uniForm .inlineLabels .ctrlHolder .label {
        margin-left: 0 !important;
    }

    #page-component-entityform-edit-form .form-checkbox {
        margin-left: 0;
    }

    #page-component-entityform-edit-form .description {
        margin-left: 0;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels .textInput,
    #page-component-entityform-edit-form.uniForm .inlineLabels .fileUpload,
    #page-component-entityform-edit-form.uniForm .inlineLabels .selectInput,
    #page-component-entityform-edit-form.uniForm .inlineLabels select,
    #page-component-entityform-edit-form.uniForm .inlineLabels textarea {
        width: calc(100%) !important;
    }

    #edit-component-layout-custom,
    #edit-virtual-component-layout-custom {
        width: 100% !important;
    }

    #page-component-entityform-edit-form.uniForm .inlineLabels .form-type-radio ul.uniFormPageLayout {
        margin-left: 0 !important;
        width: calc(100% - 1px) !important;
        margin-top: 10px;
    }

    #page-component-entityform-edit-form .form-item-page-layout .description {
        margin-left: 0;
    }

    #associate-access-code .fieldset-wrapper .form-item label,
    #associate-access-code .form-item-reflink input.form-text,
    #associate-access-code .form-item-add-name input.form-text,
    #associate-access-code .form-type-textfield input.form-text,
    #online-order-submission-entityform-edit-form .fieldset-wrapper .form-item label,
    #online-order-submission-entityform-edit-form .form-item-reflink input.form-text,
    #online-order-submission-entityform-edit-form .form-item-add-name input.form-text,
    #online-order-submission-entityform-edit-form .form-type-textfield input.form-text,
        {
        width: 100% !important;
    }

    #associate-access-code .ctrlHolder .form-item:not(.grid-text),
    #online-order-submission-entityform-edit-form .ctrlHolder .form-item:not(.grid-text) {
        padding: 8px 15px !important;
        width: calc(100% - 30px) !important;
    }

    #online-order-submission-entityform-edit-form .form-item-field-order-total-min-und-0-value {
        margin-left: 0 !important;
    }

    #online-order-submission-entityform-edit-form .ctrlHolder .form-type-date-popup.form-item:not(.grid-text) {
        padding: 0 !important;
        width: calc(100% - 30px);
    }

    #online-order-submission-entityform-edit-form fieldset.date-combo .container-inline-date .date-padding {
        padding: 0;
    }

    #generate-access-code #edit_product_chosen,
    #generate-access-code .form-item-role select {
        width: calc(100%) !important;
    }

    #generate-access-code #edit-quantity {
        width: calc(100% - 15px) !important;
    }

    #generate-access-code .form-item.form-type-textfield.form-item-role {
        padding: 0 0 4px 0 !important;
        width: 100% !important;
    }

    #generate-access-code .info_box,
    #associate-access-code .info_box {
        width: calc(100% - 40px) !important;
        margin: 10px;
    }

    #generate-access-code fieldset .fieldset-wrapper,
    #lookup-accesscode-add-page fieldset .fieldset-wrapper {
        padding: 0;
    }

    #generate-access-code .fieldset-wrapper .form-item,
    #generate-access-code .form-item-question {
        margin-bottom: 0;
    }

    #lookup-accesscode-add-page .fieldset-wrapper .form-item.grid-text {
        width: 100% !important;
    }

    #lookup-accesscode-add-page .fieldset-wrapper .form-item.form-type-date-popup {
        width: calc(100% - 15px) !important;
    }

    #generate-access-code .fieldset-wrapper .form-item,
    #lookup-accesscode-add-page .fieldset-wrapper .form-item {
        width: calc(100% - 30px) !important;
    }

    #registration-search-form.uniForm .inlineLabels .chosen-container {
        width: 100% !important;
    }

    fieldset #edit-estimated-enrollment-year,
    fieldset #edit-estimated-enrollment-term {
        width: calc(100% - 6px) !important;
        float: left;
        margin-right: 0;
    }

    #edit-reg-start-date--2,
    #edit-reg-end-date--2 {
        width: calc(100% - 42px) !important;
    }

    #registration-count-search-form .form-item-publisher .description {
        padding-left: 0;
        padding-bottom: 8px;
    }

    #component-entityform-edit-form .form-item {
        clear: both;
        float: left;
        margin-top: 2px;
        padding-bottom: 12px;
        width: 100%;
    }

    #registration-count-search-form fieldset .fieldset-wrapper,
    #author-admin-add-form fieldset .fieldset-wrapper,
    #alert-admin-add-form fieldset .fieldset-wrapper,
    #announcement-admin-add-form fieldset .fieldset-wrapper,
    #handout-admin-add-form fieldset .fieldset-wrapper,
    #calender-admin-add-form fieldset .fieldset-wrapper,
    #add-ons-add-page fieldset .fieldset-wrapper,
    #category-admin-add-page fieldset .fieldset-wrapper,
    #user-add-form fieldset .fieldset-wrapper,
    #current-user-account-form fieldset .fieldset-wrapper,
    #institution-admin-add-page fieldset .fieldset-wrapper,
    #product-types-admin-add-form fieldset .fieldset-wrapper,
    #kh-territory-admin-add-form fieldset .fieldset-wrapper,
    #grl-territory-admin-add-form fieldset .fieldset-wrapper,
    #associate-access-code fieldset .fieldset-wrapper {
        padding: 0;
        margin-top: 0;
    }

    #registration-count-search-form .fieldset-wrapper .form-item,
    #registration-count-search-form .form-item-question,
    #author-admin-add-form .fieldset-wrapper .form-item,
    #author-admin-add-form .form-item-question,
    #alert-admin-add-form .fieldset-wrapper .form-item,
    #alert-admin-add-form .form-item-question,
    #announcement-admin-add-form .fieldset-wrapper .form-item,
    #announcement-admin-add-form .form-item-question,
    #handout-admin-add-form .fieldset-wrapper .form-item,
    #handout-admin-add-form .form-item-question,
    #calender-admin-add-form .fieldset-wrapper .form-item,
    #calender-admin-add-form .form-item-question,
    #add-ons-add-page .fieldset-wrapper .form-item,
    #add-ons-add-page .form-item-question,
    #category-admin-add-page .fieldset-wrapper .form-item,
    #category-admin-add-page .form-item-question,
    #user-add-form .fieldset-wrapper .form-item,
    #user-add-form .form-item-question,
    #current-user-account-form .fieldset-wrapper .form-item,
    #current-user-account-form .form-item-question,
    #institution-admin-add-page .fieldset-wrapper .form-item,
    #institution-admin-add-page .form-item-question,
    #product-types-admin-add-form .fieldset-wrapper .form-item,
    #product-types-admin-add-form .form-item-question,
    #kh-territory-admin-add-form .fieldset-wrapper .form-item,
    #kh-territory-admin-add-form .form-item-question,
    #grl-territory-admin-add-form .fieldset-wrapper .form-item,
    #grl-territory-admin-add-form .form-item-question,
    #component-entityform-edit-form .form-item,
    #component-entityform-edit-form .form-item-question,
    #associate-access-code .fieldset-wrapper .form-item,
    #associate-access-code .form-item-question {
        width: calc(100% - 30px);
    }

    #component-entityform-edit-form .form-item:not(.grid-text) .form-item {
        padding: 8px 8px !important;
        width: calc(100% - 30px) !important;
    }

    #registration-count-search-form fieldset.inlineLabels,
    #usage-report-search-form fieldset.inlineLabels,
    #form-report-search-form fieldset.inlineLabels,
    #poll-report-search-form fieldset.inlineLabels,
    #forum-report-search-form fieldset.inlineLabels,
    #survey-report-search-form fieldset.inlineLabels,
    #likert-survey-report-search-form fieldset.inlineLabels,
    #resource-report-search-form fieldset.inlineLabels,
    #formbite-report-search-form fieldset.inlineLabels,
    #formbite-submission-report-search-form fieldset.inlineLabels,
    #assessment-report-search-form fieldset.inlineLabels,
    #engagement-report-search-form fieldset.inlineLabels,
    #oneline-publication-admin-add-form fieldset.inlineLabels,
    #alert-admin-add-form fieldset.inlineLabels,
    #announcement-admin-add-form fieldset,
    #handout-admin-add-form fieldset,
    #associate-access-code fieldset,
    #category-admin-add-page fieldset,
    #user-add-form fieldset,
    #current-user-account-form fieldset,
    #institution-admin-add-page fieldset,
    #product-types-admin-add-form fieldset,
    #kh-territory-admin-add-form fieldset,
    #grl-territory-admin-add-form fieldset,
    #add-ons-add-page fieldset,
    #calender-admin-add-form fieldset {
        width: 100% !important;
    }

    #usage-report-search-form.uniForm .inlineLabels .chosen-container,
    #usage-report-search-form.uniForm .inlineLabels .chosen-container input,
    #form-report-search-form.uniForm .inlineLabels .chosen-container,
    #form-report-search-form.uniForm .inlineLabels .chosen-container input,
    #poll-report-search-form.uniForm .inlineLabels .chosen-container,
    #poll-report-search-form.uniForm .inlineLabels .chosen-container input,
    #forum-report-search-form.uniForm .inlineLabels .chosen-container,
    #forum-report-search-form.uniForm .inlineLabels .chosen-container input,
    #survey-report-search-form.uniForm .inlineLabels .chosen-container,
    #survey-report-search-form.uniForm .inlineLabels .chosen-container input,
    #likert-survey-report-search-form.uniForm .inlineLabels .chosen-container,
    #likert-survey-report-search-form.uniForm .inlineLabels .chosen-container input,
    #resource-report-search-form.uniForm .inlineLabels .chosen-container,
    #resource-report-search-form.uniForm .inlineLabels .chosen-container input,
    #formbite-report-search-form.uniForm .inlineLabels .chosen-container,
    #formbite-report-search-form.uniForm .inlineLabels .chosen-container input,
    #formbite-submission-report-search-form.uniForm .inlineLabels .chosen-container,
    #formbite-submission-report-search-form.uniForm .inlineLabels .chosen-container input,
    #assessment-report-search-form.uniForm .inlineLabels .chosen-container,
    #assessment-report-search-form.uniForm .inlineLabels .chosen-container input,
    #engagement-report-search-form.uniForm .inlineLabels .chosen-container,
    #engagement-report-search-form.uniForm .inlineLabels .chosen-container input,
    #oneline-publication-admin-add-form.uniForm .inlineLabels .chosen-container,
    #oneline-publication-admin-add-form.uniForm .inlineLabels .chosen-container input,
    #alert-admin-add-form .chosen-container,
    #alert-admin-add-form .chosen-container input,
    #announcement-admin-add-form .chosen-container,
    #announcement-admin-add-form .chosen-container input,
    #handout-admin-add-form .chosen-container,
    #handout-admin-add-form .chosen-container input,
    #associate-access-code .chosen-container,
    #associate-access-code .chosen-container input,
    #category-admin-add-page .chosen-container,
    #category-admin-add-page .chosen-container input,
    #user-add-form .chosen-container,
    #user-add-form .chosen-container input,
    #current-user-account-form .chosen-container,
    #current-user-account-form .chosen-container input,
    #institution-admin-add-page .chosen-container,
    #institution-admin-add-page .chosen-container input,
    #product-types-admin-add-form .chosen-container,
    #product-types-admin-add-form .chosen-container input,
    #kh-territory-admin-add-form .chosen-container,
    #kh-territory-admin-add-form .chosen-container input,
    #grl-territory-admin-add-form .chosen-container,
    #grl-territory-admin-add-form .chosen-container input,
    #add-ons-add-page .chosen-container,
    #add-ons-add-page .chosen-container input,
    #component-entityform-edit-form .chosen-container,
    #component-entityform-edit-form .chosen-container input,
    #component-entityform-edit-form .form-type-textfield input,
    #component-entityform-edit-form .form-type-textarea textarea,
    #event-board-report-params-form.uniForm .inlineLabels .chosen-container,
    #event-board-report-params-form.uniForm .inlineLabels .chosen-container input,
    #event-board-report-params-form.uniForm .form-type-textfield input,
    #event-board-report-params-form.uniForm .form-type-textarea textarea,
    #edit-field-component-publisher-und,
    #edit-owner-type,
    #calender-admin-add-form .chosen-container,
    #calender-admin-add-form .chosen-container input {
        width: 100% !important;
        max-width: calc(100vw - 45px);
    }

    #form-report-search-form fieldset.inlineLabels,
    #poll-report-search-form fieldset.inlineLabels,
    #likert-survey-report-search-form fieldset.inlineLabels,
    #engagement-report-search-form fieldset.inlineLabels,
    #page-hits-report-search-form fieldset.inlineLabels,
    #registration-search-form fieldset.inlineLabels,
    #usage-report-search-form fieldset.inlineLabels,
    #forum-report-search-form fieldset.inlineLabels,
    #survey-report-search-form fieldset.inlineLabels,
    #resource-report-search-form fieldset.inlineLabels,
    #formbite-report-search-form fieldset.inlineLabels,
    #formbite-submission-report-search-form fieldset.inlineLabels,
    #assessment-report-search-form fieldset.inlineLabels,
    #event-board-report-params-form fieldset.inlineLabels,
    #registration-count-search-form fieldset.inlineLabels {
        width: calc(100% - 30px) !important;
        max-width: calc(100vw - 45px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #form-report-search-form fieldset.inlineLabels .ctrlHolder,
    #poll-report-search-form fieldset.inlineLabels .ctrlHolder,
    #likert-survey-report-search-form fieldset.inlineLabels .ctrlHolder,
    #engagement-report-search-form fieldset.inlineLabels .ctrlHolder,
    #page-hits-report-search-form fieldset.inlineLabels .ctrlHolder,
    #registration-search-form fieldset.inlineLabels .ctrlHolder,
    #usage-report-search-form fieldset.inlineLabels .ctrlHolder,
    #forum-report-search-form fieldset.inlineLabels .ctrlHolder,
    #survey-report-search-form fieldset.inlineLabels .ctrlHolder,
    #resource-report-search-form fieldset.inlineLabels .ctrlHolder,
    #formbite-report-search-form fieldset.inlineLabels .ctrlHolder,
    #formbite-submission-report-search-form fieldset.inlineLabels .ctrlHolder,
    #assessment-report-search-form fieldset.inlineLabels .ctrlHolder,
    #event-board-report-params-form fieldset.inlineLabels .ctrlHolder,
    #registration-count-search-form fieldset.inlineLabels .ctrlHolder {
        padding: 7px 0 !important;
    }

    #oneline-publication-admin-add-form fieldset.inlineLabels .ctrlHolder {
        width: calc(100% - 30px) !important;
        max-width: calc(100vw - 45px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #section-admin-copy .fieldset-wrapper input.form-checkbox,
    #section-admin-copy .fieldset-wrapper input.form-radio {
        margin-left: 0;
    }

    #section-admin-copy .description {
        padding-left: 0;
        margin-top: 3px;
    }

    p.requiredFieldText {
        text-align: left;
        padding: 5px 15px;
    }

    #text-area-div .text-format-wrapper .description {
        margin-left: 15px;
    }

    #bulkmail_jqxgrid_search_dialog {
        padding: 10px 15px !important;
    }

    .file-details {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    #views-exposed-form-engagement-email-configuration-page label {
        width: 100%;
        margin-right: 0;
        float: left;
        font-weight: 400;
    }

    #views-exposed-form-engagement-email-configuration-page .views-operator,
    #views-exposed-form-engagement-email-configuration-page .views-widget {
        width: 100%;
        float: left;
    }

    #views-exposed-form-engagement-email-configuration-page .views-operator .form-item,
    #views-exposed-form-engagement-email-configuration-page .views-widget .form-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #engagement_emails_form .form-type-textfield input,
    #engagement_emails_form.uniForm .inlineLabels select,
    #engagement_emails_form.uniForm .inlineLabels .chosen-container {
        width: 100% !important;
    }

    #engagement_emails_form .form-type-textfield input#edit-email-time {
        width: calc(100% - 7px) !important;
    }

    #engagement_emails_form .form-type-textfield.form-item-begin-date input,
    #engagement_emails_form .form-type-textfield.form-item-end-date input {
        width: calc(100% - 35px) !important;
    }

    #engagement_emails_form .form-type-checkbox label {
        width: calc(100% - 30px) !important;
        float: right;
    }

    #engagement_emails_form .form-type-checkbox input {
        margin-top: 0;
    }

    #engagement_emails_form .form-type-checkbox label {
        margin-top: 4px !important;
    }

    #engagement_emails_form .ctrlHolder,
    #update-ext-enroll-form .ctrlHolder {
        padding: 8px 0 !important;
    }

    #update-ext-enroll-form.uniForm .inlineLabels .chosen-container,
    #update-ext-enroll-form.uniForm .inlineLabels .chosen-container input {
        width: calc(100% - 1px) !important;
    }

    #update-ext-enroll-form.uniForm .ctrlHolder p {
        text-align: left !important;
    }

    #lookup-user fieldset .fieldset-wrapper {
        margin-top: 0 !important;
        padding: 0 !important;
        width: calc(100% - 30px) !important;
    }

    #lookup-user fieldset .fieldset-wrapper .form-item .form-item {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        width: calc(100% - 30px) !important;
    }

    #handout-admin-add-form select,
    #handout-admin-add-form input {
        max-width: 100vw;
    }

    #current-user-account-form .form-item .description {
        margin-left: 0;
    }

    #edit-field-is-discoverable {
        padding-left: 0;
        margin-left: 0;
    }

    #edit-field-is-discoverable .form-item {
        padding-left: 0;
        margin-left: 0;
    }

    fieldset fieldset#edit-address {
        width: calc(100% - 4px) !important;
    }

    #privatemsg-new .form-item label {
        margin-left: 0 !important;
        width: 100% !important;
        float: left;
        right: 0 !important;
    }

    #privatemsg-new .form-item .form-item {
        margin-left: 0 !important;
        width: 100% !important;
        float: right;
    }

    #privatemsg-new .form-item p.formHint {
        margin-left: 0 !important;
        width: 100% !important;
        float: right;
        margin-bottom: 15px !important;
    }

    .attachment_wrapper {
        margin: 6px auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .form-type-checkbox.form-item-send-to-me input#edit-send-to-me[type='checkbox'] {
        margin-left: 0;
    }

    form#form-component-fields div.description {
        margin-left: 0 !important;
    }

    form#form-component-fields .fieldset-wrapper .form-type-checkbox input.form-checkbox {
        margin-left: 0;
        margin-top: 0;
    }

    #login-page #login-page-header {
        padding-bottom: 0;
    }

    #login-page #logo {
        margin: 0 auto 13px;
    }

    #login-page #login-page-footer {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }

    #login-page #login-page-footer .footer-links {
        float: none;
    }

    #login-page #login-page-footer .links {
        padding-left: 0
    }

    #login-page #login-page-footer p {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 360px) {
    #sidebar-first {
        column-count: 1;
    }

    .uniForm .ctrlHolder {
        max-width: 360px;
    }

    #login-page #login-page-content .login-welcome {
        margin: .5em auto;
        font-size: 30px;
        line-height: 35px;
    }

    #login-page #login-page-content .login-welcome span {
        font-size: 30px;
    }

}

/* ******* Focus Keyboard Styling START ******* */
/* links and buttons */
#page-wrapper a:focus,
#page-wrapper button:focus {
    outline: 1px solid #5E9ED6;
}

/* main menu */
#page #header #main-menu a:focus span {
    background-position: 0% -42px;
    text-decoration: underline;
    border: none;
}

#page #header #main-menu a:focus {
    outline: none;
}

/* header */
#page #header a:focus {
    color: #ffffff !important;
    outline: 1px solid #ffffff;
}

/* sidebar */
#main #sidebar-first a:focus {
    color: #424242;
}

/* form elements */
textarea:focus,
input:focus,
select:focus {
    outline: 1px solid #5E9ED6;
}

/* Submit buttons */
input[type='submit']:focus {
    outline: 1px solid #5E9ED6;
    color: #424242;
}

/* override default jquery chosen focus  */
div .chosen-container-active .chosen-single {
    border: 1px solid #5E9ED6;
}

div .chosen-container-active .chosen-choices {
    border: 1px solid #5E9ED6;
}

/* JQXgrid focus button links */
#page-wrapper .gridwrapper a:focus {
    border: 1px solid #d04a06;
    outline: none;
}

#page-wrapper .gridwrapper div[role=button]:focus,
#page-wrapper .gridwrapper div[role=combobox]:focus,
#page-wrapper .gridwrapper input:focus {
    outline: 1px solid #d04a06;
}

/* ******* Focus Keyboard Styling END ******* */

#user-add-form {
    margin-top: 35px;
}

.jqx-icon-arrow-up,
.jqx-icon-arrow-up-hover,
.jqx-icon-arrow-up-selected {
    background-image: url(jqwidgets/images/icon-up-white.png) !important;
}

.jqx-scrollbar-button-state-normal .jqx-icon-arrow-up,
.jqx-scrollbar-button-state-normal .jqx-icon-arrow-up-hover,
.jqx-scrollbar-button-state-normal .jqx-icon-arrow-up-selected {
    background-image: url(jqwidgets/images/icon-up.png) !important;
}

.jqx-icon-arrow-down,
.jqx-icon-arrow-down-hover,
.jqx-icon-arrow-down-selected {
    background-image: url(jqwidgets/images/icon-down-white.png) !important;
}

.jqx-scrollbar-button-state-normal .jqx-icon-arrow-down,
.jqx-scrollbar-button-state-normal .jqx-icon-arrow-down-hover,
.jqx-scrollbar-button-state-normal .jqx-icon-arrow-down-selected {
    background-image: url(jqwidgets/images/icon-down.png) !important;
}

.ui-dialog .form_elements_product {
    padding: 0;
}

.ui-dialog label {
    width: 32%;
    float: left;
    padding-top: 5px;
}

#component_dropbox_read_message .ui-dialog label {
    padding-top: 0;
}

.ui-dialog select,
.ui-dialog input {
    width: calc(68% - 1px);
    float: left;
}

.ui-dialog input#edit-access-codes {
    width: calc(66% - 1px);
    float: left;
}

.jqx-fill-state-pressed-classic:not(.jqx-scrollbar-thumb-state-normal) {
    background: #ffeb80 url(../js/jq-ui-themes/black-tie/images/ui-bg_inset-hard_55_ffeb80_1x100.png) 50% bottom repeat-x !important;
    border-color: #ffde2e !important;
    color: #000 !important;
    text-shadow: none !important;
}

.jqx-fill-state-pressed-classic:not(.jqx-scrollbar-thumb-state-normal) .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240_expanded.png);
}

#grid_display_all_rows_button {
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 3px;
}

.ui-dialog .form-item-ur-ip-address input {
    width: calc(66% - 1px);
}

#resource-report-search-form .inlineLabels,
#event-board-report-params-form .inlineLabels,
#assessment-report-search-form .inlineLabels,
#formbite-submission-report-search-form .inlineLabels,
#formbite-report-search-form .inlineLabels,
#likert-survey-report-search-form .inlineLabels,
#survey-report-search-form .inlineLabels,
#forum-report-search-form .inlineLabels,
#poll-report-search-form .inlineLabels,
#usage-report-search-form .inlineLabels,
#registration-count-search-form .inlineLabels,
#page-hits-report-search-form .inlineLabels,
#engagement-report-search-form .inlineLabels {
    width: calc(100% - 20px);
}

#imageDiv table {
    width: calc(68% - 20px) !important;
}

#imageDiv table td {
    padding: 0 !important;
}

#imageDiv table input {
    width: calc(100%) !important;
}

h2#enrollment_course_title {
    padding-left: 0;
    font-size: 16.8px;
    margin-top: 11px;
}

div.uniForm.user_enrollment_form_style {
    margin-top: 15px;
    width: 100%;
}

.user_enrollment_form_style .form-submit {
    float: right;
    white-space: normal;
}

.user_enrollment_form_style .cfUniForm-form-container {
    background: none !important;
}

.user_enrollment_form_style .ctrlHolder {
    margin-top: 14px;
}

form.question-pool-form #imageDiv table input {
    width: auto !important;
    margin-right: 2%;
}

form.question-pool-form #imageDiv table {
    width: auto !important
}

label#addFolder {
    width: 100%;
}

label#addFolder input {
    float: right;
}

#element-component-entityform-edit-form .form-item-field-specific-due-date-custom input#datePicker_field_specific_due_date_custom {
    float: left;
}


/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.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: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.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;
}

/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.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: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.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;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.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;
}

#jqxWidget .jqx-grid-pager .jqx-rc-all-classic {
    color: #000;
}

.cke_inner .cke_contents textarea.cke_source {
    width: 100% !important;
}

.isNapsterLink {
    font-size: 12px;
}

#dynamic_grid,
#dynamic_grid #gridMaker {
    overflow-x: auto;
}

#dynamic_grid #gridMaker td:not(.newColumn) {
    min-width: 217px;
}

#dynamic_grid #gridMaker td:not(.cellEditor) {
    width: 26px;
    min-width: auto;
}

#dynamic_grid #gridMaker td input {
    width: 100% !important;
}

.view-kh-custom-store {
  width:750px !important;
}

.form-item-field-select-institute-target-id-entityreference-filter .form-select {
  width:210px !important;
}

.form-item-field-publication-target-id-entityreference-filter .form-select {
  width:210px !important;
}

.form-item-field-sections-target-id-entityreference-filter .form-select {
  width:200px !important;
}

#edit-type-1-wrapper .views-widget .form-item {
  width: 90px !important;
}

.views-widget-filter-field_author_name_text_value .views-widget .form-type-textfield .form-text {
  width:200px !important;
}

#edit-status-wrapper .views-widget .form-item-status #edit-status {
  width: 90px !important;
}

.view-id-kh_custom_store .view-content table {
  width:646px !important;
}

#views-exposed-form-kh-custom-store-page div .views-exposed-form .views-exposed-widgets .views-submit-button {
  float:left !important;
}

.views-exposed-form .views-exposed-widget .form-submit {
   margin-top:1em;
   margin-right:0;
}

.page-cart-purchase #views-form-cart-purchase-page #edit-submit {display: none;}

.product_basic_data {
}
.product_main .product_data .product_value {
    width: 30%;
}
.d-inline-block {
    display: inline-block;
    vertical-align: top;
}
.product_main .product_price_remove {padding-left: 10px;box-sizing: border-box;}
.product_main > .float-left {
    width: 33.33334%;
    min-height: 160px;
}
.product_main .product_data .product_basic_data {
    width: 70%;
    box-sizing: border-box;
    padding: 0 10px;
}
.product_main .product_data .product_data {
    width: 40%;
}
.float-left {
    float: left;
}
.clearfix:after,.clearfix:before {content: "";display: table;width: 100%;clear: both;}
.product_main {
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 12px;
    border: 1px solid #F1F1F1
}
.product_main > .product_format {
    padding: 0 10px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    box-sizing: border-box;
}
.product_main .product_data .product_data {
    width: 30%;
}
.product_main .product_data .product_value img {
    max-width: 100%;
    height: auto;
}

.view-id-kh_shopping_cart_summary table{
   width:100%;
}

.product_price_remove .product_remove .form-submit{
  display: block;
    float: none;
    text-decoration: underline;
    background: transparent;
    color: #d04a06;
    margin-bottom: 0;
    border: 0;
    font-size: 12px;
}

.product_price_remove .product_remove a {
 text-decoration: underline !important;
}

#views-form-cart-purchase-page .views-row-odd {
  background:#EFEFEF
}
#views-form-cart-purchase-page .views-row-even {
 background:#ffffff;
}

#views-form-cart-purchase-page table {
   width: 100%;
}

.view-cart-purchase .view-footer p .return_store {
   float: right;
    padding: 10px;
    text-decoration: underline !important;
}

.one-sidebar #sidebar-second {
    width: 30%;
}

.page-cart-purchase #page-wrapper .page_layout_vertical #main-wrapper #main #sidebar-second {
    margin-top: 60px;
     padding-left: 15px;
    box-sizing: border-box;
}

.sidebar .commerce-price-formatted-components, .sidebar .commerce-price-formatted-components tr td {
    border: none!important;
}
.sidebar .commerce-price-formatted-components tr td {
    padding: 7px;
}


#commerce-checkout-form-checkout fieldset, #commerce-checkout-form-review fieldset{
    background: #efefef;
    border-radius: 0;
    margin: 0 0 20px 0;
    border: none;
    box-sizing: border-box;
    position: relative;
}
#commerce-checkout-form-checkout fieldset legend, #commerce-checkout-form-review fieldset legend {
    font-weight: 600;
    border-radius: 0;
    position: relative;
    left: auto;
    height: auto;
    top: 0;
    padding: 7px;
    box-sizing: border-box;
    border: none;
    background: #efefef;
    border-bottom: 1px solid #CCC;
    color: #000;
}
#commerce-checkout-form-checkout fieldset
#commerce-checkout-form-checkout fieldset .fieldset-wrapper{
    box-sizing: border-box;
    margin: 0;
}
#commerce-checkout-form-checkout fieldset .fieldset-wrapper input[type='submit']{
    margin-top: 0;
}
#commerce-checkout-form-checkout fieldset .fieldset-wrapper .form-item{
  float: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#commerce-checkout-form-checkout fieldset .fieldset-wrapper .form-item label{
  width: 22%;
  float: none;
  display: inline-block;
  box-sizing: border-box;
}
#commerce-checkout-form-checkout fieldset .fieldset-wrapper .form-item select.form-select,
#commerce-checkout-form-checkout fieldset .fieldset-wrapper .form-item input{
  float: none;
  height: 34px;
  width: 65% !important;
  box-sizing: border-box;
  margin: 0;
}
#commerce-checkout-form-checkout fieldset .commerce-customer-profile-copy .form-item input{
  width: auto !important;
}
#commerce-checkout-form-checkout fieldset .fieldset-wrapper .commerce-customer-profile-copy .form-item label{
  width: auto;
  float: none;
  padding: 0;
}

#commerce-checkout-form-checkout fieldset.customer_profile_billing #edit-customer-profile-billing-edit-button{
  float: right;
}

.view-cart-purchase .commerce-line-item-actions {
  display:none;
}

.commerce-price-formatted-components, .checkout-review{
  width:100% !important;
}

.view-cart-purchase .view-header h2{
  font-size:20px;
}

.view-cart-purchase .view-header h2 span{
  font-size:14px;
}

.page-cart-purchase .view-cart-purchase .view-header {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #666;
  font-size: 17px;
}

.product_basic_data .product_card {
  padding-top: 10px !important;
  color: #666 !important;
}

.product_basic_data .product_title {
  font-weight:650 !important;
}

.sidebar .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount td {
    padding: 7px;
    border: none !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 20px;
}

.sidebar .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount {
    border: none;
}

.view-display-id-block_2.view-cart-purchase .commerce-line-item-views-form .product_main{
padding: 0;
margin-top:0;
}

.sidebar .commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount.even {
    border: none;
}

.two-sidebars.page-cart-purchase #sidebar-first, .two-sidebars.page-checkout #sidebar-first {
    width: 20%!important;
}
.two-sidebars.page-cart-purchase #content, .two-sidebars.page-checkout #content {
    width: 55% !important;
    margin-top: 10px;
}

.view-cart-purchase.view-display-id-block_2{
    background: #EEE;
    padding: 10px;
    box-sizing: border-box;
}

.view-cart-purchase .product_price_remove .product_remove .form-submit{
margin-left: 0;
padding-left: 0;
}

.view-cart-purchase.view-display-id-block_3 .product_main > .float-left{
    width: 50%;
}
.view-cart-purchase.view-display-id-block_3 .product_main > .product_format{
border-right: none;
    padding-right: 0;
}
.view-cart-purchase.view-display-id-block_3 .views-row-odd{
    background: #EFEFEF;
}
#block-block-9 .content .view-header {
  padding-top: 16px;
    padding-bottom: 16px;
    color: #666;
    font-size: 17px;
}

.page-checkout #page-wrapper #page #main-wrapper #main #content .section #page-title {
 display:none !important;
}

.page-checkout #page-wrapper #page #main-wrapper #main #sidebar-second {
  margin-top: 60px;
    padding-left: 15px;
    box-sizing: border-box;
}

.page-checkout-complete #page-wrapper #page #main-wrapper #main #sidebar-second .section .region-sidebar-second #block-views-cart-purchase-block-2 {
  display:none;
}


.form-item-files-questionImportUpload{
  padding-top:10px !important;
  border-bottom:none !important;
}

/*5114*/
.profile-login{
  margin-top: 8rem;
}
.profile-login .section{
  background: #fff;
  padding: 10px 16px;
   display: flex;
    flex-direction: column;
    position: relative;
}
.profile-login .logo{
  text-align: center;
}
.profile-login fieldset .form-control{
  border: 0;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 1.5rem;
  box-shadow: none;
}
.profile-login .btn-signin{
  text-align: center;
  margin:2rem 0;
}
.profile-login .btn-signin .btn{
  background: #29bfa8;
  font-size: 12px;
    border: none;
    color: #fff;
    padding: 4px 16px;
    border-radius: 4px;
    font-weight: 100;
}
.profile-login .btn-signin .btn:focus{
    outline:0 !important;
}
.profile-login label{
  color: #18BAA2;
  font-size: 12px;
  font-weight: normal;
}
.profile-login a{
  text-decoration: none !important;
}
.profile-login #user-login-form fieldset label span{
    display:none;
}
.forgot-text a{
  color: #337ab7 !important;
  font-weight: 300;
  text-align: center !important;
  text-shadow: none !important;
  margin-top: 2rem;
}

.user-name{
  color: #fff;
  display: inline-block;
  float: right;
  height: 30px;
  line-height: 3;
  padding-right: 20px;
  font-weight: 300;
}

.forgot-text span{
    margin: 0 8px;
    color: #337ab7;
    margin-top: 2rem;
}

.forgot-text{
    display: flex;
    justify-content: center;
}

.pes-login-page{
background-image: url('../images/background_cirrus.svg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    min-height: 100vh;
    overflow: auto;
}

.btn-signin .button{
    margin:0 !important;
    float:none !important;
}

.dashboard{
  position: relative;
}
/*.dashboard-content{
  margin-left: 84px;
}*/
.sidebar-cirrus{
  position: fixed;
  height: 100%;
  width: 100px;
  background: #236092;
  z-index: 100;
}
.sidebar-logo{
    padding: 0.75rem 1rem;
}
.sidebar-logo:after{
  content: "";
  display: block;
  background: url('../images/cirrus2020_cloud.png');
  background-position: 50%;
  background-size: contain;
  height: 85px;
  background-repeat: no-repeat;
}
.sidebar-cirrus .menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-list{
  text-align: center;
  display: block;
  color: #fff;
  padding: 1rem 0;
}
#pes-menu li.active{
    text-align: center;
  display: block;
  /*color: #337ab7;*/
  /*color: #008EE2;*/
  color: #3179b8;
  padding: 1rem 0;
  background-color: #fff;
}
/*.sidebar ul li.active{
  background: #fff;
  color: #008EE2;
}*/
#pes-menu li.active img{
  filter: invert(50%) sepia(10%) saturate(3370%) hue-rotate(166deg) brightness(94%) contrast(87%);
}

#pes-menu li.active .user-img img{
 border: 2px solid #A8A7A7;
    filter: unset;
}
.menu-list:last-child{
  padding-bottom: 150px;
}
.menu-link img{
 width: auto;
 height: 36px;
}
.profile-img{
 border-radius: 100%;
 border: 2px solid #fff;
}
.dashboard-header-left:after{
  content: "";
  display: block;
  background: url('../images/dashboard_header_left.png');
  height: 170px;
  background-repeat: no-repeat;
  background-size: cover;
 /* background-position: 5%;*/
 width: 100%;
}
.cirrus-white-logo{
    padding: 4rem 0 6px;
    border-bottom: 1px solid #fff;
}
.cirrus-logo-horizontal-white{
    width: 50%;
    display: inline-block;
}
.cirrus-logo-horizontal-white:after{
  content: "";
  display: block;
  background: url('../images/cirrus-logo-horizontal-white.png');
  background-repeat: no-repeat;
  height: 30px;
  background-size: 32%;
}
.header-content-nav{
  height: 170px;
   background: #236092;
  /* padding-left:25px;*/
}
.dashboard-header-right{
  background:#97CAEB ;
  height: 170px;
}
.user-account-details{
    padding-top: 8px;
    color: #fff;
}
.user-account-details p{
    font-size: 24px;
    font-weight: 300;
}
.user-account-details button{
  color: #000;
  background: #fff;
}
.dashboard-system-status{
    padding: 1rem 2rem;
    font-size: 14px;
    margin-left: 84px;
}
.dashboard-system-status .fa-check-circle{
  padding: 0 8px;
}
.active-course-content{
  background: #f2f2f2;
  padding: .5rem 2rem;
  margin-top: 30px;
}
.course-content-image img{
  width: 100%;
}
.course-content-image p{
  padding: 10px;
}

.course-content-image a{
 color:inherit;
}

.course-content-image a:hover{
 color:inherit;
 text-decoration: none;
 }

.footer-left{
  height: 261px;
 }

 .header-notification{
  padding-left: 0px;
}

.footer-left:after{
  content: "";
  display: block;
  background: url('../images/cloud-left-af9d458952.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
  position: absolute;
  background-position: bottom left;
}
.footer-right{
  height: 261px;
}
.footer-right:after{
  content: "";
  display: block;
  background: url('../images/cloud-right-378cbb6734.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: bottom right;
}
.footer-content{
  margin-top: 125px;
}

.footer-content img{
  width: 10%;
}
.menu-link-img img{
  filter: invert(1) sepia(0) saturate(0) brightness(100%) contrast(100%);
}
.course-heading{
    font-size: 25px;
    padding: 20px 0 20px;
    font-weight: normal;
}

p.course-heading{
    margin:0;
}
.box-img{
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.box-img img{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height:145px;
}
.box-img-icon{
    height: 135px;
    line-height: 13;
}
.footer-cirrus{
  position: relative;
  padding-top: 150px;
  margin-left: 84px;
}
.dashboard-header-right hr{
    border: 0;
    border-bottom: 1px solid #fff;
    margin: 0;
    height: 81px;
}

#page-wrapper-pes{
   /* min-height:30%;*/
}

#main-wrapper-pes{
    margin-left: 75px;
}
.dashboard-header{
  margin-left: 84px;
}
@media screen and (max-width: 768px) {
  .dashboard-header .col-sm-3 {
    display: none;
  }
  .dashboard-header .col-sm-2 {
    display: none;
  }
  .footer-cirrus .col-md-2{
    display: none;
  }
  .footer-cirrus .col-md-4{
    display: none;
  }
  .footer-content{
    margin-left: 84px;
  }
  .footer-cirrus{
    padding-top: 0;
  }
   .account-form{
    margin-left: 84px;
  }
}
@media screen and (max-width: 992px) {
  .box-img-icon{
    height: auto;
    line-height: 1.5;
  }
}

.pes-form-wrapper{
    padding-left:84px;
    width:75%;
}

.join-form input{
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ced4da;
}

/*CON-5114 Form Elements*/
.form-account{
  margin-top: 30px;
  padding-left: 50px;
}
.form-account .form-group{
  padding: 10px 0;
  position: relative;
}
.form-account .form-group label{
  border: none;
  font-weight: 300;
  font-size: 12px;
  width: 150px;
}
.form-account .form-group input{
  width: 50% !important;
  border: none !important;
  border-bottom: 1px solid #ced4da !important;
}
.form-account .form-group select{
  width: 50% !important;
  border:none !important;
  border-bottom: 1px solid #ced4da !important;
}
.form-account .form-group i{
  position: absolute;
  right: 36%;
}
#address-wrapper .pes-address .form-account .form-group input{
  width: 50% !important;
  border: none !important;
  border-bottom: 1px solid #ced4da !important;
}

.account-text{
    /*width: 59%;*/
    display: inline-block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.account-text.all-course{
margin-top:14px;
font-size:25px;
}

.logout{
  display: inline-block;
  float:right;
}
.account-status{
    background: #f2f2f2;
    margin-top: 30px;
    padding: 2rem;
}
.logout button{
    background: #fff;
    color: #31708f;
    border: 1px solid #337ab7;
    padding: 4px 16px;
    border-radius: 4px;
}

.logout button a{
    text-decoration: none;
}

.pes-btn{
 color: #fff !important;
 background-color: #337ab7 !important;
 border-color: #2e6da4 !important;
 font-weight: 100 !important;
 outline:0 !important;
}

.save-btn{
    width: 64%;
    text-align: right;
    margin-top: 50px;
}

/*CON-5114 Manage Users */

.pes-users{
    padding-left:84px;
}

#main-wrapper-pes #user_switcher_div{
    display:none;
}


#contentmanage_user_jqxgrid_new .jqx-widget-header-classic  {
    background: #7bc9e3 !important;
}

#manage_user_jqxgrid_new{
    border-color:black !important;
}

#manage_user_jqxgrid_new .jqx-item{
    color: grey !important;
}

.course-form .table-pes td a p:before{
  content: '\f0ad';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 22px;
  padding-right: 20px;
}
.course-form .table-pes table tr th{
    background:none;
}
.course-form .table-pes table thead{
    background:none ;
}
}
.course-form .table-pes th:first-child{
  padding-left: 48px;
}
.course-form .table-pes{
  width: 80%;
  margin-left: 4rem;
  margin-top: 2rem;
  font-size: 16px;
}
/*.plus-btn .btn{
    padding: 4px 10px;
    font-size: 20px;
}*/

.plus-btn .btn{
  background: none;
  border: none;
  padding: 0;
  text-align: right;
}
.plus-btn .btn img{
  width: 60%;
}

.all-course{
  width: 65%;
}

#pes-course tr td, #pes-course table tr th{
    border:none !important;
    background-color: none !important;
}

#pes-course table{
    background-color: none !important;
}

#pes-course tr , #pes-course tr.even{
    background: none !important;
    /*border-top:1px solid black !important;*/
}
#pes-course tbody tr{
    border-top:1px solid black !important;
}
#pes-course tr th{
    color:black !important;
    background: none !important;
    border:none !important;
    /*border-bottom: 1px solid black !important;*/
}
#main-wrapper-pes .gridwrapper {
  width:90%;
  padding-left:84px;
}

#main-wrapper-pes .jqx-grid-header-wrap{
background:none;
background-color: #7bc9e3;
}

#main-wrapper-pes .gridwrapper .jqx-grid-header-wrap span{
color:black;
}

#main-wrapper-pes .ui-box-wrapper{
width: 80%;
padding-left:84px;
padding-top: 20px;
}

#main-wrapper-pes .ui-box-wrapper .ui-widget-header{
    background:none;
    background-color:#7bc9e3;
}

#main-wrapper-pes .ui-box-wrapper .ui-widget-header .ui-dialog-title{
     background:none;
     color:black;
}

#main-wrapper-pes .ui-box-wrapper .ui-widget-content{
    border:none;
}
#main-wrapper-pes #ui-dialog-title-dialog h2{
color:black !important;
}
#main-wrapper-pes .ui-dialog .ui-dialog-titlebar .ui-dialog-actions li a{
color:black;
}

#main-wrapper-pes .ui-dialog-actions-div:hover{
        background: #008EE2 !important;
        padding: 0 2.5px 0 2.5px;
}

#main-wrapper-pes .ui-dialog .ui-dialog-titlebar .ui-dialog-actions li{
    border-left: none !important;
}

#main-wrapper-pes .ui-widget-header a:hover{
    color:black !important;
}
#main-wrapper-pes .ui-dialog-actions-div a:hover{
   background-color: none !important;
}
#pes-manage .jqx-grid-header-wrap-title{
    font-weight: normal;
}

#pes-manage .jqx-grid-header-wrap-title a span{
    font-weight: normal;
    font-size:10px;
}
#pes-manage .gridwrapper .jqx-grid-header-wrap{
    border:none;
    border-radius:0;
}

#pes-manage .jqx-fill-state-pressed-classic:not(.jqx-scrollbar-thumb-state-normal) {
    background: none !important;
    border-color: inherit !important;
    color: #000 !important;
    text-shadow: none !important;
}

#pes-manage .jqx-fill-state-pressed-classic:not(.jqx-scrollbar-thumb-state-normal) .ui-icon {
    background-image: url(../images/icons.png);
}

#main-wrapper-pes .ui-state-default .ui-icon{
    background-image: url(../images/icons.png) !important;
}
/*#5114 Ends*/

/* Poppins, 300/i, 400/i, 500/i, 700/i, 800/i*/
@import url("https://use.typekit.net/yjj0igb.css");


:root{ 
    --grl-orange:#ee4324;
    --grl-black:#252525;
    --font-family-poppins: "poppins", sans-serif;
    --background:url('https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/images/bg-small.jpg') no-repeat fixed;
    --space:50px;
    --padding:1em;
}

body:has(.grl-login-page) {
    background: var(--grl-black);
    overflow-x: hidden;
    font-family: var(--font-family-poppins);
    color: var(--grl-black);
    line-height: 100%;
}

div#login-page.grl-login-page {
    background: var(--background);
    font-family: var(--font-family-poppins);
    padding: 0;
}

div#login-page.grl-login-page .login_wrapper {
    display: grid;
    grid-template-columns: 1fr;
}

.grl-login-page div#login-page-header {
    background: transparent;
    padding: 0;
    display: none;
    margin: 0;
}

div#login-page.grl-login-page .login-welcome {
    font-family: var(--font-family-poppins);
    font-size: 1.1em;
    color: white;
    text-shadow: none;
    line-height: 120%;
    font-weight: 500;
    margin: 0;
    display: none;
}

div#login-page.grl-login-page .login-welcome span {
    font-weight: 800;
    color: initial;
    font-size: 1.15em;
    color: var(--grl-orange);
}

.grl-login-page #user_login_block,
.grl-login-page #first_time_access_code_block,
.grl-login-page #access_code_purchase_block{
    width: 100%;
}

.grl-login-page #access_code_purchase_block {
    margin-bottom: 0;
    padding-block-end: 50px;
}

div#login-page.grl-login-page p {
    font-family: var(--font-family-poppins);
    font-size: max(15px, 1em);
    text-shadow: none;
    color: #2a2a2a;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    line-height: 100%;
    letter-spacing: .5px;
}

.grl-login-page #login-page-content input:not([type="submit"]) {
    font-family: var(--font-family-poppins);
    background: white !important;
    background-color: white !important;
    font-size: 1em;
    font-weight: 400;
    box-shadow: 6px 5px 8px -3px rgb(79 79 79 / 21%);
    border: 1px solid #c7c7c7;
    padding: 8px;
    height: fit-content;
    opacity: 1;
    float: none;
    width: 98%;
    border-radius: 6px;
    margin-inline: 1%;
}

div#login-page.grl-login-page a {
    color: #e53718;
    text-shadow: none;
    font-family: var(--font-family-poppins);
    float: none;
    font-size: min(14px, .9em);
    margin: 0 4px 10px;
    transition: all 180ms linear;
    padding: 3px;
}

.grl-login-page input:not([type="submit"]):-internal-autofill-selected {
    background: white !important;
    background-color: white !important;
}

div#login-page.grl-login-page input[type=submit],div#login-page.grl-login-page a .purchase-button {
    font-family: var(--font-family-poppins);
    font-weight: 700;
    text-transform: none;
    line-height: 100%;
    font-size: max(17px, 1.5rem);
    background: linear-gradient(to bottom, var(--grl-orange), #dd3719);
    padding: 11px 8px;
    width: fit-content;
    display: block;
    width: 100%;
    border-radius: 30px;
    box-shadow: 6px 5px 8px -3px #ccc;
    border: 1px solid white;
    text-shadow: 1px 1px 1px #b51717;
    color: white;
    opacity: 1;
    transition: all 180ms linear;
}

div#login-page.grl-login-page #login-page-footer p {
    text-align: right;
    font-size: 1rem;
    color: white;
}

div#login-page.grl-login-page .login-form-col {
    background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/images/grl-logo-small.png') no-repeat top center;
    background-size: min(290px, 90%);
    padding-block-start: 110px;
}

.grl-login-page span.line-break {
    display: inline;
}

.grl-login-page #block-user-login .form-item {
    margin-block: 3px;
    display: block;
    overflow: initial;
}

div#login-page.grl-login-page div#login-page-footer {
    border: none;
    line-height: 100%;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: var(--grl-black);
    padding: 2px 4px;
    padding-inline: var(--padding);
}

div#login-page.grl-login-page #login-page-footer .links {
    margin-block: 0;
    text-align: left;
    padding: 0;
}

div#login-page.grl-login-page #login-page-footer p:empty {
    display: none;
}

div#login-page.grl-login-page .footer-links a {
    margin: 5px;
    font-weight: 800;
}

div#login-page.grl-login-page .footer-links a:hover {
    color: white;
}

.grl-login-page #first_time_access_code_block input[type=submit] {
    opacity: 1;
    font-family: var(--font-family-poppins);
    font-weight: 700;
}

div#login-page.grl-login-page input[type=submit][value="Next"] {
    width: fit-content;
    min-width: 110px;
    margin-block: -5px 10px;
    margin-inline-end: 5px;
}

div#login-page.grl-login-page a .purchase-button {
    max-width: 150px;
    background: white;
    color: var(--grl-orange);
    text-shadow: none;
    border: 1px solid #c7c7c7;
}

div#login-page.grl-login-page .description,
div#login-page.grl-login-page a span {
    text-align: left;
    display: block;
    margin-block-start: 3px;
    width: fit-content;
    padding: 3px;
    transition: all 180ms linear;
}

.grl-login-page #first_time_access_code_block {
    border-top: 1px solid #e7e7e7;
    padding-block: var(--padding) 0;
    margin-top: 10%;
}

div#login-page.grl-login-page #login-page-content {
    background: linear-gradient(to right, #ffffff, rgb(255 255 255 / 50%));
    backdrop-filter: blur(30px);
    width: 100%;
    box-shadow: 20px 0 20px -18px rgb(204 204 204 / 35%);
    margin: 0;
}

div#login-page.grl-login-page a.CHTP:focus {
    outline: none;border: none;
}

div#login-page.grl-login-page #login-page-content input:focus, 
div#login-page.grl-login-page a.CHTP:focus span, 
div#login-page.grl-login-page #main_content a:focus span,
div#login-page.grl-login-page #first_time_access_code_block a:focus {
    outline: 2px solid var(--grl-orange);
}

div#login-page.grl-login-page input[type=submit]:hover,div#login-page.grl-login-page a.CHTP:hover span {
    background: linear-gradient(to bottom, #2a2a2a, black);
    color: white;
    border-color: white;
}

div#login-page.grl-login-page a:hover, div#login-page.grl-login-page a:hover span {
    color: black;
}

.grl-login-page .messages {
    border: none;
    padding-block: 14px;
    border-radius: 10px;
    box-shadow: var(--box-light);
    border: 1px solid #ddd;
}

.grl-login-page .messages.status,
.grl-login-page .messages.error {
    padding-inline-start: 40px;
    max-width: 500px;
    margin-inline: auto;
}

@media screen and (min-width: 625px) {
    :root{
    --background:url('https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/images/bg-laptop.jpg') no-repeat fixed;
    }
    div#login-page.grl-login-page {
        background-size: cover;
        background-position: center;
    }
}

@media screen and (max-width: 767px) {
    div#login-page.grl-login-page #login-page-content .login-welcome {
            margin: .5em auto;
            font-size: 40px;
            line-height: normal;
            width: auto;
            text-align: initial;
    }
    .grl-login-page #first_time_access_code_block {
        overflow:hidden;
    }
    div#login-page.grl-login-page .login-form-col{
        padding-inline: calc(var(--padding) * 3);
    }
    div#login-page.grl-login-page #user-login-form input[type=submit],
    div#login-page.grl-login-page #access-code-enroll input[type=submit] {
        width: 100%;
        margin-inline: 0;
    }
    div#login-page.grl-login-page div#login-page-footer{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    div#login-page.grl-login-page #login-page-content{
        display: grid;
        grid-template-columns: 1fr;
        padding-block: calc(var(--padding) / 2) 0;
        padding-inline: calc(var(--padding) * 2);
        height: 100vh;
        margin: 0;
        background: linear-gradient(to right, #ffffff, rgb(255 255 255 / 50%));
        backdrop-filter: blur(30px);
        width: 100%;
        grid-column: 1;
        box-shadow: 20px 0 20px -18px rgb(204 204 204 / 35%);
    }    
    div#login-page.grl-login-page .login_wrapper{
        grid-template-columns: max(420px, 33%) 1fr;
        align-items: end;
        overflow-x: hidden;
    }
    div#login-page.grl-login-page #login-page-content:before {
        display:none;
    }
    div#login-page.grl-login-page .col-lg-6 {
        width: 100%;
    }
    .grl-login-page div#messages {
        position: absolute;
        top: 0;
    }
    .grl-login-page .login-form-col {
        width:100%;
    }
    .grl-login-page #login-page-footer {
        margin: 0;
        width: 100%;
        float: none;
        padding: 0 var(--padding);
        border: none;
        display: flex;
        justify-content: flex-end;
        text-align: right;
        flex-wrap: wrap;
    }
    div#login-page.grl-login-page .login-form-col {
        margin: 0;
        background-size: min(230px, 90%);
        padding-block-start: 105px;
        background-position: top 10px center;
    }
}

@media screen and (min-width: 1200px) {
    :root{
        --padding: 1.5vw;
    }
    html:has(.grl-login-page)  {
        overflow: hidden;
    }

    div#login-page.grl-login-page {
        border-radius:20px;
        margin: calc(var(--padding)/2);
        margin-block-end: calc(var(--padding)*1.5);
        width: calc(100vw - (var(--padding) * 1));
        box-shadow: 10px 10px 20px rgb(0 0 0 / 79%);
        overflow-y: hidden;
        min-height: 0;
        height: calc(100vh - (var(--padding) * 2.5));
    }
    
    div#login-page.grl-login-page div#login-page-footer{
        position: absolute;
        bottom: -2px;
        background: #222222;
    }
}


@media screen and (min-width: 1600px) {
    :root{
        --background:url('https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/images/bg.jpg') no-repeat fixed;
        --padding: 2vw;
    }
    div#login-page.grl-login-page{
        background-position: center right;
        background-size: 90%;
    }
    div#login-page.grl-login-page::after{
        content:"Think Beyond the Book";
        position: absolute;
        bottom: 6px;
        right: 10px;
        font-family: var(--font-family-poppins);
        font-weight: 700;
        font-style: italic;
        color:white;
        padding: calc(var(--padding) / 2) var(--padding);
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 1px 2px 1px rgb(0 0 0 / 80%), 1px 0 1px black;
    }
    
    div#login-page.grl-login-page div#login-page-footer {
        bottom: 10px;
        max-width: 60vw;
    }
    div#login-page.grl-login-page .login-welcome{
        position: fixed;
        display: block;
        left: calc(100vw - 190px);
        top: -20px;
        background: var(--grl-black);
        padding: 30px 20px;
        border-radius: 100%;
        width: 170px;
        height: 170px;
        text-align: center;
        padding-block: 67px 0;
        backdrop-filter: blur(10px);
        filter: drop-shadow(2px 4px 6px rgba(255, 255, 255, .6));
    }
    .grl-login-page #login-page-content input:not([type="submit"]),
    div#login-page.grl-login-page input[type=submit], 
    div#login-page.grl-login-page a .purchase-button{
        padding-block: 14px;
    }
}

:root{ 
    --kh-blue: #0850A8;
    --kh-black:#252525;
    --KHbackground:url(
    'https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/khpimages/khpcontent-bg-small.jpg') no-repeat fixed;
}
body:has(.kh-login-page) {
    background: #e4e4e4;
    overflow-x: hidden;
    font-family: var(--font-family-poppins);
    color: var(--kh-black);
    line-height: 100%;
    overflow-x: hidden;
}
div#login-page.kh-login-page {
    background: var(--KHbackground);
    font-family: var(--font-family-poppins);
    padding: 0;
}
div#login-page.kh-login-page .login_wrapper {
    display: grid;
    grid-template-columns: 1fr;
}
.kh-login-page div#login-page-header {
    background: transparent;
    padding: 0;
    display: none;
    margin: 0;
}
div#login-page.kh-login-page .login-welcome {
    font-family: var(--font-family-poppins);
    font-size: 1.1em;
    color: white;
    text-shadow: none;
    line-height: 120%;
    font-weight: 500;
    margin: 0;
    display: none;
}
div#login-page.kh-login-page .login-welcome span {
    font-weight: 800;
    color: initial;
    font-size: 1.15em;
    color: #4993ed;
}
.kh-login-page #user_login_block,
.kh-login-page #first_time_access_code_block,
.kh-login-page #access_code_purchase_block{
    width: 100%;
}
div#login-page.kh-login-page p {
    font-family: var(--font-family-poppins);
    font-size: 1.15em;
    text-shadow: none;
    color: #2a2a2a;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    line-height: 100%;
    letter-spacing: .5px;
}
.kh-login-page #login-page-content input:not([type="submit"]) {
    font-family: var(--font-family-poppins);
    background: white !important;
    background-color: white !important;
    font-size: 1em;
    font-weight: 400;
    box-shadow: 6px 5px 8px -3px rgb(79 79 79 / 21%);
    border: 1px solid #c7c7c7;
    padding: 7px;
    height: fit-content;
    opacity: 1;
    float: none;
    width: 98%;
    border-radius: 6px;
    margin-inline: 1%;
}
div#login-page.kh-login-page a {
    color: #2b75cf;
    text-shadow: none;
    font-family: var(--font-family-poppins);
    float: none;
    font-size: min(14px, .9em);
    margin: 0 4px 10px;
    transition: all 180ms linear;
    padding: 3px;
}
.kh-login-page input:not([type="submit"]):-internal-autofill-selected {
    background: white !important;
    background-color: white !important;
}
div#login-page.kh-login-page input[type=submit],div#login-page.kh-login-page a .purchase-button {
    font-family: var(--font-family-poppins);
    font-weight: 700;
    text-transform: none;
    line-height: 100%;
    font-size: max(17px, 1.5rem);
    background: linear-gradient(to bottom, var(--kh-blue), #044491);
    padding: 8px;
    width: fit-content;
    display: block;
    width: 100%;
    border-radius: 30px;
    box-shadow: 6px 5px 8px -3px #ccc;
    border: 1px solid white;
    text-shadow: 1px 1px 1px #081d47;
    color: white;
    opacity: 1;
    transition: all 180ms linear;
}
div#login-page.kh-login-page #login-page-footer p {
    text-align: right;
    font-size: 1rem;
    color: var(--kh-black);
}
div#login-page.kh-login-page .login-form-col {
    background: url('https://www.khpcontent.com/sites/all/themes/grtepwebcom/images/kh_logo.png') no-repeat top center;
    background-size: min(290px, 90%);
    padding-block-start: 130px;
}
.kh-login-page span.line-break {
    display: inline;
}
.kh-login-page #block-user-login .form-item {
    margin-block: 3px;
    display: block;
    overflow: initial;
}
div#login-page.kh-login-page div#login-page-footer {
    border: none;
    line-height: 100%;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #fefefe;
    padding: 10px;
    padding-inline: var(--padding);
}
div#login-page.kh-login-page #login-page-footer .links {
    margin-block: 0;
    text-align: left;
    padding: 0;
}
div#login-page.kh-login-page #login-page-footer p:empty {
    display: none;
}
div#login-page.kh-login-page .footer-links a {
    margin: 5px;
    font-weight: 800;
}
div#login-page.kh-login-page .footer-links a:hover {
    /* color: white; */
}
.kh-login-page #first_time_access_code_block input[type=submit] {
    opacity: 1;
    font-family: var(--font-family-poppins);
    font-weight: 700;
}
div#login-page.kh-login-page input[type=submit][value="Next"] {
    width: fit-content;
    min-width: 110px;
    margin-block: -5px 10px;
    margin-inline-end: 5px;
}
div#login-page.kh-login-page a .purchase-button {
    max-width: 150px;
    background: white;
    color: var(--kh-blue);
    text-shadow: none;
    border: 1px solid #c7c7c7;
}
div#login-page.kh-login-page .description,
div#login-page.kh-login-page a span {
    text-align: left;
    display: block;
    margin-block-start: 8px;
    width: fit-content;
    padding: 3px;
    transition: all 180ms linear;
}
.kh-login-page #first_time_access_code_block {
    border-top: 1px solid #e7e7e7;
    padding-block: var(--padding) 0;
    margin-top: min(50px, 8%);
}
div#login-page.kh-login-page #login-page-content {
    background: linear-gradient(to right, #ffffff, rgb(255 255 255 / 50%));
    backdrop-filter: blur(30px);
    width: 100%;
    box-shadow: 20px 0 20px -18px rgb(204 204 204 / 35%);
    margin: 0;
}
div#login-page.kh-login-page a.CHTP:focus {
    outline: none;border: none;
}
div#login-page.kh-login-page #login-page-content input:focus, 
div#login-page.kh-login-page a.CHTP:focus span, 
div#login-page.kh-login-page #main_content a:focus span,
div#login-page.kh-login-page #first_time_access_code_block a:focus {
    outline: 2px solid var(--kh-blue);
}
div#login-page.kh-login-page input[type=submit]:hover,div#login-page.kh-login-page a.CHTP:hover span {
    background: linear-gradient(to bottom, #2a2a2a, black);
    color: white;
    border-color: white;
}
div#login-page.kh-login-page a:hover, div#login-page.kh-login-page a:hover span {
    color: black;
}
.kh-login-page .messages {
    border: none;
    padding-block: 14px;
    border-radius: 10px;
    box-shadow: var(--box-light);
    border: 1px solid #ddd;
}
.kh-login-page .messages.status,
.kh-login-page .messages.error {
    padding-inline-start: 40px;
    max-width: 500px;
    margin-inline: auto;
}
@media screen and (min-width: 625px) {
    :root{
    --KHbackground:url('https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/khpimages/khpcontent-bg-laptop.jpg') no-repeat fixed;
    }
    div#login-page.kh-login-page {
        background-size: cover;
        background-position: center;
    }
}
@media screen and (max-width: 767px) {
    div#login-page.kh-login-page #login-page-content .login-welcome {
            margin: .5em auto;
            font-size: 40px;
            line-height: normal;
            width: auto;
            text-align: initial;
    }
    .kh-login-page #first_time_access_code_block {
        overflow:hidden;
    }
    div#login-page.kh-login-page .login-form-col{
        padding-inline: calc(var(--padding) * 3);
    }
    div#login-page.kh-login-page #user-login-form input[type=submit],
    div#login-page.kh-login-page #access-code-enroll input[type=submit] {
        width: 100%;
        margin-inline: 0;
    }
    div#login-page.kh-login-page div#login-page-footer{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}
@media screen and (min-width: 992px) {
    div#login-page.kh-login-page #login-page-content{
        display: grid;
        grid-template-columns: 1fr;
        padding-block: calc(var(--padding) / 2) 0;
        padding-inline: calc(var(--padding) * 2);
        height: 100vh;
        margin: 0;
        background: linear-gradient(to right, #ffffff, rgb(255 255 255 / 50%));
        backdrop-filter: blur(30px);
        width: 100%;
        grid-column: 1;
        box-shadow: 20px 0 20px -18px rgb(204 204 204 / 35%);
    }    
    div#login-page.kh-login-page .login_wrapper{
        grid-template-columns: max(420px, 33%) 1fr;
        align-items: end;
        overflow-x: hidden;
    }
    div#login-page.kh-login-page #login-page-content:before {
        display:none;
    }
    div#login-page.kh-login-page .col-lg-6 {
        width: 100%;
    }
    .kh-login-page .login-form-col {
        width:100%;
    }
    .kh-login-page #login-page-footer {
        margin: 0;
        width: 100%;
        float: none;
        padding: 0 var(--padding);
        border: none;
        display: flex;
        justify-content: flex-end;
        text-align: right;
        flex-wrap: wrap;
    }
    div#login-page.kh-login-page .login-form-col {
        margin: 0;
        background-size: min(230px, 90%);
        padding-block-start: 105px;
        background-position: top 10px center;
    }
}
@media screen and (min-width: 1200px) {
    :root{
        --padding: 1.5vw;
    }
    html:has(.kh-login-page)  {
        overflow: hidden;
    }
    div#login-page.kh-login-page {
        border-radius:20px;
        margin: calc(var(--padding)/2);
        margin-block-end: calc(var(--padding)*1.5);
        width: calc(100vw - ((var(--padding) * 1) + 20px));
        box-shadow: 10px 10px 20px rgb(135 135 135 / 34%);
        overflow: hidden;
        min-height: 0;
        height: calc(100vh - (var(--padding) * 2.5));
    }
    @supports selector(:has(*)) {
        div#login-page.kh-login-page{
            width: calc(100vw - (var(--padding) * 1));
        }
    }
    div#login-page.kh-login-page div#login-page-footer{
        position: absolute;
        bottom: 8px;
        background:transparent;
        width: calc(100% - 20px);
        padding-bottom: 0;
    }
    @supports selector(:has(*)) {
        div#login-page.kh-login-page div#login-page-footer{
            bottom: 2px;
        }
    }
}
@media screen and (min-width: 1600px) {
    :root{
        --KHbackground:url('https://s3.amazonaws.com/streaming.greatrivertech.net/design/GRLContentLogIn/khpimages/khpcontent-bg.jpg') no-repeat fixed;
        --padding: 2vw;
    }
    div#login-page.kh-login-page{
        background-position: center right;
    }
/*
    div#login-page.kh-login-page::after{
        content:"Think Beyond the Book";
        position: absolute;
        bottom: 12px;
        right: 10px;
        font-family: var(--font-family-poppins);
        font-weight: 700;
        font-style: italic;
        color:var--kh-black);
        padding: calc(var(--padding) / 2) var(--padding);
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    */
    div#login-page.kh-login-page div#login-page-footer {
        bottom: 26px;
        max-width: 60vw;
    }
    div#login-page.kh-login-page .login-welcome{
        position: fixed;
        display: block;
        left: calc(100vw - 190px);
        top: -20px;
        background: var(--kh-black);
        padding: 30px 20px;
        border-radius: 100%;
        width: 170px;
        height: 170px;
        text-align: center;
        padding-block: 67px 0;
        backdrop-filter: blur(10px);
        filter: drop-shadow(2px 4px 6px rgba(255, 255, 255, .6));
    }
    .kh-login-page #login-page-content input:not([type="submit"]),
    div#login-page.kh-login-page input[type=submit], 
    div#login-page.kh-login-page a .purchase-button{
        padding-block: 14px;
    }
}
 .kh-login-page .login-form-col #first_time_access_code_block input[type=submit] {
         color: #ffffff;
 }