tag acts as a table-cell
[e.g., the add to calendar buttons in EventCalendarDetail]
Known Issues:
The main issue for use cases (B) and (C) is getting the buttons to all have the same height. They should all have the height of the tallest button in the row.
When a button is INSIDE a form then it will usually be wrapped inside a div with the "cl-xx-yy" class like col-md-4. These classes cannot be applied directly
to the button because that would then make the button stretch to fit the column. So those classes must be attached to a wrapper around the button instead. The
issue is that it is then difficult to force all the buttons in a row to match the height of the tallest button since the thing we are giving width and height to
is the wrapper, not the button.
Best style solution for each:
>>>>For (A), you don't need to do anything extra. Since it's a single button, it can be as tall or short as it wants and doesn't have to match any other button.
>>>>For (B), wrap all of the buttons together instead of wrapping each individually. Make the wrapper display: table, make all the buttons display: table-cell.
See example styles labeled (B) STEP 1, (B) STEP 2, etc. below.
>>>>For (C), force all the buttons to have a set height (see example below for tw-add-to-cal-options) or else take them out of wrappers and turn them into (B).
Fix any issues inside the form resulting from this. Unfortunately, these are the only options for (C).
*/
/* (B) STEP 1, (C) STEP 1 */
/* Turns the row that contains the buttons (whether the buttons are unwrapped [i.e., B] or are wrapped with form-group [i.e., a case of C]) into a table */
.tw-add-to-cal-options /* Type: (C), Location: Calendar Control on Public */, .tw-add-to-cal-outlook /* Type: (C), Location: Calendar Control on Public */, .tw-edit-membership-user-lockout, .tw-task-complete-buttons .row, .tw-modifiable-fieldset .row /* Type: (B), Location: System/Modified Info (not inside tab) */, .tw-dontation-inserted-row /* Type: (C), Location: Donations > Edit Donation */, .tw-unsent-preview-buttons-row /* Type: (C), Location: People > Other > Sent Emails > View Draft */, .tw-report-action-buttons-row /* Type: (C), Location: Report Writer */, .tw-person-roles-buttons-row /* Type: (C), Location: People > Advanced Edit > Roles */,
/*.tw-export-from-template-buttons-wrapper Type: (C), Location: Bulk Actions Export Wizard,*/
.tw-my-account-detach-sso-wrapper /* Type: (C), Location: My Account Detach SSO */, //.tw-mpf-save-buttons-wrapper /* Type: (C), Location: Multi-Page Forms */, .tw-leads-enrollment-admit-buttons-wrapper /* Type: (B), Location: Leads Enrollment Tab */, .tw-mini-summary-inner-wrapper /* Type: (C), Location: Leads Edit Form */, .tw-runtime-filter-buttons-wrapper /* Type: (C), Location: Runtime Parameters Popup */, .tw-save-new-template-wrapper /* Type: (C), Location: Runtime Parameters Popup */ {
display: flex;
align-items: center;
justify-content: space-between;
}
.tw-modifiable-fieldset .btn {
width: 100%;
}
.tw-export-wizard-buttons-wrapper {
padding-top: 8px;
}
.tw-feed-access-url-wrapper {
display: flex;
gap: 8px;
}
/* Exceptions due to BS Upgrade 09/27/2022 */
.tw-export-from-template-buttons-wrapper,
.tw-send-email-buttons
{
display: flex;
row-gap: .5em;
margin-top: .5em;
}
.tw-send-email-buttons > * {
width: auto;
}
.tw-top-toolbar .tw-toolbar-filters-wrapper.dropdown /* Location: Top Toolbar in Admin (dropdowns next to buttons) */ {
line-height: 14px;
float: none;
}
.tw-top-toolbar .tw-toolbar-filters-wrapper.dropdown .tw-toolbar-filters-button-content-wrapper {
display: flex !important;
align-items: center;
}
/* (C) STEP 3 */
/* Used to make the text inside the button vertically centered,
This turns the
It's a little weird, but it seems to work. */
.tw-modifiable-fields-tab .form-group /* Location: System/Modified Info in Tab */,
.tw-dontation-inserted-row .form-group /* Location: Donations > Edit Donation */,
.tw-unsent-preview-buttons-row .form-group /* Location: People > Other > Sent Emails > View Draft */,
.tw-report-action-buttons-row .form-group /* Type: (C), Location: Report Writer */,
.tw-person-roles-buttons-row .tw-person-roles-buttons-cell /* Type: (C), Location: People > Advanced Edit > Roles */,
.tw-export-wizard-buttons-wrapper .form-group /* Type: (C), Location: Bulk Actions Export Wizard */,
.tw-my-account-detach-sso-wrapper .form-group /* Type: (C), Location: My Account Detach SSO */,
.tw-mpf-save-buttons-wrapper .form-group /* Type: (C), Location: Multi-Page Forms */,
.tw-mini-summary-inner-wrapper .form-group /* Type: (C), Location: Leads Edit Form */,
.tw-runtime-filter-buttons-wrapper .form-group /* Type: (C), Location: Runtime Parameters Popup */,
.tw-save-new-template-wrapper .form-group /* Type: (C), Location: Runtime Parameters Popup */ {
display: table-cell;
vertical-align: middle;
padding: 4px 3px;
line-height: 14px;
float: none;
}
/* (C) STEP 4 (Optional, but recommended) */
/* Removes the default col-xx-yy width for each button wrapper. Use case style (C), see above */
.tw-modifiable-fields-tab .form-group /* Location: System/Modified Info in Tab */,
.tw-dontation-inserted-row .form-group /* Location: Donations > Edit Donation */,
.tw-unsent-preview-buttons-row .form-group /* Location: People > Other > Sent Emails > View Draft */,
.tw-report-action-buttons-row .form-group /* Type: (C), Location: Report Writer */ ,
.tw-person-roles-buttons-row .tw-person-roles-buttons-cell /* Type: (C), Location: People > Advanced Edit > Roles */,
.tw-export-from-template-buttons-wrapper .form-group /* Type: (C), Location: Bulk Actions Export Wizard */,
.tw-export-wizard-buttons-wrapper .form-group /* Type: (C), Location: Bulk Actions Export Wizard */,
.tw-my-account-detach-sso-wrapper .form-group /* Type: (C), Location: My Account Detac,h SSO */,
.tw-mpf-save-buttons-wrapper .form-group /* Type: (C), Location: Multi-Page Forms */,
.tw-mini-summary-inner-wrapper .form-group /* Type: (C), Location: Leads Edit Form */,
.tw-runtime-filter-buttons-wrapper .form-group /* Type: (C), Location: Runtime Parameters Popup */,
.tw-save-new-template-wrapper .form-group /* Type: (C), Location: Runtime Parameters Popup */
{
width: auto;
}
/* (C) STEP 5 */
/* Needed to make (C) buttons equal height. Use case style (C), see above */
/* Can make the height different where desired */
/* Note: This step may not be necessary if button text is not very long */
/*.tw-add-to-cal-options .btn.btn-app.btn-xs*/ /* Location: Calendar Control on Public *//*,
.tw-add-to-cal-outlook .btn.btn-app.btn-xs*/ /* Location: Calendar Control on Public *//*,
.tw-edit-membership-user-lockout .btn.btn-app.btn-xs,
.tw-task-complete-buttons .row .btn.btn-app.btn-xs,
.tw-modifiable-fields-tab .form-group .btn.btn-app.btn-xs*/ /* Location: System/Modified Info in Tab *//*,
.tw-dontation-inserted-row .form-group .btn.btn-app.btn-xs*/ /* Location: Donations > Edit Donation *//*,
.tw-unsent-preview-buttons-row .form-group .btn.btn-app.btn-xs*/ /* Location: People > Other > Sent Emails > View Draft *//*,
.tw-report-action-buttons-row .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: Report Writer *//*,
.tw-export-wizard-buttons-wrapper .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: Bulk Actions Export Wizard *//*,
.tw-my-account-detach-sso-wrapper .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: My Account Detach SSO *//*,
.tw-mpf-save-buttons-wrapper .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: Multi-Page Forms *//*,
.tw-mini-summary-inner-wrapper .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: Leads Edit Form *//*,
.tw-runtime-filter-buttons-wrapper .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: Runtime Parameters Popup *//*,
.tw-save-new-template-wrapper .form-group .btn.btn-app.btn-xs*/ /* Type: (C), Location: Runtime Parameters Popup */
/*{
height: 76px;
}*/
/* (C) STEP 6 */
/* Hide the empty labels that create extra space above (or to the left of) the buttons. Use case style (C), see above */
.tw-add-to-cal-options .form-group label /* Location: Calendar Control on Public */,
.tw-add-to-cal-outlook .form-group label /* Location: Calendar Control on Public */,
.tw-modifiable-fields-tab .form-group .tw-control-label /* Location: System/Modified Info in Tab */,
.tw-dontation-inserted-row .form-group .tw-control-label /* Location: Donations > Edit Donation */,
.tw-unsent-preview-buttons-row .form-group .tw-control-label /* Location: People > Other > Sent Emails > View Draft */,
.tw-report-action-buttons-row .form-group .tw-control-label /* Type: (C), Location: Report Writer */,
.tw-export-from-template-buttons-wrapper .form-group .tw-control-label /* Type: (C), Location: Bulk Actions Export Wizard */,
.tw-export-wizard-buttons-wrapper .form-group .tw-control-label /* Type: (C), Location: Bulk Actions Export Wizard */,
.tw-my-account-detach-sso-wrapper .form-group .tw-control-label /* Type: (C), Location: My Account Detach SSO */,
.tw-mpf-save-buttons-wrapper .form-group .tw-control-label /* Type: (C), Location: Multi-Page Forms */,
.tw-mini-summary-inner-wrapper .form-group .tw-control-label /* Type: (C), Location: Leads Edit Form */,
.tw-runtime-filter-buttons-wrapper .form-group .tw-control-label /* Type: (C), Location: Runtime Parameters Popup */,
.tw-save-new-template-wrapper .form-group .tw-control-label /* Type: (C), Location: Runtime Parameters Popup */
{
display: none;
}
/* Content-specific button styles */
.tw-add-to-cal-options .form-group,
.tw-add-to-cal-outlook .form-group
{
margin-bottom: 0;
}
.tw-add-to-cal-options,
.tw-add-to-cal-outlook {
border-spacing: 0px;
*border-collapse: expression('separate', cellSpacing = '0px');
}
.row.tw-toolbar-inner-wrapper,
.row.tw-add-to-cal-options,
.row.tw-add-to-cal-outlook
{
margin: 0;
padding: 0;
}
.row.tw-toolbar-inner-wrapper > a.btn,
.row.tw-toolbar-inner-wrapper > a,
.row.tw-add-to-cal-options > a.btn,
.row.tw-add-to-cal-options > a,
.row.tw-add-to-cal-outlook > a.btn,
.row.tw-add-to-cal-outlook > a
.row.tw-send-email-buttons > a.btn,
.row.tw-send-email-buttons > a
{
margin: 2px;
}
.tw-cal-event-close-and-export-wrapper .tw-template
{
min-height: 0 !important;
}
.tw-dontation-inserted-row .form-group.tw-donated-on-label-wrapper .tw-control-label
{
display: inline-block;
}
.tw-person-roles-title {
padding: 0 5px;
}
.tw-buttons-width-50 .btn.btn-app.btn-xs
{
width: 50px;
}
.tw-buttons-width-150 .btn.btn-app.btn-xs
{
width: 150px;
}
.tw-buttons-width-200 .btn.btn-app.btn-xs
{
width: 200px;
}
.tw-buttons-width-250 .btn.btn-app.btn-xs
{
width: 250px;
}
.tw-buttons-width-300 .btn.btn-app.btn-xs
{
width: 300px;
}
.tw-buttons-line-height-24 .btn.btn-app.btn-xs
{
line-height: 24px;
}
.tw-button-no-float.btn.btn-app.btn-xs,
.tw-button-no-float .btn.btn-app.btn-xs
{
float: none;
}
.tw-feed-button>[class*=icon]
{
font-size: 14px !important;
}
.tw-mini-summary-inner-wrapper
{
border-spacing: 0;
}
.tw-mini-summary-inner-wrapper .form-group
{
padding-top: 0;
padding-bottom: 0;
}
/* Modal Window Events */
.modal-body img
{
max-width: 100%;
}
.modal-body .tw-product-variant-price
{
text-align: right;
}
.modal-body .tw-product-variant-description
{
text-align: justify;
}
.modal-body .tw-product-join-ui-lineitem-template-table
{
width: 100%;
}
.tw-float-image-left
{
float: left !important;
}
.tw-float-image-left img
{
padding: 0 10px 10px 0;
}
.tw-float-image-right
{
float: right;
}
.tw-float-image-right img
{
float: right;
}
.tw-float-image-none
{
float: none;
}
.div-product-launch
{
clear: left;
}
.tw-export-all-description
{
margin-bottom: 10px;
}
.tw-toolbar-filter-text,
.tw-search-toolbar-label-and-term {
max-width: 240px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap; /* Need this for ellipsis to work on a single line of text only */
}
.tw-distance-to-root-2 .tw-top-toolbar .btn.btn-app.btn-xs i,
.tw-distance-to-root-3 .tw-top-toolbar .btn.btn-app.btn-xs i {
font-size: 14px !important;
line-height: 14px !important;
}
/*** Medium Buttons ***/
/*.tw-top-toolbar-medium-buttons .tw-top-toolbar .btn.btn-app.btn-xs,
.tw-medium-button.btn.btn-app
{
height: 66px !important;
width: 75px !important;
}*/
.tw-top-toolbar-medium-buttons .tw-top-toolbar .btn.btn-app.btn-xs span
{
max-height: 42px !important;
}
.tw-top-toolbar-medium-buttons .tw-top-toolbar .btn.btn-app.btn-xs span.icon-caret-down,
.tw-medium-button.btn.btn-app span.icon-caret-down
{
width: auto !important;
position: relative;
top: 3px;
}
.tw-medium-button.btn.btn-app span
{
max-height: 42px !important;
width: 75px !important;
}
.tw-top-toolbar-big-buttons .tw-top-toolbar .btn.btn-app.btn-xs span
{
max-height: 56px !important;
}
.tw-top-toolbar-big-buttons .tw-top-toolbar .btn.btn-app.btn-xs span.icon-caret-down,
.tw-big-button.btn.btn-app span.icon-caret-down
{
width: auto !important;
position: relative;
top: 3px;
}
.tw-big-button.btn.btn-app span
{
max-height: 56px !important;
width: 100px !important;
}
.tw-top-toolbar-big-buttons .tw-top-toolbar .tw-toolbar-filters-wrapper .tw-toolbar-filters-button-content-wrapper
{
margin-top: 20px;
}
.tw-top-toolbar-tall-buttons .tw-top-toolbar .btn.btn-app.btn-xs span.icon-caret-down,
.tw-tall-button.btn.btn-app span.icon-caret-down
{
width: auto !important;
position: relative;
top: 3px;
}
.tw-tall-button.btn.btn-app span
{
max-height: 56px !important;
}
.tw-top-toolbar-tall-buttons .tw-top-toolbar .tw-toolbar-filters-wrapper .tw-toolbar-filters-button-content-wrapper
{
margin-top: 20px;
}
.tw-top-toolbar-long-button.btn.btn-app span
{
max-height: 42px !important;
}
/*** Extra Long Buttons (Width Only) ***/
.tw-top-toolbar-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs,
.tw-extra-long-button.btn.btn-app {
min-height: 0 !important;
width: auto !important;
}
.tw-top-toolbar-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs span
{
max-height: 42px !important;
}
.tw-top-toolbar-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs span.icon-caret-down,
.tw-extra-long-button.btn.btn-app span.icon-caret-down
{
width: auto !important;
position: relative;
top: 3px;
}
.tw-top-toolbar-extra-long-button.btn.btn-app span
{
max-height: 42px !important;
}
/*** Extra Extra Long Buttons (Width Only) ***/
.tw-top-toolbar-extra-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs,
.tw-extra-extra-long-button.btn.btn-app
{
width: 200px !important;
min-height: 0 !important;
}
.tw-top-toolbar-extra-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs span
{
max-height: 42px !important;
}
.tw-top-toolbar-extra-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs span.icon-caret-down,
.tw-extra-extra-long-button.btn.btn-app span.icon-caret-down
{
width: auto !important;
position: relative;
top: 3px;
}
.tw-top-toolbar-extra-extra-long-button.btn.btn-app span
{
max-height: 42px !important;
}
/*** Extra Extra Extra Long Buttons (Width Only) ***/
/*.tw-top-toolbar-extra-extra-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs,*/
.tw-extra-extra-extra-long-button.btn.btn-app
{
min-height: 0 !important;
}
.tw-extra-extra-extra-long-button.btn.btn-app span {
white-space: normal !important;
}
.tw-top-toolbar-extra-extra-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs span {
max-height: 42px !important;
}
.tw-top-toolbar-extra-extra-extra-long-buttons .tw-top-toolbar .btn.btn-app.btn-xs span.icon-caret-down,
.tw-extra-extra-long-button.btn.btn-app span.icon-caret-down
{
width: auto !important;
position: relative;
top: 3px;
}
.tw-top-toolbar-extra-extra-extra-long-button.btn.btn-app span
{
max-height: 42px !important;
}
/* Picklist Styles
*******************************************/
.select2-container:focus {
border: 1px solid Blue;
}
.tw-picklist.select2-container.select2-dropdown-open,
.select2-drop,
.select2-drop.select2-drop-above {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tw-picklist a.select2-choice {
background-image: none;
height: 32px;
padding: 3px 4px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
outline: none !important;
}
.tw-picklist.select2-container-active.select2-dropdown-open a.select2-choice {
background: white !important;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tw-picklist.select2-container .select2-choice abbr {
right: 45px;
}
.tw-picklist .select2-choice .select2-arrow {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #eee;
width: 40px;
border-left: 1px solid #d5d5d5;
}
.tw-picklist.select2-container .select2-choice .select2-arrow b {
position: relative;
left: 11px;
top: 3px;
background: none !important;
}
.tw-picklist.select2-dropdown-open .select2-choice .select2-arrow {
background: transparent;
border-left: none;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
background: none;
}
.select2-container-disabled {
border: none;
}
.select2-container-active .select2-choice .select2-chosen {
color: #fff;
background: #90aac4;
padding-left: 3px;
}
.select2-container-active .select2-choice .select2-chosen,
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 59px !important;
}
.select2-container .select2-choice > .select2-chosen,
.select2-container-active .select2-choice .select2-chosen,
.tw-color-picklist {
height: 26px;
}
.select2-results {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
}
.form-control.select2-container.tw-field-picklist-dynamic[style*="inline"],
.form-control.select2-container.tw-field-picklist-static[style*="inline"]
{
display: inline-block !important; /* Put this in to fix Firefox Issues with select2 containers. When there are multiple select2 containers in a row and you select a value for one, the others get messed up because forefox adds inline styling. */
}
.tw-field-picklist
.input-group .form-control.select2-container
{
max-width: 160px; /* Put this in to fix issue with select2 and add-on buttons from ticket #20024 and #19965. Re-check if adverse effects elsewhere. */
}
/* Due Date Time Field */
.tw-datetimepicker
{
height: 34px;
display: flex;
}
.tw-datetimepicker .input-group {
padding-left: 12px;
padding-right: 0;
width: 50%;
}
.tw-datetimepicker .input-group:first-child
{
padding-left: 0;
padding-right: 12px;
}
/* Calendar Styles
*******************************************/
.x-cal-1-ad {
background: #fa7166;
}
.x-cal-2-ad {
background: #cf2424;
}
.x-cal-3-ad {
background: #a01a1a;
}
.x-cal-4-ad {
background: #7e3838;
}
.x-cal-5-ad {
background: #ca7609;
}
.x-cal-6-ad {
background: #f88015;
}
.x-cal-7-ad {
background: #eda12a;
}
.x-cal-8-ad {
background: #d5b816;
}
.x-cal-9-ad {
background: #e281ca;
}
.x-cal-10-ad {
background: #bf53a4;
}
.x-cal-11-ad {
background: #9d3283;
}
.x-cal-12-ad {
background: #7a0f60;
}
.x-cal-13-ad {
background: #542382;
}
.x-cal-14-ad {
background: #7742a9;
}
.x-cal-15-ad {
background: #8763ca;
}
.x-cal-16-ad {
background: #b586e2;
}
.x-cal-17-ad {
background: #7399f9;
}
.x-cal-18-ad {
background: #4e79e6;
}
.x-cal-19-ad {
background: #2951b9;
}
.x-cal-20-ad {
background: #133897;
}
.x-cal-21-ad {
background: #1a5173;
}
.x-cal-22-ad {
background: #1a699c;
}
.x-cal-23-ad {
background: #3694b7;
}
.x-cal-24-ad {
background: #64b9d9;
}
.x-cal-25-ad {
background: #a8c67b;
}
.x-cal-26-ad {
background: #83ad47;
}
.x-cal-27-ad {
background: #2e8f0c;
}
.x-cal-28-ad {
background: #176413;
}
.x-cal-29-ad {
background: #0f4c30;
}
.x-cal-30-ad {
background: #386651;
}
.x-cal-31-ad {
background: #3ea987;
}
.x-cal-32-ad {
background: #7bc3b5;
}
.tw-calendar-disable
{
color: #CCC;
background-color: #999 !important;
}
.tw-calendar-refresh
{
}
.fc-header
{
float: left;
}
/* Nice Buttons
*******************************************/
.row > .btn.btn-app.tw-nice-button
{
margin: 2px 2px 2px 1px;
}
.tw-view .tw-subview .btn-xs[is-finder="true"],
.tw-finder-button, .btn.btn-app.tw-nice-button, .tw-remove,
.tw-bulk-button {
font-size: 13px !important;
line-height: 28px;
padding: 0 9px;
}
.btn.btn-app.tw-nicer-button
{
line-height: 24px !important;
padding: 0 6px !important;
font-size: 12px !important;
}
.tw-view .tw-subview .control-group .btn-mini[is-finder="true"]:first-of-type, .control-group .tw-finder-button:first-of-type {
margin-right: 5px;
}
.btn.btn-app.tw-nice-button {
margin-left: 1px;
min-height: 0;
width: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tw-view-content.short-me .btn.btn-app.tw-nice-button {
white-space: nowrap;
}
.btn.btn-app.tw-nice-button > [class*="icon-"] {
margin-right: 0;
font-size: 110%;
}
.tw-quick-add-row-wrapper .btn.btn-app.tw-nice-button
{
margin-top: 25px;
height: 34px;
}
.tw-quick-add-row-wrapper .btn.btn-app.tw-nice-button > [class*="icon-"]
{
line-height: 34px;
}
/* Users in Roles Styles
*******************************************/
.tw-users-in-roles-checkbox
{
width: auto;
margin-bottom: 2px;
}
.tw-users-in-roles-checkbox .tw-control-label,
.tw-users-in-roles-checkbox br
{
display: none;
}
.tw-users-in-roles-label
{
margin-top: 4px;
}
/* BigSIS Roles */
.tw-bigsis-roles-form .row
{
height: 20px;
clear: left;
}
.tw-bigsis-roles-form .row .form-group
{
width: auto !important; /* Important for the help icons. Find alternative solution if this causes unintended adverse effects. */
}
.tw-bigsis-roles-form .row .form-group.col-sm-6
{
width: 50%;
float: left;
}
.tw-bigsis-roles-form .row .form-group .form-group
{
margin-bottom: 0;
}
.tw-bigsis-roles-form .tw-control-label,
.tw-bigsis-roles-form .row .form-group br
{
display:none;
}
.help-button /* Added this to vertically align question mark, OK to remove if button ever starts to look weird */
{
/*line-height: 19px; *//* Overidden 01/27/2015 to make help button's look less prominent */
}
.help-button
{
line-height: 13px;
height: 16px;
width: 16px;
min-height: 16px;
min-width: 16px;
font-size: 10px;
margin-left: 4px;
}
.tw-bracket
{
border: 1px solid #E5E5E5;
border-top: none;
border-right: none;
width: auto;
margin-left: 20px;
position: relative;
top: -6px;
float: left;
}
.tw-25-width,
.tw-width-25
{
width: 25px;
}
.tw-50-width
{
margin-left: 65px;
width: 25px;
}
.tw-75-width
{
margin-left: 115px;
width: 25px;
}
.tw-width-50
{
width: 50px;
}
.tw-width-75
{
width: 75px;
}
.tw-width-100 {
width: 100px;
}
.tw-width-125
{
width: 125px;
}
.tw-width-150
{
width: 150px;
}
.tw-width-175 {
width: 175px;
}
.tw-width-200 {
width: 200px;
}
.tw-width-250
{
width: 250px;
}
.tw-width-300
{
width: 300px;
}
.tw-width-350
{
width: 350px;
}
.tw-width-400
{
width: 400px;
}
.tw-width-450
{
width: 450px;
}
.tw-width-500
{
width: 500px;
}
.tw-margin-bottom-5
{
margin-bottom: 5px;
}
.tw-margin-bottom-10
{
margin-bottom: 10px;
}
.tw-margin-bottom-15
{
margin-bottom: 15px;
}
.tw-margin-bottom-20
{
margin-bottom: 20px;
}
.tw-margin-bottom-25
{
margin-bottom: 25px;
}
.tw-margin-bottom-40 {
margin-bottom: 40px;
}
.tw-margin-bottom-50 {
margin-bottom: 50px;
}
.tw-margin-top-minus-5 {
margin-top: -5px;
}
.tw-margin-top-minus-10 {
margin-top: -10px;
}
.tw-margin-top-minus-15 {
margin-top: -15px;
}
.tw-user-email-accounts-view
{
min-height: 0px !important;
margin-bottom: 15px;
}
.tw-disable-datetime-picker input
{
pointer-events: none !important;
}
.tw-disable-input input,
.tw-disable-input .input-group {
color: #888 !important;
border-color: #d5d5d5 !important;
pointer-events: none !important;
}
.tw-disable-input .input-group-addon {
display: none !important;
}
.tw-disable-input input,
.tw-disable-input .input-group .select2-selection {
background-color: #f5f5f5 !important;
}
.tw-disable-template-field div {
height: 34px;
display: inline-block;
background-color: #f5f5f5;
border: 1px solid #d5d5d5;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 34px;
color: #888;
pointer-events: none;
}
/* Edit Membership User */
.tw-edit-membership-user-change-password
{
margin-top: 10px;
}
.tw-edit-membership-user-lockout .tw-control-label
{
display: none;
}
/* Single Signup */
.tw-user-signup-create-account-btn,
.tw-sso-signup-logout-btn
{
float: right;
min-width: 180px;
line-height: 34px !important;
padding-left: 0 !important;
display: inline-block !important;
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
min-height: 0 !important;
height: 34px;
padding: 0 !important;
margin: 0 0 14px 0 !important;
}
.tw-sso-signup-logout-btn
{
float: left;
}
.tw-user-signup-create-account-btn i,
.tw-sso-signup-logout-btn i
{
float: left;
-webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.15);
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.15);
display: block;
font-size: 16px !important;
text-align: center;
line-height: 36px !important;
height: 37px !important;
width: 37px !important;
}
.tw-user-signup-create-account-btn span,
.tw-sso-signup-logout-btn span
{
display: block;
line-height: 36px !important;
text-align: left;
font-size: 13px !important;
margin-left: 40px !important;
}
.tw-single-signup
{
float: left;
width: 100%;
}
.tw-single-signup h3
{
float: left;
margin-right: 25px;
}
.tw-single-signup-buttons
{
margin: 2px auto 0;
width: 405px;
}
.tw-signup-password-1,
.tw-signup-password-2{
clear: left;
}
a.fb-login,
.button.google,
.tw-goto-portal {
min-width: 195px;
padding-left: 0;
display: inline-block;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
color: #FFF !important;
margin-bottom: 14px;
line-height: 41px !important;
}
.button.google {
background-color: #DD4B39;
border-color: #CA3523;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
a.fb-login {
background-color: #5675B5;
border-color: #45629E;
}
.button.google:hover,
a.fb-login:hover,
.tw-goto-portal:hover,
#page_content .button.google:hover,
#page_content a.fb-login:hover,
#page_content .tw-goto-portal:hover
{
text-decoration: none !important;
color: #fff;
}
.button.google .tw-signup-label,
a.fb-login .tw-signup-label,
.tw-goto-portal .tw-signup-label
{
display: block;
margin-left: 48px !important;
}
.button.google .icon-google-plus,
a.fb-login .icon-facebook,
.tw-goto-portal span[class^="icon-"]
{
border-right: 1px solid #D63825;
-webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.15);
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.15);
display: block;
float: left;
font-size: 16px !important;
text-align: center;
color: #FFF !important;
line-height: 41px !important;
height: 40px !important;
width: 40px !important;
}
a.fb-login .icon-facebook
{
border-right: 1px solid #5d88c9;
}
.tw-goto-portal span[class^="icon-"]
{
border-right: none;
}
.tw-login-google,
.tw-login-facebook.fb-login
{
margin-bottom: 0 !important;
}
.tw-login-google
{
float: right;
}
.tw-login-or-container
{
text-align: center;
width: 100%;
float: left;
}
.tw-login-divider
{
border-bottom: 1px solid #d5e3ef;
position: relative;
display: inline-block;
top: -12px;
}
.tw-login-or
{
font-size: 1.5em;
width: 10%;
}
.tw-login-signup-button
{
text-decoration: none !important;
}
.tw-login-signup-button span:hover
{
text-decoration: none !important;
}
/* My Account View Styles
********************************************/
.tw-my-account-view .tw-login-google
{
float: left !important;
margin-top: 5px;
}
.tw-my-account-view .tw-my-account-detach-sso-wrapper
{
clear: left;
}
/* Logo Styles
*******************************************/
.tw-portal-header-logo-container
{
height: 45px;
overflow: hidden;
}
.tw-portal-header-logo-container img /* /client-assets/images/logos/logo-admin-wide-sm.png */
{
max-width: 300px; /* Standard will likely be 290px, but leaving enough extra room just in case it's needed */
max-height: 41px; /* Standard will likely be 100px, but will shrink if necessary */
margin: 2px 0;
background: #62A8D1;
}
.tw-login .tw-validations-target-parent
{
min-width: 300px !important;
}
@media (max-width: 767px)
{
.tw-login .tw-bigsis-login-logo,
.tw-login .tw-client-login-logo {
width: 47% !important;
}
}
/* My Account & Password Reset
*******************************************/
.tw-my-account-edit-email input
{
color: #3A87AD;
}
.tw-password-recovery-button
{
margin-bottom: 15px;
}
.tw-my-account-change-password-container .tw-validations
{
max-width: 514px;
clear: left;
}
.tw-my-account-change-password-container .tw-form-validations,
.tw-reset-password-form-container .tw-form-validations,
.tw-reset-password-form-container .tw-validations
{
list-style: none;
}
.tw-reset-password-form-container,
.tw-reset-password-logos-container,
.tw-reset-password-success-container
{
width: 514px !important;
margin: 0 auto !important;
}
.tw-reset-password-success-container
{
text-align: center;
}
.tw-change-password-btn
{
display: block;
}
.tw-reset-password-form-container,
.tw-reset-password-success-container
{
margin-top: 25px !important;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.tw-reset-password-title
{
width: 100%;
text-align: center
}
.tw-reset-password-form,
.tw-reset-password-form .form-group
{
width: 100%;
}
.tw-reset-password-logos-container
{
text-align: center;
}
.tw-reset-password-success-container .tw-breadcrumbs
{
display: none !important;
}
.tw-reset-password-success-container h4
{
border-bottom: 1px solid #D5E3EF;
line-height: 28px;
margin-bottom: 16px;
margin-top: 18px;
padding-bottom: 4px;
font-size: 19px;
}
.tw-reset-password-success-container a
{
color: #428BCA;
text-decoration: none;
}
.tw-reset-password-success-container a:hover
{
color: #2A6496;
text-decoration: underline;
}
.tw-reset-logos
{
clear: both;
float: left;
width: 100%;
}
.tw-reset-logo-1
{
display: block;
margin: 0 0 15px 0;
}
.tw-reset-logo-2 img /* /client-assets/images/logos/logo-admin-wide-md.png */
{
max-width: 490px !important; /* Standard size is 435px but just in case, allowing for 490px here*/
max-height: 150px !important; /* Standard size is 150px */
}
.tw-reset-msg
{
color: #008000;
}
.tw-reset-header
{
font-weight: bold;
color: #393939;
}
.tw-reset-password-asterisk
{
font-size: 0.8em;
}
.tw-reset-password-btn
{
width: auto !important;
float: right !important;
}
.tw-usersignup-form
{
max-width: 600px;
}
.tw-usersignup-success-form .tw-breadcrumbs
{
display: none !important;
}
.tw-usersignup-form .form-group .form-control[data-property-name=Username] /* Temp fix for Firefox */
{
clear: left
}
.tw-usersignup-form .form-group
{
margin-bottom: 15px;
}
.tw-usersignup-form .tw-single-signup
{
min-height: 0px;
}
/* Donation Form Styles
*******************************************/
.tw-arb-message
{
font-size: 14px;
color: #1f0000;
font-weight: bold;
}
.tw-public-donation-form-view-wrapper
{
width: 100%;
margin: 0;
}
.tw-public-donation-form-view-wrapper ~ div .tw-breadcrumbs
{
display: none !important;
}
.tw-public-donation-form-view-wrapper ~ div .tw-top-toolbar {
z-index: 1000 !important;
}
.tw-public-donation-form-view-wrapper div fieldset {
margin-bottom: 0;
}
.tw-public-form-header {
float: left;
padding: 10px;
}
.tw-public-form-footer
{
border-top: 1px solid lightgrey;
padding-top: 10px;
}
.tw-public-form-header,
.tw-public-form-footer {
float: left;
margin: 15px 0;
width: 100%;
}
.tw-donor-open-donations-on-public-form-wrapper,
.tw-donor-new-donation-form-on-public-form-wrapper {
float: left;
padding: 16px;
border: 1px solid hotpink;
border-radius: 15px;
margin: 15px 0;
width: 100%;
}
.tw-donor-new-donation-form-on-public-form-wrapper
{
padding: 10px;
border-color: mediumpurple;
}
.tw-template.tw-cc-fee-summary-template,
.tw-template.tw-ach-fee-summary-template
{
min-height: 0 !important;
}
.tw-captcha
{
text-align: right;
}
.tw-public-donation-form-payment-info-page fieldset
{
margin-bottom: 0 !important;
}
.tw-captcha-wrapper
{
margin-bottom: 15px;
float: left;
width: 100%;
}
.tw-captcha-wrapper .form-group
{
margin-bottom: 0;
}
.tw-captcha-wrapper .btn.btn-app.btn-xs
{
min-height: 0;
width: 49px;
background: none !important;
float: right;
padding: 0;
font-size: 12px;
}
.tw-captcha-wrapper .btn.btn-app.btn-xs span
{
color: blue !important;
text-shadow: none;
}
.tw-public-donation-form-installment-levels
{
margin-top: 15px;
float: left;
width: 100%;
}
.tw-realistic-money-field .money-field
{
width: 215px;
}
fieldset.tw-subfieldset-level1 {
margin-left:20px;
}
fieldset.tw-subfieldset-level2 {
font-size: 15px;
margin-left:40px;
}
fieldset.tw-subfieldset-level1 legend {
border: none;
font-size: 16px;
}
fieldset.tw-subfieldset-level2 legend {
border: none;
font-size: 14px;
}
body .tw-subfieldset-spacer {
margin-bottom: 12px;
}
body fieldset.tw-subfieldset-spacer {
margin-bottom: 12px;
}
.tw-type-of-donation-subfieldset-spacer
{
margin-top: 12px;
}
.tw-type-of-donation-subfieldset-spacer>legend:first-child
{
margin-bottom: 12px;
}
body fieldset.tw-giving-levels-fieldset {
margin-left: 0;
}
.tw-small-text {
font-size: smaller;
}
hr.tw-thin {
margin-top:5px;
margin-bottom:5px;
}
.tw-fake-fieldset-legend {
font-size: 20px;
}
.tw-no-legend > legend:first-child,
.tw-hide-legend > legend:first-child
{
display: none;
}
.tw-strong-information-fieldset form-group {
border: solid 1px #898989;
}
.tw-strong-information-fieldset .tw-control-label {
font-size: 14px;
}
.tw-strong-information-fieldset h6 {
font-weight: bold;
font-size: 16px;
margin: 0;
}
.tw-strong-information-fieldset span {
font-weight: normal;
font-size: 13px;
}
.tw-box-form h5 {
font-weight: bold;
}
.tw-tiny-text {
font-size:12px;
}
.tw-pointer {
cursor: pointer;
}
.tw-progress-bar {
border-radius: 2px;
height: 20px;
border: solid 1px #CCC;
background-color: white;
}
[data-action-property-name="ChangeDonorProfile"] {
margin-top: 4px;
display: inline-block;
}
.tw-progress-bar > div {
background-color: #91ff76;
height: 18px;
border-radius: 2px;
}
.tw-box-form h5:after {
content: '';
clear: both;
display: block;
}
.tw-view .tw-button-go-right {
float: right;
margin-right: 20px;
}
.tw-installment-schedule-description {
font-size: 18px;
}
.tw-public-donation-form-view-wrapper .radio-inline {
padding-left: 0;
margin-left: 0;
}
.tw-public-donation-form-view-wrapper input[type=radio]+.lbl {
padding: 5px;
border-radius: 2px;
}
.tw-public-donation-form-view-wrapper input[type=radio]:checked+.lbl {
background-color: #dae9f2;
border: solid 1px #bed9ea;
font-weight: bold;
padding: 4px;
}
.tw-public-donation-form .tw-giving-levels-radio-group .radio-inline
{
display: block;
clear: left;
margin: 0 0 15px 0!important;
}
.tw-public-donation-form .tw-giving-levels-radio-group input[type=radio].ace+.lbl::before
{
position: relative;
top: -5px;
margin-right: 5px;
}
.tw-public-donation-form .tw-giving-levels-radio-group .radio-inline .lbl h3
{
display: inline;
margin-right: 5px;
}
.tw-public-donation-form .tw-giving-levels-radio-group .radio-inline .lbl h3.tw-giving-levels-other-h3
{
margin-left: 2px;
}
.tw-public-donation-form-enter-new-donation-wrapper
{
text-align: center;
}
.tw-public-donation-form-enter-new-donation-wrapper .btn.btn-app.btn-xs
{
float: none;
}
.tw-custom-success-template-content
{
margin-bottom: 15px;
}
.tw-top-parent-view .btn.tw-field-login {
border-radius: 8px;
border-color: hotpink !important;
background-color: hotpink !important;
font-size: 22px;
float: left;
width: 100px;
height: 57px;
line-height: 37px;
}
.tw-top-parent-view .btn.tw-field-login:hover {
border-color: deeppink !important;
background-color: deeppink !important;
}
.tw-public-form-login-and-suggested-amount-wrapper {
width: 100%;
float: left;
margin-bottom: 10px;
border-bottom: 1px solid darkgrey;
padding-bottom: 10px;
}
.tw-login-required-login-button-wrapper.tw-public-form-login-and-suggested-amount-wrapper
{
border-bottom: none;
margin-top: 30px;
}
.tw-suggest-amount-half
{
padding-right: 0 !important;
}
.tw-suggested-amount-template
{
font-weight: bold;
font-size: 20px;
float: right;
padding-top: 27px;
}
.tw-login-half
{
padding-left: 0 !important;
}
.tw-login-required-login-button-wrapper .tw-login-half
{
width: 86px;
margin: 0 auto;
}
.tw-login-required-login-button-wrapper .tw-suggest-amount-half
{
width: 100% !important;
float: left !important;
text-align: center !important;
}
.tw-fade-in
{
animation: fadeIn ease 1s;
animation-delay: 0s;
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@media (max-width: 1200px) {
.dropdown-menu {
max-width: 250px;
}
}
@media (min-width: 1201px) and (max-width: 1395px)
{
.dropdown-menu
{
max-width: 300px;
}
}
@media (min-width: 1396px) and (max-width: 1595px)
{
.dropdown-menu
{
max-width: 400px;
}
}
@media (max-width: 1395px)
{
.dropdown-submenu:hover > .dropdown-menu
{
max-height: 200px !important;
}
}
@media (max-width: 1595px)
{
.dropdown-submenu:hover > .dropdown-menu
{
max-height: 300px !important;
}
}
@media (min-width: 1596px)
{
.dropdown-submenu:hover > .dropdown-menu
{
max-height: 400px !important;
}
}
/* Admin Features Help
*******************************************/
.tw-help-video-iframe-wrapper, .tw-help-video-iframe {
min-width: 640px;
min-height: 360px;
}
@media (max-width: 1400px)
{
.tw-help-video-iframe-wrapper, .tw-help-video-iframe
{
width: 640px;
height: 360px;
}
}
@media (min-width: 1401px) and (max-width: 1614px)
{
.tw-help-video-iframe-wrapper, .tw-help-video-iframe
{
width: 854px;
height: 480px;
}
}
@media (min-width: 1615px) and (max-width: 1764px)
{
.tw-help-video-iframe-wrapper, .tw-help-video-iframe
{
width: 1024px;
height: 576px;
}
}
@media (min-width: 1765px)
{
.tw-help-video-iframe-wrapper, .tw-help-video-iframe
{
width: 1366px;
height: 768px;
}
}
/* Marker Styles
*******************************************/
.tw-markers-wrapper, .tw-event-markers-wrapper
{
margin: 10px 0 20px;
}
.tw-markers-wrapper-title {
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
text-decoration: underline;
min-width: 350px;
}
.tw-markers-wrapper .tw-marker-row
{
display: table-row;
}
.tw-markers-wrapper .tw-marker-row:nth-child(even)
{
background-color: #ccc;
}
.tw-markers-wrapper .tw-marker-row:nth-child(odd)
{
background-color: #fff;
}
.tw-markers-wrapper .tw-marker-title {
display: table-cell;
padding: 5px 5px;
font-weight: bold;
text-transform: capitalize;
max-width: 450px;
}
.tw-markers-wrapper .tw-marker-key {
display: table-cell;
padding-right: 5px;
max-width: 750px;
overflow-wrap: break-word;
}
.tw-confirmation-template-markers-wrapper .tw-markers-wrapper .tw-marker-title,
.tw-confirmation-template-markers-wrapper .tw-markers-wrapper-title {
min-width: 0;
}
.tw-markers-wrapper {
height: 360px;
border: 1px solid #9e9e9e;
border-radius: 8px;
padding: 5px 3px;
max-width: 90%;
}
.tw-markers-wrapper .tw-markers
{
height: 350px;
overflow: auto;
border-radius: 8px
}
.tw-template-for-email-editor .tw-template-fillable-meta-data
{
display: none;
width: 0% !important;
}
.tw-template-meta-data-from-datasource
{
width: 100% !important;
}
.tw-email-body-plaintext-wrapper {
margin-bottom: 15px;
}
/* Context Menu
********************************************/
.tw-invalid-context-menu {
padding: 0 15px;
font-size: 12px;
}
/*************** Volunteer Totals *********************/
.tw-volunteer-totals-amount {
font-weight: bold;
font-size:14px;
}
/* CSS to allow for Dropdown SubMenus in Bootstrap 3.0 (they took them out in 3.0)
*******************************************/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/* System Message Styles
*******************************************/
.tw-sys-msgs-dashboard-widget-wrapper
{
margin-top: 10px;
}
.tw-sys-msgs-dashboard-widget-wrapper .tw-sys-msgs-dashboard-widget-wrapper
{
margin-top: 0;
}
.tw-sys-msgs-dashboard-widget-wrapper h4
{
line-height: 20px;
padding: 5px 0;
display: inline-block;
}
.tw-sys-msgs-dashboard-content-wrapper
{
overflow-y: auto;
overflow-x: hidden;
height: 180px;
}
.tw-sys-msgs-dashboard-content
{
max-width: 98%;
overflow: hidden;
cursor: initial;
}
.tw-sys-msgs-dashboard-btn-acknowledge,
.tw-sys-msgs-dashboard-btn-acknowledge:hover {
float: right;
position: relative;
top: 0px;
right: 10px;
border: 1px solid #f60;
border-radius: 5px;
padding: 2px;
color: red;
}
.tw-sys-msgs-dashboard-btn-acknowledge:hover {
text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1199px)
{
.tw-sys-msgs-dashboard-content-wrapper
{
height: 354px;
}
}
@media (min-width: 1200px)
{
.tw-sys-msgs-dashboard-content-wrapper
{
height: 180px;
}
}
/* CSS Tooltip Styles
******************************************/
/*
To use Tooltip Style 1, you need this HTML:
This is an extra
credit assignment
*/
.tw-css-tooltip,
.tw-css-tooltip-right
{
cursor: pointer;
position: relative;
}
.tw-css-tooltip > .tw-css-tooltip-message,
.tw-css-tooltip-right > .tw-css-tooltip-message
{
font-style: normal;
font-weight: normal;
text-align: center;
line-height: 150%;
color: white;
background: #000;
background-clip: padding-box;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
padding: 5px 0;
bottom: 90%;
margin-bottom: 15px;
visibility:hidden;
opacity:0;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
z-index: 100000000;
}
.tw-css-tooltip-right > .tw-css-tooltip-message
{
margin-left: 15px;
margin-bottom: 0;
bottom: auto;
left: 100%;
top: -90%;
}
.tw-css-tooltip > .tw-css-tooltip-message:before,
.tw-css-tooltip > .tw-css-tooltip-message:after,
.tw-css-tooltip-right > .tw-css-tooltip-message:before,
.tw-css-tooltip-right > .tw-css-tooltip-message:after
{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.tw-css-tooltip-right > .tw-css-tooltip-message:before,
.tw-css-tooltip-right > .tw-css-tooltip-message:after
{
top: 50%;
left: 0;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
border-right: 10px solid #000;
border-left: none;
}
.tw-css-tooltip > .tw-css-tooltip-message:before,
.tw-css-tooltip-right > .tw-css-tooltip-message:before
{
margin-top: -2px;
z-index: 1;
border-top: 10px solid #000;
}
.tw-css-tooltip-right > .tw-css-tooltip-message:before
{
margin-top: 0px;
z-index: 1;
border-top: none;
border-right: 10px solid #000;
}
.tw-css-tooltip:hover > .tw-css-tooltip-message,
.tw-css-tooltip-right:hover > .tw-css-tooltip-message
{
visibility: visible;
opacity: 1;
}
/*
To use Tooltip 2 below, you need this HTML structure
This is an extra
credit assignment.
*/
.tw-css-tooltip-2-container
{
position: relative;
}
.tw-css-tooltip-2-container .tw-css-tooltip-2-message
{
z-index:10;
display:none;
padding:14px 20px;
margin-top:0px;
margin-left:4px;
width:300px;
line-height:16px;
}
.tw-css-tooltip-2-trigger:hover .tw-css-tooltip-2-message
{
display:inline;
position:absolute;
color:#111;
border:1px solid #DCA;
background:#fffAF0;
}
.tw-css-tooltip-2-message
{
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
.tw-css-tooltip-2-icon-wrapper
{
cursor: pointer;
}
/* Calendar Buttons Fix
**********************************************/
.tw-top-parent-view .tw-calendar-extra-buttons .tw-calendar-refresh,
.tw-top-parent-view .tw-calendar-extra-buttons .tw-calendar-feeds
{
border-width: 3px;
}
.tw-top-parent-view .tw-calendar-extra-buttons .tw-calendar-refresh
{
background-color: #6fb3e0!important;
border-color: #6fb3e0!important;
}
.tw-top-parent-view .tw-calendar-extra-buttons .tw-calendar-refresh:hover
{
background-color: #4f99c6!important;
border-color: #6fb3e0!important;
}
.tw-top-parent-view .tw-calendar-extra-buttons .tw-calendar-feeds
{
background-color: #d15b47!important;
border-color: #d15b47!important;
}
.tw-top-parent-view .tw-calendar-extra-buttons .tw-calendar-feeds:hover
{
background-color: #b74635!important;
border-color: #d15b47!important;
}
/* Calendar Feed View
**********************************************/
.tw-personalized-feed-wrapper {
position: relative;
}
.tw-public-feed-wrapper .tw-row-selectable
{
cursor: default;
}
.tw-public-feed-wrapper code
{
cursor: text;
}
.tw-personalized-feed-wrapper .tw-toolbar {
position: absolute;
bottom: 110px;
}
.tw-personalized-feed-wrapper .tw-top-toolbar .btn.btn-app.btn-xs {
width: 110px !important;
}
.tw-personalized-feed-wrapper .tw-toolbar .tw-validations {
position: absolute;
bottom: 42px;
}
.tw-personalized-feed-wrapper .tw-checkbox-group-empty
{
display: inline-block;
margin-left: 20px;
font-style: italic;
}
.tw-personalized-feed-access-url-positioning-wrapper
{
margin-top: 80px;
}
.tw-public-feed-wrapper h3,
.tw-personalized-feed-wrapper legend
{
font-size: 14px;
margin-bottom: 10px;
padding-top: 10px;
}
.tw-public-feed-wrapper h3
{
margin-top: 0;
padding-top: 0;
}
.tw-feed-access-url-wrapper
{
margin-top: 5px;
}
/* MPF Styles
**********************************************/
.tw-mpf-permission-form-question-set-title
{
border-bottom: 1px solid #b52c26;
}
.tw-mpf-breadcrumbs-selected,
.tw-mpf-breadcrumbs-selected:after
{
background-color: #6c9842 !important;
}
.tw-mpf-health-join-health-info-view-wrapper
{
min-height: 0 !important;
}
.tw-mpf-permission-form-questions
{
}
.tw-mpf-permission-form-answers-inner-wrapper
{
margin-bottom: 15px;
}
.tw-mpf-permission-form-question-title
{
font-size: 16px;
}
.tw-mpf-permission-form-agree
{
margin-bottom: 0 !important;
}
.tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb,
.tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb:after
{
background-color: #b4c2cc !important;
}
.tw-mpf-health-permissions-checkmarks-edit-view-wrapper .tw-view-content .tw-list
{
clear: left;
}
.tw-mpf-save-buttons-wrapper .form-group
{
padding: 0;
}
.tw-mpf-health-permission-form-result,
.tw-mpf-emergency-contact-form-result
{
margin-bottom: 10px;
margin-left: 20px;
}
.tw-mpf-final-form-completion-statement,
.tw-mpf-final-form-require-signature-wrapper,
.tw-mpf-final-form-require-payment-wrapper,
.tw-mpf-final-form-completed,
.tw-mpf-final-form-wrapper
{
float: left;
width: 100%;
}
.tw-mpf-final-form-completion-statement
{
margin-top: 20px;
margin-bottom: 20px;
}
.tw-mpf-final-form-require-signature-wrapper
{
margin-bottom: 30px;
}
.tw-mpf-emergency-contact-form-result-link
{
color: #acbac8;
text-decoration: underline;
}
.tw-mpf-emergency-contact-form-result-link:hover
{
color: #2a6496;
}
.tw-newcontact-added-choices-wrapper label.radio-inline .help-button {
display: none;
}
.tw-mpf-page-items-runtimefields,
.tw-mpf-page-items-runtimefields p
{
font-size: 14px;
}
/* Public Form Styles
**********************************************/
.tw-public-form-wrapper {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #393939;
line-height: 1.5;
background: transparent !important;
}
.tw-public-embed-form-wrapper {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #393939;
line-height: 1.5;
background: transparent !important;
}
.tw-public-embed-form-wrapper .datepicker table
{
max-width: none;
}
.tw-public-embed-form-wrapper .datepicker table
{
border-collapse: collapse;
border-spacing: 0;
}
.tw-public-embed-form-wrapper .datepicker td,
.tw-public-embed-form-wrapper .datepicker th
{
min-width: 20px;
}
.tw-public-embed-account-register-wrapper
{
}
.tw-public-embed-account-reset-wrapper
{
}
/* Online Inquiry Styles
**********************************************/
.tw-inquiry-online-success-template
{
clear: left;
padding-top: 15px;
}
.tw-inquiry-online-success-template-container
{
}
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs {
min-height: 84px;
width: 150px;
display: table;
border-radius: 12px;
}
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs span {
display: table-cell;
vertical-align: middle;
float: left;
width: 100%;
}
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs.longtxt span {
font-size: 15px !important;
line-height: 17px !important;
}
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs:hover,
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs:focus {
border-color: #fff;
}
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs:focus {
background-color: inherit;
}
.tw-inquiry-online-success-template-container .btn.btn-app.btn-xs>[class*=icon] {
min-width: 0;
padding: 0;
display: block;
font-size: 24px !important;
line-height: 24px !important;
margin: 0;
}
/* Document Download Styles
**********************************************/
td[data-column-property-name="DownloadInGrid"]
{
width: 25px !important;
}
.tw-grid-download-btn {
font-size: 16px;
color: #1a5173;
}
/* Quickview Styles
**********************************************/
.tw-person-view-quickviewform-wrapper.col-sm-6 {
float: left;
width: 50%;
}
.tw-person-view-quickviewform-wrapper .tw-quickview-print-button
{
top: -67px;
}
.tw-merge-delete-person-quickview-wrapper .tw-quickview-print-button,
.tw-merge-keep-person-quickview-wrapper .tw-quickview-print-button
{
top: -142px !important;
}
.tw-merge-keep-person-quickview-wrapper .tw-quickview-print-button
{
left: 0px !important;
}
.tw-for-embed-for-portal-quickview-wrapper .tw-quickview-print-button
{
position: relative !important;
top: 0 !important;
left: 0 !important;
}
.tw-person-view-delete-confirm-wrapper .tw-quickview-print-button
{
left: 179px !important;
top: -67px !important;
}
/* Lead Summary
***********************************************/
.tw-lead-summary-bold {
font-weight: bold;
}
.tw-lead-summary-right {
text-align:right;
}
.tw-view-edit-additional-lead-info-tbn
{
width: 165px !important
}
/* Custorm Form Fields Layout Styles
**********************************************/
/*.tw-custom-form-field-items-wrapper .btn.btn-app.btn-xs[data-action-property-name*=NewLayout]
{
width: 75px;
}*/
.tw-custom-form-header
{
text-transform: none;
padding: 0;
margin: 0;
}
.tw-custom-form-information,
.tw-custom-form-information p
{
font-size: 14px;
}
/* Runtime Filter Parameter Styles
**********************************************/
.tw-runtime-filter-params-view-wrapper .page-header {
display: none !important;
}
.tw-runtime-filters-description-item-title {
font-weight:bold;
border-bottom: solid 1px #2679B5;
}
.tw-new-template-title-field
{
width: 260px !important;
}
.tw-new-template-title-field .tw-control-label
{
display: inline-block !important;
}
.tw-save-new-template-wrapper::before
{
display: none !important;
}
.tw-save-new-template-wrapper
{
padding: 3px;
width: auto;
margin: 0 12px;
}
.modal-backdrop~.popover{
z-index: 1200 !important;
}
.tw-runtime-filter-params-view-wrapper hr
{
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.tw-view-content.tw-runtime-filter-params-view-wrapper .lbl,
.tw-view-content.tw-runtime-filter-params-view-wrapper label
{
font-size: 13px;
}
.tw-runtime-filter-params-view-wrapper .tw-save-new-template-fieldset-wrapper legend
{
font-size: 13px !important;
}
.tw-rtp-person-system-filter-better-styles
{
padding: 8px;
border: 1px solid #a8a8a8;
margin: 8px 0;
border-radius: 8px;
}
.tw-wrapper-for-non-template-fieldtypes:last-child > .form-group {
margin-bottom: 0 !important;
}
.tw-runtime-filter-params-view-wrapper .tw-rtp-person-system-filter-student-guardian-includes-wrapper .form-group {
margin-bottom: 3px !important;
}
.tw-person-system-filter-students-in-good-standing-wrapper,
.tw-person-system-filter-students-in-bad-standing-wrapper
{
padding: 5px;
clear: left;
margin-bottom: 0;
}
.tw-rtp-person-system-filter-radio-group-wrapper
{
float: left;
width: 100%;
}
.tw-rtp-person-system-filter-radio-group-wrapper label
{
float: left;
}
.tw-rtp-person-system-filter-radio-group-wrapper .tw-radio-group
{
float: left;
margin-left: 8px;
}
.tw-rtp-person-system-filter-program-choices
{
margin-top: 10px;
}
.tw-runtime-filter-params-view-wrapper .tw-rtp-main-form-wrapper .tw-row-selectable {
border-bottom: 3px double #eee;
margin-bottom: 5px;
}
.tw-runtime-filter-params-view-wrapper .tw-rtp-main-form-wrapper .tw-row-selectable:last-child {
border-bottom: none;
}
/* Better spacing */
.tw-runtime-filter-params-view-wrapper .tw-rtp-main-form-wrapper * {
font-size: 12px !important;
}
.tw-runtime-filter-params-view-wrapper .form-group {
margin-bottom: 5px !important; /*was 10px but don't think that much is necessary 2018-11-27*/
}
.tw-runtime-filter-params-view-wrapper .tw-rtp-person-system-filter-better-styles .form-group
{
margin-bottom: 0px !important;
}
.tw-runtime-filter-params-view-wrapper .tw-picklist a.select2-choice
{
height: 26px !important;
}
.tw-runtime-filter-params-view-wrapper .select2-container .select2-choice > .select2-chosen,
.tw-runtime-filter-params-view-wrapper .select2-container-active .select2-choice .select2-chosen,
.tw-runtime-filter-params-view-wrapper .tw-color-picklist
{
height: 20px !important;
font-size: 13px;
}
.tw-runtime-filter-params-view-wrapper .select2-container .select2-choice
{
line-height: 20px !important;
}
.tw-runtime-filter-params-view-wrapper .input-group-addon
{
font-size: .85rem;
}
/* Recur Latest Templates Table
**********************************************/
.tw-recurring-gift-latest-payments legend {
margin-bottom: 0;
border-bottom: none;
}
.tw-recurring-gift-latest-payments td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5
}
/* Modal Window Dialog Needed Re-Sizing for RTP and new System Filter box
**********************************************/
@media screen and (min-width: 768px) {
.modal-dialog {
width: 700px;
}
.modal{
--bs-modal-width: 700px !important;
}
}
/* Additional Fixes for Picklists
**********************************************/
.tw-picklist .select2-default
{
text-transform: lowercase;
}
.tw-picklist .select2-default .select2-chosen:first-letter
{
text-transform: capitalize;
}
/* Additional Fixes for excessive quicktips on radio buttons
**********************************************/
.radio-inline .help-button {
display: none;
}
/* Copy Button
**********************************************/
.btn-copy {
height: 22px !important;
padding: 0 !important;
margin: 4px 0 !important;
width: 50px !important;
min-height: 0 !important;
line-height: 22px !important;
float: right !important;
}
.tw-summary-payment-schedule table {
border: 1px solid lightgray;
}
.tw-summary-payment-schedule th {
border: 1px solid lightgray;
padding: 8px;
}
.tw-summary-payment-schedule td {
border: 1px solid lightgray;
padding: 8px;
text-align: right;
}
/* Program Participation Widget Styles
**********************************************/
.cards
{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
grid-gap: 6px;
max-width: 960px;
margin: 10px auto;
}
.card
{
position: relative;
margin: 0 auto;
border: none;
}
.card img
{
}
.tw-participation-program-wrapper
{
max-height: 42px;
overflow: hidden;
font-size: 12px;
line-height: 14px;
}
.tw-households-widget .select2-container .select2-choice > .select2-chosen
{
max-width: 191px !important;
}
/* Enrollment Cohorts and Schedule Options
**********************************************/
.tw-enrollment-schedule-types-wrapper .tw-view,
.tw-enrollment-schedule-types-wrapper .tw-subview
{
min-height: 200px !important;
margin-bottom: 20px !important;
}
/* Misc
**********************************************/
a.tw-icon-none-clear:hover
{
text-decoration: none !important;
}
.tw-clickable-icon,
.tw-clickable-icon:hover
{
text-decoration: none !important;
cursor: pointer !important;
}
.tw-view-content.tw-assessment-portal-consolidated-reports-form
{
position: relative;
z-index: 1000001;
}
.tw-evaluation-narrative-form-wrapper input[type=checkbox].ace:disabled + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=radio].ace:disabled + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=checkbox].ace[disabled] + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=radio].ace[disabled] + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=checkbox].ace.disabled + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=radio].ace.disabled + .lbl::before
{
color: #54a3ce !important;
}
.tw-evaluation-narrative-form-wrapper input[type=checkbox].ace:disabled + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=radio].ace:disabled + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=checkbox].ace[disabled] + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=radio].ace[disabled] + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=checkbox].ace.disabled + .lbl::before,
.tw-evaluation-narrative-form-wrapper input[type=radio].ace.disabled + .lbl::before
{
}
/* Mobile responsive adjustments
**********************************************/
@media (max-width: 620px)
{
.tw-login .width-35
{
width: 100% !important;
text-align: center;
}
.tw-login a.tw-login-facebook.fb-login.button
{
margin-bottom: 10px !important;
}
.tw-login .width-45
{
width: 100% !important;
}
.tw-login .tw-login-google
{
float: none;
}
.tw-markers-wrapper .tw-marker-title
{
max-width: 300px;
}
.tw-markers-wrapper .tw-marker-key
{
max-width: 300px;
}
}
@media (max-width: 685px)
{
.navbar-brand
{
font-size: 14px !important;
padding: 4px !important;
}
.navbar .navbar-header.pull-left
{
/*width: 290px !important;*/
max-width: 70% !important;
display: inline-block !important;
padding-right: 0 !important;
}
.navbar .navbar-header.pull-right
{
float: right !important;
display: inline-block !important;
padding-left: 0 !important;
}
.navbar .navbar-brand .tw-navbar-logotype
{
padding-top: 0 !important;
}
.navbar .tw-navbar-logotype,
.navbar .tw-navbar-client-hyphen,
.navbar .user-info
{
display: none !important;
}
.ace-nav
{
float: right;
letter-spacing: normal;
border: none;
text-align: left;
}
.tw-toolbar-inner-wrapper .tw-toolbar-filters-wrapper .tw-toolbar-filters-button-content-wrapper > span,
.tw-toolbar-inner-wrapper .btn.btn-app.btn-xs > i + span
{
display: none;
}
}
/* Platform Print Styles
**********************************************/
@media print
{
.tw-view-calendar .fc-header-left, .tw-view-calendar .fc-header-right
{
visibility: hidden !important;
}
.tw-view-calendar .page-header,
.tw-view-calendar .tw-calendar-extra-buttons
{
display: none;
}
.tw-view-calendar a[href]:after
{
display: none;
}
.tw-view-calendar .tw-calendar-list-item
{
border-style: solid;
border-width: 1px;
}
}
/* Print Styles should be the final styles. If you want to edit this file, please do so ABOVE the print styles. */
/* End */
/* End */
/* End */
/* End */
/* Upgrading to Bootstrap 5.2 */
a {
text-decoration: none!important;
}
.tw-menutree .dropdown-toggle::after {
display: none !important;
}
.nav {
display: block!important;
}
.tw-tabs > .nav {
display: flex!important;
}
.row {
margin-bottom: 0.8rem; /* AEQ bottom buttons fighting the checboxes now */
}
.input-group {
gap: 0rem;
align-items: center;
}
.input-group > .select2-container {
flex: 1 0 0;
}
.input-group .select2-selection {
border-radius: 0;
}
.select2-container .select2-selection--single {
height: 39px;
border-color: #d5d5d5;
width: 100%;
max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
transform: translate(-50%, -50%);
margin-top: 0;
}
.select2-dropdown {
z-index: 1056;
}
.input-group .input-group-addon i {
font-size: .85rem;
}
.tw-tabs.tabs-left > .nav {
flex-direction: column;
}
.tw-tabs.tabs-left > .nav > li {
display: flex;
}
.tw-tabs.tabs-left > .nav > li > a {
flex: auto;
border-bottom: none;
}
.breadcrumb {
display: flex;
font-size: .9rem;
}
.tw-breadcrumbs.breadcrumbs {
display: flex;
align-items: center;
}
.user-profile .icon-caret-down {
display: none;
}
.page-header {
display: flex;
flex-direction: row-reverse;
}
.page-header > h1 {
flex: 1 0 0;
}
.page-header > div {
justify-content: right;
}
.page-header > .tw-search-box-wrapper {
width: 50%;
}
.tw-grading-view-student-row {
display: flex;
}
.tw-grading-view-student-row .tw-list {
display: flex;
}
.row.tw-nav-myaccount-button-wrapper {
justify-content: right;
}
.row.tw-portal-header.navbar {
display: flex;
padding: 0;
}
.row.navbar-header.pull-right.tw-nav-myaccount-button-wrapper {
justify-content: right;
}
.tw-portal-header > .row.navbar-container {
margin: 0;
}
.widget-main {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
}
/*big-126*/
.fc-event-hori:not(.fc-event-end) {
width: 10000px !important;
}
/* Styles fixes post Bootstrap upgrade */
.hidden
{
display: none !important;
visibility: hidden !important;
}
legend
{
border: 0;
margin-bottom: 1rem;
}
.modal-header
{
flex-direction: row-reverse;
}
.close
{
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
border: none;
}
.nav-tabs > li > a, .nav-tabs > li > a:focus
{
cursor: pointer;
border-width: 1px;
border-style: solid;
}
.nav-tabs > li.active > a
{
cursor: default !important;
}
.btn-sm, .btn-xs
{
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.table > :not(caption) > * > *
{
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.0);
}
.input-group-addon
{
padding: 9px 12px;
background-color: #eee;
border: 1px solid #ccc;
height: 39px;
}
.form-control:not(textarea)
{
height: 39px;
}
.radio-inline, .checkbox-inline
{
display: inline-block;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.tw-context-menu.open .dropdown-menu {
display: block;
}
.tw-portal-setup-inner-wrapper .widget-body .tw-fieldset-collapsible {
border: 0 !important;
padding: 0 !important;
}
.tw-portal-setup-inner-wrapper .widget-body .tw-fieldset-collapsible > legend:first-child:last-child {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
.tw-view.tw-subview.tw-distance-to-root-2 {
float: left;
}
.float-right {
float: right !important;
}
/* SHAWN SHAWN SHAWN SHAWN SHAWN SHAWN:
Add new styles at the end of this file NOT at the beginning
SHAWN SHAWN SHAWN SHAWN SHAWN SHAWN
*/
/* Make toolbar filters have scrollbars */
.tw-dropdown-shorten
{
overflow-y: scroll;
max-height: 450px;
padding-right: 15px;
z-index: 500000;
}
@media (max-height: 768px)
{
.tw-dropdown-shorten
{
max-height: 300px !important;
}
}
@media (max-height: 480px)
{
.tw-dropdown-shorten
{
max-height: 150px !important;
}
}
@media (max-height: 320px)
{
.tw-dropdown-shorten
{
max-height: 100px !important;
}
}
.tw-paging-page-number-input {
border: solid 1px #cacaca;
}
/* Dropdown Menus (Used in My Account and Filters)
**********************************************/
.dropdown-menu li a.tw-no-btn-reset:hover, .dropdown-menu li a.tw-no-btn-reset:focus, .dropdown-menu li a.tw-no-btn-reset:active,
.dropdown-menu li.active a.tw-no-btn-reset, .dropdown-menu li.active a.tw-no-btn-reset:hover, .dropdown-menu .dropdown-submenu:hover > a.tw-no-btn-reset,
.nav-tabs .dropdown-menu li > a.tw-no-btn-reset:focus {
background-color: #4F99C6 !important;
color: #FFF !important;
padding: 3px 20px;
width: auto;
}
.dropdown-menu > li a {
display: flex;
align-items: center;
gap: 8px;
clear: both;
font-weight: normal;
line-height: 2;
color: #333;
/* white-space: normal; */ /* This is commented out so we can use ellipsis. Uncomment if we get rid of ellipsis */
overflow: hidden; /* This is needed to use ellipsis. Comment out if we get rid of ellipsis */
text-overflow: ellipsis; /* This is needed to use ellipsis. Comment out if we get rid of ellipsis */
-ms-text-overflow: ellipsis; /* This is needed to use ellipsis. Comment out if we get rid of ellipsis */
-o-text-overflow: ellipsis; /* This is needed to use ellipsis. Comment out if we get rid of ellipsis */
cursor: pointer;
}
.dropdown-menu > li a > [class*="icon-"] {
margin-right: 3px;
}
.dropdown-menu > li a:hover {
text-decoration: none;
}
.dropdown-menu:not(.datepicker)
{
min-width: 250px;
}
.shift-dropdown-menu
{
right: 0 !important;
left: initial !important;
}
.tw-leads-quickview-print-button {
margin-top: -96px;
margin-left: 90px;
}
/* My Account
**********************************************/
.row.ace-nav,
.ace-nav > [class*=col-sm] {
padding: 0;
}
[class*=col-sm].ace-nav
{
width: auto;
}
.ace-nav .dropdown-menu
{
right: 0;
min-width: 175px;
left: initial;
}
.row.tw-nav-myaccount-button-wrapper
{
padding-right: 0;
}
/* The styles need to be rolled into the stylesheets */
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
vertical-align: middle;
}
/* Ellipsis on grid cells where the text is too big */
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
body > .tw-top-parent-view
{
min-height: 100%;
position: relative;
}
.tw-container-viewport-center > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs > li.active > a,
.tw-container-viewport-center > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs > li.active > a:hover,
.tw-container-viewport-center > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs > li.active > a:focus,
.tw-container-viewport-center > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs > li > a,
.tw-container-viewport-center > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs > li > a:focus
{
line-height: 20px;
}
.tab-content {
border-left: none;
border-right: none;
/* min-height: 92vh; After UI optimization refresh it doesn't seem this is necessary */
float: left; /* This is in here so that alerts that appear beneath buttons are properly contained in the tab-content, see Auto-Register Course for example */
width: 100%; /* This is in here so that alerts that appear beneath buttons are properly contained in the tab-content, see Auto-Register Course for example */
}
.tabs-left .tab-content,
.tabs-right .tab-content {
float: none;
width: auto;
}
.tabs-left > .nav-tabs > li > a span {
display: block;
margin: 0 auto;
white-space: normal;
}
@media(max-width:767px)
{
}
@media (min-width: 1108px) and (max-width: 1251px)
{
.tabs-left .tab-content
{
max-width: 982px;
}
.menu-min + .main-content .tabs-left .tab-content, /* When left menu is collapsed */
.div[viewname*="PortalView"] .tabs-left .tab-content
{
max-width: none;
}
}
@media (min-width: 1252px) and (max-width: 1395px)
{
.tabs-left .tab-content
{
max-width: 1035px;
}
.menu-min + .main-content .tabs-left .tab-content, /* When left menu is collapsed */
.div[viewname*="PortalView"] .tabs-left .tab-content
{
max-width: none;
}
}
.input-group input + .input-group-addon:first-of-type {
border-left: none;
}
/* Bottom toolbar styles
**********************************************/
/* Used only in admin, I believe. Move to shared only if necessary */
.tw-bottom-toolbar {
line-height: 15px;
min-height: 50px;
padding-top: 3px !important;
padding-bottom: 5px !important;
padding: 0 !important;
position: relative;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
}
.tw-toolbar-inner-wrapper {
flex: 1 0 0;
}
.tw-bulk-action-wrapper {
display: inline-block;
position: relative;
z-index: 90000;
padding-top: 10px;
padding-left: 10px;
height: 100%;
max-width: 100%;
overflow: hidden;
}
.tw-bulk-action-wrapper a
{
text-decoration: none !important;
}
.tw-grid-select-all
{
position: absolute;
top: -29px;
display: block;
padding: 5px;
background-color: #EFF3F8 !important;
border-top: 1px solid #E1E1E1 !important;
border-left: 1px solid #E1E1E1 !important;
border-right: 1px solid #E1E1E1 !important;
}
.tw-grid-select-all-undo
{
margin-left: 5px;
}
.tw-hide-select-all .tw-grid-select-all
{
display: none !important;
}
.tw-paging
{
position: relative;
padding-left: 9px;
padding-right: 9px;
}
.tw-paging-refresh {
margin: 0 5px;
font-size: 12px;
text-decoration: none !important;
}
.grid-pager_left,
.grid-pager_center,
.grid-pager_right
{
font-weight: normal;
vertical-align: middle;
padding: 1px;
}
.grid-pager_left
{
text-align: left;
}
.grid-pager_center
{
width: 60%;
text-align: center;
}
.grid-pager_right
{
text-align: right;
}
.ui-paging-info
{
text-align: right;
}
.tw-bottom-toolbar .tw-icon-help.btn.btn-app.btn-xs
{
padding: 3px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 30px !important;
text-align: center;
display:block;
color:#fff;
/* Added to position help link for the new Feature Help button */
position: absolute;
right: 13px;
top: -32px;
min-height: 0;
}
.tw-bottom-toolbar .tw-icon-help.btn.btn-app.btn-xs > span
{
display: none;
}
.tw-bottom-toolbar .tw-icon-help.btn.btn-app.btn-xs > [class*=icon]
{
font-size: 18px;
line-height: 18px;
}
/* Fixes the top toolbar to the top of the viewport when added */
.menu-min.sidebar + .main-content .tw-top-toolbar-fixed {
width: calc(100% - 43px);
}
@media(max-width:767px) {
.tw-bottom-toolbar
{
height: auto;
min-width: 0;
}
.tw-bulk-action-wrapper
{
padding: 7px 0;
}
.tw-bottom-toolbar .tw-paging
{
height: auto;
}
.tw-bottom-toolbar .grid-pager_left,
.tw-bottom-toolbar .grid-pager_center,
.tw-bottom-toolbar .grid-pager_right
{
display: block;
width: 100% !important;
text-align: center;
margin-bottom: 7px;
}
.tw-bottom-toolbar .grid-pager_left
{
margin-bottom: 0;
}
.tw-bottom-toolbar .grid-pager_right .ui-paging-info
{
text-align: center !important;
}
}
@media(min-width:768px) {
.col-sm-6.tw-subview .tw-bottom-toolbar
{
font-size: 10px;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .ui-pg-table>tbody>tr>.ui-pg-button>.ui-icon
{
width: 20px;
height: 20px;
line-height: 18px;
}
.col-sm-6.tw-subview .tw-paging-page-size .ui-pg-selbox
{
height: 26px;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .grid-pager_center
{
width: 265px;
}
}
@media(min-width:768px) and (max-width:1325px) {
.col-sm-6.tw-subview .tw-bottom-toolbar
{
height: auto;
min-width: 0;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .tw-bulk-action-wrapper
{
padding: 7px 0;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .tw-paging
{
height: auto;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .grid-pager_left,
.col-sm-6.tw-subview .tw-bottom-toolbar .grid-pager_center,
.col-sm-6.tw-subview .tw-bottom-toolbar .grid-pager_right
{
display: block;
width: 100% !important;
text-align: center;
margin-bottom: 7px;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .grid-pager_left
{
margin-bottom: 0;
}
.col-sm-6.tw-subview .tw-bottom-toolbar .grid-pager_right .ui-paging-info
{
text-align: center !important;
}
}
@media (min-width: 1151px) and (max-width: 1251px)
{
.grid-pager_left .tw-bulk-action-wrapper a i
{
font-size: 13px !important;
padding-left: 4px !important;
margin-right: 4px !important;
}
}
@media (min-width: 1050px) and (max-width: 1150px)
{
.grid-pager_left .tw-bulk-action-wrapper a i
{
font-size: 12px !important;
padding-left: 3px !important;
margin-right: 3px !important;
}
}
@media (min-width: 949px) and (max-width: 1049px)
{
.grid-pager_left .tw-bulk-action-wrapper a i
{
font-size: 11px !important;
padding-left: 2px !important;
margin-right: 2px !important;
}
}
@media (max-width: 948px)
{
.grid-pager_left .tw-bulk-action-wrapper a i
{
font-size: 11px !important;
padding-left: 2px !important;
margin-right: 2px !important;
}
}
/* Makes cursor a pointer for sortable column headers
**********************************************/
.tw-sortable-header,
.tw-sorted-header {
cursor: pointer;
position: relative;
white-space: nowrap;
}
/* Grid Tweaks
**********************************************/
.tw-grid-header-label
{
max-width: 85%;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.tw-grid-th-sort
{
position: absolute;
right: 8px;
}
.tw-grid-th-sort .icon-sort-up {
top: 3px;
position: relative;
}
.tw-grid-th-sort .icon-sort-down {
top: -3px;
position: relative;
}
.tw-grid-bulk-check {
min-width: 60px;
width: 60px;
max-width: 60px;
}
.nav-tabs > li.active > a.tw-dirty-tab {
border-top-color: Red;
}
.tw-dirty-crumb span {
color: Red;
}
.tw-finder-new, .tw-finder-edit {
cursor: pointer;
}
.tw-finder-new.disabled, .tw-finder-edit.disabled {
cursor: not-allowed;
}
.tw-tab-workflow-step-not-started span {
color: #b4c2cc !important;
}
.tw-tab-workflow-step-in-progress span {
color: #6c9842 !important;
font-weight: bold
}
.tw-tab-workflow-step-complete span {
color: #1d6fa6 !important;
}
.tw-color-picklist {
padding: 2px 0 0 8px;
font-weight: bold;
color: White;
}
/* EVERYTHING between these lines can be thrown out.. */
/**************************************************/
.brand {
color: White;
font-size: 26px;
font-weight: bold;
}
.tw-top-navbar {
margin-bottom: 0;
}
tr.highlight td {
background-color: #DFD;
}
/*.dirty, .dirty input {
border-color: #92BF65 !important;
}*/
/********* END SHAWN'S STYLES THAT CAN BE THROWN OUT! */
.table-striped td {
cursor: default;
}
/* These styles are messing up the collapsed menu tree *//* Is this note still relevant? 05142014 */
/* Menu Tree styles
**********************************************/
.tw-menutree > li > a > .menu-text
{
display: block;
flex: 1 0 0;
}
.tw-menutree .submenu .submenu > li > a > .menu-text {
width: 133px;
font-style: italic;
}
.tw-menutree > li > a > [class*="icon-"]:first-child {
position: absolute;
left: 7px;
top: 10px;
}
.tw-menutree > li > a {
height: auto;
position: relative;
min-height: 18px;
padding: 11px 16px;
line-height: normal;
background: transparent;
display: flex;
align-items: center;
gap: 8px;
}
.tw-menutree > li > a > i {
min-width: 16px;
text-align: center;
}
.menu-min > .tw-menutree > li > a {
height: 40px;
}
.menu-min > .tw-menutree > li > a > .menu-text {
margin-left: 0px;
}
/* Grid Styles
**********************************************/
.tw-selected-header,
.tw-selected-header .icon-sort-up,
.tw-selected-header .icon-sort-down {
color: #fff !important;
}
.tw-selected-header {
background-color: #555;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table thead {
font-size: 14px;
}
.table thead > tr > th {
border-bottom: none;
}
.table input[type=checkbox] {
height: 18px !important;
width: 18px !important;
vertical-align: text-bottom;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #f1f1f1;
}
/* NiceView Style Changes
**********************************************/
div[viewname*="NiceView"] > .page-header
{
border-bottom: 1px solid #eee;
height: auto
}
div[viewname*="NiceView"] > .page-header h1
{
font-size: 18px !important;
line-height: 24px;
margin-left: 0;
color: #247a30;
font-weight: normal;
margin: 0;
min-height: 0;
}
div[viewname*="JoinView+NiceView"][state=NEW] .tw-nice-button {
margin-top: 31px !important;
}
div[viewname*="JoinView+NiceView"][state=GRID] .tw-template,
div[viewname*="JoinNiceView"][state=GRID] .tw-template {
width: auto !important;
min-height: 0;
height: 20px;
line-height: 20px;
margin-bottom: 10px;
}
div[viewname*="EmailAddressView+NiceView"][state=GRID] .tw-template,
div[viewname*="EmailAddressNiceView"][state=GRID] .tw-template
{
width: auto !important;
min-height: 0;
height: 32px;
line-height: 32px;
}
div[viewname*="JoinView+NiceView"][state=GRID] .control-group .tw-template {
margin: 0;
}
div[viewname*="JoinView+NiceView"] h1.tw-view-title
{
cursor: text;
}
div[viewname*="InquiryJoinView+NiceView"][state=GRID] .tw-nice-text,
.tw-fast-nice-list-item .tw-nice-text-header,
.tw-fast-nice-list-item .tw-nice-indented-template,
.tw-fast-nice-list-item {
cursor: pointer;
}
div[viewname*="InquiryJoinView+NiceView"][state=GRID] .tw-view-content div.row-fluid[class*=span],
.tw-nice-related-person, .tw-nice-edit-related-wrapper .control-group {
width: auto !important;
margin: 0 10px 0 0;
padding: 0;
min-height: 0;
height: 30px;
line-height: 30px;
}
.tw-nice-view-list-inner {
position: relative;
min-height: 1px;
margin-left: 0px;
}
.tw-nv-title
{
padding: 5px 0 0 0;
font-size: 20px;
}
.tw-nice-list-item {
min-height: 32px;
line-height: 32px;
}
.tw-view div.page-header {
padding-bottom: 0;
margin-bottom: 0;
}
.widget-box.tw-box-form:not(:first-child) {
margin-top: 0.6rem;
}
div.page-header:first-child {
padding-top: 0;
}
.tw-fast-nice-list-item .control-group label,
.tw-nice-related-person .control-group label,
.tw-nice-edit-related-wrapper .control-group label {
display: none;
}
.tw-fast-nice-list-item .tw-template {
min-height: 0 !important;
}
.tw-fast-nice-list-item {
height: 30px;
line-height: 30px;
}
.tw-inquiry-list-wrapper > .row {
padding: 10px;
background: #FAFAFA;
margin-bottom: 25px;
}
.tw-inquiry-list-wrapper .tw-nice-related-person .tw-nice-text {
font-size: 16px;
text-decoration: underline;
}
div[viewname*="InquiryView+NiceView"][state=EDIT] .tw-fast-nice-list-item .tw-nice-text-header,
.tw-fast-nice-list-item .tw-nice-indented-template {
font-size: 15px;
}
div[viewname*="InquiryView+NiceView"][state=EDIT] .tw-fast-nice-list-item strong {
color: #4f99c6;
}
.tw-inquiry-nice-header-wrapper {
padding: 10px;
background-color: #f5f5f5;
margin-bottom: 15px;
}
.tw-nice-add-another{
color: #acbac8;
}
/* Quick View Styles
**********************************************/
.tw-quickview-wrapper
{
position: relative; /* Added a printer icon to the person quick view in portal so we need the wrapper to be position: relative */
}
.tw-quickview-wrapper h4
{
clear: left;
margin: 20px 0 5px;
float: left;
width: 100%;
}
.tw-quickview-wrapper h5
{
font-weight: bold;
}
.tw-quick-view-data-container
{
min-height: 175px;
}
.tw-leads-quickview-wrapper .tw-quick-view-data-container
{
min-height: 0 !important;
overflow-wrap: break-word !important;
}
.tw-lead-merge-button-container-spacer
{
height: 45px;
width: 100%;
float: left;
}
.tw-merge-preview-person-quickview-wrapper
{
float: left;
width: 100%;
}
.tw-quickview-table {
border-collapse: separate;
border-spacing: 20px 0;
margin-left: -20px;
}
.tw-quickview-table-cell {
vertical-align: top;
}
.tw-quickview-picture
{
float: left;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #d5e3ef;
}
.tw-quickview-picture img
{
max-height: 256px;
max-width: 256px;
}
@media (max-width: 656px) {
.tw-quickview-picture
{
border-right: none;
}
}
.tw-quick-view-health-info-wrapper table
{
border-collapse: collapse;
}
.tw-quick-view-health-info-wrapper table,
.tw-quick-view-health-info-wrapper th,
.tw-quick-view-health-info-wrapper td {
padding-right: 10px;
}
.tw-quick-view-sub-content-wrapper
{
margin-left: 10px;
}
.tw-quickview-health-infos legend
{
display: none !important;
}
/* Progress Bar Styles
**********************************************/
.tw-progress-bar-wrapper {
width: 100%;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #dadada;
height: 24px;
overflow: hidden;
position: relative;
}
.tw-progress-bar-progress-bar {
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
background-color: #59a84b;
height: 24px;
/*-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;*/
}
.tw-progress-bar-progress-indicator {
position: absolute;
top: 0;
padding: 2px;
color: #fff;
z-index: 100000;
left: 45%;
text-transform: uppercase;
}
/* Fieldset Styles for specific appplications */
div[viewname*="PortalView"] div[viewname*="MyAccountView"] fieldset,
.tw-person-user-code-view fieldset
{
padding-bottom: 20px;
}
/* Donation View
**********************************************/
.tw-edit-donations-payments-fieldset-content, /* Used in Donations View -> Edit Donation to reduce excessive spacing */
.tw-edit-donations-payments-schedule-fieldset-content,
.tw-edit-donations-emails-fieldset-content,
.tw-edit-donations-notes-fieldset-content,
.tw-edit-donations-tags-fieldset-content
{
height: auto !important;
min-height: 264px !important;
}
.tw-donation-newform-additional-info {
margin-bottom: 20px;
}
/* Fix for "Donate Every X for X" row so all elements are lined up */
.tw-row-donate-every-label-fix label
{
display: none;
}
.tw-row-donate-every-label-fix .x-form-item-label
{
line-height: 32px;
font-size: 16px;
}
/* Recur Template View
**********************************************/
.tw-recurring-gift-status-and-summary-wrapper .tw-validations
{
position: relative;
z-index: 10;
}
/* Invoice View
**********************************************/
/*
.tw-invoice-wrapper .tw-view-content {
position: relative;
}
.tw-invoice-wrapper table * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.tw-invoice-wrapper .tw-template:first-child {
float: left;
clear: both;
}
.tw-invoice-wrapper .tw-border-table h2,
.tw-invoice-wrapper .tw-border-table h3,
.tw-invoice-lineitem-view .page-header h1 {
display: block;
font-weight: bold;
margin: 0;
line-height: normal;
}
@media (max-width: 900px) {
.tw-invoice-wrapper .stamp {
top: 135px !important;
left: 310px !important;
width: 95px !important;
}
.tw-invoice-wrapper .tw-invoice-header,
.tw-invoice-wrapper .tw-invoice-table {
width: 530px;
}
.tw-invoice-wrapper,
.tw-invoice-wrapper .tw-border-table h2,
.tw-invoice-wrapper .tw-border-table h3,
.tw-invoice-lineitem-view .page-header h1 {
font-size: 11px;
}
.colQuantity {
width: 55px;
text-align: center;
}
.colDescription {
width: 270px;
}
.colFooterSpacer {
width: 356px;
}
.colRate {
width: 60px;
}
.colTotalAmount {
border-right: solid 1px black;
width: 60px;
}
.colQuantity, .colDescription, .colRate, .colTotalAmount {
padding: 5px 10px !important;
}
}
@media (min-width: 900px) {
.tw-invoice-wrapper .tw-invoice-header,
.tw-invoice-wrapper .tw-invoice-table {
width: 737px;
}
.tw-invoice-wrapper,
.tw-invoice-wrapper .tw-border-table h2,
.tw-invoice-wrapper .tw-border-table h3,
.tw-invoice-lineitem-view .page-header h1 {
font-size: 13px !important;
}
.colQuantity {
width: 77px;
text-align: center;
}
.colDescription {
width: 427px;
}
.colFooterSpacer {
width: 535px;
}
.colRate {
width: 72px;
}
.colTotalAmount {
border-right: solid 1px black;
width: 76px;
}
.colQuantity, .colDescription, .colRate, .colTotalAmount {
padding: 5px 10px !important;
}
}
.tw-invoice-wrapper .tw-border-table td {
padding: 5px;
border-top: solid 1px black;
border-left: solid 1px black;
}
.tw-invoice-wrapper .tw-border-table {
border-right: solid 1px black;
border-bottom: solid 1px black;
border-spacing: 0;
padding: 0;
}
.tw-invoice-wrapper .tw-lineitem-table {
border-right: none !important;
border-spacing: 0;
padding: 0;
clear: left;
}
.tw-invoice-wrapper .tw-lineitem-table td {
padding: 5px;
border-left: solid 1px black;
}
.tw-invoice-lineitem-view {
clear: left;
float: left;
width: 100%;
}
.tw-invoice-lineitem-view .tw-view-content {
margin-top: 20px;
}
.tw-border-table .colTotalAmount {
border-right: none !important;
}
.tw-outstanding-invoices-view
{
clear: left;
}
.tw-out-inv-header-wrapper
{
vertical-align:text-bottom;
padding:2px;
font-size:1em;
font-weight: bold;
border:solid 1px Black;
}
.tw-out-inv-data-wrapper
{
margin-bottom:2px;
padding:2px;
font-size:1em;
}
.tw-quick-out-invoices-wrapper
{
float: left;
padding: 5px 0;
}
.tw-out-inv-data /* Used to mimic the styles of col-sm-xx that the header uses */
/*
{
float: left;
position: relative;
min-height: 1px;
padding-right: 12px;
padding-left: 12px;
}
.tw-invoice-template, .tw-contain-money-and-button,
.tw-money-field, .tw-view-invoice
{
float: left;
position: relative;
min-height: 1px;
padding-right: 12px;
padding-left: 12px;
}
.tw-view-invoice
{
width: 8.3333% !important;
margin-bottom: 0;
min-width: 74px !important;
}
.tw-invoice-template
{
width: 66.6666% !important;
}
.tw-money-field
{
width: 25% !important;
}
@media(max-width:767px)
{
.tw-invoice-template
{
width: 60.6666% !important;
}
.tw-money-field
{
width: 20% !important;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
.tw-invoice-template
{
width: 63.6666% !important;
}
.tw-money-field
{
width: 23% !important;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.tw-invoice-template
{
width: 65.6666% !important;
}
.tw-money-field
{
width: 24% !important;
}
}
.tw-view-invoice label,
.tw-money-field label
{
display: none;
}
*/
.tw-invoice-wrapper-v2 {
width: 800px;
font-size: 12px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
border-bottom: 1px dotted #a8c9ce;
margin-left: 0px;
}
.tw-invoice-header-template-v2,
.tw-invoice-lineitem-view-v2,
.tw-invoice-footer-template-v2,
.tw-payment-info-subview-v2,
.tw-invoice-payment-schedule-view-v2 {
min-height: 0;
width: 800px;
padding: 0;
}
tw-invoice-payment-schedule-view-v2 .tw-view-content[role=form] {
gap: 8px;
position: relative;
}
.tw-invoice-row {
width: 100%;
display: flex;
padding: 0;
}
.tw-invoice-column-one,
.tw-invoice-column-two,
.tw-invoice-column-three,
.tw-invoice-column-two-and-three,
.tw-invoice-column-one-and-two-and-three,
.tw-invoice-column-four {
box-sizing: border-box;
padding: 5px 20px;
}
.tw-invoice-column-one {
width: 400px;
}
.tw-invoice-column-two {
width: 125px;
padding-left: 20px;
}
.tw-invoice-column-three {
width: 125px;
}
.tw-invoice-column-two-and-three {
width: 250px;
}
.tw-invoice-column-one-and-two-and-three
{
width: 650px;
}
.tw-invoice-lineitem-view-v2 {
counter-reset: section;
}
.tw-invoice-line-item::before {
counter-increment: section;
content: counter(section) ": ";
}
.tw-invoice-payment-schedule-view-v2 .tw-invoice-column-one,
.tw-invoice-payment-schedule-view-v2 .tw-invoice-column-two,
.tw-invoice-payment-schedule-view-v2 .tw-invoice-column-three,
.tw-invoice-payment-schedule-view-v2 .tw-invoice-column-two-and-three,
.tw-invoice-payment-schedule-view-v2 .tw-invoice-column-one-and-two-and-three,
.tw-invoice-payment-schedule-view-v2 .tw-invoice-column-four {
padding-top: 0;
padding-bottom: 0;
}
.tw-invoice-payment-schedule-view-v2 .tw-row-selectable:last-child .tw-invoice-column-one,
.tw-invoice-payment-schedule-view-v2 .tw-row-selectable:last-child .tw-invoice-column-two,
.tw-invoice-payment-schedule-view-v2 .tw-row-selectable:last-child .tw-invoice-column-three,
.tw-invoice-payment-schedule-view-v2 .tw-row-selectable:last-child .tw-invoice-column-two-and-three,
.tw-invoice-payment-schedule-view-v2 .tw-row-selectable:last-child .tw-invoice-column-one-and-two-and-three,
.tw-invoice-payment-schedule-view-v2 .tw-row-selectable:last-child .tw-invoice-column-four {
padding-bottom: 5px;
}
/* Apply Payments
******************************************************/
.tw-apply-payment-amount-box-wrapper {
position: relative;
}
.tw-outstanding-invoices-view
{
min-height: 0 !important;
}
/* Event View
******************************************************/
/*.tw-event-datetime-details-container > legend
{
padding: 7px 0 2px 8px;
margin: 0 8px 2px 0px;
font-size: 24px;
font-weight: lighter;
color: #2679B5;
min-height: 34px;
border-bottom: 1px dotted #E2E2E2;
}*/
.tw-event-datetime-details-container > .form-group > .tw-control-label /* Hide radio group control label */
{
display: none;
}
.tw-event-datetime-details > fieldset > legend
{
font-size: 18px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: none;
}
.tw-easy-all-day-display .input-group {
width: 100% !important;
}
.tw-easy-all-day-display .input-group+.input-group
{
display: none;
}
/* Attendance Styles
**********************************************/
.tw-float-left-button {
margin-left: 20px;
display: inline-block;
}
.tw-program-group {
margin-left: 5px;
}
.tw-info-header {
font-size: 18px;
margin-bottom: 10px;
}
[viewname*=AttendanceView] .tw-row-selectable {
cursor: auto;
}
[viewname*=AttendanceView] .tab-content {
border-bottom: none;
}
[viewname*=AttendanceView] .tw-toolbar-inner-wrapper > .input-group {
margin-right: -3px;
}
[viewname*=AttendanceView] .tw-toolbar-inner-wrapper > .input-group input.tw-datepicker + .input-group-addon {
position: relative;
left: -3px;
}
.tw-school-attendance-programs-groups [class*="col-"],
.tw-school-attendance-cohorts-wrapper [class*="col-"]
{
float: none;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-view,
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-view
{
overflow: hidden;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable, /* Wrapper for each row: include 1 green button, multiple purple buttons*/
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list,
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list {
display: table;
border-spacing: 0 5px;
width: fit-content;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > a.tw-attendance-button, /* Green button */
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs, /* Wrapper for row of purple buttons*/
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-cohorts
{
display: table-cell;
vertical-align: middle;
min-height: 65px;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs, /* Wrapper for row of purple buttons*/
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-cohorts
{
border-spacing: 8px 0;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs > .tw-view-content > .tw-list, /* Inner wrapper for row of purple buttons*/
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list
{
float: left;
margin-left: 5px;
margin-bottom: -10px;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs > .tw-view-content > .tw-list > .tw-row-selectable, /* Wrapper for each purple button */
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable
{
/*display: table-cell;
vertical-align: middle;
min-height: 65px;
height: 65px;*/
float: left;
margin: 0 5px 10px;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > a.tw-attendance-button, /* Green button */
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button, /* Purple button */
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button
{
padding: 0;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center; /* cross axis */
-webkit-justify-content: center;
justify-content: center; /* main axis */
/* height: 100%; */ /* Removed this to fix the issue where the first button stretches super high when the attendance module first loads. If this causes issues, find another solution. */
min-height: 65px;
margin: 0;
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button,
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button /* Purple button */
{
width: auto;
min-width: 120px;
max-width: 379px; /* Remove this and the lines indicated below to get rid of ellipsis truncation */
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button > span, /* Span inside purple button */
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button > span
{
text-overflow: ellipsis; /* Remove this to get rid of ellipsis truncation */
overflow: hidden; /* Remove this to get rid of ellipsis truncation */
white-space: nowrap; /* Remove this to get rid of ellipsis truncation */
}
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > a.tw-attendance-button > span, /* Span inside green button */
.tw-school-attendance-programs-groups > .tw-view-content > .tw-list > .tw-row-selectable > .tw-school-attendance-programs > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button > span, /* Span inside purple button */
.tw-school-attendance-cohorts-wrapper > .tw-view-content > .tw-list > .tw-row-selectable > .tw-attendance-button > span
{
padding: 12px 8px;
}
.tw-attendance-arrival .row
{
margin-bottom: 3px;
}
.tw-attendance-arrival .form-group,
.tw-attendance-departure .form-group
{
margin-bottom: 0px;
}
.tw-attendance-arrival .form-group .tw-timefield,
.tw-attendance-departure .form-group .tw-timefield
{
height: 39px;
}
.tw-attendance-status-field
{
padding:2px 0 0 8px;
font-weight:bold;
color:#fff;
}
.tw-donation-payments-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group,
.tw-pledge-payments-due-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group,
.tw-payment-reminder-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group
{
border-spacing: 0px;
max-width: 400px;
}
div[viewname*=EventView][State*=GRID] .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group
{
max-width: 400px;
}
.tw-donation-payments-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group::before,
.tw-pledge-payments-due-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group::before,
.tw-payment-reminder-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group::before,
div[viewname*=EventView][State*=GRID] .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group::before,
.tw-school-days-for-parent-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group::before,
.tw-school-days-grid-wrapper .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group::before
{
display: table-cell;
vertical-align: middle;
width: 80px;
}
.tw-donation-payments-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(1)::before,
.tw-pledge-payments-due-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(1)::before,
div[viewname*=EventView][State*=GRID] .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(1)::before,
.tw-school-days-for-parent-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(1)::before,
.tw-school-days-grid-wrapper .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(1)::before
{
content: "Begin Date: ";
}
.tw-donation-payments-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(2)::before,
.tw-pledge-payments-due-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(2)::before,
div[viewname*=EventView][State*=GRID] .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(2)::before,
.tw-school-days-for-parent-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(2)::before,
.tw-school-days-grid-wrapper .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(2)::before
{
content: "End Date: ";
}
.tw-payment-reminder-view .tw-top-toolbar > .tw-toolbar-inner-wrapper > .input-group:nth-child(1)::before
{
content: "'Remind Me By' Date: ";
width: 150px;
}
/* Generate Courses
**********************************************/
.tw-forcurricula-view .tw-toolbar-inner-wrapper
{
width: 100%;
}
.tw-forcurricula-view a.tw-go-to-generate-btn
{
width: 130px !important;
float: right !important;
margin: 0;
}
.tw-forcurricula-view a.tw-go-to-generate-btn.icon-arrow-circle-right:before
{
display: none;
}
.tw-forcurricula-view a.tw-go-to-generate-btn.icon-arrow-circle-right
{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.tw-forcurricula-view a.tw-go-to-generate-btn, .tw-forcurricula-view a.tw-go-to-generate-btn:focus {
background-color: #9889c1 !important;
border-color: #9889c1;
}
.tw-forcurricula-view a.tw-go-to-generate-btn, .tw-forcurricula-view a.tw-go-to-generate-btn.no-hover:hover, .tw-forcurricula-view a.tw-go-to-generate-btn.disabled:hover {
background: #9889c1!important;
background-image: -webkit-linear-gradient(top,#a696ce 0,#8a7cb4 100%)!important;
background-image: -o-linear-gradient(top,#a696ce 0,#8a7cb4 100%)!important;
background-image: linear-gradient(to bottom,#a696ce 0,#8a7cb4 100%)!important;
background-repeat: repeat-x!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0)!important;
}
.tw-forcurricula-view a.tw-go-to-generate-btn:hover {
background: #7b68af!important;
background-image: -webkit-linear-gradient(top,#8973be 0,#6d5ca1 100%)!important;
background-image: -o-linear-gradient(top,#8973be 0,#6d5ca1 100%)!important;
background-image: linear-gradient(to bottom,#8973be 0,#6d5ca1 100%)!important;
background-repeat: repeat-x!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0)!important;
}
div[viewname*=CurriculaView] .tw-tabs-outer-wrapper .tabbable.tabs-left .tab-content {
overflow: visible !important;
}
.tw-course-generation-assessment-periods-wrapper
{
margin-bottom: 20px;
}
.tw-assessment-averaging-chexkbox-group-wrapper
{
margin-bottom: 10px;
}
.tw-assessment-averaging-chexkbox-group-wrapper .tw-checkbox-group-empty
{
display: none;
}
/* Portal View
**********************************************/
.tw-space-after-nice-view { /* MyAccountView in Portal, maybe elsewhere */
float: left;
width: 100%;
margin-bottom: 20px;
}
.tw-user-portal-view h1 .hide-if-h1,
.nav-tabs .hide-if-nav-tabs
{
display: none !important;
}
div[viewname*="NiceView"].tw-view
{
margin-bottom: 0px;
}
.tw-user-portal-view.tw-top-parent-view
{
padding: 0px;
}
@media only screen and (max-width:991px) {
.tw-user-portal-view.tw-top-parent-view .tw-tabs-outer-wrapper .breadcrumb {
margin-left: 12px;
}
}
.tw-user-portal-view.tw-top-parent-view .tw-breadcrumbs
{
display: none;
}
.tw-user-portal-view.tw-top-parent-view .tw-logotype
{
/*margin: 10px 0 6px;*/ /* Removed when re-did the portal header to look more like Ace Admin */
}
.tw-user-portal-view.tw-top-parent-view .tw-portal-header .navbar-brand
{
margin-left: 10px;
}
.tw-user-portal-view.tw-top-parent-view .tw-portal-header > .navbar-container
{
float: right;
}
.tw-user-portal-view.tw-top-parent-view .tab-content /* Get rid of border bottom from the inner side tabs */
{
border-bottom: none;
}
.tw-user-portal-view.tw-top-parent-view > .tw-view-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content /* Put borders on outer top tabs */
{
border-left: 1px solid #C5D0DC;
border-right: 1px solid #C5D0DC;
border-bottom: 1px solid #C5D0DC;
margin-bottom: 12px;
min-height: 86vh;
}
.tw-user-portal-view.tw-top-parent-view > .tw-view-content .tabs-left div[viewname*="NiceView"] > .page-header h1
/* Added this to make the titles of the inner left tabs look normal. Shawn sometimes uses NiceViews for grids (I don't know why)
so when that happens, the h1 of the that grid looks different than all the other h1s for grids. Right now, the only other
NiceView we have in the portal is the My Account page and that one should properly have different looking h1s. We just
don't want the grid h1s to look like that, so I am overriding the grid h1 styles here. The My Account page is not inside
an inner left tab but all the grids are, so for now I am overriding the h1 styles for NiceViews only if they are inside
the inner left tabs. */
{
font-size: 24px !important;
line-height: 1.1em;
margin: 0 8px;
color: #2679B5;
font-weight: 100;
min-height: 34px;
}
.tw-user-portal-view.tw-top-parent-view div[viewname*=DonationView] .checkbox:first-child
{
padding-left: 0;
}
.tw-student-title
{
margin-left:25px;
font-weight: bold;
float:left
}
.tw-edit-assessment-btn
{
width: 50px !important;
min-height: 25px !important;
}
.tw-assessment-note {
font-style: italic;
background-color: #F3F9FB !important;
}
.tw-assessment-note span
{
color: #F26622;
margin: 0;
}
h2.tw-assessment-period-title
{
font-size: 16px;
margin: 10px 0;
line-height: normal;
}
div[viewname*="StudentAssessmentView"][state^="WriteReports"] hr
{
display: none;
}
div[viewname*="StudentAssessmentView"][state^="WriteReports"] > .tw-view-content > .tw-list > .tw-row-selectable h2.tw-assessment-period-title
{
margin-top: 40px;
}
div[viewname*="StudentAssessmentView"][state^="WriteReports"] > .tw-view-content > .tw-list > .tw-row-selectable:first-child h2.tw-assessment-period-title
{
margin-top: 0px;
}
div[viewname*="StudentAssessmentView"][state^="WriteReports"] > .tw-view-content > .tw-list > .tw-row-selectable .tw-list > .tw-row-selectable:nth-child(even)
{
background: #f5f5f5;
}
div[viewname*="StudentAssessmentView"][state^="WriteReports"] > .tw-view-content > .tw-list > .tw-row-selectable .tw-list > .tw-row-selectable:nth-child(odd)
{
background: #fff;
}
div[viewname*="StudentAssessmentView"][state^="WriteReports"] > .tw-view-content > .tw-list > .tw-row-selectable .tw-list > .tw-row-selectable
{
padding: 3px 0;
}
.tw-user-portal-view.tw-top-parent-view .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane .tw-view > .page-header,
div[viewname*="CourseView+NiceView"] .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane .tw-view > .page-header
{
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
.tw-user-portal-view.tw-top-parent-view .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane .tw-view > .page-header h1,
div[viewname*="CourseView+NiceView"] .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane .tw-view > .page-header h1
{
display: block;
font-size: 24px !important;
}
.tw-my-account-title
{
font-size: 32px !important;
}
.tw-teacher-portal-past-form-wrapper .tw-row-selectable
{
cursor: auto;
}
.tw-teacher-portal-past-courses
{
display: table;
border-collapse: separate;
}
.tw-teacher-portal-past-courses > .tw-row-selectable
{
padding: 0;
line-height: 14px;
float: left;
margin: 0 5px 10px;
}
.tw-teacher-portal-past-course-assessment-button
{
margin: 0;
}
.tw-teacher-portal-past-course-assessment-button [class*="col-"]
{
margin: 0;
padding: 0;
}
.tw-teacher-portal-past-course-assessment-button [class*="col-"] label
{
display: none;
}
.tw-teacher-portal-past-course-assessment-button .btn.btn-app.btn-xs
{
white-space: normal;
padding: 8px 12px;
width: auto;
min-width: 120px;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
}
.tw-teacher-portal-past-course-assessment-button .btn.btn-app.btn-xs span
{
white-space: nowrap;
}
.tw-school-directory-view-student-list .row
{
margin: 0;
}
.tw-school-directory-view-guardian-list > .tw-row-selectable
{
margin-bottom: 5px;
}
/* Portal Assessment Reports Styles */
.tw-assessment-student-title span
{
font-style: italic;
}
.tw-assessment-student-title h4
{
background: #eee;
padding: 3px;
}
.tw-assessment-portal-preview-form *
{
cursor: default !important;
}
.tw-assessment-portal-preview-form .tw-context-menu-data-row a,
.tw-assessment-portal-preview-form .tw-context-menu-data-row a:hover,
.tw-assessment-portal-preview-form .tw-context-menu-data-row a *,
.tw-assessment-portal-preview-form .tw-context-menu-data-row a *:hover
{
cursor: pointer !important;
text-decoration: none !important;
}
.tw-assessment-inline-field /* Used for narratives and matrices */
{
margin-left: 10px;
}
.tw-assessment-grid-false,
.tw-assessment-grid-true,
.tw-assessment-matrices-container
{
display: block;
margin-left: 15px;
}
.tw-assessment-matrices-container .tw-nv-title
{
font-size: 15px;
text-transform: capitalize;
padding-bottom: 5px;
}
.tw-assessment-matrices-container > .tw-row-selectable h4 {
background-color: #ddd;
padding: 2px;
}
.tw-assessment-matrix-item-title,
.tw-assessment-matrix-subitem-title,
.tw-assessment-matrix-item-description,
.tw-assessment-matrix-subitem-description
{
padding-left: 5px;
}
.tw-assessment-matrix-subitem-title
{
font-size: 14px;
}
.tw-assessment-matrix-item-title
{
font-weight: bold;
font-size: 16px;
padding-left: 0;
}
.tw-assessment-matrix-item-description,
.tw-assessment-matrix-subitem-description
{
margin-bottom: 0px;
margin-left: 12px;
width: 90%;
}
.tw-assessment-matrix-parent-item,
.tw-assessment-matrix-sub-item
{
margin-bottom: 10px;
}
.tw-assessment-portal-preview-form .tw-assessment-matrices-container input[type=radio].ace+.lbl::before
{
text-shadow: 0 0 1px #32A3CE;
color: #32A3CE;
}
.tw-assessment-matrix-parent-item
{
margin-top: 25px;
}
.tw-assessment-matrix-parent-item + .tw-assessment-matrix-parent-item
{
margin-top: 0;
}
.tw-assessment-matrix-sub-items-container:before
{
content: "";
display: block;
margin-bottom: 0px; /* Used to be 10px, put back in if adverse effects */
}
.tw-assessment-matrix-sub-items-container
{
margin-left: 15px;
}
.tw-assessment-matrix-radio-buttons .radio-inline + .radio-inline,
.tw-assessment-matrix-radio-buttons .checkbox-inline + .checkbox-inline
{
margin-left: 0 !important;
}
.tw-assessment-matrix-item-description .tw-control-label,
.tw-assessment-matrix-subitem-description .tw-control-label
{
display: none;
}
/* Send Email Styles
**********************************************/
.tw-send-email-view-html-email-body
{
margin-bottom: 15px;
}
.tw-donation-form-selection-send-email-viewbase {
border: 1px solid hotpink;
padding: 10px;
border-radius: 10px;
margin: 10px 0 15px;
}
.tw-donation-form-selection-send-email-viewbase legend {
width: auto;
border: none;
margin-bottom: 0;
padding: 0 8px;
}
/* Help Feature View Styles
**********************************************/
.tw-feature-help-view
{
}
.tw-feature-help-crumbs
{
list-style: none;
}
.tw-feature-help-crumbs li
{
float: left;
margin-right: 5px;
}
.main-content{
height:1000px;
}
.tw-bigsis-help-email-troubleshooting-container iframe
{
width: 100%;
height: 4000px;
border: none;
}
/* View Search
***********************************************/
.tw-container-viewport-west .tw-search-menu-container .select2-container
{
font-size: 13px;
display: block;
max-width: 100%;
}
.select2-search:after {
position: absolute !important;
top: 7px !important;
right: 11px !important;
left: auto !important;
}
select.form-control.hidden + .select2-container {
display: none !important;
visibility: hidden !important;
}
/* Sent Emails View
***********************************************/
.tw-sent-preview-info {
font-size: 14px;
margin-bottom: 10px;
color: #6C9842;
}
.tw-sent-preview-subject
{
margin-bottom: 10px;
}
.tw-sent-preview-body
{
padding: 0 25px 0 0;
}
/* Gradebook View
**********************************************/
.tw-snapshot-student-title
{
font-weight: bold;
}
.tw-snapshot-calculated-points
{
Color: #AAA;
}
.tw-snapshot-calculated-grade
{
font-weight: bold;
}
.tw-grading-view-container
{
min-height: 300px;
}
.tw-grading-view-tab-width {
/*width: auto !important;*/
min-width: 100%;
}
.tw-grading-view-tab-width .tabs-left .tab-content
{
max-width: none !important;
}
.tw-grading-view-gradebook-table-wrapper
{
border: solid 1px #AAA;
border-bottom: none;
overflow: visible; /* Made this visible so that tooltips can show for the headers but if this causes issues then forget the tooptips and put this back in instead */
min-width: 100%;
}
.tw-grading-view-total-points
{
color: #AAA;
font-weight: bold;
}
.tw-grading-view-input-box-and-tail-containter
{
width: 100%;
display: table;
margin: 6px 0;
}
.tw-grading-view-box-and-tail-inner-wrapper
{
display: table-cell;
text-align: center;
}
.tw-grading-view-input-box-containter
{
width: 55px;
display: inline-block;
margin-right: 3px;
}
.tw-grading-view-input-box-containter input.tw-grading-view-input-box
{
border: 1px solid #a0a0a0;
cursor: text;
padding: 0 5px;
height: 23px;
text-align: right;
}
.tw-grading-view-total-points-tail
{
display: inline-block;
}
.tw-grading-view-input-box:focus
{
border: solid 1px #4F99C6;
}
.tw-grading-view-points
{
color: #777;
}
.tw-grading-view-error
{
color:Red;
cursor: pointer;
text-align: left;
font-size: 12px;
}
.tw-grading-view-error:hover .tw-grading-error-colon {
display: inline !important;
}
.tw-grading-view-error:hover .tw-grading-error-icon {
display: none !important;
}
.tw-grading-view-student-row .tw-list
{
cursor: auto;
overflow: visible;
}
.tw-grading-view-box,
.tw-grading-view-title-box,
.tw-grading-view-student-row
{
height: 75px;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-box,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-header-box-title,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-title-box,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1)
/* The very first header row is selected by:
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:first-child
but since it repeats every 11th row, then we need to use the following to select each row that is a header:
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1)
*/
{
height: 120px;
}
.tw-grading-view-gradebook-table-wrapper .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-input-box-and-tail-containter,
.tw-grading-view-gradebook-table-wrapper .tw-grading-view-student-row:first-of-type .tw-grading-view-input-box-and-tail-containter
{
display: none;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row > .tw-list > .tw-grading-view-box:nth-child(6n+6),
.tw-grading-view-title-box
{
width: 200px;
text-align: left;
}
.tw-grading-view-student-name-wrapper
{
width: 180px;
max-height: 58px;
overflow: visible;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-template:first-child:before,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-list > .tw-grading-view-box:nth-child(6n+6):before
{
content: "Students: ";
position: absolute;
bottom: 0;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-template:first-child, /* The box containing the "Student" header */
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-list > .tw-grading-view-box:nth-child(6n+6) /* The box containing the "Student" header */
{
position: relative;
z-index: 1000;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-template:first-child > .tw-grading-view-student-title
{
line-height: normal !important;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-template:first-child:before,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-list > .tw-grading-view-box:nth-child(6n+6):before,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-header-box-title,
.tw-grading-view-box-subtotal
{
font-weight: bold;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row > .tw-list > .tw-grading-view-box:nth-child(6n+6) > .tw-template:nth-of-type(2)
{
display: none;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) > .tw-list > .tw-grading-view-box:nth-child(6n+6) > .tw-template
{
display: block;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-header-box-title,
.tw-grading-view-box-subtotal
{
width: 100%;
padding: 0 6px;
}
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner
{
cursor: pointer;
}
.tw-grading-view-box-subtotal .tw-multiline-ellipsis-outer
{
height: 60px;
}
.tw-grading-view-box-subtotal .tw-multiline-ellipsis-outer:before
{
height: 60px;
}
.tw-grading-view-header-box-title .tw-multiline-ellipsis-outer
{
height: 40px;
}
.tw-grading-view-header-box-title .tw-multiline-ellipsis-outer:before
{
height: 40px;
}
.tw-grading-view-title-box,
.tw-grading-view-box
{
border: solid 1px #AAA;
border-left: none;
border-top: none;
cursor: auto;
}
.tw-grading-view-box
{
width: 165px;
border-left: none;
text-align: center;
padding-left: 6px;
padding-right: 6px;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1) .tw-grading-view-box
{
text-align: left;
}
.tw-grading-view-student-row,
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1)
{
border-bottom: solid 1px #AAA;
display: flex;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row:nth-child(11n+1)
{
font-size: 12px;
}
span.tw-css-tooltip-2-icon-wrapper
{
}
.tw-grading-view-category-grade
{
color: #5151CC;
font-style: italic;
font-size: 11px;
}
.tw-assignment-detail-wrapper .tw-quick-view-data-container
{
min-height: 0;
}
.tw-assignment-material-list-wrapper .tw-row-selectable
{
width: 100%;
float: left;
}
.tw-assignment-material-item
{
margin-bottom: 15px;
}
.tw-assignment-material-item .form-group
{
width: auto !important;
margin-bottom: 0;
float: left;
}
.tw-assignment-material-item .form-group .tw-control-label
{
display: none;
}
.tw-gb-ss-wrapper {
margin-left: 30px;
}
.tw-gb-ss-cat-title {
font-weight: bold;
}
.tw-gb-ss-cat-weight {
}
.tw-gb-ss-assignment-wrapper {
margin-left: 10px;
}
.tw-gb-ss-assignment {
}
.tw-gb-ss-cat-overall {
margin-left: 10px;
margin-bottom: 15px;
font-weight: bold;
color: #85b558 !important;
}
.tw-gb-ss-overall {
margin-top: 15px;
margin-left: 30px;
font-weight: bold;
color: #2a8bcb!important;
}
.tw-grading-view-student-row .tw-list .tw-grading-view-box:nth-child(even),
.tw-grading-view-student-row .tw-list .tw-grading-view-box:nth-child(even) .form-control
{
background-color: #EEE;
}
.tw-grading-view-student-row .tw-list .tw-grading-view-box:nth-child(odd),
.tw-grading-view-student-row .tw-list .tw-grading-view-box:nth-child(odd) .form-control
{
background-color: #FFF;
}
.tw-grading-view-student-row > .tw-grading-view-box
{
background-color: #EEE;
}
.tw-grading-view-gradebook-table-wrapper > .tw-grading-view-student-row > .tw-grading-view-box
{
background: #d7e7ee;
width: 125px;
}
.tw-grading-view-student-row .tw-list .tw-grading-view-box:nth-child(even) .tw-multiline-ellipsis-outer:after,
.tw-grading-view-student-row .tw-list .tw-grading-view-box:nth-child(even) .form-control .tw-multiline-ellipsis-outer:after
{
background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), to(#EEE), color-stop(50%, #EEE));
background: -moz-linear-gradient(to right, rgba(238, 238, 238, 0), #EEE 50%, #EEE);
background: -o-linear-gradient(to right, rgba(238, 238, 238, 0), #EEE 50%, #EEE);
background: -ms-linear-gradient(to right, rgba(238, 238, 238, 0), #EEE 50%, #EEE);
background: linear-gradient(to right, rgba(238, 238, 238, 0), #EEE 50%, #EEE);
}
.tw-grading-description-wrapper
{
max-height: 18px;
}
.tw-grading-view-points
{
display: inline-block;
}
.tw-grading-scale-item span
{
max-width: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
display: inline-block;
}
.tw-grading-points-item,
.tw-grading-percentage-item
{
overflow: hidden;
}
.tw-grading-description-template-wrapper
{
clear: left;
}
.tw-gradebook-setup-warning-wrapper
{
float: left;
margin-bottom: 20px;
}
.tw-gradebook-setup-warning-wrapper+.tw-grading-view-gradebook-table-wrapper
{
clear: left;
}
.tw-gradebook-for-course-wrapper .tw-grid+.tw-view-empty-region
{
float: left;
margin-bottom: 25px;
}
.tw-gradebook-for-course-wrapper .tw-bottom-toolbar
{
clear: left;
}
@media(max-width:899px)
{
.tw-gradebook-mini-reveal-video-iframe
{
width: 350px;
height: 197px;
}
}
@media(min-width: 900px) and (max-width: 990px)
{
.tw-gradebook-mini-reveal-video-iframe
{
width: 417px;
height: 235px;
}
}
@media (min-width: 991px) and (max-width: 1100px)
{
.tw-gradebook-mini-reveal-video-iframe {
width: 350px;
height: 197px;
}
}
@media (min-width: 1101px) and (max-width: 1251px)
{
.tw-gradebook-mini-reveal-video-iframe {
width: 455px;
height: 256px;
}
}
@media (min-width: 1252px) and (max-width: 1395px)
{
.tw-gradebook-mini-reveal-video-iframe
{
width: 530px;
height: 298px;
}
}
@media (min-width: 1396px) and (max-width: 1599px)
{
.tw-gradebook-mini-reveal-video-iframe
{
width: 650px;
height: 366px;
}
}
@media (min-width: 1600px) and (max-width: 1789px)
{
.tw-gradebook-mini-reveal-video-iframe
{
width: 780px;
height: 439px;
}
}
@media (min-width: 1790px)
{
.tw-gradebook-mini-reveal-video-iframe
{
width: 905px;
height: 509px;
}
}
.tw-grading-view-special
{
position: relative;
}
.tw-grading-view-student-name-wrapper .tw-css-tooltip-2-container
{
margin-left: 2px;
}
.tw-grading-view-student-row .tw-css-tooltip-2-container
{
}
.tw-gradebook-documents-table
{
min-height: 0!important;
padding-bottom: 20px;
}
/* Gradebook Error Tooltips */
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner > i,
.tw-grading-view-error > i
{
font-style: normal;
font-weight: normal;
text-align: center;
line-height: 150%;
color: white;
background: #000;
background-clip: padding-box;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
padding: 5px;
bottom: 90%;
margin-bottom: 15px;
visibility:hidden;
opacity:0;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
z-index: 10000000;
}
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner > i:before,
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner > i:after,
.tw-grading-view-error > i:before,
.tw-grading-view-error > i:after
{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner > i:before
{
margin-top: 5px;
/*border-top: 10px solid #111;
border-top: 10px solid rgba(0, 0, 0, 0.5);*/
}
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner > i:after,
.tw-grading-view-error > i:before
{
/*margin-top: -2px;*/
z-index: 1;
border-top: 10px solid #000;
}
.tw-multiline-ellipsis-outer > .tw-multiline-ellipsis-inner:hover > i,
.tw-grading-view-error:hover > i
{
visibility: visible;
opacity: 1;
}
.tw-grading-view-error
{
cursor: pointer;
position: relative;
}
.tw-grading-input-box-scale-label
{
font-size: 11px;
color: #a0a0a0;
}
.tw-grading-view-category-header
{
color:#AAA;
font-style: italic;
}
.tw-grading-view-grading-type
{
font-size: 10px;
}
/* Import Styles
******************************************/
.tw-import-log-map-empty
{
color: Red;
}
.tw-import-action-resolved
{
font-weight: bold;
color: #c3dbe6;
}
.tw-import-action-exception
{
font-weight: bold;
color: Red;
}
.tw-import-warning-button {
display: flex;
align-items: center;
text-align: left;
}
.tw-import-warning-button span {
line-height: 1.2;
text-align: left;
white-space: normal
}
/* Testing Site Styles
*********************************************/
.tw-in-testing-subdomain .navbar {
background-color: #D15B47 !important;
}
.tw-in-testing-subdomain .navbar .tw-navbar-clientname::after,
.tw-in-testing-subdomain .tw-container-viewport-west.sidebar::after
{
content: "[TESTING MODE]";
background-color: #E59729!important;
display: inline-block;
color: #FFF!important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
background-image: none!important;
border: 5px solid #FFB752;
border-radius: 0;
box-shadow: none!important;
cursor: not-allowed;
vertical-align: middle;
margin: 0;
white-space: nowrap;
padding: 6px 12px 5px;
font-size: 14px;
line-height: 1.42857143;
font-weight: 400;
text-align: center;
margin-left: 15px;
position: relative;
top: -5px;
}
.tw-in-testing-subdomain .tw-container-viewport-west.sidebar::after
{
top: 5px;
margin-left: 20px;
}
.tw-in-testing-subdomain .tw-container-viewport-west.sidebar.menu-min::after
{
display: none !important;
}
/* Export Wizard Styles */
.tw-export-from-template-wrapper
{
margin-bottom: 25px;
}
.tw-export-from-template-wrapper .select2-chosen
{
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #31708F;
padding: 0 3px;
font-weight: bold;
}
.tw-export-from-template-wrapper .select2-default .select2-chosen
{
background-color: transparent !important;
border-color: #999 !important;
color: #999 !important;
padding: 0 !important;
font-weight: normal !important;
}
.tw-export-from-template-buttons-wrapper
{
border-spacing: 0;
}
.tw-export-from-template-buttons-wrapper .form-group
{
padding: 0;
padding-right: 3px;
}
.tw-export-from-template-buttons-wrapper .form-group:first-child
{
padding-left: 15px;
}
/* Workflows and Tasks Styles
**********************************************/
.tw-mark-complete-possible-triggers-wrapper .tw-control-label,
.tw-mark-complete-possible-triggers-wrapper .tw-trigger-task-checkbox br
{
display: none;
}
/* Help Features Styles
**********************************************/
.tw-feature-help-extra-link
{
float: left;
}
.tw-feature-help-extra-link:before
{
content: "|";
padding: 0 3px;
}
.tw-feature-help-extra-link:first-child:before
{
display: none;
}
/* Event Form Styles
**********************************************/
.tw-event-calendars-wrapper legend,
.tw-event-settings-wrapper legend {
padding: 15px 0 0;
margin-bottom: 5px;
}
/* Add New Term Nice Form Styles
**********************************************/
.tw-new-term-program-fieldset,
.tw-new-term-assessment-fieldset
{
min-height: 0 !important;
margin-bottom: 15px;
}
/* Task Template List Styles
*********************************************/
.tw-workflow-step-view-task-template-list-wrapper .tw-grid-bulk-check
{
display: none;
}
.tw-workflow-step-view-task-template-list-wrapper .tw-grid-bulk-check+th,
.tw-workflow-step-view-task-template-list-wrapper .tw-grid-bulk-check+td
{
width: 90px;
}
.tw-workflow-step-view-task-template-list-wrapper .tw-grid-bulk-check+td
{
text-align: center;
}
/* Registration in Enrollments Style
*********************************************/
.tw-registration-for-enrollments-wrapper .tw-top-toolbar {
z-index: 100000;
}
.edit-registration-tab .tab-content {
min-height: fit-content !important;
}
.tw-height-fit-content {
min-height: fit-content !important;
}
/* Leads Styles
***********************************************/
.tw-lead-status-log-item {
border-bottom: solid 1px #777;
margin-bottom: 10px;
margin-top: 20px;
padding: 10px;
}
.tw-lead-status-log-item.inactive
{
color: #777;
font-style: italic;
}
.tw-lead-status-choice
{
padding: 5px;
border:solid 2px #6688FF;
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;
color: #2679B5;
font-weight:bold;
border-radius: 3px;
}
.tw-lead-milestone-ribbon
{
position: relative;
z-index: 10;
}
.tw-lead-milestone-ribbon span
{
width: 30px;
height: 20px;
display: inline-block;
position: relative;
}
td[data-column-property-name="Milestones"]
{
overflow: visible;
}
.tw-lead-edit-status-header
{
font-size: 24px;
font-weight: bold;
}
.tw-lead-status-type-completed
{
color: #74a844;
}
.tw-lead-status-type-inprogress
{
color: #74a844;
}
.tw-lead-status-type-failed
{
color: #D15B47;
}
.tw-lead-status-type-onhold
{
color: #F26622;
}
/* Phases ribbon styles */
.tw-lead-phases-ribbon-wrapper .breadcrumb
{
margin-left: 0;
margin-top: 5px;
}
.tw-milestone-block
{
padding: 0;
float: left;
height: 20px;
}
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-skipped:before
{
background: url(https://shared.bigsis.com/assets/images/SkippedMarker-mini.png);
}
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-withdrawn:before,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-failed:before
{
background: url(https://shared.bigsis.com/assets/images/FailedMarker-mini.png);
}
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-completed:before
{
background: url(https://shared.bigsis.com/assets/images/CompletedMarker-mini.png);
}
.tw-leads-enrollment-admit-tab .widget-main
{
min-height: 140px;
}
.tw-milestone-grid-next:after
{
border-top-color: #be2f64 !important;
border-right-color: #be2f64 !important;
}
.tw-lead-view-current-status-is-next
{
color: #be2f64 !important;
}
.tw-lead-view-current-status-is-inprogress
{
color: #6c9842 !important;
}
/* On Hold Color Styles */
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-onhold,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-onhold:after,
.tw-milestone-grid-onhold,
.tw-milestone-grid-onhold:after
{
background-color: #fe9e19 !important;
}
.tw-milestone-grid-onhold:after
{
border-top-color: #fe9e19 !important;
border-right-color: #fe9e19 !important;
}
.tw-lead-view-current-status-is-onhold
{
color: #fe9e19 !important;
}
/* Waitlist Color Styles */
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-waitlist,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-waitlist:after,
.tw-milestone-grid-waitlist,
.tw-milestone-grid-waitlist:after
{
background-color: #7b68af !important;
}
.tw-milestone-grid-waitlist:after
{
border-top-color: #7b68af !important;
border-right-color: #7b68af !important;
}
.tw-lead-view-current-status-is-waitlist
{
color: #7b68af !important;
}
/* Skipped Color Styles */
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-skipped,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-skipped:after,
.tw-milestone-grid-skipped,
.tw-milestone-grid-skipped:after
{
background-color: #3f96d4 !important;
}
.tw-milestone-grid-skipped:after
{
border-top-color: #3f96d4 !important;
border-right-color: #3f96d4 !important;
}
.tw-lead-view-current-status-is-skipped
{
color: #3f96d4 !important;
}
/* Withdrawn & Failed Color Styles */
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-withdrawn,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-withdrawn:after,
.tw-milestone-grid-withdrawn,
.tw-milestone-grid-withdrawn:after,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-failed,
.tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-failed:after,
.tw-milestone-grid-failed,
.tw-milestone-grid-failed:after
{
background-color: #b52c26 !important;
}
.tw-milestone-grid-withdrawn:after,
.tw-milestone-grid-failed:after
{
border-top-color: #b52c26 !important;
border-right-color: #b52c26 !important;
}
.tw-lead-view-current-status-is-withdrawn,
.tw-lead-view-current-status-is-failed
{
color: #b52c26 !important;
}
.tw-milestone-grid-completed:after
{
border-top-color: #1d6fa6 !important;
border-right-color: #1d6fa6 !important
}
.tw-lead-view-current-status-is-completed
{
color: #1d6fa6 !important;
}
.tw-lead-phases-ribbon-wrapper .breadcrumb li:first-child
{
padding-left: 10px;
}
.tw-lead-phases-ribbon-wrapper .breadcrumb > li + li:before,
.tw-milestone-block + .tw-milestone-block:before
{
display: none;
}
.tw-milestone-block:last-child span:after
{
border-top: 1px solid #b4c2cc;
border-right: 1px solid #b4c2cc;
}
/* Took this out after we added a last name field. Change styles to those below.
@media(max-width:1500px) {
.tw-milestone-block {
height: 16px;
}
.tw-lead-milestone-ribbon span {
width: 16px;
height: 16px;
}
.tw-milestone-block span:after {
height: 12px;
width: 12px;
top: 2px;
}
}*/
@media(max-width:1550px) {
/* I'm adding in comments about how to make this look better when there are only 4 phases (4P) but for now we have to use the 5 phase styles because many clients use 5 phases*/
.tw-milestone-block {
height: 12px; /* 4P = 14px*/
}
.tw-lead-milestone-ribbon span {
width: 11px; /* 4P = 13px */
height: 12px; /* 4P = 13px */
top: -2px; /* 4P = 0px */
}
.tw-milestone-block span:after {
height: 8px; /* 4P = 10px */
width: 8px; /* 4P = 10px */
top: 2px; /* 4P = 2px (Same) */
right: -4px; /* 4P = -5px */
}
}
.tw-lead-phases-ribbon-wrapper .breadcrumb li span
{
position: relative;
z-index: 4;
}
.icon-inprogress-tw:before,
.icon-failed-tw:before,
.icon-skipped-tw:before,
.icon-completed-tw:before
{
margin-right: 4px;
}
.icon-inprogress-tw:before
{
content: "\f085";
}
.icon-failed-tw:before
{
content: "\f00d";
}
.icon-skipped-tw:before
{
content: "\f045";
}
.icon-completed-tw:before
{
/*content: "\f00c";*/
content: "\f11e";
}
/* Available Status Styles */
.tw-current-and-available-statuses-wrapper .tw-radio-group label
{
vertical-align: top;
}
.tw-current-and-available-statuses-wrapper .tw-radio-group label:first-child
{
padding-left: 0;
}
.tw-current-and-available-statuses-wrapper .tw-radio-group label input[type=radio].ace+.lbl
{
text-align: center;
}
.tw-lead-status-type-image-wrapper
{
padding: 10px;
margin: 0 auto;
}
/* Mini Lead Next Status Icons */
.tw-lead-status-type-mini-image-wrapper
{
padding: 10px;
margin: 0 auto;
}
.tw-lead-status-type-mini-image-wrapper img
{
display: block;
margin: 0 auto;
}
i[class*="tw-lead-status-mini-icon-"]
{
width: 35px;
height: 35px;
display: block;
margin: 0 auto;
}
.tw-lead-status-mini-icon-inprogress
{
background: url(https://shared.bigsis.com/assets/images/inprogress-sprite-mini.png);
}
.tw-lead-status-mini-icon-inprogress:hover
{
background: url(https://shared.bigsis.com/assets/images/inprogress-sprite-mini.png);
}
.tw-lead-status-mini-icon-onhold
{
background: url(https://shared.bigsis.com/assets/images/onhold-sprite-mini.png);
}
.tw-lead-status-mini-icon-onhold:hover
{
background: url(https://shared.bigsis.com/assets/images/onhold-sprite-mini.png);
}
.tw-lead-status-mini-icon-waitlist
{
background: url(https://shared.bigsis.com/assets/images/waitlist-sprite-mini.png);
}
.tw-lead-status-mini-icon-waitlist:hover
{
background: url(https://shared.bigsis.com/assets/images/waitlist-sprite-mini.png);
}
.tw-lead-status-mini-icon-skipped
{
background: url(https://shared.bigsis.com/assets/images/skipped-sprite-mini.png);
}
.tw-lead-status-mini-icon-skipped:hover
{
background: url(https://shared.bigsis.com/assets/images/skipped-sprite-mini.png);
}
.tw-lead-status-mini-icon-failed,
.tw-lead-status-mini-icon-withdrawn
{
background: url(https://shared.bigsis.com/assets/images/failed-sprite-mini.png);
}
.tw-lead-status-mini-icon-failed:hover,
.tw-lead-status-mini-icon-withdrawn:hover
{
background: url(https://shared.bigsis.com/assets/images/failed-sprite-mini.png);
}
.tw-lead-status-mini-icon-completed
{
background: url(https://shared.bigsis.com/assets/images/completed-sprite-mini.png);
}
.tw-lead-status-mini-icon-completed:hover
{
background: url(https://shared.bigsis.com/assets/images/completed-sprite-mini.png);
}
.tw-lead-status-mini-icon-inprogress,
.tw-lead-status-mini-icon-onhold,
.tw-lead-status-mini-icon-waitlist,
.tw-lead-status-mini-icon-skipped,
.tw-lead-status-mini-icon-withdrawn,
.tw-lead-status-mini-icon-failed,
.tw-lead-status-mini-icon-completed
{
background-position-y: 35px;
}
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-inprogress,
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-onhold,
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-waitlist,
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-skipped,
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-withdrawn,
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-failed,
.tw-lead-view-show-status-wrapper .tw-lead-status-mini-icon-completed,
input[type=radio].ace:checked + .lbl i[class*="tw-lead-status-mini-icon-"]
{
background-position-y: 0px;
}
/* Lead View styles */
.tw-lead-view-show-status-wrapper + *
{
clear: left;
}
.tw-lead-view-current-status-title
{
font-size: 1.2em;
}
.tw-change-status-button-wrapper
{
display: table-cell;
text-align: center;
vertical-align: middle;
}
.tw-change-status-button-wrapper > a.btn
{
float: none !important;
}
.tw-lead-view-show-status-wrapper .widget-box
{
border-bottom: none;
}
.tw-lead-view-show-status-wrapper .widget-header
{
background: #68adde!important;
border-color: #68adde!important;
color: #FFF;
}
.tw-lead-view-show-status-wrapper .widget-body
{
border-color: #68adde!important;
margin-bottom: 20px;
}
.tw-current-phases
{
float: left;
width: 100%;
margin-left: -12px;
margin-bottom: 25px;
}
.tw-current-status-date
{
font-size: 14px;
}
.tw-current-status-add-note
{
cursor: pointer;
color: #999;
display: block;
font-size: 12px;
}
.tw-next-lead-status-wrapper
{
margin-bottom: 15px;
}
/* Current Status Full Styles */
/* Next Color Styles */
/* In Progress Color Styles */
/* On Hold Color Styles */
/* Waitlist Color Styles */
/* Skipped Color Styles */
/* Withdrawn & Failed Color Styles */
/* Completed Color Styles */
.tw-last-status-next .widget-body .alert {
color: #8b325a !important;
background-color: #efb9d1 !important;
border-color: #e89ccb !important;
}
.tw-last-status-inprogress .widget-body .alert {
color: #468847 !important;
background-color: #dff0d8 !important;
border-color: #d6e9c6 !important;
}
.tw-last-status-onhold .widget-body .alert {
color: #c09853 !important;
background-color: #fcf8e3 !important;
border-color: #fbeed5 !important;
}
.tw-last-status-waitlist .widget-body .alert {
color: #68608a !important;
background-color: #e6e4f1 !important;
border-color: #cdcce5 !important;
}
.tw-last-status-skipped .widget-body .alert {
color: #3a87ad !important;
background-color: #d9edf7 !important;
border-color: #bce8f1 !important;
}
.tw-last-status-withdrawn .widget-body .alert,
.tw-last-status-failed .widget-body .alert {
color: #b94a48 !important;
background-color: #f2dede !important;
border-color: #eed3d7 !important;
}
.tw-last-status-completed .widget-body .alert {
color: #205974 !important;
background-color: #91cfed !important;
border-color: #73d5e8 !important;
}
.tw-lead-info-button
{
}
/* Portal Setup Styles
*********************************************/
.tw-portal-setup-outer-wrapper code
{
white-space: normal;
}
.tw-general-info-warning .btn.btn-app.btn-xs>[class*=icon]
{
font-size: 16px;
line-height: 16px;
}
.tw-portal-setup-snippet-buttons legend {
margin-bottom: 5px;
}
.tw-portal-setup-snippet-buttons .btn.btn-app.btn-xs:not(:last-child) {
margin-bottom: 8px;
}
/* Volunteer Styles
**********************************************/
.tw-signup-form-wrapper {
}
.tw-time-slot-existing-signups
{
max-width: 500px !important;
float: left;
}
.tw-time-slot-signup-box
{
width: 500px;
float: left;
margin-right: 15px;
clear: left;
}
.tw-time-slot-signup-box legend
{
display: none;
}
.tw-signup-form-time-slot-title
{
border-bottom: 1px solid #e5e5e5;
clear: left;
padding-top: 15px;
}
.tw-time-slot-signup-blocks-dropdown
{
}
.tw-activity-time-slow-view-list-display
{
display: list-item;
list-style: disc;
margin-left: 25px;
}
.tw-signup-for-checkbox-wrapper .tw-control-label,
.tw-signup-for-checkbox-wrapper .tw-control-label + br
{
display: none;
}
.tw-signup-for-checkbox-wrapper .tw-checkbox-target-label
{
margin-top: 5px;
}
.tw-volunteer-work-log-misc-portal-buttons
{
padding-right:0;
clear: left;
height: 100%;
display : flex;
gap : 10px
}
.tw-volunteer-work-log-misc-portal-buttons .btn.btn-app.btn-xs
{
width: 28px;
min-height: 20px;
padding: 4px;
border-radius: 5px;
}
.tw-volunteer-work-log-misc-portal-buttons .btn.btn-app.btn-xs > [class*=icon] {
font-size: 16px;
line-height: 16px;
}
.tw-make-magic-button
{
margin: 0 45%;
}
.tw-make-magic-button .btn.btn-app.btn-xs
{
padding: 30px 0;
width: 150px;
}
.tw-volunteer-work-log-misc-datetime {
display: inline-block;
/*width: 125px;*/
width: 100%;
}
.tw-tw-volunteer-work-log-misc-records-wrapper .tw-row-selectable
{
}
.tw-volunteer-work-log-misc-log-entry-row
{
min-height: 28px;
line-height: 28px;
padding-bottom: 3px;
margin-bottom: 3px;
border-bottom: 1px dotted #eee;
float: left;
width: 100%;
display: flex;
align-items: center;
}
.tw-outstanding-volunteer-signups-work-logs .tw-outstanding-volunteer-signups-work-logs-entry
{
border-top: 1px solid #eee;
padding-top: 3px;
margin-top: 3px;
}
.tw-outstanding-volunteer-signups-work-logs .tw-outstanding-volunteer-signups-work-logs-entry:first-child
{
border: none;
padding-top: 0;
margin-top: 0;
}
.tw-times-already-committed-wrapper
{
margin-top: 20px;
}
.tw-times-already-committed-wrapper,
.tw-other-activity-times-wrapper
{
margin-bottom: 10px;
}
.tw-times-already-committed-wrapper legend,
.tw-other-activity-times-wrapper legend,
.tw-block-volunteers-already-signed-up-wrapper legend
{
border-bottom: none;
margin-bottom: 0px;
}
.tw-block-volunteers-already-signed-up-wrapper
{
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.tw-tw-volunteer-work-log-misc-records-wrapper .tw-row-selectable
{
height: auto;
}
.tw-activity-time-you-selected-wrapper
{
margin-bottom: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
}
.tw-signup-for-checkbox-wrapper .form-group,
.tw-signup-for-checkbox-wrapper.form-group
{
margin-bottom: 0;
}
@media(min-width: 769px) and (max-width: 1400px) {
.tw-volunteer-work-log-misc-label-wrapper {
display: inline-block;
width: 100%;
position: relative;
top: -10px;
}
.tw-volunteer-work-log-misc-datetime
{
position: relative;
top: -5px;
}
}
.tw-log-volunteer-hours-or
{
font-weight: bold;
font-size: 18px;
}
.tw-activity-signup-list-item-inner
{
margin-bottom: 10px;
}
.tw-volevent-first-level {
}
.tw-volevent-first-level legend {
}
.tw-volevent-second-level {
margin-left: 40px;
}
.tw-volevent-second-level legend {
font-size:16px;
}
.tw-mpf-download-link:after {
content: 'Download';
font-weight: bold;
color: blue;
cursor: pointer;
}
/* Mail Merge Styles
**********************************************/
.tw-mail-merge-iframe-wrapper iframe
{
}
/* Calendar and Events
**********************************************/
.tw-add-all-future-button .btn.btn-app.btn-xs
{
width: 106px !important;
}
/* Portal Document View
**********************************************/
div[viewname*="DocumentView+NiceView"] th.tw-grid-bulk-check,
div[viewname*="DocumentView+NiceView"] td.tw-grid-bulk-check {
display: none;
}
/* Person Picture View
**********************************************/
.tw-names-person-view-wrapper
{
width: 100%
}
.tw-upload-person-view-picture-wrapper
{
width: 100% !important;
margin-bottom: 0;
}
.tw-person-view-picture
{
width: 100% !important;
}
/* Custom Form Groups Styles
**********************************************/
.tw-custom-forms-begin-horizontal
{
}
.tw-custom-forms-end-horizontal
{
}
.tw-custom-forms-grouped-item
{
}
/* Lead Contract Styles
**********************************************/
.tw-contract-percent-allocated-second-contract-edit-form-field.form-group
{
height: 60px !important;
}
.tw-mpf-page-items-runtimefields .radio-inline {
display: table-cell;
vertical-align: top;
}
div[viewname*=InquiryView] .tw-breadcrumbs
{
display: none !important;
}
/* School Days Styles
**********************************************/
/*.tw-school-days-grid-wrapper .tw-top-toolbar .btn.btn-app.btn-xs,
.tw-school-days-grid-wrapper .tw-top-toolbar .btn.btn-app.btn-xs {
width: 90px !important;
}*/
/* Lead Reporting Styles
**********************************************/
.tw-chart-as-grid
{
border: solid 1px black;
padding: 10px;
}
.tw-chart-as-grid tr
{
border: solid 1px #888;
padding: 10px;
}
.tw-chart-as-grid td
{
border: solid 1px #444;
padding: 2px;
}
.tw-chart-as-grid th
{
padding: 10px;
}
/* Portal Setup Styles
**********************************************/
.tw-portal-setup-level-1.widget-box {
border-color: #5a5a5a;
border-bottom: none;
margin: 0 25px;
}
.tw-portal-setup-level-2.widget-box {
border-color: #9e9e9e;
border-bottom: none;
margin: 0 15px;
}
.tw-portal-setup-level-3.widget-box {
border: 1px solid #CCC;
border-bottom: none;
margin: 0 5px;
}
.tw-portal-setup-level-1 > .widget-header {
border-color: #666;
background: #404040;
min-height: 31px;
color: #fff;
}
.tw-portal-setup-level-2 > .widget-header {
border-color: #aaa;
background: #848484;
min-height: 31px;
color: #fff;
}
.tw-portal-setup-level-3 > .widget-header {
border-color: #DDD;
background: #f7f7f7;
min-height: 31px;
color: #669fc7;
}
.tw-portal-setup-level-1 > .widget-header h4,
.tw-portal-setup-level-2 > .widget-header h4,
.tw-portal-setup-level-3 > .widget-header h4
{
line-height: 30px;
font-size: 12px;
}
/* Gradebook Explain Calculation Styles
**********************************************/
.tw-explain-gradebook-assignment-final-grade
{
font-size: 18px;
color: #86b558;
background-color: #a8ef94;
border: solid 1px #86b558;
}
.tw-explain-gradebook-assignment
{
margin-top: 20px;
border-top: solid 1px #AAA;
font-size: 14px;
color: White;
background-color: #648740;
}
.tw-explain-gradebook-assignment-extra-credit
{
color: #F26622;
background-color: #f7ff8c;
}
.tw-explain-gradebook-header
{
font-size: 18px;
color: #2679B5;
background-color: #a7d4ff;
border: solid 1px #2679B5;
padding: 10px;
border-radius: 5px;
margin-bottom: 20px;
}
.tw-explain-gradebook-format-percent
{
background-color: #deffa9;
color: #86b558;
}
.tw-explain-gradebook-calculation-box
{
border: solid 1px #86b558;
padding: 5px;
}
.tw-explain-gradebook-special-notation
{
color: #5151CC;
background-color: #D9EDF7;
}
.tw-explain-gradebook-calculation-box-header
{
color: #deffa9;
background-color: #2a8bcb
}
.tw-explain-gradebook-student
{
margin-top: 20px;
border-top: solid 1px #4F99C6;
font-size: 20px;
color: #2679B5;
background-color: #e1e1e1;
}
.tw-explain-gradebook-assignment-no-assessment
{
background-color: #2679B5;
color: #ffd800;
padding: 5px;
}
.tw-explain-gradebook-assessment-entered
{
color: #648740;
background-color: #ddd;
}
.tw-explain-list-level-0
{
margin-left: 10px;
}
.tw-explain-list-level-1
{
margin-left: 60px;
}
.tw-explain-list-level-2
{
margin-left: 110px;
}
.tw-explain-list-level-3
{
margin-left: 160px;
}
.tw-explain-list-level-4
{
margin-left: 210px;
}
/* Student Quick Add Form
**********************************************/
.tw-admit-now-or-defer-radio-button-wrapper .tw-control-label
{
display: none;
}
.tw-admit-now-or-defer-radio-button-wrapper .form-group
{
padding-left: 0;
}
/* Re-Admit Form
**********************************************/
.tw-re-admit-form-matriculation-type-field
{
margin-top: 10px;
}
/* Report Viewer Styles
**********************************************/
.tw-save-new-template-fieldset-wrapper legend
{
border: none;
margin-bottom: 0px;
font-size: 16px !important;
}
/* Admission Log View Styles
**********************************************/
.tw-admission-log-view-log-row
{
border-bottom: 1px solid #e5e5e5;
padding: 5px 0;
}
.tw-admission-log-view-log-row .form-group
{
margin-bottom:0;
}
/* New Report Viewer Styles
**********************************************/
.tw-view-templates-fieldset-wrapper legend
{
font-size: 13px !important;
margin: 0 0 0 15px;
border-bottom: none;
padding-bottom: 0 !important;
}
/* Simple Contacts Styles
**********************************************/
.tw-remove-simple-contacts-msg-for-portal .tw-simple-contacts-msg,
.tw-remove-simple-contacts-msg-for-portal .tw-view-title,
.tw-remove-simple-contacts-msg-for-portal .tw-permanent-contact-msg-for-admin
{
display: none !important;
}
.tw-permanent-contact-msg-for-portal
{
display: none;
}
.tw-remove-simple-contacts-msg-for-portal .tw-permanent-contact-msg-for-portal
{
display: block !important;
}
.tw-remove-simple-contacts-msg-for-portal .page-header
{
border-bottom: none !important;
}
/* Mail Chimp Sync Styles
**********************************************/
.tw-mailchimp-confirm-button-wrapper
{
margin-top: 10px;
}
.tw-mailchimp-confirm-button-wrapper .tw-control-label
{
display: none;
}
.tw-mailchimp-confirm-button-wrapper .btn.btn-app.btn-xs
{
font-size: 18px;
padding: 10px 3px;
}
.tw-mailchimp-confirm-button-wrapper .longtxt span
{
font-size: 16px !important;
line-height: 20px !important;
}
.tw-mailchimp-confirm-button-wrapper .longtxt i
{
font-size: 22px !important;
line-height: 22px !important;
}
/* Some margin styles and check and strikeout
**********************************************/
.margin-left-20 {
margin-left: 20px;
}
.tw-ok-check {
font-size:20px;
color:green;
font-weight:bold;
}
.tw-ok-check:before {
content: '✓';
}
.tw-strikeout {
font-size:20px;
color:#dd5a43!important;
font-weight:bold;
}
.tw-strikeout:before {
content: '✘';
}
/* Donation Upgrade Styles
**********************************************/
.tw-donation-amount-incomplete{
font-weight: bold;
}
.tw-donor-profile-merge-right-box
{
margin-top: 15px;
}
/* Address Merge Form Better UI Styles
**********************************************/
.tw-address-merge-form-better-ui th.tw-grid-bulk-check,
.tw-address-merge-form-better-ui td.tw-grid-bulk-check
{
display: none;
}
.tw-address-merge-form-better-ui .table tbody tr.highlight td
{
color: #393939;
}
.tw-address-merge-form-better-ui .table-striped tbody > tr > td, .tw-address-merge-form-better-ui .table-striped tbody > tr > th {
background-color: #f9f9f9 !important;
}
.tw-returned-echecks-widget-outermost-container
{
position: relative;
}
.tw-returned-echecks-widget-outermost-container .tw-view-empty-region {
position: absolute;
top: 94px;
left: 32px;
}
/* Student View Styles
**********************************************/
.tw-obfuscate-government-id-wrapper input {
color: transparent;
text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 9px;
}
/* Donation Update Campaign Utility Styles
**********************************************/
/*.tw-update-donation-campaign-utility-view-wrapper .tw-top-toolbar .btn.btn-app.btn-xs[data-action-property-name*=UpdateDonationRecurTemplateCampaign],
.tw-update-donation-campaign-utility-view-wrapper .tw-top-toolbar .btn.btn-app.btn-xs[data-action-property-name*=UpdateDonationCampaign],
.tw-update-donation-campaign-utility-view-wrapper .tw-top-toolbar .btn.btn-app.btn-xs[data-action-property-name*=UpdateCampaignsForWidgetsAndOtherMiscItems],
.tw-update-donation-campaign-utility-view-wrapper .tw-top-toolbar .btn.btn-app.btn-xs[data-action-property-name*=YoureDone],
.tw-giant-button .btn.btn-app.btn-xs {
width: 230px;
}*/
/*.tw-update-donation-campaign-utility-subview-wrapper .tw-top-toolbar .btn.btn-app.btn-xs,*/
.tw-giant-button .btn.btn-app.btn-xs
{
width: 120px !important;
height: 120px !important;
}
.tw-update-donation-campaign-utility-subview-wrapper .tw-top-toolbar .btn.btn-app.btn-xs span,
.tw-giant-button .btn.btn-app.btn-xs span
{
font-size: 18px !important;
line-height: 22px !important;
max-height: 46px !important;
}
.tw-update-donations-subview-wrapper .tw-top-toolbar .btn.btn-app.btn-xs[data-action-property-name*=UpdateDonationCampaignAction] span
{
font-size: 18px !important;
}
.tw-giant-button .btn.btn-app.btn-xs {
display: table-cell;
}
/* Log Hands-On Donation Payments Styles
**********************************************/
.tw-log-hands-on-quadrant
{
margin: 0 0 20px !important;
}
.tw-log-hands-on-quadrant .tw-metro-button
{
margin: 0 0 5px 0 !important;
}
/* Academic Wizard Styles
********************************************************************/
.tw-academic-wizard-select-year-wrapper .btn.btn-app.btn-xs span
{
font-size: 14px !important;
line-height: 21px !important;
}
.tw-academic-year-wizard-all-steps-wrapper.tw-view-content .btn.btn-app.btn-xs
{
position: relative;
z-index: 2;
}
.tw-academic-year-wizard-all-steps-wrapper.tw-view-content .btn.btn-app.btn-xs span
{
white-space: normal !important;
text-align: left;
}
.tw-academic-year-wizard-all-steps-wrapper .row.col-sm-6.col-xs-12.tw-log-hands-on-quadrant {
flex-direction: column;
}
.tw-academic-year-wizard-all-steps-wrapper.tw-view-content .tw-left-3 .btn.btn-app.btn-xs {
left: -3px;
}
.tw-academic-year-wizard-all-steps-wrapper .btn.btn-app.btn-xs[disabled=disabled]
{
filter: grayscale(1);
background: #888 !important;
}
/*
/* Solicitation List Styles
**********************************************/
.tw-solicitation-donation-form-view-wrapper
{
min-height: 976px !important;
}
.tw-solicitation-donation-form-view-wrapper div[layout*=PAYMENTOPTIONSNOFIELDSETFORM]
{
min-height: 0 !important;
}
.tw-solicitation-complete-donation .btn.btn-app.btn-xs
{
width: 200px;
height: 100px;
line-height: 25px;
border: 4px solid darkblue;
}
.tw-solicitation-complete-donation .btn.btn-app.btn-xs span
{
font-size: 20px !important;
font-weight: bold;
}
.tw-bottom-toolbar a[data-action-property-name=DoAddPersonToSolicitation],
.tw-bottom-toolbar a[data-action-property-name=DoAddCompanyToSolicitation]
{
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 105px !important;
padding: 6px 3px !important;
}
/* Write Reports Advice
**********************************************/
.tw-user-portal-view .tw-dyk-write-reports-advice .tw-special-announcement-container
{
display: block !important;
}
/* Transfer Courses Core Requirements Tab
**********************************************/
.tw-transfercourse-corerequirements-wrapper {
background: linear-gradient(to right, white 0%, #eee 50%);
display: inline;
}
.tw-transfercourse-corerequirements-wrapper > .row {
width: 100%;
}
.tw-transfer-course-core-requirement-areas-tab-wrapper .tw-top-toolbar .btn.btn-app.btn-xs
{
width: 115px;
}
/* Person View Export Message
**********************************************/
div[viewname*=PersonView] + div[viewname*=ExportMapView] .person-view-export-message {
display: block !important;
}
/* Chart Styles
**********************************************/
div[viewname*=ChartBundleView] .tw-row-selectable .tw-template ~ div > iframe {
height: 650px !important;
}
.tw-barchart-format-widget-outermost-container .widget-main iframe {
height: 193px !important;
}
.tw-tuition-projections-by-month-widget-outermost-container .widget-main iframe {
height: 400px !important;
}
.tw-tuition-projections-by-month-widget-outermost-container .tw-view-data-wrapper
{
height: 20px;
}
/*.tw-tuition-projections-by-month-widget-outermost-container .tw-wrapper-for-non-template-fieldtypes {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.tw-tuition-projections-by-month-widget-outermost-container .tw-wrapper-for-non-template-fieldtypes .tw-responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}*/
/* Other Dashboard Client Settings Styles
**********************************************/
.tw-dashboard-boxes .tw-control-label, /* Legacy, can remove this line after uploading new dashboard widgets release */
.tw-dashboard-widgets-shortcuts-wrapper .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper br {
display: none !important;
}
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-50 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-75 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-100 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-125 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-150 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-200 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-250 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-300 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-350 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-400 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-450 .tw-control-label,
.tw-dashboard-widgets-shortcuts-wrapper .tw-width-500 .tw-control-label {
display: inline-block !important;
}
.tw-dashboard-widgets-shortcuts-wrapper .form-group {
margin-bottom: 5px;
}
.tw-dashboard-widgets-shortcuts-wrapper .row:first-of-type .tw-checkbox-target-label {
margin-top: 25px;
}
/* Other Dashboard Display Styles
**********************************************/
.tw-custom-leads-report-widget-outermost-container .widget-main
{
position: relative;
}
.tw-hide-widget-section{
display: none !important;
}
.tw-dashboard-shortcuts-section-outer-wrapper {
margin-bottom: 10px;
}
.tw-dashboard-shortcuts-section-outer-wrapper label {
display: none;
}
.tw-piechart-entire-widget-outermost-container .widget-header {
height: 38px;
}
.tw-piechart-entire-widget-outermost-container .widget-header h4 {
text-overflow: ellipsis;
overflow: hidden;
width: 95%;
display: inline-block;
white-space: nowrap;
}
.tw-piechart-entire-widget-outermost-container .widget-body {
min-height: 275px;
}
.tw-piechart-picklist {
margin-bottom: 10px;
}
.tw-dashboard-widgets-client-settings-fieldset-wrapper {
margin-bottom: 25px;
border-bottom: 10px double #EAEAEA;
}
.tw-dashboard-container fieldset.tw-fieldset-collapsible legend {
font-size: 18px;
margin: 0;
}
.tw-leads-terminal-statuses-outermost-container .widget-body {
height: 410px !important;
}
/* This works, but not sure if we want it.
.tw-dashboard-lead-terminal-statuses-actual-chart-container-inner-wrapper .flot-base,
.tw-dashboard-lead-terminal-statuses-actual-chart-container-inner-wrapper .flot-overlay {
width: 1125px !important;
height: 250px !important;
left: -100px !important;
}*/
.tw-dashboard-lead-terminal-statuses-actual-chart-container-inner-wrapper .legendLabel {
height: 16px;
font-size: 11px;
}
.tw-dashboard-lead-terminal-statuses-actual-chart-container-inner-wrapper .legend > div:first-child
{
background-color: transparent !important;
}
.tw-dashboard-lead-terminal-statuses-actual-chart-container-inner-wrapper .legend > table td
{
max-width: 200px;
}
.tw-make-viewlink-nice-and-right-align {
margin: 0;
padding: 0 !important;
text-align: right !important;
}
.tw-make-viewlink-nice-and-left-align {
margin: 0;
padding: 0 !important;
text-align: left !important;
}
.tw-overdue-forms-description-left {
display: inline-block;
float: left;
max-width: 75%;
}
.tw-overdue-forms-description-right {
float: right !important;
padding: 0 !important;
margin: 0 2px 0 0 !important;
max-width: 23% !important;
direction: rtl;
}
.tw-grouped-client-settings-wrapper {
float: left;
width: 100%;
background: #f9f9f9;
border: 1px solid #e0e0e0;
padding: 10px;
margin-bottom: 25px;
}
.tw-client-settings-first-row-grouped
{
float: left;
width: 100%;
}
.tw-client-settings-second-row-grouped
{
float: left;
width: 100%;
}
.tw-remove-grid-form-width .form-group
{
width: auto !important;
}
.tw-select-outstanding-mpf-form::before
{
content: "MPF Form Filter";
}
.tw-days-since-due::before {
content: "Days Since Due";
}
.tw-barchart-format-widget-outermost-container .widget-body
{
min-height: 320px;
}
.tw-grid-options-wrapper .form-control,
.tw-grid-options-wrapper select,
.tw-grid-options-wrapper .tw-picklist a.select2-choice {
border-radius: 14px;
}
.tw-grid-options-wrapper .tw-picklist a.select2-choice {
padding: 3px 8px;
border-radius: 14px !important;
}
.tw-grid-options-wrapper .form-control.select2-container.select2-dropdown-open
{
border-radius: 14px 14px 0 0 !important;
}
.tw-grid-options-wrapper .form-control.select2-container.select2-dropdown-open
.tw-picklist.select2-container-active.select2-dropdown-open a.select2-choice
{
border-radius: 14px 14px 0 0 !important;
}
.tw-grid-options-wrapper .select2-container-active .select2-choice .select2-chosen {
border-radius: 8px;
padding-left: 8px;
}
.tw-dashboard-piechart-actual-chart-container-inner-wrapper .legend
{
display: none;
}
.tw-donation-breakdown-piechart-and-summary-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.tw-dashboard-piechart-actual-chart-container-inner-wrapper .tw-wrapper-for-non-template-fieldtypes:first-child { /* This is the piechart portion that should go on the left of the widget*/
width: 50%;
}
.tw-dashboard-piechart-actual-chart-container-inner-wrapper .tw-donation-breakdown-accounts-summary {
}
.tw-donations-breakdown-outermost-container .tw-wrapper-for-non-template-fieldtypes {
margin-bottom: 0px !important;
}
/* Funnel Display Styles
**********************************************/
.tw-lead-enrollment-funnel-widget-outermost-container .widget-body {
float: left;
width: 100%;
}
.tw-lead-enrollment-funnel-template-wrapper {
margin: 0 5%;
padding: 0;
list-style: none;
text-align: center;
}
.tw-lead-enrollment-funnel-template-wrapper legend{
display: none;
}
.tw-lead-enrollment-funnel-template-wrapper h1 {
font-size: 18px;
margin-top: 0;
}
.tw-lead-enrollment-funnel-template-wrapper table {
width: 100%
}
.tw-lead-enrollment-funnel-template-wrapper table td {
border-left: 1px solid #fff;
padding: 0px 2px;
}
.tw-lead-enrollment-funnel-template-wrapper table td:first-child {
border-left: none;
padding-left: 0;
}
.tw-lead-enrollment-funnel-template-wrapper table td:last-child {
padding-right: 0;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable .tw-funnel-cone-section {
-webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
width: 100%;
margin: 0 auto;
background-color: #CD3333;
height: 100px;
color: #FFFFFF;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
margin: 5px auto;
padding: 7px 0 2px;
width: 85%
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(2) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(2) .tw-funnel-cone-section {
width: 90%;
background-color: #8B7355;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(2) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(3) .tw-funnel-cone-section {
width: 81%;
background-color: #458B74;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(3) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(4) .tw-funnel-cone-section {
width: 73%;
background-color: #66AAAA;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(4) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(5) .tw-funnel-cone-section {
width: 65%;
background-color: #6495ED;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(5) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(6) .tw-funnel-cone-section {
width: 58%;
background-color: #473C8B;
font-size: 11px;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(6) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(7) .tw-funnel-cone-section {
width: 52%;
background-color: ##D6A2E8;
font-size: 11px;
}
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable:nth-child(7) .tw-funnel-cone-section .tw-funnel-con-section-inner-wrapper {
width: 85%;
}
@media(min-width: 1601px) {
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable .tw-funnel-cone-section {
font-size: 12px;
}
.tw-lead-enrollment-funnel-template-wrapper h1 {
font-size: 18px;
}
}
@media(min-width: 1530px) and (max-width: 1670px) {
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable .tw-funnel-cone-section {
font-size: 11px;
}
.tw-lead-enrollment-funnel-template-wrapper h1 {
font-size: 17px;
}
}
@media(min-width: 1000px) and (max-width: 1529px) {
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable .tw-funnel-cone-section {
font-size: 10px;
}
.tw-lead-enrollment-funnel-template-wrapper h1 {
font-size: 16px;
}
}
@media(min-width: 0px) and (max-width: 999px) {
.tw-lead-enrollment-funnel-template-wrapper .tw-row-selectable .tw-funnel-cone-section {
font-size: 9px;
}
.tw-lead-enrollment-funnel-template-wrapper h1 {
font-size: 15px;
}
}
/* Extended Care Portal Styles
***********************************************/
.tw-portal-extended-care-new-form,
.tw-portal-extended-care-grid,
.tw-portal-extended-signup-view-form
{
margin-bottom: 300px;
}
/* Devexpress Report Parameter Styles
***********************************************/
.tw-devexpressreport-wrapper .tw-custom-form-information {
font-style: italic;
font-size: 14px;
display: inline-block;
border-bottom: 1px solid #d5d5d5;
}
/*
**********************************************/
.tw-mpf-uploads-grid-wrapper
{
min-height: 500px;
}
/* Auto-Generate Solicitation Lists Styles
**********************************************/
.tw-auto-generate-button-toolbar
{
width: 100%;
float: left;
}
.tw-auto-generate-button-toolbar .tw-auto-generate-left-buttons
{
width: auto;
}
.tw-auto-generate-button-toolbar .tw-auto-generate-left-buttons .col-sm-6
{
width: auto !important;
padding: 0 !important;
}
.tw-auto-generate-button-toolbar .tw-auto-generate-left-buttons .col-sm-6:first-child
{
padding-left: 12px !important;
}
.tw-auto-generate-button-toolbar .tw-auto-generate-right-buttons
{
float: right;
text-align: right;
}
/* Donor Profile Styles
***********************************************/
.tw-donor-profile-options-wrapper
{
border-radius: 10px;
margin-top: 16px;
padding: 16px;
width: calc(100% - 30px);
background-color: #f2f2f2;
border: 1px solid #ccc;
}
input[data-property-name="MajorGiftMinimum"],
input[data-property-name="PrincipleGiftMinimum"],
input[data-property-name="SuggestedAskAmountForThoseWithoutDonationHistory"],
input[data-property-name="RfmMonetary5thQuintileValue"],
input[data-property-name="RfmMonetary4thQuintileValue"],
input[data-property-name="RfmMonetary3rdQuintileValue"],
input[data-property-name="RfmMonetary2ndQuintileValue"],
input[data-property-name="RfmMonetary1stQuintileValue"] {
background-image: url(https://shared.bigsis.com/assets/images/dollar-mini.png) !important;
background-repeat: no-repeat !important;
background-position: 10px 8px !important;
padding-left: 20px;
}
.tw-donor-profile-options-wrapper > legend:first-child {
color: black !important;
font-size: 16px !important;
background-color: #f2f2f2;
max-width: 400px;
border: 1px solid #ccc;
border-radius: 10px 10px 0 0;
border-bottom: none;
padding: 5px 15px 0;
position: relative;
top: -14px;
margin-bottom: 0;
}
.tw-donor-profile-rfm-options-wrapper legend {
color: black !important;
font-size: 14px !important;
font-style: italic !important;
}
.tw-donor-profile-info-box {
border: 1px solid #b5b5b5;
border-radius: 10px;
padding: 10px;
min-height: 41px;
position: relative;
}
.tw-donor-profile-info-box-row-0
{
min-height: 73px;
}
.tw-donor-profile-info-box-row-1
{
min-height: 89px;
}
.tw-donor-profile-info-box-row-2
{
min-height: 79px;
}
.tooltip.bottom .tooltip-inner {
max-width: 500px !important;
text-align: left !important;
}
.tw-donor-profile-donor-roles-wrapper .tw-spinner-wrapper {
height: 40px !important;
}
.tw-donor-profile-donor-roles-wrapper .tw-spinner-wrapper::after {
content: " Loading Roles, Please Wait";
}
.tw-donor-profile-donor-roles-wrapper .tw-spinner-wrapper img {
top: 0 !important;
}
.tw-donor-profile-extra-info-wrapper legend {
border-bottom: none;
margin-bottom: 5px;
}
.tw-donor-profile-donor-roles-wrapper {
margin-bottom: 20px;
}
.tw-donor-profile-donor-roles-wrapper legend {
border-bottom: none;
margin-bottom: 5px;
}
.tw-donor-profile-info-box-first-item-wrapper .tw-control-label
{
display: none;
}
@media(min-width: 1281px) and (max-width: 1430px) {
.tw-donor-profile-extra-info-wrapper .col-sm-3 {
width: 22%;
}
.tw-donor-profile-info-box-first-item-wrapper.col-sm-3 {
width: 34%;
}
.tw-donor-profile-info-box {
min-height: 98px;
}
}
@media(min-width: 1115px) and (max-width: 1280px) {
.tw-donor-profile-extra-info-wrapper .col-sm-3
{
width: 22%;
}
.tw-donor-profile-info-box-first-item-wrapper.col-sm-3 {
width: 34%;
}
.tw-donor-profile-info-box {
min-height: 117px;
}
}
@media(min-width: 992px) and (max-width: 1114px) {
.tw-donor-profile-extra-info-wrapper .col-sm-3 {
width: 20%;
}
.tw-donor-profile-info-box-first-item-wrapper.col-sm-3 {
width: 40%;
}
.tw-donor-profile-info-box {
min-height: 136px;
}
}
@media(min-width: 915px) and (max-width: 991px) {
.tw-donor-profile-extra-info-wrapper .col-sm-3 {
width: 22%;
}
.tw-donor-profile-info-box-first-item-wrapper.col-sm-3 {
width: 34%;
}
.tw-donor-profile-info-box {
min-height: 117px;
}
}
@media(min-width: 768px) and (max-width: 914px) {
.tw-donor-profile-extra-info-wrapper .col-sm-3 {
width: 20%;
}
.tw-donor-profile-info-box-first-item-wrapper.col-sm-3 {
width: 40%;
}
.tw-donor-profile-info-box {
min-height: 117px;
}
}
/* MISC Styles
***********************************************/
.tw-warning-message-wrapper {
color: red;
font-size: 14px;
padding: 5px;
border: 1px solid red;
border-radius: 10px;
text-align: center;
margin: 0 auto;
width: 520px;
margin-bottom: 10px;
float: none;
}
.tw-hide-page-header .page-header,
.tw-hide-view-title .tw-view-title {
display: none !important;
}
.tw-link-builder-wrapper .fieldset-expanded
{
margin: 0 0 50px;
}
.tw-bcc-and-cc-wrapper.fieldset-expanded
{
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
}
/* Development To-Do Tasks Styles
**********************************************/
.tw-development-to-do-tasks-wrapper li {
margin-bottom: 5px;
list-style: circle;
border-bottom: 1px solid #cdcdcd;
padding-bottom: 1rem;
}
.tw-development-to-do-tasks-wrapper .btn.btn-app.btn-xs
{
float: none;
}
.bs-login-emergency-notification-message
{
position: absolute !important;
right: 18px !important;
top: -23px !important;
width: 288px !important;
z-index: 10000 !important;
border-radius: 15px !important;
box-shadow: 5px 5px 5px lightgrey !important;
}
.alert-shake
{
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both 3;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake
{
10%, 90%
{
transform: translate3d(-1px, 0, 0);
}
20%, 80%
{
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70%
{
transform: translate3d(-4px, 0, 0);
}
40%, 60%
{
transform: translate3d(4px, 0, 0);
}
}
/* Misc
***********************************************/
.tw-change-donor-profile-wrapper
{
margin-top: 15px;
}
.tw-enrollment-scheduling-wrapper
{
margin-bottom: 20px;
}
.tw-checkbox-group-empty
{
margin: 0 12px;
}
.tw-system-filter-parameters-wrapper .page-wrapper {
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.tw-system-filter-parameters-wrapper .page-header {
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: none !important;
}
.tw-advanced-enrollment-query-wrapper label.check-inline {
height: 40px;
overflow: hidden;
margin-bottom: 2px;
background: lightblue;
padding: 4px 5px;
border-radius: 8px;
width: 100%;
display: flex;
align-items: center;
gap: 8px;
}
.tw-advanced-enrollment-query-wrapper .check-inline .lbl
{
font-size: 11px !important;
line-height: 16px !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
display: -webkit-box !important;
}
.tw-advanced-enrollment-query-wrapper .check-inline .lbl:before
{
padding-left: 14px !important;
text-indent: -14px !important;
}
.tw-runtime-filter-params-view-wrapper .select2-container .select2-choice abbr:before
{
top: -3px !important;
left: 1px !important;
}
.tw-advanced-enrollment-query-filter-by-program-wrapper
{
margin-top: 10px;
}
.tw-dashboard-widget-family-participation-by-program-wrapper
{
min-height: 278px;
}
.tw-dashboard-widget-family-participation-by-program-wrapper .tw-spinner-wrapper
{
height: 0px !important;
margin-top: 90px;
}
.tw-dashboard-widget-family-participation-by-program-wrapper .tw-spinner-wrapper::after
{
content: " Loading Up-to-Date Participation Data, Please Wait ⏳";
}
.tw-dashboard-widget-family-participation-by-program-wrapper .tw-spinner-wrapper img
{
top: 0 !important;
}
.tw-dashboard-widget-family-participation-wrapper article.card img:hover, .tw-participation-card-text:hover
{
filter: brightness(0.5) drop-shadow(0px 0px 3px lightblue);
cursor: pointer;
}
.tw-dashboard-widget-family-participation-wrapper article.tw-participation-final-card img:hover
{
/*filter: unset;
cursor: not-allowed;*/
}
.tw-assessment-portal-preview-form
{
min-height: 330px;
}
.tw-widget-checkboxes .form-group .form-group
{
margin-bottom: 0px;
}
.tw-DonationAdminNew-donor-advised-fund-info
{
padding: 5px;
border: 1px solid #d5d5d5;
margin-bottom: 20px;
}
.tw-dasl-list-row .tw-row-selectable
{
border-bottom: 1px solid lightgrey;
margin-bottom: 15px;
padding: 0px;
}
.tw-ravenna-admit-importer-preview-wrapper .tw-validations.alert
{
background: white;
border-color: black;
}
/* Bell Schedules Wizard Styles
**********************************************/
.tw-bell-schedule-wizard-details-for-periods
{
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 1em;
row-gap: 1em;
margin-bottom: 10px;
}
.tw-bell-schedule-wizard-details-for-periods .tw-row-selectable
{
cursor: default;
border: 2px solid #b1b2be;
border-radius: 10px;
padding: 1em;
color: #595b82;
background: #dee9f9;
}
.tw-bell-schedule-wizard-details-for-periods .tw-row-selectable .row
{
margin-bottom: 0.3rem;
}
.tw-bell-schedules-for-enrollments
{
margin-left: 25px;
}
.tw-bell-schedules-for-enrollments legend
{
font-size: 14px !important;
}
/* Additional CssHelper Styles
**********************************************/
.tw-no-padding {
padding: 0 !important;
}
.tw-no-margin
{
margin: 0 !important;
}
.tw-ignore-columns-buttons > .form-group
{
width: auto !important;
padding: 0 !important;
}
.tw-ignore-columns-buttons > .form-group:first-child
{
padding-left: 12px !important;
}
.tw-ignore-columns-buttons.tw-no-padding > .form-group
{
padding: 0 !important;
}
.tw-ignore-columns-buttons.tw-no-padding > .form-group:first-child
{
padding: 0 !important;
}
.tw-ignore-columns-buttons.tw-no-margin > .form-group
{
margin: 0 !important;
}
.tw-ignore-columns-buttons.tw-no-margin > .form-group:first-child
{
margin: 0 !important;
}
/* Platform Print Styles
**********************************************/
@media print
{
.main-content {
margin-left: 0;
}
div[viewname*=PersonView] .page-header u {
text-decoration: none;
}
div[viewname*=PersonView] .page-header + .tw-view-items-wrapper {
padding-top: 0;
}
div[viewname*=PersonView] .row-fluid .page-content .page-header:first-child {
border-bottom: none;
}
.row-fluid [class*="span"] {
min-height: 0;
}
div[viewname*=PersonView] .container-fluid:first-child /* The wrapper of each section */ {
margin-bottom: 10px !important;
/*border: 1px solid blue;*/
}
div[viewname*=PersonView] .container-fluid:first-child .container-fluid /* The inner wrappers of every container, use this to cancel out styles from previous rules */ {
margin: 0 !important;
/*border: none;*/
}
div[viewname*=PersonView] .row-fluid:first-child .tw-subview /* Gets the content objects inside the wrapper of each section */ {
/*border: 1px solid red;*/
}
div[viewname*=PersonView] .row-fluid .container-fluid > .page-header,
div[viewname*=PersonView] .row-fluid .container-fluid > .page-header h1 {
margin: 0 !important;
padding: 0 !important;
min-height: 0;
}
#main-content {
margin-left: 0px;
}
.tab-content {
border: 0px;
padding: 0;
}
.page-header {
padding-bottom: 1px;
margin: 5px 0 5px;
border-bottom: 1px solid #eee;
min-height: 32px;
}
div[viewname*=PortalView] .page-content > .page-header {
border-bottom: none;
}
div[viewname*=PortalView] .tab-content {
width: 100% !important;
border: none !important;
}
.tabs-left > .tw-tab-ribbon + .tab-content {
display: block;
}
div[viewname*=PortalView] th, div[viewname*=PortalView] td {
font-size: 10px;
}
/* Totally ignored by IE and FF */
@media(max-width:767px) {
div[viewname*=PortalView] th.hidden-xs,
div[viewname*=PortalView] td.hidden-xs,
div[viewname*=PortalView] th.hidden-sm.hidden-xs,
div[viewname*=PortalView] td.hidden-sm.hidden-xs,
div[viewname*=PortalView] th.hidden-md.hidden-xs,
div[viewname*=PortalView] td.hidden-md.hidden-xs,
div[viewname*=PortalView] th.hidden-lg.hidden-xs,
div[viewname*=PortalView] td.hidden-lg.hidden-xs {
display: table-cell !important;
}
th[data-column-property-name="QuickView"], td[data-column-property-name="QuickView"],
div[viewname*=SchoolDirectoryView] th[data-column-property-name="ApplicationRolesDescription"].hidden-xs,
div[viewname*=SchoolDirectoryView] td[data-column-property-name="ApplicationRolesDescription"].hidden-xs,
div[viewname*=SchoolDirectoryView] th[data-column-property-name="ApplicationRolesDescription"].hidden-sm.hidden-xs,
div[viewname*=SchoolDirectoryView] td[data-column-property-name="ApplicationRolesDescription"].hidden-sm.hidden-xs,
div[viewname*=SchoolDirectoryView] th[data-column-property-name="ApplicationRolesDescription"].hidden-md.hidden-xs,
div[viewname*=SchoolDirectoryView] td[data-column-property-name="ApplicationRolesDescription"].hidden-md.hidden-xs {
display: none !important;
}
}
.tw-edit-person-title, .tw-nv-title, .tw-nice-button,
#sidebar, .navbar, .tw-tab-ribbon, .btn-group, .trakkware-toolbar, #ace-settings-container, .view-back-button, .btn,
.breadcrumb, .current-header-crumb, .search-group, .tw-logotype, .tw-teacher-welcome,
div[viewname*=PortalView].tw-top-parent-view > .tw-view-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view > .page-header,
.nav-tabs, .breadcrumbs, .tw-top-toolbar, .tw-container-viewport-west, .tw-bottom-toolbar, .tw-portal-header {
display: none !important;
}
.tw-assessment-matrices-container .tw-nv-title {
display: block !important;
}
.tw-quick-view-data-container {
min-height: 0px;
}
.tw-quickview-picture {
max-width: 250px;
max-height: 250px;
}
.tw-preview-reports-collasible-boxes .collapsed {
display: none;
}
.tw-assessment-inline-field,
.tw-consolidated-assessment-reports-wrapper
{
page-break-inside: auto;
}
/*
.tw-assessment-inline-field > .tw-row-selectable ,
.tw-assessment-inline-field > .tw-individual-report
{
page-break-after: always;
page-break-inside: avoid;
}*/
/* The page-break-inside: auto will allow the first narrative to display on the first page even IF it doesn't all fit. If we use page-break-inside: avoid instead then the first narrative will get forced onto the second page if it doesn't all fit on the page. */
.tw-assessment-inline-field > .tw-row-selectable,
.tw-assessment-inline-field > .tw-individual-report
{
page-break-after: always;
page-break-inside: auto;
}
/*
.tw-assessment-inline-field-no-pagebreak > .tw-row-selectable,
.tw-assessment-inline-field-no-pagebreak > .tw-individual-report
{
page-break-after: avoid !important;
page-break-inside: auto !important;
}
*/
.tw-assessment-inline-field-no-pagebreak > .tw-row-selectable,
.tw-assessment-inline-field-no-pagebreak > .tw-individual-report
{
page-break-after: auto !important;
page-break-inside: auto !important;
}
.tw-portal-bigsis-logo-and-styles
{
display: none !important;
}
}
/* Print Styles should be the final styles. If you want to edit this file, please do so ABOVE the print styles. */
/* End */
/* End */
/* End */
/* End */
/**** SHAWN LEAD CHANGES */
div .tw-view-no-min {
min-height: inherit !important;
}
/***** END SHAWN LEAD CHANGES.. WILL IT MERGE BETTER LIKE THIS?? */
.grid-pager_center td > i.icon-refresh {
display: none;
}
.grid-pager_center td > i.icon-refresh-red {
display: none;
}
.tw-view-empty-region {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
margin-bottom: 2rem !important;
}
.tw-menutree .dropdown-toggle {
white-space: normal;
}
.col-xs-12 + .tw-subview {
clear: both;
}
.tw-list-header .tw-fieldset-collapsible {
background: none;
border: 0;
}
.tw-portal-setup-inner-wrapper .tw-row-selectable {
padding: 0 !important;
border: 0 !important;
background: none !important;
}
.tw-datepicker {
max-width: 600px;
}
.tw-public-donation-form-view-wrapper .tw-fieldset legend {
font-size: 22px;
font-weight: bold;
}
body.theme-classic.mode-light {
background: #ffffff;
color: #333333;
/*.tw-mpf-breadcrumbs {
margin-left: 0;
margin-top: 5px;
background-color: transparent;
display: inline-block;
line-height: 24px;
margin: 0 22px 0 12px;
padding: 0;
font-size: 13px;
color: #333;
border-radius: 0;
}
.tw-mpf-runtime-breadcrumb {
display: inline-block;
color: #fff;
background-color: #1d6fa6 !important;
padding: 0 4px 0 22px;
cursor: default;
position: relative;
&:first-child {
padding-left: 10px;
}
&:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
display: block;
float: right;
position: relative;
z-index: 1;
border-top: 1px solid #777;
border-right: 1px solid #777;
background-color: #1d6fa6 !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height: 18px;
width: 18px;
right: -12px;
top: 3px;
border-top-color: #fff !important;
border-right-color: #fff !important;
margin-left: -10px;
}
span {
position: relative;
z-index: 4;
float: left;
}
}
*/
}
body.theme-classic.mode-light .tw-fieldset-collapsible {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0 16px 16px 16px !important;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-light .tw-fieldset-collapsible > legend {
color: #2e4f7a;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #f7f7f7;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
}
body.theme-classic.mode-light .tw-fieldset-collapsible > legend:hover {
color: #00537d;
background: #f9fbfc;
border-color: #438eb9;
}
body.theme-classic.mode-light .tw-fieldset-collapsible > legend i {
color: #669fc7;
}
body.theme-classic.mode-light .tw-fieldset-collapsible.fieldset-collapsed > legend {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-classic.mode-light .page-header h1 {
color: #2679b5;
font-size: 26px;
}
body.theme-classic.mode-light .tw-simple-link-button {
color: #4f99c6;
}
body.theme-classic.mode-light .tw-simple-link-button {
color: #4f99c6 !important;
}
body.theme-classic.mode-light a {
color: #4f99c6;
}
body.theme-classic.mode-light .tab-content {
background: #ffffff;
}
body.theme-classic.mode-light .tw-top-parent-view .tw-top-parent-view .page-wrapper {
border-radius: 8px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 16px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-light .navbar {
background-color: #438eb9;
border-bottom-color: #357194;
}
@media (max-width: 991px) {
body.theme-classic.mode-light .navbar {
padding-left: 50px;
}
}
body.theme-classic.mode-light .navbar .navbar-brand {
color: #ffffff;
}
body.theme-classic.mode-light .tw-portal-header .navbar-brand {
color: white !important;
}
body.theme-classic.mode-light .tw-portal-header .user-profile > .btn {
color: white !important;
}
body.theme-classic.mode-light .tw-portal-header .user-profile > .btn:hover {
color: white !important;
}
body.theme-classic.mode-light .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 16px;
border-radius: 8px;
}
body.theme-classic.mode-light .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #f7f7f7;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .tw-search-menu-container {
padding: 8px;
background: #f2f2f2;
}
body.theme-classic.mode-light .tw-search-menu-container .select2-selection {
background: rgba(255, 255, 255, 0.5) !important;
color: #ffffff !important;
}
body.theme-classic.mode-light .tw-search-menu-container .select2-selection .select2-selection__placeholder {
color: #333333 !important;
opacity: 0.5;
}
body.theme-classic.mode-light .tw-search-menu-container .select2-selection:hover, body.theme-classic.mode-light .tw-search-menu-container .select2-selection:focus, body.theme-classic.mode-light .tw-search-menu-container .select2-selection:focus-visible {
background: #ffffff !important;
}
body.theme-classic.mode-light .tw-search-menu-container .select2-container--open .select2-selection, body.theme-classic.mode-light .tw-search-menu-container .select2-container--focus .select2-selection {
background: #ffffff !important;
}
body.theme-classic.mode-light .ace-nav .light-blue > a.btn {
background-color: #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-light .ace-nav .light-blue > a.btn:hover, body.theme-classic.mode-light .ace-nav .light-blue > a.btn:focus {
background-color: #549ac1;
}
body.theme-classic.mode-light .tw-nav-myaccount-button-wrapper .user-profile > .dropdown-toggle > span {
min-width: 0;
display: flex;
align-items: center;
}
body.theme-classic.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu li:hover a {
background: none;
color: #333333;
}
body.theme-classic.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu a {
border-radius: 0 !important;
white-space: nowrap;
border: 0 !important;
}
body.theme-classic.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu a:hover {
background: white !important;
color: #4f99c6 !important;
}
body.theme-classic.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu .tw-no-btn-reset {
padding: 6px 32px 6px 16px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
line-height: 1.428571429;
min-height: 0 !important;
display: block;
text-align: left;
}
body.theme-classic.mode-light.theme-classic .btn-theme-classic, body.theme-classic.mode-light.theme-modern .btn-theme-modern, body.theme-classic.mode-light.mode-light .btn-theme-mode-light, body.theme-classic.mode-light.mode-dark .btn-theme-mode-dark, body.theme-classic.mode-light:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard, body.theme-classic.mode-light.tw-relaxed .btn-theme-relaxed, body.theme-classic.mode-light.tw-slim .btn-theme-slim {
position: relative;
}
body.theme-classic.mode-light.theme-classic .btn-theme-classic:before, body.theme-classic.mode-light.theme-modern .btn-theme-modern:before, body.theme-classic.mode-light.mode-light .btn-theme-mode-light:before, body.theme-classic.mode-light.mode-dark .btn-theme-mode-dark:before, body.theme-classic.mode-light:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard:before, body.theme-classic.mode-light.tw-relaxed .btn-theme-relaxed:before, body.theme-classic.mode-light.tw-slim .btn-theme-slim:before {
content: "";
width: 6px;
height: 6px;
background: #438eb9;
border-radius: 50%;
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
}
body.theme-classic.mode-light .menu-toggler > .menu-text {
display: block;
content: "Menu";
}
@keyframes translateY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0);
}
}
@keyframes translateX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-8px);
}
100% {
transform: translateX(0);
}
}
body.theme-classic.mode-light .theme-notification-1, body.theme-classic.mode-light .theme-notification-2 {
position: absolute;
background: #d9e8f1;
border: 1px solid #438eb9;
color: #438eb9;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
padding: 16px 24px;
z-index: 99;
display: flex;
border-radius: 4px;
align-items: center;
gap: 8px;
white-space: nowrap;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .theme-notification-1 {
top: 100%;
right: 0;
animation: translateY 1s 3 ease;
}
body.theme-classic.mode-light .theme-notification-1 .fa-arrow-right {
position: absolute;
bottom: 100%;
right: 7px;
font-size: 18px;
transform: rotate(-90deg);
color: #ffffff;
}
body.theme-classic.mode-light .theme-notification-2 {
top: 92px;
right: 100%;
animation: translateX 1s 3 ease;
}
body.theme-classic.mode-light .theme-notification-2 .arrow-theme {
position: absolute;
top: -13px;
right: -19px;
transform: rotate(-25deg);
font-size: 18px;
}
body.theme-classic.mode-light .theme-notification-2 .arrow-brightness {
position: absolute;
bottom: -13px;
right: -19px;
transform: rotate(25deg);
font-size: 18px;
}
body.theme-classic.mode-light .sidebar {
background: #f2f2f2;
border-right: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .sidebar:before {
border-right: 1px solid rgba(0, 0, 0, 0.15);
background: #f2f2f2;
}
body.theme-classic.mode-light .sidebar.menu-min .nav-list > li > a .menu-text {
color: #438eb9;
}
body.theme-classic.mode-light .menu-toggler {
background: #438eb9;
border: 1px solid #438eb9;
color: #ffffff;
transition: ease 0.2s all;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-classic.mode-light .menu-toggler:hover {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-light .sidebar-collapse {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
background-color: #f2f2f2;
cursor: pointer;
color: #333333;
padding: 8px;
text-align: center;
position: relative;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .sidebar-collapse > [class*=icon-] {
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 0 5px;
line-height: 18px;
border-radius: 16px;
position: relative;
}
body.theme-classic.mode-light .sidebar-collapse:before {
content: "";
display: inline-block;
height: 0;
position: absolute;
left: 15px;
right: 15px;
top: 13px;
}
body.theme-classic.mode-light .sidebar-collapse:hover {
background-color: white;
color: #4f99c6;
}
body.theme-classic.mode-light .sidebar-collapse:after {
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .sidebar-collapse > [class*=icon-] {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .alert-info {
background: #ffffff;
border: 1px solid #438eb9;
}
body.theme-classic.mode-light .alert-success {
background: rgba(125, 170, 80, 0.1);
border: 1px solid #7daa50;
}
body.theme-classic.mode-light .alert-warning {
background: rgba(255, 168, 48, 0.1);
border: 1px solid #ffa830;
}
body.theme-classic.mode-light .alert-danger {
background: rgba(211, 65, 59, 0.1);
border: 1px solid #d3413b;
}
body.theme-classic.mode-light .alert {
margin-bottom: 16px;
}
body.theme-classic.mode-light .alert:last-child {
margin-bottom: 0;
}
body.theme-classic.mode-light .tw-validations-target-parent:after {
content: "";
display: block;
clear: both;
}
body.theme-classic.mode-light .breadcrumbs {
background: #c9c9c9;
color: #333333;
border-radius: 4px;
}
body.theme-classic.mode-light .breadcrumbs > li + li:before {
color: #333333;
}
body.theme-classic.mode-light .breadcrumbs > li:not(:last-child) {
font-weight: bold;
}
body.theme-classic.mode-light .breadcrumbs > li span {
text-decoration: none;
}
body.theme-classic.mode-light .tw-breadcrumbs-back {
font-weight: bold;
cursor: pointer;
}
body.theme-classic.mode-light .fc {
background: #ffffff;
border-radius: 8px;
}
body.theme-classic.mode-light .fc-header {
background: #f7f7f7;
}
body.theme-classic.mode-light .fc-header-title > h2 {
color: #2679b5;
}
body.theme-classic.mode-light .fc-button {
background: #438eb9;
border: 1px solid #438eb9;
color: #ffffff;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .fc-button:not(.fc-state-disabled):hover {
background: #67a5c8;
border: 1px solid #67a5c8;
color: #ffffff;
z-index: 1;
position: relative;
}
body.theme-classic.mode-light .fc-button.fc-state-active {
background: #67a5c8;
border: 1px solid #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-light .fc-corner-left {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
body.theme-classic.mode-light .fc-corner-right {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
body.theme-classic.mode-light .fc-state-active {
background: lightne(#438eb9, 10%);
}
body.theme-classic.mode-light .tw-calendar-list {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .fc-widget-header, body.theme-classic.mode-light .fc-widget-content {
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .fc-widget-header {
background: #f7f7f7;
}
body.theme-classic.mode-light .fc-header {
border: 1px solid rgba(0, 0, 0, 0.15);
border-bottom: 0;
padding: 16px;
display: flex;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-classic.mode-light .tw-calendar-refresh, body.theme-classic.mode-light .tw-calendar-feeds {
color: #ffffff !important;
background: #438eb9 !important;
border-color: #438eb9 !important;
display: flex;
align-items: center;
gap: 8px;
}
body.theme-classic.mode-light .tw-calendar-refresh:not(.fc-state-disabled):hover, body.theme-classic.mode-light .tw-calendar-feeds:not(.fc-state-disabled):hover {
color: #ffffff !important;
background: #67a5c8 !important;
border-color: #67a5c8 !important;
}
body.theme-classic.mode-light .fc-day-header {
padding: 8px !important;
text-transform: uppercase;
}
body.theme-classic.mode-light .fc-state-highlight {
background: rgba(67, 142, 185, 0.5) !important;
}
body.theme-classic.mode-light .fc-day {
padding: 8px !important;
}
body.theme-classic.mode-light .fc-day-number {
line-height: 1;
}
body.theme-classic.mode-light .modal {
background: rgba(255, 255, 255, 0.5);
}
body.theme-classic.mode-light .modal-dialog {
background: none;
}
body.theme-classic.mode-light .modal-body {
background: #ffffff;
}
body.theme-classic.mode-light .modal-content {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-classic.mode-light .modal-header {
background: #f7f7f7;
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}
body.theme-classic.mode-light .modal-header.border-0 {
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}
body.theme-classic.mode-light .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.15);
background: #f7f7f7;
}
body.theme-classic.mode-light .nav-list > li.open > a {
background: white;
color: #4f99c6;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .nav-list > li.open > a > .arrow {
color: #4f99c6;
}
body.theme-classic.mode-light .nav-list > li > a {
background: #f2f2f2;
color: #333333;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .nav-list > li > a:hover, body.theme-classic.mode-light .nav-list > li > a:focus {
background: white;
color: #4f99c6;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .nav-list > li > a:hover > .arrow, body.theme-classic.mode-light .nav-list > li > a:focus > .arrow {
color: #4f99c6;
}
body.theme-classic.mode-light .nav-list > li > a > .arrow {
color: #333333;
}
body.theme-classic.mode-light .nav-list > li .submenu {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .nav-list > li .submenu > li {
transition: ease 0.2s all;
}
body.theme-classic.mode-light .nav-list > li .submenu > li:hover {
background: #ececec;
}
body.theme-classic.mode-light .nav-list > li .submenu > li > a {
color: #333333;
}
body.theme-classic.mode-light .nav-list > li .submenu > li > a:hover, body.theme-classic.mode-light .nav-list > li .submenu > li > a:focus {
color: #4f99c6;
}
body.theme-classic.mode-light .nav-list > li .submenu > li > a > .arrow {
color: #333333;
}
body.theme-classic.mode-light .nav-list > li .submenu > li a > [class*=icon-]:first-child {
background-color: #f2f2f2;
color: #333333;
}
body.theme-classic.mode-light .nav-list > li > .submenu:before {
border-right: 1px solid rgba(51, 51, 51, 0.15) !important;
}
body.theme-classic.mode-light .nav-list > li > .submenu > li:before {
border-bottom: 1px solid rgba(51, 51, 51, 0.15) !important;
}
body.theme-classic.mode-light .widget-header {
color: #669fc7;
background: rgb(247, 250, 251);
border: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-classic.mode-light .widget-header > * {
vertical-align: middle;
}
body.theme-classic.mode-light .widget-body {
background-color: #ffffff;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-classic.mode-light .widget-box {
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.15);
overflow: hidden;
}
body.theme-classic.mode-light .spinner {
border: 12px solid rgba(51, 51, 51, 0.075);
border-top-color: #4f99c6;
}
body.theme-classic.mode-light .tw-mask {
background: rgba(255, 255, 255, 0.75);
}
body.theme-classic.mode-light .tw-mask-center p {
color: #333333;
}
body.theme-classic.mode-light .spinner-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;
}
body.theme-classic.mode-light .tw-lead-phase-ribbon-wrapper .breadcrumb li:first-child, body.theme-classic.mode-light .tw-mpf-breadcrumbs .breadcrumb li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-light .tw-lead-phase-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-inprogress, body.theme-classic.mode-light .tw-mpf-breadcrumbs .breadcrumb li.tw-lead-status-ribbon-inprogress {
background: #7daa50;
}
body.theme-classic.mode-light .tw-lead-phase-ribbon-wrapper .tw-mpf-breadcrumbs-selected, body.theme-classic.mode-light .tw-mpf-breadcrumbs .tw-mpf-breadcrumbs-selected {
background: #7daa50 !important;
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon .tw-milestone-block:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon .tw-milestone-block:first-child .tw-milestone-grid-inprogress {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-light .tw-milestone-current-grid {
background: #438eb9;
}
body.theme-classic.mode-light .tw-milestone-grid-inprogress::after {
background: #438eb9 !important;
}
body.theme-classic.mode-light .tw-mpf-runtime-breadcrumb,
body.theme-classic.mode-light .tw-mpf-runtime-breadcrumb:after,
body.theme-classic.mode-light .tw-lead-status-ribbon-completed,
body.theme-classic.mode-light .tw-lead-status-ribbon-completed:after,
body.theme-classic.mode-light .tw-milestone-grid-completed,
body.theme-classic.mode-light .tw-milestone-grid-completed:after {
background-color: #438eb9 !important;
color: white;
}
body.theme-classic.mode-light .tw-milestone-grid-complete.tw-milestone-grid-waitlist, body.theme-classic.mode-light .tw-milestone-grid-complete.tw-milestone-grid-waitlist:after {
background-color: #8a7cb4 !important;
}
body.theme-classic.mode-light .tw-lead-status-ribbon-inprogress,
body.theme-classic.mode-light .tw-lead-status-ribbon-inprogress:after,
body.theme-classic.mode-light .tw-milestone-grid-inprogress,
body.theme-classic.mode-light .tw-milestone-grid-inprogress:after {
background-color: #7daa50 !important;
color: white !important;
}
body.theme-classic.mode-light .tw-mpf-runtime-breadcrumb:first-child,
body.theme-classic.mode-light .tw-lead-status-ribbon-completed:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-light .tw-lead-status-ribbon-notyet,
body.theme-classic.mode-light .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb,
body.theme-classic.mode-light .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb:after,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li,
body.theme-classic.mode-light .tw-lead-milestone-ribbon > span,
body.theme-classic.mode-light .tw-milestone-block {
background-color: #a1c7dc;
color: white;
cursor: default;
position: relative;
}
body.theme-classic.mode-light .tw-milestone-block span {
display: block;
}
body.theme-classic.mode-light .tw-milestone-block span:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 14px;
width: 14px;
display: block;
float: right;
position: relative;
right: -7px;
z-index: 1;
top: 3px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.5);
background: #a1c7dc;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@media (max-width: 1550px) {
body.theme-classic.mode-light .tw-milestone-block span:after {
right: -4px;
height: 8px;
width: 8px;
top: 4px;
}
}
body.theme-classic.mode-light .breadcrumb {
overflow: hidden;
}
body.theme-classic.mode-light .tw-mpf-breadcrumbs .tw-mpf-runtime-breadcrumb:after,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 28px;
width: 28px;
display: block;
float: right;
position: absolute;
right: -12px;
z-index: 1;
top: 6px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.5);
background: #a1c7dc;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-left: -22px;
margin-bottom: -2px;
margin-top: -2px;
}
body.theme-classic.mode-light .tw-mpf-breadcrumbs-selected:after,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next::after {
background: #7daa50 !important;
}
body.theme-classic.mode-light .tw-mpf-runtime-breadcrumb,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li {
padding-right: 16px;
padding-left: 24px;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
line-height: 24px;
}
body.theme-classic.mode-light .tw-mpf-runtime-breadcrumb span,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li span {
position: relative;
z-index: 2;
}
body.theme-classic.mode-light .tw-mpf-runtime-breadcrumb i,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li i {
margin-right: 8px;
}
body.theme-classic.mode-light .tw-milestone-block:last-child span:after {
border-top: 0;
border-right: 0;
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon span > i {
font-style: normal;
text-align: center;
line-height: 150%;
color: white;
background-clip: padding-box;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
padding: 5px 0;
bottom: 100%;
margin-bottom: 15px;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s linear;
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon span > i:before, body.theme-classic.mode-light .tw-lead-milestone-ribbon span > i:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon span > i:before {
margin-top: 5px;
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon span:hover > i {
visibility: visible;
opacity: 1;
}
body.theme-classic.mode-light .tw-mpf-breadcrumbs-selected,
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next,
body.theme-classic.mode-light .tw-milestone-grid-next {
background: #7daa50 !important;
color: white;
}
body.theme-classic.mode-light .tw-lead-phases-ribbon-wrapper h2 {
margin-top: 0;
padding: 0;
}
body.theme-classic.mode-light .table {
border: 1px solid #d9d9d9;
color: #333333;
background: #ffffff;
}
body.theme-classic.mode-light .table thead tr th {
background-color: #f0f0f0;
}
body.theme-classic.mode-light .table thead tr th.tw-sortable-header:hover, body.theme-classic.mode-light .table thead tr th.tw-sortable-header:focus {
background: #e3e3e3;
color: #4f99c6;
}
body.theme-classic.mode-light .table.table-striped tbody > tr:nth-child(odd) > td, body.theme-classic.mode-light .table.table-striped tbody > tr:nth-child(odd) > th {
background-color: #fafafa;
color: #333333;
}
body.theme-classic.mode-light .table.table-striped tbody > tr:nth-child(odd):hover > td, body.theme-classic.mode-light .table.table-striped tbody > tr:nth-child(odd):hover > th {
background: rgba(67, 142, 185, 0.1);
}
body.theme-classic.mode-light .table tbody tr:hover > td, body.theme-classic.mode-light .table tbody tr:hover > th {
background: rgba(67, 142, 185, 0.1);
color: #333333;
}
body.theme-classic.mode-light .table tbody tr.highlight > td, body.theme-classic.mode-light .table tbody tr.highlight > th {
background: #438eb9 !important;
color: white !important;
}
body.theme-classic.mode-light .table tbody tr.highlight > td a:not(.btn), body.theme-classic.mode-light .table tbody tr.highlight > th a:not(.btn) {
color: white !important;
}
body.theme-classic.mode-light .table td, body.theme-classic.mode-light .table th {
border-color: #d9d9d9;
}
body.theme-classic.mode-light .table:last-child {
margin-bottom: 0;
}
body.theme-classic.mode-light .ui-pg-table td {
padding: 0 4px;
}
@media (max-width: 1440px) {
body.theme-classic.mode-light .ui-pg-table td {
padding: 0 1px;
}
}
body.theme-classic.mode-light .tw-paging-button {
background: #ffffff;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 4px 8px;
transition: ease 0.2s all;
font-size: 14px;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
}
body.theme-classic.mode-light .tw-paging-button i {
width: 14px;
}
body.theme-classic.mode-light .tw-paging-button:hover {
border-color: #438eb9;
}
@media (max-width: 1440px) {
body.theme-classic.mode-light .tw-paging-button {
padding: 4px 2px;
}
}
body.theme-classic.mode-light .tw-sorted-header,
body.theme-classic.mode-light .tw-sorted-header .icon-sort-up,
body.theme-classic.mode-light .tw-sorted-header .icon-sort-down {
color: #4f99c6 !important;
}
body.theme-classic.mode-light .tw-tabs {
background: #f9f9f9;
}
body.theme-classic.mode-light .tab-content {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .tw-tabs:not(.tabs-left) .nav-tabs > li a {
color: #5280a2;
}
body.theme-classic.mode-light .tw-tabs:not(.tabs-left) .nav-tabs > li.active > a {
background: #438eb9 !important;
color: white;
}
body.theme-classic.mode-light .tw-tabs.tabs-left {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
}
body.theme-classic.mode-light .tw-tabs.tabs-left > .nav-tabs {
padding: 16px 8px;
background: #f9f9f9;
}
body.theme-classic.mode-light .tw-tabs.tabs-left > .nav-tabs > li > a {
border: 0;
background: none;
padding: 10px 12px;
color: #333333;
border-left: 2px solid transparent;
}
body.theme-classic.mode-light .tw-tabs.tabs-left > .nav-tabs > li.active > a {
background: transparent !important;
color: #333333 !important;
font-weight: bold;
border-left-color: #438eb9;
}
body.theme-classic.mode-light .tw-tabs.tabs-left > .tab-content {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid rgba(0, 0, 0, 0.15);
min-width: 0;
}
body.theme-classic.mode-light .tw-tabs .nav-tabs > li > a {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.15);
transition: ease 0.2s all;
border-bottom: 2px solid transparent;
color: #4f99c6;
}
body.theme-classic.mode-light .tw-tabs .nav-tabs > li.active > a {
background: transparent !important;
border-bottom-color: #438eb9;
}
body.theme-classic.mode-light .tw-tab-close-button {
display: inline-block;
margin-left: 8px;
cursor: pointer;
}
body.theme-classic.mode-light.tw-slim .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-light.tw-slim .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
body.theme-classic.mode-light.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-light.tw-relaxed .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs {
background: transparent;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding: 0;
gap: 8px;
background: transparent;
padding-top: 16px;
padding-left: 32px;
padding-right: 32px;
border: 0;
}
@media (max-width: 991px) {
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
background: #ffffff !important;
color: #5280a2;
box-shadow: 0 3px #438eb9;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a {
border-radius: 6px;
background: transparent;
border: 1px solid #438eb9;
padding: 4px 8px;
line-height: 24px !important;
font-size: 0.9rem;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover {
background: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
padding-top: 16px;
border: 0;
background: none;
/*> .tab-pane {
background: $panel-body-background;
border: $border;
border-radius: $panel-border-radius;
padding: calc($spacing * 4);
box-shadow: $shadow;
@media (max-width: 991px) {
padding: calc($spacing * 2);
}
}*/
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 32px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-classic.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
padding: 16px;
}
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs {
background: transparent;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tab-content {
padding: 16px;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs {
display: flex;
flex-direction: column;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
display: flex;
flex-direction: row;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 16px;
margin-right: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
background: transparent;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li {
width: auto;
margin-bottom: -1px;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
box-shadow: inset 0 -3px 0 0 #438eb9;
border: 0;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li a {
padding-bottom: 13px;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs span {
white-space: nowrap;
}
body.theme-classic.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
border: 0;
padding: 16px;
}
body.theme-classic.mode-light .tiles input[type=radio]:checked + .lbl {
background: #67a5c8;
border-color: #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-light .tiles .lbl {
/*border: 1px solid $button-border-color;
background: $button-background;
color: $button-color;
padding: $spacing;
transition: $transition;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;*/
border-radius: 6px;
}
body.theme-classic.mode-light .tiles .lbl:hover {
background: #67a5c8;
border-color: #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-light .tw-next-statuses-radios .tw-lead-status-type-title {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}
body.theme-classic.mode-light .tw-next-statuses-radios .tw-radio-group {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 8px;
border-radius: 8px;
background: #f2f2f2;
gap: 8px;
justify-content: center;
}
body.theme-classic.mode-light .tw-next-statuses-radios .radio-inline {
text-align: center;
height: 147px;
padding-left: 0;
width: 140px;
}
body.theme-classic.mode-light .tw-next-statuses-radios .radio-inline i {
font-size: 32px;
}
body.theme-classic.mode-light .tw-next-statuses-radios .radio-inline .lbl {
padding: 16px;
width: 100%;
height: 121px;
}
body.theme-classic.mode-light .tw-lead-status-type-title {
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 16px !important;
}
body.theme-classic.mode-light .tw-next-statuses-radios .tw-lead-status-type-mini-image-wrapper {
padding: 0;
padding-bottom: 8px;
}
body.theme-classic.mode-light .tw-bottom-toolbar {
background: #f0f0f0;
border: 1px solid rgba(0, 0, 0, 0.15);
margin-top: -1px;
}
body.theme-classic.mode-light .tw-top-toolbar-fixed {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-top: 0;
}
body.theme-classic.mode-light .tw-toolbar-active-filters-row {
margin-top: 20px;
padding: 4px 12px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
border-left: 3px solid #ac51f8;
}
body.theme-classic.mode-light .tw-toolbar-active-filters-row .btn {
padding: 4px 8px;
background: #438eb9;
border-color: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-light .tw-toolbar-active-filters-row .btn:hover {
background: #357194;
border-color: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-light .tooltip-inner, body.theme-classic.mode-light .tw-lead-milestone-ribbon span > i {
border-radius: 4px;
background: rgba(0, 0, 0, 0.8);
color: white;
font-size: 1rem;
}
body.theme-classic.mode-light .popover .popover-arrow:after {
border-right-coolor: #ffffff;
}
body.theme-classic.mode-light .popover .popover-body {
background: #ffffff;
border-radius: 4px;
color: #333333;
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .tw-lead-milestone-ribbon span > i:after {
z-index: 1;
border-top: 10px solid rgba(0, 0, 0, 0.8);
}
body.theme-classic.mode-light .btn, body.theme-classic.mode-light .tw-academic-year-wizard-action-button {
border-radius: 6px;
color: #ffffff;
background: #438eb9;
border: 1px solid #438eb9;
cursor: pointer;
}
body.theme-classic.mode-light .btn:not([disabled]):hover, body.theme-classic.mode-light .tw-academic-year-wizard-action-button:not([disabled]):hover {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-light .btn:not([disabled]):focus, body.theme-classic.mode-light .btn:not([disabled]):focus-visible, body.theme-classic.mode-light .tw-academic-year-wizard-action-button:not([disabled]):focus, body.theme-classic.mode-light .tw-academic-year-wizard-action-button:not([disabled]):focus-visible {
border-color: #438eb9 !important;
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5) !important;
}
body.theme-classic.mode-light .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #333333;
}
body.theme-classic.mode-light .btn-success {
background: #7daa50;
border: 1px solid #7daa50;
}
body.theme-classic.mode-light .btn-success:hover {
background: #97bc71;
border-color: #7daa50;
}
body.theme-classic.mode-light .btn-info {
background: #438eb9;
border: 1px solid #438eb9;
}
body.theme-classic.mode-light .btn-info:hover {
background: #67a5c8;
border-color: #438eb9;
}
body.theme-classic.mode-light .btn-warning {
background: #ffa830;
border: 1px solid #ffa830;
}
body.theme-classic.mode-light .btn-warning:hover {
background: #ffbd63;
border-color: #ffa830;
}
body.theme-classic.mode-light .btn-danger {
background: #d3413b;
border: 1px solid #d3413b;
}
body.theme-classic.mode-light .btn-danger:hover {
background: #dc6965;
border-color: #d3413b;
}
body.theme-classic.mode-light .btn-purple {
background: #8a7cb4;
border: 1px solid #8a7cb4;
}
body.theme-classic.mode-light .btn-purple:hover {
background: #a79cc7;
border-color: #8a7cb4;
}
body.theme-classic.mode-light .btn-yellow {
background: #fcd76a;
border: 1px solid #fcd76a;
color: #654c02;
}
body.theme-classic.mode-light .btn-yellow:hover {
background: #fde49c;
border-color: #fcd76a;
}
body.theme-classic.mode-light .btn-pink {
background: #d54c7e;
border: 1px solid #d54c7e;
}
body.theme-classic.mode-light .btn-pink:hover {
background: #df759c;
border-color: #d54c7e;
}
body.theme-classic.mode-light .btn-primary {
background: #438eb9;
border: 1px solid #438eb9;
color: #ffffff;
}
body.theme-classic.mode-light .btn-primary:hover {
background: #67a5c8;
border-color: #438eb9;
}
body.theme-classic.mode-light .btn-inverse {
background: #333333;
border: 1px solid #333333;
}
body.theme-classic.mode-light .btn-inverse:hover {
background: #4d4d4d;
border-color: #333333;
}
body.theme-classic.mode-light .tw-academic-year-wizard-action-button {
font-size: 1rem;
display: inline-block;
}
body.theme-classic.mode-light [disabled]:not(.tw-paging-button):not(.not-disabled) {
opacity: 0.6 !important;
pointer-events: none;
background: rgba(128, 128, 128, 0.5) !important;
color: black !important;
border-color: #d9d9d9 !important;
}
body.theme-classic.mode-light [disabled]:not(.tw-paging-button):not(.not-disabled) > [disabled] {
opacity: 1 !important;
}
body.theme-classic.mode-light [disabled]:not(.tw-paging-button):not(.not-disabled):before {
background: black;
}
body.theme-classic.mode-light input[type=checkbox] {
background: #ffffff;
border: 2px solid rgba(0, 0, 0, 0.15);
cursor: pointer;
position: relative;
appearance: none;
border-radius: 2px;
transition: ease 0.2s all;
}
body.theme-classic.mode-light input[type=checkbox]:hover, body.theme-classic.mode-light input[type=checkbox]:focus {
border-color: #4f99c6;
}
body.theme-classic.mode-light input[type=checkbox]:focus {
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5);
}
body.theme-classic.mode-light input[type=checkbox]:checked {
background: #4f99c6;
}
body.theme-classic.mode-light input[type=checkbox]:checked:before {
content: "";
position: absolute;
width: 7px;
height: 12px;
border-bottom: 2px solid white;
border-right: 2px solid white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
margin-top: -2px;
}
body.theme-classic.mode-light input[type=checkbox][disabled]:checked:before {
border-bottom-color: black;
border-right-color: black;
opacity: 0.5;
}
body.theme-classic.mode-light .dropdown-menu {
background: #ffffff;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .dropdown-menu.dropdown-caret:before {
border-bottom-color: rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .dropdown-menu.dropdown-caret:after {
border-bottom-color: #ffffff;
}
body.theme-classic.mode-light .dropdown-menu > li:hover > a {
color: white;
background: #438eb9;
}
body.theme-classic.mode-light .dropdown-menu > li a {
color: #333333;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .dropdown-menu > li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-light .dropdown-menu > li:first-child > a:not(.tw-simple-button) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-classic.mode-light .dropdown-menu > li:last-child > a:not(.tw-simple-button) {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-light .dropdown-menu h3 {
color: #333333;
}
body.theme-classic.mode-light .input-group-addon {
border: 1px solid rgba(0, 0, 0, 0.15);
background: #ffffff;
}
body.theme-classic.mode-light .input-group-addon:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-light .input-group {
flex-wrap: nowrap;
}
body.theme-classic.mode-light .input-group > select:first-child + .select2 .select2-selection {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-light .input-group .select2-container {
min-width: 0;
}
body.theme-classic.mode-light input[type=radio] {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-width: 2px;
}
body.theme-classic.mode-light input[type=radio]:checked {
background: #438eb9;
}
body.theme-classic.mode-light input[type=radio]:checked:before {
background: white;
}
body.theme-classic.mode-light input[type=radio]:hover, body.theme-classic.mode-light input[type=radio]:focus {
border-color: #438eb9;
}
body.theme-classic.mode-light input[type=radio]:focus {
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5);
}
body.theme-classic.mode-light .select2-container .select2-selection--single {
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .select2-container--default .select2-selection--single {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-top-color: #333333;
}
body.theme-classic.mode-light .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #333333;
}
body.theme-classic.mode-light .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-bottom-color: #333333;
border-top-color: transparent;
}
body.theme-classic.mode-light .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(0, 0, 0, 0.15);
background: #ffffff;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .select2-container--default .select2-search--dropdown .select2-search__field:focus, body.theme-classic.mode-light .select2-container--default .select2-search--dropdown .select2-search__field:hover {
border-color: #438eb9;
}
body.theme-classic.mode-light .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-light .select2-dropdown {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-light .select2-dropdown.select2-dropdown--above {
margin-top: 1px;
}
body.theme-classic.mode-light .select2-dropdown.select2-dropdown--below {
margin-top: -1px;
}
body.theme-classic.mode-light select {
background: #ffffff;
color: #333333;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light .select2-selection {
transition: ease 0.2s all;
}
body.theme-classic.mode-light .select2-selection:focus, body.theme-classic.mode-light .select2-selection:focus-visible {
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5);
outline: 0;
}
body.theme-classic.mode-light .select2-selection:hover, body.theme-classic.mode-light .select2-selection:focus, body.theme-classic.mode-light .select2-selection:focus-visible {
border-color: #438eb9;
}
body.theme-classic.mode-light .select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 17px;
padding: 0 8px;
}
body.theme-classic.mode-light textarea {
background: #ffffff;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light textarea:focus, body.theme-classic.mode-light textarea:focus-visible {
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5);
}
body.theme-classic.mode-light textarea:hover, body.theme-classic.mode-light textarea:focus, body.theme-classic.mode-light textarea:focus-visible {
border-color: #438eb9;
}
body.theme-classic.mode-light input[type=text], body.theme-classic.mode-light input[type=password], body.theme-classic.mode-light input[type=datetime], body.theme-classic.mode-light input[type=datetime-local], body.theme-classic.mode-light input[type=date], body.theme-classic.mode-light input[type=month], body.theme-classic.mode-light input[type=time], body.theme-classic.mode-light input[type=week], body.theme-classic.mode-light input[type=number], body.theme-classic.mode-light input[type=email], body.theme-classic.mode-light input[type=url], body.theme-classic.mode-light input[type=search], body.theme-classic.mode-light input[type=tel], body.theme-classic.mode-light input[type=color] {
background: #ffffff;
color: #333333;
border-radius: 4px;
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-light input[type=text]:focus, body.theme-classic.mode-light input[type=text]:focus-visible, body.theme-classic.mode-light input[type=password]:focus, body.theme-classic.mode-light input[type=password]:focus-visible, body.theme-classic.mode-light input[type=datetime]:focus, body.theme-classic.mode-light input[type=datetime]:focus-visible, body.theme-classic.mode-light input[type=datetime-local]:focus, body.theme-classic.mode-light input[type=datetime-local]:focus-visible, body.theme-classic.mode-light input[type=date]:focus, body.theme-classic.mode-light input[type=date]:focus-visible, body.theme-classic.mode-light input[type=month]:focus, body.theme-classic.mode-light input[type=month]:focus-visible, body.theme-classic.mode-light input[type=time]:focus, body.theme-classic.mode-light input[type=time]:focus-visible, body.theme-classic.mode-light input[type=week]:focus, body.theme-classic.mode-light input[type=week]:focus-visible, body.theme-classic.mode-light input[type=number]:focus, body.theme-classic.mode-light input[type=number]:focus-visible, body.theme-classic.mode-light input[type=email]:focus, body.theme-classic.mode-light input[type=email]:focus-visible, body.theme-classic.mode-light input[type=url]:focus, body.theme-classic.mode-light input[type=url]:focus-visible, body.theme-classic.mode-light input[type=search]:focus, body.theme-classic.mode-light input[type=search]:focus-visible, body.theme-classic.mode-light input[type=tel]:focus, body.theme-classic.mode-light input[type=tel]:focus-visible, body.theme-classic.mode-light input[type=color]:focus, body.theme-classic.mode-light input[type=color]:focus-visible {
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5);
}
body.theme-classic.mode-light input[type=text]:hover, body.theme-classic.mode-light input[type=text]:focus, body.theme-classic.mode-light input[type=text]:focus-visible, body.theme-classic.mode-light input[type=password]:hover, body.theme-classic.mode-light input[type=password]:focus, body.theme-classic.mode-light input[type=password]:focus-visible, body.theme-classic.mode-light input[type=datetime]:hover, body.theme-classic.mode-light input[type=datetime]:focus, body.theme-classic.mode-light input[type=datetime]:focus-visible, body.theme-classic.mode-light input[type=datetime-local]:hover, body.theme-classic.mode-light input[type=datetime-local]:focus, body.theme-classic.mode-light input[type=datetime-local]:focus-visible, body.theme-classic.mode-light input[type=date]:hover, body.theme-classic.mode-light input[type=date]:focus, body.theme-classic.mode-light input[type=date]:focus-visible, body.theme-classic.mode-light input[type=month]:hover, body.theme-classic.mode-light input[type=month]:focus, body.theme-classic.mode-light input[type=month]:focus-visible, body.theme-classic.mode-light input[type=time]:hover, body.theme-classic.mode-light input[type=time]:focus, body.theme-classic.mode-light input[type=time]:focus-visible, body.theme-classic.mode-light input[type=week]:hover, body.theme-classic.mode-light input[type=week]:focus, body.theme-classic.mode-light input[type=week]:focus-visible, body.theme-classic.mode-light input[type=number]:hover, body.theme-classic.mode-light input[type=number]:focus, body.theme-classic.mode-light input[type=number]:focus-visible, body.theme-classic.mode-light input[type=email]:hover, body.theme-classic.mode-light input[type=email]:focus, body.theme-classic.mode-light input[type=email]:focus-visible, body.theme-classic.mode-light input[type=url]:hover, body.theme-classic.mode-light input[type=url]:focus, body.theme-classic.mode-light input[type=url]:focus-visible, body.theme-classic.mode-light input[type=search]:hover, body.theme-classic.mode-light input[type=search]:focus, body.theme-classic.mode-light input[type=search]:focus-visible, body.theme-classic.mode-light input[type=tel]:hover, body.theme-classic.mode-light input[type=tel]:focus, body.theme-classic.mode-light input[type=tel]:focus-visible, body.theme-classic.mode-light input[type=color]:hover, body.theme-classic.mode-light input[type=color]:focus, body.theme-classic.mode-light input[type=color]:focus-visible {
border-color: #438eb9;
}
body.theme-classic.mode-light .redactor-box.redactor-styles-on {
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
body.theme-classic.mode-light .redactor-box.redactor-styles-on.redactor-focus {
border-color: #438eb9 !important;
box-shadow: 0 0 0 3px rgba(67, 142, 185, 0.5);
}
body.theme-classic.mode-light .redactor-air a, body.theme-classic.mode-light .redactor-toolbar a {
transition: ease 0.2s all;
border: 1px solid #438eb9;
border-radius: 6px;
box-shadow: none;
background: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-light .redactor-air a:hover, body.theme-classic.mode-light .redactor-toolbar a:hover {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-light .redactor-air a.redactor-button-active, body.theme-classic.mode-light .redactor-toolbar a.redactor-button-active {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-light .redactor-box.redactor-styles-on {
background: #ffffff;
}
body.theme-classic.mode-light .redactor-styles {
color: #333333;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.theme-classic.mode-light .redactor-dropdown {
background: #ffffff;
border-radius: 4px;
}
body.theme-classic.mode-light .redactor-dropdown a {
transition: ease 0.2s all;
color: #333333;
border-color: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-light .redactor-dropdown a:hover {
background: #438eb9 !important;
}
body.theme-classic.mode-light .redactor-dropdown a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-classic.mode-light .redactor-dropdown a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-light hr, body.theme-classic.mode-light .redactor-in figure[data-redactor-type=line] hr {
border-color: rgba(0, 0, 0, 0.15);
background: #333333;
}
body.theme-classic.mode-light .redactor-modal {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333333;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-classic.mode-light .redactor-modal label {
color: #333333;
}
body.theme-classic.mode-light .redactor-modal input[type=checkbox] {
width: 20px;
height: 20px;
}
body.theme-classic.mode-light .redactor-modal .redactor-close {
color: #333333;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .redactor-modal-header {
background: #f7f7f7;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
color: #2679b5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-classic.mode-light .redactor-modal-footer {
background: #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-classic.mode-light .redactor-modal button {
background: #438eb9;
border: 1px soild #438eb9 !important;
color: #ffffff;
border-radius: 6px;
border-width: 1px !important;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .redactor-modal button:hover {
border: 1px solid #67a5c8 !important;
background: #67a5c8;
color: #ffffff;
text-decoration: none;
}
body.theme-classic.mode-light .tw-dashboard-shortcuts-section-outer-wrapper > .form-group {
padding: 8px !important;
}
@media (max-width: 1440px) {
body.theme-classic.mode-light .tw-dashboard-shortcuts-section-outer-wrapper {
width: 100%;
}
}
body.theme-classic.mode-light .tw-dashboard-shortcuts-section-outer-wrapper .btn i {
margin: 0;
min-width: 26px;
}
body.theme-classic.mode-light .tw-dashboard-shortcuts-section-outer-wrapper .btn span {
margin: 0;
flex: 1 0 0;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
line-height: 2;
}
body.theme-classic.mode-light fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-shortcuts-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 0;
margin: 0 !important;
padding: 16px !important;
}
body.theme-classic.mode-light fieldset:not(.tw-fieldset-collapsible) legend {
display: flex;
align-items: center;
gap: 8px;
float: none;
}
body.theme-classic.mode-light fieldset:not(.tw-fieldset-collapsible) legend i {
color: #669fc7;
}
body.theme-classic.mode-light fieldset:not(.tw-fieldset-collapsible).fieldset-collapsed legend {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
body.theme-classic.mode-light .tw-dashboard-container fieldset {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-light .tw-dashboard-container fieldset legend {
color: #2e4f7a;
padding: 8px 16px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #f7f7f7;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
width: 100%;
cursor: pointer;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .tw-dashboard-container fieldset legend:hover {
color: #00537d;
background: #f9fbfc;
border-color: #438eb9;
}
body.theme-classic.mode-light .tw-dashboard-container fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-widgets-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
margin: 0 !important;
padding: 16px 8px;
border-top: 0;
}
body.theme-classic.mode-light .tw-dashboard-container fieldset.tw-fieldset-collapsible .tw-dashboard-widgets-section-outer-wrapper {
padding: 8px 0;
}
body.theme-classic.mode-light .tw-dashboard-container .tw-configure-dashboard-button {
color: #438eb9 !important;
}
body.theme-classic.mode-light .tw-dashboard-container .tw-configure-dashboard-button:hover {
color: #438eb9;
}
body.theme-classic.mode-light .tw-dashboard-container .page-header {
margin-bottom: 0 !important;
}
body.theme-classic.mode-light .tw-dashboard-container .page-header h1 {
margin-bottom: 0 !important;
}
body.theme-classic.mode-light .tw-dashboard-container .widget-header {
padding-right: 54px;
}
body.theme-classic.mode-light .tw-dashboard-container .tw-dashboard-widget-outermost-container {
margin-bottom: 16px;
}
body.theme-classic.mode-light .dxbButton {
border-radius: 6px !important;
background: #438eb9 !important;
border: 1px solid #438eb9 !important;
color: #ffffff !important;
font-size: 1em !important;
transition: ease 0.2s all;
}
body.theme-classic.mode-light .dxbButton:hover {
background: #67a5c8 !important;
border: 1px solid #67a5c8 !important;
color: #ffffff !important;
}
body.theme-classic.mode-light .tw-dashboard-container fieldset:first-of-type legend {
margin-top: 0;
}
body.theme-classic.mode-light .tw-wrapper-for-non-template-fieldtypes {
margin-bottom: 8px;
}
body.theme-classic.mode-light .tw-wrapper-for-non-template-fieldtypes select {
width: 100% !important;
}
body.theme-classic.mode-dark {
background: #1a1a1a;
color: #b3b3b3;
/*.tw-mpf-breadcrumbs {
margin-left: 0;
margin-top: 5px;
background-color: transparent;
display: inline-block;
line-height: 24px;
margin: 0 22px 0 12px;
padding: 0;
font-size: 13px;
color: #333;
border-radius: 0;
}
.tw-mpf-runtime-breadcrumb {
display: inline-block;
color: #fff;
background-color: #1d6fa6 !important;
padding: 0 4px 0 22px;
cursor: default;
position: relative;
&:first-child {
padding-left: 10px;
}
&:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
display: block;
float: right;
position: relative;
z-index: 1;
border-top: 1px solid #777;
border-right: 1px solid #777;
background-color: #1d6fa6 !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height: 18px;
width: 18px;
right: -12px;
top: 3px;
border-top-color: #fff !important;
border-right-color: #fff !important;
margin-left: -10px;
}
span {
position: relative;
z-index: 4;
float: left;
}
}
*/
}
body.theme-classic.mode-dark .tw-fieldset-collapsible {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 0 16px 16px 16px !important;
background: #202020;
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-dark .tw-fieldset-collapsible > legend {
color: #5180bd;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #202020;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
}
body.theme-classic.mode-dark .tw-fieldset-collapsible > legend:hover {
color: white;
background: #212528;
border-color: #28556e;
}
body.theme-classic.mode-dark .tw-fieldset-collapsible > legend i {
color: #b3b3b3;
}
body.theme-classic.mode-dark .tw-fieldset-collapsible.fieldset-collapsed > legend {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-classic.mode-dark .page-header h1 {
color: #2679b5;
font-size: 26px;
}
body.theme-classic.mode-dark .tw-simple-link-button {
color: #4f99c6;
}
body.theme-classic.mode-dark .tw-simple-link-button {
color: #4f99c6 !important;
}
body.theme-classic.mode-dark a {
color: #4f99c6;
}
body.theme-classic.mode-dark .tab-content {
background: #1a1a1a;
}
body.theme-classic.mode-dark .tw-top-parent-view .tw-top-parent-view .page-wrapper {
border-radius: 8px;
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 16px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-dark .navbar {
background-color: #28556e;
border-bottom-color: #357194;
}
@media (max-width: 991px) {
body.theme-classic.mode-dark .navbar {
padding-left: 50px;
}
}
body.theme-classic.mode-dark .navbar .navbar-brand {
color: #ffffff;
}
body.theme-classic.mode-dark .tw-portal-header .navbar-brand {
color: white !important;
}
body.theme-classic.mode-dark .tw-portal-header .user-profile > .btn {
color: white !important;
}
body.theme-classic.mode-dark .tw-portal-header .user-profile > .btn:hover {
color: white !important;
}
body.theme-classic.mode-dark .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 16px;
border-radius: 8px;
}
body.theme-classic.mode-dark .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .tw-search-menu-container {
padding: 8px;
background: #202020;
}
body.theme-classic.mode-dark .tw-search-menu-container .select2-selection {
background: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
}
body.theme-classic.mode-dark .tw-search-menu-container .select2-selection .select2-selection__placeholder {
color: #b3b3b3 !important;
opacity: 0.5;
}
body.theme-classic.mode-dark .tw-search-menu-container .select2-selection:hover, body.theme-classic.mode-dark .tw-search-menu-container .select2-selection:focus, body.theme-classic.mode-dark .tw-search-menu-container .select2-selection:focus-visible {
background: rgba(255, 255, 255, 0.2) !important;
}
body.theme-classic.mode-dark .tw-search-menu-container .select2-container--open .select2-selection, body.theme-classic.mode-dark .tw-search-menu-container .select2-container--focus .select2-selection {
background: rgba(255, 255, 255, 0.2) !important;
}
body.theme-classic.mode-dark .ace-nav .light-blue > a.btn {
background-color: #357194;
color: #ffffff;
}
body.theme-classic.mode-dark .ace-nav .light-blue > a.btn:hover, body.theme-classic.mode-dark .ace-nav .light-blue > a.btn:focus {
background-color: #2f6381;
}
body.theme-classic.mode-dark .tw-nav-myaccount-button-wrapper .user-profile > .dropdown-toggle > span {
min-width: 0;
display: flex;
align-items: center;
}
body.theme-classic.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu li:hover a {
background: none;
color: #b3b3b3;
}
body.theme-classic.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu a {
border-radius: 0 !important;
white-space: nowrap;
border: 0 !important;
}
body.theme-classic.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu a:hover {
background: #393939 !important;
color: #4f99c6 !important;
}
body.theme-classic.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu .tw-no-btn-reset {
padding: 6px 32px 6px 16px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
line-height: 1.428571429;
min-height: 0 !important;
display: block;
text-align: left;
}
body.theme-classic.mode-dark.theme-classic .btn-theme-classic, body.theme-classic.mode-dark.theme-modern .btn-theme-modern, body.theme-classic.mode-dark.mode-light .btn-theme-mode-light, body.theme-classic.mode-dark.mode-dark .btn-theme-mode-dark, body.theme-classic.mode-dark:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard, body.theme-classic.mode-dark.tw-relaxed .btn-theme-relaxed, body.theme-classic.mode-dark.tw-slim .btn-theme-slim {
position: relative;
}
body.theme-classic.mode-dark.theme-classic .btn-theme-classic:before, body.theme-classic.mode-dark.theme-modern .btn-theme-modern:before, body.theme-classic.mode-dark.mode-light .btn-theme-mode-light:before, body.theme-classic.mode-dark.mode-dark .btn-theme-mode-dark:before, body.theme-classic.mode-dark:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard:before, body.theme-classic.mode-dark.tw-relaxed .btn-theme-relaxed:before, body.theme-classic.mode-dark.tw-slim .btn-theme-slim:before {
content: "";
width: 6px;
height: 6px;
background: #28556e;
border-radius: 50%;
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
}
body.theme-classic.mode-dark .menu-toggler > .menu-text {
display: block;
content: "Menu";
}
@keyframes translateY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0);
}
}
@keyframes translateX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-8px);
}
100% {
transform: translateX(0);
}
}
body.theme-classic.mode-dark .theme-notification-1, body.theme-classic.mode-dark .theme-notification-2 {
position: absolute;
background: #1d262b;
border: 1px solid #28556e;
color: #28556e;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
padding: 16px 24px;
z-index: 99;
display: flex;
border-radius: 4px;
align-items: center;
gap: 8px;
white-space: nowrap;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .theme-notification-1 {
top: 100%;
right: 0;
animation: translateY 1s 3 ease;
}
body.theme-classic.mode-dark .theme-notification-1 .fa-arrow-right {
position: absolute;
bottom: 100%;
right: 7px;
font-size: 18px;
transform: rotate(-90deg);
color: #ffffff;
}
body.theme-classic.mode-dark .theme-notification-2 {
top: 92px;
right: 100%;
animation: translateX 1s 3 ease;
}
body.theme-classic.mode-dark .theme-notification-2 .arrow-theme {
position: absolute;
top: -13px;
right: -19px;
transform: rotate(-25deg);
font-size: 18px;
}
body.theme-classic.mode-dark .theme-notification-2 .arrow-brightness {
position: absolute;
bottom: -13px;
right: -19px;
transform: rotate(25deg);
font-size: 18px;
}
body.theme-classic.mode-dark .sidebar {
background: #202020;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .sidebar:before {
border-right: 1px solid rgba(255, 255, 255, 0.1);
background: #202020;
}
body.theme-classic.mode-dark .sidebar.menu-min .nav-list > li > a .menu-text {
color: #28556e;
}
body.theme-classic.mode-dark .menu-toggler {
background: #28556e;
border: 1px solid #28556e;
color: rgba(255, 255, 255, 0.75);
transition: ease 0.2s all;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-classic.mode-dark .menu-toggler:hover {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-dark .sidebar-collapse {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: #202020;
cursor: pointer;
color: #b3b3b3;
padding: 8px;
text-align: center;
position: relative;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .sidebar-collapse > [class*=icon-] {
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 0 5px;
line-height: 18px;
border-radius: 16px;
position: relative;
}
body.theme-classic.mode-dark .sidebar-collapse:before {
content: "";
display: inline-block;
height: 0;
position: absolute;
left: 15px;
right: 15px;
top: 13px;
}
body.theme-classic.mode-dark .sidebar-collapse:hover {
background-color: #393939;
color: #4f99c6;
}
body.theme-classic.mode-dark .sidebar-collapse:after {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .sidebar-collapse > [class*=icon-] {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .alert-info {
background: #1a1a1a;
border: 1px solid #28556e;
}
body.theme-classic.mode-dark .alert-success {
background: rgba(74, 101, 47, 0.1);
border: 1px solid #4a652f;
}
body.theme-classic.mode-dark .alert-warning {
background: rgba(201, 117, 0, 0.1);
border: 1px solid #c97500;
}
body.theme-classic.mode-dark .alert-danger {
background: rgba(137, 35, 31, 0.1);
border: 1px solid #89231f;
}
body.theme-classic.mode-dark .alert {
margin-bottom: 16px;
}
body.theme-classic.mode-dark .alert:last-child {
margin-bottom: 0;
}
body.theme-classic.mode-dark .tw-validations-target-parent:after {
content: "";
display: block;
clear: both;
}
body.theme-classic.mode-dark .breadcrumbs {
background: #202020;
color: #b3b3b3;
border-radius: 4px;
}
body.theme-classic.mode-dark .breadcrumbs > li + li:before {
color: #b3b3b3;
}
body.theme-classic.mode-dark .breadcrumbs > li:not(:last-child) {
font-weight: bold;
}
body.theme-classic.mode-dark .breadcrumbs > li span {
text-decoration: none;
}
body.theme-classic.mode-dark .tw-breadcrumbs-back {
font-weight: bold;
cursor: pointer;
}
body.theme-classic.mode-dark .fc {
background: #202020;
border-radius: 8px;
}
body.theme-classic.mode-dark .fc-header {
background: #202020;
}
body.theme-classic.mode-dark .fc-header-title > h2 {
color: #2679b5;
}
body.theme-classic.mode-dark .fc-button {
background: #28556e;
border: 1px solid #28556e;
color: rgba(255, 255, 255, 0.75);
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .fc-button:not(.fc-state-disabled):hover {
background: #67a5c8;
border: 1px solid #67a5c8;
color: #ffffff;
z-index: 1;
position: relative;
}
body.theme-classic.mode-dark .fc-button.fc-state-active {
background: #67a5c8;
border: 1px solid #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-dark .fc-corner-left {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
body.theme-classic.mode-dark .fc-corner-right {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
body.theme-classic.mode-dark .fc-state-active {
background: lightne(#28556e, 10%);
}
body.theme-classic.mode-dark .tw-calendar-list {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .fc-widget-header, body.theme-classic.mode-dark .fc-widget-content {
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .fc-widget-header {
background: #202020;
}
body.theme-classic.mode-dark .fc-header {
border: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 0;
padding: 16px;
display: flex;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-classic.mode-dark .tw-calendar-refresh, body.theme-classic.mode-dark .tw-calendar-feeds {
color: rgba(255, 255, 255, 0.75) !important;
background: #28556e !important;
border-color: #28556e !important;
display: flex;
align-items: center;
gap: 8px;
}
body.theme-classic.mode-dark .tw-calendar-refresh:not(.fc-state-disabled):hover, body.theme-classic.mode-dark .tw-calendar-feeds:not(.fc-state-disabled):hover {
color: #ffffff !important;
background: #67a5c8 !important;
border-color: #67a5c8 !important;
}
body.theme-classic.mode-dark .fc-day-header {
padding: 8px !important;
text-transform: uppercase;
}
body.theme-classic.mode-dark .fc-state-highlight {
background: rgba(40, 85, 110, 0.5) !important;
}
body.theme-classic.mode-dark .fc-day {
padding: 8px !important;
}
body.theme-classic.mode-dark .fc-day-number {
line-height: 1;
}
body.theme-classic.mode-dark .modal {
background: rgba(26, 26, 26, 0.5);
}
body.theme-classic.mode-dark .modal-dialog {
background: none;
}
body.theme-classic.mode-dark .modal-body {
background: #202020;
}
body.theme-classic.mode-dark .modal-content {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-classic.mode-dark .modal-header {
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.theme-classic.mode-dark .modal-header.border-0 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.theme-classic.mode-dark .modal-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: #202020;
}
body.theme-classic.mode-dark .nav-list > li.open > a {
background: #393939;
color: #4f99c6;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-dark .nav-list > li.open > a > .arrow {
color: #4f99c6;
}
body.theme-classic.mode-dark .nav-list > li > a {
background: #202020;
color: #b3b3b3;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-dark .nav-list > li > a:hover, body.theme-classic.mode-dark .nav-list > li > a:focus {
background: #393939;
color: #4f99c6;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-dark .nav-list > li > a:hover > .arrow, body.theme-classic.mode-dark .nav-list > li > a:focus > .arrow {
color: #4f99c6;
}
body.theme-classic.mode-dark .nav-list > li > a > .arrow {
color: #b3b3b3;
}
body.theme-classic.mode-dark .nav-list > li .submenu {
background: #252525;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-classic.mode-dark .nav-list > li .submenu > li {
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .nav-list > li .submenu > li:hover {
background: #2a2a2a;
}
body.theme-classic.mode-dark .nav-list > li .submenu > li > a {
color: #b3b3b3;
}
body.theme-classic.mode-dark .nav-list > li .submenu > li > a:hover, body.theme-classic.mode-dark .nav-list > li .submenu > li > a:focus {
color: #4f99c6;
}
body.theme-classic.mode-dark .nav-list > li .submenu > li > a > .arrow {
color: #b3b3b3;
}
body.theme-classic.mode-dark .nav-list > li .submenu > li a > [class*=icon-]:first-child {
background-color: #202020;
color: #b3b3b3;
}
body.theme-classic.mode-dark .nav-list > li > .submenu:before {
border-right: 1px solid rgba(179, 179, 179, 0.15) !important;
}
body.theme-classic.mode-dark .nav-list > li > .submenu > li:before {
border-bottom: 1px solid rgba(179, 179, 179, 0.15) !important;
}
body.theme-classic.mode-dark .widget-header {
color: #669fc7;
background: #252525;
border: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-classic.mode-dark .widget-header > * {
vertical-align: middle;
}
body.theme-classic.mode-dark .widget-body {
background-color: #202020;
border: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-classic.mode-dark .widget-box {
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
}
body.theme-classic.mode-dark .spinner {
border: 12px solid rgba(179, 179, 179, 0.075);
border-top-color: #4f99c6;
}
body.theme-classic.mode-dark .tw-mask {
background: rgba(0, 0, 0, 0.75);
}
body.theme-classic.mode-dark .tw-mask-center p {
color: #333333;
}
body.theme-classic.mode-dark .spinner-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;
}
body.theme-classic.mode-dark .tw-lead-phase-ribbon-wrapper .breadcrumb li:first-child, body.theme-classic.mode-dark .tw-mpf-breadcrumbs .breadcrumb li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-dark .tw-lead-phase-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-inprogress, body.theme-classic.mode-dark .tw-mpf-breadcrumbs .breadcrumb li.tw-lead-status-ribbon-inprogress {
background: #4a652f;
}
body.theme-classic.mode-dark .tw-lead-phase-ribbon-wrapper .tw-mpf-breadcrumbs-selected, body.theme-classic.mode-dark .tw-mpf-breadcrumbs .tw-mpf-breadcrumbs-selected {
background: #4a652f !important;
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon .tw-milestone-block:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon .tw-milestone-block:first-child .tw-milestone-grid-inprogress {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-dark .tw-milestone-current-grid {
background: #28556e;
}
body.theme-classic.mode-dark .tw-milestone-grid-inprogress::after {
background: #28556e !important;
}
body.theme-classic.mode-dark .tw-mpf-runtime-breadcrumb,
body.theme-classic.mode-dark .tw-mpf-runtime-breadcrumb:after,
body.theme-classic.mode-dark .tw-lead-status-ribbon-completed,
body.theme-classic.mode-dark .tw-lead-status-ribbon-completed:after,
body.theme-classic.mode-dark .tw-milestone-grid-completed,
body.theme-classic.mode-dark .tw-milestone-grid-completed:after {
background-color: #28556e !important;
color: white;
}
body.theme-classic.mode-dark .tw-milestone-grid-complete.tw-milestone-grid-waitlist, body.theme-classic.mode-dark .tw-milestone-grid-complete.tw-milestone-grid-waitlist:after {
background-color: #574a80 !important;
}
body.theme-classic.mode-dark .tw-lead-status-ribbon-inprogress,
body.theme-classic.mode-dark .tw-lead-status-ribbon-inprogress:after,
body.theme-classic.mode-dark .tw-milestone-grid-inprogress,
body.theme-classic.mode-dark .tw-milestone-grid-inprogress:after {
background-color: #4a652f !important;
color: white !important;
}
body.theme-classic.mode-dark .tw-mpf-runtime-breadcrumb:first-child,
body.theme-classic.mode-dark .tw-lead-status-ribbon-completed:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-dark .tw-lead-status-ribbon-notyet,
body.theme-classic.mode-dark .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb,
body.theme-classic.mode-dark .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb:after,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li,
body.theme-classic.mode-dark .tw-lead-milestone-ribbon > span,
body.theme-classic.mode-dark .tw-milestone-block {
background-color: #213844;
color: white;
cursor: default;
position: relative;
}
body.theme-classic.mode-dark .tw-milestone-block span {
display: block;
}
body.theme-classic.mode-dark .tw-milestone-block span:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 14px;
width: 14px;
display: block;
float: right;
position: relative;
right: -7px;
z-index: 1;
top: 3px;
border-top: 1px solid rgba(26, 26, 26, 0.5);
border-right: 1px solid rgba(26, 26, 26, 0.5);
background: #213844;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@media (max-width: 1550px) {
body.theme-classic.mode-dark .tw-milestone-block span:after {
right: -4px;
height: 8px;
width: 8px;
top: 4px;
}
}
body.theme-classic.mode-dark .breadcrumb {
overflow: hidden;
}
body.theme-classic.mode-dark .tw-mpf-breadcrumbs .tw-mpf-runtime-breadcrumb:after,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 28px;
width: 28px;
display: block;
float: right;
position: absolute;
right: -12px;
z-index: 1;
top: 6px;
border-top: 1px solid rgba(26, 26, 26, 0.5);
border-right: 1px solid rgba(26, 26, 26, 0.5);
background: #213844;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-left: -22px;
margin-bottom: -2px;
margin-top: -2px;
}
body.theme-classic.mode-dark .tw-mpf-breadcrumbs-selected:after,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next::after {
background: #4a652f !important;
}
body.theme-classic.mode-dark .tw-mpf-runtime-breadcrumb,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li {
padding-right: 16px;
padding-left: 24px;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
line-height: 24px;
}
body.theme-classic.mode-dark .tw-mpf-runtime-breadcrumb span,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li span {
position: relative;
z-index: 2;
}
body.theme-classic.mode-dark .tw-mpf-runtime-breadcrumb i,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li i {
margin-right: 8px;
}
body.theme-classic.mode-dark .tw-milestone-block:last-child span:after {
border-top: 0;
border-right: 0;
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon span > i {
font-style: normal;
text-align: center;
line-height: 150%;
color: white;
background-clip: padding-box;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
padding: 5px 0;
bottom: 100%;
margin-bottom: 15px;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s linear;
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon span > i:before, body.theme-classic.mode-dark .tw-lead-milestone-ribbon span > i:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon span > i:before {
margin-top: 5px;
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon span:hover > i {
visibility: visible;
opacity: 1;
}
body.theme-classic.mode-dark .tw-mpf-breadcrumbs-selected,
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next,
body.theme-classic.mode-dark .tw-milestone-grid-next {
background: #4a652f !important;
color: white;
}
body.theme-classic.mode-dark .tw-lead-phases-ribbon-wrapper h2 {
margin-top: 0;
padding: 0;
}
body.theme-classic.mode-dark .table {
border: 1px solid #333333;
color: #b3b3b3;
background: #1a1a1a;
}
body.theme-classic.mode-dark .table thead tr th {
background-color: #202020;
}
body.theme-classic.mode-dark .table thead tr th.tw-sortable-header:hover, body.theme-classic.mode-dark .table thead tr th.tw-sortable-header:focus {
background: #131313;
color: #4f99c6;
}
body.theme-classic.mode-dark .table.table-striped tbody > tr:nth-child(odd) > td, body.theme-classic.mode-dark .table.table-striped tbody > tr:nth-child(odd) > th {
background-color: #1f1f1f;
color: #b3b3b3;
}
body.theme-classic.mode-dark .table.table-striped tbody > tr:nth-child(odd):hover > td, body.theme-classic.mode-dark .table.table-striped tbody > tr:nth-child(odd):hover > th {
background: rgba(67, 142, 185, 0.1);
}
body.theme-classic.mode-dark .table tbody tr:hover > td, body.theme-classic.mode-dark .table tbody tr:hover > th {
background: rgba(67, 142, 185, 0.1);
color: #b3b3b3;
}
body.theme-classic.mode-dark .table tbody tr.highlight > td, body.theme-classic.mode-dark .table tbody tr.highlight > th {
background: #438eb9 !important;
color: white !important;
}
body.theme-classic.mode-dark .table tbody tr.highlight > td a:not(.btn), body.theme-classic.mode-dark .table tbody tr.highlight > th a:not(.btn) {
color: white !important;
}
body.theme-classic.mode-dark .table td, body.theme-classic.mode-dark .table th {
border-color: #333333;
}
body.theme-classic.mode-dark .table:last-child {
margin-bottom: 0;
}
body.theme-classic.mode-dark .ui-pg-table td {
padding: 0 4px;
}
@media (max-width: 1440px) {
body.theme-classic.mode-dark .ui-pg-table td {
padding: 0 1px;
}
}
body.theme-classic.mode-dark .tw-paging-button {
background: #202020;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 4px 8px;
transition: ease 0.2s all;
font-size: 14px;
color: #b3b3b3;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
}
body.theme-classic.mode-dark .tw-paging-button i {
width: 14px;
}
body.theme-classic.mode-dark .tw-paging-button:hover {
border-color: #28556e;
}
@media (max-width: 1440px) {
body.theme-classic.mode-dark .tw-paging-button {
padding: 4px 2px;
}
}
body.theme-classic.mode-dark .tw-sorted-header,
body.theme-classic.mode-dark .tw-sorted-header .icon-sort-up,
body.theme-classic.mode-dark .tw-sorted-header .icon-sort-down {
color: #4f99c6 !important;
}
body.theme-classic.mode-dark .tw-tabs {
background: #1a1a1a;
}
body.theme-classic.mode-dark .tab-content {
background: #1a1a1a;
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .tw-tabs:not(.tabs-left) .nav-tabs > li a {
color: #5280a2;
}
body.theme-classic.mode-dark .tw-tabs:not(.tabs-left) .nav-tabs > li.active > a {
background: #28556e !important;
color: white;
}
body.theme-classic.mode-dark .tw-tabs.tabs-left {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
body.theme-classic.mode-dark .tw-tabs.tabs-left > .nav-tabs {
padding: 16px 8px;
background: #1a1a1a;
}
body.theme-classic.mode-dark .tw-tabs.tabs-left > .nav-tabs > li > a {
border: 0;
background: none;
padding: 10px 12px;
color: #b3b3b3;
border-left: 2px solid transparent;
}
body.theme-classic.mode-dark .tw-tabs.tabs-left > .nav-tabs > li.active > a {
background: transparent !important;
color: #b3b3b3 !important;
font-weight: bold;
border-left-color: #28556e;
}
body.theme-classic.mode-dark .tw-tabs.tabs-left > .tab-content {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid rgba(255, 255, 255, 0.1);
min-width: 0;
}
body.theme-classic.mode-dark .tw-tabs .nav-tabs > li > a {
background: #ffffff;
border-color: rgba(255, 255, 255, 0.1);
transition: ease 0.2s all;
border-bottom: 2px solid transparent;
color: #4f99c6;
}
body.theme-classic.mode-dark .tw-tabs .nav-tabs > li.active > a {
background: transparent !important;
border-bottom-color: #28556e;
}
body.theme-classic.mode-dark .tw-tab-close-button {
display: inline-block;
margin-left: 8px;
cursor: pointer;
}
body.theme-classic.mode-dark.tw-slim .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-dark.tw-slim .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
body.theme-classic.mode-dark.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-dark.tw-relaxed .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs {
background: transparent;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding: 0;
gap: 8px;
background: transparent;
padding-top: 16px;
padding-left: 32px;
padding-right: 32px;
border: 0;
}
@media (max-width: 991px) {
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
background: #1a1a1a !important;
color: #5280a2;
box-shadow: 0 3px #28556e;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a {
border-radius: 6px;
background: transparent;
border: 1px solid #438eb9;
padding: 4px 8px;
line-height: 24px !important;
font-size: 0.9rem;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover {
background: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
padding-top: 16px;
border: 0;
background: none;
/*> .tab-pane {
background: $panel-body-background;
border: $border;
border-radius: $panel-border-radius;
padding: calc($spacing * 4);
box-shadow: $shadow;
@media (max-width: 991px) {
padding: calc($spacing * 2);
}
}*/
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 32px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-classic.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
padding: 16px;
}
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs {
background: transparent;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tab-content {
padding: 16px;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs {
display: flex;
flex-direction: column;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
display: flex;
flex-direction: row;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 16px;
margin-right: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: transparent;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li {
width: auto;
margin-bottom: -1px;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
box-shadow: inset 0 -3px 0 0 #28556e;
border: 0;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li a {
padding-bottom: 13px;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs span {
white-space: nowrap;
}
body.theme-classic.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
border: 0;
padding: 16px;
}
body.theme-classic.mode-dark .tiles input[type=radio]:checked + .lbl {
background: #67a5c8;
border-color: #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-dark .tiles .lbl {
/*border: 1px solid $button-border-color;
background: $button-background;
color: $button-color;
padding: $spacing;
transition: $transition;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;*/
border-radius: 6px;
}
body.theme-classic.mode-dark .tiles .lbl:hover {
background: #67a5c8;
border-color: #67a5c8;
color: #ffffff;
}
body.theme-classic.mode-dark .tw-next-statuses-radios .tw-lead-status-type-title {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}
body.theme-classic.mode-dark .tw-next-statuses-radios .tw-radio-group {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px;
border-radius: 8px;
background: #131313;
gap: 8px;
justify-content: center;
}
body.theme-classic.mode-dark .tw-next-statuses-radios .radio-inline {
text-align: center;
height: 147px;
padding-left: 0;
width: 140px;
}
body.theme-classic.mode-dark .tw-next-statuses-radios .radio-inline i {
font-size: 32px;
}
body.theme-classic.mode-dark .tw-next-statuses-radios .radio-inline .lbl {
padding: 16px;
width: 100%;
height: 121px;
}
body.theme-classic.mode-dark .tw-lead-status-type-title {
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 16px !important;
}
body.theme-classic.mode-dark .tw-next-statuses-radios .tw-lead-status-type-mini-image-wrapper {
padding: 0;
padding-bottom: 8px;
}
body.theme-classic.mode-dark .tw-bottom-toolbar {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top: -1px;
}
body.theme-classic.mode-dark .tw-top-toolbar-fixed {
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 0;
}
body.theme-classic.mode-dark .tw-toolbar-active-filters-row {
margin-top: 20px;
padding: 4px 12px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
border-left: 3px solid #ac51f8;
}
body.theme-classic.mode-dark .tw-toolbar-active-filters-row .btn {
padding: 4px 8px;
background: #438eb9;
border-color: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-dark .tw-toolbar-active-filters-row .btn:hover {
background: #357194;
border-color: #438eb9;
color: #ffffff;
}
body.theme-classic.mode-dark .tooltip-inner, body.theme-classic.mode-dark .tw-lead-milestone-ribbon span > i {
border-radius: 4px;
background: rgba(0, 0, 0, 0.8);
color: white;
font-size: 1rem;
}
body.theme-classic.mode-dark .popover .popover-arrow:after {
border-right-coolor: #202020;
}
body.theme-classic.mode-dark .popover .popover-body {
background: #202020;
border-radius: 4px;
color: #b3b3b3;
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .tw-lead-milestone-ribbon span > i:after {
z-index: 1;
border-top: 10px solid rgba(0, 0, 0, 0.8);
}
body.theme-classic.mode-dark .btn, body.theme-classic.mode-dark .tw-academic-year-wizard-action-button {
border-radius: 6px;
color: rgba(255, 255, 255, 0.75);
background: #28556e;
border: 1px solid #28556e;
cursor: pointer;
}
body.theme-classic.mode-dark .btn:not([disabled]):hover, body.theme-classic.mode-dark .tw-academic-year-wizard-action-button:not([disabled]):hover {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-dark .btn:not([disabled]):focus, body.theme-classic.mode-dark .btn:not([disabled]):focus-visible, body.theme-classic.mode-dark .tw-academic-year-wizard-action-button:not([disabled]):focus, body.theme-classic.mode-dark .tw-academic-year-wizard-action-button:not([disabled]):focus-visible {
border-color: #28556e !important;
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5) !important;
}
body.theme-classic.mode-dark .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #b3b3b3;
}
body.theme-classic.mode-dark .btn-success {
background: #4a652f;
border: 1px solid #4a652f;
}
body.theme-classic.mode-dark .btn-success:hover {
background: #648740;
border-color: #4a652f;
}
body.theme-classic.mode-dark .btn-info {
background: #28556e;
border: 1px solid #28556e;
}
body.theme-classic.mode-dark .btn-info:hover {
background: #357194;
border-color: #28556e;
}
body.theme-classic.mode-dark .btn-warning {
background: #c97500;
border: 1px solid #c97500;
}
body.theme-classic.mode-dark .btn-warning:hover {
background: #fc9200;
border-color: #c97500;
}
body.theme-classic.mode-dark .btn-danger {
background: #89231f;
border: 1px solid #89231f;
}
body.theme-classic.mode-dark .btn-danger:hover {
background: #b32e28;
border-color: #89231f;
}
body.theme-classic.mode-dark .btn-purple {
background: #574a80;
border: 1px solid #574a80;
}
body.theme-classic.mode-dark .btn-purple:hover {
background: #6d5ca1;
border-color: #574a80;
}
body.theme-classic.mode-dark .btn-yellow {
background: #c99704;
border: 1px solid #c99704;
color: black;
}
body.theme-classic.mode-dark .btn-yellow:hover {
background: #fabc06;
border-color: #c99704;
}
body.theme-classic.mode-dark .btn-pink {
background: #97244e;
border: 1px solid #97244e;
}
body.theme-classic.mode-dark .btn-pink:hover {
background: #c12d63;
border-color: #97244e;
}
body.theme-classic.mode-dark .btn-primary {
background: #28556e;
border: 1px solid #28556e;
color: rgba(255, 255, 255, 0.75);
}
body.theme-classic.mode-dark .btn-primary:hover {
background: #357194;
border-color: #28556e;
}
body.theme-classic.mode-dark .btn-inverse {
background: #b3b3b3;
border: 1px solid #b3b3b3;
}
body.theme-classic.mode-dark .btn-inverse:hover {
background: #cccccc;
border-color: #b3b3b3;
}
body.theme-classic.mode-dark .tw-academic-year-wizard-action-button {
font-size: 1rem;
display: inline-block;
}
body.theme-classic.mode-dark [disabled]:not(.tw-paging-button):not(.not-disabled) {
opacity: 0.6 !important;
pointer-events: none;
background: rgba(200, 200, 200, 0.05) !important;
color: rgba(255, 255, 255, 0.5) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
}
body.theme-classic.mode-dark [disabled]:not(.tw-paging-button):not(.not-disabled) > [disabled] {
opacity: 1 !important;
}
body.theme-classic.mode-dark [disabled]:not(.tw-paging-button):not(.not-disabled):before {
background: white;
}
body.theme-classic.mode-dark input[type=checkbox] {
background: #1a1a1a;
border: 2px solid rgba(255, 255, 255, 0.1);
cursor: pointer;
position: relative;
appearance: none;
border-radius: 2px;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark input[type=checkbox]:hover, body.theme-classic.mode-dark input[type=checkbox]:focus {
border-color: #4f99c6;
}
body.theme-classic.mode-dark input[type=checkbox]:focus {
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5);
}
body.theme-classic.mode-dark input[type=checkbox]:checked {
background: #4f99c6;
}
body.theme-classic.mode-dark input[type=checkbox]:checked:before {
content: "";
position: absolute;
width: 7px;
height: 12px;
border-bottom: 2px solid white;
border-right: 2px solid white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
margin-top: -2px;
}
body.theme-classic.mode-dark input[type=checkbox][disabled]:checked:before {
border-bottom-color: black;
border-right-color: black;
opacity: 0.5;
}
body.theme-classic.mode-dark .dropdown-menu {
background: #202020;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .dropdown-menu.dropdown-caret:before {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .dropdown-menu.dropdown-caret:after {
border-bottom-color: #202020;
}
body.theme-classic.mode-dark .dropdown-menu > li:hover > a {
color: white;
background: #28556e;
}
body.theme-classic.mode-dark .dropdown-menu > li a {
color: #b3b3b3;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .dropdown-menu > li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-dark .dropdown-menu > li:first-child > a:not(.tw-simple-button) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-classic.mode-dark .dropdown-menu > li:last-child > a:not(.tw-simple-button) {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-dark .dropdown-menu h3 {
color: #b3b3b3;
}
body.theme-classic.mode-dark .input-group-addon {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #1a1a1a;
}
body.theme-classic.mode-dark .input-group-addon:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-dark .input-group {
flex-wrap: nowrap;
}
body.theme-classic.mode-dark .input-group > select:first-child + .select2 .select2-selection {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-classic.mode-dark .input-group .select2-container {
min-width: 0;
}
body.theme-classic.mode-dark input[type=radio] {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
border-width: 2px;
}
body.theme-classic.mode-dark input[type=radio]:checked {
background: #28556e;
}
body.theme-classic.mode-dark input[type=radio]:checked:before {
background: white;
}
body.theme-classic.mode-dark input[type=radio]:hover, body.theme-classic.mode-dark input[type=radio]:focus {
border-color: #28556e;
}
body.theme-classic.mode-dark input[type=radio]:focus {
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5);
}
body.theme-classic.mode-dark .select2-container .select2-selection--single {
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .select2-container--default .select2-selection--single {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-top-color: #b3b3b3;
}
body.theme-classic.mode-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #b3b3b3;
}
body.theme-classic.mode-dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-bottom-color: #b3b3b3;
border-top-color: transparent;
}
body.theme-classic.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #1a1a1a;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field:focus, body.theme-classic.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field:hover {
border-color: #28556e;
}
body.theme-classic.mode-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #28556e;
color: #ffffff;
}
body.theme-classic.mode-dark .select2-dropdown {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-dark .select2-dropdown.select2-dropdown--above {
margin-top: 1px;
}
body.theme-classic.mode-dark .select2-dropdown.select2-dropdown--below {
margin-top: -1px;
}
body.theme-classic.mode-dark select {
background: #1a1a1a;
color: #b3b3b3;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark .select2-selection {
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .select2-selection:focus, body.theme-classic.mode-dark .select2-selection:focus-visible {
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5);
outline: 0;
}
body.theme-classic.mode-dark .select2-selection:hover, body.theme-classic.mode-dark .select2-selection:focus, body.theme-classic.mode-dark .select2-selection:focus-visible {
border-color: #28556e;
}
body.theme-classic.mode-dark .select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 17px;
padding: 0 8px;
}
body.theme-classic.mode-dark textarea {
background: #1a1a1a;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark textarea:focus, body.theme-classic.mode-dark textarea:focus-visible {
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5);
}
body.theme-classic.mode-dark textarea:hover, body.theme-classic.mode-dark textarea:focus, body.theme-classic.mode-dark textarea:focus-visible {
border-color: #28556e;
}
body.theme-classic.mode-dark input[type=text], body.theme-classic.mode-dark input[type=password], body.theme-classic.mode-dark input[type=datetime], body.theme-classic.mode-dark input[type=datetime-local], body.theme-classic.mode-dark input[type=date], body.theme-classic.mode-dark input[type=month], body.theme-classic.mode-dark input[type=time], body.theme-classic.mode-dark input[type=week], body.theme-classic.mode-dark input[type=number], body.theme-classic.mode-dark input[type=email], body.theme-classic.mode-dark input[type=url], body.theme-classic.mode-dark input[type=search], body.theme-classic.mode-dark input[type=tel], body.theme-classic.mode-dark input[type=color] {
background: #1a1a1a;
color: #b3b3b3;
border-radius: 4px;
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-classic.mode-dark input[type=text]:focus, body.theme-classic.mode-dark input[type=text]:focus-visible, body.theme-classic.mode-dark input[type=password]:focus, body.theme-classic.mode-dark input[type=password]:focus-visible, body.theme-classic.mode-dark input[type=datetime]:focus, body.theme-classic.mode-dark input[type=datetime]:focus-visible, body.theme-classic.mode-dark input[type=datetime-local]:focus, body.theme-classic.mode-dark input[type=datetime-local]:focus-visible, body.theme-classic.mode-dark input[type=date]:focus, body.theme-classic.mode-dark input[type=date]:focus-visible, body.theme-classic.mode-dark input[type=month]:focus, body.theme-classic.mode-dark input[type=month]:focus-visible, body.theme-classic.mode-dark input[type=time]:focus, body.theme-classic.mode-dark input[type=time]:focus-visible, body.theme-classic.mode-dark input[type=week]:focus, body.theme-classic.mode-dark input[type=week]:focus-visible, body.theme-classic.mode-dark input[type=number]:focus, body.theme-classic.mode-dark input[type=number]:focus-visible, body.theme-classic.mode-dark input[type=email]:focus, body.theme-classic.mode-dark input[type=email]:focus-visible, body.theme-classic.mode-dark input[type=url]:focus, body.theme-classic.mode-dark input[type=url]:focus-visible, body.theme-classic.mode-dark input[type=search]:focus, body.theme-classic.mode-dark input[type=search]:focus-visible, body.theme-classic.mode-dark input[type=tel]:focus, body.theme-classic.mode-dark input[type=tel]:focus-visible, body.theme-classic.mode-dark input[type=color]:focus, body.theme-classic.mode-dark input[type=color]:focus-visible {
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5);
}
body.theme-classic.mode-dark input[type=text]:hover, body.theme-classic.mode-dark input[type=text]:focus, body.theme-classic.mode-dark input[type=text]:focus-visible, body.theme-classic.mode-dark input[type=password]:hover, body.theme-classic.mode-dark input[type=password]:focus, body.theme-classic.mode-dark input[type=password]:focus-visible, body.theme-classic.mode-dark input[type=datetime]:hover, body.theme-classic.mode-dark input[type=datetime]:focus, body.theme-classic.mode-dark input[type=datetime]:focus-visible, body.theme-classic.mode-dark input[type=datetime-local]:hover, body.theme-classic.mode-dark input[type=datetime-local]:focus, body.theme-classic.mode-dark input[type=datetime-local]:focus-visible, body.theme-classic.mode-dark input[type=date]:hover, body.theme-classic.mode-dark input[type=date]:focus, body.theme-classic.mode-dark input[type=date]:focus-visible, body.theme-classic.mode-dark input[type=month]:hover, body.theme-classic.mode-dark input[type=month]:focus, body.theme-classic.mode-dark input[type=month]:focus-visible, body.theme-classic.mode-dark input[type=time]:hover, body.theme-classic.mode-dark input[type=time]:focus, body.theme-classic.mode-dark input[type=time]:focus-visible, body.theme-classic.mode-dark input[type=week]:hover, body.theme-classic.mode-dark input[type=week]:focus, body.theme-classic.mode-dark input[type=week]:focus-visible, body.theme-classic.mode-dark input[type=number]:hover, body.theme-classic.mode-dark input[type=number]:focus, body.theme-classic.mode-dark input[type=number]:focus-visible, body.theme-classic.mode-dark input[type=email]:hover, body.theme-classic.mode-dark input[type=email]:focus, body.theme-classic.mode-dark input[type=email]:focus-visible, body.theme-classic.mode-dark input[type=url]:hover, body.theme-classic.mode-dark input[type=url]:focus, body.theme-classic.mode-dark input[type=url]:focus-visible, body.theme-classic.mode-dark input[type=search]:hover, body.theme-classic.mode-dark input[type=search]:focus, body.theme-classic.mode-dark input[type=search]:focus-visible, body.theme-classic.mode-dark input[type=tel]:hover, body.theme-classic.mode-dark input[type=tel]:focus, body.theme-classic.mode-dark input[type=tel]:focus-visible, body.theme-classic.mode-dark input[type=color]:hover, body.theme-classic.mode-dark input[type=color]:focus, body.theme-classic.mode-dark input[type=color]:focus-visible {
border-color: #28556e;
}
body.theme-classic.mode-dark .redactor-box.redactor-styles-on {
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.theme-classic.mode-dark .redactor-box.redactor-styles-on.redactor-focus {
border-color: #28556e !important;
box-shadow: 0 0 0 3px rgba(40, 85, 110, 0.5);
}
body.theme-classic.mode-dark .redactor-air a, body.theme-classic.mode-dark .redactor-toolbar a {
transition: ease 0.2s all;
border: 1px solid #28556e;
border-radius: 6px;
box-shadow: none;
background: #28556e;
color: rgba(255, 255, 255, 0.75);
}
body.theme-classic.mode-dark .redactor-air a:hover, body.theme-classic.mode-dark .redactor-toolbar a:hover {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-dark .redactor-air a.redactor-button-active, body.theme-classic.mode-dark .redactor-toolbar a.redactor-button-active {
background: #67a5c8;
color: #ffffff;
border-color: #67a5c8;
}
body.theme-classic.mode-dark .redactor-box.redactor-styles-on {
background: #1a1a1a;
}
body.theme-classic.mode-dark .redactor-styles {
color: #b3b3b3;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.theme-classic.mode-dark .redactor-dropdown {
background: #202020;
border-radius: 4px;
}
body.theme-classic.mode-dark .redactor-dropdown a {
transition: ease 0.2s all;
color: #b3b3b3;
border-color: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-dark .redactor-dropdown a:hover {
background: #28556e !important;
}
body.theme-classic.mode-dark .redactor-dropdown a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-classic.mode-dark .redactor-dropdown a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-classic.mode-dark hr, body.theme-classic.mode-dark .redactor-in figure[data-redactor-type=line] hr {
border-color: rgba(255, 255, 255, 0.1);
background: #b3b3b3;
}
body.theme-classic.mode-dark .redactor-modal {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #b3b3b3;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-classic.mode-dark .redactor-modal label {
color: #b3b3b3;
}
body.theme-classic.mode-dark .redactor-modal input[type=checkbox] {
width: 20px;
height: 20px;
}
body.theme-classic.mode-dark .redactor-modal .redactor-close {
color: #b3b3b3;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .redactor-modal-header {
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #2679b5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-classic.mode-dark .redactor-modal-footer {
background: #202020;
border-top: 1px solid #202020;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-classic.mode-dark .redactor-modal button {
background: #28556e;
border: 1px soild #28556e !important;
color: rgba(255, 255, 255, 0.75);
border-radius: 6px;
border-width: 1px !important;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .redactor-modal button:hover {
border: 1px solid #67a5c8 !important;
background: #67a5c8;
color: #ffffff;
text-decoration: none;
}
body.theme-classic.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper > .form-group {
padding: 8px !important;
}
@media (max-width: 1440px) {
body.theme-classic.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper {
width: 100%;
}
}
body.theme-classic.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper .btn i {
margin: 0;
min-width: 26px;
}
body.theme-classic.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper .btn span {
margin: 0;
flex: 1 0 0;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
line-height: 2;
}
body.theme-classic.mode-dark fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-shortcuts-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 0;
margin: 0 !important;
padding: 16px !important;
}
body.theme-classic.mode-dark fieldset:not(.tw-fieldset-collapsible) legend {
display: flex;
align-items: center;
gap: 8px;
float: none;
}
body.theme-classic.mode-dark fieldset:not(.tw-fieldset-collapsible) legend i {
color: #b3b3b3;
}
body.theme-classic.mode-dark fieldset:not(.tw-fieldset-collapsible).fieldset-collapsed legend {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
body.theme-classic.mode-dark .tw-dashboard-container fieldset {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-classic.mode-dark .tw-dashboard-container fieldset legend {
color: #5180bd;
padding: 8px 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #202020;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
width: 100%;
cursor: pointer;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .tw-dashboard-container fieldset legend:hover {
color: white;
background: #212528;
border-color: #28556e;
}
body.theme-classic.mode-dark .tw-dashboard-container fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-widgets-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
margin: 0 !important;
padding: 16px 8px;
border-top: 0;
}
body.theme-classic.mode-dark .tw-dashboard-container fieldset.tw-fieldset-collapsible .tw-dashboard-widgets-section-outer-wrapper {
padding: 8px 0;
}
body.theme-classic.mode-dark .tw-dashboard-container .tw-configure-dashboard-button {
color: #28556e !important;
}
body.theme-classic.mode-dark .tw-dashboard-container .tw-configure-dashboard-button:hover {
color: #28556e;
}
body.theme-classic.mode-dark .tw-dashboard-container .page-header {
margin-bottom: 0 !important;
}
body.theme-classic.mode-dark .tw-dashboard-container .page-header h1 {
margin-bottom: 0 !important;
}
body.theme-classic.mode-dark .tw-dashboard-container .widget-header {
padding-right: 54px;
}
body.theme-classic.mode-dark .tw-dashboard-container .tw-dashboard-widget-outermost-container {
margin-bottom: 16px;
}
body.theme-classic.mode-dark .dxbButton {
border-radius: 6px !important;
background: #28556e !important;
border: 1px solid #28556e !important;
color: rgba(255, 255, 255, 0.75) !important;
font-size: 1em !important;
transition: ease 0.2s all;
}
body.theme-classic.mode-dark .dxbButton:hover {
background: #67a5c8 !important;
border: 1px solid #67a5c8 !important;
color: #ffffff !important;
}
body.theme-classic.mode-dark .tw-dashboard-container fieldset:first-of-type legend {
margin-top: 0;
}
body.theme-classic.mode-dark .tw-wrapper-for-non-template-fieldtypes {
margin-bottom: 8px;
}
body.theme-classic.mode-dark .tw-wrapper-for-non-template-fieldtypes select {
width: 100% !important;
}
body.theme-modern.mode-light {
background: #f8f8f8;
color: #333333;
/*.tw-mpf-breadcrumbs {
margin-left: 0;
margin-top: 5px;
background-color: transparent;
display: inline-block;
line-height: 24px;
margin: 0 22px 0 12px;
padding: 0;
font-size: 13px;
color: #333;
border-radius: 0;
}
.tw-mpf-runtime-breadcrumb {
display: inline-block;
color: #fff;
background-color: #1d6fa6 !important;
padding: 0 4px 0 22px;
cursor: default;
position: relative;
&:first-child {
padding-left: 10px;
}
&:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
display: block;
float: right;
position: relative;
z-index: 1;
border-top: 1px solid #777;
border-right: 1px solid #777;
background-color: #1d6fa6 !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height: 18px;
width: 18px;
right: -12px;
top: 3px;
border-top-color: #fff !important;
border-right-color: #fff !important;
margin-left: -10px;
}
span {
position: relative;
z-index: 4;
float: left;
}
}
*/
}
body.theme-modern.mode-light .tw-fieldset-collapsible {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0 16px 16px 16px !important;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-light .tw-fieldset-collapsible > legend {
color: #2e4f7a;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: white;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
}
body.theme-modern.mode-light .tw-fieldset-collapsible > legend:hover {
color: #00537d;
background: #f9fbfc;
border-color: #00537d;
}
body.theme-modern.mode-light .tw-fieldset-collapsible > legend i {
color: #00537d;
}
body.theme-modern.mode-light .tw-fieldset-collapsible.fieldset-collapsed > legend {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-modern.mode-light .page-header h1 {
color: #203755;
font-size: 26px;
}
body.theme-modern.mode-light .tw-simple-link-button {
color: #00537d;
}
body.theme-modern.mode-light .tw-simple-link-button {
color: #00537d !important;
}
body.theme-modern.mode-light a {
color: #00537d;
}
body.theme-modern.mode-light .tab-content {
background: #f8f8f8;
}
body.theme-modern.mode-light .tw-top-parent-view .tw-top-parent-view .page-wrapper {
border-radius: 8px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 16px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-light .navbar {
background-color: white;
border-bottom-color: #cccccc;
}
@media (max-width: 991px) {
body.theme-modern.mode-light .navbar {
padding-left: 50px;
}
}
body.theme-modern.mode-light .navbar .navbar-brand {
color: #00537d;
}
body.theme-modern.mode-light .tw-portal-header .navbar-brand {
color: white !important;
}
body.theme-modern.mode-light .tw-portal-header .user-profile > .btn {
color: white !important;
}
body.theme-modern.mode-light .tw-portal-header .user-profile > .btn:hover {
color: white !important;
}
body.theme-modern.mode-light .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 16px;
border-radius: 8px;
}
body.theme-modern.mode-light .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .tw-search-menu-container {
padding: 8px;
background: #d8e5ec;
}
body.theme-modern.mode-light .tw-search-menu-container .select2-selection {
background: #ecf2f5 !important;
color: #00537d !important;
}
body.theme-modern.mode-light .tw-search-menu-container .select2-selection .select2-selection__placeholder {
color: #333333 !important;
opacity: 0.5;
}
body.theme-modern.mode-light .tw-search-menu-container .select2-selection:hover, body.theme-modern.mode-light .tw-search-menu-container .select2-selection:focus, body.theme-modern.mode-light .tw-search-menu-container .select2-selection:focus-visible {
background: white !important;
}
body.theme-modern.mode-light .tw-search-menu-container .select2-container--open .select2-selection, body.theme-modern.mode-light .tw-search-menu-container .select2-container--focus .select2-selection {
background: white !important;
}
body.theme-modern.mode-light .ace-nav .light-blue > a.btn {
background-color: white;
color: #00537d;
}
body.theme-modern.mode-light .ace-nav .light-blue > a.btn:hover, body.theme-modern.mode-light .ace-nav .light-blue > a.btn:focus {
background-color: white;
}
body.theme-modern.mode-light .tw-nav-myaccount-button-wrapper .user-profile > .dropdown-toggle > span {
min-width: 0;
display: flex;
align-items: center;
}
body.theme-modern.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu li:hover a {
background: none;
color: #333333;
}
body.theme-modern.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu a {
border-radius: 0 !important;
white-space: nowrap;
border: 0 !important;
}
body.theme-modern.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu a:hover {
background: #00537d !important;
color: white !important;
}
body.theme-modern.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-light .tw-nav-myaccount-button-wrapper .dropdown-menu .tw-no-btn-reset {
padding: 6px 32px 6px 16px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
line-height: 1.428571429;
min-height: 0 !important;
display: block;
text-align: left;
}
body.theme-modern.mode-light.theme-classic .btn-theme-classic, body.theme-modern.mode-light.theme-modern .btn-theme-modern, body.theme-modern.mode-light.mode-light .btn-theme-mode-light, body.theme-modern.mode-light.mode-dark .btn-theme-mode-dark, body.theme-modern.mode-light:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard, body.theme-modern.mode-light.tw-relaxed .btn-theme-relaxed, body.theme-modern.mode-light.tw-slim .btn-theme-slim {
position: relative;
}
body.theme-modern.mode-light.theme-classic .btn-theme-classic:before, body.theme-modern.mode-light.theme-modern .btn-theme-modern:before, body.theme-modern.mode-light.mode-light .btn-theme-mode-light:before, body.theme-modern.mode-light.mode-dark .btn-theme-mode-dark:before, body.theme-modern.mode-light:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard:before, body.theme-modern.mode-light.tw-relaxed .btn-theme-relaxed:before, body.theme-modern.mode-light.tw-slim .btn-theme-slim:before {
content: "";
width: 6px;
height: 6px;
background: #00537d;
border-radius: 50%;
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
}
body.theme-modern.mode-light .menu-toggler > .menu-text {
display: block;
content: "Menu";
}
@keyframes translateY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0);
}
}
@keyframes translateX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-8px);
}
100% {
transform: translateX(0);
}
}
body.theme-modern.mode-light .theme-notification-1, body.theme-modern.mode-light .theme-notification-2 {
position: absolute;
background: #c6d7df;
border: 1px solid #00537d;
color: #00537d;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
padding: 16px 24px;
z-index: 99;
display: flex;
border-radius: 4px;
align-items: center;
gap: 8px;
white-space: nowrap;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .theme-notification-1 {
top: 100%;
right: 0;
animation: translateY 1s 3 ease;
}
body.theme-modern.mode-light .theme-notification-1 .fa-arrow-right {
position: absolute;
bottom: 100%;
right: 7px;
font-size: 18px;
transform: rotate(-90deg);
color: #00537d;
}
body.theme-modern.mode-light .theme-notification-2 {
top: 92px;
right: 100%;
animation: translateX 1s 3 ease;
}
body.theme-modern.mode-light .theme-notification-2 .arrow-theme {
position: absolute;
top: -13px;
right: -19px;
transform: rotate(-25deg);
font-size: 18px;
}
body.theme-modern.mode-light .theme-notification-2 .arrow-brightness {
position: absolute;
bottom: -13px;
right: -19px;
transform: rotate(25deg);
font-size: 18px;
}
body.theme-modern.mode-light .sidebar {
background: white;
border-right: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .sidebar:before {
border-right: 1px solid rgba(0, 0, 0, 0.15);
background: white;
}
body.theme-modern.mode-light .sidebar.menu-min .nav-list > li > a .menu-text {
color: #00537d;
}
body.theme-modern.mode-light .menu-toggler {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #00537d;
transition: ease 0.2s all;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-modern.mode-light .menu-toggler:hover {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-light .sidebar-collapse {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
background-color: white;
cursor: pointer;
color: #00537d;
padding: 8px;
text-align: center;
position: relative;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .sidebar-collapse > [class*=icon-] {
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 0 5px;
line-height: 18px;
border-radius: 16px;
position: relative;
}
body.theme-modern.mode-light .sidebar-collapse:before {
content: "";
display: inline-block;
height: 0;
position: absolute;
left: 15px;
right: 15px;
top: 13px;
}
body.theme-modern.mode-light .sidebar-collapse:hover {
background-color: #00537d;
color: white;
}
body.theme-modern.mode-light .sidebar-collapse:after {
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .sidebar-collapse > [class*=icon-] {
background: #f8f8f8;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .alert-info {
background: #f8f8f8;
border: 1px solid #00537d;
}
body.theme-modern.mode-light .alert-success {
background: rgba(125, 170, 80, 0.1);
border: 1px solid #7daa50;
}
body.theme-modern.mode-light .alert-warning {
background: rgba(255, 168, 48, 0.1);
border: 1px solid #ffa830;
}
body.theme-modern.mode-light .alert-danger {
background: rgba(211, 65, 59, 0.1);
border: 1px solid #d3413b;
}
body.theme-modern.mode-light .alert {
margin-bottom: 16px;
}
body.theme-modern.mode-light .alert:last-child {
margin-bottom: 0;
}
body.theme-modern.mode-light .tw-validations-target-parent:after {
content: "";
display: block;
clear: both;
}
body.theme-modern.mode-light .breadcrumbs {
background: #f1f1f1;
color: #333333;
border-radius: 4px;
}
body.theme-modern.mode-light .breadcrumbs > li + li:before {
color: #333333;
}
body.theme-modern.mode-light .breadcrumbs > li:not(:last-child) {
font-weight: bold;
}
body.theme-modern.mode-light .breadcrumbs > li span {
text-decoration: none;
}
body.theme-modern.mode-light .tw-breadcrumbs-back {
font-weight: bold;
cursor: pointer;
}
body.theme-modern.mode-light .fc {
background: #ffffff;
border-radius: 8px;
}
body.theme-modern.mode-light .fc-header {
background: #ffffff;
}
body.theme-modern.mode-light .fc-header-title > h2 {
color: #203755;
}
body.theme-modern.mode-light .fc-button {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #00537d;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .fc-button:not(.fc-state-disabled):hover {
background: #00537d;
border: 1px solid #00537d;
color: #ffffff;
z-index: 1;
position: relative;
}
body.theme-modern.mode-light .fc-button.fc-state-active {
background: #00537d;
border: 1px solid #00537d;
color: #ffffff;
}
body.theme-modern.mode-light .fc-corner-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-light .fc-corner-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-light .fc-state-active {
background: lightne(#ffffff, 10%);
}
body.theme-modern.mode-light .tw-calendar-list {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .fc-widget-header, body.theme-modern.mode-light .fc-widget-content {
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .fc-widget-header {
background: #ffffff;
}
body.theme-modern.mode-light .fc-header {
border: 1px solid rgba(0, 0, 0, 0.15);
border-bottom: 0;
padding: 16px;
display: flex;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-modern.mode-light .tw-calendar-refresh, body.theme-modern.mode-light .tw-calendar-feeds {
color: #00537d !important;
background: #ffffff !important;
border-color: rgba(0, 0, 0, 0.15) !important;
display: flex;
align-items: center;
gap: 8px;
}
body.theme-modern.mode-light .tw-calendar-refresh:not(.fc-state-disabled):hover, body.theme-modern.mode-light .tw-calendar-feeds:not(.fc-state-disabled):hover {
color: #ffffff !important;
background: #00537d !important;
border-color: #00537d !important;
}
body.theme-modern.mode-light .fc-day-header {
padding: 8px !important;
text-transform: uppercase;
}
body.theme-modern.mode-light .fc-state-highlight {
background: rgba(0, 83, 125, 0.5) !important;
}
body.theme-modern.mode-light .fc-day {
padding: 8px !important;
}
body.theme-modern.mode-light .fc-day-number {
line-height: 1;
}
body.theme-modern.mode-light .modal {
background: rgba(248, 248, 248, 0.5);
}
body.theme-modern.mode-light .modal-dialog {
background: none;
}
body.theme-modern.mode-light .modal-body {
background: #ffffff;
}
body.theme-modern.mode-light .modal-content {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-modern.mode-light .modal-header {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}
body.theme-modern.mode-light .modal-header.border-0 {
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}
body.theme-modern.mode-light .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.15);
background: #ffffff;
}
body.theme-modern.mode-light .nav-list > li.open > a {
background: #00537d;
color: white;
border-bottom: 1px solid #00537d;
box-shadow: 0 -1px 0 0 #00537d;
}
body.theme-modern.mode-light .nav-list > li.open > a > .arrow {
color: white;
}
body.theme-modern.mode-light .nav-list > li > a {
background: white;
color: #00537d;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .nav-list > li > a:hover, body.theme-modern.mode-light .nav-list > li > a:focus {
background: #00537d;
color: white;
border-bottom: 1px solid #00537d;
box-shadow: 0 -1px 0 0 #00537d;
}
body.theme-modern.mode-light .nav-list > li > a:hover > .arrow, body.theme-modern.mode-light .nav-list > li > a:focus > .arrow {
color: white;
}
body.theme-modern.mode-light .nav-list > li > a > .arrow {
color: #00537d;
}
body.theme-modern.mode-light .nav-list > li .submenu {
background: #f8f8f8;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .nav-list > li .submenu > li {
transition: ease 0.2s all;
}
body.theme-modern.mode-light .nav-list > li .submenu > li:hover {
background: #ececec;
}
body.theme-modern.mode-light .nav-list > li .submenu > li > a {
color: #00537d;
}
body.theme-modern.mode-light .nav-list > li .submenu > li > a:hover, body.theme-modern.mode-light .nav-list > li .submenu > li > a:focus {
color: #00537d;
}
body.theme-modern.mode-light .nav-list > li .submenu > li > a > .arrow {
color: #00537d;
}
body.theme-modern.mode-light .nav-list > li .submenu > li a > [class*=icon-]:first-child {
background-color: white;
color: #00537d;
}
body.theme-modern.mode-light .nav-list > li > .submenu:before {
border-right: 1px solid rgba(51, 51, 51, 0.15) !important;
}
body.theme-modern.mode-light .nav-list > li > .submenu > li:before {
border-bottom: 1px solid rgba(51, 51, 51, 0.15) !important;
}
body.theme-modern.mode-light .widget-header {
color: #203755;
background: rgb(247, 250, 251);
border: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-modern.mode-light .widget-header > * {
vertical-align: middle;
}
body.theme-modern.mode-light .widget-body {
background-color: #ffffff;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-modern.mode-light .widget-box {
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.15);
overflow: hidden;
}
body.theme-modern.mode-light .spinner {
border: 12px solid rgba(51, 51, 51, 0.075);
border-top-color: #00537d;
}
body.theme-modern.mode-light .tw-mask {
background: rgba(255, 255, 255, 0.75);
}
body.theme-modern.mode-light .tw-mask-center p {
color: #333333;
}
body.theme-modern.mode-light .spinner-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;
}
body.theme-modern.mode-light .tw-lead-phase-ribbon-wrapper .breadcrumb li:first-child, body.theme-modern.mode-light .tw-mpf-breadcrumbs .breadcrumb li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-light .tw-lead-phase-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-inprogress, body.theme-modern.mode-light .tw-mpf-breadcrumbs .breadcrumb li.tw-lead-status-ribbon-inprogress {
background: #7daa50;
}
body.theme-modern.mode-light .tw-lead-phase-ribbon-wrapper .tw-mpf-breadcrumbs-selected, body.theme-modern.mode-light .tw-mpf-breadcrumbs .tw-mpf-breadcrumbs-selected {
background: #7daa50 !important;
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon .tw-milestone-block:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon .tw-milestone-block:first-child .tw-milestone-grid-inprogress {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-light .tw-milestone-current-grid {
background: #00537d;
}
body.theme-modern.mode-light .tw-milestone-grid-inprogress::after {
background: #00537d !important;
}
body.theme-modern.mode-light .tw-mpf-runtime-breadcrumb,
body.theme-modern.mode-light .tw-mpf-runtime-breadcrumb:after,
body.theme-modern.mode-light .tw-lead-status-ribbon-completed,
body.theme-modern.mode-light .tw-lead-status-ribbon-completed:after,
body.theme-modern.mode-light .tw-milestone-grid-completed,
body.theme-modern.mode-light .tw-milestone-grid-completed:after {
background-color: #00537d !important;
color: white;
}
body.theme-modern.mode-light .tw-milestone-grid-complete.tw-milestone-grid-waitlist, body.theme-modern.mode-light .tw-milestone-grid-complete.tw-milestone-grid-waitlist:after {
background-color: #8a7cb4 !important;
}
body.theme-modern.mode-light .tw-lead-status-ribbon-inprogress,
body.theme-modern.mode-light .tw-lead-status-ribbon-inprogress:after,
body.theme-modern.mode-light .tw-milestone-grid-inprogress,
body.theme-modern.mode-light .tw-milestone-grid-inprogress:after {
background-color: #7daa50 !important;
color: white !important;
}
body.theme-modern.mode-light .tw-mpf-runtime-breadcrumb:first-child,
body.theme-modern.mode-light .tw-lead-status-ribbon-completed:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-light .tw-lead-status-ribbon-notyet,
body.theme-modern.mode-light .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb,
body.theme-modern.mode-light .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb:after,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li,
body.theme-modern.mode-light .tw-lead-milestone-ribbon > span,
body.theme-modern.mode-light .tw-milestone-block {
background-color: #7ca6bb;
color: white;
cursor: default;
position: relative;
}
body.theme-modern.mode-light .tw-milestone-block span {
display: block;
}
body.theme-modern.mode-light .tw-milestone-block span:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 14px;
width: 14px;
display: block;
float: right;
position: relative;
right: -7px;
z-index: 1;
top: 3px;
border-top: 1px solid rgba(248, 248, 248, 0.5);
border-right: 1px solid rgba(248, 248, 248, 0.5);
background: #7ca6bb;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@media (max-width: 1550px) {
body.theme-modern.mode-light .tw-milestone-block span:after {
right: -4px;
height: 8px;
width: 8px;
top: 4px;
}
}
body.theme-modern.mode-light .breadcrumb {
overflow: hidden;
}
body.theme-modern.mode-light .tw-mpf-breadcrumbs .tw-mpf-runtime-breadcrumb:after,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 28px;
width: 28px;
display: block;
float: right;
position: absolute;
right: -12px;
z-index: 1;
top: 6px;
border-top: 1px solid rgba(248, 248, 248, 0.5);
border-right: 1px solid rgba(248, 248, 248, 0.5);
background: #7ca6bb;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-left: -22px;
margin-bottom: -2px;
margin-top: -2px;
}
body.theme-modern.mode-light .tw-mpf-breadcrumbs-selected:after,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next::after {
background: #7daa50 !important;
}
body.theme-modern.mode-light .tw-mpf-runtime-breadcrumb,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li {
padding-right: 16px;
padding-left: 24px;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
line-height: 24px;
}
body.theme-modern.mode-light .tw-mpf-runtime-breadcrumb span,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li span {
position: relative;
z-index: 2;
}
body.theme-modern.mode-light .tw-mpf-runtime-breadcrumb i,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li i {
margin-right: 8px;
}
body.theme-modern.mode-light .tw-milestone-block:last-child span:after {
border-top: 0;
border-right: 0;
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon span > i {
font-style: normal;
text-align: center;
line-height: 150%;
color: white;
background-clip: padding-box;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
padding: 5px 0;
bottom: 100%;
margin-bottom: 15px;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s linear;
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon span > i:before, body.theme-modern.mode-light .tw-lead-milestone-ribbon span > i:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon span > i:before {
margin-top: 5px;
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon span:hover > i {
visibility: visible;
opacity: 1;
}
body.theme-modern.mode-light .tw-mpf-breadcrumbs-selected,
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next,
body.theme-modern.mode-light .tw-milestone-grid-next {
background: #7daa50 !important;
color: white;
}
body.theme-modern.mode-light .tw-lead-phases-ribbon-wrapper h2 {
margin-top: 0;
padding: 0;
}
body.theme-modern.mode-light .table {
border: 1px solid #d9d9d9;
color: #333333;
background: #f8f8f8;
}
body.theme-modern.mode-light .table thead tr th {
background-color: #f8f8f8;
}
body.theme-modern.mode-light .table thead tr th.tw-sortable-header:hover, body.theme-modern.mode-light .table thead tr th.tw-sortable-header:focus {
background: #ebebeb;
color: #00537d;
}
body.theme-modern.mode-light .table.table-striped tbody > tr:nth-child(odd) > td, body.theme-modern.mode-light .table.table-striped tbody > tr:nth-child(odd) > th {
background-color: #fafafa;
color: #333333;
}
body.theme-modern.mode-light .table.table-striped tbody > tr:nth-child(odd):hover > td, body.theme-modern.mode-light .table.table-striped tbody > tr:nth-child(odd):hover > th {
background: rgba(0, 83, 125, 0.1);
}
body.theme-modern.mode-light .table tbody tr:hover > td, body.theme-modern.mode-light .table tbody tr:hover > th {
background: rgba(0, 83, 125, 0.1);
color: #333333;
}
body.theme-modern.mode-light .table tbody tr.highlight > td, body.theme-modern.mode-light .table tbody tr.highlight > th {
background: #fff9e3 !important;
color: #333333 !important;
}
body.theme-modern.mode-light .table tbody tr.highlight > td a:not(.btn), body.theme-modern.mode-light .table tbody tr.highlight > th a:not(.btn) {
color: #333333 !important;
}
body.theme-modern.mode-light .table td, body.theme-modern.mode-light .table th {
border-color: #d9d9d9;
}
body.theme-modern.mode-light .table:last-child {
margin-bottom: 0;
}
body.theme-modern.mode-light .ui-pg-table td {
padding: 0 4px;
}
@media (max-width: 1440px) {
body.theme-modern.mode-light .ui-pg-table td {
padding: 0 1px;
}
}
body.theme-modern.mode-light .tw-paging-button {
background: #ffffff;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 4px 8px;
transition: ease 0.2s all;
font-size: 14px;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
}
body.theme-modern.mode-light .tw-paging-button i {
width: 14px;
}
body.theme-modern.mode-light .tw-paging-button:hover {
border-color: #00537d;
}
@media (max-width: 1440px) {
body.theme-modern.mode-light .tw-paging-button {
padding: 4px 2px;
}
}
body.theme-modern.mode-light .tw-sorted-header,
body.theme-modern.mode-light .tw-sorted-header .icon-sort-up,
body.theme-modern.mode-light .tw-sorted-header .icon-sort-down {
color: #00537d !important;
}
body.theme-modern.mode-light .tw-tabs {
background: #f9fafb;
}
body.theme-modern.mode-light .tab-content {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .tw-tabs:not(.tabs-left) .nav-tabs > li a {
color: #5280a2;
}
body.theme-modern.mode-light .tw-tabs:not(.tabs-left) .nav-tabs > li.active > a {
background: #00537d !important;
color: white;
}
body.theme-modern.mode-light .tw-tabs.tabs-left {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
}
body.theme-modern.mode-light .tw-tabs.tabs-left > .nav-tabs {
padding: 16px 8px;
background: #f9fafb;
}
body.theme-modern.mode-light .tw-tabs.tabs-left > .nav-tabs > li > a {
border: 0;
background: none;
padding: 10px 12px;
color: #333333;
border-left: 2px solid transparent;
}
body.theme-modern.mode-light .tw-tabs.tabs-left > .nav-tabs > li.active > a {
background: transparent !important;
color: #333333 !important;
font-weight: bold;
border-left-color: #00537d;
}
body.theme-modern.mode-light .tw-tabs.tabs-left > .tab-content {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid rgba(0, 0, 0, 0.15);
min-width: 0;
}
body.theme-modern.mode-light .tw-tabs .nav-tabs > li > a {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.15);
transition: ease 0.2s all;
border-bottom: 2px solid transparent;
color: #00537d;
}
body.theme-modern.mode-light .tw-tabs .nav-tabs > li.active > a {
background: transparent !important;
border-bottom-color: #00537d;
}
body.theme-modern.mode-light .tw-tab-close-button {
display: inline-block;
margin-left: 8px;
cursor: pointer;
}
body.theme-modern.mode-light.tw-slim .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-light.tw-slim .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
body.theme-modern.mode-light.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-light.tw-relaxed .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs {
background: transparent;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding: 0;
gap: 8px;
background: transparent;
padding-top: 16px;
padding-left: 32px;
padding-right: 32px;
border: 0;
}
@media (max-width: 991px) {
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
background: #f8f8f8 !important;
color: #5280a2;
box-shadow: 0 3px #00537d;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a {
border-radius: 6px;
background: transparent;
border: 1px solid #00537d;
padding: 4px 8px;
line-height: 24px !important;
font-size: 0.9rem;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover {
background: #00537d;
color: #ffffff;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
padding-top: 16px;
border: 0;
background: none;
/*> .tab-pane {
background: $panel-body-background;
border: $border;
border-radius: $panel-border-radius;
padding: calc($spacing * 4);
box-shadow: $shadow;
@media (max-width: 991px) {
padding: calc($spacing * 2);
}
}*/
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 32px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-modern.mode-light .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
padding: 16px;
}
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs {
background: transparent;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tab-content {
padding: 16px;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs {
display: flex;
flex-direction: column;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
display: flex;
flex-direction: row;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 16px;
margin-right: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
background: transparent;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li {
width: auto;
margin-bottom: -1px;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
box-shadow: inset 0 -3px 0 0 #00537d;
border: 0;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li a {
padding-bottom: 13px;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs span {
white-space: nowrap;
}
body.theme-modern.mode-light .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
border: 0;
padding: 16px;
}
body.theme-modern.mode-light .tiles input[type=radio]:checked + .lbl {
background: #00537d;
border-color: #00537d;
color: #ffffff;
}
body.theme-modern.mode-light .tiles .lbl {
/*border: 1px solid $button-border-color;
background: $button-background;
color: $button-color;
padding: $spacing;
transition: $transition;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;*/
border-radius: 4px;
}
body.theme-modern.mode-light .tiles .lbl:hover {
background: #00537d;
border-color: #00537d;
color: #ffffff;
}
body.theme-modern.mode-light .tw-next-statuses-radios .tw-lead-status-type-title {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}
body.theme-modern.mode-light .tw-next-statuses-radios .tw-radio-group {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 8px;
border-radius: 8px;
background: #f2f2f2;
gap: 8px;
justify-content: center;
}
body.theme-modern.mode-light .tw-next-statuses-radios .radio-inline {
text-align: center;
height: 147px;
padding-left: 0;
width: 140px;
}
body.theme-modern.mode-light .tw-next-statuses-radios .radio-inline i {
font-size: 32px;
}
body.theme-modern.mode-light .tw-next-statuses-radios .radio-inline .lbl {
padding: 16px;
width: 100%;
height: 121px;
}
body.theme-modern.mode-light .tw-lead-status-type-title {
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 16px !important;
}
body.theme-modern.mode-light .tw-next-statuses-radios .tw-lead-status-type-mini-image-wrapper {
padding: 0;
padding-bottom: 8px;
}
body.theme-modern.mode-light .tw-bottom-toolbar {
background: #f8f8f8;
border: 1px solid rgba(0, 0, 0, 0.15);
margin-top: -1px;
}
body.theme-modern.mode-light .tw-top-toolbar-fixed {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-top: 0;
}
body.theme-modern.mode-light .tw-toolbar-active-filters-row {
margin-top: 20px;
padding: 4px 12px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
border-left: 3px solid #ac51f8;
}
body.theme-modern.mode-light .tw-toolbar-active-filters-row .btn {
padding: 4px 8px;
background: #EFE8FF;
border-color: #cc9ef3;
color: black;
}
body.theme-modern.mode-light .tw-toolbar-active-filters-row .btn:hover {
background: #ccb5ff;
border-color: #cc9ef3;
color: black;
}
body.theme-modern.mode-light .tooltip-inner, body.theme-modern.mode-light .tw-lead-milestone-ribbon span > i {
border-radius: 4px;
background: rgba(0, 0, 0, 0.8);
color: white;
font-size: 1rem;
}
body.theme-modern.mode-light .popover .popover-arrow:after {
border-right-coolor: #ffffff;
}
body.theme-modern.mode-light .popover .popover-body {
background: #ffffff;
border-radius: 4px;
color: #333333;
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .tw-lead-milestone-ribbon span > i:after {
z-index: 1;
border-top: 10px solid rgba(0, 0, 0, 0.8);
}
body.theme-modern.mode-light .btn, body.theme-modern.mode-light .tw-academic-year-wizard-action-button {
border-radius: 4px;
color: #00537d;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
cursor: pointer;
}
body.theme-modern.mode-light .btn:not([disabled]):hover, body.theme-modern.mode-light .tw-academic-year-wizard-action-button:not([disabled]):hover {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-light .btn:not([disabled]):focus, body.theme-modern.mode-light .btn:not([disabled]):focus-visible, body.theme-modern.mode-light .tw-academic-year-wizard-action-button:not([disabled]):focus, body.theme-modern.mode-light .tw-academic-year-wizard-action-button:not([disabled]):focus-visible {
border-color: #00537d !important;
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5) !important;
}
body.theme-modern.mode-light .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #333333;
}
body.theme-modern.mode-light .btn, body.theme-modern.mode-light .btn-purple, body.theme-modern.mode-light .btn-yellow, body.theme-modern.mode-light .btn-pink, body.theme-modern.mode-light .btn-primary, body.theme-modern.mode-light .btn-inverse {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.15);
color: #00537d;
}
body.theme-modern.mode-light .tw-academic-year-wizard-action-button {
font-size: 1rem;
display: inline-block;
}
body.theme-modern.mode-light [disabled]:not(.tw-paging-button):not(.not-disabled) {
opacity: 0.6 !important;
pointer-events: none;
background: rgba(128, 128, 128, 0.5) !important;
color: black !important;
border-color: #d9d9d9 !important;
}
body.theme-modern.mode-light [disabled]:not(.tw-paging-button):not(.not-disabled) > [disabled] {
opacity: 1 !important;
}
body.theme-modern.mode-light [disabled]:not(.tw-paging-button):not(.not-disabled):before {
background: black;
}
body.theme-modern.mode-light input[type=checkbox] {
background: #ffffff;
border: 2px solid rgba(0, 0, 0, 0.15);
cursor: pointer;
position: relative;
appearance: none;
border-radius: 2px;
transition: ease 0.2s all;
}
body.theme-modern.mode-light input[type=checkbox]:hover, body.theme-modern.mode-light input[type=checkbox]:focus {
border-color: #00537d;
}
body.theme-modern.mode-light input[type=checkbox]:focus {
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5);
}
body.theme-modern.mode-light input[type=checkbox]:checked {
background: #00537d;
}
body.theme-modern.mode-light input[type=checkbox]:checked:before {
content: "";
position: absolute;
width: 7px;
height: 12px;
border-bottom: 2px solid white;
border-right: 2px solid white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
margin-top: -2px;
}
body.theme-modern.mode-light input[type=checkbox][disabled]:checked:before {
border-bottom-color: black;
border-right-color: black;
opacity: 0.5;
}
body.theme-modern.mode-light .dropdown-menu {
background: #ffffff;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .dropdown-menu.dropdown-caret:before {
border-bottom-color: rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .dropdown-menu.dropdown-caret:after {
border-bottom-color: #ffffff;
}
body.theme-modern.mode-light .dropdown-menu > li:hover > a {
color: white;
background: #00537d;
}
body.theme-modern.mode-light .dropdown-menu > li a {
color: #333333;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .dropdown-menu > li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-light .dropdown-menu > li:first-child > a:not(.tw-simple-button) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-modern.mode-light .dropdown-menu > li:last-child > a:not(.tw-simple-button) {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-light .dropdown-menu h3 {
color: #333333;
}
body.theme-modern.mode-light .input-group-addon {
border: 1px solid rgba(0, 0, 0, 0.15);
background: #ffffff;
}
body.theme-modern.mode-light .input-group-addon:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-light .input-group {
flex-wrap: nowrap;
}
body.theme-modern.mode-light .input-group > select:first-child + .select2 .select2-selection {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-light .input-group .select2-container {
min-width: 0;
}
body.theme-modern.mode-light input[type=radio] {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-width: 2px;
}
body.theme-modern.mode-light input[type=radio]:checked {
background: #00537d;
}
body.theme-modern.mode-light input[type=radio]:checked:before {
background: white;
}
body.theme-modern.mode-light input[type=radio]:hover, body.theme-modern.mode-light input[type=radio]:focus {
border-color: #00537d;
}
body.theme-modern.mode-light input[type=radio]:focus {
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5);
}
body.theme-modern.mode-light .select2-container .select2-selection--single {
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .select2-container--default .select2-selection--single {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-top-color: #333333;
}
body.theme-modern.mode-light .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #333333;
}
body.theme-modern.mode-light .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-bottom-color: #333333;
border-top-color: transparent;
}
body.theme-modern.mode-light .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(0, 0, 0, 0.15);
background: #ffffff;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .select2-container--default .select2-search--dropdown .select2-search__field:focus, body.theme-modern.mode-light .select2-container--default .select2-search--dropdown .select2-search__field:hover {
border-color: #00537d;
}
body.theme-modern.mode-light .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #00537d;
color: #ffffff;
}
body.theme-modern.mode-light .select2-dropdown {
background: #f8f8f8;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-light .select2-dropdown.select2-dropdown--above {
margin-top: 1px;
}
body.theme-modern.mode-light .select2-dropdown.select2-dropdown--below {
margin-top: -1px;
}
body.theme-modern.mode-light select {
background: #ffffff;
color: #333333;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light .select2-selection {
transition: ease 0.2s all;
}
body.theme-modern.mode-light .select2-selection:focus, body.theme-modern.mode-light .select2-selection:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5);
outline: 0;
}
body.theme-modern.mode-light .select2-selection:hover, body.theme-modern.mode-light .select2-selection:focus, body.theme-modern.mode-light .select2-selection:focus-visible {
border-color: #00537d;
}
body.theme-modern.mode-light .select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 17px;
padding: 0 8px;
}
body.theme-modern.mode-light textarea {
background: #ffffff;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light textarea:focus, body.theme-modern.mode-light textarea:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5);
}
body.theme-modern.mode-light textarea:hover, body.theme-modern.mode-light textarea:focus, body.theme-modern.mode-light textarea:focus-visible {
border-color: #00537d;
}
body.theme-modern.mode-light input[type=text], body.theme-modern.mode-light input[type=password], body.theme-modern.mode-light input[type=datetime], body.theme-modern.mode-light input[type=datetime-local], body.theme-modern.mode-light input[type=date], body.theme-modern.mode-light input[type=month], body.theme-modern.mode-light input[type=time], body.theme-modern.mode-light input[type=week], body.theme-modern.mode-light input[type=number], body.theme-modern.mode-light input[type=email], body.theme-modern.mode-light input[type=url], body.theme-modern.mode-light input[type=search], body.theme-modern.mode-light input[type=tel], body.theme-modern.mode-light input[type=color] {
background: #ffffff;
color: #333333;
border-radius: 4px;
border-color: rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-light input[type=text]:focus, body.theme-modern.mode-light input[type=text]:focus-visible, body.theme-modern.mode-light input[type=password]:focus, body.theme-modern.mode-light input[type=password]:focus-visible, body.theme-modern.mode-light input[type=datetime]:focus, body.theme-modern.mode-light input[type=datetime]:focus-visible, body.theme-modern.mode-light input[type=datetime-local]:focus, body.theme-modern.mode-light input[type=datetime-local]:focus-visible, body.theme-modern.mode-light input[type=date]:focus, body.theme-modern.mode-light input[type=date]:focus-visible, body.theme-modern.mode-light input[type=month]:focus, body.theme-modern.mode-light input[type=month]:focus-visible, body.theme-modern.mode-light input[type=time]:focus, body.theme-modern.mode-light input[type=time]:focus-visible, body.theme-modern.mode-light input[type=week]:focus, body.theme-modern.mode-light input[type=week]:focus-visible, body.theme-modern.mode-light input[type=number]:focus, body.theme-modern.mode-light input[type=number]:focus-visible, body.theme-modern.mode-light input[type=email]:focus, body.theme-modern.mode-light input[type=email]:focus-visible, body.theme-modern.mode-light input[type=url]:focus, body.theme-modern.mode-light input[type=url]:focus-visible, body.theme-modern.mode-light input[type=search]:focus, body.theme-modern.mode-light input[type=search]:focus-visible, body.theme-modern.mode-light input[type=tel]:focus, body.theme-modern.mode-light input[type=tel]:focus-visible, body.theme-modern.mode-light input[type=color]:focus, body.theme-modern.mode-light input[type=color]:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5);
}
body.theme-modern.mode-light input[type=text]:hover, body.theme-modern.mode-light input[type=text]:focus, body.theme-modern.mode-light input[type=text]:focus-visible, body.theme-modern.mode-light input[type=password]:hover, body.theme-modern.mode-light input[type=password]:focus, body.theme-modern.mode-light input[type=password]:focus-visible, body.theme-modern.mode-light input[type=datetime]:hover, body.theme-modern.mode-light input[type=datetime]:focus, body.theme-modern.mode-light input[type=datetime]:focus-visible, body.theme-modern.mode-light input[type=datetime-local]:hover, body.theme-modern.mode-light input[type=datetime-local]:focus, body.theme-modern.mode-light input[type=datetime-local]:focus-visible, body.theme-modern.mode-light input[type=date]:hover, body.theme-modern.mode-light input[type=date]:focus, body.theme-modern.mode-light input[type=date]:focus-visible, body.theme-modern.mode-light input[type=month]:hover, body.theme-modern.mode-light input[type=month]:focus, body.theme-modern.mode-light input[type=month]:focus-visible, body.theme-modern.mode-light input[type=time]:hover, body.theme-modern.mode-light input[type=time]:focus, body.theme-modern.mode-light input[type=time]:focus-visible, body.theme-modern.mode-light input[type=week]:hover, body.theme-modern.mode-light input[type=week]:focus, body.theme-modern.mode-light input[type=week]:focus-visible, body.theme-modern.mode-light input[type=number]:hover, body.theme-modern.mode-light input[type=number]:focus, body.theme-modern.mode-light input[type=number]:focus-visible, body.theme-modern.mode-light input[type=email]:hover, body.theme-modern.mode-light input[type=email]:focus, body.theme-modern.mode-light input[type=email]:focus-visible, body.theme-modern.mode-light input[type=url]:hover, body.theme-modern.mode-light input[type=url]:focus, body.theme-modern.mode-light input[type=url]:focus-visible, body.theme-modern.mode-light input[type=search]:hover, body.theme-modern.mode-light input[type=search]:focus, body.theme-modern.mode-light input[type=search]:focus-visible, body.theme-modern.mode-light input[type=tel]:hover, body.theme-modern.mode-light input[type=tel]:focus, body.theme-modern.mode-light input[type=tel]:focus-visible, body.theme-modern.mode-light input[type=color]:hover, body.theme-modern.mode-light input[type=color]:focus, body.theme-modern.mode-light input[type=color]:focus-visible {
border-color: #00537d;
}
body.theme-modern.mode-light .redactor-box.redactor-styles-on {
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
body.theme-modern.mode-light .redactor-box.redactor-styles-on.redactor-focus {
border-color: #00537d !important;
box-shadow: 0 0 0 3px rgba(0, 83, 125, 0.5);
}
body.theme-modern.mode-light .redactor-air a, body.theme-modern.mode-light .redactor-toolbar a {
transition: ease 0.2s all;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: none;
background: #ffffff;
color: #00537d;
}
body.theme-modern.mode-light .redactor-air a:hover, body.theme-modern.mode-light .redactor-toolbar a:hover {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-light .redactor-air a.redactor-button-active, body.theme-modern.mode-light .redactor-toolbar a.redactor-button-active {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-light .redactor-box.redactor-styles-on {
background: #ffffff;
}
body.theme-modern.mode-light .redactor-styles {
color: #333333;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.theme-modern.mode-light .redactor-dropdown {
background: #ffffff;
border-radius: 4px;
}
body.theme-modern.mode-light .redactor-dropdown a {
transition: ease 0.2s all;
color: #333333;
border-color: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-light .redactor-dropdown a:hover {
background: #00537d !important;
}
body.theme-modern.mode-light .redactor-dropdown a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-modern.mode-light .redactor-dropdown a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-light hr, body.theme-modern.mode-light .redactor-in figure[data-redactor-type=line] hr {
border-color: rgba(0, 0, 0, 0.15);
background: #333333;
}
body.theme-modern.mode-light .redactor-modal {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333333;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-modern.mode-light .redactor-modal label {
color: #333333;
}
body.theme-modern.mode-light .redactor-modal input[type=checkbox] {
width: 20px;
height: 20px;
}
body.theme-modern.mode-light .redactor-modal .redactor-close {
color: #333333;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .redactor-modal-header {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
color: #203755;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-modern.mode-light .redactor-modal-footer {
background: #ffffff;
border-top: 1px solid #ffffff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-modern.mode-light .redactor-modal button {
background: #ffffff;
border: 1px soild rgba(0, 0, 0, 0.15) !important;
color: #00537d;
border-radius: 4px;
border-width: 1px !important;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .redactor-modal button:hover {
border: 1px solid #00537d !important;
background: #00537d;
color: #ffffff;
text-decoration: none;
}
body.theme-modern.mode-light .tw-dashboard-shortcuts-section-outer-wrapper > .form-group {
padding: 8px !important;
}
@media (max-width: 1440px) {
body.theme-modern.mode-light .tw-dashboard-shortcuts-section-outer-wrapper {
width: 100%;
}
}
body.theme-modern.mode-light .tw-dashboard-shortcuts-section-outer-wrapper .btn i {
margin: 0;
min-width: 26px;
}
body.theme-modern.mode-light .tw-dashboard-shortcuts-section-outer-wrapper .btn span {
margin: 0;
flex: 1 0 0;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
line-height: 2;
}
body.theme-modern.mode-light fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-shortcuts-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 0;
margin: 0 !important;
padding: 16px !important;
}
body.theme-modern.mode-light fieldset:not(.tw-fieldset-collapsible) legend {
display: flex;
align-items: center;
gap: 8px;
float: none;
}
body.theme-modern.mode-light fieldset:not(.tw-fieldset-collapsible) legend i {
color: #00537d;
}
body.theme-modern.mode-light fieldset:not(.tw-fieldset-collapsible).fieldset-collapsed legend {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
body.theme-modern.mode-light .tw-dashboard-container fieldset {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-light .tw-dashboard-container fieldset legend {
color: #2e4f7a;
padding: 8px 16px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: white;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
width: 100%;
cursor: pointer;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .tw-dashboard-container fieldset legend:hover {
color: #00537d;
background: #f9fbfc;
border-color: #00537d;
}
body.theme-modern.mode-light .tw-dashboard-container fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-widgets-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
margin: 0 !important;
padding: 16px 8px;
border-top: 0;
}
body.theme-modern.mode-light .tw-dashboard-container fieldset.tw-fieldset-collapsible .tw-dashboard-widgets-section-outer-wrapper {
padding: 8px 0;
}
body.theme-modern.mode-light .tw-dashboard-container .tw-configure-dashboard-button {
color: #00537d !important;
}
body.theme-modern.mode-light .tw-dashboard-container .tw-configure-dashboard-button:hover {
color: #00537d;
}
body.theme-modern.mode-light .tw-dashboard-container .page-header {
margin-bottom: 0 !important;
}
body.theme-modern.mode-light .tw-dashboard-container .page-header h1 {
margin-bottom: 0 !important;
}
body.theme-modern.mode-light .tw-dashboard-container .widget-header {
padding-right: 54px;
}
body.theme-modern.mode-light .tw-dashboard-container .tw-dashboard-widget-outermost-container {
margin-bottom: 16px;
}
body.theme-modern.mode-light .dxbButton {
border-radius: 4px !important;
background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
color: #00537d !important;
font-size: 1em !important;
transition: ease 0.2s all;
}
body.theme-modern.mode-light .dxbButton:hover {
background: #00537d !important;
border: 1px solid #00537d !important;
color: #ffffff !important;
}
body.theme-modern.mode-light .tw-dashboard-container fieldset:first-of-type legend {
margin-top: 0;
}
body.theme-modern.mode-light .tw-wrapper-for-non-template-fieldtypes {
margin-bottom: 8px;
}
body.theme-modern.mode-light .tw-wrapper-for-non-template-fieldtypes select {
width: 100% !important;
}
body.theme-modern.mode-dark {
background: #1a1a1a;
color: #b3b3b3;
/*.tw-mpf-breadcrumbs {
margin-left: 0;
margin-top: 5px;
background-color: transparent;
display: inline-block;
line-height: 24px;
margin: 0 22px 0 12px;
padding: 0;
font-size: 13px;
color: #333;
border-radius: 0;
}
.tw-mpf-runtime-breadcrumb {
display: inline-block;
color: #fff;
background-color: #1d6fa6 !important;
padding: 0 4px 0 22px;
cursor: default;
position: relative;
&:first-child {
padding-left: 10px;
}
&:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
display: block;
float: right;
position: relative;
z-index: 1;
border-top: 1px solid #777;
border-right: 1px solid #777;
background-color: #1d6fa6 !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height: 18px;
width: 18px;
right: -12px;
top: 3px;
border-top-color: #fff !important;
border-right-color: #fff !important;
margin-left: -10px;
}
span {
position: relative;
z-index: 4;
float: left;
}
}
*/
}
body.theme-modern.mode-dark .tw-fieldset-collapsible {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 0 16px 16px 16px !important;
background: #202020;
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-dark .tw-fieldset-collapsible > legend {
color: #5180bd;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #262626;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
}
body.theme-modern.mode-dark .tw-fieldset-collapsible > legend:hover {
color: white;
background: #1d292e;
border-color: #0075b0;
}
body.theme-modern.mode-dark .tw-fieldset-collapsible > legend i {
color: #5180bd;
}
body.theme-modern.mode-dark .tw-fieldset-collapsible.fieldset-collapsed > legend {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-modern.mode-dark .page-header h1 {
color: #3c679f;
font-size: 26px;
}
body.theme-modern.mode-dark .tw-simple-link-button {
color: #0075b0;
}
body.theme-modern.mode-dark .tw-simple-link-button {
color: #0075b0 !important;
}
body.theme-modern.mode-dark a {
color: #0075b0;
}
body.theme-modern.mode-dark .tab-content {
background: #1a1a1a;
}
body.theme-modern.mode-dark .tw-top-parent-view .tw-top-parent-view .page-wrapper {
border-radius: 8px;
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 16px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-dark .navbar {
background-color: #131313;
border-bottom-color: #2d2d2d;
}
@media (max-width: 991px) {
body.theme-modern.mode-dark .navbar {
padding-left: 50px;
}
}
body.theme-modern.mode-dark .navbar .navbar-brand {
color: #e6e6e6;
}
body.theme-modern.mode-dark .tw-portal-header .navbar-brand {
color: white !important;
}
body.theme-modern.mode-dark .tw-portal-header .user-profile > .btn {
color: white !important;
}
body.theme-modern.mode-dark .tw-portal-header .user-profile > .btn:hover {
color: white !important;
}
body.theme-modern.mode-dark .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 16px;
border-radius: 8px;
}
body.theme-modern.mode-dark .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .tw-search-menu-container {
padding: 8px;
background: #131313;
}
body.theme-modern.mode-dark .tw-search-menu-container .select2-selection {
background: #131313 !important;
color: #e6e6e6 !important;
}
body.theme-modern.mode-dark .tw-search-menu-container .select2-selection .select2-selection__placeholder {
color: #b3b3b3 !important;
opacity: 0.5;
}
body.theme-modern.mode-dark .tw-search-menu-container .select2-selection:hover, body.theme-modern.mode-dark .tw-search-menu-container .select2-selection:focus, body.theme-modern.mode-dark .tw-search-menu-container .select2-selection:focus-visible {
background: #131313 !important;
}
body.theme-modern.mode-dark .tw-search-menu-container .select2-container--open .select2-selection, body.theme-modern.mode-dark .tw-search-menu-container .select2-container--focus .select2-selection {
background: #131313 !important;
}
body.theme-modern.mode-dark .ace-nav .light-blue > a.btn {
background-color: #2d2d2d;
color: #e6e6e6;
}
body.theme-modern.mode-dark .ace-nav .light-blue > a.btn:hover, body.theme-modern.mode-dark .ace-nav .light-blue > a.btn:focus {
background-color: #202020;
}
body.theme-modern.mode-dark .tw-nav-myaccount-button-wrapper .user-profile > .dropdown-toggle > span {
min-width: 0;
display: flex;
align-items: center;
}
body.theme-modern.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu li:hover a {
background: none;
color: #b3b3b3;
}
body.theme-modern.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu a {
border-radius: 0 !important;
white-space: nowrap;
border: 0 !important;
}
body.theme-modern.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu a:hover {
background: #0075b0 !important;
color: white !important;
}
body.theme-modern.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-dark .tw-nav-myaccount-button-wrapper .dropdown-menu .tw-no-btn-reset {
padding: 6px 32px 6px 16px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
line-height: 1.428571429;
min-height: 0 !important;
display: block;
text-align: left;
}
body.theme-modern.mode-dark.theme-classic .btn-theme-classic, body.theme-modern.mode-dark.theme-modern .btn-theme-modern, body.theme-modern.mode-dark.mode-light .btn-theme-mode-light, body.theme-modern.mode-dark.mode-dark .btn-theme-mode-dark, body.theme-modern.mode-dark:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard, body.theme-modern.mode-dark.tw-relaxed .btn-theme-relaxed, body.theme-modern.mode-dark.tw-slim .btn-theme-slim {
position: relative;
}
body.theme-modern.mode-dark.theme-classic .btn-theme-classic:before, body.theme-modern.mode-dark.theme-modern .btn-theme-modern:before, body.theme-modern.mode-dark.mode-light .btn-theme-mode-light:before, body.theme-modern.mode-dark.mode-dark .btn-theme-mode-dark:before, body.theme-modern.mode-dark:not(.tw-relaxed):not(.tw-slim) .btn-theme-standard:before, body.theme-modern.mode-dark.tw-relaxed .btn-theme-relaxed:before, body.theme-modern.mode-dark.tw-slim .btn-theme-slim:before {
content: "";
width: 6px;
height: 6px;
background: #0075b0;
border-radius: 50%;
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
}
body.theme-modern.mode-dark .menu-toggler > .menu-text {
display: block;
content: "Menu";
}
@keyframes translateY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0);
}
}
@keyframes translateX {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-8px);
}
100% {
transform: translateX(0);
}
}
body.theme-modern.mode-dark .theme-notification-1, body.theme-modern.mode-dark .theme-notification-2 {
position: absolute;
background: #152c38;
border: 1px solid #0075b0;
color: #0075b0;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
padding: 16px 24px;
z-index: 99;
display: flex;
border-radius: 4px;
align-items: center;
gap: 8px;
white-space: nowrap;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .theme-notification-1 {
top: 100%;
right: 0;
animation: translateY 1s 3 ease;
}
body.theme-modern.mode-dark .theme-notification-1 .fa-arrow-right {
position: absolute;
bottom: 100%;
right: 7px;
font-size: 18px;
transform: rotate(-90deg);
color: #e6e6e6;
}
body.theme-modern.mode-dark .theme-notification-2 {
top: 92px;
right: 100%;
animation: translateX 1s 3 ease;
}
body.theme-modern.mode-dark .theme-notification-2 .arrow-theme {
position: absolute;
top: -13px;
right: -19px;
transform: rotate(-25deg);
font-size: 18px;
}
body.theme-modern.mode-dark .theme-notification-2 .arrow-brightness {
position: absolute;
bottom: -13px;
right: -19px;
transform: rotate(25deg);
font-size: 18px;
}
body.theme-modern.mode-dark .sidebar {
background: #131313;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .sidebar:before {
border-right: 1px solid rgba(255, 255, 255, 0.1);
background: #131313;
}
body.theme-modern.mode-dark .sidebar.menu-min .nav-list > li > a .menu-text {
color: #0075b0;
}
body.theme-modern.mode-dark .menu-toggler {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.15);
color: #0075b0;
transition: ease 0.2s all;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-modern.mode-dark .menu-toggler:hover {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-dark .sidebar-collapse {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: #131313;
cursor: pointer;
color: #ffffff;
padding: 8px;
text-align: center;
position: relative;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .sidebar-collapse > [class*=icon-] {
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 0 5px;
line-height: 18px;
border-radius: 16px;
position: relative;
}
body.theme-modern.mode-dark .sidebar-collapse:before {
content: "";
display: inline-block;
height: 0;
position: absolute;
left: 15px;
right: 15px;
top: 13px;
}
body.theme-modern.mode-dark .sidebar-collapse:hover {
background-color: #0075b0;
color: white;
}
body.theme-modern.mode-dark .sidebar-collapse:after {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .sidebar-collapse > [class*=icon-] {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .alert-info {
background: #1a1a1a;
border: 1px solid #0075b0;
}
body.theme-modern.mode-dark .alert-success {
background: rgba(151, 188, 113, 0.1);
border: 1px solid #97bc71;
}
body.theme-modern.mode-dark .alert-warning {
background: rgba(255, 189, 99, 0.1);
border: 1px solid #ffbd63;
}
body.theme-modern.mode-dark .alert-danger {
background: rgba(220, 105, 101, 0.1);
border: 1px solid #dc6965;
}
body.theme-modern.mode-dark .alert {
margin-bottom: 16px;
}
body.theme-modern.mode-dark .alert:last-child {
margin-bottom: 0;
}
body.theme-modern.mode-dark .tw-validations-target-parent:after {
content: "";
display: block;
clear: both;
}
body.theme-modern.mode-dark .breadcrumbs {
background: #131313;
color: #b3b3b3;
border-radius: 4px;
}
body.theme-modern.mode-dark .breadcrumbs > li + li:before {
color: #b3b3b3;
}
body.theme-modern.mode-dark .breadcrumbs > li:not(:last-child) {
font-weight: bold;
}
body.theme-modern.mode-dark .breadcrumbs > li span {
text-decoration: none;
}
body.theme-modern.mode-dark .tw-breadcrumbs-back {
font-weight: bold;
cursor: pointer;
}
body.theme-modern.mode-dark .fc {
background: #202020;
border-radius: 8px;
}
body.theme-modern.mode-dark .fc-header {
background: #202020;
}
body.theme-modern.mode-dark .fc-header-title > h2 {
color: #3c679f;
}
body.theme-modern.mode-dark .fc-button {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.15);
color: #0075b0;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .fc-button:not(.fc-state-disabled):hover {
background: #00537d;
border: 1px solid #00537d;
color: #ffffff;
z-index: 1;
position: relative;
}
body.theme-modern.mode-dark .fc-button.fc-state-active {
background: #00537d;
border: 1px solid #00537d;
color: #ffffff;
}
body.theme-modern.mode-dark .fc-corner-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-dark .fc-corner-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-dark .fc-state-active {
background: lightne(#1a1a1a, 10%);
}
body.theme-modern.mode-dark .tw-calendar-list {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .fc-widget-header, body.theme-modern.mode-dark .fc-widget-content {
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .fc-widget-header {
background: #202020;
}
body.theme-modern.mode-dark .fc-header {
border: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 0;
padding: 16px;
display: flex;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-modern.mode-dark .tw-calendar-refresh, body.theme-modern.mode-dark .tw-calendar-feeds {
color: #0075b0 !important;
background: #1a1a1a !important;
border-color: rgba(255, 255, 255, 0.15) !important;
display: flex;
align-items: center;
gap: 8px;
}
body.theme-modern.mode-dark .tw-calendar-refresh:not(.fc-state-disabled):hover, body.theme-modern.mode-dark .tw-calendar-feeds:not(.fc-state-disabled):hover {
color: #ffffff !important;
background: #00537d !important;
border-color: #00537d !important;
}
body.theme-modern.mode-dark .fc-day-header {
padding: 8px !important;
text-transform: uppercase;
}
body.theme-modern.mode-dark .fc-state-highlight {
background: rgba(0, 117, 176, 0.5) !important;
}
body.theme-modern.mode-dark .fc-day {
padding: 8px !important;
}
body.theme-modern.mode-dark .fc-day-number {
line-height: 1;
}
body.theme-modern.mode-dark .modal {
background: rgba(26, 26, 26, 0.5);
}
body.theme-modern.mode-dark .modal-dialog {
background: none;
}
body.theme-modern.mode-dark .modal-body {
background: #202020;
}
body.theme-modern.mode-dark .modal-content {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-modern.mode-dark .modal-header {
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.theme-modern.mode-dark .modal-header.border-0 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.theme-modern.mode-dark .modal-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: #202020;
}
body.theme-modern.mode-dark .nav-list > li.open > a {
background: #0075b0;
color: white;
border-bottom: 1px solid #0075b0;
box-shadow: 0 -1px 0 0 #0075b0;
}
body.theme-modern.mode-dark .nav-list > li.open > a > .arrow {
color: white;
}
body.theme-modern.mode-dark .nav-list > li > a {
background: #131313;
color: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-dark .nav-list > li > a:hover, body.theme-modern.mode-dark .nav-list > li > a:focus {
background: #0075b0;
color: white;
border-bottom: 1px solid #0075b0;
box-shadow: 0 -1px 0 0 #0075b0;
}
body.theme-modern.mode-dark .nav-list > li > a:hover > .arrow, body.theme-modern.mode-dark .nav-list > li > a:focus > .arrow {
color: white;
}
body.theme-modern.mode-dark .nav-list > li > a > .arrow {
color: #ffffff;
}
body.theme-modern.mode-dark .nav-list > li .submenu {
background: #181818;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.theme-modern.mode-dark .nav-list > li .submenu > li {
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .nav-list > li .submenu > li:hover {
background: #1d1d1d;
}
body.theme-modern.mode-dark .nav-list > li .submenu > li > a {
color: #b3b3b3;
}
body.theme-modern.mode-dark .nav-list > li .submenu > li > a:hover, body.theme-modern.mode-dark .nav-list > li .submenu > li > a:focus {
color: #0075b0;
}
body.theme-modern.mode-dark .nav-list > li .submenu > li > a > .arrow {
color: #b3b3b3;
}
body.theme-modern.mode-dark .nav-list > li .submenu > li a > [class*=icon-]:first-child {
background-color: #131313;
color: #b3b3b3;
}
body.theme-modern.mode-dark .nav-list > li > .submenu:before {
border-right: 1px solid rgba(179, 179, 179, 0.15) !important;
}
body.theme-modern.mode-dark .nav-list > li > .submenu > li:before {
border-bottom: 1px solid rgba(179, 179, 179, 0.15) !important;
}
body.theme-modern.mode-dark .widget-header {
color: #3c679f;
background: #252525;
border: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-modern.mode-dark .widget-header > * {
vertical-align: middle;
}
body.theme-modern.mode-dark .widget-body {
background-color: #202020;
border: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-modern.mode-dark .widget-box {
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
}
body.theme-modern.mode-dark .spinner {
border: 12px solid rgba(179, 179, 179, 0.075);
border-top-color: #0075b0;
}
body.theme-modern.mode-dark .tw-mask {
background: rgba(0, 0, 0, 0.75);
}
body.theme-modern.mode-dark .tw-mask-center p {
color: #333333;
}
body.theme-modern.mode-dark .spinner-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;
}
body.theme-modern.mode-dark .tw-lead-phase-ribbon-wrapper .breadcrumb li:first-child, body.theme-modern.mode-dark .tw-mpf-breadcrumbs .breadcrumb li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-dark .tw-lead-phase-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-inprogress, body.theme-modern.mode-dark .tw-mpf-breadcrumbs .breadcrumb li.tw-lead-status-ribbon-inprogress {
background: #97bc71;
}
body.theme-modern.mode-dark .tw-lead-phase-ribbon-wrapper .tw-mpf-breadcrumbs-selected, body.theme-modern.mode-dark .tw-mpf-breadcrumbs .tw-mpf-breadcrumbs-selected {
background: #97bc71 !important;
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon .tw-milestone-block:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon .tw-milestone-block:first-child .tw-milestone-grid-inprogress {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-dark .tw-milestone-current-grid {
background: #0075b0;
}
body.theme-modern.mode-dark .tw-milestone-grid-inprogress::after {
background: #0075b0 !important;
}
body.theme-modern.mode-dark .tw-mpf-runtime-breadcrumb,
body.theme-modern.mode-dark .tw-mpf-runtime-breadcrumb:after,
body.theme-modern.mode-dark .tw-lead-status-ribbon-completed,
body.theme-modern.mode-dark .tw-lead-status-ribbon-completed:after,
body.theme-modern.mode-dark .tw-milestone-grid-completed,
body.theme-modern.mode-dark .tw-milestone-grid-completed:after {
background-color: #0075b0 !important;
color: white;
}
body.theme-modern.mode-dark .tw-milestone-grid-complete.tw-milestone-grid-waitlist, body.theme-modern.mode-dark .tw-milestone-grid-complete.tw-milestone-grid-waitlist:after {
background-color: #a79cc7 !important;
}
body.theme-modern.mode-dark .tw-lead-status-ribbon-inprogress,
body.theme-modern.mode-dark .tw-lead-status-ribbon-inprogress:after,
body.theme-modern.mode-dark .tw-milestone-grid-inprogress,
body.theme-modern.mode-dark .tw-milestone-grid-inprogress:after {
background-color: #97bc71 !important;
color: white !important;
}
body.theme-modern.mode-dark .tw-mpf-runtime-breadcrumb:first-child,
body.theme-modern.mode-dark .tw-lead-status-ribbon-completed:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-dark .tw-lead-status-ribbon-notyet,
body.theme-modern.mode-dark .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb,
body.theme-modern.mode-dark .tw-mpf-breadcrumbs-selected ~ .tw-mpf-runtime-breadcrumb:after,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li,
body.theme-modern.mode-dark .tw-lead-milestone-ribbon > span,
body.theme-modern.mode-dark .tw-milestone-block {
background-color: #0d4865;
color: white;
cursor: default;
position: relative;
}
body.theme-modern.mode-dark .tw-milestone-block span {
display: block;
}
body.theme-modern.mode-dark .tw-milestone-block span:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 14px;
width: 14px;
display: block;
float: right;
position: relative;
right: -7px;
z-index: 1;
top: 3px;
border-top: 1px solid rgba(26, 26, 26, 0.5);
border-right: 1px solid rgba(26, 26, 26, 0.5);
background: #0d4865;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@media (max-width: 1550px) {
body.theme-modern.mode-dark .tw-milestone-block span:after {
right: -4px;
height: 8px;
width: 8px;
top: 4px;
}
}
body.theme-modern.mode-dark .breadcrumb {
overflow: hidden;
}
body.theme-modern.mode-dark .tw-mpf-breadcrumbs .tw-mpf-runtime-breadcrumb:after,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li:after {
content: "";
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
height: 28px;
width: 28px;
display: block;
float: right;
position: absolute;
right: -12px;
z-index: 1;
top: 6px;
border-top: 1px solid rgba(26, 26, 26, 0.5);
border-right: 1px solid rgba(26, 26, 26, 0.5);
background: #0d4865;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-left: -22px;
margin-bottom: -2px;
margin-top: -2px;
}
body.theme-modern.mode-dark .tw-mpf-breadcrumbs-selected:after,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next::after {
background: #97bc71 !important;
}
body.theme-modern.mode-dark .tw-mpf-runtime-breadcrumb,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li {
padding-right: 16px;
padding-left: 24px;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
line-height: 24px;
}
body.theme-modern.mode-dark .tw-mpf-runtime-breadcrumb span,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li span {
position: relative;
z-index: 2;
}
body.theme-modern.mode-dark .tw-mpf-runtime-breadcrumb i,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li i {
margin-right: 8px;
}
body.theme-modern.mode-dark .tw-milestone-block:last-child span:after {
border-top: 0;
border-right: 0;
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon span > i {
font-style: normal;
text-align: center;
line-height: 150%;
color: white;
background-clip: padding-box;
position: absolute;
width: 150px;
left: 50%;
margin-left: -75px;
padding: 5px 0;
bottom: 100%;
margin-bottom: 15px;
visibility: hidden;
opacity: 0;
transition: opacity 0.5s linear;
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon span > i:before, body.theme-modern.mode-dark .tw-lead-milestone-ribbon span > i:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon span > i:before {
margin-top: 5px;
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon span:hover > i {
visibility: visible;
opacity: 1;
}
body.theme-modern.mode-dark .tw-mpf-breadcrumbs-selected,
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper .breadcrumb li.tw-lead-status-ribbon-next,
body.theme-modern.mode-dark .tw-milestone-grid-next {
background: #97bc71 !important;
color: white;
}
body.theme-modern.mode-dark .tw-lead-phases-ribbon-wrapper h2 {
margin-top: 0;
padding: 0;
}
body.theme-modern.mode-dark .table {
border: 1px solid #333333;
color: #b3b3b3;
background: #1a1a1a;
}
body.theme-modern.mode-dark .table thead tr th {
background-color: #131313;
}
body.theme-modern.mode-dark .table thead tr th.tw-sortable-header:hover, body.theme-modern.mode-dark .table thead tr th.tw-sortable-header:focus {
background: #060606;
color: #0075b0;
}
body.theme-modern.mode-dark .table.table-striped tbody > tr:nth-child(odd) > td, body.theme-modern.mode-dark .table.table-striped tbody > tr:nth-child(odd) > th {
background-color: #1f1f1f;
color: #b3b3b3;
}
body.theme-modern.mode-dark .table.table-striped tbody > tr:nth-child(odd):hover > td, body.theme-modern.mode-dark .table.table-striped tbody > tr:nth-child(odd):hover > th {
background: rgba(0, 83, 125, 0.1);
}
body.theme-modern.mode-dark .table tbody tr:hover > td, body.theme-modern.mode-dark .table tbody tr:hover > th {
background: rgba(0, 83, 125, 0.1);
color: #b3b3b3;
}
body.theme-modern.mode-dark .table tbody tr.highlight > td, body.theme-modern.mode-dark .table tbody tr.highlight > th {
background: #4f4825 !important;
color: #333333 !important;
}
body.theme-modern.mode-dark .table tbody tr.highlight > td a:not(.btn), body.theme-modern.mode-dark .table tbody tr.highlight > th a:not(.btn) {
color: #333333 !important;
}
body.theme-modern.mode-dark .table td, body.theme-modern.mode-dark .table th {
border-color: #333333;
}
body.theme-modern.mode-dark .table:last-child {
margin-bottom: 0;
}
body.theme-modern.mode-dark .ui-pg-table td {
padding: 0 4px;
}
@media (max-width: 1440px) {
body.theme-modern.mode-dark .ui-pg-table td {
padding: 0 1px;
}
}
body.theme-modern.mode-dark .tw-paging-button {
background: #202020;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 4px 8px;
transition: ease 0.2s all;
font-size: 14px;
color: #b3b3b3;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
}
body.theme-modern.mode-dark .tw-paging-button i {
width: 14px;
}
body.theme-modern.mode-dark .tw-paging-button:hover {
border-color: #0075b0;
}
@media (max-width: 1440px) {
body.theme-modern.mode-dark .tw-paging-button {
padding: 4px 2px;
}
}
body.theme-modern.mode-dark .tw-sorted-header,
body.theme-modern.mode-dark .tw-sorted-header .icon-sort-up,
body.theme-modern.mode-dark .tw-sorted-header .icon-sort-down {
color: #0075b0 !important;
}
body.theme-modern.mode-dark .tw-tabs {
background: #131313;
}
body.theme-modern.mode-dark .tab-content {
background: #1a1a1a;
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .tw-tabs:not(.tabs-left) .nav-tabs > li a {
color: #5280a2;
}
body.theme-modern.mode-dark .tw-tabs:not(.tabs-left) .nav-tabs > li.active > a {
background: #0075b0 !important;
color: white;
}
body.theme-modern.mode-dark .tw-tabs.tabs-left {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
body.theme-modern.mode-dark .tw-tabs.tabs-left > .nav-tabs {
padding: 16px 8px;
background: #131313;
}
body.theme-modern.mode-dark .tw-tabs.tabs-left > .nav-tabs > li > a {
border: 0;
background: none;
padding: 10px 12px;
color: #b3b3b3;
border-left: 2px solid transparent;
}
body.theme-modern.mode-dark .tw-tabs.tabs-left > .nav-tabs > li.active > a {
background: transparent !important;
color: #b3b3b3 !important;
font-weight: bold;
border-left-color: #0075b0;
}
body.theme-modern.mode-dark .tw-tabs.tabs-left > .tab-content {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 1px solid rgba(255, 255, 255, 0.1);
min-width: 0;
}
body.theme-modern.mode-dark .tw-tabs .nav-tabs > li > a {
background: #ffffff;
border-color: rgba(255, 255, 255, 0.1);
transition: ease 0.2s all;
border-bottom: 2px solid transparent;
color: #0075b0;
}
body.theme-modern.mode-dark .tw-tabs .nav-tabs > li.active > a {
background: transparent !important;
border-bottom-color: #0075b0;
}
body.theme-modern.mode-dark .tw-tab-close-button {
display: inline-block;
margin-left: 8px;
cursor: pointer;
}
body.theme-modern.mode-dark.tw-slim .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-dark.tw-slim .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
body.theme-modern.mode-dark.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-dark.tw-relaxed .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs {
background: transparent;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding: 0;
gap: 8px;
background: transparent;
padding-top: 16px;
padding-left: 32px;
padding-right: 32px;
border: 0;
}
@media (max-width: 991px) {
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
background: #1a1a1a !important;
color: #5280a2;
box-shadow: 0 3px #0075b0;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a {
border-radius: 6px;
background: transparent;
border: 1px solid #00537d;
padding: 4px 8px;
line-height: 24px !important;
font-size: 0.9rem;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a:hover {
background: #00537d;
color: #ffffff;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
padding-top: 16px;
border: 0;
background: none;
/*> .tab-pane {
background: $panel-body-background;
border: $border;
border-radius: $panel-border-radius;
padding: calc($spacing * 4);
box-shadow: $shadow;
@media (max-width: 991px) {
padding: calc($spacing * 2);
}
}*/
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 32px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper, body.theme-modern.mode-dark .tw-top-parent-view > .tw-user-portal-view > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content > .tab-pane > .tw-view:not(.tw-dashboard-container) > .page-wrapper {
padding: 16px;
}
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs {
background: transparent;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tab-content {
padding: 16px;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs {
display: flex;
flex-direction: column;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
display: flex;
flex-direction: row;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 16px;
margin-right: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: transparent;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li {
width: auto;
margin-bottom: -1px;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li.active a {
box-shadow: inset 0 -3px 0 0 #0075b0;
border: 0;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs li a {
padding-bottom: 13px;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs span {
white-space: nowrap;
}
body.theme-modern.mode-dark .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
border: 0;
padding: 16px;
}
body.theme-modern.mode-dark .tiles input[type=radio]:checked + .lbl {
background: #00537d;
border-color: #00537d;
color: #ffffff;
}
body.theme-modern.mode-dark .tiles .lbl {
/*border: 1px solid $button-border-color;
background: $button-background;
color: $button-color;
padding: $spacing;
transition: $transition;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;*/
border-radius: 4px;
}
body.theme-modern.mode-dark .tiles .lbl:hover {
background: #00537d;
border-color: #00537d;
color: #ffffff;
}
body.theme-modern.mode-dark .tw-next-statuses-radios .tw-lead-status-type-title {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}
body.theme-modern.mode-dark .tw-next-statuses-radios .tw-radio-group {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px;
border-radius: 8px;
background: #131313;
gap: 8px;
justify-content: center;
}
body.theme-modern.mode-dark .tw-next-statuses-radios .radio-inline {
text-align: center;
height: 147px;
padding-left: 0;
width: 140px;
}
body.theme-modern.mode-dark .tw-next-statuses-radios .radio-inline i {
font-size: 32px;
}
body.theme-modern.mode-dark .tw-next-statuses-radios .radio-inline .lbl {
padding: 16px;
width: 100%;
height: 121px;
}
body.theme-modern.mode-dark .tw-lead-status-type-title {
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 16px !important;
}
body.theme-modern.mode-dark .tw-next-statuses-radios .tw-lead-status-type-mini-image-wrapper {
padding: 0;
padding-bottom: 8px;
}
body.theme-modern.mode-dark .tw-bottom-toolbar {
background: #131313;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top: -1px;
}
body.theme-modern.mode-dark .tw-top-toolbar-fixed {
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 0;
}
body.theme-modern.mode-dark .tw-toolbar-active-filters-row {
margin-top: 20px;
padding: 4px 12px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
border-left: 3px solid #ac51f8;
}
body.theme-modern.mode-dark .tw-toolbar-active-filters-row .btn {
padding: 4px 8px;
background: #EFE8FF;
border-color: #cc9ef3;
color: black;
}
body.theme-modern.mode-dark .tw-toolbar-active-filters-row .btn:hover {
background: #ccb5ff;
border-color: #cc9ef3;
color: black;
}
body.theme-modern.mode-dark .tooltip-inner, body.theme-modern.mode-dark .tw-lead-milestone-ribbon span > i {
border-radius: 4px;
background: rgba(0, 0, 0, 0.8);
color: white;
font-size: 1rem;
}
body.theme-modern.mode-dark .popover .popover-arrow:after {
border-right-coolor: #202020;
}
body.theme-modern.mode-dark .popover .popover-body {
background: #202020;
border-radius: 4px;
color: #b3b3b3;
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .tw-lead-milestone-ribbon span > i:after {
z-index: 1;
border-top: 10px solid rgba(0, 0, 0, 0.8);
}
body.theme-modern.mode-dark .btn, body.theme-modern.mode-dark .tw-academic-year-wizard-action-button {
border-radius: 4px;
color: #0075b0;
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.15);
cursor: pointer;
}
body.theme-modern.mode-dark .btn:not([disabled]):hover, body.theme-modern.mode-dark .tw-academic-year-wizard-action-button:not([disabled]):hover {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-dark .btn:not([disabled]):focus, body.theme-modern.mode-dark .btn:not([disabled]):focus-visible, body.theme-modern.mode-dark .tw-academic-year-wizard-action-button:not([disabled]):focus, body.theme-modern.mode-dark .tw-academic-year-wizard-action-button:not([disabled]):focus-visible {
border-color: #0075b0 !important;
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5) !important;
}
body.theme-modern.mode-dark .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #b3b3b3;
}
body.theme-modern.mode-dark .btn, body.theme-modern.mode-dark .btn-purple, body.theme-modern.mode-dark .btn-yellow, body.theme-modern.mode-dark .btn-pink, body.theme-modern.mode-dark .btn-primary, body.theme-modern.mode-dark .btn-inverse {
background: #1a1a1a;
border-color: rgba(255, 255, 255, 0.15);
color: #0075b0;
}
body.theme-modern.mode-dark .tw-academic-year-wizard-action-button {
font-size: 1rem;
display: inline-block;
}
body.theme-modern.mode-dark [disabled]:not(.tw-paging-button):not(.not-disabled) {
opacity: 0.6 !important;
pointer-events: none;
background: rgba(200, 200, 200, 0.05) !important;
color: rgba(255, 255, 255, 0.5) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
}
body.theme-modern.mode-dark [disabled]:not(.tw-paging-button):not(.not-disabled) > [disabled] {
opacity: 1 !important;
}
body.theme-modern.mode-dark [disabled]:not(.tw-paging-button):not(.not-disabled):before {
background: white;
}
body.theme-modern.mode-dark input[type=checkbox] {
background: #1a1a1a;
border: 2px solid rgba(255, 255, 255, 0.1);
cursor: pointer;
position: relative;
appearance: none;
border-radius: 2px;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark input[type=checkbox]:hover, body.theme-modern.mode-dark input[type=checkbox]:focus {
border-color: #0075b0;
}
body.theme-modern.mode-dark input[type=checkbox]:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5);
}
body.theme-modern.mode-dark input[type=checkbox]:checked {
background: #0075b0;
}
body.theme-modern.mode-dark input[type=checkbox]:checked:before {
content: "";
position: absolute;
width: 7px;
height: 12px;
border-bottom: 2px solid white;
border-right: 2px solid white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
margin-top: -2px;
}
body.theme-modern.mode-dark input[type=checkbox][disabled]:checked:before {
border-bottom-color: black;
border-right-color: black;
opacity: 0.5;
}
body.theme-modern.mode-dark .dropdown-menu {
background: #202020;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .dropdown-menu.dropdown-caret:before {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .dropdown-menu.dropdown-caret:after {
border-bottom-color: #202020;
}
body.theme-modern.mode-dark .dropdown-menu > li:hover > a {
color: white;
background: #0075b0;
}
body.theme-modern.mode-dark .dropdown-menu > li a {
color: #b3b3b3;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .dropdown-menu > li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-dark .dropdown-menu > li:first-child > a:not(.tw-simple-button) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-modern.mode-dark .dropdown-menu > li:last-child > a:not(.tw-simple-button) {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-dark .dropdown-menu h3 {
color: #b3b3b3;
}
body.theme-modern.mode-dark .input-group-addon {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #1a1a1a;
}
body.theme-modern.mode-dark .input-group-addon:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-dark .input-group {
flex-wrap: nowrap;
}
body.theme-modern.mode-dark .input-group > select:first-child + .select2 .select2-selection {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
body.theme-modern.mode-dark .input-group .select2-container {
min-width: 0;
}
body.theme-modern.mode-dark input[type=radio] {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
border-width: 2px;
}
body.theme-modern.mode-dark input[type=radio]:checked {
background: #0075b0;
}
body.theme-modern.mode-dark input[type=radio]:checked:before {
background: white;
}
body.theme-modern.mode-dark input[type=radio]:hover, body.theme-modern.mode-dark input[type=radio]:focus {
border-color: #0075b0;
}
body.theme-modern.mode-dark input[type=radio]:focus {
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5);
}
body.theme-modern.mode-dark .select2-container .select2-selection--single {
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .select2-container--default .select2-selection--single {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-top-color: #b3b3b3;
}
body.theme-modern.mode-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #b3b3b3;
}
body.theme-modern.mode-dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-bottom-color: #b3b3b3;
border-top-color: transparent;
}
body.theme-modern.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #1a1a1a;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field:focus, body.theme-modern.mode-dark .select2-container--default .select2-search--dropdown .select2-search__field:hover {
border-color: #0075b0;
}
body.theme-modern.mode-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #0075b0;
color: #ffffff;
}
body.theme-modern.mode-dark .select2-dropdown {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-dark .select2-dropdown.select2-dropdown--above {
margin-top: 1px;
}
body.theme-modern.mode-dark .select2-dropdown.select2-dropdown--below {
margin-top: -1px;
}
body.theme-modern.mode-dark select {
background: #1a1a1a;
color: #b3b3b3;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark .select2-selection {
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .select2-selection:focus, body.theme-modern.mode-dark .select2-selection:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5);
outline: 0;
}
body.theme-modern.mode-dark .select2-selection:hover, body.theme-modern.mode-dark .select2-selection:focus, body.theme-modern.mode-dark .select2-selection:focus-visible {
border-color: #0075b0;
}
body.theme-modern.mode-dark .select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 17px;
padding: 0 8px;
}
body.theme-modern.mode-dark textarea {
background: #1a1a1a;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark textarea:focus, body.theme-modern.mode-dark textarea:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5);
}
body.theme-modern.mode-dark textarea:hover, body.theme-modern.mode-dark textarea:focus, body.theme-modern.mode-dark textarea:focus-visible {
border-color: #0075b0;
}
body.theme-modern.mode-dark input[type=text], body.theme-modern.mode-dark input[type=password], body.theme-modern.mode-dark input[type=datetime], body.theme-modern.mode-dark input[type=datetime-local], body.theme-modern.mode-dark input[type=date], body.theme-modern.mode-dark input[type=month], body.theme-modern.mode-dark input[type=time], body.theme-modern.mode-dark input[type=week], body.theme-modern.mode-dark input[type=number], body.theme-modern.mode-dark input[type=email], body.theme-modern.mode-dark input[type=url], body.theme-modern.mode-dark input[type=search], body.theme-modern.mode-dark input[type=tel], body.theme-modern.mode-dark input[type=color] {
background: #1a1a1a;
color: #b3b3b3;
border-radius: 4px;
border-color: rgba(255, 255, 255, 0.1);
}
body.theme-modern.mode-dark input[type=text]:focus, body.theme-modern.mode-dark input[type=text]:focus-visible, body.theme-modern.mode-dark input[type=password]:focus, body.theme-modern.mode-dark input[type=password]:focus-visible, body.theme-modern.mode-dark input[type=datetime]:focus, body.theme-modern.mode-dark input[type=datetime]:focus-visible, body.theme-modern.mode-dark input[type=datetime-local]:focus, body.theme-modern.mode-dark input[type=datetime-local]:focus-visible, body.theme-modern.mode-dark input[type=date]:focus, body.theme-modern.mode-dark input[type=date]:focus-visible, body.theme-modern.mode-dark input[type=month]:focus, body.theme-modern.mode-dark input[type=month]:focus-visible, body.theme-modern.mode-dark input[type=time]:focus, body.theme-modern.mode-dark input[type=time]:focus-visible, body.theme-modern.mode-dark input[type=week]:focus, body.theme-modern.mode-dark input[type=week]:focus-visible, body.theme-modern.mode-dark input[type=number]:focus, body.theme-modern.mode-dark input[type=number]:focus-visible, body.theme-modern.mode-dark input[type=email]:focus, body.theme-modern.mode-dark input[type=email]:focus-visible, body.theme-modern.mode-dark input[type=url]:focus, body.theme-modern.mode-dark input[type=url]:focus-visible, body.theme-modern.mode-dark input[type=search]:focus, body.theme-modern.mode-dark input[type=search]:focus-visible, body.theme-modern.mode-dark input[type=tel]:focus, body.theme-modern.mode-dark input[type=tel]:focus-visible, body.theme-modern.mode-dark input[type=color]:focus, body.theme-modern.mode-dark input[type=color]:focus-visible {
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5);
}
body.theme-modern.mode-dark input[type=text]:hover, body.theme-modern.mode-dark input[type=text]:focus, body.theme-modern.mode-dark input[type=text]:focus-visible, body.theme-modern.mode-dark input[type=password]:hover, body.theme-modern.mode-dark input[type=password]:focus, body.theme-modern.mode-dark input[type=password]:focus-visible, body.theme-modern.mode-dark input[type=datetime]:hover, body.theme-modern.mode-dark input[type=datetime]:focus, body.theme-modern.mode-dark input[type=datetime]:focus-visible, body.theme-modern.mode-dark input[type=datetime-local]:hover, body.theme-modern.mode-dark input[type=datetime-local]:focus, body.theme-modern.mode-dark input[type=datetime-local]:focus-visible, body.theme-modern.mode-dark input[type=date]:hover, body.theme-modern.mode-dark input[type=date]:focus, body.theme-modern.mode-dark input[type=date]:focus-visible, body.theme-modern.mode-dark input[type=month]:hover, body.theme-modern.mode-dark input[type=month]:focus, body.theme-modern.mode-dark input[type=month]:focus-visible, body.theme-modern.mode-dark input[type=time]:hover, body.theme-modern.mode-dark input[type=time]:focus, body.theme-modern.mode-dark input[type=time]:focus-visible, body.theme-modern.mode-dark input[type=week]:hover, body.theme-modern.mode-dark input[type=week]:focus, body.theme-modern.mode-dark input[type=week]:focus-visible, body.theme-modern.mode-dark input[type=number]:hover, body.theme-modern.mode-dark input[type=number]:focus, body.theme-modern.mode-dark input[type=number]:focus-visible, body.theme-modern.mode-dark input[type=email]:hover, body.theme-modern.mode-dark input[type=email]:focus, body.theme-modern.mode-dark input[type=email]:focus-visible, body.theme-modern.mode-dark input[type=url]:hover, body.theme-modern.mode-dark input[type=url]:focus, body.theme-modern.mode-dark input[type=url]:focus-visible, body.theme-modern.mode-dark input[type=search]:hover, body.theme-modern.mode-dark input[type=search]:focus, body.theme-modern.mode-dark input[type=search]:focus-visible, body.theme-modern.mode-dark input[type=tel]:hover, body.theme-modern.mode-dark input[type=tel]:focus, body.theme-modern.mode-dark input[type=tel]:focus-visible, body.theme-modern.mode-dark input[type=color]:hover, body.theme-modern.mode-dark input[type=color]:focus, body.theme-modern.mode-dark input[type=color]:focus-visible {
border-color: #0075b0;
}
body.theme-modern.mode-dark .redactor-box.redactor-styles-on {
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.theme-modern.mode-dark .redactor-box.redactor-styles-on.redactor-focus {
border-color: #0075b0 !important;
box-shadow: 0 0 0 3px rgba(0, 117, 176, 0.5);
}
body.theme-modern.mode-dark .redactor-air a, body.theme-modern.mode-dark .redactor-toolbar a {
transition: ease 0.2s all;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 4px;
box-shadow: none;
background: #1a1a1a;
color: #0075b0;
}
body.theme-modern.mode-dark .redactor-air a:hover, body.theme-modern.mode-dark .redactor-toolbar a:hover {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-dark .redactor-air a.redactor-button-active, body.theme-modern.mode-dark .redactor-toolbar a.redactor-button-active {
background: #00537d;
color: #ffffff;
border-color: #00537d;
}
body.theme-modern.mode-dark .redactor-box.redactor-styles-on {
background: #1a1a1a;
}
body.theme-modern.mode-dark .redactor-styles {
color: #b3b3b3;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.theme-modern.mode-dark .redactor-dropdown {
background: #202020;
border-radius: 4px;
}
body.theme-modern.mode-dark .redactor-dropdown a {
transition: ease 0.2s all;
color: #b3b3b3;
border-color: 1px solid rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-dark .redactor-dropdown a:hover {
background: #0075b0 !important;
}
body.theme-modern.mode-dark .redactor-dropdown a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.theme-modern.mode-dark .redactor-dropdown a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.theme-modern.mode-dark hr, body.theme-modern.mode-dark .redactor-in figure[data-redactor-type=line] hr {
border-color: rgba(255, 255, 255, 0.1);
background: #b3b3b3;
}
body.theme-modern.mode-dark .redactor-modal {
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #b3b3b3;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}
body.theme-modern.mode-dark .redactor-modal label {
color: #b3b3b3;
}
body.theme-modern.mode-dark .redactor-modal input[type=checkbox] {
width: 20px;
height: 20px;
}
body.theme-modern.mode-dark .redactor-modal .redactor-close {
color: #b3b3b3;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .redactor-modal-header {
background: #202020;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #3c679f;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.theme-modern.mode-dark .redactor-modal-footer {
background: #202020;
border-top: 1px solid #202020;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.theme-modern.mode-dark .redactor-modal button {
background: #1a1a1a;
border: 1px soild rgba(255, 255, 255, 0.15) !important;
color: #0075b0;
border-radius: 4px;
border-width: 1px !important;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .redactor-modal button:hover {
border: 1px solid #00537d !important;
background: #00537d;
color: #ffffff;
text-decoration: none;
}
body.theme-modern.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper > .form-group {
padding: 8px !important;
}
@media (max-width: 1440px) {
body.theme-modern.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper {
width: 100%;
}
}
body.theme-modern.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper .btn i {
margin: 0;
min-width: 26px;
}
body.theme-modern.mode-dark .tw-dashboard-shortcuts-section-outer-wrapper .btn span {
margin: 0;
flex: 1 0 0;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
line-height: 2;
}
body.theme-modern.mode-dark fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-shortcuts-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 0;
margin: 0 !important;
padding: 16px !important;
}
body.theme-modern.mode-dark fieldset:not(.tw-fieldset-collapsible) legend {
display: flex;
align-items: center;
gap: 8px;
float: none;
}
body.theme-modern.mode-dark fieldset:not(.tw-fieldset-collapsible) legend i {
color: #5180bd;
}
body.theme-modern.mode-dark fieldset:not(.tw-fieldset-collapsible).fieldset-collapsed legend {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
body.theme-modern.mode-dark .tw-dashboard-container fieldset {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
body.theme-modern.mode-dark .tw-dashboard-container fieldset legend {
color: #5180bd;
padding: 8px 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: #262626;
font-size: 13px;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
width: 100%;
cursor: pointer;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .tw-dashboard-container fieldset legend:hover {
color: white;
background: #1d292e;
border-color: #0075b0;
}
body.theme-modern.mode-dark .tw-dashboard-container fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-widgets-section-outer-wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background: #202020;
border: 1px solid rgba(255, 255, 255, 0.1);
margin: 0 !important;
padding: 16px 8px;
border-top: 0;
}
body.theme-modern.mode-dark .tw-dashboard-container fieldset.tw-fieldset-collapsible .tw-dashboard-widgets-section-outer-wrapper {
padding: 8px 0;
}
body.theme-modern.mode-dark .tw-dashboard-container .tw-configure-dashboard-button {
color: #0075b0 !important;
}
body.theme-modern.mode-dark .tw-dashboard-container .tw-configure-dashboard-button:hover {
color: #0075b0;
}
body.theme-modern.mode-dark .tw-dashboard-container .page-header {
margin-bottom: 0 !important;
}
body.theme-modern.mode-dark .tw-dashboard-container .page-header h1 {
margin-bottom: 0 !important;
}
body.theme-modern.mode-dark .tw-dashboard-container .widget-header {
padding-right: 54px;
}
body.theme-modern.mode-dark .tw-dashboard-container .tw-dashboard-widget-outermost-container {
margin-bottom: 16px;
}
body.theme-modern.mode-dark .dxbButton {
border-radius: 4px !important;
background: #1a1a1a !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
color: #0075b0 !important;
font-size: 1em !important;
transition: ease 0.2s all;
}
body.theme-modern.mode-dark .dxbButton:hover {
background: #00537d !important;
border: 1px solid #00537d !important;
color: #ffffff !important;
}
body.theme-modern.mode-dark .tw-dashboard-container fieldset:first-of-type legend {
margin-top: 0;
}
body.theme-modern.mode-dark .tw-wrapper-for-non-template-fieldtypes {
margin-bottom: 8px;
}
body.theme-modern.mode-dark .tw-wrapper-for-non-template-fieldtypes select {
width: 100% !important;
}
.round {
border-radius: 4px !important;
}
.margin {
margin: 8px !important;
}
.margin-top {
margin-top: 8px !important;
}
.margin-right {
margin-right: 8px !important;
}
.margin-bottom {
margin-bottom: 8px !important;
}
.margin-left {
margin-left: 8px !important;
}
.padding {
padding: 8px !important;
}
.padding-top {
padding-top: 8px !important;
}
.padding-right {
padding-right: 8px !important;
}
.padding-bottom {
padding-bottom: 8px !important;
}
.padding-left {
padding-left: 8px !important;
}
ul:last-child, ol:last-child {
margin-bottom: 0;
}
.flex {
display: flex;
}
.gap {
gap: 8px;
}
.gap-1 {
gap: 8px;
}
.gap-2 {
gap: 16px;
}
.gap-3 {
gap: 24px;
}
.gap-4 {
gap: 32px;
}
.gap-5 {
gap: 40px;
}
.gap-6 {
gap: 48px;
}
.gap-7 {
gap: 56px;
}
.gap-8 {
gap: 64px;
}
.gap-9 {
gap: 72px;
}
.gap-10 {
gap: 80px;
}
.vertical {
flex-direction: column;
}
.row:not(.hidden):not(.tw-invoice-payment-info-form-wrapper):not(.tw-invoice-lineitem-view-v2):not(.tw-invoice-header-template-v2):not(.tw-payment-info-subview-v2):not(.tw-invoice-wrapper-v2):not(.tw-dashboard-widgets-section-outer-wrapper):not(.navbar-header):not(.tw-nav-myaccount-button-wrapper):not(.tw-log-hands-on-quadrant):not(.navbar-container):not(.tw-dashboard-shortcuts-section-outer-wrapper):not(.tw-portal-setup-snippet-buttons):not(.tw-nice-view-list-inner) {
display: flex;
margin: 0 !important;
margin-top: -8px !important;
margin-left: -8px !important;
}
.row:not(.hidden):not(.tw-invoice-payment-info-form-wrapper):not(.tw-invoice-lineitem-view-v2):not(.tw-invoice-header-template-v2):not(.tw-payment-info-subview-v2):not(.tw-invoice-wrapper-v2):not(.tw-dashboard-widgets-section-outer-wrapper):not(.navbar-header):not(.tw-nav-myaccount-button-wrapper):not(.tw-log-hands-on-quadrant):not(.navbar-container):not(.tw-dashboard-shortcuts-section-outer-wrapper):not(.tw-portal-setup-snippet-buttons):not(.tw-nice-view-list-inner) > *:not(.btn):not(.widget-box):not(.tw-fieldset-collapsible):not(.row):not(.tw-academic-year-wizard-step-status-message-box):not(.tw-log-hands-on-quadrant):not(.tw-nice-view-list-item) {
padding: 0 !important;
padding-top: 8px !important;
padding-left: 8px !important;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.justify-center {
justify-content: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.align-center {
align-items: center;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.align-end .form-group:last-child {
margin-bottom: 8px;
}
.tw-fieldset-collapsible > legend {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
margin: -1px -17px -17px -17px;
margin-bottom: 16px;
width: calc(100% + 32px + 2px);
color: #0075b0;
font-size: 16px;
margin-top: -1px !important;
}
.tw-fieldset-collapsible.fieldset-collapsed {
padding: 16px !important;
}
.tw-fieldset-collapsible.fieldset-collapsed > legend {
margin-bottom: -17px;
}
.tw-fieldset-collapsible + .tw-fieldset-collapsible {
margin-top: 8px;
}
.tw-subview + .tw-fieldset-collapsible {
margin-top: 8px;
}
legend {
font-size: 16px;
}
legend.empty-legend {
display: none !important;
}
.form-group {
clear: left;
}
.form-group:not(:last-child), .form-group:last-child:first-child {
margin-bottom: 8px;
}
.tab-pane > .tw-wrapper-for-non-template-fieldtypes, .tw-fieldset-collapsible > .tw-wrapper-for-non-template-fieldtypes {
margin-top: 8px;
}
.tw-fieldset > .tw-wrapper-for-non-template-fieldtypes {
margin-top: 8px;
}
.tab-pane > .btn {
margin-bottom: 8px;
}
.tw-list > .tw-row-selectable {
padding: 0.75rem;
}
.tw-invoice-wrapper-v2 .tw-row-selectable {
padding: 0 !important;
}
.tw-enrollment-query-fieldset .tw-row-selectable {
padding: 0 !important;
}
.tw-nice-view-list-wrapper .tw-row-selectable {
padding: 0 !important;
}
iframe {
display: block;
}
html, body {
font-size: 14px;
}
p:last-child {
margin-bottom: 0;
}
.tw-simple-link-button {
display: inline !important;
padding: inherit !important;
min-height: 0 !important;
background: none !important;
line-height: normal !important;
text-shadow: none !important;
width: 100% !important;
text-align: left !important;
transition: color 0.4s !important;
border: 0 !important;
}
.tw-simple-link-button:hover {
background: none !important;
text-decoration: underline !important;
}
.tw-simple-link-button:focus {
background: none !important;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
h2 {
font-size: 26px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
margin-top: 2rem;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.8px;
}
h3 {
font-size: 22px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
margin-top: 1.2rem;
margin-bottom: 4px;
}
body.tw-relaxed {
/*.dropdown-menu > li a {
padding: 10px 32px 10px 16px;
}*/
}
body.tw-relaxed .tw-menutree > li > a {
padding: 16px 20px;
}
body.tw-relaxed .nav-list > li .submenu > li > a {
padding: 12px 16px 12px 40px;
}
body.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs {
padding-top: 32px !important;
padding-bottom: 16px !important;
}
body.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .nav-tabs a {
font-size: 1em !important;
padding: 12px 20px !important;
}
body.tw-relaxed .table th, body.tw-relaxed .table td {
padding: 1rem 0.75rem !important;
}
body.tw-relaxed .widget-header {
padding: 16px 16px;
}
body.tw-relaxed .tab-content {
padding: 40px;
}
body.tw-relaxed .tw-bottom-toolbar-fixed, body.tw-relaxed .tw-top-toolbar-fixed {
margin-right: 40px;
width: calc(100% - 228px - 146px);
}
body.tw-relaxed .tw-toolbar-inner-wrapper {
gap: 12px;
}
body.tw-relaxed .tw-toolbar-inner-wrapper > .btn.btn-app.btn-xs, body.tw-relaxed .tw-toolbar-inner-wrapper > a > .btn.btn-app.btn-xs {
padding: 10px 20px;
gap: 10px;
min-height: 48px;
}
body.tw-relaxed .tw-toolbar-inner-wrapper > .dropdown .btn {
padding: 10px 20px;
gap: 10px;
min-height: 48px;
}
body.tw-relaxed .tw-fieldset-collapsible.fieldset-collapsed > legend {
margin-bottom: -33px;
}
body.tw-relaxed .tw-tabs .nav-tabs {
padding-top: 16px;
padding-left: 16px;
}
body.tw-relaxed .tw-fieldset-collapsible.tw-fieldset {
padding: 0 32px 32px 32px !important;
}
body.tw-relaxed .tw-tabs.tabs-left > .nav-tabs > li > a {
padding: 14px !important;
}
body.tw-relaxed .tw-fieldset-collapsible > legend {
margin: -1px -33px 33px -33px;
width: calc(100% + 64px + 2px);
}
body.tw-relaxed .tab-pane .tw-view .page-wrapper .tw-view-content tw-fieldset-collapsible > legend {
margin: -1px -17px 8px -17px;
width: calc(100% + 34px) !important;
}
body.tw-relaxed .main-content > .tw-tabs-outer-wrapper > .tw-tabs > .tab-content .tw-tabs-outer-wrapper .tw-tabs-outer-wrapper > .tw-tabs > .tab-content {
padding: 32px !important;
}
body.tw-relaxed .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper {
padding: 32px !important;
}
body.tw-relaxed .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
margin: -32px -32px 32px -32px !important;
}
body.tw-relaxed .btn.tw-dashboard-refresh {
top: -56px !important;
right: 20px !important;
}
body.tw-relaxed a.btn.btn-app.tw-metro-button {
padding: 16px !important;
}
body.tw-relaxed .tw-declined-payments-widget-outermost-container .btn {
top: -52px !important;
right: 24px !important;
}
body.tw-slim {
/*.dropdown-menu > li a {
padding: 4px 32px 4px 16px;
}*/
}
body.tw-slim .tw-menutree > li > a {
padding: 8px 16px;
}
body.tw-slim .nav-list > li .submenu > li > a {
padding: 4px 16px 4px 40px;
}
body.tw-slim .table th, body.tw-slim .table td {
padding: 0.5rem 0.5rem !important;
}
body.tw-slim .tw-tabs.tabs-left > .nav-tabs > li > a {
padding: 8px 12px !important;
}
body.tw-slim .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper {
padding: 16px !important;
}
body.tw-slim .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
margin: -16px -16px 16px -16px !important;
}
body.tw-slim .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper {
padding: 16px !important;
}
body.tw-slim .tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-wrapper .page-header {
margin: -16px -16px 16px -16px !important;
}
body.tw-slim .tw-bottom-toolbar-fixed {
width: calc(100% - 228px - 66px);
}
.tw-tabs .nav-tabs {
padding-top: 8px;
padding-left: 8px;
}
.width-12 {
width: 100% !important;
}
.float-none {
float: none !important;
}
.text-center {
text-align: center !important;
}
.tw-attendance-program-groups-form .tw-row-selectable {
display: flex;
gap: 8px;
}
.tw-attendance-program-groups-form .tw-row-selectable > * {
width: auto;
min-width: 120px;
max-width: 379px;
}
.tw-attendance-program-groups-form .tw-row-selectable .btn.btn-app > span {
white-space: initial;
}
.tw-attendance-cohorts-form .tw-row-selectable {
display: flex;
gap: 8px;
}
.tw-attendance-cohorts-form .tw-row-selectable > * {
width: auto;
min-width: 120px;
max-width: 379px;
}
.tw-attendance-cohorts-form .tw-row-selectable .btn.btn-app > span {
white-space: initial;
}
.breadcrumbs {
margin-bottom: 16px;
padding: 4px 16px;
align-items: center;
}
.tw-calendar-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-bottom: 8px;
margin-bottom: 8px;
}
.tw-calendar-list-item {
color: white;
padding: 4px 8px;
border-radius: 999px;
cursor: pointer;
}
.fc-button {
min-height: 37px;
line-height: 33px;
}
.tw-calendar-extra-buttons {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 8px;
}
.fc-header {
container-type: inline-size;
container-name: calendar;
}
.fc-header .fc-button {
margin-bottom: 0 !important;
}
.fc-header > tr {
display: flex;
flex: 1 0 0;
width: 100%;
}
.fc-header .fc-header-left {
width: 33.333%;
}
.fc-header .fc-header-right {
width: 33.333%;
display: flex;
justify-content: flex-end;
}
.fc-header .fc-header-center {
width: 33.333%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.fc-header .fc-header-center h2 {
margin-bottom: 0;
}
.fc-header .fc-button {
line-height: 34px !important;
text-transform: capitalize;
}
@container calendar (max-width: 500px) {
.fc-header > tr {
flex-wrap: wrap;
}
.fc-header .fc-header-left {
flex: 0 0 50%;
text-align: left;
}
.fc-header .fc-header-right {
flex: 0 0 50%;
justify-content: flex-end;
}
.fc-header .fc-header-center {
order: -1; /* Move the middle element to the very top */
flex: 1 1 100%;
}
}
.modal-footer {
padding: 16px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.modal-footer .btn {
border: 0;
}
.modal.modal-static .modal-dialog {
transform: none !important;
}
.tw-view-content[role=form] {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
.tw-view-content[role=form] > .tw-fieldset-collapsible + .tw-fieldset-collapsible {
margin-top: 0;
}
.tw-view-content[role=form] > .row {
margin-bottom: 0;
}
.tw-slim .tw-view-content[role=form] {
gap: 8px;
}
.tw-relaxed .tw-view-content[role=form] {
gap: 20px;
}
.input-group > select.select2-hidden-accessible:first-child + .select2-container {
margin-left: 0 !important;
}
.control-label {
margin-bottom: 4px;
}
.control-label-text {
vertical-align: middle;
}
.help-button {
vertical-align: middle;
}
.tw-list > .col-sm-6 > .widget-box {
height: 100%;
display: flex;
flex-direction: column;
}
.tw-list > .col-sm-6 > .widget-box > .widget-body {
flex: 1 0 0;
}
.tw-list.tw-list-no-padding > .tw-row-selectable {
padding: 0 !important;
}
.nav-list li.open > a > .arrow {
transform: rotate(180deg);
}
.nav-list li a {
transition: ease 0.2s all;
}
.nav-list li a .menu-text {
flex: 1 0 0;
}
.nav-list li a > .arrow {
font-size: 18px;
}
.widget-header {
padding: 8px 16px;
}
.widget-box + .widget-box:not(.col-sm-6) {
margin-top: 8px;
}
.tw-tabs-outer-wrapper .page-wrapper .tw-view-content .tw-tabs-outer-wrapper .widget-box {
box-shadow: none !important;
}
@keyframes spinner {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.spinner {
min-width: 64px;
min-height: 64px;
border-radius: 50%;
animation: spinner 2s linear infinite;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 0.6;
}
}
.tw-spinner-wrapper .tw-mask-close {
position: absolute;
}
.tw-mask-close {
position: fixed;
top: 16px;
right: 16px;
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 4px;
transition: ease all 0.2s;
opacity: 0;
animation: fadeIn 1s forwards;
animation-delay: 3000ms;
}
.tw-mask-close:hover {
background: rgba(0, 0, 0, 0.25);
}
.tw-mask-close:before {
content: "";
position: absolute;
width: 28px;
height: 3px;
background: black;
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
left: 50%;
}
.tw-mask-close:after {
content: "";
position: absolute;
width: 28px;
height: 3px;
background: black;
transform: translate(-50%, -50%) rotate(-45deg);
top: 50%;
left: 50%;
}
.tw-lead-milestone-ribbon {
display: flex;
flex-wrap: nowrap;
padding-right: 8px;
}
.table thead tr th {
line-height: 1.2;
font-size: 0.9rem;
}
.table th, .table td {
transition: ease 0.2s all;
padding: 0.75rem 0.5rem !important;
}
.table th.tw-sortable-header, .table td.tw-sortable-header {
padding-right: 1.2rem !important;
}
.table + .tw-view-empty-region {
margin-top: -32px;
margin-bottom: 1px !important;
padding: 80px 32px;
}
.ui-pg-input {
transition: ease 0.2s all;
}
.ui-paging-info.tw-paging-no-results {
display: none !important;
}
.table-wrapper {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.tw-paging {
display: flex;
align-items: center;
justify-content: center;
}
.ui-pg-table {
display: flex;
align-items: center;
justify-content: center;
height: auto;
width: 100%;
}
.ui-pg-table > tbody {
display: flex;
flex: 1 0 0;
}
.ui-pg-table > tbody > tr {
display: flex;
flex-wrap: wrap;
flex: 1 0 0;
align-items: center;
justify-content: center;
}
.ui-pg-table > tbody > tr .grid-pager_center {
flex: 1 0 0;
}
@media (max-width: 1440px) {
.ui-pg-table > tbody > tr {
display: flex;
align-items: center;
gap: 4px;
}
.ui-pg-table > tbody > tr .grid-pager_left {
font-size: 0;
line-height: 0;
padding: 0;
}
.ui-pg-table > tbody > tr .grid-pager_left > * {
font-size: 1rem;
line-height: 1.2;
}
.ui-pg-table > tbody > tr .tw-bulk-action-wrapper {
padding: 0;
}
}
.tab-content {
padding: 32px;
flex: 1 0 0;
}
@media (max-width: 991px) {
.tab-content {
padding: 16px;
}
}
.tw-slim .tab-content {
padding: 16px;
}
.nav-tabs > li.active > a {
border-bottom: 0;
opacity: 1;
}
.nav-tabs > li > a {
opacity: 1;
position: relative;
}
.nav-tabs > li > a:hover {
opacity: 1;
}
.nav-tabs > li > a > span > .alert {
position: absolute;
top: -8px;
right: -8px;
border-radius: 999px !important;
padding: 0;
font-size: 12px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
line-height: 16px;
}
.nav-tabs > li > a > span > .alert i {
width: 16px;
text-align: center;
}
.nav-tabs > li > a > span > .alert.alert-danger {
background: #dc6965;
color: white;
}
.tw-tabs:after {
content: "";
display: block;
clear: both;
}
.tw-tabs.tabs-left {
display: flex;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
width: 172px;
}
.tag {
display: inline-block;
padding: 4px 8px;
border-radius: 999px;
}
.tw-toolbar-inner-wrapper {
display: flex;
gap: 8px;
flex-wrap: wrap;
z-index: 1001;
}
.tw-toolbar-inner-wrapper > .btn.btn-app.btn-xs {
align-items: center;
margin: 0 !important;
gap: 8px;
font-size: 1rem;
padding: 6px 12px;
}
.tw-toolbar-inner-wrapper > .btn.btn-app.btn-xs [class*=icon] {
font-size: 16px !important;
margin: 0 !important;
}
.tw-toolbar-inner-wrapper > .dropdown .btn {
box-sizing: border-box;
height: 100%;
display: flex !important;
margin: 0 !important;
}
.tw-toolbar-inner-wrapper > .dropdown .btn [class*=icon] {
font-size: 16px !important;
}
.tw-toolbar-inner-wrapper > .dropdown .btn .tw-toolbar-filters-button-content-wrapper {
gap: 8px;
}
.tw-toolbar-inner-wrapper > .dropdown .btn .tw-toolbar-filters-button-content-wrapper span {
display: flex;
align-items: center;
gap: 8px;
}
.tw-toolbar-inner-wrapper .icon-user-times {
min-width: 16px;
min-height: 16px;
}
.tw-top-toolbar {
display: flex;
flex-direction: column;
}
.tw-top-toolbar-fixed {
margin-right: 32px;
padding-left: 8px;
position: fixed !important;
top: 0;
opacity: 1;
width: calc(100% - 228px - 64px);
z-index: 300000;
border-left: 0 none !important;
border-right: 0 none !important;
padding: 8px 0;
}
@media (max-width: 991px) {
.tw-top-toolbar-fixed {
width: calc(100% - 48px);
}
}
.tw-bottom-toolbar-fixed {
width: calc(100% - 228px - 130px);
position: fixed !important;
bottom: 0;
opacity: 1;
z-index: 200000;
}
@media (max-width: 991px) {
.tw-bottom-toolbar-fixed {
width: calc(100% - 130px);
}
}
.tw-top-parent-view .tw-top-parent-view .page-wrapper .tw-bottom-toolbar-fixed, .tw-top-parent-view .tw-top-parent-view .page-wrapper .tw-top-toolbar-fixed {
width: calc(100% - 228px - 64px - 32px - 2px);
}
.tw-toolbar-active-filters-row .btn {
margin: 0;
border-radius: 999px !important;
min-height: 0 !important;
display: flex;
align-items: center;
}
.tw-toolbar-active-filters-row .btn i {
display: block;
}
.tooltip-inner {
font-size: 1rem;
}
.popover .popover-header {
font-size: 1rem;
font-weight: normal;
margin: 0;
border: 0;
}
.btn {
display: inline-block;
font-weight: normal;
text-align: center;
position: relative;
text-shadow: none !important;
min-height: 37px;
white-space: nowrap;
text-transform: none;
margin: 5px; /* Added by Martin C. If this messes things up in too many places, we can look at this again. But without this, so many buttons (e.g., Bell Schedule Wizard) are messed up. */
}
.btn i {
vertical-align: middle;
}
.btn i + span {
margin-left: 4px;
}
.btn span {
/* line-height: 1; */
line-height: normal; /* Added by Martin C, replacing line-height: 1. If this messes things up in too many places, we can look at this again. But without this, so many buttons (e.g., Bell Schedule Wizard) are messed up. */
}
.btn.btn-app.btn-xs > i[class*=icon] {
line-height: 23px;
}
.btn-sm {
font-size: 14px;
}
.btn.btn-xs, .btn.btn-sm {
min-height: 37px;
font-size: 14px;
line-height: 24px;
}
.tw-status-actions-mini-buttons {
display: flex;
gap: 8px;
}
.tw-status-actions-mini-buttons > .btn {
width: auto !important;
}
.tw-metro-button {
white-space: normal !important;
}
.tw-metro-button span {
text-align: left;
white-space: normal !important;
}
.tw-button-auto {
width: auto !important;
max-width: 100%;
}
.tw-button-auto span {
white-space: normal !important;
}
.tw-checkbox-target-label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
input[type=checkbox].form-control {
padding: 0;
}
.check-inline {
cursor: pointer;
}
input[type=checkbox].ace {
width: 18px !important;
height: 18px !important;
min-height: 18px;
min-width: 18px;
}
.dropdown-menu {
border-radius: 4px;
padding: 0 !important;
margin-top: 0 !important;
}
.dropdown-menu h3 {
text-align: left !important;
font-weight: bold;
margin: 16px 0 4px 16px;
font-size: 14px;
}
.dropdown-menu > li a {
padding: 0px 22px 0px 8px;
margin: 0;
font-size: 12px;
}
.dropdown-menu > li i {
display: none !important;
}
.dropdown-menu .tw-no-btn-reset {
border: 0;
border-radius: 0;
}
.dropdown-menu i {
width: 18px;
}
.user-profile > .dropdown-menu > li a {
padding: 6px 32px 6px 16px;
}
.dropdown-toggle .fa-caret-down {
margin-left: 8px;
}
.dropdown-toggle::after {
display: none !important;
}
.dropdown-submenu > a {
position: relative;
}
.dropdown-submenu > a:after {
float: none;
right: 16px;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin: 0 !important;
}
.dropdown-submenu > .dropdown-menu {
margin-top: -1px !important;
}
input[type=file] {
font-size: 14px;
}
input[type=file]::file-selector-button {
height: 37px;
}
.tw-radio-group {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
input[type=radio] {
appearance: none;
border-radius: 50%;
position: relative;
transition: ease 0.2s all;
min-width: 18px;
min-height: 18px;
}
input[type=radio]:checked:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50%;
height: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.radio-inline {
display: flex !important;
gap: 8px;
align-items: center;
}
.tiles .radio-inline {
flex-direction: column;
}
.form-group .select2-container {
width: 100% !important;
display: block;
}
.select2-container {
max-width: 100%;
}
.select2-search:after {
display: none !important;
}
textarea {
padding: 5px 8px;
}
input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] {
padding: 5px 8px;
}
.tw-search-box {
height: 40px !important;
line-height: 32px !important;
width: 300px !important;
padding-left: 40px !important;
padding-right: 16px !important;
}
.tw-search-box-wrapper {
float: right;
}
.tw-search-box-wrapper i {
left: 8px !important;
right: auto !important;
top: 50% !important;
transform: translateY(-50%);
display: flex !important;
align-items: center;
position: absolute;
}
.tw-ace-admin-north {
height: 51px;
}
.tw-top-navbar, .tw-portal-header {
padding: 0;
display: flex;
}
.tw-top-navbar .navbar-container, .tw-portal-header .navbar-container {
display: flex;
flex: auto;
margin: 0;
padding-left: 8px;
padding-right: 8px;
}
.tw-top-navbar .user-profile > .btn, .tw-portal-header .user-profile > .btn {
height: 51px;
background: rgba(255, 255, 255, 0.1) !important;
}
.tw-top-navbar .user-profile > .btn:hover, .tw-portal-header .user-profile > .btn:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
.tw-top-navbar.navbar, .tw-portal-header.navbar {
padding: 0;
}
.tw-top-navbar.navbar .navbar-brand, .tw-portal-header.navbar .navbar-brand {
font-size: 18px;
display: flex;
align-items: center;
gap: 8px;
height: 50px;
padding: 0;
}
.ace-nav {
float: right;
}
.ace-nav > .btn-group > .btn.btn-sm.dropdown-toggle {
border: none;
text-shadow: none;
display: flex;
align-items: center;
}
.user-info {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
position: relative;
font-size: 1rem;
line-height: 22px !important;
}
.user-info small {
display: block;
}
.tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header {
margin: -16px -16px 16px -16px !important;
padding: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tab-content .tw-view:not(.tw-dashboard-container) .page-wrapper .page-wrapper .page-header .tw-view-title {
margin-bottom: 0;
}
.tw-view-title {
display: flex;
align-items: center;
gap: 8px;
}
.navbar-container {
width: auto !important;
/*> .navbar-header {
width: 50%;
}*/
}
.navbar-container > .col-sm-1 {
width: 20%;
margin: 0 !important;
padding: 0 !important;
}
.tw-search-menu-container {
display: flex;
align-items: center;
justify-content: center;
}
.tw-search-menu-container .control-label {
display: none;
}
.tw-search-menu-container .select2-container {
width: 100% !important;
}
.tw-search-menu-container .tw-unused-picklist-wrapper-no-finders {
width: 100%;
max-width: 350px;
position: relative;
}
.tw-search-menu-container .tw-unused-picklist-wrapper-no-finders .fa-search {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12px;
}
.tw-search-menu-container .tw-unused-picklist-wrapper-no-finders .select2-selection__rendered {
padding-left: 34px !important;
}
.dropdown-menu .tw-field-logout {
width: auto;
background: none !important;
border: 0 !important;
}
.sidebar:before {
content: "";
position: fixed;
width: 228px;
height: 100vh;
top: 0;
left: 0;
bottom: 0;
z-index: -1;
}
@media (max-width: 991px) {
.sidebar:before {
display: none;
}
}
.sidebar.menu-min .tw-search-menu-container {
display: none;
}
.sidebar.menu-min .tw-menutree > li > a {
padding: 11px 13px;
text-align: center;
justify-content: center;
}
.sidebar.menu-min .tw-menutree > li > a .menu-text {
text-align: left;
padding-left: 24px;
}
.sidebar.menu-min .tw-menutree > li ul li a .menu-text {
padding: 0 !important;
}
/* side menu toggler in mobile view */
.menu-toggler {
display: none;
}
/* responsive sidebar */
@media only screen and (max-width: 991px) {
.tw-top-navbar {
padding-left: 43px;
}
.sidebar {
display: none;
float: none;
position: absolute;
z-index: 999;
left: 0;
bottom: auto;
top: auto !important;
border-left-width: 0;
box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.sidebar.display {
display: block;
}
.menu-toggler {
display: inline-block;
position: absolute;
left: 0;
top: 0px;
z-index: 998;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
padding: 8px 16px;
font-size: 1.5em;
}
.menu-toggler:hover {
text-decoration: none;
}
.nav-list > li.active:after {
display: none;
}
.nav-list li.active > a:after {
display: none;
}
.nav-list li.active.open > .submenu > li.active > a:after {
display: none;
}
.menu-min .nav-list > li.active:after {
display: block;
}
.menu-min .nav-list > li.active > a:after {
display: block;
}
}
@media only screen and (max-width: 320px) {
.menu-toggler {
width: 0;
}
.menu-toggler > .menu-text {
border-width: 7px 16px;
bottom: -14px;
}
.menu-toggler > .menu-text:after {
font-size: 9px;
font-weight: normal;
color: #FFF;
position: absolute;
left: -13px;
top: -42px;
}
.menu-toggler:before, .menu-toggler:after {
margin-top: 8px;
}
.menu-toggler.display:before, .menu-toggler.display:after {
height: 2px;
border-width: 1px;
}
.menu-toggler.display:before {
top: 13px;
}
.menu-toggler.display:after {
top: 19px;
}
}
.btn.tw-dashboard-refresh {
margin: 0 !important;
position: absolute !important;
padding: 4px 0px !important;
padding: 6px 12px !important;
right: 12px !important;
top: -46px !important;
width: auto;
}
.btn.tw-dashboard-refresh:before {
display: none;
}
.btn.tw-dashboard-refresh .icon-refresh:before {
font-size: 16px;
}
.btn.tw-dashboard-refresh .icon-refresh-red:before {
font-size: 16px;
}
a.tw-dashboard-refresh span {
display: none !important;
}
a.btn.btn-app.tw-metro-button {
width: 100% !important;
padding: 8px !important;
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}
a.btn.btn-app.tw-metro-button span {
font-size: 1.1rem;
}
a.btn.btn-app.btn-xs.tw-metro-button {
padding-left: 16px;
padding-right: 16px;
}
a.btn.btn-app.btn-xs.tw-metro-button i {
font-size: 20px;
width: 24px;
}
.tw-piechart-donations-breakdown-showby-selector .select2-container {
width: 100% !important;
}
.legendColorBox > div, .legendColorBox > div > div {
border-radius: 4px;
overflow: hidden;
}
.tw-view-content.tw-dashboard-container .page-header {
display: none;
}
.tw-view-content.tw-dashboard-container .tw-configure-dashboard-button {
border: 0 !important;
}
.tw-dashboard-shortcuts-section-outer-wrapper .form-group {
margin: 0;
}
.tw-declined-payments-widget-outermost-container .btn {
position: absolute;
right: 12px;
top: -42px;
}
.tw-declined-payments-widget-outermost-container .table {
margin-top: -8px;
}
.tw-dashboard-client-settings-options-header {
font-size: 16px;
font-weight: bold;
padding: 8px 0;
}
.tw-dashboard-container > .tw-fieldset-collapsible {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
.tw-dashboard-container fieldset legend {
margin-bottom: 0px;
display: inline-block;
width: auto;
font-weight: bold;
}
.tw-dashboard-container fieldset:first-of-type legend {
margin-top: 8px;
}
.tw-dashboard-container .tw-configure-dashboard-button {
position: absolute !important;
top: 18px;
left: 172px;
padding: 4px !important;
min-height: 0 !important;
background: none !important;
line-height: normal !important;
text-shadow: none !important;
text-align: left !important;
width: auto !important;
}
@media (max-width: 991px) {
.tw-dashboard-container .tw-configure-dashboard-button {
top: 36px;
left: 174px;
}
}
.tw-dashboard-container .tw-configure-dashboard-button i {
font-size: 18px !important;
}
.tw-dashboard-container .tw-configure-dashboard-button:hover {
background: none !important;
}
.tw-gridform-refresh-button-wrapper {
position: relative;
top: -12px;
right: -12px;
}
.dxbButton {
padding: 0 16px !important;
height: 38px !important;
}
.dxbButton div.dxb {
padding: 0 !important;
}
#chartViewerButtonsWrapper {
display: flex;
gap: 8px;
flex-direction: column;
}
.chartViewerContainer {
display: flex;
gap: 8px;
}
.tw-dashboard-container > .tw-fieldset-collapsible > legend {
margin-left: -17px !important;
margin-right: 17px !important;
width: calc(100% + 34px) !important;
display: flex;
gap: 8px;
margin-bottom: 8px !important;
}
.tw-dashboard-container > .tw-fieldset-collapsible.fieldset-collapsed > legend {
margin-bottom: -17px !important;
}
.tw-lead-enrollment-funnel-template-wrapper legend {
display: none !important;
}
.tw-dashboard-container .tw-lead-enrollment-funnel-template-wrapper fieldset {
box-shadow: none !important;
}
fieldset:not(.tw-fieldset-collapsible) .tw-dashboard-shortcuts-section-outer-wrapper .form-group.col-lg-4 {
width: auto;
}
.tw-lead-enrollment-funnel-widget-outermost-container .tw-view-content {
gap: 0;
}
.tw-lead-enrollment-funnel-widget-outermost-container .tw-view-content .tw-row-selectable {
padding: 0;
}
.tw-lead-enrollment-funnel-widget-outermost-container .tw-view-content .tw-row-selectable .tw-funnel-con-section-inner-wrapper {
margin-top: 0;
}
.tw-login-logos {
display: flex;
gap: 16px;
}
.tw-bigsis-login-logo,
.tw-client-login-logo {
float: right;
text-align: center;
flex: 1 0 0;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.tw-bigsis-login-logo img,
.tw-client-login-logo img {
max-width: 100%;
max-height: 100px;
display: block;
padding: 8px;
}
.tw-login-close-button {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}
.login-box {
box-shadow: none !important;
}
.login-box .widget-body {
background: none !important;
box-shadow: none !important;
}
.tw-reset-password-success-container {
align-self: center;
}
.modal-login .modal-header {
display: none;
}
.modal-login .tw-validations {
margin-top: 20px;
float: none !important;
}
.modal-login .modal-dialog {
max-width: 480px;
}
.modal-login .modal-body {
padding: 0;
}
.modal-login .modal-footer {
display: none;
}
.tw-user-portal-view {
gap: 0 !important;
/* MPF Page Items
**********************************************/
/* eSignature Form
**********************************************/
}
.tw-user-portal-view .tw-school-directory-view-student-list > .tw-row-selectable > .row {
align-items: center;
}
.tw-user-portal-view .tw-school-directory-view-student-list .row > .btn.btn-app.tw-nice-button {
padding: 8px !important;
display: flex;
align-items: center;
max-height: 38px;
}
.tw-user-portal-view .tw-school-directory-view-student-list > .tw-row-selectable > .row > .widget-box {
margin: 0 0 6px;
padding: 0 !important;
}
.tw-user-portal-view .col-xs-12 + .tw-fieldset, .tw-user-portal-view .col-sm-12 + .tw-fieldset, .tw-user-portal-view .col-md-12 + .tw-fieldset, .tw-user-portal-view .col-lg-12 + .tw-fieldset {
float: left;
}
.tw-user-portal-view .tw-wrapper-for-non-template-fieldtypes .tw-radio-group {
flex-wrap: wrap;
}
.tw-user-portal-view .tw-donor-open-donations-on-public-form-wrapper .tw-radio-group {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.tw-user-portal-view .tw-donor-open-donations-on-public-form-wrapper legend {
margin: 0;
}
.tw-user-portal-view .tw-mpf-save-buttons-wrapper {
align-items: flex-start;
}
.tw-user-portal-view .tw-esignature-form-wrapper {
max-width: 800px;
border: 3px solid rgba(0, 0, 0, 0.5);
padding: 32px;
border-radius: 8px;
margin: 15px auto;
}
.tw-user-portal-view .tw-esignature-form-wrapper .tw-esignature-form-wrapper {
border: none;
padding: 0;
max-width: inherit;
}
.tw-user-portal-view .tw-view-content.tw-esignature-form-wrapper {
margin: 0 auto;
}
.tw-user-portal-view i[class*=tw-icon-none] {
display: none;
}
.tw-user-portal-view .tw-invoice-wrapper-v2 .tw-view-content[role=form] {
gap: 0;
}
.tw-user-portal-view .tw-invoice-column-four {
width: 150px;
background-color: rgba(168, 201, 206, 0.25);
}
.tw-user-portal-view .tw-school-directory-view-program-list .tw-row-selectable {
padding: 0 !important;
}
.tw-user-portal-view .tw-quick-view-data-container {
margin-right: 16px;
margin-top: 16px;
}
.tw-user-portal-view .tw-quick-view-data-container .tw-fieldset-collapsible {
margin-top: 16px;
}
.tw-user-portal-view .tw-nav-myaccount-button-wrapper {
height: 58px;
}
.tw-user-portal-view .tw-nav-myaccount-button-wrapper .dropdown-toggle {
height: 58px;
padding-bottom: 0;
}
.tw-user-portal-view .page-header h1 {
margin-bottom: 0;
}
.tw-user-portal-view .tw-preview-reports-collasible-boxes > .tw-row-selectable {
padding: 0;
}
.tw-user-portal-view .tw-tabs.tabs-left > .tab-content {
padding: 0 !important;
}
.tw-user-portal-view .tw-tabs.tabs-left > .tab-content > .tab-pane > .tw-view > .page-wrapper {
border: 0 !important;
}
.tw-user-portal-view .breadcrumbs {
margin-left: 16px;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 8px;
}
.tw-lead-current-status-icon {
float: left;
height: 40px;
margin-right: 8px;
}
.tw-lead-current-status-icon i {
font-size: 32px;
}