/*****common******/
html, body {
    /*font-family: Tahoma;*/
    /*font-size: 12px;*/
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-align: initial;
    overflow-x: clip;
    min-height: 100vh;
}

.textbox, input[type="text"], input[type="password"], select, textarea {
    /*border-top: 2px outset #A9AAAB;
      border-left: 2px outset #A9AAAB;
      border-right: 1px inset #A9AAAB;
      border-bottom: 1px inset #A9AAAB;
    */
    /*border: 1px solid #898C57;*/
    /*padding: 1px 3px;*/
}

input[type="button"], input[type="submit"], input[type="reset"], a.btn {
    /*background-color: #898C57;*/
    /*color: #FFFFFF;*/
    font-weight: bold; /*padding: 2px;*/
    min-height: 2.5em;
    line-height: 1.5;
    min-width: 6em;
    /*padding-top: 0.3em !important;*/
    /*padding-bottom: .3em !important;*/
    border-radius: .5em;
    /*margin: 0 .25em .25em;*/
    text-align: center;
    /*background-image: linear-gradient(0deg,#767a97c7 0%,#59a9db 100%);*/
    border: 1px solid #c3c3c3;
    /*background-color: #E5F5C4;*/
    background-color: steelblue;
    background-attachment: fixed;
    color: white;
    /*text-shadow: 2px 2px black;*/
    box-shadow: 1px 2px #9e9e9e;
}

input[type="image"], img {
    border: 0;
}

table {
    border-collapse: collapse;
    /*width: 100%;*/
}

    table td, table th {
        /*padding: 0;*/
    }

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.ReportTable {
    border: solid 2px black;
    background-color: #FFFFFF;
}

    .ReportTable td, .ReportTable th {
        border: 1px solid black;
        padding: 4px;
    }

table.ReportTable tr.head {
    background-color: #E0E0E0;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 2px black;
}

table.ReportTable tr.even {
    background-color: #F0F0F0;
}

.sep {
    height: 8px;
}
/*-------------------------------------*/
.RequiredText {
    color: Red;
    font-weight: bold;
    text-align: center;
}

.BlackNormalText {
    color: #000000;
}

.GridRowRit {
    text-align: right;
    color: black;
    background-color: #FFFFFF;
    /*padding-right: 5px;*/
}

.GridRowMid {
    text-align: center;
    color: black;
    background-color: #FFFFFF;
}

.LblBoldRightTop {
    color: #000000;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    vertical-align: baseline;
}

.adTextBoxArb {
    direction: rtl;
}

.adLabel {
    color: #000000;
    vertical-align: top;
    padding: 4px;
}

.adFooter {
    background-image: url(../../static/img/old/bgFooter.gif);
    color: #4B5D9C;
    font-size: 11px;
    font-weight: bold;
    height: 38px;
}

.adTopLine {
    background-color: #A9AC87;
    height: 3px;
}

.adHeadRow {
    background-color: #898C57;
    height: 20px;
}

.adMenuRow {
    color: #666666;
    font-weight: bold;
    background-color: #FFFFFF;
    padding-left: 10px;
}

.ImgBorder {
    border: 1px solid #D6D6D6;
}

a.adLink:visited {
    font-weight: bold;
    text-decoration: underline;
}

a.adLink {
    font-weight: bold;
    text-decoration: none;
}

    a.adLink:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

a.adMenulink:visited {
    text-decoration: underline;
}

a.adMenulink {
    text-decoration: none;
}

    a.adMenulink:hover {
        color: #000000;
        text-decoration: none;
    }

.TableBorder {
    border: 1px solid #D6D6D6;
}

.LeftAreaBgColor {
    background-color: #E5E6C7;
}

.HeaderUpperRowBgColor {
    background-color: #AB0C11;
}

.FooterBgColor {
    background-color: #EEEBEA;
}

.TDGreyBottomBorder {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6D6D6;
}

.RedNormalText {
    /*font-family: Arial,Helvetica,sans-serif;*/
    color: #AB0C11;
    text-decoration: none;
}

.GreyNormalText {
    /*font-family: Arial,Helvetica,sans-serif;*/
    color: #636563;
}

.RedHeading1 {
    /*font-family: "ArialNarrow";*/
    /*font-size: 19px;*/
    font-weight: bold;
    color: #AB0C11;
    text-decoration: none;
}

.RedBoldText {
    color: #AB0C11;
    font-weight: bold;
    text-decoration: none;
}

.RedLinkText {
    /*font-family: Arial,Helvetica,sans-serif;*/
    color: #AB0C11;
    text-decoration: underline;
}

.LearnMore {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    color: #7F7256;
    font-weight: bolder;
    text-decoration: none;
}

.RedHeading2 {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    font-size: 14px;
    font-weight: bolder;
    color: #AB0C11;
    text-decoration: none;
}

.RedHeading3 {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    /*font-size: 11px;*/
    font-weight: bold;
    color: #AB0C11;
    text-decoration: none;
}

.DiamondLeaseText {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    /*font-size: 11px;*/
    font-weight: bold;
    color: #B22B2F;
    text-decoration: none;
}

.RedHeading4 {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    color: #AB0C11;
    text-decoration: none;
}

.RightPaneText {
    color: #444444;
}

.RegUsrColHeading {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #999999;
    height: 22px;
}

.BlackNormalText {
    color: #444444;
}

.BlackBoldText {
    color: #444444;
    font-weight: bold;
}

.ReportHeading1 {
    /*font-family: "Arial";*/
    /*font-size: 18px;*/
    font-weight: bold;
    text-decoration: none;
}

.ReportHeading2 {
    /*font-family: "Arial";*/
    font-weight: bold;
    text-decoration: none;
}

.WhiteBoldText {
    color: #FFFFFF;
    font-weight: bold;
}

.WhiteNormalText {
    color: #FFFFFF;
}

.RegUsrColHeadingClicked {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #D2D2D2;
    height: 22px;
}

.PoolTableHeading {
    height: 35px;
    font-weight: bold;
    color: #444444;
    background-color: #F2F2E3;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.RadioButton {
    color: #444444;
}

.ImageRightBottomBorder {
    border-bottom-width: 4px;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-bottom-color: #BFBFBF;
    border-right-color: #BFBFBF;
}

.WF07LeftMenuTable {
    background-color: #EEEFDB;
}

.ComboBox {
    width: 200px;
}

.ComboBox2 {
    color: #444444;
    width: 172px;
}

.MultiLineTextBox {
    border-top: 2px inset #999999;
    border-right: 1px inset #999999;
    border-bottom: 1px inset #999999;
    border-left: 2px inset #999999;
}

.RedSmallText {
    /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
    color: #AB0C11;
    text-decoration: none;
}

.TableBorder2 {
    border-top: 1px none #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
}

.LoginTable {
    background-color: #E5E6C7;
}

.FooterLinks {
    color: #CB6600;
    text-decoration: none;
}

.SPIFF_BG {
    background-color: #ffffff;
    height: 22px;
}

.Button2 {
    background: #AB0C0C;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.GridBorder {
    border-width: 1px;
    border-style: solid;
    border-color: gray;
}

.GridColumnHeader {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #6A6A6A;
}

.PrintColumnHeader {
    font-weight: bold;
    color: #000000;
    text-align: center;
    background-color: #EDEEEF;
    height: 20px;
}

.GridRowItemData {
    color: black;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #5a6d7b;
    background-color: #FFFFFF;
    padding-left: 2px;
}

.GridRowItemDataRightAlign {
    text-align: right;
    color: black;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #5a6d7b;
    background-color: #FFFFFF;
    padding-right: 2px;
}

.GridRowItemDataWithPadding {
    color: black;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #5a6d7b;
    background-color: #FFFFFF;
    padding-left: 10px;
}

.GridRowItemDataActive {
    color: black;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #5a6d7b;
    background-color: #A4BDE5;
    padding-left: 2px;
}

.GridRowItemDataHighLighted {
    color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #5a6d7b;
    background-color: #EDEEEF;
    padding-left: 2px;
}

.GridRowReportTotal {
    font-weight: bold;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #5a6d7b;
    background-color: #999999;
    padding-left: 2px;
}

.GridRowItemAction {
    text-align: right;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #5a6d7b;
}

.ValidationText {
    color: Red;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

.adredbg {
    background-color: #AB0C0C;
}

.adPageTitleBg {
    background-image: url(../../static/img/old/admin/MainHeadBG.jpg);
    font-weight: bold;
    color: #000000;
    /*padding-left: 10px;*/
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.copyright {
    font-weight: bold;
    color: #FFFFFF;
}

.adTableBorder {
    border-top: 1px none #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}

.adTitle {
    font-size: 15px;
    font-weight: bold;
    color: #245419;
}

.adLabelText {
    font-weight: bold;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #999999;
    color: #000000;
    border-right-width: 1px;
    border-right-color: #999999;
}

.adLabelTextLeftAligned {
    font-weight: bold;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #999999;
    color: #000000;
    border-right-width: 1px;
    border-right-color: #999999;
}

.adLabelText2WithBorder {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #999999;
    color: #000000;
    border-right-width: 1px;
    border-right-color: #999999;
}

.adLabelTextRightAlign {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #999999;
    color: #000000;
    border-right-width: 1px;
    border-right-color: #999999;
    text-align: right;
}

.adTopBorder {
    border-top: 1px solid #000000;
}

.adLabelText2WithBorderwithRedColor {
    font-weight: bold;
    border-bottom-width: 1px;
    border-top-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #999999;
    color: #AB0C11;
}

.adLabelText2 {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #999999;
    color: #000000;
}

.adModuleLinks {
    font-weight: bold;
    color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}

.adHeaderWelcome {
    /*font-family: Tahoma;*/
    color: #FFFFFF;
}

.adHeaderDateTime {
    /*font-family: Tahoma;*/
    color: #FFFFFF;
}

.adGridTable {
    border: 1px solid #000000;
    background-color: #000000;
}

.LightGreyTable {
    border: 1px solid #838383;
    background-color: #E3E1E2;
}

.DarkGreyTable {
    background-color: #AEACAD;
    border-color: #000000;
}

a.greylink:visited {
    color: #636563;
    text-decoration: none;
}

a.greylink:hover {
    color: #AB0C11;
    text-decoration: underline;
}

a.greylink {
    color: #636563;
    text-decoration: none;
}

a.ServiceScheduleCell {
    color: #636563;
    text-decoration: none;
}

a.ServiceScheduleServiceCell {
    color: #636563;
    text-decoration: none;
    background-color: #FAFAFA;
}

a.ServiceScheduleResCell {
    color: #636563;
    text-decoration: none;
    background-color: #000000;
}

.LightGreyTableBorder {
    border: 1px solid #838383;
}

.adCheckBoxLabel {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #000000;
}

.wFooterLink {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}

a.wFooterLink:hover {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: underline;
}

.ListBox {
    color: #444444;
    width: 260px;
}

.ArrowBorder {
    border: none;
}

.CorporateListBox {
    color: #444444;
    width: 340px;
}

.CheckBoxLarge {
    color: #444444;
    vertical-align: top;
    width: 250px;
    height: 100px;
    border-right: 2px solid #1C223C;
    border-bottom: 2px solid #1C223C;
    border-left: 2px solid #909BBB;
    border-top: 2px solid #909BBB;
}

.LetterText {
    color: Black;
}

.LetterGridHead {
    color: Black;
    font-weight: bold;
    text-align: center;
    background-color: #CCCCCC;
}

.LetterGridRow {
    color: Black;
    font-weight: bold;
    padding-left: 5px;
    background-color: White;
}

.LetterGridRowMid {
    color: Black;
    font-weight: bold;
    text-align: center;
    background-color: White;
}

.adTitleBold {
    font-size: 15px;
    font-weight: bold;
    color: #2A564F;
    background-image: url(../../static/img/old/admin/DetailHeadBGgn.jpg);
    padding: 3px;
}

.LblBoldLeft {
    font-weight: Normal;
}
/******** WEB site *********/

.popupBG .window, .foot table {
    width: auto;
}

fieldset {
    /*background-color: #EDFFCC;*/
    /*border: solid 1px #CCC;*/
    /*padding: 5px;*/
    /*margin: 0px 3px 3px 3px;*/
}

.smry {
    color: white;
    border: 1px solid #795548;
    margin: 0.5em;
    padding: 0.7em;
    border-radius: 1em;
    font-weight: bold;
    box-shadow: 0 0 4px 1px #795548;
}

    .smry ul {
        margin: 3px;
    }


.tab_button, .tab_pressed {
    border-radius: 0.5em 0.5em 0 0;
}

/*Menu*/
.navbar.menu {
    padding: .5em;
    background-color: wheat;
    background-image: linear-gradient( 0deg,#767a97c7 0%,#59a9db 100%);
}

    .navbar.menu a {
        color: white;
    }

    .navbar.menu .language-icon a img {
        max-width: 2.5em;
    }

    .navbar.menu .user {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .navbar.menu .user .name {
            max-width: 15em;
        }

        .navbar.menu .user .logout {
            font-size: 1.5em;
            padding: 0 .5em;
        }

.menu .root, .menu .root ul {
    padding: 10px;
    display: contents /*inline-block*/;
    margin: 0;
}

    .menu .root a {
        color: white;
    }

    .menu .root li {
        display: block;
        padding: 5px;
    }

        .menu .root li li {
            border-bottom: dashed;
        }

        .menu .root li a {
            white-space: nowrap;
        }

        .menu .root li ul {
            display: none;
            /*visibility: hidden;*/
            /*opacity: 0;*/
            /*display: block;*/
            padding: 20px;
            margin-top: -0.25em;
            z-index: 1;
        }

            .menu .root li ul a {
                color: white;
            }

            .menu .root li ul ul {
                margin: 0 10mm;
            }

    .menu .root ul {
        position: absolute;
        background-color: black;
        border: #fed136 solid 1px;
        box-shadow: 5px 5px 10px grey;
        border-radius: 2mm;
    }

    .menu .root > li {
        display: block;
    }

.menu ul.root {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .menu .root > li {
        border-inline-end: dashed 1px white;
        display: inline-block;
    }
}

.menu .root > li:last-child {
    border-inline-end: none;
}

.menu .root li:hover {
    background-color: #FFF4;
}

    .menu .root li:hover > ul, .menu .root li ul:hover {
        display: block;
        /*transition: all 0.5s ease-in-out;*/
        /*padding: 10px;*/
        /*visibility: visible;*/
        /*opacity: 1;*/
    }

@media (max-width: 767px) {

    .navbar-custom .navbar-collapse {
        order: 1;
    }

        .navbar-custom .navbar-collapse .nav {
            flex-direction: column;
        }

            .navbar-custom .navbar-collapse .nav .language-icon {
                order: 1;
            }
}
/*end menu*/

table.Grid {
    background-color: white;
}

    table.Grid > tbody > tr > th, table.Grid > tbody > tr > td {
        padding: 0.4em;
    }

    table.Grid > tbody > tr > td {
        border: solid 1px #d8d8d8;
        border-left: 0;
        border-right: 0;
        /*white-space: nowrap;*/
    }

    table.Grid > tbody > tr {
        transition: background-color 150ms ease-out;
    }

.btnCancel::before {
    content: "\f0a8";
}

.btnAdd::before {
    content: "\f0fe";
}

.btnPrint::before {
    content: "\f02f";
}

.btnSave::before {
    content: "\f0c7";
    color: cyan;
}

.btnSearch::before {
    content: "\f002";
}

.btnAccept::before {
    content: "\f164";
    color: blue;
}

.btnReject::before {
    content: "\f165";
    color: orange;
}

.btnSubmit::before {
    content: "\f1d8";
}

.btnUpload::before {
    content: "\f574";
}

.btnDelete::before {
    content: "\f2ed";
    color: orange;
}

.btnExport::before {
    content: "\f56d";
}

.btnCancel::before,
.btnAdd::before,
.btnPrint::before,
.btnSave::before,
.btnSearch::before,
.btnAccept::before,
.btnReject::before,
.btnSubmit::before,
.btnUpload::before,
.btnDelete::before, a.btn::before {
    font-family: "Font Awesome 5 Free";
    font-size: 1.5em;
    line-height: 1em;
    padding-inline-end: .5em;
}

.btnCancel,
.btnAdd,
.btnPrint,
.btnSave,
.btnSearch,
.btnAccept,
.btnReject,
.btnSubmit,
.btnUpload,
.btnDelete {
    padding-left: 0.75em;
    padding-right: 0.75em;
    background-image: none;
}

/*** start theme, this should be overrider on peroject level and must be in same order ***/
input[type='button'], input[type='submit'] {
    /*background-color: ?;*/
}

.popup .dragme {
    background-color: #A17205;
}

table.Grid > tbody > tr:nth-child(odd) {
    background-color: #dce2ff;
}

table.Grid > tbody > tr > th, table.Grid > tbody > tr.head > td {
    color: white;
    /*background-color: #8f8f8f;*/
    border-bottom: solid 2px #d8d8d8;
    background-image: linear-gradient( 0deg,#767a97c7 0%,#59a9db 100%);
}

table.Grid tr.head a {
    color: saddlebrown;
}

table.Grid > tbody > tr.selected {
    background-color: #eeffee;
}

table.Grid > tbody > tr:hover td {
    background-color: #ebebeb;
}
/*** end theme ***/
.h100 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 100%;
}

body {
    margin: 0;
}

@media (max-width: 900px) {
    table.Grid > tbody > tr > td {
        white-space: nowrap;
    }
}

.header {
    padding: 0;
}

    .header .hleft {
        margin: auto;
        font-size: 1.5em;
        font-weight: bold;
        padding: 0 2em;
    }

    .header .hright {
        text-align: end;
    }

        .header .hright img {
            max-height: 7em;
        }

.course_detail {
    width: 100%;
    padding: 1em;
    background-color: #e5eaff;
    margin: 0.2em;
    border: 1px solid #9daaf3;
}

    .course_detail legend {
        background-color: #cfd8ff;
        padding: 0.5em;
    }

table.Grid th img.sml {
    max-width: 3em;
    max-height: 3em;
}