@font-face {
    font-family: openSans;
    src: url('OpenSans-Light.ttf');
}

@font-face {
    font-family: openSans;
    src: url("OpenSans-Light.eot") /* EOT file for IE */
}

#loginBox input {
    width: 180px !important;
}

#mainContent {
}
/*#mainContent {
	padding: 4px 0px 34px 0px;
	color: #666666;
}*/


/*.sideMargins {
	padding-top: 20px !important;
	margin-left: 5% !important;
	margin-right: 5% !important;
}

.sideMarginsSixPrecent {
	padding-top: 20px !important;
	margin-left: 5% !important;
	margin-right: 5% !important;
}*/

.tooltip {
    position: relative;
    display: inline-block;
}

#documentsTable td {
    border: none important !;
}

.unregistered, .lessonDeleted {
    color: red;
}



.tooltip .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -85px;
    opacity: 0;
    transition: opacity 0.3s;
}

.excelButtonWrapper {
    float: left;
}


    .excelButtonWrapper .btn {
        height: 26px;
        padding: 3px 10px;
        margin-right: 0px;
    }

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#leavingTable {
    display: table;
    table-layout: none !important;
}

.iconSpan {
    color: #f77f00;
    padding-left: 10px;
    padding-right: 10px;
}

.infoSpan {
    color: #44aeff;
    padding-left: 10px;
    padding-right: 10px;
}

.fullList tr:hover td {
}

.fullList tr:nth-child(even) {
    background-color: #f2f2f2;
}

.timeSpan {
}

.closeButton {
    float: left;
    text-align: right;
    width: 20%;
}

.floatingPanel {
    display: inline-block;
    vertical-align: top;
}

.members {
    min-width: 250px;
    height: 300px;
}

.btn.black {
    float: none;
}




.awdTick {
    margin-left: 20px;
}

.danDych {
    width: 100%;
}

.buttonWrapperTaith {
    width: 100%;
}

.greenTable {
    margin-top: 0px !important;
}

.white {
    background-color: white !important;
    color: black !important;
}

.danfonDychwelydNav {
    width: 100%;
    margin-bottom: 0px;
    padding: 0px;
}

.ddButt {
    float: left;
    margin-right: 10px;
}

.greenTab {
    float: left;
    min-WIDTH: 620PX;
    border: 2px solid;
    border-color: #0e2a36 !important;
    max-height: 200px;
}

.greenTd {
    vertical-align: text-top !important;
}

.labTd, .itd {
    border-bottom: 0px !important;
}

.scrollable {
    overflow-x: auto;
    width: 100%;
}

.contract {
    width: 50px;
}

#block {
    display: block;
}

    #block td, th {
        display: table-cell;
    }

.journeyEditWrapper td {
    border-bottom: 0px !important;
}

.journeyEditWrapper select {
    padding: 4px;
    min-width: 250px;
    float: right;
}

.journeyLocations select, .selectorz select {
    margin-left: 15px;
}

.canranInput {
    width: 40px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    text-align: center;
}

.floatRight {
    float: right;
}

.greenfont {
    color: #01b686;
}

.leftmargin {
    padding-left: 20px;
}

.strongLocation {
    font-size: 16px;
}

.hidden {
    display: none !important;
}




.journeyEditWrapper {
    width: 100%;
    margin: 0px;
    padding: 5px;
    min-width: 600px;
    border-top: 4px solid #3beaab;
    border-bottom: 4px solid #3beaab;
    background-color: white;
}

    .journeyEditWrapper td {
        background-color: white;
    }

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

.journeyDetails {
    max-width: 600px;
    margin: 0px;
    margin-top: 5px;
    padding: 5px;
    float: left;
    min-width: 600px;
    overflow-x: auto;
}

.journeyLocations {
    width: 50%;
    margin: 0px;
    margin-top: 5px;
    padding: 5px;
    float: left;
    min-width: 630px;
    overflow-x: auto;
}

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

#journeyPupils {
    min-width: 620px;
    margin-bottom: 15px;
}





.checkspan {
}

.checkaroo {
    margin-right: 5px;
    margin-left: 16px;
}

    .checkaroo p {
        margin-right: 5px;
    }

.tableMessage {
    width: 30% !important;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
}

select[disabled=disabled] {
    background-color: #ebebe4;
}

select {
    width: 100%;
    max-width: 250px;
    padding: 4px;
}

.subHeader th {
    font-size: 16px;
    padding: 5px 3px 5px 8px;
}

.fullWidthTable tr.adminTable:hover {
    background-color: #f9f9f9;
}

#searchUsers {
    float: right;
}

#searchButton {
    height: 28px;
}

.pagination {
    padding-left: 0px;
    margin: 0px;
}

#searchTextBox {
    margin-right: 10px;
}

.arbed {
    display: inline-block;
}



.subHeader {
    background: #0e2a36;
    color: white;
}

.inputLabel {
    width: 200px;
    margin-bottom: 5px;
}

.reportFilterItem {
    margin-bottom: 10px;
}

#newTable {
    margin-bottom: 25px;
}

.reportFilterItem input, .reportFilterItem select {
    max-width: 200px !important;
}


#datePickerWrapper .reportFilterItem {
    display: inline-block;
    margin-right: 20px;
}

.contentPadding {
    border-left: 1px solid black;
    padding-left: 10px;
}

.hasDatepicker {
    max-height: 30px !important;
}

.messages {
    width: 100%;
    background-color: #01b686;
}

    .messages p {
        margin-left: auto;
        margin-right: auto;
        color: #FFFFFF;
        padding: 3px;
        text-align: center;
    }

.errors {
    background-color: #FF4E56 !important;
}


.bluelogo {
    font-size: 20px !important;
    color: #488dd8
}

.labTd {
    width: 250px !important;
}

.pupil-argyfwng-td {
    width: 110% !important;
    float: right!important;
    margin-left: -100px!important;
}

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

.tinybox {
    padding-top: 10px;
}

.yearNav {
    margin-bottom: 15px;
}

.year {
    margin-right: 5px;
}

    .year a {
        color: #FFFFFF;
        text-decoration: none;
    }

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

.pupilsLeft {
    float: left;
    width: 40%;
    min-width: 450px;
    margin-right: 50px;
    max-width: 500px;
}

.pupilsRight {
    width: 50%;
    float: left;
}


.reportButtonRight {
    border: 2px solid #01b686;
    margin-right: 20px;
    height: 200px;
    width: 200px;
    font-size: 20px;
    padding: 10px 15px 10px 15px;
    color: #0e2a36;
}

.reportNumber {
    background-color: #01b686;
    color: white;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    width: 47px;
}

.danDych .btn {
    margin-bottom: 0px;
    float: none;
}

.filterButtonWrapper {
    margin-bottom: 20px;
}

.reportButton {
    margin-bottom: 30px;
}

    .reportButton:hover {
        transform: scale(1.1);
    }

.reportButtonRight, .reportButtonLeft {
    min-height: 100%;
    vertical-align: text-top;
}

.reportWrapper {
    margin-top: 20px;
}

.admin {
    background-color: #0e2a36;
}

.adminBorder {
    border-color: #0e2a36;
}






.pupilsSectionWrapper {
    margin-bottom: 40px;
    border-left: 1px solid black;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: #0e2a36;
}

a.backButton {
    margin-right: 10px;
    padding-top: 3px !important;
}

.pupilButtons {
    margin-top: 40px;
}

.floatLeft {
    float: left;
}

button.submitButton {
    max-width: 400px;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
}


.loginMessage {
    background-color: #FF4E56 !important;
    color: #FFFFFF !important;
    padding: 5px;
    margin-bottom: 8px;
    text-align: center !important;
}

.loginWrapper {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 100px;
}

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

.loginWrapper input {
    width: 100%;
}

#langAndUser {
    float: right;
}

.inputBox {
    margin-bottom: 8px;
}

#loginLinks {
    margin-top: 20px;
}

.frontLink {
    margin-bottom: 8px;
}

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

.filterTitle {
    width: 100%;
    background-color: #0e2a36;
    color: white;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 3px;
    padding-left: 6px;
}

.ddButt {
    display: block !important;
}

.schoolFilter {
    float: left;
    margin-right: 6px;
}

.linkButtonWrapper {
    display: inline-block !important;
}

.filterText {
    padding: 5px;
}

.filterWrapper {
    width: 100% !important;
    border: 2px solid #0e2a36;
    padding: 10px;
    margin-bottom: 10px;
}

.tableNavWrapper {
    width: 100% !important;
    ;
}

.frontPageDiv {
    background-image: url('../images/cars.jpg');
    background-size: cover;
    min-height: 510px;
    background-repeat: none;
}

.dropDisgybl {
    width: 100% !important;
    max-width: 250px;
}

.frontPageDiv h1 {
    padding-top: 20px;
    padding-bottom: 0px !important;
}

.frontPageDiv h2 {
    margin-top: -10px !important;
}


.fullWidthTable {
    width: 100%;
    margin-top: 10px;
}

.fullWidth {
    width: 100% !important;
}

.pWrapper {
    height: 30px;
    margin-bottom: 10px;
}

.minMargins {
    padding-top: 20px !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.pageTitle {
    font-size: 2.6em;
    text-transform: uppercase;
    font-weight: normal;
    color: #0e2a36;
    padding-bottom: 22px;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 20px;
}

.blwyddynCyrsiau .pageSubTitle, .pageSubTitle {
    margin-bottom: 30px;
    margin-top: -32px !important;
}

.pageSubCorrection {
    margin-bottom: 10px;
    margin-top: -32px;
}

.blwyddynCyrsiau .fullList {
    margin-top: 10px !important;
}

.pageSubTitle {
    font-size: 1.7em;
    margin-top: -12px;
    font-weight: normal;
    color: #01b686;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sideMargins > h2 {
    margin-top: -34px;
    padding-bottom: 28px;
}

#mainContent > .moreInfo > h3 {
    font-size: 1.3em;
    text-transform: uppercase;
    background-color: #505091;
    color: #FFFFFF;
    padding: 2px 4px 2px 0px;
    display: inline-block;
}

.inlineBlock {
    display: inline-block;
}

.editingTextBox {
    margin: 0px 0px 4px 16px;
}

.btn {
    font-weight: bold;
}

a.btnGapTop {
    padding: 3px 8px;
}

.btnGapTop {
    background-color: #01b686;
    color: #FFFFFF !important;
    cursor: pointer;
    border: 0px;
    height: 26px;
    padding-left: 8px;
    padding-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: openSans;
}

    .btnGapTop:hover {
        background-color: #3beaab;
        text-decoration: none;
    }


.btnGapBottom {
    margin-bottom: 6px;
}

#mainContent > .important {
    color: #FF4E56;
}

.splitterGap {
    margin-bottom: 30px;
    border: 0px;
}

.rightGap {
    padding-right: 10px !important;
}

.btn {
    background-color: #01b686;
    color: #FFFFFF !important;
    cursor: pointer;
    margin-right: 10px;
}

.contentPadding {
    padding-top: 10px;
}

.pagination li {
    text-align: left;
    font-family: openSans, Arial;
    font-weight: bold;
    color: #9b9f9f;
    float: left;
    padding: 4px;
    list-style-type: none;
    margin: 5px;
}

.btn:hover {
    background-color: #3beaab;
    text-decoration: none;
}

input.btn {
    border: 0px;
    height: 26px;
    padding-left: 8px;
    padding-right: 10px;
}

span.btn, a.btn {
    padding: 4px 10px;
}


.errorHolder, .notificationHolder {
    text-align: center;
}

.teithiauControl .error {
    display: table;
    margin: 0px 0px 5px 0px;
}

.error, .notification {
    margin: auto;
    color: #FFFFFF;
    padding: 4px;
    background-color: #FF4E56;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.errorArrowDown, .notificationArrowDown {
    padding-bottom: 12px !important;
    background-image: url(pix/errorArrowDown.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.errorArrowUp, .notificationArrowUp {
    padding-top: 12px !important;
    background-image: url(pix/errorArrowUp.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.tableBox {
    margin: 0px !important;
    width: 100% !important;
}

.tableDrop {
    padding: 4px;
}

.msgWrap {
    max-width: 370px;
}

.tableDrop:disabled {
    background-color: #ebebe4 !important;
}

#fileToUpload {
    margin-bottom: 20px;
    margin-left: 7px;
}

.fullList {
    width: 100%;
    table-layout: fixed;
    margin-top: 5px;
    margin-bottom: 10px;
}

.overflowTable {
    width: auto !important;
    min-width: 100%;
    max-width: auto;
    overflow: auto;
}

.hour .minute {
    width: 30px !important;
}

.greenTableList {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    min-width: 600px;
}

.fullList th, td {
    padding: 5px 3px 5px 8px;
    font-weight: bold;
    border-bottom: solid 1px #7c919a;
}

.fullList a {
    margin: 0px 14px 0px 2px;
}

.alternateRows th {
    background-color: #0e2a36;
    color: #FFFFFF;
    font-weight: normal;
    height: 40px;
}
/*
.alternateRows tr:nth-child(even)>td {
	background-color: #EFEFEF;
}

.evenRow {
	background-color: #EFEFEF;
}*/



#userList .enw {
    width: 35%;
}

#userList .enwLlawn {
    width: 65%;
}

#userList .golygu {
    min-width: 180px;
    max-width: 180px;
}

.setRoles td {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.setRoles .disgrifiad {
    width: 61%;
    text-align: left;
}

.setRoles .checkbox {
    text-align: center;
    width: 13%;
}

.setRoles .indent0 {
    background-image: url(pix/plus_minus.gif);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}

.setRoles .indent1 {
    background-image: url(pix/plus_minus.gif);
    background-repeat: no-repeat;
    background-position: 18px 6px;
}

.setRoles .indent2 {
    background-image: url(pix/plus_minus.gif);
    background-repeat: no-repeat;
    background-position: 34px 6px;
}


#resultsPages ul {
    margin: 16px 0px 16px 0px;
    list-style: none;
    clear: both;
    padding-bottom: 16px;
}

    #resultsPages ul li {
        float: left;
        margin-right: 4px;
    }

        #resultsPages ul li span {
            display: inline-block;
            padding: 4px;
        }

        #resultsPages ul li a {
            display: inline-block;
        }


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


.leftColumn {
    float: left;
    margin-right: 4px;
}

#helpFiles {
    margin-left: 394px;
}

.moreInfo {
    border-left: 4px solid #505091;
}

    .moreInfo ul {
        padding: 8px;
    }

.tableForm td {
    border-bottom: 0px;
}

.helpList {
    list-style: none;
}

    .helpList li {
        padding: 0px 0px 3px 0px;
    }

    .helpList a:link, .helpList a:visited {
        background-color: #999999;
        color: #FFFFFF !important;
        text-transform: uppercase;
        padding: 1px 3px 1px 3px;
        font-size: 0.8em;
    }

    .helpList a:hover, .helpList a:active {
        background-color: #AAAAAA;
        color: #FFFFFF !important;
        text-decoration: none;
    }

.importantPanel {
    background-color: #0e2a36;
    color: #FFFFFF;
    padding: 16px 10px 4px 10px;
    border-bottom: solid white 10px;
}

    .importantPanel .btn {
        background-color: #01b686;
        color: #ffffff !important;
    }

        .importantPanel .btn:hover {
            background-color: #3beaab;
            color: #ffffff !important;
        }

.importantArrowUp {
    padding-top: 8px !important;
    background-image: url(pix/importantArrowUp.png);
    background-repeat: no-repeat;
    background-position: center top;
}








[data-tree-clickable] {
    cursor: pointer;
}

.indent0 {
    padding-left: 16px;
}

.indent1 {
    padding-left: 32px;
}

.indent2 {
    padding-left: 48px;
}

.indent3 {
    padding-left: 64px;
}




.dewisDropdowns {
    float: left;
    width: 50%;
}

    .dewisDropdowns select {
        display: block;
        clear: right;
        float: right;
        margin-bottom: 18px;
        margin-right: 10px;
    }

.dewisBtns {
    float: right;
    width: 50%;
}

    .dewisBtns input {
        display: block;
        width: 300px;
        margin-bottom: 16px;
        margin-left: 10px;
    }




.coedenHA {
    color: #FFFFFF;
    font-size: 1.1em;
}

    .coedenHA span, .coedenHA a {
        display: block;
        padding: 2px 6px;
        cursor: pointer;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .coedenHA .lefel2, .coedenHA .taflen {
        margin: 2px 0px 0px 0px;
        background-color: #505091 !important;
        font-size: 1.16em;
        clear: both;
    }

    .coedenHA .lefel3 {
        margin-left: 20px;
        background-color: #01C2B5 !important;
        font-size: 1.12em;
        clear: both;
    }

    .coedenHA .lefel4 {
        margin-left: 40px;
        background-color: #808080 !important;
        clear: both;
    }

    .coedenHA .lefel5 {
        background-color: #DDDDDD;
        color: #777777;
        margin-left: 60px;
        cursor: normal !important;
    }

    .coedenHA .noLink {
        margin-left: 40px;
        background-color: #BBBBBB !important;
    }

    .coedenHA a, .coedenHA a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

        .coedenHA a.noLink, .coedenHA a.noLink:hover {
            color: #E6E6E6 !important;
            text-decoration: none;
        }


    .coedenHA .hanesAgwedd {
        width: 70%;
        float: left;
    }

    .coedenHA .hanesAgweddEdited {
        text-align: right;
        color: #555555;
    }



.fileTypeAlt {
    padding: 0px 4px 0px 4px;
    color: #A1A1A1 !important;
    background-color: #707070;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: bold;
}

.fileType {
    padding: 0px 4px 0px 4px;
    color: #505091 !important;
    background-color: #02685C;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: bold;
}




#publish-tree {
    margin-bottom: 20px;
}

    #publish-tree span {
        display: block;
    }

    #publish-tree .lefel2 {
        padding-left: 20px;
    }

    #publish-tree .lefel3 {
        padding-left: 40px;
    }

    #publish-tree .lefel4 {
        padding-left: 60px;
    }




.hanesTudalen {
    width: 55% !important;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.hanesDisgrifiad {
    width: 20%;
}

.hanesDyddiad {
    width: 15%;
}

.hanesEnw {
    width: 10%;
}


#adminTable td {
    text-align: center;
}

#adminTable .teitl {
    width: 40%;
}

#adminTable td.teitl {
    text-align: left !important;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.multiTableWrapper {
    margin-top: 20px;
    overflow-x: auto;
}

.titleCol {
    width: 20%;
}

.contentCol {
    width: 80%;
}

#crumbtrail {
    padding: 4px;
}


.cwestiwnTaflen {
    background-color: #505091;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    margin-bottom: 16px;
    padding: 4px;
}

    .cwestiwnTaflen .ateb {
        margin: 4px 0px 0px 0px;
        position: relative;
        min-height: 300px;
    }

.taflenTextAreaHolder {
    position: absolute;
    top: 0px;
    bottom: 0px;
    clear: both;
    overflow: auto;
    margin: 0px;
    right: 0px;
    left: 0px;
}
/*
table tr td a {
	text-align: center!important;
    padding-right: 15px;
}*/

.inputAmser {
    width: 150px !important;
}

.seren {
    color: red;
}
/*Angen newid enwa classes yma i fod mwy cowir yn y dyfodol*/
.siwrnaEllefnPrecentTitle {
    width: 10% !important;
}

.siwrnaSixteenPrecent {
    width: 9% !important;
}

.siwrnaFivePoinFivePrecent {
    width: 7% !important;
    text-align: center;
}

td.siwrnaFivePoinFivePrecent {
    text-align: left;
}

.siwrnaTwentyFourPrecent {
    width: 10% !important;
}

.siwrnaSixteenPointFivePrecent {
    width: 20% !important;
}

.siwrnaSevenPrecent {
    width: 11% !important;
}

.siwrnaZeroPointFivePrecent {
    width: 0.5% !important;
}

.siwrnaSixPrecent {
    width: 15% !important;
}
/*--------------------------------------------------------------------------*/
.tacsiFifteenPointFivePrecent {
    width: 15.5% !important;
}

.tacsiFifteenPrecent {
    width: 15% !important;
}

.tacsiTwentyEightPointFivePrecent {
    width: 45% !important;
}

.cyrsiauTwentyEightPointFivePrecent {
    width: 28.5% !important;
}

.cyrsiauEllevnPointFourPrecent {
    width: 11% !important;
}

.cyrsiauThirtyOnePointSixPrecent {
    width: 32% !important;
}

.disgyblionSevnteenPointTwo {
    width: 25% !important;
}

.disgyblionElevnPointSixPrecent {
    width: 25% !important;
}

.disgyblten {
    width: 10% !important;
}

.disgyblFiftyFourPrecent {
    width: 40% !important;
}

.gwersiElevnPrecent {
    width: 11% !important;
}

.gwersiFivePointFivePrecent {
    width: 5.5% !important;
}

.gwersiEightPointThreePrecent {
    width: 5% !important;
}

.gwersiFortySevnPointSixPrecent {
    width: 15% !important;
}

#dyddiadTacsiPickup {
    width: 75px !important;
    text-align: center;
}

.tacsiPickUp {
    width: 100px !important;
}

.newRecordCss {
    text-align: end;
}

#amser {
    width: 45px !important;
    text-align: center;
}

.leftTable table th {
    text-align: left !important;
}


table th {
    text-align: left !important;
}

a.btn {
    margin-bottom: 2px;
    display: inline-block;
}

#minus.btn {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.reportRows {
    background-color: #A8A6A6;
    color: #000000;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    /*	border-top-style: outset!important;
	border-left-style: outset!important;
	border-right-style: outset!important;
	border-bottom-style: outset!important;
*/
}

    .reportRows td {
        background-color: #FFFFFF;
        color: #000000;
        border-left: 1px solid #A8A6A6 !important;
        border-bottom: 1px solid #A8A6A6 !important;
        border-right: 1px solid #A8A6A6 !important;
        font-weight: bold;
        height: 28px;
        padding: 4px;
    }

    .reportRows th {
        background-color: #0e2a36;
        color: #FFFFFF !important;
        text-align: left;
        font-weight: 600;
        padding-left: 4px;
        font-weight: normal;
        font-size: 1.2em;
        height: 40px;
    }

/*.reportRows td {
	vertical-align: top!important;
}*/


.reportHeader {
    Color: #000000 !important;
    text-align: center !important;
    font-size: larger !important;
    font-weight: 700 !important;
    width: 100%
}

.dateImput {
    width: 65px !important;
    padding: 4px !important;
    border: 1px solid #AAAAAA !important;
}

.fiftyPX {
    width: 50px !important;
}

.hundrendAndTwentyPX {
    width: 90px !important;
}

.minDropDown {
    width: 80px;
}

.divLeft {
    float: left !important;
}

.tdRadioSiwrna {
    width: 75px !important;
}

.siwrnaAmserWidth {
    width: 100px !important;
}

.dewisSiwrnaDropDown {
    width: 80% !important;
}

.dyddSpace {
    padding-left: 3px !important;
}

.cofrestruLleoliad {
    width: 175px !important;
}

.cofrestruAmser {
    width: 110px !important;
}

.cofrestruDydd {
    width: 120px !important;
}

.currencyinput {
    border: 1px inset #ccc;
}

    .currencyinput input {
        border-left: 0;
    }

#taithCost {
    width: 40% !important;
}

.totalReport {
    font-weight: 600;
    float: right;
    width: 33%;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: #2C2C2C;
}

.ReportCyfanswmRhif {
    background: white;
    color: inherit;
}

.labelBorder {
    background-color: #505091;
    color: #FFFFFF !important;
    padding-right: 4px;
    padding-left: 4px;
}

.neulltoSizeOne {
    width: 60px;
}

.neulltoSizeTwo {
    width: 60px;
}

.neulltoSizeThree {
    width: 60px;
}

.neulltoSizeFour {
    width: 60px;
}

.neulltoSizeFive {
    width: 70px !important;
}

#Saved {
    color: #505091;
    ;
}

thead th.normalTableHeader, th.normalTableHeader, .normalTableHeader, thead.reportRows tr th.normalTableHeader, thead.reportRows tr:nth-child(1) th:nth-child(1).normalTableHeader {
    background-color: #0e2a36 !important;
    color: #FFFFFF !important;
    text-align: left !important;
    font-weight: 600 !important;
    padding-left: 4px !important;
    font-weight: normal !important;
    font-size: 1.2em !important;
    height: 40px !important;
    padding-bottom: 0px !important;
}

thead.reportRows tr:nth-child(1) th:nth-child(1) {
    text-align: left !important;
    background: #FFFFFF;
    color: #0e2a36 !important;
    font-size: 32px !important;
    padding-left: 0px;
    font-weight: normal !important;
    padding-bottom: 10px !important;
}


/*Commnets Hover over Siwrneuai*/
.siwrnaEllefnPrecent span {
    width: 10% !important;
    color: #505091;
    text-decoration: none;
}

span #siwrnaEllefnPrecent:hover {
    color: #505091;
    position: relative;
}

span #siwrnaEllefnPrecent[title]:hover:after {
    content: attr(title);
    padding: 4px 8px;
    color: white;
    background-color: #505091;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px red;
    -webkit-box-shadow: 0px 0px 4px red;
    box-shadow: 0px 0px 4px red;
}

.rptChwilioCyswllt {
    margin-bottom: 5px;
}

.yearSelected {
    color: #ffffff !important;
    background-color: #0e2a36 !important;
}

.selected {
    background: #0e2a36;
}

#editContentWrapper {
    margin-top: 15px;
}

#contentWrapper {
    padding-bottom: 30px;
}

.editTable td {
    border: 0px;
}


.totalSpan {
    color: #000000;
    float: right;
    width: 20%;
    border-left-style: groove;
    border-bottom-style: groove;
    border-right-style: groove;
    border-color: #A8A6A6;
    margin-top: -10px;
}

/*Width Ajax Rhestr Och Disgyblion Chi*/
.ajaxLleoliadDEnw {
    width: 17% !important;
}

.ajaxLleoliadDDarparwr {
    width: 17% !important;
}

.ajaxLleoliadDPwnc {
    width: 13% !important;
}

.ajaxLleoliadDBlwyddyn {
    width: 5% !important;
}

.ajaxLleoliadDCyfnod {
    width: 10% !important;
}

.ajaxLleoliadDIWers {
    width: 18% !important;
}

.ajaxLleoliadDOWers {
    width: 18% !important;
}

/*Width Rhestr o'ch disgyblion sy'n mynychu ysgolion eraill*/
.ajaxMynychuEichYsgolEnwDisgybl {
    width: 20% !important
}

.ajaxMynychuEichYsgolMamYsgol {
    width: 14% !important
}

.ajaxMynychuEichYsgolPwnc {
    width: 18% !important
}

.ajaxMynychuEichYsgolBlwyddyn {
    width: 3% !important
}

.ajaxMynychuEichYsgolCyfnod {
    width: 11% !important
}

.ajaxMynychuEichYsgolIrWers {
    width: 17% !important
}

.ajaxMynychuEichYsgolOrWers {
    width: 17% !important
}

/*Rhestr o ddisgyblion sy'n mynychu eich ysgol*/
.ajaxYnOlPwncGwersEnwLlawn {
    width: 20% !important;
}

.ajaxYnOlPwncGwersMamYsgol {
    width: 18% !important;
}

.ajaxYnOlPwncGwersPwnc {
    width: 12% !important;
}

.ajaxYnOlPwncGwersLleoliadPickupDropOff {
    width: 9% !important;
}

.ajaxYnOlPwncGwersAmserC {
    width: 7% !important;
}

.ajaxYnOlPwncGwersAmserG {
    width: 7% !important;
}

.ajaxYnOlPwncGwersDarparwr {
    width: 18% !important;
}

/*Rhestr absenoldebau disgyblion*/
.ajaxRhestrAbsenoldebDyddiad {
    width: 10% !important;
}

.ajaxRhestrAbsenoldebEnwLlawn {
    width: 18% !important;
}

.ajaxRhestrAbsenoldebMamYsgol {
    width: 15% !important;
}

.ajaxRhestrAbsenoldebPwnc {
    width: 15% !important;
}

.ajaxRhestrAbsenoldebDarparwr {
    width: 15% !important;
}

.ajaxRhestrAbsenoldebManylion {
    width: 25% !important;
}

/*Rhestr cyrsiau yn ôl diwrnod*/
.ajaxRhestrCyrsiauDiwrnodPwnc {
    width: 35% !important
}

.ajaxRhestrCyrsiauDiwrnodBlwyddyn {
    width: 10% !important
}

.ajaxRhestrCyrsiauDiwrnodAmserC {
    width: 10% !important
}

.ajaxRhestrCyrsiauDiwrnodAmserG {
    width: 10% !important
}

.ajaxRhestrCyrsiauDiwrnodDarparwr {
    width: 35% !important
}
/*Cofrestr disgyblion yn ôl gwers*/
.cofrestrGwers {
    width: 66% !important;
}

/*Manylion cyswllt disgybl*/
.ajaxManylionDisgyblEnwLlawn {
    width: 10% !important;
}

.ajaxManylionDisgyblMamYsgol {
    width: 10% !important;
}

.ajaxManylionDisgyblFfonDisgybl {
    width: 11% !important;
}

.ajaxManylionDisgyblPwnc {
    width: 10% !important;
}

.ajaxManylionDisgyblDarparwr {
    width: 10% !important;
}

.ajaxManylionDisgyblDydd {
    width: 5% !important;
}

.ajaxManylionDisgybltaxi {
    width: 7% !important;
}

.ajaxManylionDisgyblFfonTaxi {
    width: 7% !important;
}

.ajaxManylionDisgyblFfon1 {
    width: 15% !important;
}

.ajaxManylionDisgyblFfon2 {
    width: 15% !important;
}
/*Adroddiad16*/
.adroddiad16Llwybr {
    width: 35% !important;
}

.adroddiad16Dydd {
    width: 10% !important;
}

.adroddiad16Sesiwn {
    width: 10% !important;
}

.adroddiad16Tacsi {
    width: 35% !important;
}

.adroddiad16Cost {
    width: 10% !important;
}
/**/
.siwrneaiTitle {
    margin-top: 10px;
    margin-bottom: -20px;
}

.rptSpace {
    margin-top: 10px !important;
}

input[type="text"].pickup, input[type="text"].dropoff, .cofrestruDydd input {
    width: 90% !important;
}

.tableForm select {
    margin: 0px 0px 4px 16px;
    padding: 4px;
}

.tableForm textarea {
    width: 160px;
    margin: 0px 0px 4px 16px;
}
/*Sortable items in headers*/
.header {
    float: right;
    background: url('pix/sortHeaders.png') no-repeat;
    height: 20px;
    width: 24px;
}

.sortDown {
    float: right !important;
    background-image: url(pix/sortHeaderDowns.png) !important;
    height: 20px !important;
    width: 24px !important;
}

.sortUp {
    float: right !important;
    background-image: url(pix/sortHeaderUps.png) !important;
    height: 20px !important;
    width: 24px !important;
}

#searchStudent {
    margin-bottom: 10px;
}

#dyddiadGorffenAdroddiad {
    margin-bottom: 10px;
}

/*Style sheet teithiau html testing*/
#gwersi {
    margin-top: 30px;
    margin-bottom: 10px
}

.accordion {
    clear: both;
}

.accordioTable td {
    border-bottom: none;
}

.acContent {
    display: block;
    width: 100%;
    margin-left: 30px;
    border-bottom: 2px solid #0e2a36
}

.addlocation {
    margin-left: 20px;
}

.removeLocation {
    margin-left: 5px;
}

.canran_gap {
    margin-left: 11px;
}

.leftSide {
    width: 49%;
    float: left;
    min-height: 400px
}

.rightSide {
    width: 50%;
    float: right;
}

.radio_buttons_position {
    width: 180px;
    float: left;
}

.itemGap {
    margin-bottom: 10px;
    margin-left: 4px;
}

.labelGap {
    margin-left: 4px;
}

.disgybl_content {
    margin-right: 35px;
    background-color: #0e2a36;
    color: #FFFFFF;
    max-height: 300px;
    min-height: 300px;
    overflow-y: scroll;
}

.labelPadding {
    padding-left: 21px;
    display: inline-block;
}

.tab_dychwelyd {
    background-color: rgba(14, 42, 54, 0.6);
    border-bottom-style: solid;
    color: white;
    border-color: rgba(14, 42, 54, 0.6);
    padding-left: 5px;
    padding-right: 5px;
    border: solid white 1px;
    cursor: pointer;
    cursor: hand;
    border-bottom: 0px;
}

.tab_danfon {
    background-color: #505091;
    border-bottom-style: solid;
    border-color: #505091;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    cursor: hand;
}

.accordionImage {
    float: left;
    margin-right: 12px;
    margin-top: 4px;
}

.ac_color {
    background-color: #FFFFFF;
    color: #0e2a36 !important;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 15px;
}

    .ac_color h4 {
        color: #0e2a36 !important;
    }

.testOn {
    width: 100%;
    background-color: green;
    display: none;
}

h4 {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    cursor: pointer;
}

.teithiauControl {
    margin-bottom: 10px;
}

.siwrnaiDisgybl {
    margin-left: 5px;
    margin-top: 15px;
}

.btnPadding {
    padding-left: 10px;
    padding-right: 10px;
}

.dyddDropDown {
    margin-bottom: 5px;
}

.accordionControl {
    float: right;
    width: 50%;
    margin-top: 15px;
}

.active_tab {
    background-color: #0e2a36;
    border-bottom-style: solid;
    border-color: #0e2a36;
}

.un_active_tab {
    background-color: rgba(14, 42, 54, 0.6);
    border-bottom-style: solid;
    border-color: rgba(14, 42, 54, 0.6);
    border: solid white 1px;
    border-bottom: 0px;
}

.canran_width {
    width: 50px !important;
    margin-left: 5px !important;
}

.tacsiArall {
    color: #CCC;
    font-style: italic;
}

.dim_disgyblion {
    margin-left: 20px;
}

.lockedTab {
    background-color: #878787;
    border-color: #878787;
    border-bottom-style: solid;
    border: solid white 1px;
    color: #D3C9C9;
}

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

.rpt20col1 {
    width: 10%;
}

.rpt20col2 {
    width: 15%;
}

.rpt20col3 {
    width: 5%;
}

.rpt20col4 {
    width: 15%;
}

.rpt20col5 {
    width: 11%;
}

.rpt20col6 {
    width: 11%;
}

.rpt20col7 {
    width: 11%;
}

.rpt20col8 {
    width: 11%;
}

.rpt20col9 {
    width: 11%;
}

.col1 {
    width: 8%;
}

.col2 {
    width: 8%;
}

.col3 {
    width: 5%;
}

.col4 {
    width: 10%;
}

.col5 {
    width: 10%;
}

.col6 {
    width: 15%;
}

.col7 {
    width: 10%;
}

.col8 {
    width: 10%;
}

.col9 {
    width: 12%;
}

.col10 {
    width: 12%;
}

.rptCol1 {
    width: 11%;
}

.rptCol2 {
    width: 11%;
}

.rptCol3 {
    width: 11%;
}

.rptCol4 {
    width: 11%;
}

.rptCol5 {
    width: 11%;
}

.rptCol6 {
    width: 11%;
}

.rptCol7 {
    width: 11%;
}

.rptCol8 {
    width: 11%;
}

.rptCol9 {
    width: 11%;
}

#wait {
    margin-top: 15px;
}

#crynodebTaxiList .col1 {
    width: 8%;
}

#crynodebTaxiList .col2 {
    width: 15%;
}

#crynodebTaxiList .col3 {
    width: 10%;
}

#crynodebTaxiList .col4 {
    width: 10%;
}

#crynodebTaxiList .col5 {
    width: 3%;
}

#crynodebTaxiList .col6 {
    width: 15%;
}

#crynodebTaxiList .col7 {
    width: 9%;
}

#crynodebTaxiList .col8 {
    width: 9%;
}

#crynodebTaxiList .col9 {
    width: 9%;
}

#crynodebTaxiList .col10 {
    width: 7%;
}


.pupilInfo img {
    width: 20px;
    height: 20px;
}

.noPadding {
    padding: 0px !important;
}

.fullWidth {
    width: 100% !important;
    overflow: auto;
}


@media only screen and (max-width: 1395px) {
    .journeyLocations {
        width: 100%;
        margin: 0px;
        margin-top: 5px;
        padding: 5px;
        float: left;
        min-width: 100%;
        overflow-x: auto;
    }
}