/* font imports */
@font-face {
    font-family: AileronLight;
    src: url('AileronLight.ttf');
}

@font-face {
    font-family: AileronLight;
    src: url('AileronLight.otf');
}

@font-face {
    font-family: AileronLight;
    src: url('AileronLight.eot');
}


@media screen and (max-width : 1056px) {
    .changeRequestList {
        width: 100% !important;
        float: none !important;
    }
}
.dashCol {
    display: flex !important;
}

.ilpHeader {
    width: 100%;
}

.login-partial
{
    float:right;
}

.text-cluster {
    float: left;
    margin-left: 5%;
}

.clusterMembers {
    float: left;
}

.members
{
    float:left;
}

.list-group-gweinyddol {
    display: inline-block;
}

.dewislen-gweinyddwr {
    float: left;
    width: auto;
    padding: 5px;
}

.form-group {
    margin-bottom: 10px;
}

.tab-arferol {
    margin-top: 0.5em;
    margin-left: 1rem;
    margin-right: 1rem;
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

#bigHeader {
}

#bigHeader {
}

#reportTable input {
    border: 1px solid #d5d5d5 !important;
    border-radius: 7px;
}

#reportTable td {
}

#reportTable_wrapper .buttons-excel, #reportTable_wrapper .buttons-csv, #reportTable_wrapper .buttons-print {
    color: #428bca;
    background-color: #FFF;
}

.reportlabel .svg-inline--fa {
    margin-left: 0px !important;
}

.reportlabel {
}

.live-report-card {
    border-radius: 13px !important;
    background: #f7f7f7 !important;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 3px;
}

    .live-report-card:hover {
        background: #e9e9e9 !important;
    }

.dataTables_scrollBody thead th {
    background: white !important;
}

.live-reports {
}

.ssrs {
}

.live-reports .card {
    display: inline-block !important;
    width: 250px !important;
    height: 200px !important;
    margin-right: 3px;
    margin-left: 3px;
}

.live-report-wrapper {
    background-color: white;
    padding: 10px;
    display: inline-table;
    min-width: 100%;
}

.fixedHeader-floating {
    top: 90px !important;
}


#reportTable th {
    min-width: 20px !important;
}

.removepad {
    padding-left: 0px !important;
}

.schedulePanel .alert {
    margin-bottom: 0px !important;
}


.permissionsWrapper .form-group {
    width: 200px;
    display: inline-block !important;
}

.permissionsWrapper .col-md-10 {
    display: inline-block !important;
}

.permissionsWrapper .col-md-2 {
    width: 100px !important;
}

.foptions textarea {
    width: 100%;
    min-height: 300px;
    font-family: courier;
}

.editfield .datapage {
    border: 0px !important;
    padding: 10px !important;
}

    .editfield .datapage .ilpDateField, .editfield .ilpField {
        margin: 0px !important;
    }

.systemBox input[type="number"] {
    border-radius: 3px;
    padding: 3px 5px;
    max-width: 80px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.systemBox {
    height: auto;
}

.bookeditor {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.permissionBox {
    padding: 3px 5px;
    background-color: #dddddd;
    border-radius: 3px;
    color: #bebebe;
}

    .permissionBox.active {
        background-color: #338ce6;
        color: white;
    }

.noBackgroundButton {
    background-color: white;
    color: #428bca;
    border: 0px;
    padding: 0px;
    vertical-align: unset;
}

.live-report-filters {
    max-width: 100% !important;
    margin-top: 3px;
    margin-bottom: 3px;
}

    .live-report-filters .col-md-2 {
        padding-left: 0px !important;
    }

        .live-report-filters .col-md-2 input {
            padding: 2px 4px !important;
            font-size: 14px;
            height: 28px;
        }

.noBackgroundButton:hover {
    background-color: white;
    color: #428bca;
    text-decoration: underline;
}

.reportdate input {
    border: 1px solid #d5d5d5 !important;
    border-radius: 7px;
    padding-bottom: 3px;
}

.reportdate, .reportdatesubmit {
    padding: 0px !important;
    padding-top: 3px !important;
}

#live-report table th, .fixedHeader-floating th {
    background: #f5f4f4;
    padding: 4px !important;
    font-size: 13px;
    max-height: 40px !important;
}



#live-report table td {
    font-size: 13px;
}

.reportdatesubmit button {
    height: 24px;
    padding: 0px;
    padding-right: 8px;
    padding-left: 3px;
}

.idpColour {
    width: 10px;
    padding: 5px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    display: none;
}

.shorterLeftPanel {
    height: calc(100% - 90px) !important;
}

.moduleNav {
    background-color: white !important;
    color: black !important;
    box-shadow: 0 4px 2px -2px #80808038;
    border: 0px;
    min-height: 0px;
    height: 40px;
}

.FieldSubtitle {
    color: #828282;
    padding-left: 5px;
}



.PEPBackgroundDarker {
    background: #1c9360 !important;
}

.PEPBordersDarker {
    border-color: #1c9360 !important;
}

.PEPBackgroundDarkerYellow {
    background: #f9b200 !important;
}

    .PEPBackgroundDarkerYellow.selected .navItem {
        color: white !important;
    }

    .PEPBackgroundDarkerYellow .navItem:hover {
        color: white !important;
    }

.PEPBordersDarkerYellow {
    border-color: #f9b200 !important;
}


.PEPBorders {
    border-color: #1fc183 !important;
}

.PEPTextColour {
    color: #1fc183 !important;
}

.moduleNav a, .moduleNav li {
    color: black;
    background-image: url('/Content/images/1_myaccount.png');
    border-radius: 0px !important;
    padding: 6px 10px;
}

.fieldSubtitle, .fieldSubtitleWrapper {
    width: 100%;
    display: block;
    padding-bottom: 0.3rem;
}

.moduleNav li {
    display: inline-block;
}

.moduleNav .active {
    border-bottom: 3px solid #338ce6;
}

.moduleNav a {
    padding: 0px !important;
    color: #6b6767;
}

.moduleNav a:hover {
    text-decoration: none;
    background-color: transparent !important;
    opacity: 1;
}

.moduleNav.active a:hover {
    border-bottom: 3px solid #338ce6 !important;
}

.moduleNav a:hover {
    opacity: 0.7;
}

.moduleTitle {
    font-weight: bold;
    color: #19262e !important;
    border-radius: 0px !important;
    border-right: 1px solid #19262e;
    margin-left: 5px;
    margin-right: 10px;
    padding-right: 15px !important;
}

    .moduleTitle a:hover {
        text-decoration: none;
        background-color: transparent !important;
    }



.show {
    visibility: visible !important;
}

.hide {
    visibility: hidden !important;
}




#filterCollapse {
    display: none;
    margin-top: 10PX;
}



.nav-tabs {
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.transferInfo {
    margin-bottom: 40px;
}

.tableModes {
    margin-left: 15px;
}

.filterV2Wrapper {
    margin-bottom: 10px;
}

    .filterV2Wrapper input, .filterV2Wrapper button {
        font-size: 14px;
        max-width: 280px !important;
    }



.filterSurround {
    border: 2px solid lightgrey;
    border-radius: 7px;
    padding: 7px;
    padding-bottom: 12px;
}


.filterV2Wrapper .form-control {
}

.prevFieldData div {
    position: relative !important;
    left: 0px !important;
}


.loginWrapper .bodyWrapper {
    max-width: 500px;
}

#loginForm input[type="text"], #loginForm input[type="password"] {
}

.captchaError {
    border: 5px solid #b94a48;
    display: inline-block;
    border-radius: 5px;
}

.g-recaptcha {
    margin-bottom: 10px;
    display: inline-block;
}

label {
    margin: 0px;
    font-weight: normal;
    font-size: 1.1rem;
}

.requiredField {
    color: red;
    font-weight: bold;
    vertical-align: 30%;
}

.infoHover {
    border-style: none !important;
    border-width: 0px !important;
    background-color: unset;
}


    .infoHover + .tooltip > .tooltip-inner {
        background-color: #d9edf7;
        color: #3a87ad;
        border-color: #bce8f1;
    }

.fullWidthValue {
    font-size: 16PX !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-weight: bold;
    background-color: white !important;
}

.mt-20 {
    margin-top: 20px;
}

.infoHover .tooltip > .tooltip-inner {
    padding: 20px !important;
}

.tooltip.in {
    opacity: 1 !important;
    font-size: 14px;
}

table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
    bottom: 35% !important;
    color: #216faf;
}


#live-report table.dataTable thead .sorting_asc:after, #live-report table.dataTable thead .sorting_desc:after {
    bottom: 0% !important;
    color: #216faf;
    bottom: 0% !important;
}

.infoHoverWrapper {
    opacity: 1;
}

    .infoHoverWrapper td, .infoHoverWrapper th {
        text-align: left;
        padding: 20px !important;
        min-width: 50px;
    }

.blueWrap {
    margin-bottom: 10px;
    max-width: 566px !important;
}

#previousTable {
    width: 100%;
}

.prevItemWrap {
    margin-bottom: 10px;
}

.hideText {
    visibility: hidden;
}

.prevItemWrap .padme {
    margin: 0px !important;
}

.prevItemWrap h3 {
    margin-top: 0px;
}

.prevItemWrap .showPrevious {
    display: none !important;
}

.dataTable .filterButton:hover {
    background-color: #216faf !important;
    opacity: 1 !important;
}

.prevItemWrap .ilpField {
    padding: 5px;
    background-color: #e4e1e1;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.prevItemWrap .btn {
    width: 100%;
    text-align: left;
}

.prevItemWrap .ilpfieldLabel, .prevItemWrap h3 {
    font-size: 14px;
}

.prevItemWrap .previousVersionsButton {
    display: none !important;
}

.prevItemWrap .ilpcheckbox {
    color: black;
    background: transparent;
    border: 2px solid #19262e;
}

.bottomTextBoxWrapper .previousVersionsButton {
    color: white;
    background: unset;
    font-size: 16px;
}

.prevItemWrap .fieldData {
    min-height: 200px !important;
}

#prevModalWrapper {
    max-height: 600px;
    overflow-y: auto;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #eaeaea;
}

.modal-header {
    margin-bottom: 7px;
}

.modal-content .error {
    color: #e45c5c;
    padding: 5px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 5px;
}

.modal-content .container {
    padding: 25px !important;
}

#allInvites .tableWrapper {
    max-height: 300px;
}

#exclusionsTable {
    margin-top: 20px;
}

#exclusions .tableWrapper {
    max-height: 300px;
}

#allInvites, #exclusions {
    padding: 25px;
}

.previousVersionsButton {
    border: 0px;
    padding: 0px;
    color: #358ce6;
    background-color: unset;
}

.betaTable th {
    min-width: 50px;
    padding-right: 20px !important;
}

.previousVersionsButton .fa-history {
    margin-left: 0px;
}

.adminNav .list-group-item.active {
    background-color: #19262e;
    border-color: #19262e
}

.terms_container_button {
    background: #338ce6;
    color: white;
    padding: 9px;
    border-radius: 3px;
    margin-top: 10px;
}

.adminNav {
    vertical-align: top !important;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}


.adminHorizontalNav .list-group a {
    display: inline-block;
    margin-bottom: 1px;
    margin-top: 1px;
    font-size: 12px;
    padding: 5px;
}

.adminHorizontalNav .list-group {
    margin-bottom: 0px;
}

.adminContainer {
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    /* background-color: #d0d0d0;*/
}


.terms_container {
    display: none;
    border: 1px solid #19262e;
    padding: 9px;
    border-radius: 3px;
}

.terms_container_button:hover {
    opacity: 0.5;
    cursor: pointer;
}

.terms_container_button h1 {
    margin: 0px;
}

.terms_container_button h1 {
    margin: 0px;
}



.totalPupilsDash {
    margin-right: 5px;
}

.ilpFoot {
    max-width: 100% !important;
}

.ofpupils {
    color: #5a5a5a;
}

#headerButtons .statusButton:hover {
    opacity: 0.4;
}

.dashButtonLink:hover {
    text-decoration: none;
}

.changeadminstatusWrap .fa-angle-down {
    display: none;
}

.publishNotes {
    max-width: 100% !important;
    height: 200px !important;
}


.ilppage .padme {
    margin-left: 0px !important;
    margin-right: 0px;
}

.smallText {
    font-size: 12px;
}



.reportWrapper {
    border: 2px solid #19262e;
    border-radius: 7px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.navButtonsReport {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-bottom: 0px;
    padding: 5px;
    background-color: #19262e;
}

.hover:hover {
    opacity: 0.7;
}

.logos img {
    margin-bottom: 5px;
}



.adminstatusButton, .statusDropButton, .adminDrop {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.statusDrop {
    display: none;
}

.pupilListPadding {
    padding: 25px !important;
}

.redText {
    color: red !important;
}

    .redText a {
        color: red !important;
    }

.schoolDropDash {
    margin-top: 17px !important;
    color: black !important;
    max-width: 250px;
}

.dataTables_filter {
    display: none;
}

.schoolFilter {
    margin-top: 3px !important;
}

.bs-searchbox .form-control {
    width: 100%;
    max-width: 100% !important;
}

.dashSubmit {
    vertical-align: bottom;
    padding-bottom: 6px !important;
    margin-left: 2px;
}

body {
    font-family: AileronLight;
    background-color: #e6e7e9;
    letter-spacing: 0.03em;
}

.navbar.devmode {
    border-bottom: 5px solid #c70505 !important;
}

.devtitle {
    color: #c70505 !important;
    font-size: 16px;
    font-weight: bold;
}


.extendedDoughnuts {
    min-height: 700px !important;
}

#filterTitle ol, #filterTitle .breadcrumb {
    margin-bottom: 0px !important;
}

.viewDetails {
    margin: 0px !important;
}



.infoField {
    max-width: 161px;
}

.schedulenav {
    margin-top: 20px !important;
}

.pupilTable .selectedFilter {
    background-color: #216faf !important;
    margin-right: 1px;
    margin-left: 1px;
}

.pepbutton .selectedFilter:hover {
    background-color: #1fc183 !important;
}

.pepbutton .selectedFilter {
    background-color: #1fc183 !important;
}

.pupilTable td, .pupilTable th {
    font-size: 13px !important;
}



.wider {
    width: 90% !important
}

/*
.mainwrapper{
    background-color:white;
    margin-top:10px !important;
    border-radius:10px;
    border:1px solid #b6b6b6;
}
*/

.infoMessage {
    margin-bottom: 10px !important;
    margin-bottom: 0px;
    border-radius: 10px;
}

.footer {
    margin-top: 10px;
    color: darkgray;
    margin-left: 17.5%;
}


#pupTable_wrapper .selected {
    color: #338ce6 !important;
    font-weight: bold;
}

#msgWrapper {
    font-size: 16px;
}

    #msgWrapper .alert {
        padding: 7px !important;
        height: 2.6rem;
    }

#pupTable_wrapper .btn {
    background-color: #FFF;
    color: black !important;
}

#pupTable td {
    min-height: 20px;
}


.dtsp-paneInputButton {
    min-width: 100% !important;
}

.greySubmit {
    background: #d6d6d6 !important;
}

h3, h4, h1, h2, textarea {
    font-family: AileronLight;
}

h3 {
    font-size: 20px;
}

h1 {
    font-size: 30px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    min-height: 80vh;

}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.newPageNav#pageNav li {
    padding-bottom: 5px !important;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.pupilNickName {
    background: #338ce6;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.ilpText {
    border: 2px solid #222f3e;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    min-height: 350px;
}

.doughnutInfo {
    padding: 15px;
    margin-top: -20%;
}

    .doughnutInfo .list-group-item {
        padding: 5px;
        text-align: left;
    }

.itemColor {
    padding: 5px;
    width: 15px;
    margin-right: 5px;
    min-width: 15px;
    max-width: 40px;
    width: 100%;
}

.dashLimit {
    max-width: 1300px;
}

.miniDoughnut {
    padding: 15px;
    margin-top: -3%;
}

.miniDoughnutName {
    margin-top: -20%;
}

.ilpHeader {
    background-color: #19262e !important;
    color: white !important;
    font-size: 12px;
}

.fa-save {
    margin-left: 0px !important;
    margin-right: 5px;
}

.ilppage .ilpText {
    min-height: 100px;
}


.ilppage {
    font-size: 14px;
}

.ilpFooter {
    margin-top: 20px;
}

.bigDark {
    background-color: #757575 !important;
}

.padme {
    margin-left: 10px;
    margin-right: 10px;
}

.bigDark p#ilpPupilInfo {
    background-color: #757575 !important;
}

.navDark {
    background-color: #19262e !important;
    color: white !important;
}

    .navDark a {
        color: white !important;
        opacity: 0.5;
    }

    .navDark .selected {
        opacity: 1 !important;
    }

.navItem .fa-circle {
    margin-left: 0px !important;
}

.ilppage, .whiteBackgroundWrapper, .whitePadding {
    overflow-x: auto;
}

.saveAnimation {
    padding: 5px 25px 5px;
}

.fa-spin {
    color: #338ce6 !important;
    font-size: 20px;
    text-align: center;
}

.ilppage {
    min-width: 400px;
}

.nowrap {
    white-space: nowrap;
}

.redirectPadding {
    padding-left: 25%;
    padding-right: 25%;
}

.requestNotice .fa-exclamation-triangle {
    margin-left: 0px !important;
}

.searchWrapper .text-box, .btn-default {
    margin-bottom: 5px;
}

.searchWrapper .text-box {
    margin-bottom: 0px !important;
}

.bottomButtons {
    padding-right: 0px !important;
}

.reviewDateWrap {
    width: 100%;
    text-align: center;
}

.reviewDateLink {
    color: white;
    text-decoration: none;
}

    .reviewDateLink:hover {
        color: white !important;
        text-decoration: underline;
    }

.table-archive {
    color: white;
}

.archiveBackground {
    color: white !important;
    background: #4c4c4c !important;
}

    .archiveBackground .text-box {
        border-color: white !important;
    }

    .archiveBackground .tableButton {
        border-color: #19262e !important;
    }

.ilpSeperatorLabel {
    border-bottom: 2px solid #19262e;
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}

.foot {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.foot_old {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.logos img {
    max-height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    opacity: 0.9;
}

.ilpSeperatorLabel.ilpfieldLabel {
    margin-right: 0px;
}





.ilpSeperatorLabel h3 {
    font-weight: bold;
    font-size: 20px !important;
    padding: 3px 5px !important;
}

.ilppage .inlineBlock {
    vertical-align: middle;
}

.page_10 .bottomTextBoxWrapper {
}

.field_93 .ilpfieldLabel {
}

.live-report .dt-button-collection a:hover {
    background-color: white !important;
}

.ilppageTitle {
    width: 90%;
}

.ilpcheckbox .ilpfieldLabel {
    vertical-align: middle;
    width: inherit !important;
}

#live-report .dataTables_empty {
    font-size: 14px;
    padding: 20px !important;
    background: #fff3cd;
    color: #856404 !important;
    font-weight: bold;
}

.ilppage .ilpcheckbox input[type="checkbox"] {
    vertical-align: middle;
    font-size: 16px;
    margin-top: -2px;
}

.ilpsimpletextarea {
    margin-bottom: 10px;
    margin-top: 20px;
}



    .ilpsimpletextarea textarea {
        height: 100px;
        width: 100%;
        display: block;
        max-width: 100%;
    }

.pageArrow {
    display: none !important;
}


.ilpfieldLabel {
    margin-right: 20px;
    max-width: 95%;
}

.archiveBackground .filterButton {
    background: #707172;
}

.archiveBackground .fa-sort {
    color: #19262e !important;
}

.activeBackground .filterButton a {
    color: #cacaca;
}

.hiddenNewPage {
    display: none;
    padding-bottom: 30px !important;
}

.cancelDeleteUpload:hover {
    opacity: 0.5;
    cursor: pointer;
}

.statusTitle .fa-book, .statusTitle .fa-pencil-alt {
    margin-left: 0px;
    margin-right: 5px;
}

.termsConditionsWrapper {
    border: 2px solid #19262e;
    border-radius: 7px;
    padding: 20px;
    overflow-y: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

    .termsConditionsWrapper h1 {
        font-size: 18px;
    }

    .termsConditionsWrapper h2 {
        font-size: 18px;
        font-weight: bold;
    }



.errorTerms {
}

.pageTitle h1 {
    margin-top: 5px;
}

.ilpcheckbox {
    margin-right: 10px !important;
    background-color: #19262e;
    color: white;
    padding: 5px 10px;
    padding-top: 0px;
    padding-bottom: 2px;
    border-radius: 7px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.datapageButton, .multipageTopBar {
    background: #338ce6;
    color: white;
    padding: 7px;
    margin-bottom: 0px;
    font-size: 16px;
    width: 93%;
    border-radius: 4px 4px 4px 0;
    border-left: 10px solid #0274ab;
}

    .datapageButton:hover, .multipageTopBar:hover {
        cursor: pointer;
        opacity: 0.7;
    }

.field_116, .field_115, .field_117, .field_118, .field_122 {
    min-width: 40%;
    max-width: 100%;
}

.ilppage .ilpFieldName {
    margin-bottom: 5px;
}

.ilppage .ilpcheckbox {
    color: black;
    background: transparent;
    border: 2px solid #19262e;
}

.ilppage .ilpfieldLabel {
    font-size: 16px;
    margin-bottom: 3px;
    margin-top: 3px;
    vertical-align: middle;
    width: 100%;
}

.ilppage .form-control {
    vertical-align: middle;
    width: 100%;
}

.ilptextbox input[type='text'] {
    max-width: 300px !important;
}

.ilppage .ilpTextAreaWrapper, .ilppage .ilpDate, .ilppage .ilptextbox {
    margin-top: 2px;
    margin-bottom: 2px;
}

.ilppage .ilpTextAreaWrapper {
    margin-top: 15px;
}

.deleteMultiPage {
}

.ilpcontainer {
    display: none;
    padding: 15px;
    padding-bottom: 10px;
}

.ilpContainerButton {
    margin-bottom: 0px !important;
    background-color: #e0dede !important;
    border-left: 5px solid darkgray !important;
}

    .ilpContainerButton :hover {
        cursor: pointer;
        opacity: 0.7;
    }

.datapage {
    display: none;
    padding: 30px;
}

.archiveBackground li {
    color: black !important;
}

.activeBackground .selectedFilter a {
    color: white;
}

.multiPage {
    padding: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 10px solid #0274ab;
    border-radius: 7px;
    border-top-left-radius: 0px !important;
}

    .multiPage h3 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 18px;
    }

    .multiPage .multiPage .ilpcontainer {
    }

.field_92 {
}

.removeRadius {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.multiPage .multiPage {
    border-color: #02ab84;
    border-left: 5px solid #02ab84;
}

.multiPage .multiPageWrapper .datapageButton {
    background: #0a3146 !important;
    border-left: 5px solid #02ab84 !important;
}


.multiPage .multiPage .multiPageWrapper .datapageButton {
    background-color: #0a3146 !important;
    border-left: 5px solid #ab1202 !important;
}

/* #region BordorTasgauDDdy&Iechyd */

    /* DrosDro tan ail ddyluniad */

.field_112 .multiPage, .field_9070 .multiPage {
    border-color: #ab1202;
}

    .field_112 .multiPageWrapper .datapageButton, .field_9070 .multiPageWrapper .datapageButton {
        background-color: #0a3146 !important;
        border-left: 5px solid #ab1202 !important;
    }

/* #endregion */

.multiPageWrapper {
    margin-top: 10px;
}

.hiddenNewTransport {
    display: none;
}

.svg-inline--fa {
    margin-left: 0px;
}

.testunCoch {
    color: #d90000 !important;
}

div.datapageButton.inlineBlock.borderCoch {
    border-left: 5px solid #d90000 !important;
}

.reviewDate {
    margin-bottom: 10px;
}

.reviewDateWrap .fa-calendar {
    margin-left: 0px !important;
    margin-right: 5px !important;
}

.mce-branding-powered-by {
    display: none;
}

.ilpHeader {
    background-color: white;
}


    .ilpHeader a, .ilpHeader a:visited, .ilpHeader a:active {
        color: white;
    }

        .ilpHeader a:hover {
            color: lightslategray !important;
        }

.areasOfLearning {
    margin-top: 25px;
    overflow-x: auto;
    margin-bottom: 5px;
}

.attainmentName {
    width: 100%;
    max-width: 100%;
}

.attInput input, .attInput {
    text-align: center !important;
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
}

#pageNav {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 5rem;
}

    #pageNav li {
        padding-left: 10px;
    }

.attInput {
    max-width: 70px !important;
}

.attainmentHeader {
    margin-top: 50px;
}

.ilpFieldName {
    margin-bottom: 0px;
}

#pageNav a, #pageNav span {
    width: 100% !important;
    display: block;
}

#pageNav span {
    padding: 5px;
}

    #pageNav span:hover {
        background-color: #19262e;
        opacity: 0.3;
    }

#ilpPageNav a {
    text-decoration: none;
    font-size: 15px;
    color: white;
}

.cancelStatus {
    margin-left: 10px;
}

#pageNav {
    list-style-type: none;
}

.pageButton {
}

.targetDescription {
    width: 90%;
    padding-left: 10px;
}

    .targetDescription p {
        text-overflow: ellipsis;
    }

.achievedTarget {
    margin-top: 25px;
}

    .achievedTarget input {
    }


.targetLabel {
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.targetDelete {
    vertical-align: top;
}

.codeEye {
    cursor: pointer;
}

#ilpPageNav a:hover {
    text-decoration: none;
}

#pageNav .selected {
    background-color: #19262e !important;
}

.ilpContactTD {
    max-width: 20%;
}

.ilpContactTDMAX {
    width: 80%;
}

.message {
    width: 100%;
    background-color: #48b25a;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.deleteAttainment {
    cursor: pointer;
}

.addAttainment {
    float: right;
}


.addParent {
    text-align: right;
}

.dashboardNav {
    margin-top: 0px;
}

.input-validation-error {
    border-color: #d9534f !important;
}

.dpWrapper {
    width: 100% !important;
    overflow: hidden !important;
}

.deleted {
    opacity: 0.3;
    text-decoration: line-through;
}

    .deleted h3 {
        text-decoration: line-through !important;
    }

.dpWrapper h3 {
    width: 93%;
}

.dpDelete:hover {
    cursor: pointer;
    opacity: 0.5;
}

#parentTable .form-control {
}

.parentEdit a {
    text-decoration: none;
    color: white;
}

.addTarget {
    margin-top: 20px;
}

.editedBy {
    float: right;
    font-size: 12px;
    letter-spacing: 0.7px;
    font-weight: 100;
}

.previousBar {
    padding: 5px;
}

.createILP {
    margin-top: 50px;
}

.hidden {
    display: none;
}




.button {
    background-color: #efefef;
    color: black;
    padding: 1px;
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

    .button:hover {
        background-color: black;
        color: white !important;
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
        border: 1px solid black;
    }

.btn-default, .btn-default:hover {
    color: white;
}

.dropdown-toggle, .dropdown-toggle:hover {
    color: black;
    border: 2px solid black;
}

.col-md-10 .bootstrap-select {
    max-width: 280px;
}

.dashdrop .bootstrap-select {
    max-width: 300px;
}

.bootstrap-select .dropdown-toggle::after {
    display: inline-block;
    content: "";
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
    vertical-align: middle;
    margin-left: 0.255em;
}

/*Popup for previous versions of ILP fields ------------------------------------------*/
.prevFieldData {
    border: 1px solid black;
    background-color: white;
    padding: 5px;
    margin: 5px;
    margin-left: 15px;
    min-height: 250px;
    overflow: auto;
    max-height: 350px;
    border-radius: 3px
}

.fieldData {
    border: 1px solid #b6b6b6;
    background-color: white;
    padding: 5px;
    min-height: 250px;
    overflow-y: auto;
}

.prev {
    padding: 10px;
    max-height: 500px;
    overflow: auto;
    background-color: #19262e;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 2px solid #19262e;
}

.prevFieldEdited {
    margin-bottom: 20px;
    width: 100%;
    text-align: right;
    font-size: 12px
}

#miniNav {
    overflow-y: auto;
    height: 100%;
}

.errorNotice {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pupilLargeImage {
    max-width: 400px;
    margin-bottom: 20px;
}

.showPreviousSelect {
    background-color: #338ce6;
    color: white;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}

    .showPreviousSelect:hover {
        background-color: #338ce6;
        opacity: 0.5;
        cursor: pointer;
    }

.svg-inline--fa {
    margin-left: 5px;
}
/*-----------------------------------------------------------------------------------*/


.pupilNickName {
    width: 100%;
    min-width: 100%;
    font-size: 34px;
    border: 0px !important;
}

#pupilNickNameWrapper {
    width: 100%;
}

.clear {
    clear: both;
}

#pupilImageWrapper {
    min-width: 150px;
    text-align: center;
    padding-top: 0px;
}

.arrowHolder {
    display: inline-block;
    width: 50px;
}

.arrowBox {
    color: #338ce6;
    margin-right: 5px;
}

.ilpcontainer {
    background-color: #f3f3f3;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 5px solid darkgrey;
}

.smallerText {
    font-size: 24px !important;
}

.evenSmallerText {
    font-size: 16px !important;
}

.page_10 .multiPage h3 {
    font-size: 14px;
}

.page_10 .ilpContainerButton h3 {
    font-size: 16px !important;
    font-weight: normal;
}

.page_10 .ilpSeperatorLabel {
    padding: 5px 5px !important;
}

.page_10 .ilpfieldLabel {
    font-size: 14px;
}

#pupilImg, #mobileImage {
    text-align: center;
    width: 150px;
    height: 150px;
    border-radius: 50% !important;
    object-fit: cover;
}

#mobileImage {
    width: 80%;
    height: 80%;
    border: 3px solid;
}

.textRight {
    text-align: right;
}

#pupilImageMoblile {
    vertical-align: middle;
    padding-top: 20px;
    text-align: center;
}

.tableWrapper {
    overflow-x: auto;
}

#mobileName {
    width: 65%;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    display: none;
    color: white;
}

#mname {
    padding: 5px;
}

.pupilNickName {
    text-align: center;
    color: white;
}

#headerLeft {
    background: #338ce6;
}

    #headerLeft p, #headerLeft h4 {
        text-align: center;
        color: white;
    }



.backgroundBlue {
    background: #338ce6;
}

.saveFloatRight {
    float: right;
    margin-bottom: 30px;
}

#pupilNickNameWrapper h4 {
    text-align: center;
}

.bigDark .pupilNickName {
    background-color: #757575 !important;
}

#pupilImg {
    max-width: 150px;
    margin-top: 15px;
    border: 5px solid;
    background-color: none !important;
    margin: 5px;
    object-fit: cover;
}


#ilpHeader {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh !important;
    width: 15%;
    height: 100%;
    float: left;
}

#headingOne .btn {
    margin-top: 0px !important;
}




#minMax {
    color: white;
    font-size: 18px;
    text-align: right;
    padding-top: 7px;
    padding-bottom: 0px;
    padding-right: 15px;
    position: absolute;
    display: inline-block;
    width: 15%;
}

#signatureButtons {
    margin-bottom: 10px;
}

#fileNameWrapper {
    margin-bottom: 10px;
    margin-top: 20px;
}






.filterButton a {
    color: white;
    text-decoration: none;
}

.staffGroup {
    margin-top: 20px;
}

.filterButton :hover, .buttonLink :hover {
    opacity: 0.5;
}

#filterWrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

#filterTitle {
    width: 100%;
    margin-top: 15px;
}

.adminStatusSave {
    margin-top: 30px;
}


.nowrap {
    white-space: nowrap;
}

.statusDrop {
    padding: 5px;
    border: 2px solid #19262e;
    border-radius: 7px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-color: white;
}

.filterButton, .statusButton {
    background-color: white;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 0px;
    display: inline-block;
    border-radius: 3px;
    border-color: #19262e;
    border: 1px solid #19262e;
    margin-bottom: 2px;
    margin-top: 2px;
    color: black;
}

    .filterButton:hover, .statusButton:hover {
        background-color: #c1c1c1;
    }

/*.statusButton {
    display: inline-block;
    background-color: #2a6ead;
    color: #61a1e1;
    margin-right: 2px;
    font-size: 14px;
    padding: 5px 10px 5px;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 2px;
}*/




.statusDropButton {
    background-color: #19262e;
    color: white;
    width: 90%;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px !important;
}


.adminStatusFieldWrap {
    color: black;
    padding: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#clearButton {
    border: 1px solid;
    display: inline-block;
    padding: 5px;
    padding-right: 10px;
    margin-bottom: 10px;
    background-color: #338ce6;
    color: white;
    font-size: 12px;
    border-radius: 7px;
    vertical-align: middle;
}

.noradiusbottom {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.noradiustop {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#clearButton a {
    text-decoration: none;
    color: white;
}



#miniNav {
    height: 100%;
    position: fixed;
    z-index: 2;
    background-color: #1c5a8e;
    width: 60px;
    text-align: center;
}

#clearButton :hover {
    opacity: 0.5;
}


#filterHeader {
    display: inline-block;
    cursor: pointer;
    font-size: 25px;
    margin-right: 15px;
}

#filterDetails {
    display: inline-block;
    height: 100%;
}

#filterILP {
    border-top: 1px solid #d8d8d8;
    padding-top: 10px;
}

.selectedFilter {
    background: #19262e !important;
    color: white;
}

.addButton {
    color: white;
    background: #19262e;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    padding: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-radius: 3px;
    margin-top: 10px;
}

    .addButton a {
        text-decoration: none;
    }



    .addButton:hover {
        opacity: 0.5;
    }

#meetingButtonWrapper {
    width: 100%;
}

#newMeetingWrapper {
}

.createWrapper {
    border: 1px solid black;
    padding: 15px;
}

.meetingTable {
    margin-top: 10px;
}

.meetingBox {
    height: 300px;
    width: 100%;
    padding: 10px;
    border: 1px solid black;
    margin-bottom: 10px;
    overflow: auto;
}

.meetingRow {
    cursor: pointer;
}

.hideBottomLine {
    border-bottom: none !important;
    background: black;
    color: white;
}

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

.saveButton, input[type=submit] {
    background-color: #338ce6;
    color: white;
    border: 0px solid #338ce6 !important;
    padding: 5px 25px 5px;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: auto;
}

.saveButtonNewydd, input[type=submit] {
    background-color: #338ce6;
    color: white;
    border: 0px solid #338ce6 !important;
    border-radius: 5px;
    margin-bottom: auto;
}

.OtherAuthenticationDimNawr, input[type=submit] {
    background-color: #ebebeb;
    color: #000;
    border: 0px solid #338ce6 !important;
    border-radius: 5px;
}

    .OtherAuthenticationDimNawr:hover, input[type=submit] {
        background-color: #338ce6;
        color: #FFF !important;
    }

.saveButton, .publishButton {
    display: none;
}

.messageButton {
}

.saveMeeting {
    margin-top: 20px;
}

.needsTick {
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-left: 20px !important;
}

.saveButton:hover, input[type=submit]:hover {
    background-color: #216faf;
}



#currentGroup {
}

.groupButtonWrap {
    margin: 5px;
}

    .groupButtonWrap .saveButton {
        width: 300px;
        margin-bottom: 10px;
    }

.groupSelector {
    min-height: 350px;
    min-width: 210px;
}

.deleteUpload:hover {
    cursor: pointer;
    opacity: 0.5;
}

input[type=file] {
    display: block;
    height: 100%
    width: 100%;
    min-height: 34px;
    padding: 4px 2px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border: 2px solid black;
}

.subFilterWrapper .filterButton {
    margin-right: 3px;
}

.historicalMessage {
    padding: 10px;
    background-color: #fecea8 !important;
    margin: 5px;
    border-radius: 5px;
    color: black !important;
}

.searchWrapper input {
    display: inline-block;
    max-width: 200px;
}

#msgWrapper .alert-warning {
    background-color: #fecea8 !important;
    color: black;
    border-color: #f59455;
    padding: 10px;
}

.centered {
    text-align: center;
}

#msgWrapper .glyphicon {
    font-size: 20px;
    vertical-align: top !important;
    margin-right: 10px;
    color: #f59455;
}

.messageText {
    float: left;
    display: block !important;
}

.messageButton {
    display: none !important;
}


.closeMessageButton {
    float: right;
    display: block !important;
    margin-right: 5px;
}


.messageText .glyphicon {
    vertical-align: sub !important;
}

.closeMessageButton {
    cursor: pointer;
}

    .closeMessageButton :hover {
    }

.inlineBlock {
    display: inline-block;
}




.statusButton a {
    text-decoration: none;
    color: #61a1e1;
}

.statusDropButton:hover {
    opacity: 0.5;
    cursor: pointer;
}

#setStatusWrapper {
    margin-top: 0px;
    text-align: center;
    margin-bottom: 5px;
    max-width: 300px;
}

.addButtonWait {
    margin-top: 10px;
}

#statWrap {
    max-width: 300px;
}

#ilpPupilInfo {
    font-size: 12px !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
    background-color: none !important;
}

#outcomesButtonWrapper {
    border: 1px solid black;
    padding: 15px;
    border-radius: 3px;
}

#adminFields {
    font-size: 14px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#adminstatusButton {
    margin-top: 10px;
}

    #adminstatusButton .statusTitle {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 170px;
        vertical-align: middle;
    }

.adminStatusWrapper {
    margin-bottom: 10px;
}

.changeRequestList {
    border: 2px solid #338ce6;
    border-radius: 10px;
    padding: 10px;
}

#outcomesListWrapper {
    margin-top: 10px;
}

.outcomeTextBox {
    min-width: 80%;
    display: inline-block;
}

#outcomeCompleted {
    margin-bottom: 10px;
}

.outcome {
    margin-bottom: 10px;
    padding: 10px;
}



#headerButtons {
    border-top: 1px solid #e6e7e9;
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
}

.swapWrapper {
    vertical-align: top;
}

.outcomeBar {
    font-size: 1.1em;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #338ce6;
}

    .outcomeBar a {
        display: block;
        text-decoration: none;
    }

.publishButton :hover {
    cursor: pointer;
}

.outcomeDescription {
    width: 91%;
    display: inline-block;
}

.outcomeDate {
    width: 175px;
}

.outcomeButtonEdit {
    width: 5%;
    text-align: right;
    color: white;
}

.outcomeBar:hover {
    cursor: pointer;
}

.outcomeButton {
    cursor: pointer;
    margin-right: 10px;
    color: white;
}

    .outcomeButton :hover {
        opacity: 0.5;
    }

.outcomeDetails {
    width: 100%;
}

.outcomeLabel {
    margin-right: 10px;
}

.completeOutcome input {
    max-width: 160px;
    margin-right: 10px;
}

.changedOutcome {
    background-color: #fff79d;
}

.cancelOutcomeButton {
    cursor: pointer;
    color: red;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

.green {
    background-color: #48b25a !important;
    border-color: #48b25a !important;
    border-radius: 0px !important;
    border-bottom: 2px solid #dddddd !important;
}

.orange {
    background-color: #fc6213 !important;
    border-color: #fc6213 !important;
    border-radius: 0px !important;
    border-bottom: 2px solid #dddddd !important;
}

.blue {
    background-color: #11a0ff !important;
    border-color: #11a0ff !important;
    border-radius: 0px !important;
    border-bottom: 2px solid #dddddd !important;
}


.targetTextArea {
    width: 100%;
    min-height: 80px;
    max-width: 700px;
    min-height: 200px;
    min-width: 385px;
}

.staffOther {
    width: 100%;
    max-width: 600px;
    min-width: 270px;
}

.reportLinks a:hover {
    text-decoration: none;
}

.reportLinks {
    font-size: 16px;
    margin-top: 20px;
}

    .reportLinks .fa-chart-bar {
        margin-right: 5px
    }

.targetTextScore {
    border: 2px solid black !important;
    width: 100px;
    height: 34px !important;
    text-align: center;
    max-width: 80px;
}

.intervention {
    width: 100%;
}

.outcomeTable {
    overflow: auto !important;
}

input, select, textarea {
    border: 2px solid black !important;
}

.deleteTarget {
    cursor: pointer;
}

.strategySelect {
    min-width: 270px;
    width: 100%;
    max-width: 600px;
}

.scoreSelect {
    max-width: 110px;
    text-align: center;
}

.targetWrapper5 {
    margin-top: 30px;
}

.minutesBox {
    max-width: 90px;
}

.mainwrapper {
    width: 100% !important;
}

.ilpTextArea {
    min-width: 100%;
    height: 350px;
}

.swapArrows {
    font-size: 20px;
    margin-right: 10px;
    color: #338ce6;
    margin-left: 10px;
    margin-right: 10px;
}

.swapBox {
    margin-left: 50px;
}

    .swapBox .fa-exchange-alt {
        margin: 0px;
    }

.largeArrows {
    margin-top: 40PX;
    margin-top: 50px;
    font-size: 30px;
    margin-left: 50px;
}

.largeHalfDoughnut, .smallHalfDoughnut {
    position: relative;
    margin-top: -15%;
}

.dsmallNumber {
    font-size: 1.3vw;
}

.totalDoughnut {
    position: absolute;
    bottom: 5%;
    top: 60%;
    left: 25%;
    right: 25%;
}

.totalDoughnutTitle {
    font-size: 1.2vw;
}

.totalDoughnutTotal {
    font-size: 2vw;
}

.saveTable {
    text-align: right;
    margin-bottom: 10px;
}

.tableManager {
    width: 100%;
}

.management .pagenation {
    margin-right: 0px;
    padding: 0px;
}

.deleteTd {
    background-color: #ff6d6d !important;
}

#mobileHeader {
    background: #338ce6;
    padding-bottom: 20px;
}

.outcomeName {
    border: none !important;
    background-color: #338ce6;
    max-width: 100%;
    width: 100%;
    padding-left: 5px;
    font-size: 16px;
    color: white;
}

#outcomeAchieved, #outcomeCompleted {
    display: inline-block;
    min-width: 300px;
}

    #outcomeAchieved, #outcomeCompleted input {
        display: inline-block;
    }

.completedDate {
    max-width: 170px;
    margin-left: 15px;
    margin-right: 50px;
}

.targetsWrapper {
    margin-left: 30px;
}

.activePupilFilter {
    border-color: #338ce6 !important;
}

.targetBar {
    padding: 5px;
    background-color: #efefef;
    border-color: #efefef;
    color: black;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
}

#reasonTextBox {
    width: 100%;
    max-width: none;
    height: 80px;
    resize: none;
}

.descriptionInput {
    height: 50px !important;
}

.targetTextBox {
    width: 100% !important;
    max-width: 100%;
    min-height: 150px;
}

.targetText {
    width: 100%;
    max-width: unset;
    margin-bottom: 15px;
}

.targetWrapper1 {
    width: 100%;
}

.targetWrapper2 {
    width: 100%;
    margin-top: 30px;
}

.targetWrapper3 {
    width: 100%;
    margin-top: 30px;
}

.targetWrapper4 {
    width: 100%;
    margin-top: 30px;
}

.taskTD {
    margin-right: 30px;
    vertical-align: top;
}

#deleteImgButtons {
    margin-top: 50px;
}

.score {
}

.targetButton {
    cursor: pointer;
    vertical-align: top;
    width: 1%;
    min-width: 10px;
}

.targetMainWrapper {
    background: #efefef;
    padding: 10px;
    margin-bottom: 30px;
}

.targetDescription {
    word-wrap: break-word;
    width: 80%;
}

.staffDrop {
    min-width: 270px;
    width: 100%;
    max-width: 600px;
}

.staff {
    margin-top: 20px;
}

.noStaff {
    color: red;
}

.noscript {
}

.errorDetails {
    display: none;
}

.showError {
    cursor: pointer;
    margin-bottom: 10px;
}

.messErr {
    margin-top: 10px;
}

.noscriptWrapper {
    background-color: red;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    color: white;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.staffType {
    width: 175px;
}

#addScheduleWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 7px;
}

#scheduleType {
    width: 100%;
    max-width: 400px;
}



.schedule .multipageTopBar, .schedule .dpDelete {
    display: none !important;
}

.schedule .baseField .baseCounter {
    display: none !important;
}

.schedule .ilpDateField {
    width: 300px;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 25px;
    vertical-align: middle;
}

.subPageHeader {
    background-color: #428bca !important;
}



.subSchedule {
    margin-top: 10px;
    margin-bottom: 0px;
}

.newPages .multiPage .fieldSubtitleWrapper .label {
}

.schedule .multiPage {
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 7px !important;
}

.panelEditButton a {
    color: white;
}



.staffTeam {
    margin-bottom: 10px;
}

.scheduleTable {
    margin-bottom: 0px;
}

.relationDetails {
    padding: 10px !important;
}

.panel {
    color: #a731fb;
    border-color: #a731fb;
    background-color: #a731fb !important;
}

#emergencyContacts td, #emergencyContacts th {
    padding: 7PX !important;
}

.parentDetail {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bottomPEPDetails .parentDetail {
    margin-top: 20px;
    margin-bottom: 20px;
}

.relationDetails .col-md-6 {
    max-width: 400px;
    padding: 20px;
}

.relationDetails input, .relationDetails select {
    min-width: unset !important;
    max-width: 300px;
    width: 100%;
    display: block;
}

#parentTable .panel {
    max-width: 850px;
}


.panel-primary {
    border: 3px solid #428bca;
    border-radius: 0.5rem;
    background-color: white !important;
    color: #000;
}

.panel-heading {
    background-color: #428bca;
    padding: 0.4rem;
}

.label-success {
    text-align: center;
    font-size: 0.6rem;
    padding: 0.2rem;
    border-radius: 0.6rem;
    background-color: #5cb85c;
    color: #FFF;
}

.label-primary {
    font-size: 0.6rem;
    padding: 0.2rem;
    border-radius: 0.6rem;
    background-color: #0d6efd;
    color: #FFF;
}

.label-cap {
    text-align: center;
    font-size: 0.6rem;
    padding: 0.2rem;
    border-radius: 0.6rem;
    background-color: #f9b200;
    color: #FFF;
}

.label-danger {
    text-align: center;
    font-size: 0.6rem;
    padding: 0.2rem;
    border-radius: 0.6rem;
    background-color: #dc3545;
    color: #FFF;
}

.auth {
    color: #3ee2a8;
    border-color: #3ee2a8;
    background-color: #3ee2a8 !important;
}

.forum {
    color: #f7da3d;
    border-color: #f7da3d !important;
    background-color: #f7da3d;
}

.pupilTable .forum, .pupilTable .auth, .pupilTable .panel, .pupilTable .orange, .pupilTable .green, .pupilTable .red {
    border-radius: 0px !important;
    border-bottom: 1px solid #dddddd !important;
    border-top: 1px solid #dddddd !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.dashItemBorder {
    border: 2px solid;
    border-color: #19262e;
    border-radius: 7px;
    margin-bottom: 30px;
}

.table_status_color {
    width: 10px !important;
}

.doughnutPadding {
    padding: 15px;
}

.miniDate .svg-inline--fa, miniDate .fas {
    margin-left: 0px;
}

.notCheckbox {
    border-left: 2px solid darkgrey;
    padding-left: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .notCheckbox h4 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .notCheckbox .ilpfieldLabel {
    }

.not_email {
    color: #00a7a7;
    font-weight: bold;
}

.notCheckbox input {
    vertical-align: top;
}

.notField {
    background-color: #efeaea;
}

.notIconPanel {
    text-align: right;
}

.notiWrapper a {
    text-decoration: none;
    float: left;
    margin-top: 15px;
    margin-right: 10px;
}

.notificationIcon .fa-bell {
    color: #338ce6;
}

.notificationIcon {
    color: black;
    font-size: 2rem;
}

    .notificationIcon .badge {
        height: 1.2rem;
        width: 2rem;
        vertical-align: top;
        background-color: #ef2323;
        font-size: 0.7rem;
    }

.badge {
    background-color: #0d6efd;
}

.notFilterWrapper {
    margin-bottom: 20px;
}

.not_user {
    color: #2042a2;
    font-weight: bold;
}

.not_pupil {
    color: #20a224;
    font-weight: bold;
}

.not_status_admin {
    color: #ff9400;
    font-weight: bold;
}

.notificationTable td {
    font-size: 13px !important;
}

.notificationTable .svg-inline--fa {
    margin-left: 0px !important;
}

.not_status {
    font-weight: bold;
    color: #ff0000;
}



.notificationTable td a {
    color: black;
}

.dashCol {
}

.dashNumWrap {
    padding: 20px;
    margin-top: 25px;
    height: 250px;
}

.dashNumber h3 {
    font-size: 30px;
    font-weight: bolder;
    color: white;
    margin-bottom: 60px;
    margin-top: 28px;
}

.dashNumWrap h4 {
    text-decoration: none;
    color: black !important;
}

.bigDough {
   /* height: 620px;*/
   width:100%;
}

.statusBar .dot {
    border-radius: unset !important;
    height: 100%;
    width: 10px !important;
    min-height: 30px;
    display: block;
}

.dashTitle {
    background-color: #19262e;
    color: white;
    padding: 5px;
    text-align: left;
    font-size: 16px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0px solid;
    font-family: AileronLight;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 18px;
}

.graphHolder {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 15px !important;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 1%;
}



    .graphHolder h4 {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

.navbar-nav li a {
    color: #e4e4e4 !important;
    font-size: 12px;
}

.nav li a {
    padding-right: 8px;
    padding-left: 8px;
}

.ilpHeader li {
}

.navbar-nav .fa-bell, .navbar-nav .fa-sign-in-alt {
    font-size: 14px;
}

.navbar-nav .fa-sign-in-alt {
    margin-right: 15px;
}

.navbar-nav {
    margin: 0px;
}



.dashNumber {
    background-color: #4ca4fd;
    border: 3px solid #2691f7;
    border-radius: 50%;
    padding: 2px;
    width: 100px;
    height: 100px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: bold;
}

.graphHolder h4 {
    text-decoration: none;
    color: black;
    text-align: middle;
}

.dashboardTitleHeader {
    font-size: 30px;
    margin-bottom: 5px;
}

.staffDropdown {
    margin-top: 10px;
}

#exTab2 {
    margin-bottom: 30px;
}

.pepPane label {
    font-size: 18px;
}

.pepPane .previousVersionsButton {
    display: none;
}

.pepPane .ilpfieldLabel h3 {
    margin-top: 12px;
    margin-bottom: 0px;
}

.pepPane input, .pepPane select {
    min-width: 160px;
}

.pepPane hr {
    margin-bottom: 0px;
}

.peptitle {
    margin-top: 50px !important;
    font-weight: bold;
}


.detailsWrapper {
    width: 20%;
    min-width: 350px;
    margin-right: 9%;
}

.members input[type=submit] {
    width: 230px;
    margin-top: 30px;
}

.members {
    text-align: center;
}

.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.buttons {
    margin-top: 30px;
    margin-bottom: 30px;
}

.user:hover {
    opacity: 0.7;
    cursor: pointer;
}

.selectedUser {
    background-color: #338ce6;
    color: white !important;
}

.clusterMembers h4 {
    margin: 0px;
}

.clusterMembers hr {
    margin: 5px;
}

.card-header {
    padding: .65rem 1.15rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-size: 18px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    padding: 5px 10px;
}

.memberList {
    height: 45rem;
    width: 35rem;
    overflow: auto;
    border: 2px solid black;
    border-radius: 7px;
    background-clip: padding-box;
}

.dashdrop {
    margin-left: 0px;
    padding-left: 0px;
    min-width: 360px;
    max-width: 50%;
}

.pep_info {
    margin-top: 30px;
}

.PEPBackground {
    background: #1fc183;
}

.PEPBackgroundYellow {
    background: #ffc20a;
    color: black !important;
}

    .PEPBackgroundYellow p, .PEPBackgroundYellow a, .PEPBackgroundYellow h4 {
        color: black !important;
    }

.miniDate input[type="text"], .miniDate .ilpfieldLabel {
    max-width: 140px;
}

.miniDate {
    display: inline-block;
    margin-left: 0px;
}

    .miniDate .ilpfieldLabel {
        margin-right: 0px;
    }

.datesWrapper {
    margin-bottom: 10px;
    margin-top: 10px;
}



    .datesWrapper .searchWrapper {
        margin-left: 0px;
        display: inline-block;
    }

        .datesWrapper .searchWrapper h4 {
            font-size: 14px;
        }

    .datesWrapper input[type="submit"] {
        margin-bottom: 5px;
    }

.miniDate h4 {
    font-size: 14px;
}



.schoolOverrideMessage {
    background-color: #338ce6;
    padding: 5px;
    color: white;
    width: 100%;
}

    .schoolOverrideMessage a {
        color: white;
        margin-left: 10px;
        font-size: 12px;
        color: aliceblue;
    }

.statusButton.selected {
    background: #19262e;
}

    .statusButton.selected a {
        color: white;
    }

.senTable {
    margin-bottom: 50px;
}

.dot.panel {
    margin: 0px !important;
}

.dashboardItem {
    border: 2px solid #338ce6;
    border-radius: 8px;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    vertical-align: top;
    text-align: left;
    min-width: 160px;
}

.dashboardItemWrapper {
    height: 100%;
}

.dashboardNumbers {
    background-color: #338ce6;
    color: white;
}

#dashboardWrapper {
    text-align: center;
}

.dashboardValue {
    font-size: 36px;
}

.dashboardNumbers, .dashboardName {
    padding: 10px;
}

.amserType {
    color: #eeeeee;
}

.dashboardName {
    height: 80px;
}

.dashboardValue {
    margin-right: 5px;
}

.dashboardItem a {
    color: black;
    text-decoration: none;
}


#signatureButtons input[type=submit] {
    margin-top: 10px !important;
}

.provisionsTable {
    margin-bottom: 0px;
}

.ilpContactWrapper {
    margin-bottom: 30px;
}

.contWrap {
    vertical-align: top;
    width: 100%;
}

.changed {
    color: red;
    font-weight: 600;
}

.columnName {
    font-weight: 600;
}

.changeRequestList {
    width: 50%;
    float: right;
    display: inline-block;
    vertical-align: top;
}

.highlightField .ilpfieldLabel, .highlightField .ilpFieldName {
    color: red !important;
}



.requestTable {
    max-height: 350px;
    overflow-y: auto;
}


.requestNotice {
    color: orange;
    margin-left: 5px;
}


.red {
    color: #e23e3e;
    background-color: #e23e3e !important;
    border-color: #e23e3e !important;
}

.greenText {
    color: green;
}

.grey {
    color: #b6b6b6;
}

.difference {
    display: inline-block;
}

.table td {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle !important;
}

.dateSince {
    font-size: 12px;
}

.scheduleTable td {
    padding: 7px !important;
}

.scheduleTable .fullWidthValue {
    vertical-align: middle !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.topWarning {
    margin-top: 10px;
    margin-bottom: 10px;
}

.paddMe {
    padding: 5px !important;
}



.centeredText {
    text-align: center;
}

.table th {
    padding: 5px 2px !important;
    vertical-align: middle !important;
}


#pupTable td:not(.tableNoRightPad) {
    padding-left: 8px;
    padding-right: 25px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    vertical-align: middle !important;
}

#pupTable th {
    padding-right: 25px !important;
    padding-bottom: 8px !important;
}

.dataTables_info {
    margin-bottom: 10px;
    text-align: left !important;
}

table.dataTable thead .sorting:after {
    bottom: 35% !important;
}

#live-report table.dataTable thead .sorting:after {
    bottom: 0% !important;
}

.fixedHeader-floating table.dataTable thead .sorting:after {
    bottom: 0% !important;
}

.filterLable {
    margin-top: 15px;
}

.filterV2Wrapper .col-md-2 {
    display: inline-block;
    width: 47%;
    max-width: 200px !important;
}

.filterV2Wrapper .filterLable {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filterV2Wrapper .dropdown {
    max-width: 50% !important;
}

.dropdown button {
    max-width: 100% !important;
}

.dataTables_paginate {
    text-align: left !important;
}

.tableNoRightPad {
    padding-right: 0px !important;
    text-align: right;
    min-width: 150px;
}

.tableButton {
    padding: 3px 6px 3px;
    margin: 0px;
    border: 1px white solid;
}

.targetDelete {
    width: 17%;
    text-align: right;
}

.pageLink {
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
    color: #338ce6;
}

.expandHeader {
    display: block !important;
}

#pupilFilters {
    background-color: #f5f5f5;
    padding: 5px;
}


.pageLinkDots {
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
}

.pagenation {
    margin-bottom: 10px;
}

#pageNav li {
    padding-bottom: 7px;
    font-size: 16px;
}


.pageTitle {
    text-align: left;
    width: 79%;
}

.saveButtonWrapper {
    width: 20%;
    text-align: right;
    vertical-align: text-bottom;
}

.selectedPageNav {
    background-color: #19262e;
    color: white;
    border-radius: 7px;
}

    .selectedPageNav a {
        color: white;
        text-decoration: none;
    }

.completedOutcome {
    background-color: #4caf50 !important;
}

.emailBox {
    margin-bottom: 5px;
}

.levelCenter {
    text-align: center !important;
}

.inviteSubmit {
    margin-top: 5px;
}

.bottomTextBoxWrapper {
    background: #222f3e;
    color: white;
    padding: 6px;
    padding-top: 4px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 30px;
}

#mceu_17 {
}

.mce-tinymce {
    border-width: 0px !important;
}

.meetingWrap {
    padding: 15px;
}

#newMeetingWrapper .form-group {
    margin: 0px;
}

#newMeetingWrapper label {
    font-weight: normal;
}

.textIcon {
    color: white;
    opacity: 1;
    font-size: 16px;
    vertical-align: central;
}

    .textIcon :hover {
        cursor: pointer;
        opacity: 0.5;
    }

.removeBottomRadius {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.lockedTextField {
    border-color: darkgray !important;
    background-color: darkgray !important;
}

.documentsList .fa-file-pdf {
    font-size: 20px !important;
}

.lockedTextFieldBorderOnly {
    border-color: darkgray !important;
}

.lockedTextField .fieldData {
    height: 250px;
    overflow-y: auto;
}

.dashboardPie canvas {
    margin-bottom: 10px;
    text-align: left;
    width: 100% !important;
}

.lockedTextField input[type="select"] {
    border-color: darkgray !important;
    background-color: darkgray !important;
}



.printOnly.fieldData {
    height: auto !important;
    min-height: 100px !important;
    border: 2px solid #19262e !important;
    display: none;
    border-radius: 3px;
}

.printOnly {
    display: none;
}

.ilpDate {
    border-radius: 4px;
}

    .ilpDate.lockedTextField {
        background-color: white !important;
    }

        .ilpDate.lockedTextField input {
            border-color: #a9a9a9 !important;
        }

.ilpPageWrapper {
    padding-top: 10px;
}

#ilpHeader {
    z-index: 1;
    background-color: #1c5a8e;
    width: 15%;
    height: 100%;
    float: left;
}

    #ilpHeader h4 {
        font-size: 14px;
    }

#ilpPupilInfo {
    font-size: 14px
}

.selectedNav {
    color: white;
    opacity: 1 !important;
}

.pageArrow {
    opacity: 0;
    margin-right: 5px;
}

#miniNav .pageArrow {
    display: none !important;
}

#ilpWrap {
    height: 100%;
    width: 78%;
    margin-left: 21%;
}

.ilpBottomHalf {
    background: #216faf;
    margin-top: 10px;
}

.fieldLabel {
    margin-top: 70px;
    margin-bottom: 30px;
}

.subFieldWrap {
    padding: 0px !important;
    padding-left: 20px !important;
}


.bodyWrapper {
    margin: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.publishButton {
    border: 0px !important;
    background: #19262e !important;
    padding: 5px 10px 5px !important;
    font-size: 14px !important;
}


#mobileHeader {
    height: 120px;
}

#imgUpload {
    margin-top: 30px;
    margin-bottom: 50px;
}

    #imgUpload input[type="submit"] {
        margin-top: 5px;
    }

#deleteImage {
    vertical-align: bottom;
    font-size: 20px;
    margin-right: 50px;
}

.printIDP {
    margin: 0px;
}



#pupilImg {
    margin-top: 13px;
}

#uploadWrapper {
    vertical-align: middle;
}

#miniNav .fa-circle {
    margin: 0px;
}


.wideFooter {
    margin-left: 7% !important;
}

.expandHeader:hover {
    cursor: pointer;
}

@media (min-width : 1700px ) {

    #ilpHeader {
        z-index: 1;
        width: 15%;
        height: 100%;
        float: left;
    }

    #pageNav {
    }

    .ilpPageWrapper {
        height: 100%;
        width: 81%;
        margin-left: 17%;
    }

    .ilpFoot p, .ilpFoot .logos {
        width: 75%;
        margin-left: 20%;
    }

    #minMax {
        width: 100% !important;
    }

    .extraWide {
        margin-left: 5%;
        width: 93%;
    }

    #miniNav {
        width: 3%;
    }
}

@media (min-width : 2000px) and (max-width:3000px) {
    .totalDoughnutTitle, .dsmallNumber {
        font-size: 1.2vw;
    }

    .totalDoughnutTotal {
        font-size: 1.2vw;
    }

    #miniNav {
        width: 2% !important;
    }
}

@media (min-width : 3000px) {
    .totalDoughnutTitle, .dsmallNumber {
        font-size: 0.7vw;
    }

    .totalDoughnutTotal {
        font-size: 0.7vw;
    }

    #miniNav {
        width: 1% !important;
    }

    #ilpHeader {
        width: 10% !important;
    }

    .ilpPageWrapper {
        width: 40% !important;
        margin-left: 37.5% !important;
    }
}



.filterTotals {
    margin-left: 15px;
}





@media (min-width: 1350px) and (max-width:1699px) {

    .wider {
        width: 95% !important;
    }

    .whitePadding {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .wideFooter {
        margin-left: 10% !important;
    }

    #ilpHeader {
        z-index: 1;
        width: 20%;
        height: 100%;
        float: left;
    }

    #minMax {
        width: 100% !important;
    }

    .ilpPageWrapper {
        height: 100%;
        width: 76%;
        margin-left: 22%;
    }

    #ilpPageNav {
    }

    .ilpFoot p, .ilpFoot .logos {
        margin-left: 25%;
        width: 70%;
    }

    #headerLeft {
    }






    #pageNav {
    }

        #pageNav li {
            padding: 2px;
            padding-bottom: 7px;
        }


    #minMax {
        width: 100% !important;
    }

    .messageText {
    }



    .alert-success .messageText {
    }

    .extraWide {
        margin-left: 6.75%;
        width: 90%;
    }

    #miniNav {
        width: 3.5% !important;
    }

        #miniNav #pageNav {
            padding: 0px !important;
        }
}


@media (min-width : 1024px ) and (max-width:1349px) {
    .wider {
        width: 99% !important;
    }

    .whitePadding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ilppageTitle {
        width: 80%;
    }

    .saveButtonWrapper .fa-save {
        display: none;
    }

    .wideFooter {
        margin-left: 10% !important;
    }

    #ilpHeader {
        z-index: 1;
        height: calc(100% - 50px);
        width: 20%;
        height: 100%;
        float: left;
    }

    #pageNav {
    }


    .ilpPageWrapper {
        height: 100%;
        width: 76%;
        margin-left: 22%;
    }

    .ilpFoot p, .ilpFoot .logos {
        margin-left: 30%;
        width: 65%;
    }



    .pageArrow {
        display: none;
    }

    .targetDescription {
        width: 70%;
    }

    .targetDelete {
        width: 25%
    }

    .outcomeDescription {
        width: 89%
    }

    #minMax {
        width: 100% !important;
    }

    .alert-success .messageText {
    }

    .alert-warning .messageText {
    }

    .alert-warning .closeMessageButton {
        text-align: right;
        margin-left: 0px;
    }

    .alert-success .closeMessageButton {
        text-align: right;
    }

    #miniNav #pageNav {
        padding: 0px !important;
        margin: 0px;
    }

    .extraWide {
        margin-left: 7%;
        width: 90%;
    }

    #miniNav {
        width: 4% !important;
    }


    .ilppage .ilpTextAreaWrapper {
        min-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .ilppage .ilpfieldLabel {
        width: 100%;
    }

    .datapageButton {
        width: 92%;
    }
}

@media (min-width: 681px) and (max-width:1023px) {
    .wider {
        width: 99% !important;
    }

    .bodyWrapper {
        width: 92%;
    }

    .bigDough {
        min-height: 480px;
    }

    .dsmallNumber {
        font-size: 2vw;
    }

    .whitePadding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .saveButtonWrapper .fa-save {
        display: none;
    }

    .ilppageTitle {
        width: 72%;
    }

    .wideFooter {
        margin-left: 10% !important;
    }

    .pageArrow {
        display: none;
    }

    #ilpHeader {
        z-index: 1;
        height: calc(100% - 50px);
        width: 30%;
    }

    #pageNav {
    }

    .ilpPageWrapper {
        height: 100%;
        width: 65%;
        margin-left: 32.5%;
    }

    .ilpFoot p, .ilpFoot .logos {
        margin-left: 32.5%;
        width: 65%;
    }

    #pupilImg {
        width: 100px;
        height: 100px;
    }

    .pupilNickName {
    }

    #headerLeft h4 {
        font-size: 14px;
    }


    #pageNav {
    }

        #pageNav li {
            padding: 5px;
            padding-bottom: 6px;
        }

    .statusButton {
        font-size: 12px;
    }

    #min-max {
        width: 100% !important;
    }

    .targetDescription {
        width: 70%;
    }

    .targetDelete {
        width: 24%
    }

    .outcomeDescription {
        width: 87%
    }

    #minMax {
        width: 100% !important;
    }



    .alert .closeMessageButton {
        text-align: right;
    }

    .alert-success .messageText {
    }

    .alert-warning .messageText {
    }

    .alert-warning .messageButton {
        display: none;
    }

    #miniNav #pageNav {
        padding: 0px !important;
        margin: 0px;
    }

    .extraWide {
        width: 90%;
        margin-left: 8%;
    }

    #miniNav {
        width: 6% !important;
    }

    .datapageButton {
        width: 92%;
    }
}

@media (min-width: 767px) {
    #collapseOne {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

@media (min-width:769px) {

    .blueWrap {
    }
}


@media (max-width:767px) {

    #collapseOne {
    }

    #filterCollapse {
        display: block !important;
    }

    .wider {
        width: 99% !important;
    }

    .totalDoughnutTitle {
        font-size: 3vw !important;
    }

    .totalDoughnutTotal {
        font-size: 3vw !important;
    }

    .miniDoughnutName {
        font-size: 3vw !important;
    }

    .doughnutInfo a {
        font-size: 14px !important;
        margin-top: -1%;
    }

    #loginForm .form-group, #loginForm .col-md-10 {
        text-align: center !important;
    }

    #loginForm .form-control {
        display: initial !important;
    }

    .loginHeader {
        text-align: center !important;
    }

    .dsmallNumber {
    }
}

@media (max-width: 680px) {

    #pupTable .tableNoRightPad {
        min-width: unset !important;
        text-align: left;
    }

    #pupTable .filterButton {
        min-width: unset !important;
        text-align: center;
        margin-top: 3px;
        margin-bottom: 3px;
        padding: 5px;
        width: 100%;
    }

    .idpColour {
        display: none;
    }

    #pupTable th {
        width: 50px !important;
    }

    table {
    }

    .wider {
        width: 99% !important;
    }

    .totalPupilsDash {
        clear: both;
        display: block !important;
        float: none;
        text-align: left;
        font-size: 26px;
    }

    .ilpFooter {
        margin-top: 0px;
    }

    .datapageButton {
        width: 90%;
    }

    .whitePadding {
        padding: 20px !important;
    }

    .ilpTextAreaWrapper {
    }

    .bodyWrapper {
        width: 99%;
        margin-top: 1px;
    }

    .dashboardItem {
        width: 90%;
        margin-right: 2px;
    }

    .searchWrapper .text-box {
        width: unset;
    }

    #miniNav {
        position: relative;
        margin-bottom: 10px;
    }

    .saveButtonWrapper .fa-save {
        display: none;
    }

    .pageTitle {
        width: 69%;
    }


    #ilpHeader #minMax {
        width: 100% !important;
        padding-right: 25px !important;
        padding-top: 10px !important;
    }

    #ilpHeader {
        position: relative;
        width: 100%;
        height: unset;
    }

    .ilppageTitle {
        width: 85%;
    }

    .ilp

    #ilpHeader #minMax {
    }

    #miniNav #ilpPageNav {
        overflow: auto;
    }

    .ilppage .form-control {
        min-width: 60px;
        width: 100%;
    }

    .ilpField, .ilppage, .whiteBackgroundWrapper, .whitePadding {
        overflow-x: auto;
    }

    .ilpFooter {
    }

    .bottomButtons {
        margin-top: 20px;
    }

    .saveButtonWrapper {
        width: unset;
        float: unset;
    }


    .ilppage {
        min-width: 200px;
    }

    .ilpPageWrapper {
        width: 100%;
        margin: 0px;
        padding: 5px;
    }

    .whiteBackgroundWrapper {
        margin-top: 5px !important;
        padding-bottom: 25px;
    }

    .bottomTextBoxWrapper {
    }

    #mobileName {
        display: inline-block;
    }

    #pupilImageMoblile {
        display: inline-block;
    }

    #pupilImageWrapper {
        padding-top: 20px;
    }

    #mobileHeader {
    }

    #bigHeader {
    }

    .footer {
        margin-left: 8%;
    }

    .alert .messageText {
    }

    .alert .closeMessageButton {
        text-align: right;
    }

    .alert-warning .messageButton {
        display: none;
    }

    #miniNav #pageNav {
        padding: 0px !important;
        margin: 0px;
    }



    .extraWide {
        width: 100%;
    }

    #miniNav, #mobileHeader {
        width: 100% !important;
        height: 50px !important;
        text-align: left;
    }

    .editedBy {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }

    #mobileImage {
        width: 40px;
        height: 40px;
    }

    #pupilImageMoblile {
        padding-top: 0px;
        margin: 0px;
        padding-top: 5px;
        padding-left: 12px;
    }

    #miniNav #minMax {
        margin: 0px;
        vertical-align: middle;
        float: right;
        margin-top: 10px;
        text-align: right !important;
        margin-right: 25px;
    }



    #miniNav #ilpPageNav {
        display: none;
    }

    .staffDrop {
        min-width: 175px;
        max-width: 175px;
    }

    .targetDelete {
        width: 5%;
    }

    .outcomeDescription {
        width: 80%;
    }

    #addOutcomeButton {
        margin-top: 10px;
    }

    .outcomeTextBox {
        margin-bottom: 5px;
    }

    .previousBar .fa-chevron-down {
        margin: 0px;
    }

    #uploadWrapper {
        margin-top: 10px;
    }

    #loginForm .form-group, #loginForm .col-md-10 {
        text-align: center !important;
    }

    #loginForm .form-control {
        display: initial !important;
    }

    .loginHeader {
        text-align: center !important;
    }
}

}

.infoMessage .fa-exclamation-triangle {
    color: tomato;
    margin-right: 10px;
}

#headerLeft h4 {
    margin: 0px;
}


.container:not(.live-report-filters) {
    padding: 0px !important;
    max-width: 100% !important;
}



.ilpContainer {
    width: 70%;
}

.adminForm label {
    min-width: 150px;
    text-align: left !important;
}

.navbar-collapse {
    font-size: 12px;
}

.logout {
    font-size: 14px;
    margin-left: 0px !important;
}

.justify-content-end a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
}

.whiteBackgroundWrapper {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #b6b6b6;
    display: inline-block;
    width: 100%;
}

.whiteBackgroundWrapperAdmin {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #b6b6b6;
    display: inline-block;
    width: 100%;
}

.whitePadding {
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.ilp {
}

.miniMax {
    text-align: center !important;
    padding: 0px !important;
    margin-top: 20px;
}

.transportText {
    padding: 0px;
}

.alert-success {
    border: 1px solid;
}

.fa-info-circle {
    font-size: 20px;
    margin-right: 5px;
    color: dodgerblue;
}

.greenAlert {
}

.fa-info-circle {
    margin: 0px;
    vertical-align: top;
    margin-right: 10px;
    margin-left: 5px;
}

.descriptionInput {
    width: 100%;
    max-width: 100%;
    max-height: 37px !important;
}

#statusButton:hover {
    cursor: pointer;
    opacity: 0.5;
}

.tickTarget {
    color: #4caf50;
}

.redDifference {
    color: red;
}


.field_30 .ilpfieldLabel, .field_32 .ilpfieldLabel, .field_25 .ilpfieldLabel {
    margin-top: 20px;
    width: 100% !important;
    max-width: 100%;
    margin-right: 0px;
}

.field_28 .ilpfieldLabel, .field_33 .ilpfieldLabel {
    display: none;
}

button.no-btn-style {
    display: block;
    border: none;
    text-align: left;
}

button.no-bg {
    background: inherit;
}

button.no-font {
    font: inherit;
}

button.no-color {
    color: inherit;
}

button.no-line-height {
    line-height: normal;
}

button.no-block {
    display: initial !important;
}

button.border-bot-in {
    border-bottom: inherit !important;
}

button.no-padding {
    padding: 0px !important;
}

.tox-tinymce {
    border: 2px solid #222f3e !important;
    border-radius: 0 !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: #222f3e !important;
}

@media (max-width: 900px) {
    #pupTable .firstColumn {
        padding-left: 30px !important;
    }

    #pupTable .centeredText {
        text-align: left;
    }
}