﻿
/* Primary Accent - Dark Green. Icons, some buttons */
.secondary-color,
.noBackgroundLink,
.NestedAddButton,
a[data-pager][href*=page],
#name_grid_link,
a.contacts-body-pencil-link,
.dialog-link-label-adjacent,
.my-column-helper-content > div > a,
.my-hoverover-button a,
.my-rounded-icon,
.student-link,
.search-model > table > tbody > tr:hover > td .icon-pencil,
.search-model-title-header-button a,
.User-search-model > table > tbody > tr > td > a,
[class*=icon-]:not(.nav-link):before,
[class*=icon-]:not(.nav-link):after {
    color: #538E96;
}
.secondary-color-important {
    color: #538E96 !important;
}
.nav,
.my-rounded-icon,
.my-hoverover-button a,
.search-model-title-header-button a,
.tabs nav li.tab-current,
.ternary-border-color {
    border-color: #538E96;
}
.tabs nav li.tab-current {
    box-shadow: inset 0 2px #538E96;
}
/* Dark 1 */
.tabs nav a,
.tabs nav a[class*=icon-]:before,
.my-form-nav li {
    color: #253939;
}
.primary-color-important:hover > .primary-color-important,
.primary-color-important:hover {
    color: #253939 !important;
}
.nav,
.nav-style-bar,
.left-menu > ul {
    background-color: #253939;
}
.has-editor-select select:not([class*=my-theme]),
.my-dropdown-arrows,
ol > li > select:not([class*=my-theme]):not(.my-dropdown-no-arrows),
.my-dropdown-model > dl > dt:hover,
.my-dropdown-model.IsFormSelect > li > [data-dropdown-current],
[data-tab-type="Horizontal"],
[id$=EditableCodeTypeForm] > table > thead > tr > th,
.secondaryBackgroundColor,
.secondary-border-color,
.ui-widget-header,
.my-hoverover-button a:hover,
.search-model > table thead:not(.media-print-table-header) tr th,
.search-model > table thead:not(.media-print-table-header) tr th svg > text,
.search-model > table tfoot:not(.media-print-table-footer) tr th,
#ContactsWrapper > table > thead > tr > th,
.search-model-title-header-button a:hover,
.printable-header,
.pasi-switch-checkbox.not-being-synced:checked ~ label:before,
.ReportCard-search-model table thead:not(.media-print-table-header) th,
.ReportCard-search-model table tfoot:not(.media-print-table-footer) th,
.media-print-table > tbody > th,
.breadcrumb > a:hover, .breadcrumb > a.active,
.breadcrumb > a:hover:after, .breadcrumb > a.active:after,
.breadcrumb > a:hover:after, .breadcrumb > a.active:after,
.sub-legend > tr > th,
.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after,
.tabbed-fieldset > .search-model > table > thead > tr > th {
    color: white;
    background: no-repeat right top, linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -webkit-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -moz-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -ms-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -o-linear-gradient(#538E96, darkslategrey);
}
.my-dropdown-no-arrows {
    color: #eee;
    /*background: no-repeat right top, #538E96;*/
    background: no-repeat right top, -webkit-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -moz-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -ms-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, -o-linear-gradient(#538E96, darkslategrey);
    background: no-repeat right top, linear-gradient(#538E96, darkslategrey);
}
ol > li > select:not([class*=my-theme]):not(.my-dropdown-no-arrows),
.has-editor-select select:not([class*=my-theme]),
.my-dropdown-model.IsFormSelect > li > [data-dropdown-current],
.my-dropdown-arrows {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#538E96', endColorstr='#08143A',GradientType=0 );
    /*background: url(arrows.png) no-repeat 99% -17%, #538E96;*/
    background: url(arrows.png) no-repeat 99% -17%, -webkit-linear-gradient(#538E96, darkslategrey);
    background: url(arrows.png) no-repeat 99% -17%, -moz-linear-gradient(#538E96, darkslategrey);
    background: url(arrows.png) no-repeat 99% -17%, -ms-linear-gradient(#538E96, darkslategrey);
    background: url(arrows.png) no-repeat 99% -17%, -o-linear-gradient(#538E96, darkslategrey);
    background: url(arrows.png) no-repeat 99% -17%, linear-gradient(#538E96, darkslategrey);
}

/* Light highlight / selection */
.search-model > table:not([data-nohighlight]) > thead > tr > th:hover > *,
.search-model > table:not([data-nohighlight]) > thead > tr > th:hover > * > a,
#ContactsWrapper > table > thead > tr > th:hover *,
.edit-list-active,
#right-top-menu a:hover::before,
#right-top-menu a:hover::after {
    color: #FEE2A0;
}

.highlighted,
.highlighted > *,
.selected-row,
td > .gradebook-cell:focus,
.search-model > table:not([data-nohighlight]):not(.print-only) > tbody > tr:hover,
.search-model > table:not([data-nohighlight]) > tbody > tr:nth-child(odd):hover {
    background-color: #FEE2A0 !important;
}

.highlighted-secondary {
    background-color: lightsalmon;
}

.current-section-name {
    background-color: #feeed4;
}
/* Dark highlight / selection */
.highlighted-action
/*.gradebook-defined-mark-type-name*/ {
    color: darkviolet;
}
.highlighted-action-important {
    color: darkviolet !important;
}

/* Blue */
.my-theme-0,
.my-dropdown-theme-0 > .my-dropdown-model,
.my-dropdown-theme-0 > .my-dropdown-model > dl > dt.current,
.checkbox input:checked ~ .checkbox-container > .checkbox-checkmark,
.checkbox-theme-0.checkbox input:checked ~ .checkbox-container > .checkbox-checkmark,
.my-radio:checked ~ label:before,
.my-radio ~ label:focus,
[id$=AttendanceStatusId_AttendanceStatus_Late]:checked + .button-label,
[id$=AttendanceStatusId_AttendanceStatus_ExcusedLate]:checked + .button-label,
[id$=AttendanceStatusId_AttendanceStatus_HomeEducated]:checked + .button-label,
[data-attendanceperiodstatus="PartiallyComplete"],
/*[onclick^="Editable_DeleteClick"]:not([class*="icon"]),*/
.permission-Student,
.permission-Parent,
.gradebook-specialstatus-Excused,
.logo_Microsoft > input,
[data-text="Completed"].my-button:not(:hover).SchoolEnrolment-edit,
[data-text="Closed"].my-button:not(:hover).AdvancedContacts-edit,
.my-blue,
.timetable-room-conflict,
.my-column-helper-display-fields:not(:hover) > li:nth-child(2n+1) {
    color: white;
    background: #6495ED;
    background: -webkit-gradient(linear, left top, left bottom, from(#6495ED), to(#394d99) );
    background: -moz-linear-gradient(-90deg, #6495ED, #394d99);
}
.search-model tr.my-theme-0 {
    background: #6495ED80;
    background: -webkit-gradient(linear, left top, left bottom, from(#6495ED80), to(#394d9980) );
    background: -moz-linear-gradient(-90deg, #6495ED80, #394d9980);
}
.my-text-theme-0 {
    color: rgb(21, 71, 162);
}
.my-theme-0-nogradient {
    color: white;
    background-color: #6495ED;
}

/* Red Background, White Text */
.my-theme-1,
.my-dropdown-theme-1 > .my-dropdown-model,
.my-dropdown-theme-1 > .my-dropdown-model > dl > dt.current,
.checkbox-theme-1.checkbox input:checked ~ .checkbox-container > .checkbox-checkmark,
.errorBackground,
.error-background,
.field-validation-error > span,
.permission-OnlySeesAssignedStudents,
[id$=AttendanceStatusId_AttendanceStatus_Absent]:checked + .button-label,
[id$=AttendanceStatusId_AttendanceStatus_ExcusedAbsence]:checked + .button-label,
[data-attendanceperiodstatus="NotTaken"],
.gradebook-specialstatus-NHI,
.gradebook-specialstatus-alert,
.logo_Google > input,
[data-text="No"],
[data-text="no"],
[data-text="Conflict"].my-button:not(:hover).AdvancedContacts-edit,
.timetable-teacher-conflict,
.my-column-helper-display-fields:not(:hover) > li:nth-child(2n) {
    color: white;
    background: #e4303c;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4303c), to(#992129) );
    background: -moz-linear-gradient(-90deg, #e4303c, #992129);
}
.search-model tr.my-theme-1 {
    background: #e4303c80;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4303c80), to(#99212980) );
    background: -moz-linear-gradient(-90deg, #e4303c80, #99212980);
}
    .error-background-important:not(:hover):not(.medium-background) {
        color: white !important;
        background: #e4303c !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#e4303c), to(#992129) ) !important;
        background: -moz-linear-gradient(-90deg, #e4303c, #992129) !important;
    }
.my-theme-1-nogradient {
    color: black;
    background-color: #e3222f80;
}

/* Yellow */
.my-theme-2,
.my-theme-2.gradebook-add-column,
.my-dropdown-theme-2 > .my-dropdown-model,
.my-dropdown-theme-2 > .my-dropdown-model > dl > dt.current,
.checkbox-theme-2.checkbox input:checked ~ .checkbox-container > .checkbox-checkmark,
.button,
.standout,
.permission-Admin,
.button-wrap > :checked + .button-label[for^=ManageMarkType],
[data-text="Waitlist"].my-button:not(:hover).AdvancedContacts-edit,
[data-text="Unsure"].my-button:not(:hover).AdvancedContacts-edit,
[data-text="Withdrawn"].my-button:not(:hover).SchoolEnrolment-edit,
[id$="AttendanceStatusId_AttendanceStatus_Left Early"]:checked + .button-label,
.gradebook-specialstatus-Incomplete,
.gradebook-add-column {
    color: black;
    /*background-color: #e8d505;*/
    background: #e8d505;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8d505), to(#dfb127) );
    background: -moz-linear-gradient(-90deg, #e8d505, #dfb127);
}
.search-model tr.my-theme-2 {
    background: #e8d50580;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8d50580), to(#dfb12780) );
    background: -moz-linear-gradient(-90deg, #e8d50580, #dfb12780);
}
.my-text-theme-2 {
    color: #dfb127;
}
.my-theme-2-nogradient {
    color: black;
    background-color: #e8d50580;
}

.search-model tr.my-warning-theme {
    background: #FFCCCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC), to(#e6a3a3) );
    background: -moz-linear-gradient(-90deg, #FFCCCC, #e6a3a3);
}

/* Light Green */
.my-theme-3,
.successBackground:not(.error-background),
.logo_SchoolCloud > input,
.checkbox-theme-3.checkbox input:checked ~ .checkbox-container > .checkbox-checkmark,
[data-text="Active"].my-button:not(:hover).SchoolEnrolment-edit,
[data-text="Registe#e4303c"].my-button:not(:hover).SchoolEnrolment-edit,
[data-text^="Open"].my-button:not(:hover).AdvancedContacts-edit,
[data-text^="Conditionally Accepted"].my-button:not(:hover).AdvancedContacts-edit,
[data-text^="Provisionally Accepted"].my-button:not(:hover).AdvancedContacts-edit,
[data-text^="Approved"].my-button:not(:hover).AdvancedContacts-edit,
[data-text^="Yes"],
[data-text^="yes"],
[data-text^="Yes"].my-button,
[data-text^="yes"].my-button,
[id$=AttendanceStatusId_AttendanceStatus_Present]:checked + .button-label,
[id$=AttendanceStatusId_AttendanceStatus_OffCampus]:checked + .button-label,
.search-model .button-wrap:not(.attendance-button-wrap) > :checked + .button-label,
[data-attendanceperiodstatus="Complete"] {
    background-color: #8fbc8f;
    color: white;
    background: #8fbc8f;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbc8f), to(#629a52) );
    background: -moz-linear-gradient(-90deg, #8fbc8f, #629a52);
}
.search-model tr.my-theme-3 {
    background: #8fbc8f80;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fbc8f80), to(#629a5280) );
    background: -moz-linear-gradient(-90deg, #8fbc8f80, #629a5280);
}
.my-text-theme-3 {
    color: #629a52;
}
.my-theme-3-nogradient {
    color: black;
    background-color: #69b76980;
}

.my-theme-4 {
    color: white;
    background-color: #8252d3;
    background: #5621b2;
    background: -webkit-gradient(linear, left top, left bottom, from(#8252d3), to(#5621b2) );
    background: -moz-linear-gradient(-90deg, #8252d3, #5621b2);
}
.search-model tr.my-theme-4 {
    background-color: #8252d3;
    background: #5621b2;
    background: -webkit-gradient(linear, left top, left bottom, from(#8252d3), to(#5621b2) );
    background: -moz-linear-gradient(-90deg, #8252d3, #5621b2);
}
.my-theme-4-nogradient {
    color: white;
    background-color: #8252d3;
}

.my-theme-5 {
    color: black;
    background-color: #FFA07A;
    background: #F08080;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFA07A), to(#F08080) );
    background: -moz-linear-gradient(-90deg, #FFA07A, #F08080);
}
.search-model tr.my-theme-5 {
    background-color: #FFA07A;
    background: #F08080;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFA07A), to(#F08080) );
    background: -moz-linear-gradient(-90deg, #FFA07A, #F08080);
}
.my-theme-5-nogradient {
    color: black;
    background-color: #FFA07A;
}
.my-theme-6,
.tertiaryBackgroundColor,
[onclick^="LoadDetailedProfile"],
.my-button[data-url-dialog^="/SchoolEnrolment/Search"],
.my-button:not(:hover).tertiaryBackgroundColor,
.my-dropdown-model > dl,
.my-dialog-inner-wrapper,
.my-form-nav > ul > li.activetab,
.form-control,
.form-control:focus,
.breadcrumb > a,
.breadcrumb > a:before,
.breadcrumb > a:after,
.editable-table-cell-input {
    color: black;
    background-color: #faebd7;
    background: #faebd7;
    background: -webkit-gradient(linear, left top, left bottom, from(#faebd7), to(#f7f6eb) );
    background: -moz-linear-gradient(-90deg, #faebd7, #f7f6eb);
}
.search-model tr.my-theme-6 {
    background-color: #faebd780;
    background: #faebd780;
    background: -webkit-gradient(linear, left top, left bottom, from(#faebd780), to(#f7f6eb80) );
    background: -moz-linear-gradient(-90deg, #faebd780, #f7f6eb80);
}
.my-theme-6-nogradient {
    color: black;
    background-color: #faebd780;
}

.my-theme-7 {
    color: black;
    background-color: #339900;
    background: #194C00;
    background: -webkit-gradient(linear, left top, left bottom, from(#339900), to(#194C00) );
    background: -moz-linear-gradient(-90deg, #339900, #194C00);
}
.my-theme-7-nogradient {
    color: black;
    background-color: #339900;
}
.search-model tr.my-theme-7 {
    background-color: #339900;
    background: #194C00;
    background: -webkit-gradient(linear, left top, left bottom, from(#339900), to(#194C00) );
    background: -moz-linear-gradient(-90deg, #339900, #194C00);
}

.my-theme-8 {
    color: white;
    background-color: #075A6E;
    background: #043642;
    background: -webkit-gradient(linear, left top, left bottom, from(#075A6E), to(#043642) );
    background: -moz-linear-gradient(-90deg, #075A6E, #043642);
}
.search-model tr.my-theme-8 {
    background-color: #075A6E;
    background: #043642;
    background: -webkit-gradient(linear, left top, left bottom, from(#075A6E), to(#043642) );
    background: -moz-linear-gradient(-90deg, #075A6E, #043642);
}
.my-theme-8-nogradient {
    color: white;
    background-color: #075A6E;
}

.my-theme-9 {
    color: black;
    background-color: #00FFEF;
    background:  #007F77;
    background: -webkit-gradient(linear, left top, left bottom, from(#00FFEF), to( #007F77) );
    background: -moz-linear-gradient(-90deg, #00FFEF,  #007F77);
}
.my-theme-9-nogradient {
    color: black;
    background-color: #00FFEF;
}
.search-model tr.my-theme-9 {
    background-color: #00FFEF;
    background:  #007F77;
    background: -webkit-gradient(linear, left top, left bottom, from(#00FFEF), to( #007F77) );
    background: -moz-linear-gradient(-90deg, #00FFEF,  #007F77);
}

.transparent,
.my-column-helper-display-fields-reset,
.light-background,
.large-search-model:not([data-report-mode=MasterList]) > table > tbody > tr:nth-child(odd),
.alternates-row-color > table > tbody > tr:nth-child(odd),
#ContactsWrapper > table > tbody > tr,
.media-print-table > thead > tr > th,
.my-form-nav li,
.outcome-group,
.search-model-title-header {
    color: black;
    background-color: #d0c9c9;
}
.large-search-model:not([data-report-mode=MasterList]) > table > tbody > tr:nth-child(even),
tfoot {
    background-color: white;
}
/* Secondary Color */
.primary-color,
.primary-color > *,
.nav-link,
.SpecificOutcomeMark-edit,
.fc-day-header,
.search-model > table > thead > tr > th:hover > .icon-in-header:before,
.search-model > table > thead > tr > th > a,
.table-column-filter-wrapper,
.my-dropdown-model > span,
.SearchFilterSorter > a,
.table-column-filter-wrapper > a,
.contacts-header-link,
.has-background,
.icon-in-header,
[data-attendanceperiodstatus] > div a,
.permission-OnlySeesAssignedStudents,
/*.gradebook-specialstatus-NHI,*/
.login-wrapper > li > i,
.button-wrap > *:checked + .button-label[for^=Attendance]:not([for$=X]),
.search-model .button-wrap:not(.attendance-button-wrap) > :checked + .button-label,
.responsive-button,
.left-menu > ul > li > a,
.left-menu > ul > li > ul > li > a {
    color: White
}
.primary-color-important:not(:hover),
.primary-color-important:not(:hover):before {
    color: white !important;
}

.primary-background-color,
.my-hover-menu,
.SearchFilterSorter > select,
.checkbox div.checkbox-container .checkbox-checkmark,
.login-wrapper > li:hover > i,
.login-wrapper > li:hover > input[type=submit] {
    background-color: white;
    background: white;
}

.nav-secondary-ul,
.text-filter-dropdown,
.search-model-settings-hover-menu > div {
    background-color: white;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.1);
}

.black,
textarea,
textarea:focus,
select[disabled='disabled'],
input[disabled='disabled'],
form ol > li input,
ol li input:focus,
ol > li select > option,
a[href^=mailto],
.has-editor-select select > option,
.my-dropdown > option,
.my-dropdown-no-arrows > option,
.my-hoverover-button a:hover,
.search-model-title-header-button a:hover,
[class*="icon-"]:hover::before,
[class*="icon-"]:hover::after,
[data-url-dialog]:hover,
[onclick^="Editable_AddOrUpdate_Load"]:hover,
[onclick^=Editable]:hover,
[onclick^=Load]:hover,
.student-link:hover,
.noBackgroundLink:hover,
.NestedAddButton:hover,
.my-theme-2,
td > [data-url-dialog]:not(.button):not(:hover):not(.my-button),
[id$="AttendanceStatusId_AttendanceStatus_Left Early"]:checked + .button-label,
.form-next,
.form-prev,
.my-form-nav > ul > li.activetab select,
.nav-secondary-link,
.nav-text,
.action:hover:not(.icon-in-header),
.editable-table-cell-input,
.my-input,
.grouphead,
.form-contrl,
.form-control:focus,
.edit-form-title,
.left-menu > ul > li > a.current-section-name,
.my-column-helper-display-fields > li > .icon-cross,
.my-dropdown-model.my-theme-2 > span,
.my-dropdown-model.my-theme-3 > span,
.my-dropdown-model > li > ul > li > a,
.login-wrapper > li:hover > i,
.login-wrapper > li:hover > input[type=submit],
ul.reportList > li > a,
.breadcrumb > a:before,
.breadcrumb > a {
    color: black;
}

.incomplete,
.ternary-color:hover {
    color: #6495ED;
}
.button {
    color: darkslategrey;
}
.medium-background, 
.Student-search-model > table > tbody > tr.medium-background,
.lightgray {
    background-color: lightgray !important;
}

.my-theme-1,
.my-dropdown-theme-1 > .my-dropdown-model > dl {
    border-color: darkred;
}

.my-theme-0,
.my-dropdown-theme-0 > .my-dropdown-model {
    border-color: darkkhaki;
}

.grayish-border-color,
.breadcrumb > a:before {
    box-shadow: 0 0 0 1px #ccc;
}

.success,
[data-checkbox-id*="TransferOfUnclaimedFunds"] .my-digital-signature,
[data-searchname="Application"][data-isparent="True"] > ul > li[data-complete="True"] > a:before {
    color: Green
}

.error, 
.error:before,
.disabled, 
.my-warning,
.my-text-theme-1,
[data-searchname="Application"][data-isparent="True"] > ul > li:not([data-complete="True"]) > a:before {
    color: #e4303c !important;
}

.blue {
    color: blue
}

.light-blue-background {
    background-color: #d9edf7;
}

.print-only-body .print-theme-1 .print-contact-info,
.print-only-body .print-theme-1 .printable-header {
    color: midnightblue !important;
}

.table_selected {
    background-color: lightblue !important;
}


.gradebook-defined-mark-type,
.icon-in-header:hover {
    color: #08143A;
}
.my-button:hover,
.my-buttons a:hover,
.my-button-hover:hover,
.primary-color-important:hover,
.CourseSectionMark-search-model > table > thead > tr > td > #SectionTermId:hover {
    background-color: rgba(0,0,0,.05);
    background: rgba(0,0,0,.05);
    color: #253939;
    border: 1px solid transparent;
}

.form-next:hover,
.form-prev:hover,
.search-model-footer > td > a:hover {
    background-color: rgba(0,0,0,.03);
    color: #000;
}

/*a:visited {
    color: inherit;
}*/