.bg-img {
    /* The image used */
    /*background-image: url("../Image/Dashboard.png");*/
    background-image: linear-gradient(to top, #0e528a,#0d918c);
    min-height: initial;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 4;
}

.SuccessLabel {
    font-family: Bahnschrift;
    font-weight: bold;
    font-size: 15px;
    color: darkgreen;
}

.ErrorLabel {
    font-family: Bahnschrift;
    font-weight: bold;
    font-size: 15px;
    color: red;
}

.SubModalHeader {
    font-family: Bahnschrift;
    font-weight: bold;
    font-size: 20px;
    color: white;
}

.icons_font {
    position: relative;
}

    .icons_font i {
        position: absolute;
        right: 10px;
        top: 33px;
        color: black;
        padding: 4px;
    }

.ButtonCSSSave {
    background-image: linear-gradient(to right, #888ff7,#0e528a,black);
    color: white;
    border-radius: 1px;
    font-family: Bahnschrift;
    font-weight: lighter;
}

.ButtonGo_To_Report {
    color: white;
    background-color: #023d65;
    border-radius: 0px;
    text-align: center;
}

.tdarrow {
    color: white;
}

.ButtonGo_To_Search {
    background-image: linear-gradient(to top, yellow,darkred,black);
    color: white;
    border-radius: 4px;
}

.ButtonGo_To_Download {
    background-image: linear-gradient(to right, #888ff7,darkgreen);
    color: white;
    border-radius: 0px;
}

.ButtonCSSClear {
    background-image: linear-gradient(to right, red,darkred,black);
    color: white;
    border-radius: 1px;
    font-weight: lighter;
}

.dataTables_empty {
    background-color: crimson;
    padding: 10px;
    text-align: center;
    color: white;
    font-weight: lighter;
}

/*.OnFocus
{
    background-color: lightcyan;
}

.OnBlur
{
    background-color: white;
}*/

.SideMenus {
    font-family: Bahnschrift;
    color: white;
    font-size: 16px;
    font-weight: lighter;
}


.TopMenus {
    font-family: Bahnschrift;
    color: white;
    font-size: 14px;
    font-weight: lighter;
}


.Necessory_Label {
    font-family: Bahnschrift;
    color: red;
    font-size: 18px;
    font-weight: 300;
}

.Not_Necessory_Label {
    font-family: Bahnschrift;
    color: black;
    font-size: 18px;
    font-weight: 300;
}

.Modal_Header {
    font-weight: 300;
    font-size: 10px;
    color: red;
}

.HeaderTitleLable {
    font-weight: 700;
    font-size: 20px;
    color: black;
}

.thead {
    background-color: black;
    /*background-image: linear-gradient(to right bottom, #677497, #6d7da5, #7387b4, #7991c3, #7f9bd2, #7aa7e0, #72b3ec, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);*/
    color: white;
    border-radius: 0px;
    font-family: Bahnschrift;
    font-weight: lighter;
}

.table_Pagination {
    font-family: Bahnschrift;
    font-weight: lighter;
    color: black;
}

.tbody {
    background-color: white;
    color: black;
}

.th {
    padding: 4px;
    padding-left: 5px;
    font-weight: lighter;
    font-family: Bahnschrift;
}

.td {
    font-family: Bahnschrift;
    font-weight: 300;
    color: black;
    font-size: 15px;
}

.td_Sale_Quotation_Purchase {
    padding: 0px;
    padding-left: 0;
}


.tfoot_Td {
    border: 1px solid gray;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: black;
    padding: 5px;
}

.tfoot_Td_btn {
    padding: 6px;
    padding-left: 9px;
    padding-right: 9px;
}


.Report_td {
    font-family: Bahnschrift;
    font-weight: normal;
    padding: 5px;
    font-size: 14px;
    color: black;
}

.Report_th {
    padding: 4px;
    font-family: Bahnschrift;
    color: white;
    font-size: 15px;
    font-weight: 400;
}

.Report_tf {
    padding: 6px;
    color: red;
    font-size: 16px;
    font-weight: 700;
}

.TextBox {
    border: 1px solid gray;
    font-weight: 400;
}

.Amount_TextBox {
    border: 1px solid silver;
    font-weight: 400;
}

.Sale_TextBox {
    border: 1px solid gray;
    font-weight: 400;
}
/* Bind Temporay Table Data */

.PaddingLeft {
    font-family: Bahnschrift;
    padding: 8px;
    font-weight: lighter;
    font-size: 14px;
    color: black;
}

.TemporayHide {
    color: white;
}

.Temp_Remove_Button {
    background-image: linear-gradient(to right, darkred,darkred,darkred);
    border-color: transparent;
    font-size: 14px;
    color: white;
    padding: 3px 10px 3px 10px;
    font-family: Bahnschrift;
    font-weight: lighter;
}

.Modal_Header {
    font-weight: 500;
    font-size: 16px;
    color: white;
}

.Table {
    width: 100%;
    border: 1px solid silver;
    font-weight: 500;
}

#divHeaderTitle {
    padding: 5px;
    text-align: center;
    background-color: goldenrod;
    font-weight: 500;
    font-size: 16px;
    color: black;
}