/* Common tags                 */
/*-----------------------------*/
body {
    font-family: Verdana;
    font-size: small;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0px;
    padding: 0;
    text-align: left;
    background-image: url(Images/back.gif);
}

.ui-tabs {
    background: #3163C4 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #85b8ff !important;
    text-decoration: none
}

ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #1705fb !important;
    text-decoration: none;
    border: 1px solid #85b8ff !important;
    background: #85b8ff !important
}

p {
    line-height: 1.4em;
}

hr {
    border: 0;
    border-top: 2px solid #1705fb;
    height: 2px;
}

img {
    border-width: 0;
}

.menutextindent {
    font-size: x-small;
}

#pnlInfoPanel {
    background-color: #1705fb;
    border: double;
}



/* Tables                      */
/*-----------------------------*/
table {
    font-size: 1em;
}

td {
    font-family: Verdana;
    font-size: small;
    font-weight: normal;
    color: #1705fb;
}


.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #85b8ff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.ErrorModalPopup {
    background-color: #1705fb;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    height: 70px;
}

.validatorCalloutHighlight {
    background-color: Red;
}

.ListBoxPrompt {
    display: none;
}

.AjaxCalendar .ajax__calendar_container {
    border: 1px solid black;
    background-color: #85b8ff;
    color: red;
}

.AjaxCalendar .ajax__calendar_other .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_month,
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: white;
}

.AjaxCalendar .ajax__calendar_active .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_active .ajax__calendar_month,
.AjaxCalendar .ajax__calendar_active .ajax__calendar_year {
    color: white;
    font-weight: bold;
    background-color: black;
}

.MyMsgHighlight {
    background-color: #1705fb;
    border: double;
}

.CustomValidatorCalloutStyle div,
.CustomValidatorCalloutStyle td {
    border: ridge;
    background-color: #1705fb;
    color: white;
}

.SaveButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/save.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .SaveButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/save.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.SaveSmallButton {
    width: 25px;
    height: 22px;
    background-color: transparent;
    background-image: url(Images/save-small.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .SaveSmallButton[disabled="disabled"] {
        width: 25px;
        height: 22px;
        background-color: transparent;
        background-image: url(Images/save-small.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.SaveCarryButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/save-carry.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .SaveCarryButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/save-carry.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.CancelButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/cancel.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.DeleteButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/delete.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .DeleteButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/delete.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.AssignLineNoButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/assignLineNo.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .AssignLineNoButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/assignLineNo.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.ValidateButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/validate.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .ValidateButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/validate.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.GenerateButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/generate.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .GenerateButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/generate.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.ImportButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/import.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .ImportButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/import.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.PostButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/post.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .PostButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/post.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.CancelPostButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/Cancelpost.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .CancelPostButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/Cancelpost.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }


.PrintButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/print.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .PrintButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/print.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }


.SmallPrintButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/smallprint.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .SmallPrintButton[disabled="disabled"] {
        background-color: transparent;
        width: 25px;
        height: 22px;
        background-image: url(Images/smallprint.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.ExcelButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/excel.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .ExcelButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/excel.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.EmailButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/Email.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .EmailButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/Email.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.SettingButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/setting.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.CopyButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/copy.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.GoButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/go.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .GoButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/go.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.PdfButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/pdf.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.WordButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/word.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.ViewButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/view.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .ViewButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/view.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.LeftDblArrowButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/left-dbl-arrow.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.RightDblArrowButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/right-dbl-arrow.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.UpButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/up.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.DownButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/down.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.RefreshButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/refresh.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.NewButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/new.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .NewButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/new.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.SearchButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/search.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.CalculateButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/calculate.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .CalculateButton[disabled="disabled"] {
        background-color: transparent;
        width: 25px;
        height: 22px;
        background-image: url(Images/calculate.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.AddButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/add.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .AddButton[disabled="disabled"] {
        background-color: transparent;
        width: 25px;
        height: 22px;
        background-image: url(Images/add.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.MoreButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/more.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .MoreButton[disabled="disabled"] {
        background-color: transparent;
        width: 25px;
        height: 22px;
        background-image: url(Images/add.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.SmallDeleteButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/smalldelete.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .SmallDeleteButton[disabled="disabled"] {
        background-color: transparent;
        width: 25px;
        height: 22px;
        background-image: url(Images/smalldelete.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.OkButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/ok.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.EditButton {
    background-color: transparent;
    width: 25px;
    height: 22px;
    background-image: url(Images/edit.png);
    vertical-align: top;
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .EditButton[disabled="disabled"] {
        background-color: transparent;
        width: 25px;
        height: 22px;
        background-image: url(Images/edit.png);
        vertical-align: top;
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.CloseButton {
    background-color: transparent;
    width: 16px;
    height: 16px;
    background-image: url(Images/close.gif);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

.SmsButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/sms.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .SmsButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/sms.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

.GrayTextBox {
    font-size: small;
    background-color: gray;
    color: #1705fb;
    font-style: italic;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.DefaultTextBox[disabled="disabled"] {
    font-size: small;
    background-color: transparent;
    color: white;
    font-style: italic;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
    opacity: 0.6;
}

.DefaultTextBox {
    font-size: small;
    background-color: white;
    color: #1705fb;
    font-style: italic;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

    .DefaultTextBox[disabled="disabled"] {
        font-size: small;
        background-color: transparent;
        color: white;
        font-style: italic;
        font-family: Verdana;
        margin-bottom: 0px;
        margin-top: 0px;
        opacity: 0.6;
    }

.NumberTextBox {
    font-size: small;
    background-color: white;
    color: #1705fb;
    font-style: italic;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: right;
}

    .NumberTextBox[disabled="disabled"] {
        font-size: small;
        background-color: gray;
        color: white;
        font-style: italic;
        font-family: Verdana;
        margin-bottom: 0px;
        margin-top: 0px;
        opacity: 0.6;
    }

.LargeTextBox {
    font-size: large;
    background-color: white;
    color: #1705fb;
    font-style: italic;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.DefaultLabel {
    font-size: small;
    background-color: transparent;
    color: white;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.LargeLabel {
    font-size: large;
    background-color: transparent;
    color: white;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.ModuleHeadLabel {
    font-size: 20px;
    background-color: #1705fb;
    color: white;
    font-family: Verdana;
    Height: 24px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.SmallLabel {
    font-size: small;
    background-color: transparent;
    color: #1705fb;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.XSmallLabel {
    font-size: x-small;
    background-color: #1705fb;
    color: white;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.MyGridView {
    background-color: white;
    border-color: #85b8ff;
    border-style: solid;
    border-width: 2px;
    color: black;
    font-size: 12pt;
    padding: 3px;
    font-family: Verdana;
    overflow-y: auto;
}

.MyGridView-header a {
    color: White;
    font-weight: bold;
}

table.MyGridView th {
    background-color: #1705fb;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    position: sticky;
    top: 0;
    z-index: 1;
}

table.MyGridView td {
    font-size: 0.8em;
    color: black;
}

.HeaderLine {
    border-bottom: double #85b8ff 5px;
    width: 100%;
}

.HeaderMenu {
    background-color: #85b8ff;
    border-style: ridge;
    font-family: Verdana;
    font-size: 12pt;
    color: black;
}

    .HeaderMenu ul {
        border: solid 1px;
        background-color: #85b8ff;
        color: black;
    }

        .HeaderMenu ul li {
            border-left: solid #1705fb 1px;
        }

            .HeaderMenu ul li ul {
                min-width: 150px;
            }

                .HeaderMenu ul li ul li {
                    border-bottom: solid #1705fb 1px;
                }

                    .HeaderMenu ul li ul li a {
                        padding: 2px 5px;
                        color: #1705fb;
                    }

                        .HeaderMenu ul li:hover, .HeaderMenu ul li ul li:hover, .HeaderMenu ul li a:hover, .HeaderMenu ul li ul li a:hover, .HeaderMenu ul li a.selected {
                            background-color: #1705fb;
                            color: white;
                        }

                        .HeaderMenu ul li ul li a.aspNetDisabled {
                            background-color: #85b8ff;
                            color: #1705fb;
                            font-style: italic;
                            font-family: Verdana;
                            opacity: 0.4;
                            cursor: pointer;
                        }

.Paging {
    background-color: #85b8ff;
    color: black;
    font-size: 12pt;
}

.GridViewFooter {
    background-color: #1705fb;
    font-size: 12pt;
    font-weight: bold;
    color: white;
}

.GridViewAlternate {
    background-color: #85b8ff;
}

    .GridViewAlternate tr {
        padding: 0px;
    }

.FootTable {
    background-color: #73B9D7;
    width: 100%;
    position: fixed;
    left: 0px;
    height: 30px;
    bottom: 0px;
}

.GridView {
    background-color: #DBDBDB;
}

    .GridView th {
        background-color: #85b8ff;
        font-size: small;
    }

    .GridView tr {
        padding: 0px;
    }

.SearchViewAlternate {
    background-color: #85b8ff;
    font-size: small;
}

.SearchView {
    background-color: #DBDBDB;
    font-size: small;
}

    .SearchView th {
        background-color: #85b8ff;
        font-size: small;
    }

    .SearchView tr {
        padding: 0px;
    }

.dataTables_filter input {
    font-size: small;
    background-color: white;
    color: #1705fb;
    font-style: italic;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0.5em
}

.dataTables_filter label {
    font-size: x-small;
    background-color: #1705fb;
    color: white;
    font-family: Verdana;
    margin-bottom: 0px;
    margin-top: 0px;
}

.error {
    color: red;
    /*animation: blinkingText 1s infinite;*/
}
/*@keyframes blinkingText {
    0% {
        color: red;
    }
    49% {
        color: transparent;
    }
    50% {
        color: red;
    }
    99% {
        color: transparent;
    }
    100% {
        color: red;
    }
}*/

.ui-menu-item {
    color: #1705fb;
    font-style: italic;
    font-family: Verdana;
}

.pagebreak {
    page-break-before: always;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #1705fb;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1050;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

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

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
.WAButton {
    width: 75px;
    height: 30px;
    background-color: transparent;
    background-image: url(Images/whatsapp.png);
    margin: 0px;
    border: none;
    background-repeat: no-repeat;
}

    .WAButton[disabled="disabled"] {
        width: 75px;
        height: 30px;
        background-color: transparent;
        background-image: url(Images/whatsapp.png);
        margin: 0px;
        border: none;
        background-repeat: no-repeat;
        opacity: 0.4;
    }