body {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    width: 100%;
    height: 100%;
    background-image: url('../Images/001-subtle-light-pattern-background-texture-vol5.jpg');
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.LicenceInput tr td input {
    width: 300px;
}

.LicenceInput tr td select {
    width: 303px !important;
}

.OrderInfoTable th {
    text-align: right;
    font-weight: bold;
}

table.POInfo {
    border-collapse: collapse;
    background-color: white;
}

.ERPReponse {
    width: 200px;
}

th.POInfo {
    text-align: left;
    padding: 4px;
}

td.POInfo {
    padding: 3px;
}

/*td.POInfo:empty {
    display:none;
}*/

.InvoiceTB {
    width: 140px;
}

.CalloutValidtorWindow tr td {
    padding: 0;
    background-color: red;
}

.MatchTable {
    border-collapse: collapse;
}

    .MatchTable tr th {
        padding: 5px;
    }

    .MatchTable tr td {
        padding: 5px;
    }

.POLineInvoiceTB {
    width: 60px;
}

.lableTitle {
    text-align: right;
}

.Value {
    font-weight: bold
}

.LogEntryRow {
    border-bottom: dashed 1px gray;
    overflow-wrap:break-word;
    max-width :800px;
}

.tableBodyScroll tbody {
    display: block;
    max-height: 300px;
    overflow-y: auto;
}

.OrderInfoTable td {
    text-align: left;
}

.DroppedStudentsTable {
    border-bottom: solid 1px lightgray;
}

.selectedRow {
    background-color: #bde9bd;
}

.ChangePasswordErrorBig {
    font-weight: bold;
    color: red;
    font-size: 18px;
}

.ChangePasswordErrorSmall {
    font-size: 14px;
}

.Validator {
    color: red;
    font-weight: bold;
}

.DialogLeftCol {
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

.highlightedResult {
    background-color: #fcfc9e;
}

.DroppedStudentsInnerTable:before {
    content: "• ";
    /*color: red; or whatever color you prefer */
}

.ReportHolidaysTable:before {
    content: "• ";
    margin-left: 30px;
}

.AboutMe {
    text-align: center;
}

.BorderedTable th {
    background-color: #F7DABB;
    color: #000000;
}

.AllBorderedTable td {
    border: solid 1px gray;
}

    .AllBorderedTable td table td {
        border: None;
    }

.AllBorderedTable {
    border-collapse: collapse;
}

.Attendance td {
    padding: 5px;
}

.CheckDropBox {
    font-weight: normal;
    text-decoration: none;
}

.LateCounterTable {
    border-color: black;
    width: auto;
}

    .LateCounterTable th {
        background-color: #F7DABB;
        color: #000000;
    }

    .LateCounterTable td {
        font-weight: bold;
        color: red;
        text-align: center;
    }


.StudentTable {
    border-color: black;
    width: auto;
}

    .StudentTable th {
        background-color: #F7DABB;
        color: #000000;
    }

.AdminMenuLinks a {
    width: 100%;
    display: block;
    background-color: #FFAA0D;
    color: White !important;
    font-weight: bold;
    text-decoration: none;
}

.NoInh th a {
    color: Blue !important;
    font-weight: bold;
    background-color: transparent;
}

.ImportRep {
    border: solid 1px #596380;
    background-color: whitesmoke;
    overflow-y: scroll;
    height: 400px !important;
}

.studentlistitem:hover {
    background-color: #c6c9fa;
}

.studentlistitem {
    border-bottom: solid 2px #e1dddd;
}

    .studentlistitem:before {
        content: "• ";
        /*color: red; or whatever color you prefer */
    }



.FrozenHeader {
    background-color: white;
    border: none;
    width: 100%;
    display: block;
}

    .FrozenHeader tr {
        font-weight: normal;
    }

        .FrozenHeader tr:hover {
            background-color: #d2ccfb;
            font-weight: bold;
        }

    .FrozenHeader thead {
        display: block;
        position: sticky;
        top: 0;
        background-color: white;
    }

    .FrozenHeader tbody {
        margin-top: 1px;
    }

    .FrozenHeader tbody, thead tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }


.FrozenHeader3 {
    border-bottom: none;
    position: sticky;
    top: 43px;
    left: 0;
    border: none;
}

.FrozenHeader2 {
    background-color: white;
    border: none;
    width: 100%;
    display: block;
}

    .FrozenHeader2 tr {
        font-weight: normal;
    }

        .FrozenHeader2 tr:hover {
            background-color: #d2ccfb;
            font-weight: bold;
        }

    .FrozenHeader2 thead {
        display: block;
        position: sticky;
        margin-top: -1px;
        top: 60px;
        background-color: white;
    }

    .FrozenHeader2 tbody {
        margin-top: -1px;
    }

    .FrozenHeader2 tbody, thead tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }


.FrozenHeader4 {
    background-color: white;
    border: none;
    width: 100%;
    display: block;
}

    .FrozenHeader4 tr {
        font-weight: normal;
    }

        .FrozenHeader4 tr:hover {
            background-color: #d2ccfb;
        }

    .FrozenHeader4 thead {
        display: block;
        position: sticky;
        top: 50px;
        background-color: white;
    }

    .FrozenHeader4 tbody {
        margin-top: 1px;
    }

    .FrozenHeader4 tbody, thead tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }


.NoInh {
    width: 100%;
}

    .NoInh a {
        color: Blue !important;
        font-weight: normal;
        background-color: transparent;
    }

a:visited {
    color: Blue;
}

a {
    text-decoration: none;
    color: Blue;
}

.BalloonStyle-popup {
    width: 3000px;
    height: 1300px;
}


.AddClient tr td {
    vertical-align: top;
}

.modalBackground {
    filter: alpha(opacity=60);
    opacity: 0.6;
    background-color: gray;
}


.calloutValidator {
    background-color: #FFFACD;
    border: 2px inset #EBE9ED;
}


.WatermarkCssClass {
    color: gray;
}

.Btable {
    border-collapse: collapse;
}

    .Btable th {
        border: 1px solid black;
    }

    .Btable th {
        color: black;
    }

.VisitsSeperator {
    border-right: solid 3px black;
}

.grid-view tr.normal:hover, .grid-view tr.alternate:hover, .grid-view tr.descending:hover,
.grid-view tr.normal:hover td.ascending, .grid-view tr.normal:hover td.descending,
.grid-view tr.alternate:hover td.ascending, .grid-view tr.alternate:hover td.descending {
    background-color: #d2ccfb !important;
    /*filter: brightness(95%);*/
}

.HoverPanel {
    background-color: white;
    display: none;
    text-align: left;
    border: solid 1px black;
}

.grid-view .Nestedalternate {
    background-color: #e9e9e9;
}



.grid-view tr.alternate {
    background-color: #f3f3f3;
}

.grid-view tr.normal {
    background-color: white;
}


.grid-view tr.alternate td.ascending {
    background-color: #fcfeee;
}


.grid-view tr.normal td.ascending {
    background-color: #fcfeee;
}

.grid-view tr.alternate td.descending {
    background-color: #f4fffc;
}

.PanelDetail {
    border: solid 1px black;
    background-color: #d8d8f6;
}



.grid-view tr.normal td.descending {
    background-color: #f4fffc;
}

.FilterIndicator span {
    color: red;
}

.MenuHeader {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    vertical-align: middle;
    border: solid 1px #094b84;
    border-right: none;
}

    .MenuHeader td a {
        display: block;
        height: 100%;
        padding: 10px;
        text-shadow: 2px 2px black;
    }

    .MenuHeader td {
        background-image: url(../Images/HeaderNormalBG.png);
        background-color: #0462ad;
        background-repeat: repeat-x;
        border-left: solid 1px #42c8ff;
        border-right: solid 1px #0d3e84;
        padding: 0;
        text-align: center;
        white-space: nowrap;
    }

        .MenuHeader td:hover {
            background-image: url(../Images/HeaderHoverBG.png);
            background-color: #fa7500;
        }


.Submenu-arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid black;
    display: inline-block;
    float: right;
}


.SubmenuPanelS {
    display: none;
    max-height: 500px !important;
    overflow-y: hidden;
    width: 350px;
    overflow-x: hidden;
}


.SubmenuHeader {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    vertical-align: middle;
    border: solid 1px #094b84;
    border-right: none;
    background-color: white;
    border-spacing: 0px;
    padding: 0px;
    min-width: 140px;
}

    .SubmenuHeader td a {
        display: block;
        height: 100%;
        padding: 7px;
        text-shadow: none;
        border-bottom: solid 1px white;
        color: black;
    }

    .SubmenuHeader td {
        background-image: none;
        background-color: #f1f1f1;
        background-repeat: repeat-x;
        border-left: solid 1px #42c8ff;
        border-right: solid 1px #0d3e84;
        padding: 0;
        text-align: center;
        white-space: nowrap;
    }

        .SubmenuHeader td:hover {
            background-image: none;
            background-color: #fa7500;
        }

.MenuHeaderGreen {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    vertical-align: middle;
    border: solid 1px #0e8409;
    border-right: none;
}

    .MenuHeaderGreen td a {
        display: block;
        height: 100%;
        padding: 10px;
        text-shadow: 2px 2px black;
    }

    .MenuHeaderGreen td {
        background-image: url(../Images/HeaderNormalBGGreen.png);
        background-color: #0462ad;
        background-repeat: repeat-x;
        border-left: solid 1px #42ff57;
        border-right: solid 1px #0d8422;
        padding: 0;
        text-align: center;
        white-space: nowrap;
    }

        .MenuHeaderGreen td:hover {
            background-image: url(../Images/HeaderHoverBGGreen.png);
            background-color: #fa7500;
        }





.SelectedMainMenuGreen {
    background-image: url(../Images/HeaderSelectedBGGreen.png);
    background-repeat: repeat-x;
}

    .SelectedMainMenuGreen:hover {
        background-image: url(../Images/HeaderHoverSelectedBGGreen.png);
        background-repeat: repeat-x;
    }




.SelectedMainMenu {
    background-image: url(../Images/HeaderSelectedBG.png);
    background-repeat: repeat-x;
}

    .SelectedMainMenu:hover {
        background-image: url(../Images/HeaderHoverSelectedBG.png);
        background-repeat: repeat-x;
    }


.AdminHeader {
    width: 100%;
    background-color: #bbbbbb;
    border-bottom: solid 1px black;
    color: black;
    font-weight: bold;
    font-size: 16px;
    height: 50px;
    border-spacing: 0;
}

    .AdminHeader a {
        color: white;
    }

.AdminInfo {
    font-size: 13px;
    color: black;
    text-align: left;
    width: auto;
    margin-right: 10px;
    margin-left: auto;
    white-space: nowrap;
}

    .AdminInfo a {
        color: #0060e5;
    }

.SearchOrder {
    border-spacing: 0;
    border: solid 1px black;
    border-radius: 5px;
    background-color: white;
    vertical-align: middle;
    height: 25px;
    white-space: nowrap;
}

#PrivTable td, #PrivTable th {
    text-align: center;
    width: 50px;
}

#PrivTable th {
    background-color: #e6e6e6;
}

#PrivTable .PrivParam {
    text-align: left;
    width: 100px;
}


.accordionHeader {
    border: 1px solid #2F4F4F;
    background-color: #fae7d3;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    background-color: #f8ca98;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #ffffff;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.TableInsert {
    width: 90%;
}

.QBstatusAssigned {
    color: red;
    font-weight: bold;
}

.QBstatusDownloaded {
    color: #d38900;
    font-weight: bold;
}

.QBstatusPriced {
    color: #6a932a;
    font-weight: bold;
}

.QBstatusAccepted {
    color: #6a932a;
    font-weight: bold;
}

    .QBstatusAccepted:before {
        content: '\2713';
        display: inline-block;
        color: #6a932a;
        padding: 0 6px 0 0;
    }



.container {
    margin: 0 auto;
    width: 8.5in;
    text-align: left;
    margin-top: 25px;
}

    .container div {
        float: left;
        padding: 5px;
    }

    .container h4 {
        margin: 8px 8px 4px 10px;
    }

#timeinfo {
    margin: 8px 8px 4px 10px;
}

.SRHover {
    font-weight: bold;
    text-decoration: underline;
}

.container .main-title {
    text-align: center;
    margin: 0 auto;
    float: none;
}

.Section tr td {
    vertical-align: top;
}

.Section {
    width: 98%;
    border: solid 1px gray;
    margin: 1px 0;
    padding: 0 !important;
}

.container div div > div {
    width: 100%;
}

.months {
    float: right !important;
    margin-right: 7px;
    margin-top: 30px;
}

.histogram-chart {
    margin-left: -5px;
}

.special th {
    text-align: center;
    /*
    Calc and pickups table rows style
*/
}

.KOIReport{  
    border-collapse:collapse;
    border:solid 1px black;
    width:100%;
}

    .KOIReport th {
        padding: 5px;
        background-color: #F7DABB
    }
    .KOIReport td {
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: right;
    }
    .KOIReport .title
    {
        text-align:left;
    }


    @media screen {
        .noShow {
        display: none;
    }

    .MainTable {
        margin-top: 35px;
    }
}

@media print {

    .container {
        margin-top: 0;
    }

    .months {
        margin-top: 0;
    }

    .break {
        page-break-before: always;
        margin-top: 10px;
    }

    .noprint {
        display: none;
    }

    .MainTable {
        margin-top: auto;
    }

    .Section {
        page-break-inside: avoid;
    }
}