/* Old colors */ /* Colors */ /*d9dfec*/ /* FFMarkWebPro, SofiaProRegular, Campton-Light, Gilroy-Regular, HurmeGeometricSans1-Light, HurmeGeometricSans2-Light */ /* Dark Mode @GeneralBackgroundColor: @AeriesBlack; @HeaderBackgroundColor: @AeriesDarkGray; @HeaderTextColor: @AeriesOffWhite; @SubHeaderBackgroundColor: @AeriesLightestGray; @SubHeaderTextColor: @AeriesBlack; @MainTextColor: @AeriesLightestGray; @SubTextColor: @AeriesLightestGray; @AeriesBlue: @AeriesLightestGray; */ /* Aeries Sans */ @font-face { font-family: 'aeries_sansbold'; src: url('fonts/Aeries/aeriessans-bold-webfont.woff2') format('woff2'), url('fonts/Aeries/aeriessans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aeries_sansextrabold'; src: url('fonts/Aeries/aeriessans-extrabold-webfont.woff2') format('woff2'), url('fonts/Aeries/aeriessans-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aeries_sanslight'; src: url('fonts/Aeries/aeriessans-light-webfont.woff2') format('woff2'), url('fonts/Aeries/aeriessans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aeries_sansmedium'; src: url('fonts/Aeries/aeriessans-medium-webfont.woff2') format('woff2'), url('fonts/Aeries/aeriessans-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aeries_sanssemibold'; src: url('fonts/Aeries/aeriessans-semibold-webfont.woff2') format('woff2'), url('fonts/Aeries/aeriessans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aeries_sansthin'; src: url('fonts/Aeries/aeriessans-thin-webfont.woff2') format('woff2'), url('fonts/Aeries/aeriessans-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* nunito-regular - latin-ext_vietnamese_latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Nunito Regular'), local('Nunito-Regular'), url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */ } /* nunito-700 - latin-ext_vietnamese_latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-700.eot'); /* IE9 Compat Modes */ src: local('Nunito Bold'), local('Nunito-Bold'), url('fonts/Nunito/Nunito/nunito-v11-latin-ext_vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-bold.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-bold.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-v11-latin-ext_vietnamese_latin-bold.svg#Nunito') format('svg'); /* Legacy iOS */ } /* nunito-sans-200 - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraLight'), local('NunitoSans-ExtraLight'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-200italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraLight Italic'), local('NunitoSans-ExtraLightItalic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-200italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-300 - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-300italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 300; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Light Italic'), local('NunitoSans-LightItalic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-300italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-regular - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-600 - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-600italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 600; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans SemiBold Italic'), local('NunitoSans-SemiBoldItalic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-600italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-700 - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-700italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 700; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Bold Italic'), local('NunitoSans-BoldItalic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-700italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-800 - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 800; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-800italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 800; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans ExtraBold Italic'), local('NunitoSans-ExtraBoldItalic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-800italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-900 - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 900; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Black'), local('NunitoSans-Black'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900.svg#NunitoSans') format('svg'); /* Legacy iOS */ } /* nunito-sans-900italic - vietnamese_latin_latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 900; src: url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */ src: local('Nunito Sans Black Italic'), local('NunitoSans-BlackItalic'), url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Nunito/nunito-sans-v5-vietnamese_latin_latin-ext-900italic.svg#NunitoSans') format('svg'); /* Legacy iOS */ } .aeries-blue { color: #345BA9; } .aeries-red { color: #c7504c; } .aeries-dark-red { color: #BE212F !important; } .aeries-white { color: #ffffff; } .aeries-grey { color: #DFE3E9; } .aeries-dark-grey { color: #5E6D85; } .aeries-light-grey { color: #6C788D; } .aeries-lightest-grey { color: #ECEEF2; } .aeries-lighter-grey { color: #DFE3E9; } .aeries-green { color: #0F6745; } .aeries-yellow { color: #E2AA26; } .aeries-off-white { color: #f6f6f6; } .aeries-pink { color: #D81B60; } .aeries-purple { color: #5B45A7; } .aeries-brown { color: #926f61; } .aeries-background-default { background-color: #f6f6f6; } .aeries-background-green-light { background-color: #E7F4EB; } .aeries-background-red-light { background-color: #ffd4d3; } .aeries-background-red-light a#school-year-link { color: #D80027; } .aeries-background-red-light a#school-year-link img { height: 23px; padding-right: 5px; float: left; } .aeries-background-blue-light { background-color: #396DB5 !important; color: #f6f6f6; } .aeries-background-off-white { background-color: #ECEEF2; } .nonen { font-family: Verdana, Arial, Helvetica, sans-serif !important; } /* More Experimental */ .k-notification-info.k-group { background: #202020; color: #fff; } .info-notification { width: 200px; height: 50px; } .info-notification h3 { font-size: 1em; padding: 32px 10px 5px; } .info-notification span { float: left; margin: 30px 15px 30px 30px; } .aeries-badge { padding: 0 6px 2px; border-radius: 9px; font-weight: bold; color: #f6f6f6; } .aeries-badge.aeries-pink { background-color: #D81B60; color: #ffffff; } .aeries-badge.aeries-grey { background-color: #6C788D; } .aeries-badge.aeries-lighter-grey { background-color: #DFE3E9; } .aeries-badge.aeries-red { background-color: #c7504c; } .aeries-badge.aeries-blue { background-color: #396DB5; } .aeries-badge.aeries-orange { background-color: #F29851; } /* Error template */ .k-notification-error.k-group { background: #c7504c; color: #f6f6f6; } .error-notification { width: 200px; height: 50px; } .error-notification h3 { font-size: 1em; padding: 32px 10px 5px; } .error-notification span { float: left; margin: 30px 15px 30px 30px; } /* Success template */ .k-notification-upload-success.k-group { background: #0F6745; color: #f6f6f6; } .success-notification { width: 200px; height: auto; padding: 0 20px; } .success-notification h3 { font-size: 1.7em; font-weight: normal; display: inline-block; vertical-align: middle; } .success-notification span { display: inline-block; vertical-align: middle; margin-right: 10px; } .sub-head { color: #5E6D85; } .sub-head .sub-title { float: left; font-size: 1.4em; font-weight: bold; padding: 4px; } .sub-head .sub-options { float: right; padding: 6px; } .sub-head .sub-options .btn { padding: 0 12px; border-radius: 8px; } /* Expiremental */ #calendar-events div.widget-body { background-color: #ffffff; } #calendar-events .calendar-event-wrapper ul { padding-left: 0; } #calendar-events .calendar-event-wrapper .calendar-event.urgent-event { /* border-left: 3px solid @AeriesLightRed; */ } #calendar-events .calendar-event-wrapper .calendar-event.warning-event { /* border-left: 3px solid @AeriesOrange; */ } #calendar-events .calendar-event-wrapper .calendar-event.default-event { /* border-left: 3px solid @AeriesBlue; */ } #calendar-events .calendar-event-wrapper .calendar-event { list-style: none; border-bottom: 1px solid; border-color: #ECEEF2; padding: 10px 0; min-height: 45px; background-color: #ffffff; } #calendar-events .calendar-event-wrapper .calendar-event .calendar-event-datetime { text-align: center; } #calendar-events .calendar-event-wrapper .calendar-event .calendar-event-content { text-align: center; } #calendar-events .calendar-event-wrapper .calendar-event .calendar-event-content > .event-title { font-size: 0.9em; font-weight: 600; margin: 0; color: #345BA9; cursor: pointer; } #calendar-events .calendar-event-wrapper .calendar-event .calendar-event-datetime .event-day { font-size: 0.9em; } #calendar-events .calendar-event-wrapper .calendar-event .calendar-event-options { text-align: right; } #calendar-events .calendar-event-wrapper .calendar-event .calendar-event-options a { color: #345BA9; } #calendar-events .calendar-event-wrapper #calendar-background-icon { position: absolute; z-index: 1; top: 47%; left: 47%; } .background-icon { position: absolute; z-index: 1; top: 47%; left: 47%; } /* General */ /* Reset labels, we don't bold labels normally, align text of label */ form label { font-weight: normal; vertical-align: text-top; } .dropdown-menu { display: none; overflow-y: auto; max-height: 480px; } .dropdown-menu > li { border-bottom: solid #ECEEF2 1px; } .dropdown-menu > li:last-of-type { border-bottom: none !important; } .dropdown-menu > li > a { padding: 8px 20px; } .dropdown-menu a, .dropdown-menu-collapsed a { color: #202020; } /* Widgets */ #sub-stu-top-all .list-data { display: block; } #sub-stu-top-all label { font-weight: bold; } .widget-wrapper:not(#sub-stu-top-all) .widget-body { font-size: 1.2em; background-color: #ffffff; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info { padding: 0; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li { border-bottom: 1px solid #c8c9c9; padding: 12px 10px; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li .list-data { float: right; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.spacer { min-height: 52px; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title { font-size: 1.2em; text-align: center; color: #f6f6f6; padding: 3px !important; border-right: 1px solid #c8c9c9; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.blue { background-color: #396DB5; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.gray { background-color: #6C788D; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.green { background-color: #0F6745; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.red { background-color: #c7504c; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.purple { background-color: #5B45A7; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.pink { background-color: #D81B60; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.orange { background-color: #F29851; } .widget-wrapper:not(#sub-stu-top-all) .widget-body ul.list-info li.list-item-title.white { background-color: #ffffff; color: #202020 !important; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head { background-color: #ECEEF2; min-height: 40px; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head ul.nav.nav-tabs > li { color: #f6f6f6; border: unset !important; position: unset; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head ul.nav.nav-tabs > li > a { position: unset !important; height: 40px; padding: 0 5px; color: #5E6D85; cursor: pointer; background-color: #ECEEF2; border: unset !important; margin-right: 0; border-radius: unset; font-size: 0.9em; font-weight: bold; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head ul.nav.nav-tabs > li.active > a, .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head ul.nav.nav-tabs > li.active > a:focus, .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head ul.nav.nav-tabs > li.active > a:focus { cursor: default !important; border-bottom: 3px solid #396DB5 !important; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head ul.nav.nav-tabs > li:not(.active) > a:hover { /*color: @AeriesOffWhite;*/ border-bottom: 3px solid #D4EAF8 !important; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head .widget-options { font-size: 1.4em; padding: 8px; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head .widget-options .add-edit-delete { padding: 0 5px; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head .widget-title .nav-tabs li.tabLabel { margin-bottom: 0; padding-bottom: 0; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head .widget-title .nav-tabs li.tabLabel a.tab-label { background-color: transparent; border: none; outline: none; color: #5E6D85; border-radius: unset; padding-bottom: 10px !important; } .widget-wrapper:not(#sub-stu-top-all) .sub-page-head.widget-head .widget-title .nav-tabs li.tabLabel.active { border-bottom: #396DB5 4px solid; } #sub-stu-top-all-wrapper { margin-bottom: 8px; } #sub-stu-top-all.widget-wrapper .widget-head { background-color: #6C788D; height: 45px; } #sub-stu-top-all.widget-wrapper .widget-head .widget-options ul.nav-tabs li.active { border-bottom: 4px solid #396DB5; } #sub-stu-top-all.widget-wrapper .widget-head .widget-title .nav-tabs li.tabLabel { margin-bottom: 0; padding-bottom: 0; } #sub-stu-top-all.widget-wrapper .widget-head .widget-title .nav-tabs li.tabLabel a.tab-label { background-color: transparent; border: none; color: #5E6D85; border-radius: unset; padding-bottom: 10px !important; } #sub-stu-top-all.widget-wrapper .widget-head .widget-title .nav-tabs li.tabLabel.active { border-bottom: #396DB5 4px solid; } #sub-stu-top-all.widget-wrapper .widget-head .widget-title .nav-tabs li.tabLabel:not(.active):hover { border-bottom: #D4EAF8 4px solid !important; } #sub-stu-top-all.widget-wrapper .widget-body tr > td.Data { font-size: 0.9em !important; padding: 6px 12px 0 12px; border: unset; border-bottom: 1px #DFE3E9 solid; } #sub-stu-top-all.widget-wrapper .widget-body tr > td.Data a { font-weight: bold; } .form-section { font-size: 1.4em; border-bottom: lightgray solid 1px; border-top: lightgray solid 1px; padding-left: 14px; } .widget-collapse { cursor: pointer; padding: 0 9px 0 12px; position: relative; margin: -8px -9px 0 0; line-height: 42px !important; } .widget-options { float: right; } .widget-options .btn { font-size: 0.7em; padding: 0 12px; border-radius: 8px; } .widget-options a, .widget-options a:hover { text-decoration: none !important; } .widget-options ul.nav-tabs { background: 0 0; margin: 1px 0 0; display: inline-block; border: 0; } .widget-options ul.nav-tabs li { background: 0 0; position: relative; margin-bottom: -5px; } .widget-options ul.nav-tabs li a, .widget-options ul.nav-tabs li a:hover, .widget-options ul.nav-tabs li a:active, .widget-options ul.nav-tabs li a:focus { line-height: 0.6; font-size: 0.65em; border: none; outline: none; background-color: transparent; color: #f6f6f6 !important; margin: 0 0 5px 0; padding: 0 12px; } .widget-options ul.nav-tabs li:not(.widget-collapse-wrapper):hover { border-bottom: 4px solid #D4EAF8; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1); } .widget-footer { background-color: #ffffff; padding: 5px; border-top: solid 1px #DFE3E9; color: #345BA9; text-align: right; min-height: 20px; } .widget-footer a, .widget-footer a:hover, .widget-footer a:active { color: #345BA9; } #quick-resources.widget-wrapper > .widget-body { height: 253px; overflow: auto; background-color: #ffffff; } div.widget-wrapper#admin-tasks { background-color: #0F6745 !important; } div.widget-wrapper#admin-tasks .CatHeader.widget-head { background-color: #0F6745 !important; box-shadow: unset; } div.widget-wrapper#admin-tasks .widget-body { background-color: #0F6745 !important; } div.widget-wrapper#admin-tasks a, div.widget-wrapper#admin-tasks a:visited, div.widget-wrapper#admin-tasks a:hover { color: #ffffff; } /* Widget Floater */ .widget-floater { position: fixed; right: 23px; z-index: 2; } .widget-push { padding-right: 312px; } #admin-task-input-wrapper { margin-bottom: 30px; } #admin-task-input-wrapper .admin-task-input { height: 30px; border: none; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; background-color: #0F6745; color: #f6f6f6; padding: 0 0 0 8px; } .admin-task-list { padding: 6px 0 0 0; } .admin-task-list > div { padding: 6px 2px 2px 8px; font-size: 1em; } .admin-task-list .admin-task-delete { padding-left: 10px; font-size: 1em; } .admin-task-list .admin-task-body { padding: 0 8px; word-break: break-all; } .admin-task-input::-webkit-input-placeholder { color: #f6f6f6; } #search-student::-webkit-input-placeholder, #search-nav::-webkit-input-placeholder, #search-reports::-webkit-input-placeholder { color: #5E6D85 !important; } /* Aeries Style Buttons */ .btn:hover { text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); } .btn.aeries-red:not(.btn-outline) { color: #f6f6f6; background-color: #c7504c; border-color: #c7504c; } .btn.aeries-white:not(.btn-outline) { color: #ffffff !important; } .btn.aeries-orange:not(.btn-outline) { color: #f6f6f6 !important; background-color: #F29851; border-color: #F29851; } .btn.aeries-green:not(.btn-outline) { color: #f6f6f6; background-color: #0F6745; border-color: #0F6745; } .btn.aeries-blue:not(.btn-outline) { color: #f6f6f6 !important; background-color: #396DB5; border-color: #396DB5; } .btn.aeries-light-blue:not(.btn-outline) { color: #f6f6f6 !important; background-color: #396DB5; border-color: #396DB5; } .btn.btn-outline.aeries-white { border-color: #f6f6f6; color: #f6f6f6; background: 0 0; } .btn-outline { background-color: transparent; color: inherit; transition: all 0.5s; } .btn-primary.btn-outline { color: #345BA9; } .btn-off-white.btn-outline { color: #f6f6f6; background-image: none; background-color: transparent; border-color: #f6f6f6; } .btn-gray.btn-outline { color: #5E6D85; background-image: none; background-color: transparent; border-color: #5E6D85; } .btn-light-blue.btn-outline { color: #396DB5; background-image: none; background-color: transparent; border-color: #396DB5; } .btn-green.btn-outline { color: #0F6745; background-image: none; background-color: transparent; border-color: #0F6745; } .btn-blue.btn-outline { color: #345BA9; background-image: none; background-color: transparent; border-color: #345BA9; } .btn-red.btn-outline { color: #c7504c; background-image: none; background-color: transparent; border-color: #c7504c; } .btn-round { padding: 0 12px !important; border-radius: 8px !important; } .remove-button-style { border: unset; } .btn-warning.btn-outline { color: #F29851; } .btn-danger.btn-outline { color: #c7504c; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #f6f6f6; } body { color: #5E6D85; font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; font-size: 1em; margin: 3px 0px; } body.nonen { font-family: Verdana, Arial, Helvetica, sans-serif !important; } body.print { font-size: 10px; line-height: 12px; min-width: 1024px; margin: 0; padding: 0; } body.print .col-xs-12 { width: 50%; } body.print .col-sm-12 { margin: 3px 0 2px 0; width: 100%; clear: both; } input { background-color: #ffffff; } .aeries-label-danger { background-color: #c7504c !important; } /* Subs */ .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; padding-left: 0 !important; padding-right: 0 !important; } .list-unstyled { padding-left: 0; list-style: none; background-color: #fff; color: #5E6D85; } ul.list-unstyled.every-other { background-color: #f6f6f6; } #stu-top-all-body .list-info li { border-bottom: 1px solid #DFE3E9; text-align: right; padding-top: 6px; font-size: 0.9em !important; } #stu-top-all-body .list-info li label { float: left; width: auto; } .list-info li:last-of-type { border-bottom: none !important; } ul.list-unstyled.every-other > li { border-bottom: 1px solid #ECEEF2; } .panel-aeries > .panel-heading { color: #f6f6f6; background-color: #6C788D; font-size: 1.3em; box-shadow: 1px 1px 3px #202020; z-index: 2; position: relative; border-radius: unset; } .panel-heading.line { margin: 0 !important; } .panel { margin-bottom: 0 !important; border-radius: unset; } .panel-body { padding: 0 !important; margin: 0 2px !important; border: 2px solid #ECEEF2 !important; } ul, ol { margin-bottom: 0 !important; } /* Nav */ #nav { font-size: 1.3em; padding: 0 2px; margin: 0 -4px; } /* Nav */ #navparent { font-size: 1.3em; padding: 0; margin: 0; height: 56px; width: 100%; } #nav-container { height: 56px; position: relative; z-index: 999; background-color: #ffffff; color: #5E6D85 !important; background-image: url(../images/AeriesLine.png); background-repeat: no-repeat; background-position: right bottom; padding: 0; } .navbar-school-dropdown { /*margin: 0 auto; display: table; table-layout: fixed; float:none;*/ } #nav-settings { line-height: 56px; font-size: 1em; } #nav-settings .nav-buttons > a { padding: 0 8px !important; line-height: 53px; } .navbar-collapse.in { background-color: #ffffff; } .student-picture-wrapper { padding-left: 4px; } .nav > li > a { color: #5E6D85; padding-bottom: 5px !important; padding-top: 10px !important; } .nav > li > a:focus, .nav > li > a:hover { background: none !important; } .nav > li > a.menu-toggle { color: #6C788D; padding-right: 18px; } #menu-toggle-close { float: left; } .menu-toggle > #shrink-sidebar-icon { padding: 9px 10px 14px 18px; margin: 0px !important; font-size: 2.4em; } #shrink-sidebar-icon:hover { text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); font-weight: bold; } #expand-sidebar-icon:hover { font-weight: bold; } .navbar a:hover, .navbar a:focus { outline: none; } .navbar-right .dropdown-menu-collapsed li a:hover, .navbar-right .dropdown-menu li a:hover { box-shadow: inset 0px 1px 13px rgba(0, 0, 0, 0.1); } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } ul.dropdown-menu { background-color: #ffffff !important; color: #5E6D85 !important; } #nav-account-dropdown { margin-top: 2px; width: 305px; } .highlight-state-reporting-fields > label { color: #5E6D85; font-weight: 400; padding-right: 10px; border-bottom: 2px solid #0F6745; background: #E5FFE5; } #Ul1 { padding-right: 0; } #school-dropdown-wrapper { height: 55px; } .student-picture { width: 55px; height: 55px; border: 3px solid #DFE3E9; background-size: 10px; border-radius: 30px; position: relative; } .student-picture:hover .student-picture-overlay { width: 100%; height: 100%; position: absolute; background-color: #202020; opacity: 0.5; border-radius: 30px; padding-top: 8px; } #student-name-nav { font-size: 0.6em; color: #5E6D85; text-align: center; } #student-picture-down-icon { position: relative; top: 30px; left: 35px; color: #DFE3E9; display: none; } .student-group-icons { font-size: 1.3em !important; } .student-group-icons:hover, .student-group-icons:active { color: #5E6D85; } .student-group-icon { padding-top: 8px; } .search-student-next { top: 18px; right: -5px; position: relative; font-size: 1.4em !important; } .search-student-prev { top: 4px; left: -2px; position: relative; font-size: 1.4em !important; } #school-name-link { font-size: 1em; padding: 16px !important; } #school-year-link { font-size: 1em; padding: 16px 0 16px 10px !important; min-width: 115px !important; } .school-name-nolink-nav-text { display: inline-block; float: left; font-size: 1em; padding: 0 16px !important; height: 53px; line-height: 53px; } .school-year-nolink-nav-text { display: inline-block; float: left; font-size: 1em; min-width: 115px !important; height: 53px; line-height: 53px; } #school-year-nav { height: 52px; font-size: 1em; } #nav-school-settings { padding-left: 0 !important; } .student-profile-nav { display: none; width: 100%; height: auto; margin-left: -2px; } .student-profile-nav .student-profile-nav-item { padding: 0 10px; color: #f6f6f6; background-color: #396DB5; margin-right: 0 !important; } .student-profile-nav .student-select { padding: 0 10px; } .student-profile-nav #student-search-wrapper { border-bottom: 1px solid #DFE3E9; } .search-input { padding: 0 10px !important; border: none; background-color: #f6f6f6 !important; border-radius: 20px !important; color: #5E6D85; font-size: 0.8em; } /* page content */ #page-header { padding: 10px 2px; } /* Sidebar Styles */ #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 235px; } #sidebar-wrapper { overflow: hidden; color: #5E6D85; z-index: 1090; position: fixed; left: 220px; width: 235px; height: 100%; margin-left: -220px; background: #ffffff; border-right: 2px solid #DFE3E9; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } #sidebar-wrapper .sidebar-item { /*border-bottom: 1px solid @AeriesOffWhite !important;*/ } #sidebar-wrapper .sidebar-item:not(.parent-wrapper) { /*border-bottom: 1px solid @AeriesOffWhite !important; background-color: @AeriesLighterGray;*/ } #sidebar-wrapper .sidebar-root-link-wrapper > tbody > tr > td.sidebar-link > a.LeafNode { position: relative; display: table-cell; vertical-align: middle; } #wrapper.toggled #sidebar-wrapper { width: 220px; } div.main-content-placeholder.container-fluid { padding: 0px 15px 15px !important; left: -1px; position: relative; background-color: #f6f6f6; } #sidebar-no-results { display: none; text-align: center; width: 100%; font-size: 15px; padding: 12px 0; margin: 0; line-height: 30px; } #sidebar-quick-access { background-color: #ffffff; display: block; clear: both; overflow: hidden; width: 243px; height: 58px; box-sizing: border-box; margin: 0 !important; padding: 0 !important; border: 0 !important; } .sidebar-quick-access-wrapper-on { background: #f6f6f6; box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0px 0px !important; } .aeries-blue.sidebar-quick-access-wrapper { margin-left: 2px; } .aeries-yellow.sidebar-quick-access-wrapper { margin-right: 2px; } .sidebar-quick-access-wrapper { box-sizing: border-box; width: 81px; float: left; padding: 10px 12px 8px; margin: 0 !important; } .sidebar-quick-access-wrapper:hover { background: #f6f6f6; } .sidebar-quick-access-text { /*font-weight: bold;*/ } .sidebar-quick-access-icon { font-size: 1.5em !important; } .sidebar-quick-access-icon.sidebar-quick-access-icon-on { display: none; } .expand-sidebar { position: relative; top: 12px; padding: 20px 16px 10px 20px; color: #DFE3E9; } #menu-toggle:hover, #menu-toggle:active { color: #6C788D; } .TreeNode, .RootTreeNode, .TreeNodeSelected, .TreeNodeHover { text-decoration: none; font-size: 1em !important; } .RootTreeNode:focus, .sub-parent:focus { text-decoration: none; } .TreeNode { width: 243px; height: 34px; line-height: 15px; /*:hover { background-color: @AeriesLightestBlue; }*/ } .LeafNode > a { padding-left: 16px !important; } .LeafNode > a, .LeafNode > a:hover, .LeafNode > a:focus { color: #202020; } .TreeNode > a:hover, .TreeNode > a:focus, .TreeNode > a:active { text-decoration: none; font-weight: normal !important; outline: none; } .TreeNode:not(.LeafNode) { color: #345BA9; } .sidebar-link-wrapper { position: relative; } .sidebar-link-wrapper a:first-child { min-width: 9px; } .sidebar-link-wrapper a { display: inline-block; min-height: 5px; } .sidebar-link-wrapper img { position: absolute; margin: -8px 0 0 3px; } #ctl00_NavigationTreen1Nodes { padding-bottom: 40px; } /* Hovers and Selected */ .TreeView .zebra:hover, .TreeView .sidebar-link-wrapper.selected-link-wrapper { background-color: #57A5DA !important; } li.reports-root-link:hover, li.Selected, #sidebar-reports li.expanded { background-color: #C2E1CE !important; } .favs .sidebar-link-wrapper:hover { background-color: #F1D89C !important; } /* TEMPORARY SIDEBAR ALIGNMENT WITH THESE 2 LINKS*/ .student-flags-wrapper a { padding-left: 20px; font-weight: 500; } .student-flags-wrapper a:hover, .student-flags-wrapper a:active, .student-flags-wrapper a:focus { text-decoration: none; color: #5E6D85; } .external-links-wrapper { line-height: 30px !important; } .external-links-wrapper a { left: 20px; position: relative; color: #5E6D85; } .school-city-stars-wrapper { padding-bottom: 20px; } .school-city-stars-wrapper .school-city-stars a:hover, .school-city-stars-wrapper .school-city-stars a:active, .school-city-stars-wrapper .school-city-stars a:focus { text-decoration: none; } /* TEMPORARY END*/ #ul-sidebar-nav { position: absolute; top: 0; width: 245px !important; margin: 0; padding: 0; list-style: none; display: flex; flex-flow: column; justify-content: flex-start; /* align items in Main Axis */ align-items: stretch; /* align items in Cross Axis */ align-content: stretch; /* Extra space in Cross Axis */ height: 100%; } #sidebar-header { list-style-type: none !important; width: 243px; float: left; clear: both; background-color: #ffffff; transition: all 0.5s ease; } #sidebar-content { flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .slimScrollDiv { width: 100% !important; } #wrapper.toggled .sidebar-stayput { opacity: 0; width: 0px; transition: all 0.45s ease; } .sidebar-search { float: left; text-indent: 5px; line-height: 27px; height: 40px; font-size: 1.2em; background-color: #ffffff; padding: 0 0 0 8px; width: 100% !important; box-sizing: border-box; } .submit-student-search-sidebar { padding: 5px 9px 5px 5px !important; border-radius: 0 3px 3px 0 !important; float: left; display: inline-block; } .submit-student-search-sidebar:hover { color: #ffffff; } .sidebar-nav li a.menu-toggle { color: #DFE3E9; } .sidebar-nav li a.menu-toggle:hover { color: #6C788D; } .sidebar-nav > .sidebar-brand { height: 56px; /*border-bottom: @AeriesBlue 3px solid;*/ } .sidebar-nav > .sidebar-brand > a { width: 221px; padding: 0px !important; } .sidebar-nav > .sidebar-brand a { color: #345BA9; } .sidebar-nav > .sidebar-brand a:hover { color: #DFE3E9; background: none; } .sidebar-item-icon { padding-right: 10px; } .student-flag-image { padding-left: 16px; display: none; } .parent-wrapper { /*border-top: 1px solid @AeriesOffWhite !important; border-bottom: 1px solid @AeriesOffWhite !important;*/ box-shadow: #d6d3d3 0px 2px 4px 0px; } .parent-wrapper :hover { background-color: #396DB5; } .parent-wrapper :hover a.parent, .parent-wrapper :hover span.parent-icon { color: #f6f6f6 !important; } .parent-wrapper a.parent:not(.sub-parent) { left: 16px; position: relative; } .parent-wrapper span.parent-icon { right: 12px; position: relative; z-index: 101; } .parent-wrapper.aeries-background-blue-light { border-top: 1px solid #f6f6f6 !important; } .parent-wrapper.aeries-background-blue-light a.parent, .parent-wrapper.aeries-background-blue-light span.parent-icon { color: #f6f6f6 !important; } .favs { padding: 0 3px 10px 0 !important; } .parent-wrapper.favs { display: none !important; } .favs.sidebar-child-list.sidebar-item.remove-from-sidebar-search { background-color: #ffffff; } .fav-pop-up { background-color: #F2BB51; color: #f6f6f6; height: 30px; } .fav-pop-up-cancel { position: absolute; right: 0; height: 30px; width: 50px; padding: 5px 5px 0 0; cursor: pointer; } #cancel-edit-favorite { color: #fff !important; padding: 4px 10px 4px 20px; text-decoration: none !important; } table.parent-wrapper > tbody > tr > td:first-of-type:not(.sub-expand-collapse-wrapper) { position: relative; right: -16px; } .sub-expand-collapse-wrapper { position: relative; left: 17px; } .sidebar-child-list table { border: 1px solid red; } div.sidebar-child-list { margin: 0; padding: 0; list-style: none; display: none; background-color: #f6f6f6; } div.sidebar-child-list > table > tbody > tr td > a { left: 5px; position: relative; display: table-cell; vertical-align: middle; } div.sidebar-child-list > table > tbody > tr td > a.sub-parent { left: 21px; position: relative; } div.sidebar-child-list > table > tbody > tr td > span.parent-icon { right: 15px; top: 8px; position: relative; } div.sidebar-child-list div.sidebar-child-list { background-color: #ECEEF2; } div.sidebar-child-list div.sidebar-child-list > table > tbody > tr td > a.LeafNode { padding-left: 22px !important; width: 225px; } div.sidebar-child-list div.sidebar-child-list > table > tbody > tr td > a.sub-parent { left: 28px; position: relative; } div.sidebar-child-list div.sidebar-child-list div.sidebar-child-list { background-color: #DFE3E9; } div.sidebar-child-list div.sidebar-child-list div.sidebar-child-list > table > tbody > tr td > a { padding-left: 30px !important; width: 220px; } .sidebar-child-list li { line-height: 20px; } input[type=text]::-ms-clear { display: none; } /* Sidebar Search Input */ .quick-search-input { width: 230px; color: #5E6D85; margin-right: 3px; padding-left: 10px; border: none; border-radius: 30px; height: 25px; line-height: 30px; } #search-nav-icon { padding-left: 5px; } #search-student { height: 30px; line-height: 30px; width: 192px; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05); border-radius: 3px 0 0 3px !important; border-right: 0 !important; box-sizing: border-box !important; float: left; display: block; padding: 0 2px 0 34px !important; margin: 0 !important; background: #f6f6f6 url(../images/student.png); background: url(../images/student.svg), linear-gradient(#f6f6f6, #f6f6f6); background-size: 19px 21px; background-repeat: no-repeat; background-position: 6px 3px; } #search-student-description { display: none; font-size: 10px; text-align: center; width: 100%; clear: both; } #search-student-description img { width: 10px; height: 10px; } #reset-search-nav { display: none; color: #345BA9; padding-left: 10px; cursor: default; } #submit-search-nav { display: none; } #ctl00_gridReports a { color: #926f61 !important; } #search-nav-wrapper, #search-reports-wrapper { box-sizing: border-box; border-bottom: 2px solid #DFE3E9; width: 243px; height: 39px; line-height: 35px; float: left; background-color: #f6f6f6; font-size: 15px; position: relative; box-shadow: inset 0 -3px 6px 0px rgba(0, 0, 0, 0.04); } #search-nav-wrapper { width: 243px; height: 39px; line-height: 35px; float: left; background-color: #f6f6f6; position: relative; font-size: 15px; } #search-nav-wrapper #search-nav { padding: 0 0 0 10px; float: left; width: 180px; border-radius: 0; margin: 4px 0 0 0; height: 31px; } #search-nav-wrapper .input-icon { top: 0; left: 6px; float: left; width: 30px; overflow: hidden; } #search-nav-wrapper .input-icon span { display: block; padding: 13px 8px 10px; color: #345BA9; } #search-nav-wrapper input { border: 0; background-color: transparent; } #search-reports-wrapper { display: none; } #search-reports-wrapper #search-reports { padding: 0 0 0 10px; float: left; width: 180px; border-radius: 0; margin: 4px 0 0 0; height: 31px; } #search-reports-wrapper .input-icon { top: 0; left: 6px; float: left; width: 30px; overflow: hidden; } #search-reports-wrapper .input-icon span { display: block; padding: 13px 8px 10px; color: #0F6745; } #search-reports-wrapper input { border: 0; background-color: transparent; } #reports-base-list { list-style: none; text-align: left; font-size: 1em; padding-left: 0; } #reports-base-list li.reports-root-link { padding: 0 8px 0 16px; cursor: pointer; } #reports-base-list li.reports-root-link > a { color: #202020; text-decoration: none; } #reports-base-list li.reports-root-link > a > span { vertical-align: middle; display: table-cell; line-height: 15px; height: 34px; width: 243px; } #reports-base-list div.reports-category-title { font-size: 1.1em; color: #0F6745; border-top: 1px solid #f6f6f6; padding-left: 16px; width: 243px; height: 34px; line-height: 34px; cursor: pointer; box-shadow: #d6d3d3 0px 3px 4px 0px; } #reports-base-list div.reports-category-title span.category-title-icon { right: 12px; position: relative; z-index: 101; padding: 9px 0 0 0; float: right; } #reports-base-list div.reports-category-title:hover, #reports-base-list div.reports-category-title.expanded, #reports-base-list div.reports-category-title.Selected { background-color: #0F6745; color: #f6f6f6; } #reports-base-list ul.reports-list { display: none; list-style: none; padding-left: 0; background-color: #f6f6f6; } #reports-base-list ul.reports-list li.report-link-wrapper { cursor: pointer; } #reports-base-list ul.reports-list li.report-link-wrapper > a.report-link { height: 34px; line-height: 34px; padding-left: 24px; text-decoration: none; color: #202020; } #reports-base-list ul.reports-list li.report-link-wrapper:hover { background-color: #ECEEF2; } #sidebar-pages { background-color: #ffffff; } #sidebar-reports { padding: 0 0 20px 0; background-color: #ffffff; } #search-student-next-prev-wrapper { padding-right: 8px; font-size: 0.6em; } #change-student-control a:hover, #change-student-control a:focus, #change-student-control a:active { text-decoration: none !important; background: rgba(255, 255, 255, 0.04); color: #ffffff; } a.student-next-prev:hover, a.student-next-prev:focus, a.student-next-prev:active { text-decoration: none !important; text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); color: #ffffff !important; } input:focus { outline: none; } /* BOTTOM BARS ================================= */ .bar { float: left; position: relative; display: block; width: 243px; top: 2px; } .bar:before, .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; transition: 0.2s ease all; } .bar-blue:before, .bar:after { background: #345BA9; } .bar-green:before, .bar-green:after { background: #0F6745; } .bar-red { top: 5px !important; width: 230px; } .bar-red:before, .bar-red:after { background: #c7504c; } .bar-brown:before, .bar-brown:after { background: #926f61; } .bar-white:before, .bar-white:after { background: #f6f6f6; } .bar:before { left: 50%; } .bar:after { right: 50%; } /* active state*/ input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; } .tinymode { display: none; } .normalmode { display: inline-block; } .navbar-right { margin: 0 !important; } /* #region Media Queries for Different Screen Sizes and Printing */ /* Retina Displays that will effectively turn the site into < 1024 - We have to do some terrible hacks to make the popups / general content fit. */ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1100px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1100px), only screen and (min-resolution: 120dpi) and (max-width: 1100px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1100px), only screen and (-o-min-device-pixel-ratio: 2) and (max-width: 1100px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1100px), only screen and (min-resolution: 192dpi) and (max-width: 1100px), only screen and (min-resolution: 2dppx) and (max-width: 1100px) { .main-content-placeholder { -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); width: 142%; height: 122%; } } /* Normal Desktop and beyond */ @media only screen and (min-width: 992px) { #wrapper { padding-left: 235px; } #wrapper.toggled { padding-left: 0; } #wrapper.toggled a.expand-sidebar { display: inline; } #sidebar-wrapper { width: 245px; } #wrapper.toggled #sidebar-wrapper { width: 0; } a.expand-sidebar { display: none; } } /* Ipad Pro - Ipads, Small Desktops */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { .student-full-name, .student-name-list { width: 260px !important; } } /* Very Very Tiny Screens, like Iphone, Ipad Portrait etc.*/ @media only screen and (max-width: 768px) { .tinymode { display: inline-block !important; } .normalmode { display: none !important; } .navbar-nav { margin: 0 !important; float: left; } .navbar-nav li { float: left; } .navbar-right { float: right !important; margin-right: 50px; } .menutable { font-size: 0.9em; } .tabLabel a { padding: 0 7px !important; } .hidetiny { display: none !important; } } /* Very Tiny Screens */ @media only screen and (max-width: 991px) { #wrapper { padding-left: 0; } #wrapper.toggled { padding-left: 0; } #sidebar-wrapper { z-index: 99999; width: 245px; } #wrapper.toggled #sidebar-wrapper { width: 0; } a.expand-sidebar { display: inline; } ul > li.student-picture-wrapper { display: none; } .student-full-name, .student-name-list { width: 200px !important; } .forceRight { position: absolute !important; right: 3px !important; margin: 0 0 0 -273px !important; border-radius: 0 0 4px 4px !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important; } .forceRight li { width: 100%; } .topdynamicmenu { padding: 0 8px !important; } } /* Smaller Desktop Screens */ @media only screen and (max-width: 1180px) { .menutable > tbody > tr > td:last-child .SubTab { right: 3px !important; } } /* Fanciful hide show columns in the student search popup */ @media only screen and (max-width: 1024px) { div.StudentSearchModal .wide, div.StudentSearchModal .wider { display: none; } .contact-list span { word-break: break-all; } } @media only screen and (min-width: 1025px) { div.StudentSearchModal .narrow { display: none; } div.StudentSearchModal .wider { display: none; } } @media only screen and (min-width: 1224px) { div.StudentSearchModal .wider { display: table-cell; } .contact-list span { white-space: nowrap; } } /*PRINT STUFF*/ @media print { * { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; page-break-after: auto !important; page-break-before: auto !important; page-break-inside: auto !important; } html, body, .main-content-placeholder { font-size: 9pt !important; color: #000 !important; background-color: #FFF !important; padding: 0 !important; margin: 0 !important; width: auto !important; height: auto !important; min-width: 1024px !important; overflow: visible !important; position: static !important; border: 0 !important; } /* Hide Side nav and top nav */ #sidebar-wrapper, #nav, #navparent, .nav-tabs, #ctl00_trTop { display: none !important; } /* Hide Buttons */ .btn, .k-button, input[type="button"], input[type="submit"] { display: none !important; } /* Control Tab content for SubStuTopAll */ .tab-content > .tab-pane { min-height: unset !important; padding: 0; margin: 0; } /* Hide Hyperlink urls */ a[href]:after { content: none !important; } .printhide { display: none !important; } .col-xs-12 { width: 50% !important; } .col-sm-12 { margin: 3px 0 10px 0; width: 100%; clear: both; } .new-page { page-break-after: avoid; } .force-print-page { page-break-before: always; } .AlertBox:before, .InfoBox:before, .NotificationBox:before, .SuccessBox:before { display: none !important; content: "" !important; } } /* #endregion Media Queries for Different Screen Sizes and Printing */ .page-head { height: 44px; background-color: #ffffff; } .page-head .page-title { font-size: 1.35em; padding: 7px 10px; float: left; } .page-head .page-option-readonly { padding: 10px; border-left: 1px solid #ECEEF2; } .page-head .page-option-default { padding: 10px; border-left: 1px solid #ECEEF2; cursor: pointer; } .page-head .page-option-default:hover { background-color: #f6f6f6; } .page-head .fa.fa-star-o.page-option-default, .page-head .fa.fa-star-o.page-option-readonly { color: #5E6D85 !important; } .page-head .page-options { float: right; height: auto; } .page-head .page-options .page-flag { float: left; } .page-head .page-options .page-flag .page-flag-text, .page-head .page-options .page-flag .page-flag-edit { padding-right: 9px; display: none; } .page-head .page-options .page-flag.flagged { color: #BE212F; background-color: #ffe5e5; } .page-head .page-options .page-flag.flagged .page-flag-text, .page-head .page-options .page-flag.flagged .page-flag-edit { display: inline; } .page-head .page-options .btn-group { height: auto; border-left: 1px solid #ECEEF2; vertical-align: unset; } .page-head .page-options .btn-group #page-options-dropdown { width: 45px; } .page-head .page-options .btn-group #page-options-dropdown #page-options-dropdown-icon { text-align: center; padding: 10px 20px; } .page-head .page-options .btn-group:hover { background-color: #f6f6f6; } .page-head .page-options .dropdown-menu { left: -120px; } .page-head .page-options .favorite-submit { padding-left: 8px; font-size: 2em; position: relative; top: 5px; } .student-profile-nav .page-title-wrapper { display: none; } /* Page Content */ .page-title-wrapper .content-page-title { background-color: #396DB5 !important; color: #f6f6f6 !important; font-size: 2em !important; padding: 10px; } .TabBackDrop .ajax__tab_disabled { cursor: default; color: #A0A0A0; } .ajax__tab_default .ajax__tab_header_verticalleft .ajax__tab_tab span { overflow: hidden; text-align: left; display: -moz-inline-box; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } /* TABS TabBackDrop theme top / default */ .TabBackDrop .ajax__tab_header { /* font-family:verdana,tahoma,helvetica; */ font-family: 'Nunito Sans', Nunito, Verdana, Arial; margin-left: 2px; } body.nonen .TabBackDrop .ajax__tab_header { font-family: Verdana, Arial, Helvetica, sans-serif !important; } .TabBackDrop .ajax__tab_header .ajax__tab_outer { padding-right: 0; height: 30px; margin: 0 1px; } .TabBackDrop .ajax__tab_header .ajax__tab_inner { padding-left: 0; } .TabBackDrop .ajax__tab_header .ajax__tab_tab { height: 30px; padding: 8px; margin: 0px; } .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_outer { cursor: pointer; } .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_inner { cursor: pointer; } .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { cursor: pointer; } /* remove all the images used by default on tabs */ .TabBackDrop .ajax__tab_header, .TabBackDrop .ajax__tab_header .ajax__tab_outer, .TabBackDrop .ajax__tab_header .ajax__tab_inner, .TabBackDrop .ajax__tab_header .ajax__tab_tab, .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_outer, .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_inner, .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_tab, .TabBackDrop .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .TabBackDrop .ajax__tab_header .ajax__tab_active .ajax__tab_inner, .TabBackDrop .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background: 0; outline: unset; } /* tab */ .TabBackDrop .ajax__tab_header .ajax__tab_outer { background-color: #ECEEF2; border-radius: 5px 5px 0 0; } /* selected tab */ .TabBackDrop .ajax__tab_header .ajax__tab_hover .ajax__tab_outer, .TabBackDrop .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background-color: #396DB5; color: #f6f6f6; border-radius: 5px 5px 0 0; } .TabBackDrop .ajax__tab_body { /* font-family: verdana,tahoma,helvetica; */ font-family: 'Nunito Sans', Nunito, Verdana, Arial; font-size: 0.92em; border: 0; padding: 0; /*background: @AeriesNearlyWhite; margin: 0 2px;*/ } body.nonen .TabBackDrop .ajax__tab_body { font-family: Verdana, Arial, Helvetica, sans-serif !important; } /* TABS TabBackDrop theme vertical left */ .TabBackDrop .ajax__tab_header_verticalleft { font-family: 'Nunito Sans', Nunito, Verdana, Arial; background: none !important; font-size: 0.8em; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_outer { background: #ECEEF2; height: 30px; border-radius: 5px 0 0 5px; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_inner { background: none !important; padding: 0 0 0 8px; margin: 0; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_tab { background: none !important; padding: 0; margin: 0; line-height: 30px; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_outer { cursor: pointer; background: #396DB5; color: #f6f6f6; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner { background: none !important; cursor: pointer; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab { background: none !important; cursor: pointer; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_active { background: none !important; color: #f6f6f6; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_outer { cursor: pointer; background: #396DB5; color: #f6f6f6; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner { background: none !important; color: #f6f6f6; } .TabBackDrop .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab { background: none !important; color: #f6f6f6; } .TabBackDrop .ajax__tab_body_verticalleft { border: 1px solid #DFE3E9; border-left: 0; padding: 8px; background-color: #ffffff; } .ajax__tab_body_verticalleft { font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; } /* TABS TabBackDrop theme vertical right */ .TabBackDrop .ajax__tab_header_verticalright { font-family: 'Nunito Sans', Nunito, Verdana, Arial; /*font-family:verdana,tahoma,helvetica;*/ font-size: 0.8em; background: url(../images/tabs/tab-line.gif) repeat-y left; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_outer { padding-right: 4px; background: url(../images/tabs/tab-right-verticalright.gif) no-repeat right; height: 21px; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_inner { padding-left: 3px; background: url(../images/tabs/tab-left-verticalright.gif) no-repeat; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_tab { padding: 4px; margin: 0px; background: url(../images/tabs/tab-verticalright.gif) repeat-x; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_outer { cursor: pointer; background: url(../images/tabs/tab-hover-right-verticalright.gif) no-repeat right; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_inner { cursor: pointer; background: url(../images/tabs/tab-hover-left-verticalright.gif) no-repeat; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_hover .ajax__tab_tab { cursor: pointer; background: url(../images/tabs/tab-hover-verticalright.gif) repeat-x; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_active { margin-top: 1px; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_outer { background: url(../images/tabs/tab-active-right-verticalright.gif) no-repeat right; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_inner { background: url(../images/tabs/tab-active-left-verticalright.gif) no-repeat; } .TabBackDrop .ajax__tab_header_verticalright .ajax__tab_active .ajax__tab_tab { background: url(../images/tabs/tab-active-verticalright.gif) repeat-x; } .TabBackDrop .ajax__tab_body_verticalright { font-family: 'Nunito Sans', Nunito, Verdana, Arial; /*font-family:verdana,tahoma,helvetica;*/ font-size: 0.92em; border: 1px solid #6C788D; border-right: 0; padding: 8px; background-color: #ffffff; } /* TABS header on bottom */ .TabBackDrop .ajax__tab_header_bottom { font-family: 'Nunito Sans', Nunito, Verdana, Arial; /*font-family:verdana,tahoma,helvetica;*/ font-size: 0.8em; background: url(../images/tabs/tab-line.gif) repeat-x top; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_outer { padding-right: 4px; background: url(../images/tabs/tab-bottom-right.gif) no-repeat right; height: 21px; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_inner { padding-left: 3px; background: url(../images/tabs/tab-bottom-left.gif) no-repeat; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_tab { height: 17px; padding: 0px 4px 4px 4px; margin: 0px; background: url(../images/tabs/tab-bottom.gif) repeat-x; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_outer { cursor: pointer; background: url(../images/tabs/tab-bottom-hover-right.gif) no-repeat right; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_inner { cursor: pointer; background: url(../images/tabs/tab-bottom-hover-left.gif) no-repeat; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_hover .ajax__tab_tab { cursor: pointer; background: url(../images/tabs/tab-bottom-hover.gif) repeat-x; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_outer { background: url(../images/tabs/tab-bottom-active-right.gif) no-repeat right; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_inner { background: url(../images/tabs/tab-bottom-active-left.gif) no-repeat; } .TabBackDrop .ajax__tab_header_bottom .ajax__tab_active .ajax__tab_tab { background: url(../images/tabs/tab-bottom-active.gif) repeat-x; } .TabBackDrop .ajax__tab_body_bottom { font-family: 'Nunito Sans', Nunito, Verdana, Arial; /*font-family:verdana,tahoma,helvetica;*/ font-size: 0.92em; border: 1px solid #6C788D; border-bottom: 0; padding: 8px; background-color: #ffffff; } /* TABS scrolling */ .TabBackDrop .ajax__scroll_horiz { overflow-x: scroll; } .TabBackDrop .ajax__scroll_vert { overflow-y: scroll; } .TabBackDrop .ajax__scroll_both { overflow: scroll; } .TabBackDrop .ajax__scroll_auto { overflow: auto; } .TabBackDrop .ajax__scroll_none { overflow: hidden; } .ajax__tab_xp .ajax__tab_body { /* font-family:verdana,tahoma,helvetica; */ font-family: 'Nunito Sans', Nunito, Verdana, Arial; font-size: 0.92em; border: 0; border-top: 0; padding: 0; } .ajax__tab_xp .ajax__tab_header .ajax__tab_tab { height: auto !important; } /* removes orange border on active tab when selected */ .ajax__tab_tab { outline: none; } /* sets a vertical line between all tabs*/ .TabBackDrop .ajax__tab_header .ajax__tab_outer { border-left: 1px solid #ECEEF2; } /* removes vertical line to the left of the first tab */ .TabBackDrop > .ajax__tab_header > span:first-child > .ajax__tab_outer { border-left: 0; } .BackDrop { background-color: #DFE3E9; border-color: #5E6D85; border-width: 2px; border-style: solid; padding: 5px 5px 5px 5px; } .NavTreeContainer2 { /* display:block; width:170px; border-style:none; border-width:0px; background-color:#D0DDEE; border-color:#D0DDEE; overflow:hidden; */ } .OldTabBackDrop .ajax__tab_header { font-size: 1em; font-weight: bold; color: #202020; font-family: sans-serif; background: url(img/blue_bg.jpg) repeat-x; } .OldTabBackDrop .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer { height: 46px; background: url(img/blue_left.jpg) no-repeat left top; } .OldTabBackDrop .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner { height: 46px; margin-left: 16px; /* offset the width of the left image */ background: url(img/blue_right.jpg) no-repeat right top; } .OldTabBackDrop .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab { margin: 16px 16px 0px 0px; } .OldTabBackDrop .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab { color: #DFE3E9; } .OldTabBackDrop .ajax__tab_body { font-family: verdana,tahoma,helvetica; font-size: 0.92em; border: 0; border-top: 0; padding: 0; background-color: #5E6D85; } .Data_IMM { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #ECEEF2; border-right-color: #ECEEF2; color: #202020; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #BE212F; font-size: 1em; } body.nonen .Data_IMM, body.nonen .txtBoxTitle { font-family: Verdana, Arial, Helvetica, sans-serif !important; } .txtBoxTitle { background-color: #ECEEF2; color: #5E6D85; font-weight: bold; font-size: 1em; border-style: none; text-align: center; width: 9px; padding: 0px 0px 0px 0px; } input.txtATT { font-family: Fixedsys, monospace, Courier New, Courier, sans-serif; min-height: 25px !important; width: 16px; display: none; } .BoxPds { font-family: Fixedsys, monospace, Courier New, Courier, sans-serif; background-color: #DFE3E9; font-weight: normal; font-size: 1em; border-style: none; text-align: center; width: 10px; cursor: pointer; border: 0 !important; letter-spacing: -0.5px; } .LblPds { font-family: Fixedsys, monospace, Courier New, Courier, sans-serif; font-weight: lighter; border-style: none; text-align: center; cursor: pointer; } .LblPdsTd:hover { background-color: #ECEEF2 !important; } body.Main { font-size: 1em; margin-top: 3px; margin-left: 3px; margin-right: 3px; color: #5E6D85; background-color: #ffffff; height: 100%; } body.Main #aspnetForm { height: 100%; margin: 0; padding: 0; } body.Main #aspnetForm #wrapper { height: 100%; } body.MainParent { font-size: 15px; margin-top: 3px; margin-left: 3px; margin-right: 3px; color: #202020; background-repeat: repeat-x; background-color: #ECEEF2; } a { color: #345BA9; } .Data a, a.ajax__tab_tab { color: #345BA9; } a.ajax__tab_tab:hover { color: #ECEEF2; } a:hover { text-decoration: none; color: #202020; } input { font-size: 0.92em; font-family: 'Nunito Sans', Nunito, Verdana, Arial; } body.nonen input { font-family: Verdana, Arial, Helvetica, sans-serif !important; } select { font-size: 0.92em; } .DropDownRow { border: 1px solid #E7EFF3; background-color: #ffffff; cursor: pointer; cursor: hand; } .DropDownHeaderRow { background-color: #ECEEF2; color: #000000; cursor: pointer; cursor: hand; } .DropDownRowSelect_OLD { background-color: #ECEEF2; cursor: pointer; cursor: hand; } .DropDownRowSelect { background-color: #DFE3E9; border: 1px solid #E7EFF3; cursor: pointer; cursor: hand; } .DropDownRowHighlight { background-color: #CCFFCC; cursor: pointer; cursor: hand; } .DropDownBackground { width: auto; background-color: #ffffff; border: 1px solid #DFE3E9; } .DropDownBackground td { padding: 2px 3px; } .Clickable { cursor: pointer; cursor: hand; } /* Begin Tree Styles */ .TreeView { font-size: 1.2em !important; } .TreeView img { vertical-align: middle; } /* End Tree Styles */ .WarningBox { color: Yellow; font-weight: bold; border-style: solid; border-width: 2px; border-color: Yellow; background-color: #000066; line-height: 24px; padding: 0 2px 0 8px; letter-spacing: 0.5px; font-size: 15px; } .WarningBox a { color: Yellow; font-weight: bold; } .WarningLabel { color: #3D657C; font-weight: bold; border-style: solid; border-width: 2px; border-color: #3D657C; background-color: #ECEEF2; } /* Boxes */ .NotificationBox:empty, .WarningBox:empty, .AlertBox:empty, .InfoBox:empty, .SuccessBox:empty, .attention:empty, .NotificationBox[style*="visibility:hidden;"], .WarningBox[style*="visibility:hidden;"], .AlertBox[style*="visibility:hidden;"], .InfoBox[style*="visibility:hidden;"], .SuccessBox[style*="visibility:hidden;"], .attention[style*="visibility:hidden;"], .NotificationBox[style*="visibility: hidden;"], .WarningBox[style*="visibility: hidden;"], .AlertBox[style*="visibility: hidden;"], .InfoBox[style*="visibility: hidden;"], .SuccessBox[style*="visibility: hidden;"], .attention[style*="visibility: hidden;"] { display: none; } .NotificationBox, .WarningBox, .AlertBox, .InfoBox, .SuccessBox { position: relative; padding: 10px 10px 10px 50px; margin: 8px 0; display: inline-block; border-radius: 8px; line-height: 1.3em; vertical-align: text-top; font-weight: bold; min-height: 53px; box-sizing: border-box; } .AlertBox:before, .InfoBox:before, .NotificationBox:before, .SuccessBox:before { position: absolute; top: 11px; left: 6px; font: normal normal normal 14px/1 FontAwesome; font-size: 36px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AlertBox:before { content: "\f071"; /* ! */ } .InfoBox:before { content: "\f05a"; /* (i) */ } .SuccessBox:before { content: "\f05d"; /* _/ */ } .NotificationBox:before { content: "\f069"; /* * */ } .AlertBox { border: 2px solid #BE212F; color: #BE212F !important; background-color: #ffd4d3; } .InfoBox { border: 2px solid rgba(52, 91, 169, 0.5); color: #345BA9; background-color: #D4EAF8; } .SuccessBox { border: 2px solid #0F6745; color: #0F6745; background-color: #E7F4EB; } .NotificationBox { border: 2px solid #BFAF94; color: #8a6d3b; background-color: #fcf8e3; } .NotificationBox input, .AlertBox input, .SuccessBox input, .InfoBox input { vertical-align: text-top; margin: 3px 9px 3px 3px !important; } .NotificationBox label, .AlertBox label, .SuccessBox label, .InfoBox label { vertical-align: text-top; } .RedWarning { color: White; font-weight: bold; background-color: #BE212F; font-size: 0.83em; padding-left: 5px; } .RedWarningBox { border-color: #BE212F; border-width: 2px; background-color: #FFCCCC; border-style: solid; } .warning-colored { border-style: solid; border-width: 1px; background-color: #FEEFB3; color: #9F6000; } /* IE Mac Ignore \*/ .fullh { height: 100%; min-height: 100%; } html > body fullh { height: auto; } /*for mozilla as IE treats height as min-height anyway*/ /* end IE Mac Hack */ .fullw { width: 100%; } .full { width: 100%; /* IE Mac Ignore \*/ height: 100%; min-height: 300px; /* end IE Mac Hack */ } .navLiner { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; } /* */ .TableTopLeft { border: 0; border-right: 1px solid #FCFCFC; width: 2px; } .TableTopRight { border: 0; border-left: 1px solid #FCFCFC; width: 2px; } .TableBottomLeft { border: 0; border-right: 1px solid #FCFCFC; width: 2px; } .TableBottomRight { border: 0; border-left: 1px solid #FCFCFC; width: 2px; } .DataLE { border: 0; border-right: 1px solid #ECEEF2; width: 2px; } .DataLER { border: 0; border-left: 1px solid #ECEEF2; width: 2px; } .NewTL { border: 0; border-right: 1px solid #ECEEF2; width: 2px; } .NewTR { border: 0; border-left: 1px solid #ECEEF2; width: 2px; } .NewBL { border: 0; } .NewBR { border: 0; } .DataTL { border: 0; border-right: 1px solid #ECEEF2; width: 2px; } .DataTR { border: 0; border-left: 1px solid #ECEEF2; width: 2px; } .DataBottomLeft { border: 0; border-top: 1px solid #ECEEF2; width: 2px; } .DataBottomRight { border: 0; border-top: 1px solid #ECEEF2; width: 2px; } .DataBottom { border: 0; border-top: 2px solid #CECECE; width: 2px; } /* */ /* normally on a */ /*.Data, .DataNoRightBorder { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: @AeriesBlueishWhite; border-right-color: @AeriesBlueishWhite; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0F0F0F; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: @AeriesNearlyWhite; font-size: @NormalFontSize; }*/ .DataC { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 1em; text-align: center; } .HighlightedData { background-color: #CCFFCC; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; font-size: 1.1em; } .SelectedRow { background-color: #D0DDEE; font-weight: bold; } .SelectedRow td { background-color: #D0DDEE; } .YellowData { background-color: #FFFF00; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; font-size: 1.1em; } .DataNoBorders { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #000000; padding: 4px; background-color: #FCFCFC; font-size: 1em; } .DataBottomBorder { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 1em; } .DataSmall { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.7em; } .FixedData { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.8em; font-weight: lighter; } .ClickableData { cursor: pointer; cursor: hand; /*border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: @AeriesBlueishWhite; border-right-color: @AeriesBlueishWhite;*/ color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.8em; } .ClickableDataSmall { cursor: pointer; cursor: hand; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.7em; } .ClickableDataRow td { cursor: pointer; cursor: hand; /*border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: @AeriesBlueishWhite; border-right-color: @AeriesBlueishWhite;*/ color: #202020; /*padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px;*/ background-color: #ffffff; } .ClickableDataRow:hover td { background-color: #E5FFE5 !important; color: #202020 !important; } .ClickableDataRowSelected td { cursor: pointer; cursor: hand; border: 0; border-left: 1px solid #ECEEF2; color: #ffffff; background-color: #6C788D; } .ClickableDataRowSelected:hover td { background-color: #396DB5 !important; color: #f6f6f6 !important; } .ClickableDataRowSelected td:first-child { border: 0; } .Data, .DataNoRightBorder, .ClickableData { border: 1px solid #E7EFF3; border-bottom: 1px solid #ECEEF2; border-right: 0; color: #0F0F0F; padding: 6px 8px; line-height: 1em; background-color: #FCFCFC; font-size: 15px; } /* User Setting ReduceSpacing */ .ReduceSpacing .Data { padding-top: 2px !important; padding-bottom: 2px !important; } table.classSummaryTable { font-size: 0.9em; } table.classSummaryTable th { padding-left: 0px !important; } .Cell-Center-Padding { text-align: center; padding: 5px; } .SubHeaderCell + .Data { border-left: 0; } /* removes top border from first row of data cells after a sub header */ /* now handles DataList controls which forcibly inject extra and/or tags for each generated item */ /* now handles instances where a table has no subheader, and immediately starts with a row of data */ .SubHeaderRow + tr .Data, .SubHeaderRow + tr .ClickableData, .DataList .SubHeaderRow + tr + tr .Data, .DataList .SubHeaderRow + tr + tr .ClickableData, table > tbody > tr:first-child > .Data, .ClickableDataRowSelected + .ClickableDataRow .ClickableData, .ClickableDataRowSelected + .ClickableDataRow .Data, .ClickableDataRowSelected + tr .ClickableData, .ClickableDataRowSelected + tr .Data { border-top: 0; } /* removes the left border from the first data cell of every row */ tr .Data:first-child, tr .ClickableData:first-child { border-left: 0; } /* specific to attendance by period: this selector, though long, is efficient and mimics the nth-child() css selector, which is only available in I.E. 9+ */ .DataList tr td:first-child + .Data, .DataList tr td:first-child + td + td + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + .Data { border-left-color: #FCFCFC; } .DataList tr td:first-child + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + .Data, .DataList tr td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + .Data { border-right: 1px solid #FCFCFC; } .DataList.attpds table .Data { font-family: Fixedsys, monospace, Courier New, Courier, sans-serif !important; } .DataNoRightBorder { border-right: 0; } .BottomBlueLine { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #345BA9; } .DataRowSelected td { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #D0DDEE; font-size: 0.8em; } .ClickableDataSelected { cursor: pointer; cursor: hand; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #D0DDEE; font-size: 0.8em; } /* */ /* normally tagged on and
*/ .PlainData { color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FFFFFF; font-size: 0.9em; } .PlainDataClear { color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; font-size: 0.9em; } /* */ /* Alt is added to for alternating rows to be */ .Alt { background-color: #E3E3E3; } .DimBorders { border-color: #F9F9F9; } .Padded { padding: 4px; } .WhiteText { color: #FFFFFF; font-size: 0.83em; } .BlackText { color: #000000; font-size: 0.8em; } .HCell, .HCellL, .HCellR, .HCellT, .HCellBG { background-color: #ECEEF2; } .table-head { background-color: #ECEEF2; color: #202020; } .HCell, .HCellL, .HCellR, .HCellT { font-weight: 100; font-size: 0.9em; vertical-align: bottom; padding: 4px; /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF;*/ border: 0; } .HCell a, .HCellL a, .HCellR a { /*color: #093C5A;*/ color: #152636; } /* font adjustments */ .HCell, .HCell a:link, .HCell a:active, .HCell a:visited, .HCellL, .HCellL a:link, .HCellL a:active, .HCellL a:visited, .HCellR, .HCellR a:link, .HCellR a:active, .HCellR a:visited, .HCellT, .HCellT a:link, .HCellT a:active, .HCellT a:visited { color: #0C1E41; } .FixedHCellR { font-family: Fixedsys, monospace, Courier New, Courier, sans-serif; background-color: #DFE3E9; color: #FFFFFF; font-size: 0.9em; font-weight: lighter; vertical-align: bottom; padding-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .FixedHCellR a { color: #FFFFFF; } /*.HCellT { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: @SubHeaderBackgroundColor; color: #FFFFFF; font-weight: bold; font-size: @SmallFontSize; vertical-align: bottom; padding-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .HCellT a { color: #FFFFFF; }*/ .Invisible { display: none; } .WaterMarked { padding: 1px 0px 0px 1px; border: 1px solid #BEBEBE; background-color: #F0F8FF; color: #5E6D85; } .handleImage { width: 16px; height: 16px; background-image: url(../images/HandleGrip.gif); overflow: hidden; cursor: se-resize; } .resizingImage { padding: 0px; border-style: solid; border-width: 3px; border-color: #B4D35D; } .handleText { width: 16px; height: 16px; background-image: url(../images/HandleGrip.png); overflow: hidden; cursor: se-resize; } .resizingText { padding: 0px; border-style: solid; border-width: 2px; /*border-color: #7391BA;*/ } .modalBackground { background-color: #5E6D85; filter: alpha(opacity=70); opacity: 0.7; } .hider { width: 0; height: 0; overflow: hidden; display: block; } div.StudentSearchModal { background-color: #ECEEF2; width: 100%; height: 100%; display: none; } /*div.StudentSearchModal { position: absolute !important; display: none !important; z-index:201 !important; height:450px !important; width:550px !important; overflow:hidden !important; border-style:outset !important; border-width:thin !important; background-color: @AeriesLightBlue !important; }*/ html input[type=text].student-search-pop-input { display: block; float: left; width: 100%; height: 35px !important; padding: 0 8px !important; margin: 0 !important; border: 1px solid #CCCCCC; border-radius: 3px 0 0 3px !important; border-right: 0 !important; box-sizing: border-box !important; } .student-search-pop-submit { display: block; box-sizing: border-box !important; float: right; width: 130px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #c7504c !important; background-color: #c7504c !important; color: #ffffff !important; border-left: 0 !important; border-radius: 0 3px 3px 0 !important; } .student-search-pop-submit:hover { border: 1px solid #BE212F !important; border-left: 0 !important; background-color: #BE212F !important; outline: none !important; } .ModalPopupWindowBackground { background-color: #FCFCFC; } .FixedWidthHeader { font-family: Fixedsys, monospace, Courier New, Courier, sans-serif; background-color: #ECEEF2; font-weight: bold; font-size: 0.82em; color: #FFFFFF; text-align: center; } .FixedWidthData { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; font-family: Fixedsys, monospace, Courier New, Courier, sans-serif; background-color: #FCFCFC; font-weight: bold; font-size: 0.82em; color: #000000; text-align: center; } .MenuMouseOver { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #CCFFCC; font-size: 0.83em; cursor: hand; } .NoBorders { border-width: 0; border-style: none; } /** DropDownExtender CSS **/ /* border on label select */ .ajax__dropdown_frame_line { display: none; } .ContextMenuPanel { z-index: 1000; cursor: default; padding: 1px 1px 0px 1px; font-size: 11px; background-color: #3D657C; border: 0; } .ContextMenuLabel { font-size: 1em; color: #FFFFFF; padding: 2px; padding-right: 30px; } .ContextMenuLabel:hover { font-size: 1em; color: #000000; padding: 2px; padding-right: 30px; } .ContextMenuLabel:Active { font-size: 0.95em; color: #000000; padding: 2px; padding-right: 50px; } .ContextMenuBreak { margin: 1px 1px 1px 32px; padding: 0; height: 1px; overflow: hidden; display: block; border-top: 1px solid #C5C5C5; } .ContextMenuItem { color: #DEE7EC; margin: 1px 0 1px 0; display: block; text-decoration: none; cursor: pointer; padding: 4px 20px 4px 25px; white-space: nowrap; } .ContextMenuItem-Selected { font-weight: bold; } .ContextMenuItem:hover { color: #FCFCFC; border: 0; /*background-color: #D68362;*/ } .PlainBgColor { background-color: #FCFCFC; } .NormalRowEven { background-color: #E6E6E6; color: #000000; font-size: 0.75em; vertical-align: middle; padding-left: 2px; padding-right: 2px; } .NoPadding { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; } table.NoPadding { border-collapse: collapse; } /*This is necessary in case we want to pad an individual cell inside a table that has padding turned off */ table.NoPadding td.Padded { padding: 4px; } .ListSeparator { height: 2px; background-color: #ECEEF2; background-repeat: repeat-x; } .DataEdit { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #336699; border-right-color: #336699; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FFFF33; font-size: 0.9em; vertical-align: top; } .DataNoBorder { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.9em; } .al { text-align: left; } .ar { text-align: right; } .ac { text-align: center; } .vat, .vat > * { vertical-align: top !important; } .vab { vertical-align: bottom !important; } .vam { vertical-align: middle !important; } .vam-all, .vam-all * { vertical-align: middle !important; } /* Reset Vertical Alignment for images and whatnot */ .var { vertical-align: text-top !important; } .var-all, .var-all * { vertical-align: text-top !important; } .NoWrap { white-space: nowrap; } .DataRow td { cursor: pointer; cursor: hand; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #E7EFF3; border-right-color: #E7EFF3; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.83em; } .TableBorder, table.TableBorder:first-child { border: solid 1px #519ee5; border-collapse: collapse; } table.TableBorder tr > td, table.TableBorder tr > th { border-width: 0; border-style: none; padding: 4px; } .HdgCell { background-image: url(../images/HdgBkUp.gif); background-repeat: repeat-x; background-position: left bottom; background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-bottom-color: #999999; border-right-color: #999999; border-left-color: #999999; color: #000000; font-weight: bold; font-size: 0.9em; vertical-align: bottom; padding-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; } .DataNew { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-bottom-color: #CCCCCC; border-right-color: #CCCCCC; color: #000000; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #FCFCFC; font-size: 0.9em; } .RedText, .notification-fail { color: #BE212F !important; font-weight: bold; font-size: 0.83em; } .BlueText, .notification-warn { font-family: Verdana, Arial, Helvetica, sans-serif; color: #345BA9; font-weight: bold; font-size: 0.83em; } .DarkGrayText, .notification-ignore { color: #4E5259; } .notification-info { color: #0b670b; } .ReportCatHeader { background-color: #0F6745; color: #f6f6f6 !important; box-shadow: 1px 1px 2px #202020; position: relative; border-radius: unset; font-size: 1.35em; letter-spacing: 1px; padding: 8px 10px; text-align: left !important; } .ReportCatHeader .widget-button:hover { color: #ECEEF2; } .CatHeader { background-color: #396DB5; color: #f6f6f6 !important; box-shadow: 1px 1px 2px #202020; position: relative; border-radius: unset; font-size: 1.35em; letter-spacing: 1px; padding: 8px 10px; text-align: left !important; } .CatHeader .widget-button:hover { color: #ECEEF2; } .ReportCatHeader > b, .CatHeader > b { font-weight: normal; } .ReportCatHeader.widget-head.new, .CatHeader.widget-head.new { background-color: #0F6745; } .CatHeader, .ReportCatHeader, .CatHeader a:link, .ReportCatHeader a:link, .CatHeader a:active, .ReportCatHeader a:active, .CatHeader a:hover, .ReportCatHeader a:hover, .CatHeader a:visited, .ReportCatHeader a:visited, .CatHeaderLink, .ReportCatHeaderLink, .CatHeaderLink:hover, .ReportCatHeaderLink:hover { color: #f6f6f6; } .CatHeader select, .ReportCatHeader select { color: #202020; } /* 08-05-2013 - TAS - new classes to support backwards compatibilty with the current theme and integration of new themes */ .BackDrop, .full .TableTop, .full .TableRight, .full .TableBottom, .full .TableLeft, .full .TableTopLeft, .full .TableTopRight, .full .TableBottomRight, .full .TableBottomLeft { background-color: transparent; border: 0; padding: 0; } .navLiner, .NavTreeContainer2 { border: 0; padding: 0; } .navLiner { background-color: #ffffff; } .NavTreeContainer2 { background-color: #ffffff; } .NavTreeContainer { background-color: #ffffff; font-size: 0.9em; } .nav-top-header { display: none; } body { margin: 0 !important; padding: 0 !important; border: 0 !important; } /* full site header */ .dot-net-header { background: url("../images/aeriesSIS-abbreviation-1000.png") no-repeat left center; background-color: #ffffff; border-bottom: 4px solid #345BA9; height: 50px; color: #345BA9 !important; background-size: 150px; margin-left: 50px; } .dot-net-logo { display: none; } .NavTreeDivWrapper { padding: 0; } table { border-collapse: collapse; } .nav-tree-student-search-wrapper { width: 100%; } .nav-tree-student-search { /* this is the width of the navigation with all nodes collapsed */ min-width: 200px; padding: 2px 0 0 0; text-align: center; } .nav-tree-student-search input[type="image"], .nav-tree-student-search img { display: inline-block; margin-left: auto; margin-right: auto; } .fancy-nav { position: absolute; top: 0; left: 0; height: 42px; } .MasterHeaderCell1 { height: 25px; font-size: 16px; /*color: #FFFFFF;*/ font-weight: bold; padding-left: 220px; } .MasterBottom { padding: 0px 21px; } .QueryBoxContainer { border-width: 5px; border-style: solid; padding: 0; } .QueryGenericBox { border-color: #FCFCFC; border-style: none; } .QueryActiveBox { border-color: #3D657C; } /* alternating row color */ .RowOdd .Data, .RowOdd .ClickableData, .ClickableDataRow.RowOdd td { background-color: #f6f6f6; } .Link { text-decoration: underline; } .Link:hover { text-decoration: none; } .pft-passed:hover, .pft-passed:focus, .pft-passed { background-color: #aefcb8 !important; } .pft-previously-passed:hover, .pft-previously-passed:focus, .pft-previously-passed { background-color: #c6dfec !important; } .pft-pending-approval:hover, .pft-pending-approval:focus, .pft-pending-approval { background-color: #FFFF00 !important; } .StateReportingHighlight { background: #E5FFE5 !important; } .StateReportingHighlight:after { display: block; content: "\a0"; background-color: #0F6745 !important; margin: -2px 0 0 0; padding: 0px; height: 2px; position: relative; width: 100%; top: 4px; } .MatchingFieldHighlight { background-color: #9FD3B9 !important; font-weight: bold; } .WhiteBox { background-color: #fff; padding: 3px; margin: 0; color: #000; font-size: 1em; } .DataHeader { padding: 2px 5px 2px 5px; font-weight: bold; } .DataDivWrapper { padding: 10px 10px 10px 10px; box-sizing: border-box; float: left; width: 100%; } .DataDivSection { box-sizing: border-box; float: left; width: 100%; clear: both; background-color: #DFE3E9; padding: 15px 15px 15px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .DataDivSection table tr td { padding: 2px 5px 2px 5px; } .SectionHeader { box-sizing: border-box; float: left; width: 100%; padding: 8px; font-size: 1.1em; background-color: #396DB5; color: #f6f6f6 !important; clear: both; } .SectionHeaderSmall { box-sizing: border-box; float: left; width: 100%; padding: 3px; font-size: 1em; background-color: #396DB5; color: #f6f6f6 !important; clear: both; } .SectionFooter { box-sizing: border-box; float: left; width: 100%; padding: 10px 0; background-color: #f6f6f6; border-top: 1px solid #ECEEF2; text-align: center; clear: both; } ul.k-list li { border-bottom-style: solid; border-bottom-color: #969696; border-bottom-width: thin; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .round { border: solid; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .rtTableDuplicate td:first-child:before { color: red; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\F069'; } .DisplaySection { padding-bottom: 15px; } .RedFlagRow td:first-child { background-color: red; width: 10px; } .AlwaysNearlyWhite { background-color: #FCFCFC !important; } /* ATTENDANCE SUMMARY BOXES */ .attendance .topbox-container { overflow: hidden; margin-top: 5px; } .attendance .box { width: 24%; display: inline; float: left; height: 180px; background-color: #ebebeb; margin-right: 1.33%; } #attendance-summary .attendance .box { width: 32% !important; display: inline; float: left; height: 180px; background-color: #ebebeb; margin-right: 2%; } #attendance-summary .attendance .PeriodAttSummaryBox .box04 { width: 100% !important; display: block; float: left; height: 120px; background-color: #ffffff; margin-right: 0%; } #attendance-summary .attendance .PeriodAttSummaryBox .box01 { width: 100% !important; display: block; float: left; height: 120px; background-color: #ffffff; margin-right: 0%; } #attendance-summary .attendance .PeriodAttSummaryBox .box02 { width: 100% !important; display: block; float: left; height: 120px; background-color: #ffffff; margin-right: 0%; } .attendance .box span { color: #FFF; font-weight: bold; left: 10px; top: 10px; position: relative; font-size: 1.2em; } .attendance .box h2 { color: #FFF; left: 8px; font-size: 60px; margin: 0px; position: relative; } .attendance .box h2 span { color: #FFF; left: 8px; font-size: 60px; margin: 0px; position: relative; font-weight: normal; } .attendance .box h2 span.total { display: inline-block; margin-left: -27px; text-align: center; width: 165px; letter-spacing: -1px; } .attendance .box-stats { width: 100%; height: calc(100% - 110px); background: #FFF; overflow: hidden; } .attendance .box-stats .section { width: 50%; float: left; padding-left: 10px; padding-top: 4px; } .attendance .box-stats .section span { color: #7e7e7e; font-weight: normal; padding: 0px; margin: 0px; top: 0px; } .attendance .box-stats .section h2 { color: #000; font-size: 30px; } .attendance .box-stats .section h2 span { color: #000; font-size: 30px; } #attendance-summary .attendance .PeriodAttSummaryBox .box-stats { width: calc(100% - 250px); height: 110px; background: #FFF; overflow: hidden; display: block; float: right; } #attendance-summary .attendance .PeriodAttSummaryBox .box-stats .section { width: 20%; float: left; padding-left: 10px; } #attendance-summary .attendance .PeriodAttSummaryBox .box04 .box-header { background: #31938F url(../images/watermark-checkbox.png) no-repeat left 10px top 10px; width: 250px; height: 110px; float: left; padding-left: 95px; } #attendance-summary .attendance .PeriodAttSummaryBox .box04 .box-stats { border-bottom: 1px solid #31938F; border-right: 1px solid #31938F; border-top: 1px solid #31938F; padding-top: 20px; } #attendance-summary .attendance .PeriodAttSummaryBox .box01 .box-header { background: #F3D651 url(../images/watermark-dash.png) no-repeat left 10px top 10px; width: 250px; height: 110px; float: left; padding-left: 95px; padding-top: 13px; } #attendance-summary .attendance .PeriodAttSummaryBox .box01 .box-stats { border-bottom: 1px solid #F3D651; border-right: 1px solid #F3D651; border-top: 1px solid #F3D651; padding-top: 20px; } #attendance-summary .attendance .PeriodAttSummaryBox .box02 .box-header { background: #F29851 url(../images/watermark-clock.png) no-repeat left 10px top 10px; width: 250px; height: 110px; float: left; padding-left: 95px; padding-top: 13px; } #attendance-summary .attendance .PeriodAttSummaryBox .box02 .box-stats { border-bottom: 1px solid #F29851; border-right: 1px solid #F29851; border-top: 1px solid #F29851; padding-top: 20px; } #attendance-summary .attendance .period-boxes .box-stats .section { width: 10%; float: left; padding-left: 1px; padding-top: 4px; padding-right: 15px; text-align: center; } #attendance-summary .attendance .period-boxes .box-stats .section span { color: #7e7e7e; font-weight: normal; padding: 0px; margin: 0px; top: 0px; } #attendance-summary .attendance .period-boxes .box-stats .section h2 { color: #000; font-size: 25px; left: 1px; } #attendance-summary .attendance .period-boxes .box-stats .section h2 span { color: #000; font-size: 25px; } .attendance .box01 .box-header { background: #F3D651 url(../images/watermark-dash.png) no-repeat right 10px top 10px; width: 100%; height: 110px; } .attendance .box01 .box-stats { border-bottom: 1px solid #F3D651; border-right: 1px solid #F3D651; border-left: 1px solid #F3D651; } .attendance .box02 .box-header { background: #F29851 url(../images/watermark-clock.png) no-repeat right 10px top 10px; width: 100%; height: 110px; } .attendance .box02 .box-stats { border-bottom: 1px solid #F29851; border-right: 1px solid #F29851; border-left: 1px solid #F29851; } .attendance .box03 .box-header { background: #c7504c url(../images/watermark-warning.png) no-repeat right 10px top 10px; width: 100%; height: 110px; } .attendance .box03 .box-stats { border-bottom: 1px solid #c7504c; border-right: 1px solid #c7504c; border-left: 1px solid #c7504c; } .attendance .box04 .box-header { background: #31938F url(../images/watermark-checkbox.png) no-repeat right 10px top 10px; width: 100%; height: 110px; } .attendance .box04 .box-stats { border-bottom: 1px solid #31938F; border-right: 1px solid #31938F; border-left: 1px solid #31938F; } .attendance .box:last-child { margin-right: 0px !important; } #attendance-summary .attendance .DailyAttSummaryBox .box:last-child { margin-right: 0px !important; } div.AttendanceSummaryArea { background-color: white; border-radius: 15px; padding: 5px; margin-bottom: 10px; margin-right: 20px; border: #DFE3E9 1px solid; } .PeriodAttSummaryBox { background-color: white; } /*OVERRIDE STUFF*/ div.k-window { /*zoom: 150%;*/ /*font-size: 1.5em; line-height: 2em;*/ } html { font-size: 15px !important; height: 100%; } .NavTextLvl1 { font-size: 0.8em; } .fa-2x { font-size: 1.6em !important; } .fa-3x { font-size: 2.3em !important; } input.k-textbox { min-height: 29px; /* height: 35px !important; */ /* Why? Why 35 pixels? */ text-indent: 0.28em !important; line-height: 1.3em !important; } span.k-i-calendar { margin-top: 7px; vertical-align: text-bottom; } div.StudentTabContainer div.ajax__tab_header { height: 33px !important; } .TinyFontSize { font-size: 0.7em; } .VerySmallFontSize { font-size: 0.8em; } .SmallFontSize { font-size: 0.9em; } .NormalFontSize { font-size: 1em; } .LargeFontSize { font-size: 1.2em; } .VeryLargeFontSize { font-size: 1.35em; } .HugeFontSize { font-size: 1.5em; } #submit-flag-comment-input, #cancel-flag-comment-input { margin-top: 9px; line-height: 23px; width: 58px; } #submit-flag-comment-input { margin-right: 6px; } .page-flag-edit { padding: 16px 10px 10px; } .highlight-row:hover td, .DropDownRow:hover td, .DropDownRowSelect:hover td, .k-grid tr:hover td { background-color: #E5FFE5; } .highlight-bg { background-color: #E5FFE5; } #stu-top-all-body .list-info li span span { display: inline-block; } .sidebar-logo, .sidebar-logo-a { float: left; display: block; background-color: #ffffff; text-align: center; } .sidebar-logo img { width: 155px; height: 52px; } .sidebar-logo-a img { width: 50px; height: 50px; } .sidebar-logo a { margin: 8px 6px 8px 39px; float: left; } .sidebar-logo-a a { margin: 1px 15px; float: left; } #student-name-control { position: absolute; top: 0; left: 0; background-color: #6C788D; } #change-student-control { display: inline; } #change-student { float: left; } #change-student-dd { display: none; position: absolute; margin: 43px 0 0 30px; background: #6C788D; color: #f6f6f6; padding: 0 0 10px 0; min-height: 233px; max-height: 660px; overflow: hidden; float: none !important; z-index: 99; box-shadow: 2px 2px 2px 0 #202020; border-radius: 0 0 4px 4px; } #change-student-dd h5 { display: block; clear: both; width: 100%; overflow: hidden; font-size: 15px; padding: 0 10px; margin: 0; line-height: 24px; } #change-student-dd .namelist .clear { clear: both; height: 60px; } #change-student-dd a { display: block; clear: both; width: 100%; line-height: 32px; overflow: hidden; text-overflow: ellipsis; font-size: 15px; padding: 0 10px; text-decoration: none; text-align: left; letter-spacing: 0.5px; } #change-student-dd a span { float: right; color: #ECEEF2; font-weight: normal; font-size: 0.8em; } #change-student-dd a:hover { background: #DFE3E9; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1); } #prev-student, #next-student { padding: 13px 3px 12px 10px; float: left; } .student-full-name, .student-name-list { width: 312px; height: 44px; line-height: 44px; display: block; float: left; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-collapse-wrapper { width: 12px; } .widget-collapse-wrapper > span { position: relative !important; right: 0; top: 0; padding: 0; vertical-align: text-top; } .student-photo-wrapper { display: block; float: left; width: 85px; height: 112px; overflow: hidden; text-align: center; padding: 0; margin: 0 auto; background-color: #f6f6f6; } .student-photo-wrapper a { display: block; margin: 0 auto; padding: 0; } .student-photo { height: 100px; border-radius: 6px; margin: 2px 0; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .search-result-student-photo { border-radius: 3px; display: block; margin: 0 auto; } #stu-top-all-body { margin: 2px 0 0 0; display: block; float: left; width: 100%; min-height: 145px; } .spanDropDown { float: right; margin: 0; padding: 0; width: 20px; height: 25px; } .combobox { display: inline-block; clear: both; white-space: nowrap; margin-right: 18px; } .combobox-small { display: inline-block; clear: both; white-space: nowrap; margin-right: 12px; } html .combobox input[type="text"] { float: left; display: inline-block; height: 29px; letter-spacing: -0.5px; border-radius: 3px 0px 0px 3px !important; padding-left: 3px; min-width: 19px; } html .combobox-small input[type="text"] { float: left; display: inline-block; height: 29px; letter-spacing: -0.5px; border-radius: 3px 0px 0px 3px !important; padding: 0 0 0 1px; min-width: 17px; } .combobox > input[readonly], .combobox-small > input[readonly] { border: 1px solid #CCCCCC !important; } .combobox img { display: inline-block; margin: 0; padding: 0; width: 25px; height: 29px; cursor: pointer; } .combobox-small img { display: inline-block; margin: 0; padding: 0; width: 19px; height: 29px; cursor: pointer; } .combobox:hover input, .combobox-small:hover input { border: 1px solid #AEAEAE; } /* Red Flags */ .page-flag span { display: block; float: left; } .page-flag-comment { display: none; } .page-flag span.flag-comment-input-wrapper { display: none; padding-right: 10px; float: left; } .flag-comment-input { float: left; width: 450px; margin: 8px 5px 0 0; border-radius: 3px; padding-left: 8px; } .flagged .page-flag-comment { display: block; max-width: 620px; height: 22px; line-height: 22px; overflow-x: hidden; overflow-y: auto; margin: 11px 0 0 0; } /* Zebra Striping */ .zebra:nth-child(even) { background-color: rgba(0, 0, 0, 0); } .zebra:nth-child(odd) { background-color: rgba(0, 0, 0, 0.03); } table.zebrame tr:not(.SubHeaderRow):nth-child(even) td { background-color: #f6f6f6; } /* Inputs and Selects */ html input[type=text] { border: 1px solid #CCCCCC; min-height: 29px; box-sizing: border-box; padding-left: 2px; border-radius: 3px; } html input[type=text]:focus, html input[type=text]:hover { border: 1px solid #AEAEAE; } html input[type="checkbox"], html input[type="radio"] { font-size: 0.8em; } html select { border: 1px solid #CCCCCC; min-height: 29px; box-sizing: border-box; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('../images/drop-down-arrow.png'); background-repeat: no-repeat; background-position: right 5px top 10px; padding: 0 30px 0 5px; min-width: 40px; } html select::-ms-expand { display: none; } html select:focus, html select:hover { border: 1px solid #AEAEAE; } /* K-input fixer - double borders are bad when it has a wrap, like the date picker. used to be: .k-state-hover input[type=text], .k-state-focused input[type=text] */ .k-picker-wrap .k-input { border: 0 !important; } html input[disabled] { border: 1px solid #CCCCCC !important; } html input[readonly] { border: 0 !important; min-height: unset !important; } .SmallInput { height: 23px; width: 5px; padding: 0; } .TabRight { min-height: 500px; } .TabBottom { min-height: 300px; background: #ffffff; } .TabBottomMin { min-height: 220px; background: #ffffff; } .LineHeight4 { line-height: 2em; } .LineHeight5 { line-height: 2.7em; } .favorite-edit { width: 245px; height: 100%; z-index: 1000; overflow-x: hidden; overflow-y: auto; border: none; visibility: hidden; position: absolute; left: 0px; top: 0px !important; padding: 0 0 20px 0; background: #ffffff; } .input-icon { position: relative; top: 10px; left: 10px; } #btnLogout { margin-left: 6px; } .k-i-clock { margin: 0 0 5px 0 !important; } .page-content-wrapper-first-tr { height: 93%; background-color: #f6f6f6; border-bottom: 1px solid #ECEEF2; } .page-content-wrapper-last-tr { min-height: 40px; margin: 0; padding: 0; font-size: 0.8em; color: #0F0F0F; } .attention { color: #F20911 !important; } .LoggedInAsUser { float: left; color: #7f5050; border-color: #dfd0d0; background-color: #fff0f0; border: 1px solid #D68362; border-radius: 5px; width: 243px; text-align: center; box-sizing: border-box; padding: 0 0 4px 0; margin: 0 0 7px 0; } .LoggedInAsUser span { padding: 0 5px; word-break: break-all; display: inline-block; } .LoggedInAsUser .k-button { margin-top: 3px; } .NavPusherLoggedInAsUser, .NavPusherGroupPusher { width: 243px; height: 60px; } .student-search-results-grid { display: block; border: 0; width: 100%; height: 100%; } .dropdown-student-groups { padding-right: 25px; width: 153px; } .StuSearchResultsTable, .ResultsTable { border: 0; width: 100%; background-color: #ffffff; margin: 0; } .StuSearchResultsTable td, .ResultsTable > td { border: 1px solid #E7EFF3; border-bottom: 1px solid #ECEEF2; border-right: 0; padding: 0px 8px; } .StuSearchResultsTable th, .ResultsTable th { font-weight: 100; padding: 8px; border: 0; background-color: #DFE3E9; color: #202020; border-collapse: collapse; } .StuSearchResultsTable th:first-child { width: 50px; } .StuSearchResultsTable th:hover, .StuSearchResultsTable th.headerSortUp, .StuSearchResultsTable th.headerSortDown, .ResultsTable th:hover, .ResultsTable th.headerSortUp, .ResultsTable th.headerSortDown { cursor: pointer; cursor: hand; background-color: #ECEEF2; } .stupicholder { background: url('../images/stupic-placeholder.png') center center no-repeat; height: 50px; } .stupicholder img { height: 50px; } .student-search-top, .student-search-results { display: block; float: left; clear: both; width: 100%; } .input100 { width: 100%; border-collapse: collapse; border: 0; padding: 0; margin: 3px 0; } .form-section-title { font-size: 1.2em; font-weight: bold; float: left; padding: 0 13px 0 0; } .leadin { margin: 0 0 6px 0; } .filters { display: block; box-sizing: border-box !important; width: 50%; float: left; padding: 0 0 0 8px; } .left-filter { padding-top: 5px !important; } .filters span { display: inline-block; padding: 0 6px 0 0; } .filters input { vertical-align: top; padding: 0 !important; margin: 0; } .filter-dd { box-sizing: border-box !important; width: 200px; height: 29px; } .filters-button { box-sizing: border-box !important; height: 29px; width: 65px; } #StuSearchRowCount { display: block; float: right; margin: 0; padding: 0; } #KeepStudents { display: block; float: right; margin: 0; padding: 0; } #keep-students-link { display: block; text-align: center; padding: 0 8px 0 23px; } #StuSearchRowCount span { font-weight: bold; } .subsearch { padding: 0 7px 3px; } #StuResultsScroller { background-color: #ffffff; } #StuSearchPlaceholder { display: none; box-sizing: border-box; width: 100%; height: 100%; min-height: 420px; background-color: #ffffff; color: #5c5c5c; border-radius: 3px; padding: 11px 0; background: #ffffff url(../images/student.png); background: url(../images/student.svg), linear-gradient(#ffffff, #ffffff); background-size: 340px 380px; background-repeat: no-repeat; background-position: 16px 10px; } #StuSearchPlaceholder h3 { margin-top: 20px; } #StuSearchPlaceholder h4 { margin-top: 20px; margin-bottom: 10px; } #StuSearchPlaceholder div { margin-left: 384px; } ul.tips { padding: 0 20px 0 0; list-style: none; } ul.tips li { padding: 0 0 10px; } #StuSearchPlaceholder span { font-weight: bold; } #StuSearchPlaceholder-NoResults, #filters-in-place, #reverse-lookup-filters, #advanced-search-filters { display: none; } #reverse-lookup, #advanced-search { text-decoration: none !important; } #reverse-lookup-filters h5 { margin-top: 0 !important; } #advanced-search-filters td, #reverse-lookup-filters td { display: block; min-height: 80px; background-color: #ffffff; color: #5E6D85; border-radius: 3px; padding: 11px 8px; margin: 3px 0; border: 1px solid #CCCCCC; } #advanced-search-filters td h4, #reverse-lookup-filters td h4 { padding: 0; margin: 10px 0 8px 0; } #StuSearchPlaceholder-Loading { position: absolute; width: 100%; display: block; text-align: center; padding: 0; margin: 0; margin-left: -9px; height: 100%; line-height: 140px; font-size: 1.28em; background-color: rgba(255, 255, 255, 0.9); } .toptext { float: left; padding: 2px 10px; } .short-button { height: 18px !important; line-height: 16px !important; padding: 0 15px !important; margin: -2px 10px 0 10px !important; color: #5E6D85; } .tour-backdrop { opacity: 0.6 !important; } .popover { font-size: 16px !important; max-width: 400px !important; } .popover-title { font-size: 16px !important; } .accountSecurity { color: #202020 !important; font-size: 15px !important; } html select.ddl { border: 1px solid #CCCCCC; outline: none !important; } html select.ddl:active { border: 1px solid #AEAEAE; } html select.ddl:hover { border: 1px solid #AEAEAE; } .TPS-Block { height: auto; padding: 10px; overflow: hidden; border: 1px #e2e4e4 solid; font-size: 1.3em; background-color: #f1f1f1; padding: 15px; margin-left: 10px; margin-bottom: 10px; min-width: 270px; } .TPS-Title { height: 70px; } .TPS-Title-1-Line { height: 70px; padding-top: 0.5em; } .WrongYear { border-bottom: #BE212F solid 3px; color: #BE212F; } .FontReset { font-size: 15px !important; color: #202020 !important; } .centered-table { margin: 20px auto 0px; min-width: 550px; background: #ffffff; color: #202020; } .padded-table td { padding: 8px; } .ispan { font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; font-size: 15px; padding: 0 0 0 10px; } .SubTab { border-radius: 0 0 4px 4px; padding: 0 0 3px 0px; margin: 0; border: 1px solid #DFE3E9; border-top: 0 !important; background: #ffffff; color: #5E6D85; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); display: none; position: absolute; z-index: 1; min-width: 13%; } .SubTab a { display: block; width: 100%; line-height: 36px; height: 36px; padding: 0 20px; border-bottom: 1px solid #DFE3E9; text-decoration: none !important; color: #5E6D85; } .SubTab a:last-child { border-bottom: 0 !important; } .SubTab a:hover, a.topdynamicmenuTablet:hover, a.topdynamicmenu:hover, a.visitedtopmenu, a.subdynamicmenu:hover, a.visitedsubmenu { background-color: #57A5DA !important; color: #202020 !important; text-decoration: none !important; } .raised { display: block; box-sizing: border-box; width: 100%; clear: both; float: left; border-bottom: 0 !important; background: #ffffff; box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.175); } .menutable { white-space: nowrap; background-color: #ffffff; border-top: #f6f6f6 solid 1px; height: 38px; margin: 0px; } a.topdynamicmenuTablet, a.topdynamicmenuTablet:hover, a.topdynamicmenu, a.topdynamicmenu:hover, a.visitedtopmenu { display: inline-block; white-space: nowrap; padding: 0 16px; margin: 0; text-decoration: none !important; color: #202020; line-height: 37px; height: 37px; width: 100%; text-align: center; } a.subdynamicmenu { display: block; white-space: nowrap; width: auto; background-color: #ffffff; } /* Parent Nav - Pure CSS solution */ .Top_Parent:hover, .Top_Parent:focus, .Top_Parent:active { background-color: #57A5DA; color: #202020; } .Top_Parent:hover .SubTab, .Top_Parent:focus .SubTab, .Top_Parent:active .SubTab { display: block; } #reverse-lookup-option-clear { text-decoration: none !important; text-align: center; clear: both; } .tag { display: inline-block; font-weight: normal; border: 1px solid #CCCCCC; background-color: #ffffff; border-radius: 3px; padding: 4px 8px 4px 6px; margin: 0 8px 0 0; vertical-align: text-top; cursor: pointer; cursor: hand; } .tag input { vertical-align: text-top; } .tag:focus, .tag:hover, .tag:active, .tag.activated { border: 1px solid #AEAEAE !important; background-color: #ebebeb !important; } #in-place-filters { padding: 0 0 3px 0; } .filter-tag { display: inline-block; font-weight: normal; border: 1px solid #CCCCCC; background-color: #ffffff; border-radius: 13px; padding: 2px 16px 3px 6px; margin: 0 8px 0 0; vertical-align: text-top; cursor: pointer; cursor: hand; } .filter-tag:focus, .filter-tag:hover, .filter-tag:active, .filter-tag.activated { border: 1px solid #AEAEAE !important; background-color: #ebebeb !important; } .filter-tag.deleteme i { padding: 0 6px; } .contact-list { display: none; } .contact-list span { display: block; box-sizing: border-box; width: 100%; } .contact-list span i { width: 16px; text-align: center; } /* ::selection { background: @AeriesHighlightGreen; } ::-moz-selection { background: @AeriesHighlightGreen; } */ legend { font-size: 15px !important; } span.metadata { display: none; } .SubHeaderRow .HCell, .SubHeaderRow .HCellL, .SubHeaderRow .HCellR, .SubHeaderRow .HCellT, .SubHeaderRow .HCellBG { border-bottom: 1px solid #DFE3E9 !important; font-weight: bold; } .gradeLabel { display: block; box-sizing: border-box; width: 38%; text-align: center; padding: 0; margin: 0 0 0 10px; float: left; } .gradeLabel span { font-weight: bold; width: 27px; display: inline-block; line-height: 29px; } .divContent { border: 1px solid #ccc; min-height: 200px; width: 175px; text-align: center; display: inline-block; } /* Region Side Selector | Content Pattern */ .Selector-Side { box-sizing: border-box; width: 29%; min-width: 160px; padding-right: 8px; } .Selector-Side .scrollme { min-height: 300px; height: 100%; width: 100%; display: block; overflow: auto; } .Selector-Content { box-sizing: border-box; width: 71%; float: left; } .Selector-Content .scrollme { min-height: 300px; height: 100%; width: 100%; display: block; overflow: auto; } .Selector-Content tfoot { border-top: 2px solid #ECEEF2; } .Selector-Content tfoot > tr > td { display: block; box-sizing: border-box; padding-top: 8px; height: 44px; } /* End Region Side Selector | Content Pattern */ /* Region General patterns */ .inner-full > table { height: 100%; } .main-content-placeholder { height: 82%; } .FullHeight { height: 100%; } .FullWidth { width: 100%; } .FullWidthAutoHeight { box-sizing: border-box !important; float: left; width: 100%; clear: both; height: auto; } .LabelLeft { vertical-align: middle; padding: 0 10px 0 0; } .LeftSide { float: left; } .RightSide { float: right; } .RightPadding { padding-right: 8px !important; } .Max1200 { max-width: 1200px !important; } .Max900 { max-width: 900px !important; } .GeneralBg { background-color: #ffffff; } .AutoFill { float: left; width: 100%; height: 100%; } .InlineInput { line-height: 26px; } .InlineInput:hover { background: #ECEEF2; } /* End Region General patterns */ .k-popup .k-list .k-item { line-height: 18px !important; word-break: break-all; letter-spacing: -0.5px; } .k-popup .k-list .k-item:nth-child(even) { background-color: #f6f6f6 !important; } .k-popup .k-list .k-item:hover, .k-popup .k-list .k-item:nth-child(even):hover { background-color: #57A5DA !important; color: #5E6D85; } .k-popup .k-list li.k-item.k-state-selected { color: #fff; background-color: #345BA9 !important; border-color: #345BA9 !important; } .ajax__numericupdown_container input[type=text] { font-size: 15px; } .checkboxandlabel label { font-weight: normal; padding: 0 0 0 11px; } .checkboxandlabel input { vertical-align: text-top; } .noclicking { display: block; position: absolute; height: 33px; width: 97%; z-index: 99; background-color: #f6f6f6; opacity: 0.1; } .ajax__numericupdown_container input[type="button"] { position: relative; } .defaultpadding { padding: 8px 10px !important; } .defaultmargins { margin: 8px 10px !important; } .RightDropDown .DropDownBackground { margin-left: -2px; } .k-error-colored { line-height: 20px; } .icon-bg { background-color: #ffffff; padding: 2px; border-radius: 3px; } .showadditional, .showadditional:active, .showadditional:hover { text-decoration: none !important; outline: none !important; } .showadditional:hover i { text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); } .DataContainer { border: 1px solid #DFE3E9; background-color: #FCFCFC; border-radius: 10px; padding: 10px 10px 10px 0; margin-top: 10px; margin-bottom: 10px; font-size: 1em; float: left; width: 100%; } .DataContainer table { width: 100%; display: inline; } .DataContainerSelected { border: 2px solid #0F6745; color: #0F6745; background-color: #E7F4EB; } .DataMainContent { font-weight: bold; font-size: 1.2em; } .DataActions { float: left; display: inline-block; } .DataActions i { background-color: #345BA9; width: 30px; border-radius: 15px; height: 30px; color: #ffffff; cursor: pointer; text-decoration: none; } .DataActions i.Edit { padding: 7px 0 0 9px; margin: 0 0 8px 10px; } .DataActions i.Copy { padding: 7px 5px 1px 8px; margin: 0 0 8px 10px; } .DataActions .Link { padding: 7px 5px 1px 8px; margin: 0 0 0 10px; } .DataActions i:hover { text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); } .DataContent { margin-left: 40px; } .DataContent .CommentDisplay { max-height: 100px; overflow-y: auto; overflow-x: hidden; margin: 5px 0; } .DataContent .DataLabel { font-weight: bold; } .DataContent i { width: 16px; text-align: center; } .DataContent .line { width: 100%; float: left; margin: 2px 0; } .DataContent .line:empty { display: none; } .DataContent .additional { padding-top: 8px; } .line { width: 100%; float: left; margin: 2px 0; } .line:empty { display: none; } .line:before, .line:after { display: table; content: " "; clear: both; } .PopupPanel { background-color: #F9F9F9; padding: 10px; border-radius: 4px; } .LeftHeaderCell { font-weight: bold; vertical-align: middle; font-size: 1em; padding: 5px; border: 0; } /* Expanded And Collapsed - using font awesome */ .icon-expanded, .icon-collapsed { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Hover Effects for Arrows, bold and give shadow. */ .icon-expanded:hover, .icon-collapsed:hover, .expandable:hover .icon-collapsed, .expandable:hover .icon-expanded, .reports-category-title:hover .icon-collapsed, .reports-category-title:hover .icon-expanded, .parent-wrapper:hover .icon-collapsed, .parent-wrapper:hover .icon-expanded, .input-icon:hover { text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); font-weight: bold; } .icon-expanded:before { content: "\f106"; /* /\ */ } .icon-collapsed:before { content: "\f107"; /* \/ */ } .open .icon-collapsed:before { content: "\f106"; /* /\ */ } .ReportTagInformationBox { padding: 10px; margin: 8px 0; display: inline-block; border-radius: 8px; border: 2px solid #BFAF94; line-height: 1.3em; color: #8a6d3b; background-color: #fcf8e3; vertical-align: text-top; text-align: left; /*font-weight: bold;*/ } .ReportTagInformationBox label { vertical-align: text-top; width: 150px; font-weight: bold; } .ReportTagInformationBox div { display: inline-table; margin-bottom: 5px; } .ReportTagInformationBox ul { padding-left: 20px; } /* MakeSticky */ .fixed { position: fixed; top: 0; z-index: 1200; max-width: 870px; width: 80%; box-shadow: 0px 1px 0 0px #CCCCCC; } .aTabs.fixed, .aTabs .fixed { width: 80%; box-shadow: 0px 1px 0 0px #CCCCCC; } .aTabs .ajax__tab_header .ajax__tab_tab { height: 43px; padding: 8px; margin: 0px; } .aTabs { font-size: 15px !important; } .aTabsSmall { font-size: 13px !important; } .aTabsSmall .k-tabstrip-items { height: unset !important; } .aTabsSmall .k-tabstrip-items .k-link { margin: 0px; font-size: 13px; min-width: 20px !important; } .aTabsSmall .ajax__tab_header .ajax__tab_tab { height: 43px; padding: 8px 2px; margin: 0px; font-size: 13px; min-width: 50px !important; } .aTabs .ajax__tab_header { font-size: 15px !important; } .aTabsSmall .ajax__tab_header { font-size: 13px !important; } .aTabs, .aTabsSmall { outline: 0 !important; border: 0 !important; box-shadow: none !important; background-color: #ffffff; font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; } .aTabs li, .aTabsSmall li { border: 0 !important; margin: 0 !important; outline: 0 !important; } .aTabs .ajax__tab, .aTabsSmall .ajax__tab { margin: 0 !important; padding: 0 !important; height: 43px; } .aTabs .ajax__tab_header_verticalleft, .aTabsSmall .ajax__tab_header_verticalleft { border-right: 1px solid #ccc; background-color: #ffffff; } .aTabs .ajax__tab_header_verticalleft .ajax__tab, .aTabsSmall .ajax__tab_header_verticalleft .ajax__tab { height: 45px !important; } .aTabs .ajax__tab_disabled, .aTabsSmall .ajax__tab_disabled { cursor: default; color: #A0A0A0; } .aTabs .k-tabstrip, .aTabsSmall .k-tabstrip { box-shadow: unset !important; border: 0 !important; } .aTabs .ajax__tab_header, .aTabsSmall .ajax__tab_header { border-bottom: 0 !important; border-top: 0 !important; border-left: 1px solid #cccccc !important; border-right: 0 !important; background-color: #ffffff !important; margin: 0 !important; padding: 0 !important; height: 43px; font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; font-size: 15px !important; } .aTabs .k-tabstrip-items, .aTabsSmall .k-tabstrip-items { border-bottom: 0 !important; border-top: 0 !important; border-left: 1px solid #cccccc !important; border-right: 0 !important; background-color: #ffffff !important; margin: 0 4px !important; padding: 0 !important; height: 43px; font-size: 15px !important; border-radius: 6px 0 0 0; } .aTabs .k-tabstrip-items .k-loading, .aTabsSmall .k-tabstrip-items .k-loading { border: 0 !important; } .aTabs .k-tabstrip-items .k-link, .aTabsSmall .k-tabstrip-items .k-link, .aTabs .ajax__tab_header .ajax__tab a, .aTabsSmall .ajax__tab_header .ajax__tab a { text-align: center; min-width: 100px; padding: 0 8px !important; line-height: 40px; height: 40px; border-right: 1px solid #cccccc !important; border-radius: 0 !important; border-top: 3px solid #e2e4e4 !important; background-color: #f7f7f7 !important; border-bottom: 1px solid #CCCCCC !important; /* box-shadow: inset 0px -3px 2px 0px rgba(0, 0, 0, 0.08); */ } .aTabs .ajax__tab_header_verticalleft .ajax__tab a, .aTabsSmall .ajax__tab_header_verticalleft .ajax__tab a { text-align: center; min-width: 100px; padding: 0 8px !important; height: 45px; line-height: 15px; font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; font-size: 15px; border-right: 1px solid #ccc !important; border-radius: 0 !important; border-top: 1px solid #e2e4e4 !important; background-color: #f7f7f7 !important; border-bottom: 1px solid #CCCCCC !important; border-left: 3px solid #e2e4e4 !important; /* box-shadow: inset 0px -3px 2px 0px rgba(0, 0, 0, 0.08); */ } .aTabs .ajax__tab_header_verticalleft .ajax__tab a span, .aTabsSmall .ajax__tab_header_verticalleft .ajax__tab a span { padding: 0; display: table-cell !important; height: 43px; vertical-align: middle; white-space: unset !important; text-overflow: unset !important; } .aTabs .k-tabstrip-items .k-state-active .k-link, .aTabsSmall .k-tabstrip-items .k-state-active .k-link, .aTabs .k-tabstrip-items .k-state-default .k-link:hover, .aTabsSmall .k-tabstrip-items .k-state-default .k-link:hover, .aTabs .ajax__tab_header .ajax__tab:hover a, .aTabsSmall .ajax__tab_header .ajax__tab:hover a { background-color: #FCFCFC !important; border-top: 3px solid #396DB5 !important; box-shadow: none; color: #5E6D85 !important; } .aTabs .ajax__tab_header_verticalleft .ajax__tab:hover a, .aTabsSmall .ajax__tab_header_verticalleft .ajax__tab:hover a { background-color: #FCFCFC !important; border-left: 3px solid #396DB5 !important; box-shadow: none; color: #5E6D85 !important; } .aTabs .k-tabstrip-items .k-state-active .k-link, .aTabsSmall .k-tabstrip-items .k-state-active .k-link, .aTabs .ajax__tab_header .ajax__tab_active a, .aTabsSmall .ajax__tab_header .ajax__tab_active a { background-color: #ffffff !important; border-top: 3px solid #345BA9 !important; box-shadow: none; border-bottom: 2px solid #ffffff !important; color: #202020 !important; } .aTabs .k-tabstrip-items .k-state-active .k-link:hover, .aTabsSmall .k-tabstrip-items .k-state-active .k-link:hover, .aTabs .ajax__tab_header .ajax__tab_active:hover a, .aTabsSmall .ajax__tab_header .ajax__tab_active:hover a { border-top: 3px solid #345BA9 !important; color: #202020 !important; } .aTabs .ajax__tab_header_verticalleft .ajax__tab_active a, .aTabsSmall .ajax__tab_header_verticalleft .ajax__tab_active a { background-color: #ffffff !important; border-left: 3px solid #345BA9 !important; border-right: 1px solid #fff !important; box-shadow: none; color: #202020 !important; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; } .aTabs .ajax__tab_header_verticalleft .ajax__tab_active:hover a, .aTabsSmall .ajax__tab_header_verticalleft .ajax__tab_active:hover a { border-left: 3px solid #345BA9 !important; color: #202020 !important; } .aTabs .ajax__tab_body, .aTabsSmall .ajax__tab_body { margin: 0; padding: 8px; min-height: 300px; border: 1px solid #ccc; } .aTabs .k-content:hover, .aTabsSmall .k-content:hover, .aTabs .k-content:active, .aTabsSmall .k-content:active { border-color: #cccccc !important; } .aTabs .k-tabstrip > .k-content { min-height: 444px !important; border-color: #cccccc !important; } /* remove all the images used by default on tabs */ .aTabs *, .aTabsSmall * { background-image: none !important; } .aTabsSmall .k-content { margin-top: -2px; padding: 20px 8px; } .aTabs select, .aTabsSmall select { background-image: url('../images/drop-down-arrow.png') !important; } /* remove all the images used by default on tabs */ .aTabs .ajax__tab_header, .aTabs .ajax__tab_header .ajax__tab_outer, .aTabs .ajax__tab_header .ajax__tab_inner, .aTabs .ajax__tab_header .ajax__tab_tab, .aTabs .ajax__tab_header .ajax__tab_hover .ajax__tab_outer, .aTabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner, .aTabs .ajax__tab_header .ajax__tab_hover .ajax__tab_tab, .aTabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .aTabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner, .aTabs .ajax__tab_header .ajax__tab_active .ajax__tab_tab, .aTabsSmall .ajax__tab_header, .aTabsSmall .ajax__tab_header .ajax__tab_outer, .aTabsSmall .ajax__tab_header .ajax__tab_inner, .aTabsSmall .ajax__tab_header .ajax__tab_tab, .aTabsSmall .ajax__tab_header .ajax__tab_hover .ajax__tab_outer, .aTabsSmall .ajax__tab_header .ajax__tab_hover .ajax__tab_inner, .aTabsSmall .ajax__tab_header .ajax__tab_hover .ajax__tab_tab, .aTabsSmall .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .aTabsSmall .ajax__tab_header .ajax__tab_active .ajax__tab_inner, .aTabsSmall .ajax__tab_header .ajax__tab_active .ajax__tab_tab { border: 0; background: 0; outline: unset; margin: 0; padding: 0; } /* Vertical */ .aTabs .ajax__tab_header_verticalleft .ajax__tab { height: 32px; width: 150px; background: #fff; line-height: 32px; } .aTabs .ajax__tab_header_verticalleft .ajax__tab_tab { background: none !important; padding: 0; margin: 0; line-height: 32px; height: 32px; } .aTabs .ajax__tab_header_verticalright { font-size: 0.8em; background: url(../images/tabs/tab-line.gif) repeat-y left; } .wysiwyg-content .k-content { height: 210px !important; min-height: 210px !important; } #Tabs, .aeries-tabs { outline: 0 !important; border: 0 !important; box-shadow: none !important; } #Tabs li, .aeries-tabs li { border: 0 !important; margin: 0 2px 0 0 !important; outline: 0 !important; font-size: 11px !important; } #Tabs .k-tabstrip, .aeries-tabs .k-tabstrip { box-shadow: unset !important; border: 0 !important; } #Tabs .k-tabstrip-items .k-loading, .aeries-tabs .k-tabstrip-items .k-loading { border: 0 !important; } #Tabs .k-tabstrip-items .k-link, .aeries-tabs .k-tabstrip-items .k-link { padding: 8px !important; } #Tabs .k-tabstrip-items .k-state-active .k-link, .aeries-tabs .k-tabstrip-items .k-state-active .k-link, #Tabs .k-tabstrip-items .k-state-default .k-link:hover, .aeries-tabs .k-tabstrip-items .k-state-default .k-link:hover { padding: 8px !important; background-color: #396DB5 !important; color: #f6f6f6 !important; border-radius: 5px 5px 0 0; } #Tabs .k-tabstrip-items .k-state-default .k-link, .aeries-tabs .k-tabstrip-items .k-state-default .k-link { padding: 8px !important; background-color: #ECEEF2; color: #345BA9; border-radius: 5px 5px 0 0; } #Tabs .k-content, .aeries-tabs .k-content { border: 0 !important; } /* Transitional CSS Classes - Apply when needed */ .k-button-add, .k-button-delete, .k-button-primary, .k-button-alert, .k-button-selected { vertical-align: middle !important; } .k-button-add, .k-button, .k-button-delete { color: #333; border: 1px solid #ccc; background-color: #fff; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-radius: 4px; margin: 0; padding: 2px 7px; line-height: 1.72em; text-align: center; display: inline-block; text-decoration: none !important; outline: none !important; } .k-button-delete { margin-left: 20px !important; } .k-button:visited, .k-button-delete:visited { color: #333; border: 1px solid #ccc !important; background-color: #fff !important; } .k-textbox:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .k-button-primary, .k-button-alert, .k-button-selected { display: inline-block; padding: 2px 12px; font-size: 15px; font-weight: normal; line-height: 1.72em; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; text-decoration: none !important; vertical-align: middle; } .k-button-primary:hover, .k-button-alert:hover, .k-button-primary:active, .k-button-alert:active { color: #ffffff; } .k-button-alert:hover { background-color: #c7504c; } .k-button-primary:hover { background-color: #396DB5 !important; } .k-button-primary { background-color: #345BA9; border-color: #E7EFF3; } .k-button-alert { background-color: #BE212F; border-color: #c7504c; } .k-button-selected { background-color: #ECEEF2; border-color: #AEAEAE; color: #202020 !important; } .k-button:focus, .k-button-add:focus, .k-button-primary:focus, .k-button-delete:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 0; border-color: #76abd9 !important; } .k-button:hover, .k-button-add:hover, .k-button-delete:hover { color: #333 !important; border-color: #aeaeae !important; background-color: #ebebeb !important; } .k-button:active, .k-button-add:active, .k-button-delete:active { color: #333; border-color: #aeaeae !important; background-color: #ebebeb; } .k-button:active:hover, .k-button-add:active:hover, .k-button-delete:active:hover { color: #333; border-color: #aeaeae; background-color: #ebebeb; } .k-button-add * { vertical-align: middle !important; } .k-button-add input[type="image"] { border-radius: 6px; } .k-button-add a { text-decoration: none !important; padding: 8px 8px 8px 2px; outline: 0; color: #333 !important; } /* Online Enrollment specific */ html, body, form { height: 100%; width: 100%; position: static; } form label { display: inline; } input[type="password"], input[type="number"], input[type="tel"] { border: 1px solid #cccccc; min-height: 29px; box-sizing: border-box; padding-left: 2px; border-radius: 3px; } .preview-mode-header { text-align: center; width: 100%; font-size: 36px; padding: 15px 0; } .k-autocomplete { width: 100%; } .navbar-header { margin-left: 0 !important; } .navbar-static-top { min-height: 61px; background-color: #ffffff; color: #5E6D85 !important; padding: 0; text-align: left; border: 0 !important; } .navbar-toggle { margin-bottom: 0 !important; } .nav-bar-base { height: 3px; width: 100%; overflow: hidden; float: left; } .nav-bar-left { height: 3px; background-color: #345BA9; } .nav-bar-left span { display: block; float: right; background-color: #fff; width: 0; height: 0; border-style: solid; border-width: 0 3px 3px 0; border-color: transparent transparent #345BA9 transparent; } .nav-bar-right { float: right; height: 3px; width: 33%; background-color: #BE212F; border-left: 1px solid #fff; } .nav-bar-right span { display: block; float: left; background-color: #fff; width: 0; height: 0; border-style: solid; border-width: 0 3px 3px 0; border-color: transparent #BE212F transparent transparent; } .nav-bar-tl { float: right; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0 0; border-color: #ffffff transparent transparent transparent; } .nav-bar-tr { float: right; width: 0; height: 0; border-style: solid; border-width: 0 3px 3px 0; border-color: transparent #ffffff transparent transparent; } .nav-bar-seperator { height: 3px; background-color: white; float: right; width: 5px; margin: 0 -2px 0 0; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -o-transform: skew(45deg); } body { background-color: #ffffff; } .collapsed-district { display: none; } .DistrictInfo { text-align: center; } .DistrictInfo img { margin: 5px auto 15px; max-height: 120px; } .DistrictInfo .DistrictName { display: block; margin-top: -20px; width: 100%; text-align: center; } .DistrictLogo { margin: 0 10px 0 30px; } .DistrictName { font-size: 1.28em; } .pagetitle { font-size: 32px; margin: 0 0 20px 0 !important; /* border-bottom: 2px solid @AeriesLightestGray; */ padding: 0 !important; font-family: aeries_sanssemibold, Nunito, Verdana, Arial; } .nonen .pagetitle { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-weight: bold !important; } .PendingHeader { float: left; width: 100%; background-color: #345BA9; color: #f6f6f6 !important; box-shadow: inset 0px 4px 15px 1px rgba(0, 0, 0, 0.1); position: relative; border-radius: unset; font-size: 1.35em; letter-spacing: 1px; padding: 8px 10px; text-align: left !important; } .CompletedHeader { float: left; width: 100%; background-color: #0F6745; color: #f6f6f6 !important; box-shadow: inset 0px 4px 15px 1px rgba(0, 0, 0, 0.1); position: relative; border-radius: unset; font-size: 1.35em; letter-spacing: 1px; padding: 8px 10px; text-align: left !important; } .EnrollmentTable { width: 100%; border: 0; padding: 0; margin: 0; border-collapse: collapse !important; } .EnrollmentTable th { border: 0; padding: 4px 21px 4px 12px; } .EnrollmentTable td { border: 0; padding: 4px 12px; } .EnrollmentTable td { border-top: 1px solid #ECEEF2; } .EnrollmentTable th { background-color: #ECEEF2 !important; border-bottom: 1px solid #DFE3E9; } .EnrollmentTable tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.03); } .EnrollmentTable th { height: 20px; } .dropdown-menu-collapsed { display: none; margin: 5px 0 0 !important; padding: 0 !important; float: left; } .dropdown-menu-collapsed li { list-style-type: none !important; } .navbar-collapse.in { overflow-y: unset !important; } /* Very Very Tiny Screens, like Iphone, Ipad Portrait etc.*/ @media only screen and (max-width: 767px) { .navbar-collapse .DistrictLogo { margin: 0 10px 0 0px !important; padding: 0 !important; } .navbar-collapse ul { width: 100%; margin: 0; } .navbar-collapse .icon-collapsed { display: none !important; } .navbar-collapse .dropdown-menu-collapsed { display: block !important; } .navbar-collapse .dropdown-menu { display: none !important; } .navbar-collapse a { padding: 0 !important; } .dropdown { text-align: center; width: 100%; } .navbar-collapse .dropdown-menu-collapsed > li > a { display: inline-block; width: 100%; padding: 10px 0px !important; text-align: center; border-bottom: 1px solid #e2e4e4; padding: 20px 15px; line-height: 20px; } .navbar-collapse .dropdown-menu-collapsed > li { width: 100%; margin: 0 !important; border: 0 !important; } .navbar-collapse .dropdown-toggle { margin: 0 !important; } .collapsed-district { display: block; margin: 5px 0 0 !important; } .navbar-nav li { float: left; width: 100%; text-align: center; } .navbar-right .dropdown-toggle { display: block; text-align: center !important; padding: 12px 0 7px 0 !important; border-bottom: 1px dotted #ECEEF2; } .language-choice a { padding: 10px 0px !important; } .smFullWidth { width: 100%; } .smFullWidth .k-button-primary { margin-bottom: 8px; } .EnrollmentTable th, .EnrollmentTable td { padding: 4px 4px !important; } } .dropdown-menu { width: 260px; } .navbar-right { padding: 8px 0 0 0; } .navbar-right .dropdown-toggle { font-size: 1.2em; min-width: 300px; text-align: right; padding: 10px 8px 0 0; } .navbar-right .dropdown-toggle .dropdown { text-align: right; } .navbar-right .dropdown-menu { min-width: 300px; overflow: hidden !important; padding: 0 0 5px 0; } .navbar-toggle { margin-top: 13px; } .select-language { font-size: 1.2em; display: block; text-align: center !important; padding: 16px 0 7px 0 !important; border-bottom: 1px dotted #ECEEF2; } .language-choice a { display: block; padding: 8px 20px; border-bottom: 1px solid #ECEEF2 !important; color: #202020 !important; } #page-content-wrapper { width: 100%; min-height: 100%; float: left; clear: both; position: relative; background-color: #f6f6f6; } #page-content-main-wrapper { padding-bottom: 40px; text-align: left; } #footer { position: absolute; bottom: 0; background: #ffffff !important; min-height: 40px; width: 100%; line-height: 12px; margin: 0; padding: 12px 4px 0; border-top: 1px solid #DFE3E9; } .right-links { float: right; } .right-links a, .right-links a:visited, .right-links a:hover { padding: 0 8px 0 0; font-size: 0.9em; text-decoration: none; } .smallfont { font-size: 0.8em; } .contentbox { background: #ffffff; border-radius: 8px; box-shadow: #d6d3d3 0px 2px 4px 0px; } .centeredbox { margin: 0 auto 50px !important; clear: both !important; float: none !important; } .centeredcontent { text-align: center; margin: 0 auto; clear: both; } .centeredall { margin: 0 auto; clear: both !important; float: none !important; text-align: center; } .form-group { text-align: left; clear: both; } .form-group label { font-weight: bold; width: 100%; clear: both; } .form-group select, .form-group input[type="text"], .form-group input[type="number"], .form-group input[type="tel"], .form-group input[type="password"], .form-group textarea { width: 100%; } .radio-button-list label { width: unset !important; padding: 0 4px; font-weight: normal !important; } .radio-button-list input, .radio-button-list label { vertical-align: top !important; } .radio-button-list input { margin: 5px 0 0 18px; } .NavButtons { clear: both; float: left; width: 100%; margin: 40px 0 0 0; border-top: 2px solid #ECEEF2; min-height: 40px; padding: 16px 0 0 0; box-sizing: content-box; } .NavButtons > div { display: inline-block; } .NavButtons .UILinkButton:first-child, .RightButton { float: right; } .helper-text { font-size: 0.8em; color: #5E6D85; padding-top: 5px; font-weight: normal !important; width: auto !important; } .helper-text span { font-weight: normal !important; width: auto; } .panel-warning { margin-bottom: 15px !important; } .panel-warning > span, .panel-heading > span { width: auto !important; } .panel-body { border: 0 !important; padding: 8px 10px !important; } .panel-body table label { width: unset !important; vertical-align: top; padding: 0 5px; font-weight: normal !important; display: inline; } .form-group-label, .form-group > label, .form-group > label > span { font-weight: bold !important; clear: both; width: 100%; display: inline-block; } .form-group-label-inline { width: auto; font-weight: bold !important; display: inline; } .dateselect { white-space: nowrap; float: left; border-style: none; } .dateselect select { width: 85px; } .Hidden { display: none; } .bolded { font-weight: bold; } .login-button { width: 100%; background-color: #345BA9; color: #ffffff; height: 42px; border-radius: 4px; outline: 0; border: 0; padding: 0; margin: 0 0 10px 0; display: inline-block; vertical-align: middle; text-align: center; line-height: 34px; font-size: 20px; } .login-button:hover { background-color: #396DB5 !important; } /* Ajax Validation */ .ajax__validatorcallout_popup_table { display: block !important; margin: -80px 0 0 -280px !important; border: 2px solid #BE212F !important; color: #BE212F !important; background-color: #ffd4d3 !important; border-radius: 4px !important; padding: 0 8px !important; font-size: 15px !important; line-height: 18px; font-weight: bold !important; font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; min-width: 280px; min-height: 62px; } .ajax__validatorcallout_callout_cell, .ajax__validatorcallout_icon_cell { display: none !important; } .ajax__validatorcallout div, .ajax__validatorcallout td { background-color: transparent !important; border: 0 !important; } .ajax__validatorcallout_error_message_cell { font-family: 'Nunito Sans', Nunito, Verdana, Arial !important; font-size: 13px !important; } .ajax__validatorcallout_innerdiv { position: relative; } .ajax__validatorcallout_innerdiv img { display: none; } .ajax__validatorcallout_innerdiv:before { position: absolute; top: 0; right: 0; padding: 20px 0 18px 10px; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f057" !important; /* (x) */ } #RegisterStepMenu { display: none; position: absolute; z-index: 1000; font-size: 15px; background-color: #ffffff; margin: 0 0 0 -10px; width: 100%; padding: 0; box-shadow: #d6d3d3 0px 2px 4px 0px; top: 72px; } #RegisterStepMenu li { display: block; text-align: left; width: 100%; height: 60px; border-bottom: 1px solid #ECEEF2; padding: 20px 15px; font-size: 18px; line-height: 20px; list-style-type: none; } .RegisterTitle { float: left; font-size: 20px; display: inline-block; text-align: center; width: 100%; } .RegisterTitleClose { cursor: pointer; } .pagetitle .icon-collapsed, .pagetitle .icon-expanded { position: absolute; right: 0px; display: block; padding: 12px; font-size: 32px; top: 3px; padding-right: 2px; } .RegistrationStepCompleted, .RegistrationStepCurrent, .RegistrationStepIncomplete { position: relative; } .RegistrationStepCompleted:hover, .RegistrationStepCurrent:hover, .RegistrationStepNext:hover { box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } .RegistrationStepCompleted:hover:before, .RegistrationStepCurrent:hover:before, .RegistrationStepNext:hover:before { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); } .RegisterTitleWrapper:hover { box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.07); } .RegisterTitleWrapper:hover .icon-collapsed, .RegisterTitleWrapper:hover .icon-expanded { text-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); font-weight: bold; } .RegistrationStepCompleted { color: #0F6745; background-color: #E7F4EB; } .RegistrationStepCompleted a { color: #0F6745 !important; } .RegistrationStepNext { color: #345BA9 !important; /* background-color: @AeriesLighterBlue; */ } .RegistrationStepNext a { /* color: @AeriesBlue !important; */ } .RegistrationStepIncomplete { color: #6C788D; background-color: #f6f6f6; } .RegistrationStepIncomplete:hover { cursor: default !important; } .RegistrationStepCurrent { box-shadow: inset 0px 4px 15px 1px rgba(0, 0, 0, 0.07); font-weight: bold; } .RegistrationStepCurrent:before { position: absolute; top: 17px; right: 9px; font: normal normal normal 14px/1 FontAwesome; font-size: 28px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10c" !important; /* () */ } .RegistrationStepCompleted:before { position: absolute; top: 17px; right: 9px; font: normal normal normal 14px/1 FontAwesome; font-size: 28px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f05d"; /* _/ */ } .RegisterStepOf { position: absolute; margin: 0 auto; width: 100%; text-align: center; font-size: 12px; line-height: 30px; bottom: 0; } .RegisterStep { position: absolute; font-size: 12px; text-align: center; margin: 0 auto; width: 100%; line-height: 30px; bottom: 0; } .RegisterTitleWrapper { position: relative; display: block; float: left; width: 100%; box-sizing: border-box; height: 65px; line-height: 60px; border-bottom: 1px solid #e2e4e4; margin: 0 0 10px 0; text-align: left; cursor: pointer; } .recent-activity-header td { box-sizing: border-box; padding: 8px !important; font-size: 1.1em; background-color: #396DB5; color: #f6f6f6 !important; clear: both; margin: 10px 0; } #tabstrip td { padding: 5px 8px; } .preview-content, .reset-content, .save-content { font-size: 15px; } .progress-bar { width: 300px; height: 40px; clear: both; float: left; vertical-align: middle; background-color: #D4EAF8; } .k-progress-status { display: inline-block; font-size: 20px; line-height: 40px; height: 40px; float: right; padding-right: 10px; } .custom-text-description { width: 100%; margin: 10px 0 8px 0; font-size: 1.2em; } .DistrictNav, .DistrictNav table { padding: 0 !important; margin: 0 !important; height: 60px !important; width: 100%; } .DistrictNav .DistrictLogo, .DistrictNav .DistrictName { text-align: left; display: inline-block; } .ConfirmTable { width: 100%; } .ConfirmTable td { padding: 8px 6px 4px 0; vertical-align: top; } #racechecks { margin-right: -15px; width: 100%; } #racechecks table { width: 100%; } .signature { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #202020 !important; border-radius: 0 !important; height: 50px !important; padding-top: 32px !important; margin-right: 10px !important; } .checkboxList input { margin: 4px 3px 0 0; vertical-align: top; } .PDFSection .col-xs-6, .PDFSection .col-xs-12 { margin: 5px 0 5px 0; } li.k-tool-group { padding: 0 6px 0 0 !important; } a.k-tool { cursor: pointer; } .modalPopup { background: #fff; border-radius: 8px; padding: 20px 20px; border: 1px solid #efefef; box-sizing: border-box; } .modalTitle { box-sizing: border-box; padding: 8px !important; font-size: 1.1em; background-color: #396DB5; color: #f6f6f6 !important; clear: both; margin: 10px 0; } /*PRINT STUFF*/ @media print { nav, .pagetitle, #ctl00_Content_Confirm_Header_RegistrationID_Panel, .NavButtons, .k-button, .k-button-primary, .noprint { display: none !important; } .PrintSubheader { width: 100%; font-size: 1.35em !important; clear: both; } .SectionHeader, .RegisterTitle { width: 100%; font-size: 1.28em; clear: both; background-color: #ffffff !important; color: #202020 !important; border: 0; border-bottom: 1px solid #202020; margin-top: -30px; } html, body, form, #page-content-wrapper, table, .signature, .PDFSection { width: 100%; font-size: 18px !important; min-width: 920px; } .signature, .PDFSection, table, .SectionHeader, .RegisterTitle { min-width: 800px; } } .CatHeaderActions { float: right; margin: -1px -1px -2px 0; color: #ffffff; font-size: 15px !important; } .icon-button-add { color: #345BA9 !important; margin: 0; padding: 2px 7px; font-size: 15px !important; line-height: 1.72em; text-align: center; display: inline-block; text-decoration: none !important; outline: none !important; vertical-align: middle; } .icon-button-add:before { vertical-align: top; float: left; display: inline-block; margin: 3px 5px 0 0; font: normal normal normal 14px/1 FontAwesome; font-size: 20px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f055'; } .icon-button { color: #345BA9 !important; margin: 0; padding: 2px 7px; line-height: 1.72em; text-align: center; display: inline-block; text-decoration: none !important; outline: none !important; vertical-align: middle; } .icon-button i { vertical-align: top; display: inline-block; margin: 3px 1px 0 0; font-size: 20px; } .icon-button, .icon-button-add, .icon-button-edit, .icon-button-search, .icon-button-print, .icon-button-refresh, .icon-button-save, .CatHeaderActions-button, .k-button.CatHeaderActions-button, .SectionHeaderActions-button, .k-button.SectionHeaderActions-button, .Add-Button, .k-button.Add-Button, .AccordionTitleActions-button, .k-button.AccordionTitleActions-button { letter-spacing: 0px; display: inline-block; background-color: #ffffff; border-radius: 6px; color: #345BA9 !important; cursor: pointer; text-decoration: none; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important; border: 0 !important; text-decoration: none !important; position: relative; } .icon-button:hover, .icon-button-add:hover, .icon-button-edit:hover, .icon-button-search:hover, .icon-button-refresh:hover, .icon-button-print:hover, .icon-button-save:hover { color: #396DB5 !important; border-color: #aeaeae !important; background-color: #ebebeb !important; } .icon-button:active, .icon-button-add:active, .icon-button-edit:active, .icon-button-refresh:active, .icon-button-print:active, .icon-button-search:active, .icon-button-save:active, .abtnEdit:active, .abtnCancel:active, .abtnSave:active, .abtnAdd:active, .abtnPaste:active, .abtnDelete:active, .abtnCopy:active, .abtnRefresh:active, .abtnFilter:active, .abtnPic:active, .abtn:active, .abtn-active:active, .abtnSearch:active, .abtnClose:active, .abtnDrag:active, .abtnDragVert:active, .abtnImg:active { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important; margin-top: 1px !important; margin-bottom: -1px !important; } .CatHeaderActions-button, .SectionHeaderActions-button, .Add-button, .AccordionTitleActions-button { color: #202020 !important; text-decoration: none !important; letter-spacing: 1px; } .CatHeaderActions-button i, .SectionHeaderActions-button i, .Add-button i, .AccordionTitleActions-button i { min-width: 18px; } .dataConfSelectable { width: 100% !important; cursor: pointer; } .dataConfSelectableList { list-style: none; } .dataConfSelectable { display: table; padding: 10px 15px 15px 15px; margin: 8px; width: 600px; max-width: 600px; border: 1px solid #C6DFEC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; border-collapse: separate; } .dataConfSelectable > * { display: inline-block; vertical-align: middle; } div.dataConfChecked { background: #C7FFCE; display: table-cell; } .dataConfSelectableList input[type="radio"] { display: none; } .dataConfSelectableList { list-style-type: none; } i.dataConfChecked:before { content: '\f046'; padding: 15px 10px 15px 15px; } i.dataConfUnChecked:before { content: '\f096'; padding: 15px 15px 15px 15px; } .dataConfSelectableList, .dataConfTabs { font-size: 1em; color: #4160a2; } div.dataConfSelectable:hover { background-color: #C6DFEC; } .wordwrap { overflow-wrap: break-word; white-space: normal; word-break: break-word; } .checkboxlabel { width: 95%; display: inline-flex; vertical-align: top; font-weight: bold !important; }