/* THIS IS THE NEW STYLESHEET KEZ pallette ---------- red #E84E3B - #C13B29 orange #E77E13 - #D55500 yellow #F1C200 - #F49B00 dark marine #34495F - #2D3E51 purple #9C5EBB - #8F4AB0 blue #339ADF - #2982BB green #2ECA6A - #26AA55 sea green #19BB9B - #149F85 light grey #ECF0F1 - #BEC3C7 mid grey #96A6A6 - #808B8D */ .stage-earwig-uk-com.theme-default #main-menu .active > a{ background: #801616 !important;} .example-com.theme-default #main-menu .active > a{ background: #801616 !important;} .stage-earwig-uk-com.theme-default #main-menu a{ background: #480808 !important;} .example-com.theme-default #main-menu a{ background: #480808 !important;} .loading-spinner { bottom: 0; height: 2em; left: 0; margin: auto; overflow: visible; position: fixed; right: 0; top: 0; width: 2em; z-index: 9999; } .loading-warning { background-color: rgba(255, 255, 255, 0.8); border: solid 1px #aaa; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0 3px 3px #888888; color: #333; font-size: 2em; height: 3em; left: 0; margin: auto; overflow: visible; position: fixed; right: 0; text-align: center; top: 33%; width: 50%; z-index: 1006; } /* Transparent Overlay */ .loading-spinner:before { background-color: rgba(0, 0, 0, 0.3); -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; content: ''; display: block; height: 90px; left: 50%; margin-left: -45px; /* Negative half of width. */ margin-top: -45px; /* Negative half of height. */ position: fixed; top: 50%; width: 90px; } /* :not(:required) hides these rules from IE9 and below */ .loading-spinner:not(:required) { /* hide "loading..." text */ background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none; } .loading-spinner:not(:required):after { -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; -webkit-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(213, 213, 213, 0.75) 1.5em 0 0 0, rgba(213, 213, 213, 0.75) 14px 14px 0 0, rgba(213, 213, 213, 0.75) 0 1.5em 0 0, rgba(213, 213, 213, 0.75) -14px 14px 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -14px -14px 0 0, rgba(213, 213, 213, 0.75) 0 -1.5em 0 0, rgba(213, 213, 213, 0.75) 14px -14px 0 0; box-shadow: rgba(213, 213, 213, 0.75) 1.5em 0 0 0, rgba(213, 213, 213, 0.75) 14px 14px 0 0, rgba(213, 213, 213, 0.75) 0 1.5em 0 0, rgba(213, 213, 213, 0.75) -14px 14px 0 0, rgba(213, 213, 213, 0.75) -1.5em 0 0 0, rgba(213, 213, 213, 0.75) -14px -14px 0 0, rgba(213, 213, 213, 0.75) 0 -1.5em 0 0, rgba(213, 213, 213, 0.75) 14px -14px 0 0; content: ''; display: block; font-size: 10px; height: 1em; margin-left: -0.5em; margin-top: -0.5em; width: 1em; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* end loading spinner */ /*=================================================== Fonts ===================================================*/ div.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .pupil-info-section img { width: 100px; height: 100px; border-radius: 50px; background-color: #efefef; } .center {display: block;margin-left: auto;margin-right: auto;width: 50%;} .pupil-name{text-align: center;} div.panel-footer{ display: block; bottom: 0; z-index: 999999; } span.term-refPINK { color: #FF339F; display: inline; float: none; } span.term-refYELLOW { color: #FFE633; display: inline; float: none; } span.term-refBLUE { color: #2278f2; display: inline; float: none; } span.term-refGREEN { color: #06950D; } span.term-refPURPLE { color: #8b47bc; } span.term-refORANGE { color: #c6731d; } /* LIGHT BLUE, DARK BLUE, LIGHT GREEN, DARK GREEN */ span.term-refLightBlue { color: #87caff; } span.term-refDarkBlue { color: #2b57a5; } span.term-refLightGreen { color: #9fff98; } span.term-refDarkGreen { color: #047a24; } span.term-refCYAN { color: #05f0f5; } @font-face { font-family: 'BrandonGrotesqueRegular'; src: url('https://cdn.earwig.uk.com/admin-re/fonts/brandon_reg.eot'); src: url('https://cdn.earwig.uk.com/admin-re/fonts/brandon_reg.eot') format('embedded-opentype'), url('https://cdn.earwig.uk.com/admin-re/fonts/brandon_reg.woff') format('woff'), url('https://cdn.earwig.uk.com/admin-re/fonts/brandon_reg.ttf') format('truetype'), url('https://cdn.earwig.uk.com/admin-re/fonts/brandon_reg.svg#BrandonGrotesqueRegular') format('svg'); } .school-hasnt-launched { color: #808B8D; } /* -------- GENERAL STYLES ---------- */ div.form-filters{display: inline-block; float: left; width: auto; max-width: 180px; margin-right: 8px; margin-bottom: 5px; } div.form-filters.double-block{max-width: 300px; width: 300px; white-space: nowrap;} div.form-filters label{display: block; text-align: left;} /* Refs #EAR-351 - can't select pupils & EYFS stuff on the record form because of fastclick */ #wrap-id_pupils label > *, #list-for-id_age_range label > *, #id_characteristics_of_learning label > *, #id_areas_of_learning label > * { pointer-events: none; } .theme-default { } #main-wrapper { } #content-wrapper { min-height: 100vh; margin-bottom: -31px; } a { color: #E77E13; } a:hover, a:focus { color: #D55500; text-decoration: none;} .dash-help-video a { border-radius: 10px; color: #ffffff; display: block; font-weight: lighter; padding: 5px; text-decoration: none; width: auto; background: #5c8edb; } .dash-help-video { width: auto; text-align: center; float: right; height: 44px; padding-right: 0; margin-top: 0;} .dash-help-video span, .dash-help-video div, .dash-help-video h1 { display: inline-block; margin-top: 8px; margin-bottom: 6px; font-size: 29px; font-weight: 500; padding-right: 18px; line-height: 29px; } .dash-help-video i { background: none; color: #fefefe; font-size: 32px; line-height: 40px; margin-right: 5px; padding: 5px;} .table.tbl-timeline-options tbody > tr > td {line-height:20px;} a.btn-level-key{float: right; background: transparent; color: #dedede; border:none; line-height:14px; height:20px; padding:0; font-size: 18px; width: auto;} a.btn.btn-level-key:hover{background: transparent !important; color: #11a611;} .grey { color: #BEC3C7; } .small-text { font-size: 0.8em; } .btn.btn-brown{background: #ad7661 !important; color: #e8dbdb !important;} .btn-brown:hover{background: #d09883 !important; color: #ffffff !important;} ul li { list-style: none; } ol li { list-style: decimal; } .video-links{position: relative;} table.video-links{margin-left: 10px;} table.video-links td{padding-left: 6px; font-size: 18px; font-weight: 600; position: relative; } table.video-links td div h4{background-color: rgba(200, 200, 200, 0.28);} table.video-links td div {position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; text-align: center;background-color: rgba(255,255,255,0.1);} table.video-links td:hover{cursor: pointer; background-color: #def6ff;} #tutorial-vimeo-record .video-links li, li.video-link{ background-color: #b1b3b8; border-bottom: 1px solid #333; color: #fff; font-size: 1.5em; margin-bottom: 1px; text-align: center; width: 640px;} ul.video-links{margin-block-start: 0; padding-inline-start: 0;} .video-links li:hover { cursor: pointer; } .panel-body.dash-box-inner.dash-message h4{ text-align: center; font-weight: 700;} .record-help-menu h3{text-align: center;} #content-wrapper ul { margin: 0; padding: 0 0 15px; } #content-wrapper ul.errorlist { padding: 0; margin-top: 3px; } #content-wrapper li { padding: 2px 0; } ul.award-tags-list li{width: 100%;} #content-wrapper .table-drop { margin: 0; padding: 6px 0; } label {font-size: 13px;text-transform: uppercase;} .text-light-gray, .text-light-gray:hover, .text-light-gray:active, .text-light-gray:focus, .text-light-gray a, .text-light-gray a:focus { color: #666; } .clear { width: 100%; clear: both; height: 60px; } .font-alt { font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; text-transform: uppercase; } /* .page-header h1 { font-family: "BrandonGrotesqueRegular","Open Sans",Helvetica,Arial,sans-serif; } */ .uploader { background: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent) repeat scroll 0 0 / 20px 20px #5ebd5e; border-color: #43a543; border-radius: 2px; height: 12px; margin: 10px 0; transition: width 200ms ease-in-out; } .page-header h1 { color: #666; font-size: 19px; line-height: 40px; } .image_count { float: right; padding-right: 20px; } .brandon { font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; text-transform: uppercase; } /* ---- NOTIFICATION MESSAGES --- */ .close.message{margin-right: 20px;} ul.messages li:hover{ cursor: crosshair;} .messages { margin: 0 !important; padding: 0 !important; } .messages .success {background-color: #79b318;color: #fff;font-size: 1.2em;height: auto;margin: -2px -20px 0;padding: 6px 10px 8px !important;text-align: center;} .messages .info { background-color: #BEC3C7; color: #fff; font-size: 1.2em; height: auto; margin: -2px -20px 0; padding: 6px 10px 6px !important; text-align: center; } .messages .error, .messages .warning {background-color: #C13B29;color: #fff;font-size: 1.2em;height: auto;margin: -2px -20px 0;padding: 6px 10px 12px !important;text-align: center;} .messages .warning {background-color: #f68f05;} .usertype_parent .messages .success, .earwiglite .messages .success { height: auto; } /* ---- ERROR --- */ .form-default .errorlist:before { border-bottom-color: #dda7b0; border-width: 7px; border-bottom: 7px solid; left: 16px; top: -7px; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; position: absolute; } .form-default .errorlist:after { border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; position: absolute; border-bottom-color: #f3e2e2; border-bottom: 6px solid; left: 17px; top: -6px; } .form-default .errorlist { background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) repeat scroll 0 0 / 20px 20px #e66454; border-color: #ebccd1; color: #b94a48; border: 1px solid; border-radius: 2px; display: block; margin-top: 2px; padding: 5px 10px; position: relative; list-style: none; margin-bottom: 10px; } .form-default .errorlist li { color: #fefefe; } /* OTHER */ .messagebox { background-color: #f6f6f6; border-left: #e77e13 4px solid; margin: 15px 0; padding: 15px; font-size: 14px; } .messagebox.bsg-renewal-reminder-account-holder{border-left: none;} .messagebox.unread{ background-color: rgba(108, 217, 129, 0.8);} .messagebox.compendium-pricing, .messagebox.compendium-pricing-premium { border-left: none; margin: 15px 0; padding: 0; background-color: #aaa; color: #FFFFFF; } .messagebox.compendium-pricing table, .messagebox.compendium-pricing-premium table { width: 100%; } .messagebox.compendium-pricing td, .messagebox.compendium-pricing-premium td { padding: 0 15px; font-size: 12px; } .messagebox.compendium-pricing h3, .messagebox.compendium-pricing-premium h3 { padding: 5px 0; margin: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; } .messagebox.compendium-pricing h4, .messagebox.compendium-pricing-premium h4 { font-size: 14px; margin-bottom: 4px; margin-top: 10px; font-weight: bold; text-transform: uppercase; font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; } #message-hide { display: none; } #message-hide.visible { display: block; } .help-button { background: none; border: none; margin: 0 0 0 10px; padding: 0; } .help-button .icon { color: #BEC3C7; } .help-button:hover .icon { color: #f3aa41 !important; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active { border-bottom-color: #e77e13; } .usertype_anonymous #main-wrapper { padding-left: 0; } .usertype_anonymous #content-wrapper { padding: 20px 18px 18px; } /* -------- BUTTONS ---------- */ .btn.btn-edit, .btn.btn-timeline, .btn.btn-photos, .btn-timeline-subject-tags { width: 27px; height: 27px; border: none; padding: 0; margin: 1px; } .btn.btn-edit:hover, .btn.btn-timeline:hover, .btn.btn-photos:hover, .btn.btn-timeline-subject-tags:hover { background-color: transparent !important; background-position: 0 -82px !important; } .btn.btn-edit { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-edit.png) 0 0 no-repeat !important; } .btn.btn-timeline, .btn.btn-timeline-subject-tags { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl.png) 0 0 no-repeat !important; } .btn.btn-photos { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-photo.png) 0 0 no-repeat !important; } .btn:hover, .btn:focus { color: #fff; } .btn.btn-flat.btn-action.btn-delete { background: #E84E3B; border-color: #C13B29; } .btn.btn-flat.btn-action.btn-delete:hover, .btn.btn-flat.btn-action.btn-delete:active { background: #C13B29 !important; border-color: #C13B29 !important; color: #ffffff; } .btn.btn-flat.btn-delete-image-bank:hover { background: #C13B29 !important; border-color: #C13B29 !important; color: #ffffff; } .btn.btn-flat.btn-action.btn-load-more.btn-load-more { padding: 12px 17px; font-size: 14px; text-transform: uppercase; } .panel-footer .button:hover, .btn.btn-flat:hover, .btn-default.btn-flat:hover { background-color: #d5830d !important; border-color: #d5830d !important; color: #ffffff; } .pupil-selected button{ width: 140px; height: 60px; color: white; background-color: #19BB9B ; margin-bottom:5px;} .pupil-selected button.pupil-report{ background-color: #78afcd; text-transform: uppercase; } .pupil-selected button.evidence-reports{ background-color: #9dbf60; text-transform: uppercase;} .btn.btn-secondary{ background-color: #808080 !important; border-color: #808080 !important; color: #ffffff; } .btn.btn-secondary:hover{ background-color: #808080 !important; border-color: #505050 !important; color: #ffffff; } .panel-footer .button { border-bottom-width: 3px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; background: none repeat scroll 0 0 #ececec; border-color: #dddddd #dddddd #cecece; color: #555555; box-shadow: none; font-weight: 400; line-height: 15px; outline: medium none !important; padding: 7px 12px; text-shadow: none; -moz-user-select: none; border-style: solid; border-radius: 2px; cursor: pointer; display: inline-block; font-size: 13px; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; } .btn.btn-flat.btn-action.btn-icon-timeline { background: #339adf url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 12px -54px no-repeat !important; padding-left: 35px; border-color: #3384c8; } .btn.btn-flat.btn-action.btn-icon-timeline:hover { background: #3384c8 url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 12px -54px no-repeat !important; border-color: #339adf !important; } .btn.btn-flat.btn-action.btn-icon-photos { background: #f3aa41 url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 12px 6px no-repeat !important; padding-left: 35px; } .btn.btn-flat.btn-action.btn-icon-photos:hover { background: #d5830d url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 12px 6px no-repeat !important; } .btn.btn-flat.btn-action.btn-add { } .btn.btn-flat.btn-action.btn-save { } .btn.btn-flat.btn-action.btn-upload { } .btn.btn-labeled .btn-label { background: none; } .button { background: #f3aa41; border-bottom-width: 3px; border-color: #f19a1f #f19a1f #e38b0e; color: #ffffff; box-shadow: none; font-weight: 400; border-bottom-width: 3px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; line-height: 15px; outline: medium none !important; padding: 7px 12px; text-shadow: none; -moz-user-select: none; background-image: none; border-style: solid; border-radius: 2px; cursor: pointer; display: inline-block; font-size: 13px; text-align: center; vertical-align: middle; white-space: nowrap; } .button:hover, .button:active, .button:focus { background: #d5830d; color: #fff; border-color: #d5830d; } .form-default .button { margin-top: 8px; } .panel-footer .btn { margin: 0 5px; } button.matrix-shrink { float: right; border: #96A6A6 1px solid; border-radius: 19px; background: #bec3c7 url(https://cdn.earwig.uk.com/admin-re/images/icon-shrink.png) center center no-repeat !important; width: 38px; height: 38px; margin: -2px 0 0 15px; } button.matrix-shrink:hover { background: #e38b0e url(https://cdn.earwig.uk.com/admin-re/images/icon-shrink.png) center center no-repeat !important; border: #e38b0e 1px solid !important; } .btn.btn-flat.btn-action.record-publish { background: #35d25a !important; border-color: #248539 !important; } .btn-flat.record-publish:hover, .btn.btn-flat.record-publish:hover { border-color: #4ceb75 !important; background: #62f87e !important; } .btn.btn-flat.btn-default.add-blog-media{ background: #aeaeae;} .unseen_record:hover{cursor: pointer;} .pdf-link{color: #333; position: absolute; top: 23%; background-color: rgba(218, 218, 218, 0.5); width: 120px; font-size: 17px;} .pdf-link a{font-weight: 600;} .print-page { background: #C02F17 !important; color: #FFFFFF; font-weight: bold; border-color: #8A1700; border-bottom-width: 3px; } .toggle-menu-generate-timeline-report{ background: #81edf2; color: #333333; border-color: #5e7781;} .toggle-menu-generate-timeline-report:hover{ background: #aac8ca !important; color: #727070; border-color: #50636b;} .popup-box-timeline ul{margin: 0 !important; padding: 0 !important;} .popup-box-timeline{z-index: 9001; display: none; position: fixed; top: 50px; right: 50px; background: #81edf2; color: #333333; padding: 20px; border-radius: 6px;} .popup-box-timeline ul li{ display: block; width: 415px; height: 60px; white-space: nowrap; overflow: hidden;} .popup-box-timeline ul li ul li{display: inline-block; width: auto;} .popup-box-timeline .meta-info{margin-left: 1em; width: 265px; height: 50px; margin: 0; white-space: normal;} .toggle-menu-reverse-order{ background: #c9a37f; color: #fefefe; border-color: #5e7781;} .toggle-menu-reverse-order:hover{ background: #b0977e !important; color: #e7dede; border-color: #50636b;} .toggle-menu-extra-timeline-filter{ background: #f2ec81; color: #333333; border-color: #5e7781;} .toggle-menu-extra-timeline-filter:hover{ background: #cac8aa !important; color: #727070; border-color: #50636b;} .popup-box-timeline.extra-timeline-filter ul li{width: unset; height: 40px;} .popup-box-timeline.extra-timeline-filter{right: 262px; background: #ffffff; z-index: 9000; width: 415px; padding: 8px; border: 2px solid #222222;} .popup-box-timeline.extra-timeline-filter ul li{ } .sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .popup-box-timeline.extra-timeline-filter{max-height: 700px; overflow-y: scroll;} /* responsive */ @media (max-height: 780px) { .popup-box-timeline.extra-timeline-filter{max-height: 500px; overflow-y: scroll;} } @media (max-height: 480px) { .popup-box-timeline.extra-timeline-filter{height: 440px; overflow-y: scroll;} } .popup-box-timeline.extra-timeline-filter h3{ font-weight: 800; text-align: center;} .btn.btn-flat.btn-action.btn-icon-photos.print-page { background-color: #C02F17 !important; border-color: #8A1700; } .print-page:hover { background: #78a7a9 !important; border-color: #4d7375 !important; } .print-page .icon.fa.fa-file-pdf-o { font-weight: bold; padding-right: 5px; } /* ----- LINKS ------- */ div.record-control{display: inline-block; float: left; margin-left: 12px; height: 40px; vertical-align: middle;} div.record-control > div{display: inline-block; position: relative;} div.record-control label{ padding-top: 10px;} .link-edit, .link-timeline, .link-photos { width: 23px; height: 23px; border: none; padding: 0; margin: 1px 5px; display: inline-block; text-indent: -9999em; } .link-edit:hover, .link-timeline:hover, .link-photos:hover { background-color: transparent !important; background-position: 0 -70px !important; } .link-edit { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-edit-small.png) 0 0 no-repeat !important; } .link-timeline { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-small.png) 0 0 no-repeat !important; } .link-photos { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-photo-small.png) 0 0 no-repeat !important; } .text-light-gray a { color: #E77E13; } .text-light-gray a:hover { text-decoration: underline; color: #D55500; } /* .btn.btn-standard { background-color: #E77E13; border-color: #eea236; color: #ffffff; } .btn.btn-standard, .btn.btn-standard:focus { background: linear-gradient(to bottom, #f4b254 0%, #f3a537 100%) repeat-x scroll 0 0 #E77E13; border-color: #f19a1f #f19a1f #e38b0e; } .btn.btn-standard:hover {background: #D55500 !important;}*/ /* -------- TABLE STYLES ---------- */ .table tbody > tr > td {line-height: 20px;} .td-icon { width: 27px; padding: 0 5px; } .td-icon.icon-edit { } .td-icon.icon-photos { } .td-icon.icon-timeline { } .dropdown-menu.table-drop > li > a { color: #e77e13; display: block; margin: 0; padding: 5px 10px; width: 100%; } .dropdown-menu.table-drop > li > a:hover { color: #fff; background: #E77E13; text-decoration: none; } .dropdown-menu.table-drop > li > span { margin: 0; padding: 5px 10px; display: block; } .dropdown-menu.table-drop > li { margin: 0; padding: 1px 0px !important; line-height: 1em; } .dropdown-menu.table-drop { border: 1px solid #eee; padding: 0px 0; min-width: 100%; z-index: 9999;} .table-name { font-size: 16px; font-weight: 500; } .table .avatar { border-radius: 999999px; border: 2px solid #eee; display: block; height: 50px; width: 50px; } .table .avatar-record { border: none; border-radius: 8px; display: block; height: 80px; width: 80px; overflow: hidden; line-height: 1em; } .table .avatar-record img { width: 100%; } #content-wrapper ul.nav-tabs { border-bottom: 1px solid #e4e4e4; padding: 0; } .panel.tab-panel { background: none; border: none; } .panel.tab-panel .tab-content { background: #fff; } .table-eyfs { color: #bbb; font-size: 15px; font-weight: 700; } .table .record-groups { line-height: 12px; padding-top: 30px !important; } .list-lh-fix { display: block; font-size: 15px; line-height: 17px; } /* -------- FORM STYLES ---------- */ .contact-list li{list-style: none; float: left; position: relative; top: 0; margin: 1px 3em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap;} .panel-heading { background: #e4e4e4; } .form-default input, .form-default select { border-top-color: #c2c2c2; -webkit-box-shadow: none; box-shadow: none; } .form-default input[type=number]{width: 4em;} .form-default input[type=text],.form-default input[type=email], .form-default select { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #d6d6d6; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; } .form-default input[type='checkbox'] { display: block; width: 13px; height: 13px; line-height: 1; background: none; border: 1px solid #d6d6d6; border-radius: 1px; -webkit-box-shadow: none; box-shadow: none; float: none; margin-left: 0; margin-top: 9px; } .form-default input[type='file'] { display: block; width: auto; height: auto; padding: 6px 12px; font-size: 13px; line-height: 1; color: #555555; background: none; border: 1px solid #d6d6d6; border-radius: 1px; -webkit-box-shadow: none; box-shadow: none; float: none; margin-left: 0; } .form-default input:focus { border-color: #E77E00; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-default input::-moz-placeholder { color: #999999; opacity: 1; } .form-default input:-ms-input-placeholder { color: #999999; } .form-default input::-webkit-input-placeholder { color: #999999; } .form-default input[disabled], .form-default input[readonly], fieldset[disabled] .form-default input { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .form-default textarea { border: 1px solid #d6d6d6; border-radius: 2px; height: 80px; padding: 5px 10px; width: 100%; } .form-bordered .form-group:first-child { border-top: none; } .dropdown-toggle:hover { color: #555555; } .panel-heading .form-default { display: inline-block; margin: 2px 5px 2px 0; vertical-align: top; } .panel-heading .row.pesky-record-list .form-default { display: inline-block; margin: 1px 0 0 0; vertical-align: top; padding-left: 1px; padding-right: 1px;} .row.pesky-record-list .col-sm-2.form-default {width: 14%;} .row.pesky-record-list .col-sm-1.form-default {width: 12%;} .row.pesky-record-list .row.record-list-search select{width: 94px; padding: 2px 6px;} .row.pesky-record-list h3 {color: #00c700; line-height: normal; margin-top: 12px !important; font-weight: 800;} .panel-heading .curriculum-list-search .form-default { margin: 2px 0px 2px 0;} .panel-heading .form-default select, .panel-heading .form-default input {width: 99%;} .text-filter-by{min-width: 123px; max-width: 133px; width: 15%; display: inline-block; float: left; margin-right: 5px;} .form-bordered label { margin-bottom: 0; } .form-default label { font-size: 13px; height: 40px; line-height: 1em; padding: 12px 0 0; text-align: right; } .form-default label.col-sm-12 { text-align: left; } .form-default .form-text { text-align: right; height: 32px; line-height: 30px; color: #999; font-size: 15px; } .curriculum-list-search #id_year { display: inline-block; margin: 2px 5px 0 0; width: auto; } .tbl-pupil-list th label { height: 34px; line-height: 34px; margin-right: 10px; } .list-lh-fix.lh-parent { padding-top: 16px; } .form-default .switcher { height: 24px; width: 60px; margin-top: 3px; } .switcher-state-off { background: #bec3c7; } .btn-primary.pfi-choose, .btn-primary.pfi-choose:focus, .btn-primary.pfi-choose:active { background: #ececec; border-color: #dddddd #dddddd #cecece; color: #555555; } .btn-primary.pfi-choose:hover { background: #d5830d !important; border-color: #d5830d; color: #fff; } .btn-xs.pfi-clear:hover { background: #d5830d !important; } .tridan-form label, .tridan-form input, .tridan-form select { width: 16.6667%; float: left; padding-left: 11px; padding-right: 11px; margin: 8px 0; } .panel-footer { padding: 15px 10px; border-top: 4px solid #ececec; } .panel-footer .button { margin-top: 0px; } input.datepicker { width: 100% !important; background: #ffffff url(https://cdn.earwig.uk.com/admin-re/images/bkg-date.png) right center no-repeat !important; overflow: hidden; padding-right: 18px; } /* -------- TOPBAR / NAV ---------- */ #main-navbar #main-menu-toggle .navbar-icon { left: 16px; } #main-navbar #main-menu-toggle .navbar-icon:after { } .mmc #main-navbar #main-menu-toggle .navbar-icon, .mme.mmc #main-navbar #main-menu-toggle .navbar-icon { left: 16px; } #main-navbar .navbar-header { padding-left: 44px !important; } #main-navbar .navbar-brand div, #main-navbar .navbar-brand div img { height: 36px; width: 95px; padding-top: 3px; } .theme-default #main-navbar .navbar-brand div, .theme-default .demo-logo { background: none; } #main-navbar .right { padding-right: 0px; } #main-navbar .navbar-brand div { margin-right: 6px; top: 10px; } #main-navbar .navbar-brand { padding-right: 10px; } #main-navbar .navbar-brand { padding: 0 13px; width: 100%; } #main-navbar .navbar-brand span { color: #fff; display: inline-block; font-size: 9px; font-weight: 400; letter-spacing: 0.2em; line-height: 10px; position: relative; top: 5px; } #main-navbar .navbar-brand:hover { background: #f8f8f8; } #main-navbar .fa-sign-out { color: #E84E3B; } #main-navbar .user-menu > img { border: 1px solid #efefef; height: 32px; padding: 2px; width: 32px; } #main-menu .menu-content.top { text-align: left; padding: 68px 15px 10px 70px !important; width: 100%; color: #fff; border: none; font-size: 12px; } #main-menu .menu-content.top div { width: 100%; } #menu-content-demo img { background: none repeat scroll 0 0 #fff; left: -62px; padding: 2px; top: 10px; } #menu-content-demo .text-bg { color: #fff; margin-bottom: 2px; word-wrap: normal; } #menu-content-demo .grey { font-weight: 300; } #main-menu .menu-content.top.admin .text-bg { margin-bottom: 2px; } #main-menu .menu-content.top.admin { margin-bottom: -47px; margin-top: 0; padding: 60px 15px 10px 15px !important; color: #fff; } #main-menu .menu-content.top.admin div { width: 100%; overflow: hidden; } #main-menu .menu-content.top .btn-group { padding-top: 12px; } #main-navbar .navbar-nav.pull-right { background: none; } .usertype_staff-admin .profile.dropdown-toggle.user-menu { background: #ccc none repeat scroll 0 0; } /* #main-navbar .navbar-nav .social-links { padding: 8px 10px; background: #23272D;} #main-navbar .navbar-nav .social-links a {border-radius: 14px; color: #fff; display: inline-block; height: 28px; line-height: 28px; padding: 0; text-align: center; width: 28px; } #main-navbar .navbar-nav .social-links a:hover {background:#BEC3C7 !important;} #main-navbar .navbar-nav .social-links a i { color: #fff; } #main-navbar .navbar-nav .social-links a.facebook { background:#255B9B; margin: 0 5px 0 0 ;} #main-navbar .navbar-nav .social-links a.twitter { background:#00B2F2;margin: 0 5px 0 0 ;} #main-navbar .navbar-nav .social-links a.youtube { background:#F01327;} */ .theme-default.usertype_parent #main-navbar .navbar-header { background: #bec3c7; } .theme-default.usertype_parent #main-navbar .navbar-collapse { background: #bec3c7; } .theme-default.usertype_parent #main-navbar .navbar-inner { background: #bec3c7; } .theme-default.usertype_parent #main-navbar .navbar-brand { line-height: 40px; height: 58px !important; } .theme-default.earwiglite #main-navbar .navbar-header { background: #bec3c7; } .theme-default.earwiglite #main-navbar .navbar-collapse { background: #bec3c7; } .theme-default.earwiglite #main-navbar .navbar-inner { background: #bec3c7; } .theme-default.earwiglite #main-navbar .navbar-brand { line-height: 40px; height: 67px !important; } .theme-default.earwiglite #main-navbar #main-menu-toggle { height: 67px; } #main-navbar .navbar-inner { min-height: 60px; } #main-navbar #main-menu-toggle { height: 62px; } .page-header { margin: -5px -18px 18px; } #main-navbar .navbar-brand { line-height: 60px; } #main-navbar .navbar-nav > li > a { height: 62px; } #main-navbar li a { line-height: 62px; } #main-navbar li a:hover { background: #EC973A; } .theme-default #main-navbar .navbar-header a { color: #fff; background: #EC973A; max-height: 62px;} .theme-default #main-navbar .navbar-header, .theme-default #main-navbar .navbar-collapse, #main-navbar{background: rgba(255,255,255,0.2) !important;} .staff-school-bkg { text-align: center; } .staff-school-bkg img { padding-top: 8px; height: 54px; width: auto; } .theme-default #main-navbar .navbar-collapse > div > .navbar-nav { border-left: none; } .theme-default #main-navbar .right > .navbar-nav > li { border-left: none; } #main-navbar .navbar-toggle { height: 60px; } #main-navbar .navbar-toggle .navbar-icon { color: #fff; line-height: 60px; } .profile.dropdown-toggle.user-menu span { color: #fff; } @media (max-width: 1100px) { .staff-school-bkg img { display: none; } .navbar-nav .open .dropdown-menu { display: block !important; } #main-navbar .navbar-nav > li > a { width: 100%; } } /* -------- SIDE NAV ---------- */ .theme-default #main-navbar #main-menu-toggle { background: #e77e13; color: #fff; height: 62px; } .theme-default #main-navbar #main-menu-toggle .fa::before { color: #ffffff; } #main-menu .navigation { border-top: #2e333b 1px solid; margin: 60px 0 0; padding: 0; } .mmc #main-menu .navigation { border-top: none; } #main-menu .menu-content.top { width: 100%; margin-bottom: -67px; } .welcome-message .text-slim { font-size: 13px; } .welcome-message .text-semibold { font-size: 16px; display: block; white-space: normal !important; } #menu-content-demo .close { right: -5px; } #main-menu .navigation a, #main-menu .mmc-dropdown-open-ul a { padding: 0px 14px 0 0; } #main-menu .navigation a:hover, #main-menu .mmc-dropdown-open-ul a:hover { background: #2a2e36; } .theme-default #main-menu .active > a { background: #2a2e36 !important; } .theme-default #main-menu .mm-dropdown > ul, .theme-default #main-menu .mmc-dropdown-open-ul { background: #23272D; } .theme-default #main-menu li.active > a .menu-icon { color: #fff; } #main-menu .navigation .menu-icon { margin-right: 10px; line-height: 44px; height: 44px; width: 44px; color: #fff; } #main-menu .navigation .no-icon { padding: 12px 0 13px 56px; } #main-menu .navigation ul .active .menu-icon, #main-menu .navigation ul a:hover .menu-icon { color: #fff; } #main-menu .navigation ul .menu-icon { color: #808b9c; } #main-menu .mm-dropdown ul .menu-icon { margin-left: 0px; } #main-menu .mmc-dropdown-open-ul .menu-icon { margin-left: 10px; } .theme-default #main-menu .navigation a:after, .theme-default #main-menu .mmc-dropdown-open-ul a:after { width: 5px; background: url(https://cdn.earwig.uk.com/admin-re/images/bkg-side-menu.png) 0 0 no-repeat; } #main-menu .mmc-title { line-height: 44px; } #main-menu .mm-dropdown ul a { padding-bottom: 0px; padding-top: 0px; } #main-menu .mmc-dropdown-open-ul a, #main-menu .mmc-dropdown-open-ul ul a { padding-bottom: 12px; padding-top: 12px; } #main-menu .mmc-dropdown-open-ul a.no-icon, #main-menu .mmc-dropdown-open-ul ul a.no-icon { padding-left: 34px; } #main-menu .mm-dropdown > ul > li > a { padding-left: 0px; } #main-menu ul.navigation > li > a > .menu-icon { margin-right: 10px; } .mmc #main-menu ul.navigation > .mm-dropdown > a:before { color: #fff; right: 1px; } #main-menu .navigation .menu-icon.list-dashboard { background: #E84E3B; } #main-menu .navigation .menu-icon.list-records { background: #E77E13; } #main-menu .navigation .menu-icon.list-projects { background: #eb4fc6; } #main-menu .navigation .menu-icon.list-image { background: #F1C200; } #main-menu .navigation .menu-icon.list-eyfs { background: #808B8D; } #main-menu .navigation .menu-icon.list-pupils { background: #34495F; } #main-menu .navigation .menu-icon.list-classes { background: #9C5EBB; } #main-menu .navigation .menu-icon.list-parents { background: #339ADF } #main-menu .navigation .menu-icon.list-staff { background: #2ECA6A; } #main-menu .navigation .menu-icon.list-curriculum { background: #19BB9B url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-menu.png) center center no-repeat; text-indent: -9999em; } #main-menu .navigation .menu-icon.list-schools { background: #C13B29; } #main-menu .navigation .menu-icon.list-sales { background: #2D3E51; } #main-menu .navigation .menu-icon.list-settings { background: #BEC3C7; } #main-menu .navigation .menu-icon.list-blog { background: #D55500; } #main-menu .navigation .menu-icon.list-contact { background: #26AA55; } #main-menu .navigation .menu-icon.list-framework { background: #555555; } #main-menu .navigation .menu-icon.list-accreditation { background: #0686e7; } #main-menu .navigation .menu-icon.list-training { background: #8F4AB0 url(https://cdn.earwig.uk.com/admin-re/images/icon-graduate.svg) no-repeat center center / 18px; text-indent: -9999em; } #main-menu .menu-content { margin-top: 0px; padding: 10px 0 30px; text-align: center; } #main-menu .mmc-dropdown-open-ul li, #main-menu .mmc-dropdown-open-ul ul li { padding-left: 0px; } .navbar-inverse { background-color: #fff; } .mme #main-navbar .navbar-inner { left: 0; } .framework-nav i { display: inline-block; } .framework-nav span { vertical-align: top; display: inline-block; height: auto; line-height: 1em; width: 170px; padding-top: 14px; } .dropdown-assessment .framework-nav span { line-height: 18px; width: 90%; padding-top: 0; padding-left: 4px; } /* ----------- SIGNIN -------*/ .page-signin .signin-info .logo { padding: 0 0 12px } .page-signin .form-actions .signin-btn:hover { background: #D55500 !important; } #page-signin-bg .overlay { background: rgba(0, 0, 0, 0.2); } .page-signin .signin-info .slogan { margin-top: 5px; margin-bottom: 10px; color: #fff; font-size: 17px; line-height: 19px; padding-bottom: 15px; } .signin-with { font-size: 14px; } .signin-with .left { display: inline-block; width: 73%; vertical-align: top; } .signin-with .right { display: inline-block; text-align: right; vertical-align: top; width: 25%; } .page-signin .not-a-member { padding: 15px 0; width: 500px; margin: 0 auto; } .signin-form_id .errorlist { background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) repeat scroll 0 0 / 20px 20px #e66454; font-size: 12px; color: #fff; margin: 0 !important; padding: 5px 10px !important; } .signin-form_id .errorlist hr { height: 1px; background-color: #FFF; border: 0; margin: 8px 0} .timeline-ex-message { border-bottom: #fff 1px solid; display: block; padding-bottom: 10px; margin-bottom: 8px; } .timeline-ex-message b { color: #333; } .page-signin .signin-container { margin: 80px auto 0; } /* PARENT REGISTRATION */ .parent-reg-school input[type=radio] { display: inline-block; height: 14px; margin-right: 6px; width: 14px; } .parent-reg-school label { text-align: left; } /* ----------- STATIC PAGES -------*/ .pg-static { margin-bottom: 50px; } .pg-static p { font-size: 15px; } .pg-static h3 {color:#9C5EBB; font-size: 27px; padding-bottom: 0px;} .pg-static a {color:#9C5EBB; } .pg-static a:hover {color:#8F4AB0; } .pg-training h1, .pg-whats-new h1 {background: url(https://cdn.earwig.uk.com/admin-re/images/icon-graduate.svg) no-repeat 0 center / 20px; padding-left: 34px; } .pg-whats-new .col-sm-4 { padding-right: 2%; width: 31.33333333%; padding-top: 30px; } .pg-whats-new .col-sm-4 img { width: 100%; margin-bottom: 15px; border:#fff 7px solid; border-radius: 15px; } .pg-whats-new .col-sm-4 img:hover { border-color:#9C5EBB;} .stat-grid { width: 100%; padding:20px; } .stat-grid .grid-row { width: 100% ; padding:10px 0px; border-bottom:#666 1px solid; } .stat-grid .grid-row:last-child { border-bottom: none; } .stat-grid .grid-row .grid-col { display: inline-block; vertical-align: top;} .stat-grid .grid-row .grid-col p { font-size: 14px;} .training-section .title-row { background: #9C5EBB; width: 100%; font-size: 21px; color:#fff; padding:10px; margin-bottom: 5px;} .grid-training .grid-col-1 { width: calc(100% - 190px) ; } .grid-training .grid-col-2 { width: 90px; } .grid-training .grid-col-3 { width: 90px; } .grid-training h4 { display: inline-block; margin-right: 20px; font-size: 21px; } .grid-training .btn { display: inline-block; } .grid-training .btn { background: #9C5EBB; border: none; color: #fff; } .grid-training .btn:hover { background: #8F4AB0 !important; text-decoration: none; color: #fff !important;} .stat-grid .grid-row .grid-col .vid-holder { width: 100%; max-width: 700px; } .stat-grid .grid-row .grid-col .vid-holder video { max-width: 100%;} .stat-grid .grid-row .grid-video-holder { height: 0px; overflow: hidden; max-height: 0px; transition: max-height 0.4s ease-out; } .stat-grid .grid-row .grid-video-holder.open-div{ max-height: 700px; transition: max-height 0.4s ease-in; height: auto; padding: 30px 0 0; } .pg-training input { position: absolute; opacity: 0; z-index: -1; } .pg-training .row { display: -webkit-box; display: flex; } .pg-training .row .col { -webkit-box-flex: 1; flex: 1; } .pg-training .row .col:last-child { margin-left: 1em; } /* Accordion styles */ .pg-training .tabs { overflow: hidden; } .pg-training .tab { width: 100%; color: white; overflow: hidden; } .pg-training .tab-label { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: left; cursor: pointer; font-weight: 400; text-transform: none; background: #9C5EBB; width: 100%; font-size: 21px; color:#fff; padding:10px; margin-bottom: 5px; } /* Icon */ .pg-training .tab-label:hover { background:#8F4AB0; } .pg-training .tab-label::before { content: "\276F"; width: 1em; height: 1em; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; margin-right: 15px; } .pg-training .tab-content { max-height: 0; -webkit-transition: all 0.5s; transition: all 0.5s; color: #333; } .pg-training .tab-close { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #fff; cursor: pointer; } .pg-training .tab-close:hover { background: #9C5EBB; } .pg-training input:checked + .tab-label { background:#8F4AB0; } .pg-training input:checked + .tab-label::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: 5px; margin-left: 6px; margin-right: 9px; } .pg-training input:checked ~ .tab-content { max-height: 100vh; padding: 1em 0 3em; } /* Training logged out header */ .logged-out-wrapper { max-width: 1400px; width: 100%; float: none; margin: 0 auto; padding:0 15px; } .logged-out-header.training { height: 100px; background: #EC973A url(https://cdn.earwig.uk.com/admin-re/images/earwig-logo-w.svg) no-repeat center center / 160px; width: 100%; } .logged-out-wrapper .page-header { margin: 0 0 18px; } /* ----------- DASHBOARD -------*/ /* Assessment framework dropdown */ .dropdown-assessment { position: relative; display: inline-block; } .dropdown-content-assessment { display: none; position: absolute; background-color: #f9f9f9; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 12px 16px; z-index: 1001; /* must be greater than morris-hover in pixel-admin.css */ } .dropdown-assessment:hover .dropdown-content-assessment { display: block; } /* end assessment framework dropdown*/ .dashboard-wrapper .col-md-6 .panel-heading .panel-title { color: #fff; } .dashboard-wrapper.student { margin-left: 243px; } .mini-box { border-radius: 5px; min-height: 87px; padding: 9px 0 0 10px; display: block; color: #fff; opacity: 1; background: #fff url(https://cdn.earwig.uk.com/admin-re/images/dash-button-arrow.png) right center no-repeat; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; transition: all 0.1s ease-out 0s; transform: translateY(-2px); } .mini-box.mini-box-smaller { min-height: 66px; } span.records-to-review{ color: #555555; border-radius: 5px; padding: 2px 4px; background-color: #b4e8f5; margin-right: 5px; font-weight: bolder; } span.records-to-review.has-parent-observation, button.records-to-review.has-parent-observation, button.btn.btn-flat.has-parent-observation, label.record-flag.has-parent-observation span{ background-color: #ffe4ff; } label.record-flag.has-parent-chat span{ background-color: #ff8d00; color: #fefefe;} button.btn.btn-flat.has-parent-observation:hover{background-color: #e39de6 !important; border-color: #d8b1de !important;} span.records-to-review.has-parent-observation span{cursor: default;} span.position-bottom-right{position: absolute; right: -1px; bottom: 3px;} span.records-to-review{ color: #555555; border-radius: 5px; padding-left: 4px; background-color: #b4e8f5; margin-right: 5px; font-weight: bolder; } .timeline span.has-parent-observation{ background-color: #bec3c7; padding-left: 4px; color:#ffffff;} span.has-parent-observation span{cursor: default;} .timeline .btn-action.btn-flat{background-color: #bec3c7; border-color: #bec3c7; border-bottom-color: #9b9fa2;} span.has-parent-observation i, button.has-parent-observation i{cursor: pointer; background-color: #ffe4ff; color: #333; margin: 4px 4px;} span.has-parent-observation:hover i, button.has-parent-observation:hover i{background: none;} div.parent-help-box p{font-size: 1em;} div.parent-help-box h6{font-size: 1.1em; font-weight: bold;} .mini-box:hover, .mini-box.active { /*opacity: 0.8; background-color: #E77D00; */ text-decoration: none; transform: translateY(0px); box-shadow: none; } .mini-box:focus { /*opacity: 0.8; background-color: #E77D00; */ box-shadow: none; text-decoration: none; transform: translateY(0px); } .mini-box .box-icon { border-radius: 50%; display: block; float: left; font-size: 35px; height: 65px; line-height: 57px; margin: 0 10px 10px 0; text-align: center; vertical-align: middle; width: 65px; color: #fff; } .mini-box.mini-box-smaller .box-icon { height: 42px; line-height: 34px; width: 42px; } .mini-box:hover .box-icon { } .mini-box:hover p, .mini-box:hover .size-h2 { } .mini-box .box-icon .fa { font-size: 25px; } .mini-box .size-h2 { font-size: 16px; line-height: 20px; text-transform: uppercase; padding: 12px 0 0; color: #fff; font-weight: 500; } .mini-box p { margin: 0; color: #fff; line-height: 1.2em; padding-right: 20px; font-size: 12px; } .mini-box .fa-timeline { background-image: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-large.png); background-position: center center; background-size: 46%; background-repeat: no-repeat !important; } .timelines-top-links .mini-box .size-h2 { color: #222; } .timelines-top-links .mini-box p { color: #222; } .timelines-top-links div{ margin-bottom: 10px;} .stat-panel .list-group-item { padding: 8px 10px !important; text-transform: uppercase; } .stat-panel .list-group-item > .label { line-height: 16px; padding: 3px 5px; } .dashboard-wrapper .widget-threads .thread-avatar { height: 42px; margin-top: 2px; width: 42px; } .dashboard-wrapper .widget-threads .thread-body { margin-left: 52px; } .stat-row h4 { font-size: 19px; } .stat-row .label { font-size: 19px; } .stat-cell table { width: 100%; } .stat-cell table td { font-weight: normal; text-transform: uppercase; text-align: center; padding-top: 4px; } .stat-cell table th { color: #666; font-size: 11px; font-weight: normal; text-align: center; text-transform: uppercase; padding-top: 4px; } .stat-cell table tr { height: 27px; } .stat-cell table td .pull-right { float: none !important; font-size: 12px; font-weight: 500; line-height: 21px; width: 40px; padding-bottom: 2px; } .stat-cell table th.title { font-size: 12px; font-weight: 700; text-align: left; } .stat-cell table .dash-table-top-row th { line-height: 12px; padding-bottom: 4px; } .stat-cell table tr.dash-table-top-row { border-bottom: #ccc 1px solid; } .dashboard-wrapper .dash-box-inner {height: 368px;padding: 10px;overflow-x: hidden;} .dashboard-wrapper .dash-box-inner.dash-message { padding: 0px; } .school-linker{width:100%;font-size: 11px;font-weight: bold;white-space:normal;text-align: left;color: #fff;} .school-linker.klass{ background: #b9376e; } .school-linker.pupil{ background: #458c31; } .school-linker.staff{ background: #9b5f3b; } .school-linker.parent{ background: #b2763c; } .school-linker.framework-add{ background: #ABB7B7; } .lite-add-type{display: inline-block;width: 37%;font-size: 9px;} .school-linker img{ padding:5px 12px;float: left;} .dashboard-wrapper .panel .widget-threads .thread { margin: 0; padding: 5px; } .dashboard-wrapper .panel-heading { background: #fafafa none repeat scroll 0 0; height: 48px; line-height: 48px; padding: 0 15px; text-transform: uppercase; } .dashboard-wrapper .panel-heading.panel-green{background:#3ca63d; font-size: 12px;} .dashboard-wrapper .panel-heading .panel-title-icon { font-size: 17px; } .dashboard-wrapper .panel-heading .panel-title { color: #fff; font-size: 13px; line-height: 15px; } .dashboard-wrapper .panel-heading.dash-message-title { background: url(https://cdn.earwig.uk.com/admin-re/images/bkg-dash-message.jpg) right center no-repeat !important; } .dashboard-wrapper .panel-heading.dash-help-videos { background-color: #f5de12; color: #343434;} .dashboard-wrapper .panel-heading.dash-help-videos .panel-title{ color: #333333;} .dashboard-wrapper .panel-heading.dash-message-title .panel-title { padding: 2px 0 0 10px; } .dash-box .panel{height: 440px;} .messagebox.dashboard-message-staff p, .messagebox.dashboard-message-sen p, .messagebox.dashboard-message-assessment p { font-size: 13px; text-transform: none; } .messagebox.dashboard-message-staff h4, .messagebox.dashboard-message-sen h4, .messagebox.dashboard-message-assessment h4 { font-size: 14px; line-height: 17px; text-transform: uppercase; } .messagebox.dashboard-message-staff img, .messagebox.dashboard-message-sen img, .messagebox.dashboard-message-assessment img { width: 100%; } .messagebox.dashboard-message-staff, .messagebox.dashboard-message-sen, .messagebox.dashboard-message-assessment { background-color: #fff; border-left: none; font-size: 13px; margin: 0px 0; padding: 10px; } /* -------- CLASSES ---------- */ .add-classes-row select { margin: 0 0 6px; } /* -------- SCHOOLS ---------- */ #contacts-empty label, #contacts-empty input, #contacts-empty select { width: 16.6667%; float: left; padding-left: 11px; padding-right: 11px; margin: 8px 0; } /* -------- PUPILS ---------- */ .tbl-pupil-list table td { line-height: 50px !important; } .children-drop li input[type="checkbox"] { float: left; margin: 0 10px 0 0; } .children-drop { max-height: 300px; min-height: 300px; overflow-y: scroll; border: 1px solid #d6d6d6; border-radius: 2px; margin-top: 15px; } .children-drop li { } .children-drop li label { text-align: left; width: 100%; padding: 10px; } .children-drop li label:hover { background: #f3aa41; color: #fff; } /* pupil profile */ .page-profile .profile-photo { width: 86%; max-width: 180px; } .page-profile .profile-photo img { width: 100%; } .page-profile .btn.btn-flat.btn-action.btn-icon-timeline { background: #5ca3da url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 16px -51px no-repeat !important; padding: 10px 20px 10px 40px; } .page-profile .btn.btn-flat.btn-action.btn-icon-timeline:hover { background: #2978b7 url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 16px -51px no-repeat !important; padding: 10px 20px 10px 40px; } .profile-block .button { background: #ececec; border-color: #dddddd #dddddd #cecece; color: #555555; } .page-profile .pale-block { width: 100%; text-align: center; padding: 4px 0; background: #fff; border: #ddd 1px solid; display: block; } .profile-block .pale-block { margin-bottom: 9px; } .page-profile .left-col > .panel .panel-heading { padding: 5px 10px; } .nav-tabs > li > a { padding: 13px 20px; } .tl-header-profile { padding: 10px; border-bottom: #ccc 1px solid; background: #fff; height: 60px; } /*.timeline-wrapper.profile-edit .tl-info-holder, .timeline-wrapper.profile-edit .tl-header, .timeline-wrapper.profile-edit .tl-back-button { display: none !important; }*/ /*.timeline-wrapper.profile-edit { margin-top: -30px;}*/ .profile-row .panel-transparent { margin-bottom: 12px; } .pupil-tl-holder .content-wrapper { background-color: red; } /* -------- PARENTS ---------- */ #main-navbar .navbar-nav .p-tl-hide { display: none; } #main-navbar .navbar-nav .p-img-hide { display: none; } #main-navbar .navbar-nav .fa-timeline { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-header.png) center center no-repeat; height: 18px; width: 18px; } .usertype_parent #content-wrapper { padding: 78px 18px 18px; } /*.earwiglite #content-wrapper { padding: 78px 18px 18px; }*/ .parent-wrapper { width: 1100px; margin: 0 auto; } .compendium-wrapper h1, .parent-wrapper h1 { font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; text-transform: uppercase; margin-top: 33px; font-size: 25px; } .compendium-wrapper h1.font-alt, .parent-wrapper h1.font-alt { font-size: 33px; } .usertype_parent .navbar-brand div { /*height: 58px !important; */ color: #fff; } .earwiglite .navbar-brand div { /*height: 58px !important; */ color: #fff; } .parent-wrapper .profile-photo img { border-radius: 999999px; display: block; max-width: 100%; } .parent-wrapper .profile-photo { border-radius: 999999px; display: inline-block; margin-bottom: 0px; padding: 6px; max-width: 160px; width: 100%; margin-top: 5px; } .parent-wrapper .parent-home-child { padding: 10px; background: #fff; border-radius: 5px; margin-bottom: 15px; box-shadow: 3px 3px 10px #bec3c7; } .parent-wrapper .parent-home-child .btn-group { display: none; } .parent-wrapper .col-md-6 { padding-left: 25px; padding-right: 25px; } .parent-wrapper #selected_media .media-tick { float: left; height: auto; margin: 1.5%; width: 30%; } .parent-wrapper .media-holder { float: left; width: 100%; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-records{border-color: #e50f0f; background: url("https://cdn.earwig.uk.com/admin-re/images/icon-edit.png") no-repeat 12px -109px / 20px #f65f5c !important; font-size: 18px; padding: 14px 0px 14px 0px; margin-top: 8px; width: 80%; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-records:hover { background-color: #d13d3d !important; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-timeline { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-tl.png") no-repeat 12px -156px #339adf !important; font-size: 18px; padding: 14px 0px 14px 0px; width: 80%; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-timeline:hover { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-tl.png") no-repeat 12px -156px #3384c8 !important; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 12px -156px #f3aa41 !important; font-size: 18px; padding: 14px 0px 14px 0px; margin-top: 8px; width: 80%; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos:hover { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 12px -156px #d5830d !important; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos.btn-premium-hide { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 12px -156px #ddd !important; font-size: 18px; padding: 14px 0px 14px 0px; margin-top: 8px; width: 80%; border-color: #ccc; cursor: default; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos.btn-premium-hide:hover { border-color: #ccc !important; background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 12px -156px #ddd !important; } .tooltip-prem + .tooltip .tooltip-inner { background-color: #9c63be !important; } .tooltip-prem + .tooltip.right .tooltip-arrow { border-right-color: #9c63be !important; } .parent-wrapper .messagebox { background-color: #fff; border-left: none; font-size: 16px; margin: 15px 0; padding: 15px; } button.edit.edit_record_lock{ background: none; border: none; padding: 0;} button.edit.edit_record_lock i.fa-unlock{color: #d83a3a; font-size: 18px;} button.edit.edit_record_lock i.fa-lock{color: #888; font-size: 18px;} button.edit.teacher_toggle_lock{ float: left; background: none; border: none; padding: 10px;} button.edit.teacher_toggle_lock i.fa-unlock{color: #d83a3a; font-size: 28px; opacity: 1.0;} button.edit.teacher_toggle_lock i.fa-lock{color: #888; font-size: 28px;} span.rec-list-item{ margin-top: -15px; padding: 0 0 0 7px; width: 55px; float:left; } .parent-home-child .btn.btn-flat.btn-action.btn-icon-timeline { margin-right: 13px; } .parent-home-child .dropdown-toggle { padding: 10px 15px; margin: 6px 0 0; } .parent-home-child h3 { border-bottom: 1px solid #ddd; color: #d9d9d9; font-size: 26px; margin-bottom: 11px; margin-top: 10px; padding-bottom: 7px; text-transform: uppercase; font-weight: 600; } .blog-row h3, .messagebox.parent-homepage-under-title h1, .messagebox.parent-homepage-under-title h2, .messagebox.parent-homepage-under-title h3, .messagebox.parent-homepage-under-title p strong { color: #f1b608; font-size: 21px; margin-bottom: 11px; margin-top: 10px; padding-bottom: 7px; text-transform: uppercase; font-weight: 800;} .parent-header { text-align: center; } .parent-logo-hide { display: none; } .med-list-body { border: none; box-shadow: 3px 3px 10px #bec3c7; border-radius: 5px; min-height: 270px; padding: 0; background: #fff; margin-bottom: 20px; } .med-list-body .med-list-top { background: #BEC3C7; color: #fff; width: 100%; height: 50px; line-height: 50px; border-radius: 5px 5px 0 0; } .med-list-body .med-list-title { float: left; font-size: 19px; height: 50px; line-height: 50px; padding: 0 20px; overflow: hidden; } .med-list-body .med-list-inner { padding: 10px; overflow: auto; } .med-list-body .med-list-inner .messagebox { margin: 0 0 0px; } .med-list-body .med-list-icon-holder { float: right; height: 50px; line-height: 50px; margin: 0px; padding: 0 20px; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-tl-date.png") 0 0 repeat; border-radius: 0 5px 0 0; } .med-list-body .med-list-img-icon .fa { font-size: 15px; } /* PARENT NAVIGATION */ #main-navbar .navbar-nav .p-tl-hide { display: none; text-align: center;} #main-navbar .navbar-nav .p-img-hide { display: none; } #main-navbar .navbar-nav .fa-timeline { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-small.png) center center no-repeat; height: 18px; width: 18px; vertical-align: middle; margin-top: -2px; } #main-navbar .navbar-nav .p-tl-hide a, #main-navbar .navbar-nav .p-img-hide a { background-color: #f3aa41; } #main-navbar .navbar-nav .p-tl-hide a:hover, #main-navbar .navbar-nav .p-img-hide a:hover { background-color: #d5830d !important; } #main-navbar .navbar-nav .nav-drk-bkg a { background: #ccc; } .usertype_parent #main-navbar .navbar-header, .usertype_parent .mme #main-wrapper, .usertype_parent #main-wrapper { padding-left: 0px !important; } .usertype_parent #main-menu-toggle { display: none !important; } .usertype_parent #main-navbar .navbar-header { display: none; } .usertype_parent #main-navbar { min-height: 58px; } .usertype_parent #main-navbar .navbar-inner { min-height: 78px; } .usertype_parent .navbar-brand { height: 58px; } .usertype_parent #main-navbar .navbar-nav > li > a { height: 78px; line-height: 78px; color: #fff; } .usertype_parent #main-navbar .navbar-nav > li > a:hover { color: #fff; background: #E77E13; } .usertype_parent #main-navbar .basket { background: #79b318; color: #fff !important; } .usertype_parent #main-navbar .basket:hover { background: #26AA55 !important; } .usertype_parent #main-navbar .checkout { background: #339ADF; color: #fff !important; } .usertype_parent #main-navbar .checkout:hover { background: #2982BB !important; } .usertype_parent #main-navbar .premium { background: #bc78f6; color: #fff !important; } .usertype_parent #main-navbar .premium:hover { background: #892abf !important; } .usertype_parent #main-navbar .orders { background: #96A6A6; color: #fff !important; } .usertype_parent #main-navbar .orders:hover { background: #808B8D !important; } .usertype_parent #main-navbar .profile { background: #F1C200; color: #fff !important; } .usertype_parent #main-navbar .profile:hover { background: #F49B00 !important; } .usertype_parent #main-navbar .basket i, .usertype_parent #main-navbar .checkout i, .usertype_parent #main-navbar .orders i, .usertype_parent #main-navbar .profile i { font-size: 15px; } .usertype_parent #main-navbar .navbar-toggle { color: #fff; height: 58px; padding: 0; width: 60px; background: #f3aa41; } .usertype_parent #main-navbar .navbar-toggle .navbar-icon.fa.fa-bars { font-size: 20px; color: #fff; } .usertype_parent #main-navbar .parent-header-nav { display: block; height: 78px; position: absolute; text-align: center; width: 100%; } .usertype_parent #main-navbar .parent-header-nav img { height: 68px; width: auto; padding-top: 10px; margin-left: -100px; } .usertype_parent #main-navbar .buy-premium { background: #9c63be; color: #fff; height: 78px; line-height: 78px; padding: 0px; } .usertype_parent #main-navbar .buy-premium .pp-inner { padding: 0px 10px; } .usertype_parent #main-navbar .buy-premium .fa.fa-star { padding-right: 8px; } .usertype_parent #main-navbar .buy-premium a:hover { background: #B58DD0 !important; } .usertype_parent .footer .earwig-logo { background: #23272D url(https://cdn.earwig.uk.com/admin-re/images/logo-footer.png) right center no-repeat; padding: 0 52px 0 20px; display: inline-block; } .usertype_parent .page-header { margin: 0 0 18px; text-align: center; } /* puts basket in dropdown */ .usertype_parent .basket-dropdown .user-menu { background: #2ECA6A; color: #fff !important; padding: 0 22px; } .usertype_parent .basket-dropdown .user-menu:hover { background: #26AA55 !important; } .usertype_parent .basket-dropdown .user-menu i { font-size: 15px; } .usertype_parent .basket-dropdown ul a { padding: 7px 10px !important; } .usertype_parent .basket-dropdown ul { padding: 0px !important; } .usertype_parent .basket-dropdown { display: none; } /* EARWIGLITE */ a.earwiglite-title{color: #ffffff; font-size: 18px; text-align: center; line-height: 67px;} /*.earwiglite #main-navbar .navbar-header, .earwiglite .mme #main-wrapper, .earwiglite #main-wrapper { padding-left: 0px !important; }*/ /*.earwiglite #main-menu-toggle { display: none !important; }*/ /*.earwiglite #main-navbar .navbar-header { display: none; }*/ .earwiglite #main-navbar { min-height: 58px; } .earwiglite #main-navbar .navbar-inner { min-height: 67px; } .earwiglite .navbar-brand { height: 58px; } .earwiglite #main-navbar .navbar-nav > li > a { height: 67px; line-height: 67px; color: #fff; } .earwiglite #main-navbar .navbar-nav > li > a:hover { color: #fff; background: #E77E13; } .earwiglite #main-navbar .basket { background: #79b318; color: #fff !important; } .earwiglite #main-navbar .basket:hover { background: #26AA55 !important; } .earwiglite #main-navbar .checkout { background: #339ADF; color: #fff !important; } .earwiglite #main-navbar .checkout:hover { background: #2982BB !important; } .earwiglite #main-navbar .premium { background: #bc78f6; color: #fff !important; } .earwiglite #main-navbar .premium:hover { background: #892abf !important; } .earwiglite #main-navbar .orders { background: #96A6A6; color: #fff !important; } .earwiglite #main-navbar .orders:hover { background: #808B8D !important; } .earwiglite #main-navbar .profile { background: #F1C200; color: #fff !important; } .earwiglite #main-navbar .profile:hover { background: #F49B00 !important; } .earwiglite #main-navbar .basket i, .earwiglite #main-navbar .checkout i, .earwiglite #main-navbar .orders i, .earwiglite #main-navbar .profile i { font-size: 15px; } .earwiglite #main-navbar .navbar-toggle { color: #fff; height: 58px; padding: 0; width: 60px; background: #f3aa41; } .earwiglite #main-navbar .navbar-toggle .navbar-icon.fa.fa-bars { font-size: 20px; color: #fff; } .earwiglite #main-navbar .parent-header-nav { display: block; height: 78px; position: absolute; text-align: center; width: 100%; } .earwiglite #main-navbar .parent-header-nav img { height: 68px; width: auto; padding-top: 10px; margin-left: -100px; } .earwiglite #main-navbar .buy-premium { background: #9c63be; color: #fff; height: 78px; line-height: 78px; padding: 0px; } .earwiglite #main-navbar .buy-premium .pp-inner { padding: 0px 10px; } .earwiglite #main-navbar .buy-premium .fa.fa-star { padding-right: 8px; } .earwiglite #main-navbar .buy-premium a:hover { background: #B58DD0 !important; } .earwiglite .footer .earwig-logo { background: #23272D url(https://cdn.earwig.uk.com/admin-re/images/logo-footer.png) right center no-repeat; padding: 0 52px 0 20px; display: inline-block; } /*.earwiglite .page-header { margin: 0 0 18px; text-align: center; }*/ /* puts basket in dropdown */ .earwiglite .basket-dropdown .user-menu { background: #2ECA6A; color: #fff !important; padding: 0 22px; } .earwiglite .basket-dropdown .user-menu:hover { background: #26AA55 !important; } .earwiglite .basket-dropdown .user-menu i { font-size: 15px; } .earwiglite .basket-dropdown ul a { padding: 7px 10px !important; } .earwiglite .basket-dropdown ul { padding: 0px !important; } .earwiglite .basket-dropdown { display: none; } @media (min-width: 1100px) { .help-message-row.premium-parent-message { top: 78px; } } @media (max-width: 1100px) { .usertype_parent #main-navbar .navbar-header { display: block; text-align: center; } .usertype_parent #main-navbar .navbar-header .parent-school-logo { height: 46px; width: auto; } .usertype_parent #main-navbar .navbar-inner { min-height: 58px; } .usertype_parent #main-navbar .navbar-brand { height: 58px !important; line-height: 40px; width: auto; padding-top: 6px; width: 100%; } .usertype_parent #main-navbar .buy-premium { line-height: 58px; } .usertype_parent a.profile { width: 100% !important; } .parent-logo-hide { display: inline-block; } .usertype_parent #main-navbar .navbar-nav > li > a { height: 58px; line-height: 58px; } .usertype_parent #main-navbar .dropdown-menu { background: #ddd; } .usertype_parent #main-navbar .dropdown.open { background: #ddd; } .usertype_parent #main-navbar .nav-drk-bkg.back-to-homepage { text-align: center; } .usertype_parent #main-navbar .buy-premium { height: 58px; text-align: center; } .help-message-row.premium-parent-message { bottom: 0px; } /*.earwiglite #main-navbar .navbar-header { display: block; text-align: center; }*/ /*.earwiglite #main-navbar .navbar-header .parent-school-logo { height: 46px; width: auto; }*/ /*.earwiglite #main-navbar .navbar-inner { min-height: 58px; }*/ /*.earwiglite #main-navbar .navbar-brand { height: 58px !important; line-height: 40px; width: auto; padding-top: 6px; width: 100%; }*/ /*.earwiglite a.profile { width: 100% !important; }*/ .earwiglite #main-navbar .navbar-nav > li > a { height: 58px; line-height: 58px; } .earwiglite #main-navbar .dropdown-menu { background: #ddd; } .earwiglite #main-navbar .dropdown.open { background: #ddd; } .earwiglite #main-navbar .nav-drk-bkg.back-to-homepage { text-align: center; } .second.framework{ display: none;} } @media (max-width: 768px) { .compendium-wrapper h1.font-alt, .parent-wrapper h1.font-alt { font-size: 23px; } .first.framework, .second.framework{ display: none;} } @media (max-width: 480px) { } /****** COMPENDIUM STYLES ***********/ /** TD ***/ #left_content_block { float: left; width: 20%; } #right_content_block { float: right; width: 100%; padding-left: 240px; padding-top: 20px; padding-bottom: 60px; } #right_content_block, .compendium-inner { background-position: 0 0; background-image: url('https://cdn.earwig.uk.com/admin-re/images/bkg-comp-nav.gif'); background-repeat: no-repeat; min-height: 800px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .selected-overlay-icon { position: absolute; width: 36px; height: 36px; bottom: 10px; left: 10px; display: none; } .bought-overlay-icon { position: absolute; background: url('https://cdn.earwig.uk.com/admin-re/images/overlays/bought_overlay.png') 50% 50% no-repeat; width: 210px; height: 210px; top: 0; } .compendium_navigation { /*background-color: #2e333b;*/ width: 240px !important; padding-top: 87px; } .page_header { z-index: 9999; } /*** menu ***/ #main-menu.navigation-compendium { background-color: #aaa; } #main-menu.navigation-compendium .navigation { margin: 0; } #main-menu.navigation-compendium .navigation > li { padding: 0; } #main-menu.navigation-compendium .active > a { background: #888 !important; } #main-menu.navigation-compendium .navigation a:hover, #main-menu.navigation-compendium .mmc-dropdown-open-ul a:hover { background: #888; } #main-menu.navigation-compendium .navigation a, #main-menu.navigation-compendium .mmc-dropdown-open-ul a { color: #ffffff; } #main-menu.navigation-compendium .mm-dropdown ul li, #main-menu.navigation-compendium .mmc-dropdown-open-ul li, #main-menu.navigation-compendium .mmc-dropdown-open-ul ul li { padding: 0; } #main-menu.navigation-compendium .mm-dropdown > ul, #main-menu.navigation-compendium .mmc-dropdown-open-ul { background: #bbb; } #main-menu .navigation ul .menu-icon { color: #fff; } .compendium-inner #main-menu .navigation ul .menu-icon { background-color: #B58DD0; } #main-menu.navigation-compendium .list-compimage { background: #E84E3B; } #main-menu.navigation-compendium .list-compvideo { background: #E77E13; } #main-menu.navigation-compendium .list-compendium { background: #9C5EBB; } #main-menu.navigation-compendium .list-comppurchase { background: #808B8D; } #main-menu.navigation-compendium .list-premium { background: #2eca6a; } .nav-message { padding: 20px; color: #fff; } .new-album-button { width: 100%; background: #f3aa41; color: #fff; } .new-album-button:hover { background: #e77e13; } /*** others **/ .btn-parent { line-height: 17px; padding: 12px !important; font-size: 15px; } .btn-default.btn-flat.btn-parent { background: #ccc !important; border-color: #aaa !important; color: #fff; } .btn-default.btn-flat.btn-parent:hover { background: #aaa !important; border-color: #aaa !important; } .btn-multiple-records, .compendium-wrapper .row .btn-compendium { background: #9C5EBB !important; border-color: #8F4AB0 !important; } .compendium-wrapper .row .btn-compendium:hover { background: #F49B00 !important; border-color: #F49B00 !important; } .btn-multiple-records { color: #FFF; } .btn-multiple-records:hover, .btn.btn-multiple-records:hover { background: #8F4AB0 !important; border-color: #9C5EBB !important; } .btn-add-to-blog,.btn-send-to-blog{background: #33bb3f !important; border-color: #20792b !important;} .btn.btn-add-to-blog:hover, .btn.btn-send-to-blog:hover{background: #289332 !important; border-color: #23a056 !important;} #buy_compendium_fancybox .fa-shopping-cart { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-basket-top.png") no-repeat 0 0; text-indent: -9999em; display: inline-block; width: 18px; height: 14px; } .panel-footer .fa-shopping-cart { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-basket-top.png") no-repeat 0 0; text-indent: -9999em; display: inline-block; width: 18px; height: 14px; } .small-text-header { font-size: 14px; color: #999; width: 100%; display: block; } .small-text-header .image_count { padding-right: 0; float: none; } .small-text-compendium-row { padding: 5px 10px; background: #bbb; border-radius: 5px; font-size: 14px; color: #fff; margin: 7px 0 0; text-transform: uppercase; float: none; } .small-text-compendium-row .image_count { padding-right: 10px; float: none; } .compendium-wrapper { width: 100%; } .compendium-wrapper .page-header { margin-bottom: 0; } .compendium-wrapper .page-header h1 { margin-bottom: 0; margin-top: 5px; } .compendium-inner { width: 100%; position: relative; margin: 0 0 0 -20px; min-height: 500px; } .help-message-row { text-align: center; border-bottom: 1px solid #fff; padding: 5px 0 0px; background-color: #79B318; color: #fff; margin-left: -20px; margin-right: -20px; } #help-message1, #help-message2, #help-message3, #help-message4, #help-message { height: auto; overflow: visible; padding: 15px 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .help-message-row.premium-parent-message { background: #9C63BE; margin-left: -18px; padding: 15px 5%; position: fixed; width: 100%; z-index: 1500; } .help-message-row.premium-parent-message .help-message-button { font-size: 17px; border: none; margin: 0px; padding: 0px 30px; background: #9C63BE; color: #fff; } .help-message-row.premium-parent-message #message-hide.visible { height: auto; } .help-message-row.premium-parent-message .message-close { background: #9c63be; color: #fff; font-size: 23px; margin: 0; padding: 0; position: absolute; top: 0px; right: 0px; } .help-message-row.premium-parent-message .comp-help-text { border-bottom: 1px solid #fff; border-top: none; margin-bottom: 15px; padding: 10px 20px; } .help-message-row.premium-parent-message .messagebox { border-left: medium none; margin: 0; padding: 0; background: #9C63BE; } .help-message-row.premium-parent-message .messagebox strong { font-weight: normal; } #help-message1 .messagebox, #help-message2 .messagebox, #help-message3 .messagebox, #help-message4 .messagebox, #help-message .messagebox { background: none; border-left: none; margin: 0; padding: 5px; } /* .open class is actually shut */ #help-message1.open, #help-message2.open, #help-message3.open, #help-message4.open, #help-message.open { height: 0; overflow: hidden; padding: 0; border-top: none; } .help-message-button { font-size: 17px; border: none; margin: 0px; padding: 0px 30px 8px; background-color: #79B318; color: #fff; } .help-message-button:focus { margin: 0px; padding: 0px; } .comp-help-text { font-size: 15px; padding: 0 10px; position: relative; border-top: 1px solid #fff; } .comp-help-text .message-close { padding: 0; font-size: 20px; position: absolute; right: 2px; top: -35px; } .comp-help-text .btn-got-it { font-size: 17px; border: #fff 2px solid; margin: 0px 0 5px; padding: 10px 30px 10px 20px; margin: 10px 0 0; background-color: #79B318; color: #fff; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .comp-help-text .btn-got-it:hover { background-color: #fff; border-color: #fff; color: #79B318; } .tooltip-warning + .tooltip .tooltip-inner { background-color: #ddd !important; } .tooltip-warning + .tooltip.right .tooltip-arrow { border-right-color: #ddd !important; } .add-fav-wrap .tooltip-warning + .tooltip .tooltip-inner { min-width: 140px; background-color: #ddd !important; color: #222 !important; } .tooltip-green + .tooltip .tooltip-inner { background-color: #29B95C !important; } .tooltip-green + .tooltip.right .tooltip-arrow { border-right-color: #29B95C !important; } /* delete .og-grid li > a, .og-grid li > a img { border: medium none; height: 210px; } .comp-image-wrapper { background: #f06; } */ .add_to_photobook_selection .icon, .add_to_compendium .icon { color: #fff; display: block; font-size: 22px; } .add_to_photobook_selection .icon:hover, .add_to_compendium .icon:hover { color: #F3A935; text-decoration: none; } .add_to_photobook_selection .icon:focus, .add_to_compendium .icon:focus { text-decoration: none; } .remove_from_compendium .icon { color: #F3A935; display: block; font-size: 22px; } .remove_from_compendium:hover .icon { display: block; color: #F3A935; } .box-holder.current_favourites .remove_from_compendium .icon, .box-holder.comp-page .remove_from_compendium .icon { display: block; font-size: 26px; height: 36px; padding: 0px; width: 36px; background: none; border-radius: 0; color: #F3A935; } .bought-inner-tooltip { background: none; cursor: pointer; height: 40px; left: -8px; position: absolute; top: -158px; width: 40px; } .add_to_photobook_selection_selected { background-color: #F3A935; } .remove_from_compendium { display: block; height: 32px; left: 4px; padding: 4px 0 0; position: absolute; width: 32px; } .compendium-placeholder { width: 280px; height: 210px; border: 3px solid #bbb !important; color: #888888; font-size: 32px; overflow: hidden; text-align: center; } .compendium-placeholder img { margin: 0 auto; } .compendium-placeholder-counter { position: relative; top: 40%; } .comp-image-wrapper-blank { display: block; } .add_to_photobook_selection, .add_to_compendium { height: 32px; left: 4px; padding: 4px 0 0; position: absolute; top: 0; width: 32px; } .add-rem-comp { background-color: rgba(0, 0, 0, 0.2); display: block; height: 32px; left: 0; padding-top: 0; position: relative; top: -32px; width: 100%; z-index: 1000; } .remove-media-from-account { display: block; height: 32px; padding-top: 0px; position: absolute; right: 0px; top: 0; width: 32px; z-index: 1000; } .remove-media-from-account .btn.btn-action { width: 32px; height: 32px; padding: 0; text-align: center; line-height: 20px; background: none; border: none; } .remove-media-from-account .btn.btn-action:hover { background: none !important; border: none; } .remove-media-from-account .btn.btn-action .icon { font-size: 20px; color: #fff; } .remove-media-from-account .btn.btn-action:hover .icon { color: #F3A935; } .box-holder.comp-page { position: relative; } .box-holder.comp-page .add-rem-comp { bottom: 54px; left: 10px; position: absolute; } .box-holder.current_favourites .add-rem-comp .icon.fa-heart:before, .box-holder.comp-page .add-rem-comp .icon.fa-heart:before { content: "\f00d"; color: #fff; } .comp-img-title { display: block; padding: 5px 0 10px; width: 100%; } .comp-img-title .brandon { font-size: 11px; font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; text-transform: uppercase; } .comp-img-title input { border: none; background: #fff; padding: 5px 2px; color: #999; margin: 4px 0 0; padding: 3px 12px; } .box-holder.comp-page label.comp-image-wrapper { position: relative; } .box-holder.comp-page label.comp-image-wrapper .video-overlay-icon { left: 105px; top: 105px; } .page-head-comp { position: relative; } .page-head-comp .btn-prod-price { position: absolute; top: 30px; right: 20px; font-size: 15px; line-height: 17px; padding: 12px 12px 12px 30px !important; background: #79b318 !important; } .page-head-comp .select-for-download { position: absolute; top: 30px; left: 20px; } .page-head-comp .btn-select-for-download { font-size: 15px; line-height: 17px; background: #79b318 !important; } .page-head-comp .btn-prod-price .icon.fa.fa-gbp { border: 1px solid #fff; border-radius: 10px; height: 22px; left: 9px; line-height: 20px; position: absolute; top: 10px; width: 22px; } /** Offer Bar **/ .comp-offer-bar { background: #e84e3b; color: #fff; font-size: 19px; font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; margin: -20px -20px 0; padding: 5px 5px 15px; } .comp-offer-bar p { font-size: 13px; } /* ------------------- TIMELINES PAGES ------------------ */ .page-header .fa-timeline { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-header.png) center center no-repeat; height: 18px; width: 18px; } .timelines-top-links .mini-box .size-h2 { padding: 11px 0 0; } .timelines-top-links .mini-box.mini-box-smaller .size-h2 { padding: 5px 0 0; } .panel-heading .timeline-list-filter-selects select, .panel-heading .timeline-list-filter-selects .datepicker { display: inline-block; margin-right: 10px; width: 125px !important; } /* -------- RECORDS ---------- */ .record-filter-heading { font-size: 25px; line-height: 50px; } .record-filter.mobile { height: 340px; padding: 10px 20px; } @media (max-width: 767px) { .record-filter.mobile { height: 566px; } } .tbl-record-list .rec-list-icon-tbl { width: 26px; } .tbl-record-list tbody > tr > td { line-height: 40px; height: 40px } .tbl-record-list tbody > tr.limited-view > td { background-color: #b4e8f5; } .table-striped > tbody > tr.limited-view:nth-child(2n+1) > td{ background-color: #b1d7e0;} /*is-parent-too parent observation pink */ .button.for-review, .button.has-comments{ background: #ff99ff; padding: 3px; border-radius: 8px; height: 16px; border: none; font-size: 10px; color: #954395; line-height: 12px; margin-top: -4px;} .button.has-comments{ background:#3d884a ; color: #caff99; } .tbl-record-list tbody > tr.limited-view.is-parent-too > td { background-color: #ffe4ff; } .table-striped > tbody > tr.limited-view.is-parent-too:nth-child(2n+1) > td{ background-color: #ffe4ff;} .panel.limited-view.is-parent-too, span.is-parent-too{ background-color: #ffe4ff;} .tbl-record-list .rec-list-icon { color: #f3aa41; font-size: 25px; line-height: 60px; padding: 0 2px; } /* envelope for record.sent_to_parents|yesno */ .tbl-record-list .has-three-icons .rec-list-icon { line-height: 9px !important;} .tbl-record-list .email-no i, .tbl-record-list .status-unpublished i, .tbl-record-list .video-0 i, .tbl-record-list .image-0 i { display: none; } .row.record-list-search select { width: 109px; } .report-record-list-form .row.record-list-search select { width: 95px; } .key-row { text-align: right; color: #888; padding: 0px 0px 15px; } .key-row .fa { color: #E77E13; opacity: 0.7; } #content-wrapper .form-default ul.tagit { overflow: hidden; width: 100%; } .add-edit-record .dropzone-box { background: #BEC3C7; border: 1px dashed #fff; border-radius: 3px; min-height: 70px; padding: 0 15px 15px 0; vertical-align: middle; width: 100%; display: block; cursor: pointer; } .add-edit-record .dz-default.dz-message { color: #fff; font-size: 23px; font-weight: 600; left: 50%; line-height: 20px; margin-left: -170px; margin-top: -35px; min-height: 70px; padding-left: 70px; padding-top: 16px; top: 50%; width: 340px; } .add-edit-record .dropzone-box .dz-text-small { font-size: 11px; } .add-edit-record .dropzone-box.add-img { background: #BEC3C7 url(https://cdn.earwig.uk.com/admin-re/images/bkg-img-upload.png) center center no-repeat; background-size: 100%; color: #BEC3C7; text-indent: -9999em; } .add-edit-record .dropzone-box.add-vid { background: #BEC3C7 url(https://cdn.earwig.uk.com/admin-re/images/bkg-vid-upload.png) center center no-repeat; background-size: 100%; color: #BEC3C7; text-indent: -9999em; } .add-edit-record .dropzone-box .fa.fa-picture-o, .add-edit-record .dropzone-box .fa.fa-video-camera { background: none; border-radius: 2px; color: #fff; font-size: 40px; height: 70px; left: 0; line-height: 70px; text-align: center; top: 0; width: 70px; display: block; transition: all 0.2s ease 0s; position: absolute; } .add-edit-record .dropzone-box:hover .fa { color: #E77E13 !important; } .add-top .panel-body { padding: 13px; overflow: hidden; } .add-edit-record .video-holder.video-tick.thumbs-video span,.add-edit-record .image-holder.image-tick.thumbs-image span { clear: left; display: block; font-size: 12px; text-align: left; width: 100%; color: #ff0000; } .add-edit-record .video-holder.video-tick.thumbs-video span:hover,.add-edit-record .image-holder.image-tick.thumbs-image span:hover { color: #aaa; cursor: pointer;} .add-edit-record .form-default .video-tick img { position: relative; } .add-edit-record .form-default .video-tick .selected img { } .image-holder .film-overlay{font-size: 80px; color: rgba(220,220,220,0.6); position: absolute; top: 5px; left: 5px;} #selected_images-deleter, #selected_videos-deleter { position: absolute; top:0;} .btn-row-record { width: auto; padding: 6px; position: relative; display: inline-block;} .add-edit-record .row { padding-top: 20px; margin-bottom: 15px; } .add-edit-record .row.teacher-controls{ background-color: #ffeeb8; padding-bottom: 20px;} .add-edit-record .divider-title { font-size: 20px; font-weight: 500; color: #288ece; display: none; } .add-edit-record #pickimages_container_wrapperthing { text-align: center; } @media (min-width: 780px) { .add-edit-record .divider-title { display: inline-block; } .add-edit-record #pickimages_container_wrapperthing { text-align: right; float: right;} } @media (min-width: 900px) { .add-edit-record .divider-title { font-size: 24px; } } @media (min-width: 992px) { .add-edit-record .divider-title { font-size: 30px; } } @media (min-width: 1200px) { .add-edit-record .divider-title { font-size: 32px; } } @media (max-width: 900px) { .add-edit-record #pickimages_container .btn { font-size: 11px; padding: 8px 9px } } @media (max-width: 992px) { .add-edit-record #pickimages_container .btn { font-size: 12px; padding: 9px 10px } } .classes-for-records .btn { margin-bottom: 18px; margin-top: 9px; } .classes-for-records .btn:active {margin-top: 9px;} .control-label label { margin: 0; padding: 0; } .checkboxes .wrap-id_pupils span{ float: left; } #wrap-id_pupils img, .wrap-id_pupils img { margin: 0; } #wrap-id_pupils label input[type=checkbox], .wrap-id_pupils label input[type=checkbox] { visibility: hidden; display: none; } #wrap-id_pupils label, .wrap-id_pupils label { min-height: 60px; height:auto; margin: 0; padding: 5px 0; text-align: left; width: 100%; cursor: pointer; border-radius: 4px; } #wrap-id_pupils label:hover, .wrap-id_pupils label:hover { background: #bbb; color: #fff; } #wrap-id_pupils li { } #wrap-id_pupils label .avatar, .wrap-id_pupils label .avatar { border-radius: 999999px; border: 2px solid #eee; display: inline-block; height: 50px; width: 50px; } #wrap-id_pupils label .no-avatar, .wrap-id_pupils label .no-avatar { margin: 0 12px 0 0; border: 2px solid #eee; display: inline-block; height: 50px; width: 50px; border-radius: 999999px; background: #eee; opacity: 0.7; } #wrap-id_pupils label span, .wrap-id_pupils label span { display: inline-block; line-height: 12px; padding: 0 0 0 12px; vertical-align: middle; } .wrap-id_pupils label span{line-height:61px !important;} #wrap-id_pupils label.selected, .wrap-id_pupils label.selected { background: #f3aa41; color: #fff; } #wrap-id_pupils label.selected.for-image, .wrap-id_pupils label.selected.for-image { background: #999; color: #fff; } /* update for record edit where subjects select subjects from assessment list/ Subject Tags list [rod m] */ #wrap-framework_modules label input[type=checkbox], #wrap-id_pupils label input[type=checkbox], .wrap-id_pupils label input[type=checkbox] { visibility: hidden; display: none; } #wrap-framework_modules label{ height: 30px; margin: 0; padding: 5px 5px; text-align: left; width: 100%; cursor: pointer; border-radius: 4px; } #wrap-framework_modules label:hover, #wrap-id_pupils label:hover, .wrap-id_pupils label:hover { background: #bbb; color: #fff; } #wrap-framework_modules label span, #wrap-id_pupils label span, .wrap-id_pupils label span { display: inline-block; line-height: 12px; padding: 0 0 0 12px; vertical-align: middle; } #wrap-framework_modules label.selected, #wrap-id_pupils label.selected, .wrap-id_pupils label.selected { background: #f3aa41; color: #fff; } .edit-framework-btn { float: right; color: #333; width: 17%; } .framework-select { width: 82% !important; } #wrap-dummy-subjects label input[type=checkbox] { visibility: hidden; display: none; } #wrap-dummy-subjects label { height: 30px; margin: 0; padding: 5px 5px; text-align: left; width: 100%; cursor: pointer; border-radius: 4px; } #wrap-dummy-subjects label:hover { background: #bbb; color: #fff; } #wrap-dummy-subjects label span { display: inline-block; line-height: 12px; padding: 0 0 0 12px; vertical-align: middle; } #wrap-dummy-subjects label.selected { background: #f3aa41; color: #fff; } /* end update for record edit where subjects select subjects from assessment list/ Subject Tags list [rod m] */ .pupil-list-recform ul { border-bottom: 1px solid #ccc; max-height: 445px; overflow-y: scroll; padding: 6px 0; width: 100%; } .pupil-list-recform #select-all-pupils { margin: 0 0 5px; float: right; } /** eyfs selection **/ #content-wrapper .efys-row ul li ul { float: left; margin-left: 10%; overflow: auto; padding: 0 !important; width: 90%; } #content-wrapper .efys-row ul li ul li ul { float: left; margin-left: 10%; overflow: auto; padding: 0 !important; width: 90%; } .efys-row ul li { width: 100%; display: block; float: left; padding: 4px 0; } .efys-row ul label input[type=checkbox] { visibility: hidden; display: none; } .eyfs-age label input[type=radio] { display: none; float: left; height: 15px; margin: 1px 15px 0 10px; width: 15px; } .eyfs-age label { padding: 8px 10px 9px 26px !important; margin-bottom: 5px; width: 100%; cursor: pointer; text-align: left; font-size: 14px; border-radius: 4px; } .eyfs-age ul { overflow: hidden; } .eyfs-age label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } .eyfs-age label.checked { background: #2ECA6A url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } .efys-row ul label { height: auto; line-height: 18px; margin: 0; padding: 8px 10px 9px 22px; width: 100%; cursor: pointer; border-radius: 4px; display: block; text-align: left; } .efys-row ul li ul label { background-color: #ECF0F1; } .efys-row ul li ul li ul label { background-color: #F5F7F8; } .efys-row ul.eyfs_outcome_list label { text-transform: none; font-weight: normal; } .efys-row ul.eyfs_outcome_list { margin-top: 5px !important; } #eyfs #id_characteristics_of_learning .eyfs_area_label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } #eyfs #id_characteristics_of_learning .eyfs_area_label.selected { background: #339ADF url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } #id_characteristics_of_learning li ul label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } #id_characteristics_of_learning li ul label.selected { background: #59B1EA url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } #id_characteristics_of_learning li ul li ul label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } #id_characteristics_of_learning li ul li ul label.selected { background: #85C3EE url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } #eyfs #id_areas_of_learning .eyfs_area_label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } #eyfs #id_areas_of_learning .eyfs_area_label.selected { background: #9C5EBB url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } #id_areas_of_learning li ul label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } #id_areas_of_learning li ul label.selected { background: #B081CC url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } #id_areas_of_learning li ul li ul label:hover { background: #bbb 8px 11px no-repeat; color: #fff; } #id_areas_of_learning li ul li ul label.selected { background: #C4A0D8 url(https://cdn.earwig.uk.com/admin-re/images/icon-tick-eyfs.png) 8px 11px no-repeat; color: #fff; } .efys-row ul li ul label span { display: inline-block; line-height: 1.2em; padding: 9px 0 0; vertical-align: top; } .efys-row ul li ul li { border-radius: 4px; } .eyfs_area_label { float: left; } .efys-row .control-label { border-bottom: 2px solid #eee; display: block; font-size: 15px; font-weight: normal; margin: 0 0 15px; padding: 22px 0; text-align: center !important; } .center-block-custom { margin-left: auto; margin-right: auto; } #eyfs #id_characteristics_of_learning, #eyfs #id_areas_of_learning { display: inline-block; float: left; } #eyfs #id_characteristics_of_learning .eyfs_area_label, #eyfs #id_areas_of_learning .eyfs_area_label { border-radius: 4px; cursor: pointer; display: block; height: auto; line-height: 20px; margin: 0 0 5px; padding: 10px 0 10px 22px; text-align: left; width: 100%; background: #ffffff; } ul#id_characteristics_of_learning > li > label.unselected + ul, ul#id_areas_of_learning > li > label.unselected + ul { display: none; } #eyfs #id_areas_of_learning { } #selected_images-deleter, #selected_videos-deleter { display: none; } .blank-box-for-js-images, .blank-box-for-js-videos, .blank-box-for-js { display: none !important; } /* -------- SALES ---------- */ .product-form-list.inline-related li { display: inline-block; padding: 5px 1% !important; vertical-align: top; width: 32%; } .product-form-list.inline-related { border-top: 1px solid #e4e4e4; padding: 6px 0 20px; } #quick_basket .basket .fa-shopping-cart, .basket-dropdown .fa-shopping-cart { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-basket-top.png") no-repeat 0 0; text-indent: -9999em; display: inline-block; width: 18px; height: 14px; } .order-detail-page { } .order-detail-page #basket td { padding: 5px 10px 5px 0; } .order-detail-page #basket td.img span { padding: 0 !important; } .order-detail-page #basket td.qty span { padding: 0 7px 0 0 !important; } .order-detail-page label.form-default { border-bottom: 2px solid #efefef; font-size: 17px; margin-bottom: 20px; padding: 0 0 6px; text-transform: uppercase; font-weight: 500; } .order-detail-basket { } .basket-wrapper { } .basket-wrapper .panel-body #basket { font-weight: normal; width: 100%; font-size: 14px; } .basket-wrapper .panel-body #basket td { padding: 20px; border-top: #e4e4e4 1px solid; height: 100px; vertical-align: middle; } .basket-wrapper .panel-body #basket .img { padding: 20px 20px 20px 0; width: 27%; } .basket-wrapper .panel-body #basket .name { background: url("https://cdn.earwig.uk.com/img/line-basket.gif") 0 20px no-repeat; } .basket-wrapper .panel-body #basket .qty { font-size: 14px; } .basket-wrapper .panel-body #basket .qty input { display: inline-block; line-height: 50%; margin: 0 0 0 5px; width: 50px; } .basket-wrapper .panel-body #basket .price { } .basket-wrapper .panel-body #basket .delete { } .basket-wrapper .panel-body #basket .delete a { display: block; height: 14px; width: 14px; background: url("https://cdn.earwig.uk.com/admin-re/images/icon-delete.png") 0 0 no-repeat; } .basket-wrapper .update-voucher-row { border-top: #e4e4e4 1px solid; padding: 10px 0; } .basket-wrapper .panel-body .totals { padding: 5px 15px; } .basket-wrapper .panel-body .totals-table { float: right; } .basket-wrapper .panel-body .totals-table td { text-align: right; padding: 3px 0 3px 20px; } .basket-wrapper .panel-body .totals-table td.grand { padding: 15px 0 0px 20px; font-size: 15px; } .basket-wrapper .button-holder { border-bottom: #e4e4e4 1px solid; height: 40px; clear: both; padding: 55px 0 0; } /** CHECKOUT ***/ .checkout .checkout-row { padding: 5px 0; } .checkout-confirm #basket td { padding: 5px 10px 5px 0; } .checkout-confirm #basket td.img span { padding: 0 !important; } .checkout-confirm #basket td.qty span { padding: 0 7px 0 0 !important; } .checkout-confirm label.form-default { border-bottom: 2px solid #efefef; font-size: 17px; margin-bottom: 20px; padding: 0 0 6px; text-transform: uppercase; font-weight: 500; } .checkout h4 { border-bottom: 2px solid #efefef; font-size: 17px; margin-bottom: 20px; padding: 0 0 6px; text-transform: uppercase; } .checkout .left, .checkout .right { width: 42%; padding: 0 20px; } .checkout-confirm .checkout-addresses { width: 900px; border-top: 1px solid #CCCCCC; padding: 10px 0 30px; } .checkout-confirm .left { width: 300px; float: none; display: inline-block; } .checkout-confirm .right { width: 300px; float: none; display: inline-block; } .checkout-confirm .h4 { margin-bottom: 6px; } .checkout-confirm .order-details { width: 900px; } .checkout-confirm .totals { padding: 20px 0 0; } .checkout-confirm .button-holder { border-bottom: none; border-top: 1px solid #DDDDDD; float: left; margin: 30px 0 0; padding: 5px 0 0; width: 900px; } .checkout-confirm .button-holder span { display: inline-block; width: 590px; } .checkout-confirm .basket-inner .totals { padding: 30px 0 0; } .checkout .fa-shopping-cart { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-checkout-header.png") no-repeat 0 0; text-indent: -9999em; display: inline-block; width: 37px; height: 28px; } .basket-page .parent-header h1 { padding-bottom: 15px !important; } .checkout .parent-header h1 { padding-bottom: 0px; } .checkout .parent-header p { color: #999; font-size: 15px; text-align: center; text-transform: uppercase; padding-bottom: 0px; } /* checkout top steps \*/ .checkout-steps { width: 100%; height: 90px; padding: 20px 0; } .checkout-steps .step-block { } .checkout-steps .step-number { border: 2px solid #2eca6a; color: #fff; font-weight: 700; height: 50px; margin-top: 0; top: 0; width: 50px; background: #2eca6a; border-radius: 9999px; display: block; font-size: 19px; line-height: 46px; position: absolute; text-align: center; } .checkout-steps .faded .step-number { border: 2px solid #eee; color: #34495F; background: #fff; } .checkout-steps .step-caption { font-weight: 600; margin-left: 60px; font-size: 19px; margin-top: 10px; vertical-align: middle; color: #34495F; display: inline-block; line-height: 14px; white-space: normal; } .checkout-steps .step-description { display: block; font-size: 12px; font-weight: 400; margin-top: 4px; position: relative; color: #34495F; line-height: 14px; white-space: normal; } .checkout-steps .faded { opacity: 0.6; } .checkout-steps a { opacity: 0.6; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout-steps a:hover { opacity: 1; } .checkout-steps a .step-number { border: 2px solid #eee; color: #34495F; background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout-steps a:hover .step-number { border: 2px solid #2eca6a; color: #fff; background: #2eca6a; } /* add to basket popup */ .fancybox-skin { border-radius: 5px; } .buy-pop-body { border: none; width: 660px; border-radius: 5px; padding: 0; position: relative; } .buy-pop-body .buy-pop-top { background: #E77E13; color: #fff; width: 100%; height: 50px; line-height: 50px; border-radius: 5px 5px 0 0; } .buy-pop-body { border-radius: 5px; } .buy-pop-body .buy-pop-title { float: left; font-size: 19px; height: 50px; line-height: 50px; padding: 0 20px; overflow: hidden; } .buy-pop-body .buy-date-holder { float: right; height: 50px; line-height: 50px; } .buy-pop-body .buy-time-date { border-radius: 0 5px 0 0; font-size: 12px; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-tl-date.png") 0 0 repeat; padding: 0 20px; } .buy-pop-body .item-row { padding: 15px 0; border-top: #efefef 3px solid; margin-top: 10px; display: block; } .buy-pop-body .item-row:first-child { padding: 0 0 15px; border-top: none; margin-top: 0px; } .buy-pop-body .panel-footer .btn { font-size: 15px; padding: 15px 20px; float: right; } .buy-pop-body .panel-footer { height: 85px; } .buy-pop-body h3 { color: #999; font-size: 19px; font-weight: 400; text-transform: uppercase; } /* .select-format { position:relative; width:620px;} .select-format-title { width:327px; height:60px; display:block; margin:10px auto; text-indent:-9999em; background: url("https://cdn.earwig.uk.com/admin-re/images/line-basket.gif") 0 0 no-repeat; } .select-format .img-no-holder { position:absolute; left:-30px; top:30px; background:#C8C8D1; display: block; padding:0 10px; height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#fff; text-transform: uppercase;} .select-format .title-holder {width:620px; border-bottom:#ddd 1px solid; padding:25px 0 5px; margin: 0px 0 10px; clear: both;} .select-format h3 { text-transform:uppercase; font-size: 15px; margin-bottom: 0; lin e-height: 0; display:inline-block;} .select-format .title-holder span { font-size:10px; color:#999;padding-left: 10px;} .select-format .line-item {clear: right; display: block; padding: 0 0 10px 110px; text-align: left; width: 510px;} .select-format .line-item .name {width: 410px; display:inline-block; } .select-format .line-item .price {font-weight:bold; font-size:14px; display:inline-block; padding:0 15px; width:50px; } .select-format .line-item .qty { display:inline-block; font-weight:bold; font-size:14px; color:#ccc; } .select-format input { width:60px; display: inline-block; margin:0; } .select-format .button-holder { border-top:#ddd 1px solid; height:60px;clear: both; padding:5px 0 0;} .select-format .img-holder { display:block; float:left; height:100px; width:100px; text-align:left;} */ /* -------- TIMELINE ---------- */ .timeline-wrapper { max-width: 1400px; margin: 15px auto 20px; } .timeline-wrapper .tl-back-button { position: absolute; left: 30px; z-index: 10; } .btn.btn-flat.back-close-btn-orange { background: #f3aa41; color: #fff; font-weight: bold; } #content-wrapper .timeline-wrapper .timeline.centered { width: 100%; } .parent-timeline-wrapper { margin: 0 auto 20px; max-width: 1400px; } .timeline { float: left; background: url("https://cdn.earwig.uk.com/admin-re/images/tl-bkg-line.png") center 0 repeat-y; width: 100%; } .tl-rec-list-holder { float: left; width: 100%; } .timeline.centered .tl-entry { margin-left: 0; margin-right: 0; width: 50%; float: right; margin-bottom: 50px; } .timeline.centered .tl-entry.tl-record-holder-2 { margin-left: 0; margin-right: 0%; padding-left: 0; padding-right: 36px; float: left; } .tl-rec-list-holder div:nth-child(2) { padding-top: 211px; } .has-parent-observations .tl-rec-list-holder div:nth-child(2){padding-top: 228px;} .btn-action.btn-flat.show-flagged-as-key{background-color: #aa44a8; margin-top: 2px; font-size: 15px;} .btn-action.btn-flat.show-flagged-as-key:hover{background-color: #6d26b2 !important;} .btn-action.btn-flat.undo-action.show-flagged-as-key{background-color: #0edc0e;} .btn-action.btn-flat.kiss-away-record{color: white; background-color: red; font-size: 13px; background: red; border-color:#ee0000;} .btn-action.btn-flat.kiss-away-record:hover{ background-color: #c40000 !important; border-color:#ee3333;} .back-button{font-size: 16px; font-weight: 500;} .tl-rec-list-holder div:nth-child(2) .line-dot { top: 225px !important; } .tl-rec-list-holder .tl-entry div:nth-child(2) , .commentary h5{ padding: 0; text-align: center } .timeline.centered .tl-entry.tl-record-holder-2:before { left: auto; right: -3px; } .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:before { border-width: 8px 0 8px 9px; left: auto; right: -9px; } .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:after { border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #fff; left: auto; right: -8px; } .timeline.centered .tl-entry.tl-record-holder-2 .tl-time { left: 100%; right: auto; margin-left: 32px; margin-right: 0; } .timeline.centered .tl-entry.tl-record-holder-2 .tl-icon { left: auto; right: -20px; } .theme-default .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:before { } .theme-default .tl-entry:before { display: none; } .timeline.centered:before, .timeline.centered:after { display: none; } .tl-rec-list-holder div:nth-child(6n+1) .tl-rec-top, .tl-rec-list-holder div:nth-child(6n+1) .line-dot { background: #bec3c7 !important; } .tl-rec-list-holder div:nth-child(6n+1) .tl-body:after { border-color: transparent #bec3c7 transparent transparent !important; } .tl-rec-list-holder div:nth-child(6n+2) .tl-rec-top, .tl-rec-list-holder div:nth-child(6n+2) .line-dot { background: #e77e13; } .tl-rec-list-holder div:nth-child(6n+2) .tl-body:after { border-color: transparent transparent transparent #e77e13 !important; } .tl-rec-list-holder div:nth-child(6n+3) .tl-rec-top, .tl-rec-list-holder div:nth-child(6n+3) .line-dot { background: #f1c200; } .tl-rec-list-holder div:nth-child(6n+3) .tl-body:after { border-color: transparent #f1c200 transparent transparent !important; } .tl-rec-list-holder div:nth-child(6n+4) .tl-rec-top, .tl-rec-list-holder div:nth-child(6n+4) .line-dot { background: #9c5ebb; } .tl-rec-list-holder div:nth-child(6n+4) .tl-body:after { border-color: transparent transparent transparent #9c5ebb !important; } .tl-rec-list-holder div:nth-child(6n+5) .tl-rec-top, .tl-rec-list-holder div:nth-child(6n+5) .line-dot { background: #2eca6a; } .tl-rec-list-holder div:nth-child(6n+5) .tl-body:after { border-color: transparent #2eca6a transparent transparent !important; } .tl-rec-list-holder div:nth-child(6n+6) .tl-rec-top, .tl-rec-list-holder div:nth-child(6n+6) .line-dot { background: #339adf; } .tl-rec-list-holder div:nth-child(6n+6) .tl-body:after { border-color: transparent transparent transparent #339adf !important; } /* .timeline.centered .tl-header { background: none; color: #fff; font-size: 110px; left:0; position: absolute; margin: 0; padding: 0; text-align: center; width: auto; font-weight: 700;border: none; box-shadow: none;} */ .timeline.centered .tl-header { background: #bec3c7; color: #fff; font-size: 15px; font-weight: 400; border: none; box-shadow: none; margin-left: -75px; z-index: 10; line-height: 14px; } .timeline.centered .tl-entry .line-dot { border: 3px solid #fff; border-radius: 50%; height: 18px; left: -9px; position: absolute; top: 14px; width: 18px; } .timeline.centered .tl-entry.tl-record-holder-2 .line-dot { right: -9px; top: 14px; left: auto; } .tl-info-holder { background: #fff; float: left; margin: 50px 0 0; overflow: hidden; padding: 10px 0; position: absolute; width: 47%; z-index: 10; border-radius: 7px; border: 1px solid #ddd; } .tl-info-holder h3 { color: #ccc; font-size: 27px; font-weight: 600; margin: 10px 0 10px; text-transform: uppercase; } .tl-info-holder strong { color: #999; font-weight: normal; margin: 0px 0 5px; text-transform: uppercase; } .tl-info-holder .col-sm-4 { margin-bottom: 5px; } .tl-prof-pic { width: 100%; max-width: 120px; border: #e2e2e2 1px solid; border-radius: 999999px; display: inline-block; padding: 6px; position: relative; float: left; } .tl-prof-pic img { border-radius: 999999px; vertical-align: middle; display: block; max-width: 100%; } .tl-prof-pic-holder { display: inline-block; width: 30%; float: left; } .tl-info-holder .btn.btn-flat.btn-action.btn-icon-photos { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat scroll 12px -157px #f3aa41 !important; font-size: 15px; padding: 13px 25px 13px 48px; } .tl-info-holder .btn.btn-flat.btn-action.btn-icon-photos:hover { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 12px -157px #d5830d !important; } .tl-info-holder .info-holder { display: inline-block; width: 70%; float: right; padding: 0 15px; } .print-tl-breaker-1, .print-tl-breaker-2 { display: none; } /* tl record holder */ .panel.tl-body { border: none; box-shadow: 3px 3px 10px #bec3c7; border-radius: 5px; height: 505px; padding: 0; } .panel.tl-body .tl-rec-top { background: red; color: #fff; width: 100%; height: 40px; line-height: 50px; border-radius: 5px 5px 0 0; } .panel.tl-body .tl-rec-top h4 { margin: 0; padding: 0 } .panel.tl-body .tl-rec-top a { color: #fff; } .panel.tl-body.content-holder { border-radius: 5px; } .panel.tl-body.content-holder .tl-rec-title { float: left; font-size: 16px; height: 40px; line-height: 40px; padding: 0 20px; max-width: 410px; overflow: hidden; } .panel.tl-body.content-holder .tl-date-icon-holder { float: right; height: 40px; line-height: 40px; } .panel.tl-body.content-holder .tl-time-date { border-radius: 0 5px 0 0; float: right; font-size: 12px; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-tl-date.png") 0 0 repeat; padding: 0 20px; } .panel.tl-body.content-holder-2 { text-align: right; } .panel.tl-body.content-holder-2 .tl-rec-title, .panel.tl-body.content-holder .tl-rec-title { float: right; } .panel.tl-body.content-holder-2 .tl-date-icon-holder, .panel.tl-body.content-holder .tl-date-icon-holder { float: left; } .panel.tl-body.content-holder-2 .tl-time-date, .panel.tl-body.content-holder .tl-time-date { float: left; border-radius: 5px 0 0 0; } .panel.tl-body .image-holder { height: 350px; overflow: hidden; width: 100%; position: relative; } .panel.tl-body .image-holder a.fancybox, .panel.tl-body .image-holder div.full.commentary{ padding-left: 0; } .panel.tl-body .image-holder div.full.commentary{ font-size: 16px; padding-left: 6px;} .panel.tl-body.content-holder .tl-rec-title { text-align: right;} .panel.tl-body .image-holder img { opacity: 1; } .panel.tl-body .image-holder img{height: auto;max-width: 100%;max-height: 100%;width: auto;} /*.panel.tl-body .image-holder img:hover { opacity: 0.8; }*/ .panel.tl-body .image-holder .fancybox .fancybox-prompter { color: #fff; background-color: #111; padding: 0.5rem; border-radius: 4px; position: absolute; top: 40%; left: 20%; border: 1px solid #fff; opacity: 0.7; width: 17rem; text-align: center; display: none; } .panel.tl-body .image-holder .fancybox:hover .fancybox-prompter { display: inline; } .panel.tl-body .image-holder .no-image { background: url("https://cdn.earwig.uk.com/admin-re/images/tl-no-image.jpg") center center no-repeat; height: 100%; width: 100%; } .panel.tl-body .image-holder .tl-no-image { background: url("https://cdn.earwig.uk.com/admin-re/images/tl-no-image.jpg") center center no-repeat; height: 100%; width: 100%; } .tl-img-icon-holder { margin: 0 10px; } .panel.tl-body.content-holder .tl-img-icon-holder { float: left; } .panel.tl-body.content-holder-2 .tl-img-icon-holder { float: right; } .panel.tl-body.content-holder .tl-img-icon { display: inline-block; margin: 0 4px; font-size: 18px; } .panel.tl-body.content-holder .tl-img-icon .fa { margin-left: 3px; } .panel.tl-body.content-holder .record_photo_count-0, .panel.tl-body.content-holder .record_photo_count- { display: none; } .panel.tl-body.content-holder .record_video_count-0, .panel.tl-body.content-holder .record_video_count- { display: none; } .panel.tl-body.content-holder .row { margin: 0; } .panel.tl-body.content-holder .commentary { padding: 2px 2px 2px 8px; text-align:left; text-align: justify; text-justify: inter-word;font-size: 14px; line-height: 15px; height: 69px; min-height: 68px; overflow: hidden; font-weight: normal; } .panel.tl-body.content-holder .full.commentary { text-align: left; float: left; padding: 10px 15px 0 19px; font-size: 14px; line-height: 18px; height: auto; max-height: 346px; overflow-y: auto; overflow-x: hidden; font-weight: normal; } .panel.tl-body.content-holder .btn-action { font-size: 15px; float: left; height: 74px; padding: 0 10px; line-height: 80px; border-radius: 0 0 0 5px; border-color: #f19a1f; border-width: 1px; background:#f19a1f;} .panel.tl-body.content-holder .btn-action .fa { font-size: 35px; } .panel.tl-body.content-holder-2 .commentary { float: left; text-align: left; } .panel.tl-body.content-holder-2 .btn-action {float: right;border-radius: 0 0 5px 0;} .panel.tl-body.content-holder .award { font-size: 16px; font-weight: 600; float: right; height: 70px; line-height: 70px; padding: 0 10px; border-radius: 0 0 5px 0; border-color: #f19a1f; border-width: 1px; } .panel.tl-body.content-holder-2 .award { float: left; border-radius: 0 0 0 5px;} /**** TIMELINE POPOUT **/ .fancybox-skin { border-radius: 0px; } .panel.tl-pop-body { border: none; box-shadow: 3px 3px 10px #bec3c7; border-radius: 5px; padding: 0; } .panel.tl-pop-body .row { margin: 0; } .panel.tl-pop-body .row .hide-photo-button { display: none ; } .panel.tl-pop-body .tl-pop-top { background-color: #bbb; color: #fff; color: #fff; width: 100%; height: 50px; line-height: 50px; border-radius: 0; } .panel.tl-pop-body .tl-pop-top h4 { margin: 0; padding: 0 } .panel.tl-pop-body .tl-pop-top a { color: #fff; } .panel.tl-pop-body .tl-pop-top .btn-action { border: none; float: right; display: inline-block; height: 50px; border-radius: 0; padding: 0 13px; line-height: 50px; } .panel.tl-pop-body.content-holder { border-radius: 0px; box-shadow: none; margin: 0; } .panel.tl-pop-body.content-holder .tl-pop-title { float: right; font-size: 12px; height: 50px; line-height: 50px; padding: 0 20px; overflow: hidden; } .panel.tl-pop-body.content-holder .tl-date-icon-holder { float: left; height: 50px; line-height: 50px; } .panel.tl-pop-body.content-holder .tl-time-date { border-radius: 0; float: left; font-size: 12px; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-tl-date.png") 0 0 repeat; padding: 0 20px; } .panel.tl-pop-body .tl-img-icon-holder { margin: 0 10px; } .panel.tl-pop-body.content-holder .tl-img-icon-holder { float: left; } .panel.tl-pop-body.content-holder-2 .tl-img-icon-holder { float: right; } .panel.tl-pop-body.content-holder .tl-img-icon { display: inline-block; margin: 0 4px; font-size: 18px; } .panel.tl-pop-body.content-holder .tl-img-icon .fa { margin-left: 6px; } .panel.tl-pop-body.content-holder .record_photo_count-0 { display: none; } .panel.tl-pop-body.content-holder .record_video_count-0 { display: none; } .panel.tl-pop-body .inner-content { padding: 0; } .panel.tl-pop-body .inner-content h3 { font-size: 19px; font-weight: normal; letter-spacing: 1px; margin: 15px; } .panel.tl-pop-body .inner-content .tagging-flagging-panel h3{text-align: left; margin: 0 1px 3px;} .panel.tl-pop-body .inner-content h3.record-project-title { background-color: #19BB9B; color: #FFF; margin: 0 -11px; padding: 5px 25px; } .panel.tl-pop-body .description { padding: 0 15px; font-size: 16px; } .panel.tl-pop-body .title-row { padding: 0 15px; font-size: 13px; background: #9c9c9c; height: 30px; line-height: 30px; color: #fff; margin: 15px 0 5px; } .panel.tl-pop-body .text-row { padding: 10px 15px; } .panel.tl-pop-body .subject-holder { background-color: #bbb; color: #fff; font-size: 12px; margin: 0; padding: 5px 0; width: 100%; } .panel.tl-pop-body .comment-holder { background-color: #fff; margin: 5px 0; padding: 5px 15px; } .panel.tl-pop-body .comment-holder .click-to-edit { display: none; } .panel.tl-pop-body .subject-holder .timeline-popup{ font-size: 14px; font-weight: bold;} .title-row.rec-award{width: auto; padding: 8px; border-radius: 6px; margin-left: 0; margin-top: 8px; line-height: 12px; display: block; font-size: 12px; font-weight: 600; text-align: left; color: #fefefe;} .panel.tl-pop-body .title-row.rec-award{width: min-content; padding: 8px; border-radius: 8px; margin-left: 21px;} .panel.tl-pop-body .title-row.rec-award div{line-height: 17px; display: block; font-size: 19px; font-weight: 800; text-align: left; } .panel.tl-pop-body .title-row.rec-award div p{white-space: nowrap;} .panel.tl-pop-body .comment-holder.can-be-edited { border: 1px dashed #9c9c9c; cursor: pointer; border-radius: 3px; transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out; box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0); } .panel.tl-pop-body .comment-holder.can-be-edited .click-to-edit { position: absolute; top: 0; right: 0; display: inline-block; background-color: #9c9c9c; border-radius: 4px; padding: 1px 6px; color: #FFF; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 3px; transition: background-color 200ms ease-in-out; } .panel.tl-pop-body .comment-holder.can-be-edited:hover { border: 1px dashed #2e333b; box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0.3); } .panel.tl-pop-body .comment-holder.can-be-edited:hover .click-to-edit { background-color: #2e333b; } .has_parent_comments { display: none; } #can-be-edited-prefill { display: none; } .panel.tl-pop-body .heading { text-transform: uppercase; } .panel.tl-pop-body .parent_message_form > input { height: 60px; width: 450px; vertical-align: top; } .panel.tl-pop-body .parent_message_form label { margin-right: 10px; vertical-align: top; } .panel.tl-pop-body .parent_message_form button { margin-left: 10px; vertical-align: top; } .panel.tl-pop-body .parent_message_form { padding: 10px 0; } .panel.tl-pop-body.content-holder .pupil-list.pupil-list-hover { position: relative; width: 100%; display: block; cursor: default; } .panel.tl-pop-body.content-holder a.pupil-list-hover .tl-pop-pupil-list { position: absolute; left: 0; width: auto; top: 20px; background: #bbb; color: #fff; padding: 10px; z-index: 1000; } .panel.tl-pop-body.content-holder a.pupil-list-hover:hover .tl-pop-pupil-list { display: block !important; } /* .timeline-popup { position:relative; text-transform:uppercase;} .timeline-popup .inner { padding:0px 50px 15px;} .timeline-popup .date-holder { position:absolute; left:0; top:40px; background:#BEC3C7; display: block; padding:0 10px; height:32px; line-height:32px; font-size:15px; letter-spacing: 0.04rem; color:#fff; text-transform: uppercase;} .timeline-popup .form-wrapper { border:none; font-size: 14px; padding: 0; width: auto;} .timeline-popup .top { margin: 0 auto; text-align: center; width:100%;} .timeline-popup .top h3 { color: #444; font-size: 31px; padding:10px 0; margin-bottom: 5px; line-height: 40px; text-transform: none;} .timeline-popup .top-bar { background:#E77E13; height:18px; line-height:18px; color:#fff; text-transform:uppercase; font-size:10px; text-align:left; padding:0 8px; border-bottom:#D55500 3px solid; } .timeline-popup .row { padding:3px 0; margin:0;} .timeline-popup .subject-holder .heading { display:inline-block; padding-right:15px; font-weight:300; letter-spacing: 0.04rem; } .timeline-popup .row .pupil-list a {display:inline-block; padding:0 0 7px 0;} .timeline-popup .row .pupil-list span {display:inline-block; } .timeline-popup .description { text-transform: none; font-size: 14px; font-weight: normal; padding: 15px 0 0; text-transform: none;line-height: 17px; } .timeline-popup .title-holder { font-size: 16px; height: 32px; padding:5px 0 8px; width: 100%; margin:0 0 20px; text-align:left;} .timeline-popup .title-holder span { display: inline-block; padding:20px 0 0; } .timeline-popup .title-holder .button { float:right;} .timeline-popup .image-holder { padding:5px 0 0; clear:both; text-align:center; width:100%;} .timeline-popup .image-holder.video {} .timeline-popup .rsDefault .rsFullscreenBtn { display: none;} */ .record-messages { padding: 10px; background: #f3aa41; border-radius: 4px; } .project-record-messages { max-height: 300px; overflow: hidden; overflow-y: scroll; overflow-x: hidden; border-radius: 2px; } .record-messages #student_message_form, .record-messages #student_message_form2 { border: none; margin-bottom: 0; } .record-messages .col-sm-12 { padding: 0px; } .record-messages .row.message_form-group { margin: 10px 0 0; background: #f3aa41; } .record-messages .row.message_form-group label { color: #fff; padding: 0 !important; } .record-messages textarea { background: #fff; border: none; max-height: 100px; width: 100%; padding: 6px; } .record-messages .thread-body.record-messages-thread { padding: 5px; margin: 2px 0; border-radius: 2px; overflow: hidden; } .record-messages .thread-body.record-messages-thread-teacher { background-color: #FEFEFE; } .record-messages .thread-body.record-messages-thread-student { background-color: #EEE; } .record-messages .record-messages-thread [data-studentform-date] { float: right; font-size: 9px; } .record-messages-thread .avatar { border-radius: 999999px; border: 2px solid #eee; display: block; height: 50px; width: 50px; float: right; clear: right; } /*.record-messages .thread-body.record-messages-thread:nth-of-type(even){background-color:#F5BA60;}*/ .record-messages .thread-body.record-messages-thread b { font-size: 9px; display: inline-block; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } /* ------ IMAGE BANK -------- */ /** media selectables **/ .form-default .image-holder { margin: 0 5px 10px 0; display: inline-block; } .form-default .image-tick input[type=checkbox] { visibility: hidden; display: none; } .form-default .image-tick { width: 167px; height: 167px; position: relative; } .form-default .image-tick img, .project-thumbnail .image-tick img { display: block; width: 150px; cursor: pointer; position: absolute; margin: 0; height: 150px; border: #fff 5px solid; } .form-default .image-tick .selected img, .form-default .video-tick .selected video { border: #E77E13 5px solid; border-radius: 2px; } .form-default .media-holder-record { width: 670px; } .form-default .video-holder { margin: 0 5px 10px 0; display: inline-block; } .form-default .video-tick input[type=checkbox] { visibility: hidden; display: none; } .form-default .video-tick { width: 187px; height: 123px; position: relative; } .form-default .video-tick img { display: block; width: 170px; cursor: pointer; position: absolute; margin: 0; height: 106px; border: #fff 5px solid; } .form-default .video-tick .selected img { border: #E77E13 5px solid; border-radius: 4px 4px 4px 4px; } #selected_media { clear: both; } #selected_media .media-tick input[type=checkbox] {visibility: hidden;display: none;} #selected_media .media-tick { margin: 0 1% 1% 0; position: relative; width: 18%; } #selected_media .media-tick img { display: block; width: 100%; cursor: pointer; margin: 0; border-radius: 2px; min-width: 90px;} #selected_media .media-tick .selected { } #selected_media .media-tick .selected img { } .add-overlay, .select-item.add-overlay {display: none;width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;z-index: 10;margin: -40px 0 0 -40px;background: url("https://cdn.earwig.uk.com/admin-re/images/img-select.png") no-repeat center center;} #selected_media .media-tick input:checked ~ .add-overlay, input.select-item:checked ~ .select-item.add-overlay{ display: block; cursor: pointer; } .downloadable-item {display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} input.select-item { display: none !important; } #selected_media .media-tick:hover img { } #selected_media label { height: auto; margin: 7px; padding: 0; position: relative; cursor: pointer; } .video-overlay-icon { position: absolute; background: url("https://cdn.earwig.uk.com/admin-re/images/icon-vid-overlay.png") 50% 50% no-repeat; width: 68px; height: 68px; top: 50%; left: 50%; margin: -34px 0 0 -34px; } #selected_media .r-anti { position: absolute; bottom: 35px; right: 15px; left: auto; display: none; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-rotate-left.png") no-repeat center center; height: 34px; width: 34px; border-radius: 17px; } #selected_media .r-clock { position: absolute; bottom: 35px; left: 15px; right: auto; display: none; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-rotate-right.png") no-repeat center center; height: 34px; width: 34px; border-radius: 17px; } #selected_media .media-tick:hover .r-clock, #selected_media .media-tick:hover .r-anti { display: block; } .headshot { display: none; position: absolute; top: 12px; left: 12px; height: 30px; width: 30px; background: url('https://cdn.earwig.uk.com/img/bkg-headshot.png') 0 0 no-repeat; } /* force rotate options to go away on the lite version on assessment reports */ #litebox-media-bank #selected_media .r-anti, #litebox-media-bank #selected_media .r-clock{ position: fixed; left: -1000px;} #selected_media .media-tick:hover .headshot { display: block; } #selected_media .details { text-align: center; font-size: 11px; font-weight: normal; padding: 5px 0 0; } #selected_media .details span { display: inline; } .details .details-id { float: left; } .details .details-name { float: none; text-align: center; } .details .details-date { float: right } #selected_media .details-name, #selected_media .details-date { display: block; } #add-existing, #add-new ,#add-to-blog{ display: none; } .image-bank-holder { border: none !important; } .image-bank-holder .media-wrapper { } .image-bank-holder .box-holder { display: inline-block; vertical-align: top; } .image-bank-holder .box-holder img { } .image-bank-holder .box-holder .detail { } .image-bank-holder .button-row-top { } .image-bank-holder .button-row-top .button { } .button-row-top > span { float: right; font-size: 11px; font-weight: normal; padding: 10px 0 0; text-transform: uppercase; } .image-bank-holder .delete-icon { width: 21px; height: 21px; background: url("https://cdn.earwig.uk.com/admin-re/images/icon-delete.png") 0 0 no-repeat; display: inline-block; float: right; margin: 3px 0 0; } .image-bank-holder .delete-icon:hover { background-position: 0 -100px; } .image-bank-holder .scroller_anchor { height: 0; margin: 0; padding: 0; } .image-bank-holder .scroller { background: #FFF; z-index: 11; min-height: 65px; margin: 0 0 10px 0px; padding: 6px 0 8px; width: inherit; border-bottom: #efefef 1px solid; } .image-bank-holder .scroller .btn { padding: 12px 15px 11px; margin-right: 15px; margin-top: 5px; } .pager { text-align: center; width: 100%; padding: 10px 0; border-top: #eee 1px solid; } .pager .previous { background: url("https://cdn.earwig.uk.com/admin-re/images/previous.png") 0 0 no-repeat; width: 135px; height: 40px; float: left; } .pager .current { font-size: 17px; color: #444; height: 40px; line-height: 40px; } .pager .previous:hover, .pager .next:hover { opacity: 0.7; } .pager .next { background: url("https://cdn.earwig.uk.com/admin-re/images/next.png") right 0 no-repeat; width: 135px; height: 40px; float: right; } #upload_progress { background: linear-gradient(45deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%, transparent 75%, transparent) repeat scroll 0 0 / 20px 20px #5ebd5e; border-color: #43a543; border-radius: 2px; height: 12px; margin: 0px 0 10px; } .media-btn-message { font-size: 10px; width: 100%; text-align: left; display: block; padding-top: 6px; } /*help video records*/ .record-help-video span{ display: inline-block; font-size: 15px; font-family: "BrandonGrotesqueRegular", "Raleway", Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; line-height: 38px; vertical-align: top; } .fa-question-circle{color: #5c8edb;} a.admin-corner-guide{cursor: pointer;} .page-header .record-help-video { width: auto; text-align: center; float: right; height: 44px; padding-right: 0; margin-top: 0; transform: none;} .record-help-video div.record-help-video-title{ line-height: 20px; font-size: 20px; text-align: left; display: inline-block; padding-top: 3px; width: 70px; height: 40px; margin-top: 2px; white-space: normal } .record-help-video div.record-help-video-title span{margin-top: 3px;} .record-help-video.rotated { right: -45px !important;top: 50% !important;transform: rotate(-90deg);} .record-help-video a { line-height: 36px; height: 36px; text-decoration: none; display: block; width: auto; border-radius: 3px; padding:0 25px; margin: 8px 10px 0 0; background: #5c8edb; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .record-help-video a:hover { background: #3e5f93; } .record-help-video i { background: none; color: #fefefe; font-size: 20px; margin: 0 10px 0 0; line-height: 32px; display: inline-block; } div.record-help-menu ul li { width: 640px; font-size: 1.5em; color: #fff; background-color: #b1b3b8; text-align: center; margin-bottom: 1px; border-bottom: 1px solid #333;} div.record-help-menu ul li:hover { background-color: #64a8cd; cursor: pointer;} .new-filter-holder { z-index: 9999; position: fixed; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border-radius: 15px; border: 2px solid rgba(33, 33, 33, 0.75); padding: 12px; } .got-it { text-align: right; font-size: 18px; } .got-it:hover { cursor: pointer; font-weight: bold; } .back-to-help-menu { float: left; } /** EFYS STUFF-------------------------------------------------------*/ /*.vert_content{ width: 25px; height: 75px; overflow: hidden; display: inline-block; white-space: nowrap; } .vert_text{ writing-mode:tb-lr; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); white-space:nowrap; display:block; bottom:0; margin-top: 50px; } .rotate {display: block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } */ .rotated-text { display: inline-block; overflow: hidden; width: 2em; line-height: 2; } .rotated-text__inner { display: inline-block; white-space: nowrap; transform: translate(0, 100%) rotate(-90deg); -webkit-transform: translate(0, 100%) rotate(-100deg); -moz-transform: translate(0, 100%) rotate(-90deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; } .rotated-text__inner:after { content: ""; float: left; margin-top: 100%; } /* DATA TABLES */ .data-table-holder { /* border-bottom: #718091 5px solid; border-top: #718091 5px solid;*/ width: 100%; overflow-x: scroll; } .data-table-efys { background: #96A6A6; } .data-table-efys .term-matrix .center-block { padding: 15px 10px; color: #333; width: auto; } .data-table-efys .term-matrix .pupil-matrix { color: #fff; } .data-table-efys .center-td { text-align: center; font-size: 10px; padding: 3px; } .data-table-efys .center-td a { text-decoration: none; font-size: 10px; padding: 5px; } .data-table-efys .center-td a:hover { text-decoration: none; background: url("https://cdn.earwig.uk.com/admin-re/images/table-dot.png") 50% 50% no-repeat; } .data-table-efys .highlight_ignore.center-td, .data-table-efys .highlight_ignore.center-td a { text-align: center; font-size: 12px; } .data-table-efys .category { width: 55px; background-color: lightgreen; } .data-table-efys td { background: #96A6A6; border: 1px solid #fff; color: #fff; line-height: 1.3em; font-size: 11px; padding: 5px; text-align: left; text-transform: uppercase; } .data-table-efys td.area_aspect_cell { font-size: 12px; } .data-table-efys td.matrix-font-big { font-size: 14px; } .data-table-efys .matrix-title { font-size: 12px; } .data-table-efys-class td.center-block-custom, .data-table-efys-class td.evidence-block { text-align: center; } .data-table-efys td a { text-decoration: none; display: block; color: #fff; } .data-table-efys a:hover { background-color: #bbb; text-decoration: none; } .data-table-efys a:active { background-color: gray; text-decoration: none; } .data-table-efys .unread_parent_message { background-color: green; } .data-table-efys .summary_toggle { color: #333; font-size: 15px; height: 80px; margin: 0 auto; text-align: center; } .data-table-efys .summary_toggle:hover { text-align: center; background: url("https://cdn.earwig.uk.com/admin-re/images/table-dot.png") 50% 50% no-repeat; } .data-table-efys .summary_toggle .summary-cross { height: 80px; background: url("https://cdn.earwig.uk.com/admin-re/images/table-cross.png") 50% 50% no-repeat; margin: 0 auto; display: block; } .data-table-efys .rotated-text a { float: left; } .data-table-efys .rotated-text a:hover { background: none; } .data-table-efys .rotated-text.pupil-matrix { width: 50px; line-height: 50px; font-size: 1.1em; } .data-table-efys .top-name { padding: 10px 0px 3px; } .data-table-efys.data-table-efys-class .top-name { background: #13b593; padding: 10px 15px 0; } .data-table-efys.data-table-efys-class .top-name a { color: #fff; font-size: 12px; } .data-table-efys.data-table-efys-class .top-name a:hover { text-decoration: underline; } .data-table-efys-class { margin: 0 auto; background: #96A6A6; } .data-table-efys td.title-box { font-size: 16px; padding: 10px; text-align: center; } .data-table-efys td.center-text { text-align: center; } .data-table-efys .tbl-top-row { font-size: 15px; padding: 10px; } .data-table-efys .printable, .data-table-efys .printable a { text-align: center; } .data-table-efys .printable_report:hover { background: none; text-decoration: underline; } /* CLASS DEV CHART PAGE---------- */ .matrix-top { float: left; width: 80%; color: #BEC3C7; font-size: 15px; font-weight: 600; } .matrix-top .first { padding-top: 0px; } .matrix-top .title { font-size: 17px; color: #BEC3C7; font-weight: 600; } .matrix-top .title.main { color: #808b8d; font-size: 29px; font-weight: 600; text-transform: uppercase; line-height: 1em; } .matrix-top .col-sm-3 { border-left: 1px solid #ececec; min-height: 140px; } .matrix-top .col-sm-3 .blue { color: #808b8d; } .button-group { float: right; width: 180px; } .button-group .btn { width: 180px; margin: 0 0 6px; padding: 10px; } .button-group .btn.btn-flat.btn-action.btn-icon-timeline { background: #BEC3C7 url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 36px -51px no-repeat !important; padding-left: 35px; border-color: #96A6A6 #96A6A6 #808B8D; } .button-group .btn.btn-flat.btn-action.btn-icon-timeline:hover { background: #d5830d url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 36px -51px no-repeat !important; } .button-group .btn.btn-flat.btn-action.btn-icon-photos { background: #BEC3C7 url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 36px 9px no-repeat !important; padding-left: 35px; border-color: #96A6A6 #96A6A6 #808B8D; } .button-group .btn.btn-flat.btn-action.btn-icon-photos:hover { background: #d5830d url(https://cdn.earwig.uk.com/admin-re/images/icon-btn-tl-photo.png) 36px 9px no-repeat !important; } .age-range button { background: #f3aa41; border: none; margin: 0 5px 4px 0; font-size: 14px; padding: 9px 10px; color: #fff; display: inline-block; line-height: 1; } .age-range button:hover { background: #f19a1f; } .age-range .btn.btn-flat { vertical-align: top; } .age-range-date label, .age-range-date .input-group, .age-range-date button, .age-range-date a { display: inline-block; vertical-align: top; margin-bottom: 5px; } .age-range-date { padding: 2px 0 3px; } .age-range-date .datepicker { max-width: 130px; margin-right: 10px; } .comment-form label { vertical-align: top; } .comment-form textarea { vertical-align: top; height: 70px; width: 100%; } .comment-form .btn { margin: 10px 0 0; padding: 6px 20px; } .efys-prof-pic { width: 90%; max-width: 144px; border: #e2e2e2 1px solid; border-radius: 999999px; display: inline-block; padding: 5px; position: relative; } .efys-prof-pic img { border-radius: 999999px; vertical-align: middle; display: block; min-width: 100%; max-width: 100%; } /* small table toggle */ .small-table .data-table-holder .term-matrix .center-block { padding: 3px 2px; color: #333; width: auto; } .small-table .data-table-holder td { font-size: 8px; padding: 1px; } .small-table .data-table-holder .data-table-efys td.title-box { font-size: 10px; padding: 3px; } .small-table .data-table-holder .data-table-efys td.matrix-font-big { font-size: 12px; max-width: 140px; padding-left: 5px; } .small-table .data-table-holder .data-table-efys .highlight_ignore.printable { max-width: 50px; } .small-table .data-table-holder .rotated-text.pupil-matrix { width: 20px; line-height: 20px; font-size: 0.8em; } .small-table .data-table-holder .top-name { padding: 2px 0px 0px; } .small-table .data-table-holder .center-td a { font-size: 5px; padding: 2px; } .small-table .data-table-holder .highlight_ignore.center-td, .small-table.data-table-holder .highlight_ignore.center-td a { font-size: 5px; } .small-table .data-table-efys.data-table-efys-class .top-name { padding: 2px 5px 0; } .small-table .data-table-efys.data-table-efys-class .top-name a { font-size: 10px; } .button-group .btn-aol { background: #339ADF !important; border-color: #2982BB; color: #fff; } .button-group .btn-aol:hover { background: #2982BB !important; border-color: #2982BB !important; } .button-group .btn-coel { background: #9C5EBB !important; border-color: #8F4AB0; color: #fff; } .button-group .btn-coel:hover { background: #8F4AB0 !important; border-color: #8F4AB0 !important; } a.alert-parents.btn { background: #ff3333; padding: 8px; border: 1px solid #555; border-radius: 8px; color: #fff; } a.alert-parents.btn:hover { background: #ee1111 !important; color: #eee; } a.alert-parents.btn.selected, a.alert-parents.btn:hover { background: #5364d6 !important; } /* ----------- FOOTER -------*/ .footer { margin-top: -31px; width: 100%; display: block; height: 25px; border-top: 1px solid #2e333b; z-index: 100000; color: #BEC3C7; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; } .footer a { color: #BEC3C7; } .footer a:hover { color: #E77E13; } .footer .col-md-6 { height: 25px; line-height: 21px; background: #23272D; } .footer .col-md-6 .contact-info i { font-size: 14px; line-height: 20px; margin: 0 5px; } .footer .social-links { padding: 2px 0px 2px 10px; background: #23272D; display: inline; } .footer .social-links a { border-radius: 14px; color: #fff; display: inline-block; padding: 0 0 0 3px; height: 19px; line-height: 19px; text-align: center; width: 19px; } .footer .social-links a:hover { background: #e77e13 !important; } .footer .social-links a i { color: #fff; } .footer .social-links a.facebook { background: #255B9B; margin: 0 5px 0 0; } .footer .social-links a.twitter { background: #00B2F2; margin: 0 5px 0 0; } .footer .social-links a.youtube { background: #17B7EE; } .footer .earwig-logo { display: none; } /*------------ IE LOGIN MESSAGE ---------------------*/ .ie-bkg { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; background: url(https://cdn.earwig.uk.com/admin-re/images/fancybox_overlay.png) 0 0 repeat; } .modal-dialog-ie .modal-header { background: #5bc0de url(https://cdn.earwig.uk.com/admin-re/images/ie-logo.png) center center no-repeat !important; height: 130px; } .modal-dialog.modal-dialog-ie { margin: 60px auto 0; } .modal-dialog.modal-dialog-ie .modal-footer .link { color: #999; display: block; font-size: 11px; padding-top: 9px; text-decoration: underline; } .modal-dialog.modal-dialog-ie .modal-footer .link:hover { color: #E77E13; } .timeline-top-filter{position: fixed; top:10px; left: 215px; right: 160px; z-index: 5008; min-width: 768px;} /* =========================================================== MEDIA QUERIES ====================================================*/ @media (min-width: 1200px) { .footer .col-md-6.col-1 { text-align: left; width: 50%; } .footer .col-md-6.col-2 { text-align: right; width: 50%; } } @media (min-width: 1100px) { .mmc #main-menu, .mme.mmc #main-menu, .mmc #main-menu-bg, .mme.mmc #main-menu-bg { width: 44px; } } @media (min-width: 768px) { span.responsive-btn-text{display:inline-block;} } @media (min-width: 480px) { #main-menu .navigation > .mm-dropdown > a:before { color: #fff; right: 2px; } #main-menu .navigation { border-top: none; } .footer .col-md-6 { height: auto; line-height: 31px; text-align: center; border-top: 1px solid #2e333b; width: 100%; } .footer { border-top: none; height: auto; } } @media (max-width: 1800px) { .panel.tl-body.content-holder .tl-rec-title { max-width: 457px; } } @media (max-width: 1600px) { .panel.tl-body.content-holder .tl-rec-title { max-width: 345px; } .add-edit-record .dropzone-box.add-img { background-size: 120%; } .add-edit-record .dropzone-box.add-vid { background-size: 120%; } .timelines-top-links .mini-box .size-h2 { font-size: 15px; padding: 13px 0 0; line-height: 17px; } /* dashboard */ .col-md-3.dash-box { width: 50%; float: left; vertical-align: top; } } @media (max-width: 1400px) { #selected_media .media-tick { width: 23%; } /* TL */ .timeline-wrapper { width: 900px; } .tl-img-icon-holder { margin: 0 5px; } .panel.tl-body.content-holder .tl-img-icon { margin: 0 3px; font-size: 13px; } .panel.tl-body.content-holder .tl-img-icon .fa { margin-left: 3px; } .panel.tl-body.content-holder .tl-rec-title { width: auto; float: left; height: 40px; line-height: 40px; text-align: left; max-width: 180px; padding-left: 0;} .panel.tl-body.content-holder .tl-date-icon-holder { width: auto; max-width: 100%; float: left; height: 40px; line-height: 40px; background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-tl-date.png") 0 0 repeat; background: none; } .panel.tl-body .tl-rec-top { min-height: 40px; line-height: 1em; width: 100%; } .panel.tl-body .image-holder { height: 270px; } .panel.tl-body .image-holder .fancybox .fancybox-prompter { font-size: 10px; width: 13rem; left: 15%; } .panel.tl-body { height: 420px; } .timelines-top-links .mini-box .box-icon .fa { font-size: 16px; } .timelines-top-links .mini-box .box-icon { height: 45px; line-height: 30px; width: 45px; } .timelines-top-links .mini-box { min-height: 66px; } .timelines-top-links .mini-box .size-h2 { font-size: 13px; line-height: 14px; padding-top: 7px; } .panel-heading .timeline-list-filter-selects select, .panel-heading .timeline-list-filter-selects .datepicker { width: 120px !important; margin-bottom: 6px; } .panel-heading .timeline-list-filter-selects .datepicker {width: 133px !important;} .parent-timeline-wrapper { width: 1000px; } /* EFYS */ .matrix-top { width: 70%; } .matrix-top .title.main { font-size: 21px; } .matrix-top { font-size: 15px; } .matrix-top .first { padding: 0; } .record-award-bottom{display: none;} /* test responsive points #main-wrapper {background: black;}*/ /* .timeline .btn-action, .timeline .btn-action.btn-flat.kiss-away-record, .timeline .btn-action.btn-flat.show-flagged-as-key { color: transparent; font-size: 0; width: 40px; margin-top: 15px; }*/ .timeline .btn-action > .fa{ color: white; font-size: 13px; } .datepicker-box{min-width: 100px;} } /* only ever show 4 links on the homepage's big-links row */ .row.dash-top-links .col-md-3:nth-child(1n+5) {display: none;} @media (max-width: 1200px) { .res-1200 { display: none; } .form-default label { font-size: 11px; line-height: 1em; padding: 9px 0 0; } .dropdown-toggle .drop-btn-name { display: none !important; } .dropdown-toggle .drop-btn-name-short { display: inline !important; } .parent-wrapper { width: 900px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-timeline { font-size: 15px; padding: 15px 15px 15px 45px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos { font-size: 15px; padding: 15px 15px 15px 45px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-records { font-size: 15px; padding: 15px 15px 15px 45px; } .add-edit-record .dropzone-box.add-img { background-size: 130%; } .add-edit-record .dropzone-box.add-vid { background-size: 130%; } #selected_media .media-tick { width: 31%; } .panel-heading.record-filter .form-default .date-rec-list { width: 26%; } .panel-heading.record-filter .form-default .date-rec-list-label { width: 6%; } .row.record-list-search select { width: 80px; } .timelines-top-links .col-md-2 { display: inline-block; margin-bottom: 10px; width: 32%; } .timelines-top-links .mini-box .size-h2 { font-size: 14px; line-height: 16px; padding-top: 7px; } #wrap-id_pupils label span, .wrap-id_pupils label span { width: 120px; } #wrap-framework_modules label span { width: 120px; } /* TL */ .timeline-wrapper { width: auto; } .parent-timeline-wrapper { width: 900px; } .dash-top-links .col-md-3 { width: 50%; margin-bottom: 15px; float: left; } /* {only ever show 4 links on the homepage's big-links row } > now show all! */ .row.dash-top-links .col-md-3:nth-child(1n+5) {display: inline-block;} .stat-cell table th { font-size: 12px; } .stat-cell table .dash-table-top-row th { line-height: 1em; padding-bottom: 0px; } /* test responsive points #main-wrapper {background: red;} */ } @media (max-width: 1100px) { .res-1100 { display: none !important; } .nav.navbar-nav { border: none !important; } /** compendium **/ #main-menu.navigation-compendium .navigation { border-top: none; } #main-menu.navigation-compendium .mmc-dropdown-delay { display: none; } #right_content_block, .compendium-inner { background-position: -196px 0; } .theme-default #main-menu.navigation-compendium .mmc-dropdown-open-ul .mmc-title { background: #bbb !important; } .comp-search-row .form-default { width: 100%; } .comp-search-row .col-sm-1 { width: 10%; display: inline-block; text-align: left; vertical-align: top; } .comp-search-row .col-sm-3 { width: 80%; display: inline-block; vertical-align: top; } .comp-search-row .col-sm-2 { width: 100%; display: block; padding-top: 10px; text-align: center; } .comp-search-row .btn-compendium { width: 100%; margin: 10px 0; } .comp-search-row .res-480-vis { display: inline-block !important; padding: 0 3px; } .comp-search-row form { padding: 0 0 10px; margin: 0 0 10px; } .comp-search-row .col-sm-4.col-comp-long { width: 100%; } .comp-search-row .filt-images-date { text-align: left; font-size: 13px; } .comp-search-row .date-rec-list-label { display: none; } .res-nav-show { display: inline-block !important; } .comp-pricing { display: none; } #right_content_block { padding-left: 60px; padding-top: 10px; } .col-sm-4.form-default.buy-btn-comp-res { position: absolute; right: 0; top: 5px; width: 150px; } .comp-search-row .col-sm-4.comp-btn-top-row, .comp-search-row .col-sm-4.buy-btn-comp-res { width: 30%; } .comp-search-row .col-sm-4.col-comp-long { width: 36%; } /*.page-head-comp .btn-prod-price {display: none;} */ .prod-price-nav { display: block !important; } .prod-price-nav a { padding-left: 20px !important; padding-right: 20px !important; } .usertype_parent #main-navbar .navbar-nav li.nav-blog-link a { background: #ec973a; text-align: center; } .earwiglite #main-navbar .navbar-nav li.nav-blog-link a { background: #ec973a; text-align: center; } .timeline-top-filter{min-width: 600px;} .compendium-inner #main-menu .navigation .mm-text { display: none !important; } } @media (max-width: 992px) { .res-992 { display: none; } .dropdown a.profile { width: 44px; } .usertype_staff .dropdown a.profile { width: auto; } .usertype_staff .dropdown a.profile span { display: none; } .usertype_parent a.profile { padding: 0 22px; width: 58px; } .earwiglite a.profile { padding: 0 22px; width: 58px; } .panel-body { overflow-x: scroll; } .tab-content { overflow-x: scroll; } .parent-wrapper { width: 700px; } .dashboard-wrapper .admin-clear { } .dashboard-wrapper .super-admin-dash-100 { clear: both; width: 100%; } .dashboard-wrapper .page-header .input-group { margin-top: 6px; } .page-profile .left-col, .page-profile .right-col { width: 100%; } .page-profile .profile-full-name { height: 180px; padding-left: 0; text-align: center; } #selected_media .media-tick { width: 47%; } .checkout-steps .step-block { float: left; height: 60px; width: 50%; } .checkout-steps { height: 150px; padding: 20px 0; width: 100%; } .parent-home-child .col-md-4 { width: 33%; display: inline-block; } .parent-home-child .col-md-8 { width: 66%; display: inline-block; vertical-align: top; } .parent-wrapper h1 { margin-top: 40px; } .img-bank-heading .col-sm-1 { width: 10%; display: inline-block; vertical-align: top; float: none; padding: 5px 0 0; } .img-bank-heading .col-md-2 { width: 25%; display: inline-block; vertical-align: top; float: none; } .basket-li .res-1200 { display: inline-block; } .add-edit-record .dropzone-box.add-img { background: #BEC3C7 url(https://cdn.earwig.uk.com/admin-re/images/bkg-img-upload-res.png) center center no-repeat; background-size: 80%; height: 70px; } .add-edit-record .dropzone-box.add-vid { background: #BEC3C7 url(https://cdn.earwig.uk.com/admin-re/images/bkg-vid-upload-res.png) center center no-repeat; background-size: 80%; height: 70px; } .row.record-list-search select { width: 65px; } .mini-box .box-icon .fa { font-size: 16px; } .panel-heading .timeline-list-filter-selects select, .panel-heading .timeline-list-filter-selects .datepicker { width: 90px !important; } .efys-row .control-label { height: 60px; } #wrap-id_pupils label .avatar, .wrap-id_pupils label .avatar { height: 35px; width: 35px; display: none; } #wrap-id_pupils label, .wrap-id_pupils label { height: 45px; } #wrap-id_pupils label span, .wrap-id_pupils label span { width: 100%; } #wrap-id_pupils img, .wrap-id_pupils img { margin: 0 5px 0 0; } /* TL */ .timeline-wrapper { width: 100%; } .timeline-wrapper .timeline.centered .tl-header { color: #fff; float: left; font-size: 21px; left: auto; margin: 0 0 30px 35px; padding: 0; position: relative; text-align: left; width: 100%; background: none; text-shadow: 1px 1px #ccc; z-index: 11;} .tl-info-holder { float: left; margin: 0px 0 30px; position: relative; width: 100%; } .tl-info-holder h3 { font-size: 27px; margin: 10px 0 15px; } .tl-prof-pic-holder { display: inline-block; width: 30%; float: left; } .panel.tl-body .image-holder .fancybox .fancybox-prompter { font-size: 10px; width: 13rem; left: 25%; top: 30%; } .tl-info-holder .info-holder { display: inline-block; width: 70%; float: right; padding: 0 15px; } .timeline-wrapper .timeline { background: url("https://cdn.earwig.uk.com/admin-re/images/tl-bkg-line.png") 0 0 repeat-y; } .timeline-wrapper .timeline .tl-header { color: #fff; } .timeline-wrapper .timeline.centered .tl-entry { margin-left: 0; margin-right: 0; width: 100%; float: none; margin-bottom: 30px; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 { margin-left: 0; margin-right: 0; width: 100%; float: none; margin-bottom: 30px; padding-right: 0; padding-left: 36px; } .timeline-wrapper .tl-rec-list-holder div:nth-child(2) { padding-top: 0px; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2:before { left: -3px; right: auto; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:before { border-width: 8px 9px 8px 0; left: -9px; right: auto; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:after { border-width: 7px 8px 7px 0; left: -8px; right: auto; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-time { left: 100%; right: auto; margin-left: 32px; margin-right: 0; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-icon { left: auto; right: -20px; } .timeline-wrapper .theme-default .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:before { } .timeline-wrapper .theme-default .tl-entry:before { display: none; } .timeline-wrapper .timeline.centered:before, .timeline.centered:after { display: none; } .timeline-wrapper .timeline.centered .tl-entry .line-dot { left: 2px; top: 14px; } .timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .line-dot { left: 2px; right: auto; } .timeline-wrapper .panel.tl-body.content-holder .btn-action { border-radius: 0 0 5px 0; } .timeline-wrapper .panel.tl-body.content-holder-2 { text-align: left; } .timeline-wrapper .panel.tl-body.content-holder-2 .tl-rec-title { float: none; width: 100% } .timeline-wrapper .panel.tl-body.content-holder .tl-date-icon-holder { float: none; width: 100% } .timeline-wrapper .panel.tl-body.content-holder .tl-img-icon-holder { float: left; } .timeline-wrapper .panel.tl-body.content-holder .tl-time-date { float: right; } .timeline-wrapper .panel.tl-body.content-holder-2 .tl-img-icon-holder { float: left; } .timeline-wrapper .panel.tl-body.content-holder-2 .tl-time-date { float: right; } .timeline-wrapper .panel.tl-body.content-holder .commentary { float: left; } .timeline-wrapper .panel.tl-body.content-holder .btn-action { float: right; } .timeline-wrapper .tl-rec-list-holder div:nth-child(6n+1) .tl-body:after { border-color: transparent #bec3c7 transparent transparent !important; } .timeline-wrapper .tl-rec-list-holder div:nth-child(6n+2) .tl-body:after { border-color: transparent #e77e13 transparent transparent !important; } .timeline-wrapper .tl-rec-list-holder div:nth-child(6n+3) .tl-body:after { border-color: transparent #f1c200 transparent transparent !important; } .timeline-wrapper .tl-rec-list-holder div:nth-child(6n+4) .tl-body:after { border-color: transparent #9c5ebb transparent transparent !important; } .timeline-wrapper .tl-rec-list-holder div:nth-child(6n+5) .tl-body:after { border-color: transparent #2eca6a transparent transparent !important; } .timeline-wrapper .tl-rec-list-holder div:nth-child(6n+6) .tl-body:after { border-color: transparent #339adf transparent transparent !important; } .parent-timeline-wrapper { width: 700px; } .parent-timeline-wrapper .timeline.centered .tl-header { margin-top: 215px; } /* EFYS */ .matrix-top { width: 100%; font-size: 13px; } .matrix-top .title.main { font-size: 17px; } .button-group { float: left; width: 100%; } .button-group .btn { float: left; margin-right: 10px; width: auto; } .button-group .btn.btn-flat.btn-action.btn-icon-timeline, .button-group .btn.btn-flat.btn-action.btn-icon-timeline:hover { background-position: 10px -51px !important; padding-left: 32px; height: 39px; } .button-group .btn.btn-flat.btn-action.btn-icon-photos, .button-group .btn.btn-flat.btn-action.btn-icon-photos:hover { background-position: 10px 9px !important; padding-left: 32px; height: 39px; } .btn-coel, .btn-aol { padding: 10px !important; } .efys-prof-pic { width: 80%; } .matrix-top .col-sm-3 ul li { font-size: 13px; } .matrix-top .title { font-size: 13px; } .data-panel { padding: 0 20px 20px; } .eyfs-heading { width: 100%; margin-bottom: 15px !important; } .eyfs-dash-btn { float: left !important; } #class_matrix_filter_form label { margin-right: 5px; } .efys-dev-chart-page .button-group { padding: 10px 0 3px; margin-top: 6px; border-top: 1px solid #efefef; } .comp-search-row .col-sm-4.comp-btn-top-row, .comp-search-row .col-sm-4.buy-btn-comp-res { width: 20%; } .comp-search-row .col-sm-4.col-comp-long { width: 56%; } /* test responsive points #main-wrapper {background: green;} */ .dashboard-wrapper .mini-box .box-icon .fa { font-size: 25px; } .usertype_staff #main-navbar .navbar-nav > li > a { width: 100%; background: #ddd !important; } .record-help-video { right: 10px !important; top: auto !important; transform: none; bottom: 10px; z-index: 10; } } @media (max-width: 768px) { .timeline-wrapper .tl-back-button { position:relative; } span.responsive-btn-text{display:none;} .timeline-top-filter{min-width: auto;} .row.record-list-search select { width: 98%; } .res-768 { display: none !important; } .res-768-vis { display: inline-block !important; } .usertype_parent .basket-li { display: block; } .usertype_parent .basket-dropdown { display: none; } .earwiglite .basket-li { display: block; } .earwiglite .basket-dropdown { display: none; } .dropdown a.profile { width: 100%; } .tbl-record-list .rec-list-icon { font-size: 15px; padding: 0 0px; } .page-header h1 { display: inline-block; margin-bottom: 0px; } .parent-wrapper { width: 100%; } .mini-box { min-height: 70px; padding: 9px 0 0 12px; } .mini-box .box-icon { font-size: 25px; height: 50px; width: 50px; line-height: 44px; margin: 0 10px 10px 0; } .mini-box .box-icon .fa { font-size: 18px; } .mini-box .size-h2 { font-size: 17px; line-height: 17px; padding: 8px 0 2px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-timeline { font-size: 13px; padding: 10px 10px 10px 30px; max-width:200px;} .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos { font-size: 13px; padding: 10px 10px 15px 30px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-records { font-size: 14px; padding: 10px 10px 10px 30px; background-position:12px -114px !important; max-width:200px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-timeline { font-size: 14px; padding: 10px 10px 10px 40px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 7px -159px #f3aa41 !important; max-width:200px; font-size: 14px; padding: 10px 10px 10px 30px; } .parent-wrapper .btn.btn-flat.btn-action.btn-icon-photos:hover { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-photo.png") no-repeat 7px -159px #d5830d !important; } .parent-home-child h3 { font-size: 22px; max-width: 200px; } .parent-wrapper .profile-photo { max-width: 100px; } .parent-wrapper .usertype_parent #main-navbar .navbar-nav > li > a { padding: 0 20px; } .parent-wrapper .earwiglite #main-navbar .navbar-nav > li > a { padding: 0 20px; } .add-edit-record .dropzone-box.add-img { background-size: 60%; } .add-edit-record .dropzone-box.add-vid { background-size: 60%; } .page-profile .profile-full-name { height: auto; } .panel-heading.record-filter .form-default label { height: auto; padding: 9px 0 0; text-align: left; } .panel-heading.record-filter .form-default .date-rec-list-label { width: 3%; } .panel-heading .form-default { padding: 0; } .timelines-top-links .col-md-2 { width: 48%; } .timelines-top-links .mini-box .box-icon { line-height: 37px; } .efys-row .control-label { height: auto; text-align: left !important; font-size: 13px; } .efys-row .col-sm-4 { clear: both; } #eyfs .page-header { padding: 20px 18px 10px; } .page-signin .not-a-member { width: 100%; } #wrap-id_pupils label .avatar, .wrap-id_pupils label .avatar { height: 50px; width: 50px; display: inline-block; } #wrap-id_pupils label, .wrap-id_pupils label { height: 60px; } #wrap-id_pupils label span, .wrap-id_pupils label span { padding: 0; width: auto; } #wrap-id_pupils img, .wrap-id_pupils img { margin: 0 12px 0 0; } .help-message-row.premium-parent-message .help-message-button { font-size: 13px; } .help-message-row.premium-parent-message { padding: 10px 5%; } /* TL */ .parent-timeline-wrapper { width: 100%; } .parent-timeline-wrapper .timeline.centered .tl-header { background: none; float: left; font-size: 24px; height: auto; margin-left: 40px; padding: 0; position: relative; text-align: left; width: 100%; margin-top: 0px; line-height: 1.2em; color: #aaa; } .parent-timeline-wrapper .timeline { background: url("https://cdn.earwig.uk.com/admin-re/images/tl-bkg-line.png") 0 0 repeat-y; } .parent-timeline-wrapper .timeline .tl-header { color: #fff; } .parent-timeline-wrapper .timeline.centered .tl-entry { margin-left: 0; margin-right: 0; width: 100%; float: none; margin-bottom: 30px; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 { margin-left: 0; margin-right: 0; width: 100%; float: none; margin-bottom: 30px; padding-right: 0; padding-left: 36px; } .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(2) { padding-top: 0px; } .tl-rec-list-holder div:nth-child(2) .line-dot { top: 14px !important; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2:before { left: -3px; right: auto; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:before { border-width: 8px 9px 8px 0; left: -9px; right: auto; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:after { border-width: 7px 8px 7px 0; left: -8px; right: auto; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-time { left: 100%; right: auto; margin-left: 32px; margin-right: 0; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .tl-icon { left: auto; right: -20px; } .parent-timeline-wrapper .theme-default .timeline.centered .tl-entry.tl-record-holder-2 .tl-body:before { } .parent-timeline-wrapper .theme-default .tl-entry:before { display: none; } .parent-timeline-wrapper .timeline.centered:before, .timeline.centered:after { display: none; } .parent-timeline-wrapper .timeline.centered .tl-entry .line-dot { left: 2px; top: 14px; } .parent-timeline-wrapper .timeline.centered .tl-entry.tl-record-holder-2 .line-dot { left: 2px; right: auto; } .parent-timeline-wrapper .panel.tl-body.content-holder .btn-action { border-radius: 0 0 5px 0; } .parent-timeline-wrapper .panel.tl-body.content-holder-2 { text-align: left; } .parent-timeline-wrapper .panel.tl-body.content-holder-2 .tl-rec-title { float: none; width: 100% } .parent-timeline-wrapper .panel.tl-body.content-holder .tl-date-icon-holder { float: none; width: 100% } .parent-timeline-wrapper .panel.tl-body.content-holder .tl-img-icon-holder { float: left; } .parent-timeline-wrapper .panel.tl-body.content-holder .tl-time-date { float: right; } .parent-timeline-wrapper .panel.tl-body.content-holder-2 .tl-img-icon-holder { float: left; } .parent-timeline-wrapper .panel.tl-body.content-holder-2 .tl-time-date { float: right; } .parent-timeline-wrapper .panel.tl-body.content-holder .commentary { float: left; width: 80%; } .parent-timeline-wrapper .panel.tl-body.content-holder .btn-action { float: right; width: 80px; height: 74px;} .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(6n+1) .tl-body:after { border-color: transparent #bec3c7 transparent transparent !important; } .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(6n+2) .tl-body:after { border-color: transparent #e77e13 transparent transparent !important; } .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(6n+3) .tl-body:after { border-color: transparent #f1c200 transparent transparent !important; } .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(6n+4) .tl-body:after { border-color: transparent #9c5ebb transparent transparent !important; } .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(6n+5) .tl-body:after { border-color: transparent #2eca6a transparent transparent !important; } .parent-timeline-wrapper .tl-rec-list-holder div:nth-child(6n+6) .tl-body:after { border-color: transparent #339adf transparent transparent !important; } /*eyfs*/ .matrix-top .col-sm-3 { border: none; min-height: 100%; padding: 0; } .matrix-top .col-sm-3 ul li { display: inline; margin-right: 6px; } #class_matrix_filter_form { float: left; } #class_matrix_filter_form .age-matrix-filter { width: 17%; } #content-wrapper .matrix-top .col-sm-3 ul { padding: 0 0 5px; } #class_matrix_filter_form label { display: inline; } .age-range-date label { display: inline-block !important; width: 30px; } .res-date { width: 100%; display: block; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 5px; padding-right: 5px; } .comp-search-row .col-sm-4.col-comp-long { width: 100%; } /* test responsive points #main-wrapper {background: blue;} */ /* dashboard */ .col-md-3.dash-box { width: 100%; } .dash-top-links .col-md-3 { width: 100%; } .dashboard-wrapper .mini-box .box-icon .fa { font-size: 22px; } .pg-whats-new .col-sm-4 { padding-right: 0; width: 97%; } .pg-static h3 { font-size: 21px; } .grid-training .grid-col-1 { width: 100% ; } .grid-training .grid-col-2 { width: 100px; border-top: #ccc 1px solid; padding-top: 10px; margin-top: 10px;} .grid-training .grid-col-3 { width:calc(100% - 110px) ; border-top: #ccc 1px solid; padding-top: 10px; margin-top: 10px;} .grid-training h4 { font-size: 19px; } } @media (max-width: 480px) { .res-480 { display: none; } .res-480-vis { display: block !important; } .panel-heading.record-filter .res-480-vis { display: inline !important; } .navbar-nav .res-1200, .navbar-nav .res-992 { display: inline-block; } #content-wrapper { margin-bottom: 0; min-height: 100%; } .mme #main-navbar #main-menu-toggle .navbar-icon { left: 16px; } #main-menu { width: 100%; left: -100%; } #main-menu-bg { left: -100%; width: 100%; } .mme #main-navbar #main-menu-toggle { width: 100%; } #main-navbar #main-menu-toggle .hide-menu-text { font-size: 13px; text-align: center; width: 80%; } .mini-box { min-height: 70px; padding: 9px 12px 0 12px; } .mini-box .size-h2 { font-size: 15px; line-height: 15px; padding: 10px 0 0; } .footer { margin-top: 0px; height: 110px; background: #23272D; } .footer .col-1 span { clear: both; display: block; text-align: center; } .footer .col-md-6 { text-align: center; padding: 0; height: auto; border-top: 1px solid #2e333b; } .footer .col-md-6 .center-dot { display: none; } .footer .social-links { clear: both; width: 100%; border-top: 1px solid #2e333b; display: block; text-align: center; padding: 8px 0; } .usertype_parent .footer .earwig-logo { display: none; } .earwiglite .footer .earwig-logo { display: none; } .checkout-steps .step-number { height: 40px; width: 40px; font-size: 15px; line-height: 34px; } .checkout-steps .step-caption { margin-left: 45px; font-size: 15px; margin-top: 4px; } .btn.btn-edit, .btn.btn-timeline, .btn.btn-photos { width: 23px; height: 23px; } .btn.btn-edit:hover, .btn.btn-timeline:hover, .btn.btn-photos:hover { background-position: 0 -70px !important; } .btn.btn-edit { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-edit-small.png) 0 0 no-repeat !important; } .btn.btn-timeline { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-tl-small.png) 0 0 no-repeat !important; } .btn.btn-photos { background: url(https://cdn.earwig.uk.com/admin-re/images/icon-photo-small.png) 0 0 no-repeat !important; } .td-icon { width: 23px; padding: 0 3px; } .parent-home-child .col-md-4 { width: 100%; display: inline-block; } .parent-home-child .col-md-8 { width: 100%; display: inline-block; vertical-align: top; } #selected_media .media-tick { width: 100%; } #selected_media .media-tick img { width: 100%; } .add-edit-record .dropzone-box.add-img { background-size: 80%; } .add-edit-record .dropzone-box.add-vid { background-size: 80%; } .record-filter { height: 0px; overflow: hidden; padding: 0 20px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; border: none; } .rec-filter-mobile { display: block !important; padding: 0 0 10px; text-align: right; } .panel-heading.record-filter .form-default .date-rec-list { width: 80%; } .panel-heading.record-filter .form-default .date-rec-list-label { width: 32px; } .timelines-top-links .col-md-2 { width: 100%; } .timelines-top-links .mini-box .box-icon { line-height: 37px; } /** compendium **/ #main-menu.navigation-compendium { height: auto; left: 0; overflow: visible; position: absolute; width: 44px; } #main-menu.navigation-compendium .navigation > li > a > .mm-text { display: none; } .theme-default #main-menu.navigation-compendium .mmc-dropdown-open-ul .mmc-title { background: #bbb !important; } #main-menu.navigation-compendium .navigation > .mm-dropdown > a:before { right: 3px; } #main-menu.navigation-compendium .navigation > .mm-dropdown.open > ul { display: none; } .comp-help-text .message-close { top: -60px; } /* TL */ .timeline.centered .tl-header { font-size: 50px; } .panel.tl-body.content-holder .commentary { width: 65%; font-size: 12px; } .tl-info-holder h3 { font-size: 21px; } .panel.tl-body .image-holder { height: 220px; } .panel.tl-body { height: 370px; } /*eyfs */ .button-group .btn.btn-flat.btn-action.btn-icon-timeline, .button-group .btn.btn-flat.btn-action.btn-icon-timeline:hover { background-position: 13px -51px !important; } .button-group .btn.btn-flat.btn-action.btn-icon-photos, .button-group .btn.btn-flat.btn-action.btn-icon-photos:hover { background-position: 13px 9px !important; } /* test responsive points #main-wrapper {background: yellow;} */ /* dashboard */ .dash-top-links .col-md-3 { width: 100%; } .dashboard-wrapper .mini-box .box-icon .fa { font-size: 19px; } .panel.tl-pop-body.content-holder .tl-time-date { padding: 0 10px; } .panel.tl-pop-body .tl-img-icon-holder { margin: 0 5px; } .panel.tl-pop-body .tl-pop-top .btn-action { padding: 0 10px; } .panel.tl-pop-body.content-holder .tl-img-icon { font-size: 14px; margin: 0 0 0 4px; } } /*------------ TIMELINE PRINTABLE VERSION ----------------*/ .toggle-print.btn { border: none; background: #ddd; border-radius: 50%; height: 10px; padding: 0; width: 10px; } .timeline-printable #main-navbar, .timeline-printable #main-menu, .timeline-printable #main-menu-bg, .timeline-printable .footer, .timeline-printable .tl-back-button, .timeline-printable .panel.tl-body.content-holder .btn-action, .timeline-printable .timeline.centered .tl-entry .line-dot, .timeline-printable .timeline.centered .tl-header, .timeline-printable .tl-info-holder .btn.btn-flat.btn-action.btn-icon-photos { display: none !important; } .theme-default.timeline-printable { background: #ffffff; width: 670px; } .timeline-printable .tl-entry { border-top: 4px solid #f3aa41 !important; float: left !important; margin-left: 0 !important; padding-top: 10px !important; width: 48% !important; position: relative !important; padding-left: 0 !important; } .timeline-printable .panel.tl-body .image-holder .no-image { background: url("https://cdn.earwig.uk.com/admin-re/images/tl-no-image.jpg") no-repeat center center !important; float: left; } .timeline-printable .panel.tl-body .tl-rec-top a { color: #333 !important; } .timeline-printable .panel.tl-body .tl-rec-top { background: #fff !important; height: auto !important; } .timeline-printable .panel.tl-body.content-holder .tl-rec-title { float: left !important; font-size: 16px !important; height: auto !important; line-height: 1.15em !important; text-align: left !important; width: auto !important; color: #333 !important; padding: 24px 0 6px 0px !important; border-radius: 0px !important; max-width: 100%; } .timeline-printable .panel.tl-body.content-holder .tl-rec-title { color: #333 !important; } .timeline-printable .panel.tl-body.content-holder .tl-time-date { background: none !important; color: #fff !important; float: left !important; font-size: 12px !important; padding: 0 !important; text-transform: uppercase; } .timeline-printable .panel.tl-body.content-holder .tl-date-icon-holder { background: url("https://cdn.earwig.uk.com/admin-re/images/bkg-tl-date.png") repeat 0 0 !important; float: none !important; height: 28px; left: 0px; line-height: 28px; position: absolute; top: -8px; width: 100% !important; padding-left: 10px !important; } .timeline-printable .panel.tl-body .image-holder { height: 300px !important; float: left; } .timeline-printable .panel.tl-body .image-holder img { width: 100% !important; } .timeline-printable .panel.tl-body { box-shadow: none !important; } .timeline-printable .panel.tl-body.content-holder .commentary { float: left !important; height: auto !important; padding: 10px 0px 0 !important; font-size: 12px; border-top: 2px solid #efefef !important; } .timeline-printable .col-sm-10 { width: 100% !important; } .timeline-printable .timeline { background: none !important; float: left !important; } .timeline-printable .timeline-wrapper { float: left !important; width: 660px !important; } .timeline-printable .timeline.centered .tl-entry.tl-record-holder-2 { float: left !important; margin-left: 4% !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .timeline-printable #main-wrapper { padding-left: 0 !important; } .timeline-printable .tl-rec-list-holder .line-dot, .timeline-printable .tl-rec-list-holder .tl-body:after { display: none !important; } .timeline-printable #content-wrapper { padding: 10px 5px !important; } .timeline-printable .toggle-print { float: right !important; } .timeline-printable .tl-info-holder { background: none !important; border: none !important; float: left !important; margin: 0px 0 0 !important; overflow: visible !important; padding: 10px 0 !important; position: relative !important; width: 100% !important; text-align: center; } .timeline-printable .tl-info-holder h3 { color: #333 !important; font-size: 31px !important; font-weight: 400 !important; margin: 10px 0 5px !important; text-transform: uppercase !important; } .timeline-printable.theme-default .tl-body::before { border-color: #fff !important; } .timeline-printable .panel.tl-body { border: medium none !important; border-radius: 0 !important; box-shadow: none !important; height: auto !important; padding: 0 0 30px !important; } .timeline-printable .tl-prof-pic-holder { width: 120px; position: absolute; } .timeline-printable .tl-info-holder .info-holder { display: inline-block; float: none !important; padding: 0 15px !important; width: 100% !important; } .timeline-printable .tl-info-holder #timeline_filter_form { height: 70px; padding-left: 230px; } .timeline-printable .tl-info-holder #timeline_filter_form .btn { display: none !important; } .timeline-printable .tl-info-holder #timeline_filter_form .col-sm-4 { border: none !important; padding: 0; width: 100px !important; } .timeline-printable input.datepicker { background: none !important; border: none !important; box-shadow: none !important; font-size: 14px !important; overflow: hidden; padding-right: 0px !important; width: 100% !important; color: #999 !important; } .timeline-printable .print-page { display: inline-block !important; } .record-project.new, .record_has_unread_messages_indicator, .record_has_unread_messages > td { background-color: rgba(220, 255, 182, 1) !important; } .clickable-box { cursor: pointer; overflow: hidden; } .clickable-box.limited-view{ background-color: #dcfafb;} .clickable-box:hover { background-color: #f6f6f6; } #list-for-id_teachers-user, #list-for-id_pupils-user { margin: 0 !important; padding: 0 !important; } #list-for-id_teachers-user li, #list-for-id_pupils-user li { display: none; } .max-height-wrapper { max-height: 200px; overflow: scroll; overflow-x: hidden; border: 1px solid #d6d6d6; } .rsGCaption { display: none; clear: both; text-align: right; color: #666; width: 100%; } .hoverlaunch:hover td { background-color: #EFEFEF !important; cursor: pointer; } .hoverlaunch.noconsent td { background-color: #efdce6 !important; cursor: pointer; color: #C00; } .hoverlaunch-selected:hover td, .hoverlaunch-selected td { background-color: #5ebd5e !important; color: white; } /*#selected_images .multiple-media-count,*/ #wrap-id_pupils label span.multiple-count, .wrap-id_pupils label span.multiple-count { font-size: 12px; width: 20px; min-width: 20px; height: 20px; line-height: 18px; background: #5ebd5e; border-radius: 6px; border: 1px solid white; text-align: center; padding: 1px 5px; margin: 0; display: inline-block; color: white; } #wrap-id_pupils label span.multiple-selector { display: none; } .multiple-records-enabled #wrap-id_pupils label.selected span.multiple-selector { display: inline; /*cursor: pointer;*/ } /*#wrap-id_pupils label.selected span.multiple-selector:hover {*/ /*text-decoration: underline;*/ /*}*/ .multiple-records-enabled #wrap-id_pupils label.selected span.multiple-selector-chosen { color: #5ebd5e; } .make_pupil_link { display: block; text-align: left; } .make_pupil_link-empty { display: none; } .make_pupil_link_remove { color: red; cursor: pointer; text-transform: uppercase; } /* make the multiple-records images work correctly, because I don't know what else of NG's styles might be used elsewhere. */ .add-edit-record .form-default .image-tick, .project-thumbnail .image-tick { width: 150px; float: left; height: auto; } .add-edit-record .form-default .image-tick label, .project-thumbnail .image-tick label { height: auto; padding-top: 0; cursor: pointer; } .add-edit-record .form-default .image-tick img, .project-thumbnail .image-tick img { position: static; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wrapping-long-checkboxes { height: 480px; overflow-x: hidden; overflow-y: auto; } .hide-user-data-filter-itself { opacity: 0.25; } #timeline-loading { display: none; } .current-album { background-color: #FFC !important; } .current-album a { color: #AAAAAA !important; } .current-album-hovering-over, .current-album-hovering-over a { background-color: #79B318 !important; color: white !important; } /*.ui-draggable-dragging {*/ /*width: 50%;*/ /*height: 50%;*/ /*}*/ #wrap-id_pupils .looked_after { color: #C00; } #wrap-id_pupils .looked_after small { font-size: 11px; text-transform: capitalize; border-bottom: 1px solid #C00; } #main-navbar .profile { background-color: #EC973A; } #main-navbar .profile:hover { background-color: #e77e13; } /* fix issue on the royal slider "remove" tooltips being cut off. */ .tooltip-inner { max-width: 300px; } .thread-unseen { background-color: rgba(220, 255, 182, 1); } .timeline-record-assessments.col-sm-12{ padding-left: 0px;} div.timeline-record-assessments li.gran-0{ font-size: 14px; margin-left: 0px !important; color: #ffffff; text-transform: uppercase; padding: 7px 5px; background: #555555;} div.timeline-record-assessments li.gran-1, .timeline-gran-1 { font-size: 12px; margin-left: 5px !important; background: #59b1ea; } div.timeline-record-assessments li.gran-2, .timeline-gran-2 { font-size: 12px; margin-left: 10px !important; background: #aaa; } div.timeline-record-assessments li.gran-3, .timeline-gran-3 { font-size: 12px; margin-left: 20px !important; background: #ff99ff; } div.timeline-record-assessments li.gran-4, .timeline-gran-4 { font-size: 12px; margin-left: 30px !important; background: #66ccff; } div.timeline-record-assessments li.gran-5, .timeline-gran-5 { font-size: 12px; margin-left: 40px !important; background: #66cc99; } div.timeline-record-assessments li.gran-6, .timeline-gran-6 { font-size: 12px; margin-left: 50px !important; background: #ffcc99; color: #333; } div.timeline-record-assessments li { color: #fff; padding: 4px 5px; margin-bottom: 2px; border-radius: 3px; } div.timeline-record-assessments li.gran-1.next_step { font-size: 12px; margin-left: 0px !important; background: #0cba0c; } .timeline-record-assessments ul { margin: 0; } #my-purchases-albums-selection { display: block; } #my-purchases-albums-selection:hover a { background: #888; } #my-purchases-albums-selection #create-album { opacity: 0; transition: opacity 0.3s; } #my-purchases-albums-selection:hover #create-album { opacity: 1; } .fancybox-wrap { max-width: 90%; } .wrapper-slider { max-width: 100%; } .rsOverflow { max-width: 100%; } .fancybox-inner { max-width: 100%; } .buy-pop-body { max-width: 100%; } .fancybox-image { margin: 0 auto; } .set_first_image { background-color: #FFF; border-radius: 3px; display: none; font-size: 10px; position: absolute; top: 50%; margin: -12.5% 10%; padding: 4px; width: 80%; font-weight: bold; text-align: center; text-transform: none; cursor: pointer; } .add-edit-record .image-holder.image-tick.thumbs-image span.set-hero-image { background-color:transparent; border-radius: 3px; color: green; font-size: 12px; position: relative; margin: 0; padding: 4px; font-weight: bold; text-align: center; text-transform: none; cursor: pointer;} .add-edit-record .image-holder.image-tick.thumbs-image span.set-hero-image.error{ background-color: #fe2222; color: #ffffff;} .image-holder:hover .set_first_image { display: block; } .image-holder:hover .selected .set_first_image { display: none; } .image-holder :checked ~ .set_first_image { background-color: #f3aa41; } .image-holder.image-tick.thumbs-image span.set-hero-image.selected {background-color: rgba(135, 232, 113, 0.56);} /*#22B14C*/ #messageform-refresh, #messageform-refresh .row.message_form-group { background-color: #22B14C; } .project-thumbnail .image-tick input { display: none; } .multiple-record-error { background-color: #FFF; width: 500px; border: 5px solid #9C5EBB; padding: 1rem; border-radius: 5px; overflow: hidden; } .multiple-record-error .btn-multiple-records { float: right; clear: both; } .multiple-record-error .btn-go-left { background: #9C5EBB !important; border-color: #8F4AB0 !important; } #headshot-form { padding: 2rem; } #headshot-form-label { display: block; } #id_ajaxform-user, #id_ajaxform-q { width: 100%; } #id_ajaxform-user { margin-top: 0.5rem; } .add-pupil-group-name { font-size: 18px; font-weight: bolder; text-align: center; background-color: #cacaca; clear: both; margin-bottom: 12px; padding: 5px; line-height: 25px; height: 33px; } /* admin_filterbar */ div.admin-filterbar>div{line-height: normal; height: 60px; padding-top: 6px;} div.admin-filterbar>div.title{padding-top: 0;} div.admin-filterbar div.title span{padding-top: 0; font-size: 18px; line-height: 60px; font-weight: 600; white-space: nowrap; overflow: hidden;} div.admin-filterbar{ background: #bcbcc7; border: 2px solid #222; height: 60px; } /* stupidtables style */ span.data-column-header:hover, th.data-column-header:hover {cursor: pointer;} th.data-column-header {color: blue;} th.data-column-header.highlighted {color: blue;background: #d1f1f1 !important;} th.data-column-header.terms {border: 1px solid #333 !important;text-align: left;} th.data-column-header.terms span { color: #DBEF1F; text-align: left; } .opacity-zero{ opacity: 0;} #school-list-table-scroller tr.table-titles th span{ color: #555555; cursor: default;} div.launch-warning {background: #FFC; padding: 1rem; border: 1px solid #E77E13;} div.launch-warning ul li{display: inline-block; float: left; margin-left: 10px;} .parent-timeline-finished { width: 100%; float: left; clear: both; padding: 0; margin: 0; } .parent-timeline-finished .panel { border-radius: 5px; border: none; box-shadow: 3px 3px 10px #bec3c7; padding: 20px 15px; position: relative; margin: 0; text-align: center; background-color: #9c63be; } .parent-timeline-finished .panel p { margin: 0; color: #FFF; } .parent-timeline-finished .panel a { color: #FFF; font-weight: bold; } /* message litebox */ /* litebox */ /* The Modal (background) */ .messagebox-modal { position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .messagebox-modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 640px; /* Could be more or less, depending on screen size */ border-radius: 5px; } /* The Close Button */ .messagebox-close { color: #aaa; float: right; font-size: 28px; font-weight: bold; width: 38px; z-index: 9999; } .messagebox-close:hover, .messagebox-close:focus { color: black; text-decoration: none; cursor: pointer; } .record-timeline-hideme{ width: 45px; height: 45px; font-size: 32px; background-color: red; color: white; border-radius: 4px; position: absolute; right: 0; bottom: 0; font-weight: 800; text-shadow: 0 -1px 0 #873c85;} .record-timeline-hideme:hover{cursor: pointer; background-color: #c40000; } .tl-info-holder .col-sm-4.datepicker-box{ padding-left: 4px; padding-right: 4px; margin-bottom: 5px;} .timeline-btn{margin-left: 4px; margin-right: 4px;} .timeline-info-box{ margin-top: 20px; height: auto; background-color: #ffffff; } @media (min-width: 1020px) and (max-width: 1120px ) { /*.timeline-info-box{ height: 300px;}*/ } label.record-flag > input[type="checkbox"], label.award-radio > input { display: none; } label.record-flag, label.award-radio { height: auto; padding: 0; margin: 0 0 0.25rem 0; display: block; overflow: hidden; cursor: pointer; } div.flagging-box-holder{min-height: 216px;} label.record-flag span, label.award-radio span {text-align: left; color: #000; font-weight: bold; display: block; padding: 0.5rem 1rem; margin-right: 1rem; font-size: 11px; transition: margin-right 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;} .tl-rec-top-award-1 { background-color: #fbe73a !important; } .tl-rec-top-award-1 a { color: #000 !important; } label.award-1 span { background-color: #fdf5af; border-color: #fdf5af; } label.award-1 input:checked + span { background-color: #fbe73a; border-color: #eec14c; } .wrap-up-to-comments-award-1 .rsDefault, .wrap-up-to-comments-award-1 .rsDefault .rsOverflow, .wrap-up-to-comments-award-1 .rsDefault .rsSlide, .wrap-up-to-comments-award-1 .rsDefault .rsVideoFrameHolder, .wrap-up-to-comments-award-1 .rsDefault .rsThumbs { background-color: #fbe73a; color: #fbe73a; } .tl-rec-top-award-2 { background-color: #c4c4c4 !important; } label.award-2 span { background-color: #e7e7e7; border-color: #e7e7e7; } label.award-2 input:checked + span { background-color: #c4c4c4; border-color: #858585; } .wrap-up-to-comments-award-2 .rsDefault, .wrap-up-to-comments-award-2 .rsDefault .rsOverflow, .wrap-up-to-comments-award-2 .rsDefault .rsSlide, .wrap-up-to-comments-award-2 .rsDefault .rsVideoFrameHolder, .wrap-up-to-comments-award-2 .rsDefault .rsThumbs { background-color: #c4c4c4; color: #c4c4c4; } .tl-rec-top-award-3 { background-color: #b77a5e !important; } .tl-rec-top-award-3 a { color: #FFF !important; } label.award-3 span { background-color: #e2c9be; border-color: #e2c9be; } label.award-3 input:checked + span { background-color: #b77a5e; border-color: #9c6164; color: #FFF; } .wrap-up-to-comments-award-3 .rsDefault, .wrap-up-to-comments-award-3 .rsDefault .rsOverflow, .wrap-up-to-comments-award-3 .rsDefault .rsSlide, .wrap-up-to-comments-award-3 .rsDefault .rsVideoFrameHolder, .wrap-up-to-comments-award-3 .rsDefault .rsThumbs { background-color: #b77a5e; color: #b77a5e; } .tl-rec-top-award-4 { background-color: #b5e61d !important; } .tl-rec-top-award-4 a { color: #000 !important; } label.award-4 span { background-color: #e1f4a4; border-color: #e1f4a4; } label.award-4 input:checked + span { background-color: #b5e61d; border-color: #7dd65c; } .tl-rec-top-award-5 { background-color: #80a3f2 !important; } .wrap-up-to-comments-award-4 .rsDefault, .wrap-up-to-comments-award-4 .rsDefault .rsOverflow, .wrap-up-to-comments-award-4 .rsDefault .rsSlide, .wrap-up-to-comments-award-4 .rsDefault .rsVideoFrameHolder, .wrap-up-to-comments-award-4 .rsDefault .rsThumbs { background-color: #b5e61d; color: #b5e61d; } .tagging-flags, .panel.tl-body.content-holder .btn-action div.tagging-flags{white-space: nowrap; overflow: hidden; font-size: 14px; font-weight: bold;} div.rec-award{padding-left: 8px;} .record-award-top{text-align: right; float: right; margin-right: 8px;font-weight: 800; font-size: 17px;} .record-award-bottom{overflow: hidden;} label.record-flag input:checked + span, label.award-radio input:checked + span { margin-right: 0; } label.record-flag:hover span, label.award-radio:hover span { margin-right: 0; } label.award-radio .fa, label.record-flag .fa { opacity: 0; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; float: right; } label.award-radio input:checked + span .fa, label.record-flag input:checked + span .fa { opacity: 1; } label.record-flag-1 span { background-color: #d39fd2; border-color: #d39fd2; color: #FFF; } label.record-flag-2 span { background-color: #ffd6e3; border-color: #ffd6e3; } label.record-flag-3 span { background-color: #7c7c7c; border-color: #373737; color: #FFF; } label.record-flag-4 span { background-color: #b8c9de; border-color: #b8c9de; } label.record-flag-1 input:checked + span { background-color: #aa44a8; border-color: #873c85; color: #FFF; } label.record-flag-2 input:checked + span { background-color: #ffaec9; border-color: #e998b3; } label.record-flag-3 input:checked + span { background-color: #ee2225; border-color: #cf2225; color: #FFF; } label.record-flag-4 input:checked + span { background-color: #7293be; border-color: #6482ab; } .record-list-flag { cursor: default; margin-right: 0.5rem; } .record-list-flag-1, .tl-rec-top-flag-1 .tl-rec-title { background-color: #aa44a8 !important; text-shadow: 0 -1px 0 #873c85; } .flagged-as-key, .timeline .btn-action.btn-flat.flagged-as-key{ background-color: #aa44a8;} .record-list-flag-2, .tl-rec-top-flag-2 { background-color: #ffaec9 !important; text-shadow: 0 -1px 0 #e998b3; } .record-list-flag-3, .tl-rec-top-flag-3 { background-color: #ee2225; text-shadow: 0 -1px 0 #cf2225; } .record-list-flag-4, .tl-rec-top-flag-4 { background-color: #7293be; text-shadow: 0 -1px 0 #6482ab; } .record-list-flag-unread { background-color: #53b953; } div.tagging-flags{ height: 18px; line-height: 18px;} .wrap-up-to-comments-flag-3, .tl-body-flag-3 .tl-rec-top, .tl-body-flag-3 .btn-action { background-color: #ee2225 !important; } .tl-rec-top-flag-3 a { color: #FFF !important; } div.timeline-selectors{ width: 100%; text-align: left;} .btn-default.btn-flat:focus, .btn.btn-flat:focus{ background: #b1b1b1;} .parent-klass-observations{ color: #1a7ab9; background:#ffffff !important; border: 2px solid #1a7ab9; float: right; } .btn-default.btn-flat.active.parent-klass-observations{background: #1a7ab9 !important; color:#ffffff !important; float: right; } .inner .closeX a.icon-timeline {width: 20% !important; height: 40px !important; background-size: 40px 40px !important; margin: 6px auto 0 !important; } a.icon-timeline{text-indent: -9999em !important; width: 40px; height: 40px; background: url("https://cdn.earwig.uk.com/admin-re/images/icon-tl-assess-light.png") no-repeat scroll center center !important; background-size: 30px 30px !important; float: right !important; } .inner .closeX a.icon-timeline:hover{background: url("https://cdn.earwig.uk.com/admin-re/images/icon-tl-assess.png") no-repeat scroll center center !important;background-size: 40px 40px !important; } a.icon-timeline:hover { background: url("https://cdn.earwig.uk.com/admin-re/images/icon-tl-assess.png") no-repeat scroll center center !important;background-size: 30px 30px !important; } .panel.tl-body .image-holder.is-video a.fancybox{padding-left: 20px; padding-right: 20px; background:url("https://cdn.earwig.uk.com/img/film-ratchet.png") left repeat-y,url("https://cdn.earwig.uk.com/img/film-ratchet.png") right repeat-y;} .panel.tl-body .image-holder.is-video img.landscape{max-width: 96%;} td.text-search-value div{display: inline-block; float:left;} td.text-search-value div.open-cascade{float: right;} div.open-cascade{width: 24px; height: 24px; background-color: rgba(1,1,1,0.01);} .timeline-gran-0{background: #f4f4f4;} .timeline-selectors.selected{background: #42a142;} .btn.timeline-selectors:hover, .btn.timeline-gran-0:focus{background: #7a7979 !important;} .timeline-gran-2{margin-left: 4px;} .timeline-gran-3{margin-left: 8px;} .timeline-gran-4{margin-left: 12px;} .timeline-gran-5, .timeline-gran-6{margin-left: 16px;} .timeline-gran-2{background: #9b9898; margin-left: 4px;} .timeline-selectors, .open-cascade{display: inline-block; float: left;} .assessment div.timeline-selectors{width: 70%;} .lite-login-message {background-color: #339adf;border-radius: 25px;color: #fff;position: fixed;top: 33%;bottom: 20%;z-index: 99999;left: 300px;height: max-content;width: 75%;overflow: hidden;box-shadow: none;border: 0;} .lite-login-message .messagebox {background-color: #339adf;border-radius: 25px;box-shadow: none;color: #fff;border: none;width: 98%;max-width: 100%;white-space: normal;padding: 0;margin: 5px 15px;} .dash-message .btn.btn-flat.btn-lg{line-height: 13px;} tr.linked-school{border: 3px solid green;} .activity-data th.border-left, .activity-data td.border-left {border-left: 2px solid #dedede; border-bottom: 0;} /* 5 Columns */ .flag-category{min-height: 250px;} .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 250px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } .award-options {border: 1px solid #333;padding-left: 8px;padding-top: 8px;margin-bottom: -1px;margin-right: -1px;height: 580px;} label.external-flag-label {padding: 3px 3px 3px 4px;display: inline-block;height: 24px;} @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .comment-holder ol li, .comments-text ol li, .messagebox ol li{ list-style-type: none; } @supports (counter-set:none) { ol li[data-list] { counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } /* fixes crazy quill number and bullets */ div.comment-holder, div.comments-text, div.comments-box{counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;} ol li[data-list=ordered]{ counter-increment: list-0;} ol li span.ql-ui{position: absolute;} ol li[data-list=ordered] > .ql-ui:before{ content: counter(list-0, decimal) '. ';} ol li[data-list=bullet] > .ql-ui:before{content: '\2022';} ol li > .ql-ui:before{display: inline-block;margin-left: -1.5em;margin-right: .3em;text-align: right;white-space: nowrap;width: 1.2em;} span.record-counter{margin-right:15px; float:right; font-size: 18px; font-weight: 300; color:#999; line-height: 30px;} span.open-timeline{background-color: #00B2F2; width: 40px; float:right; margin-right:15px;} @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .welcome_msg.renewal-message-box{ animation: fadeIn 2s; } .has-been-set.form-default input[type=text]{background-color: #f1f1f1;} .ql-align-right{text-align: right;} .new-filter-content table{width: 100%;}