@font-face {
    font-family: 'Calibri';
    src: url('../../Fonts/fonts/Calibri-BoldItalic.eot');
    src: url('../../Fonts/fonts/Calibri-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../../Fonts/fonts/Calibri-BoldItalic.woff2') format('woff2'), url('../../Fonts/fonts/Calibri-BoldItalic.woff') format('woff'), url('../../Fonts/fonts/Calibri-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../../Fonts/fonts/Calibri-Italic.eot');
    src: url('../../Fonts/fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'), url('../../Fonts/fonts/Calibri-Italic.woff2') format('woff2'), url('../../Fonts/fonts/Calibri-Italic.woff') format('woff'), url('../../Fonts/fonts/Calibri-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../../Fonts/fonts/Calibri-Bold.eot');
    src: url('../../Fonts/fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('../../Fonts/fonts/Calibri-Bold.woff2') format('woff2'), url('../../Fonts/fonts/Calibri-Bold.woff') format('woff'), url('../../Fonts/fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../../Fonts/fonts/Calibri-LightItalic.eot');
    src: url('../../Fonts/fonts/Calibri-LightItalic.eot?#iefix') format('embedded-opentype'), url('../../Fonts/fonts/Calibri-LightItalic.woff2') format('woff2'), url('../../Fonts/fonts/Calibri-LightItalic.woff') format('woff'), url('../../Fonts/fonts/Calibri-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../../Fonts/fonts/Calibri-Light.eot');
    src: url('../../Fonts/fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'), url('../../Fonts/fonts/Calibri-Light.woff2') format('woff2'), url('../../Fonts/fonts/Calibri-Light.woff') format('woff'), url('../../Fonts/fonts/Calibri-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../../Fonts/fonts/Calibri.eot');
    src: url('../../Fonts/fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('../../Fonts/fonts/Calibri.woff2') format('woff2'), url('../../Fonts/fonts/Calibri.woff') format('woff'), url('../../Fonts/fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.buttonBlock input {
    display: none;
}

.bold_cell1:hover .buttonBlock input {
    display: block;
}

html, body, form {
    padding: 0px 0px 0px 0px;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Calibri;
}
select {
    font-family: Calibri, sans-serif;
}
    select option {
        font-weight: bold;
    }

.MainBackground {
    background-color: #EFEFE8;
    background-repeat: repeat;
    background-attachment: scroll;
}

.tblMain {
    border: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    margin-top: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.tbMyForm table {
    border: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
    margin-top: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.tbMyForm h4 {
    text-align: center;
}

.tbMyForm, .tblMain tr, .tblMain td {
    vertical-align: top;
}

    .tbMyForm td {
        padding-left: 2px;
    }

#tdContent {
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-color: White;
    padding: 10px;
}


.trMenu {
    height: 100%;
    border: solid 1px Gray;
}

.DropDownList {
    text-align: left;
    font-weight: bold;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: White;
    border: none;
}

.DropDownListRequired {
    text-align: left;
    font-weight: bold;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: White;
    border: none;
}

.searchbartext {
    border: none;
    width: 100%;
    font-size: 11px;
    outline: none;
    font-weight:bold;
}

.searchbarImage {
    cursor: pointer;
}

.MenuButton {
    background-color: #6B6B5F;
    background-image: none;
    border: none;
    text-decoration: none;
    font-weight: bold;
    color: #BBBBBB;
}

.MenuButtonHover {
    Color: white;
    background-color: #6B6B5F;
    background-image: none;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.HorizentalHeader {
    background: #e5e8ee;
    /*background: -moz-linear-gradient(top, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
    background: -webkit-linear-gradient(top, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
    background: linear-gradient(to bottom, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);*/
    border-bottom: 2px solid #444444;
    padding: 5px 10px 5px 10px;
    color: black;
    font-family: Calibri;
    font-size: 14px;
    border: 1px solid #cccccc;
    font-weight: bold;
    text-align: center;
}

.HorizentalHeaderVal {
    background: White;
    border: solid 1px #CC9900;
    vertical-align: middle;
    height: 18px;
    text-align: center;
}

.HorizentalHeaderVallock {
    padding: 5px 10px 5px 10px;
    color: #454545;
    font-family: Calibri;
    font-size: 14px;
    border: 1px solid #cccccc;
    vertical-align: middle;
    text-align: center;
}

.VeriticalHeader {
    background: #e5e8ee;
    /*background: -moz-linear-gradient(top, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
  background: -webkit-linear-gradient(top, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
  background: linear-gradient(to bottom, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);*/
    border-bottom: 2px solid #444444;
    padding: 5px 10px 5px 10px;
    color: black;
    font-family: Calibri;
    font-size: 14px;
    border: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
}

.VeriticalHeaderDari {
    background-color: #e5e8ee;
    border: solid 1px #444444;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: black;
}

.VeriticalHeaderVal {
    background: White;
    border: 1px solid gray;
    vertical-align: middle;
    height: 30px;
    text-align: center;
}

.NumberTextBox {
    background: none;
    border: none;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}

.MarkTextBox {
    background: none;
    border: 1px solid #454545;
    width: 50px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}

.NumberTextBoxRequired {
    background: none;
    border: none;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}

.TextBox {
    background: none;
    border: none;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
}

.Label {
    text-transform: uppercase;
}

.TextBoxRequired {
    background: none;
    border: none;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
}

.DateTextBox {
    direction: rtl;
    background: none;
    border: none;
    height: 100%;
    width: 98%;
    font-weight: lighter;
    vertical-align: middle;
}

.DateTextBoxRequired {
    direction: rtl;
    background: none;
    border: none;
    height: 100%;
    width: 98%;
    font-weight: lighter;
    vertical-align: middle;
}

.Empty {
    height: 5px;
    background-color: White;
    color: White;
}

.Button1 {
    display: inline-block;
    position: relative;
    font-family: Calibri;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 27px;
    margin: 16px;
    min-width: 80px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    color: white;
    background-color: #023464;
    background-image: -moz-linear-gradient(center top,#023464, #023464);
}

.Button {
    display: inline-block;
    position: relative;
    font-family: Calibri;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 27px;
    margin: 16px;
    min-width: 80px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    color: white;
    background-color: #023464;
    background-image: -moz-linear-gradient(center top, #023464, #023464);
}

.ButtonHover {
    background-color: #F5F5F5;
    display: inline-block;
    position: relative;
    font-family: Calibri;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 27px;
    margin: 16px;
    min-width: 80px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    color: black;
}

.Button1Hover {
    background-color: #F5F5F5;
    display: inline-block;
    position: relative;
    font-family: Calibri;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 27px;
    margin: 16px;
    min-width: 80px;
    outline: 0 none;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    color: black;
}

.PreviewHorizental {
    border: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
    margin-top: 0px 0px 0px 0px;
    border-collapse: collapse;
}

    .PreviewHorizental th {
        background-color: #336699;
        color: White;
        text-align: center;
        padding: 3px 3px 3px 3px;
        border: solid 1px;
        opacity: 0.8;
        filter: alpha(opacity=80)
    }

    .PreviewHorizental td {
        background-color: White;
        color: black;
        text-align: center;
        padding: 3px 3px 3px 3px;
        border: solid 1px Orange;
    }

    .PreviewHorizental tfoot {
        background-color: White;
        color: White;
        text-align: right;
        border: none;
    }

.ActionImage {
    cursor: pointer;
}

.InnerFieldList {
    position: relative;
    text-align: center;
    padding: 10px 10px 10px 10px;
    border: 1px solid gray;
    height: 100%;
}

.FieldList {
    /*padding: 10px 10px 10px 10px;*/
    /*border: 1px solid #B0B0B0;*/
    padding: 0px;
    border: none;
    height: 100%;
    text-align: left;
}

.InnerLegend {
    position: relative;
    text-align: center;
    color: black;
    font-size: 15px;
}

.Legend {
    background: #023464;
    border: solid 1px #B0B0B0;
    padding: 3px;
    color: white;
}

.TextBoxFocused {
    border: solid 1px gray;
    width: 100%;
    font-weight: lighter;
    vertical-align: middle;
}

.NumberTextBoxFocused {
    background-color: #FFF2D5;
    border: none;
    height: 100%;
    width: 98%;
    font-weight: lighter;
    vertical-align: middle;
    text-align: left;
}

.GridHeader caption {
    color: White;
    background-color: red;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid white;
    padding: 5px;
}

.GridHeader th {
    border: solid 1px White;
}

/*
* GridView
*/
.gridview {
    /*border-top: 1px solid #BCBB9E;
    border-left: 1px solid #BCBB9E;
    border:solid 1px #BCBB9E;*/
}

.datarow > td, .alt-datarow > td, .selected-row > td {
    cursor: pointer;
    font-family: Calibri;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;
    height: 19px;
    border-style: solid;
    border-color: #BCBB9E;
    border-width: 0px 1px 1px 0px;
    overflow: hidden;
}

.alt-datarow > td {
    background-color: #F4F4F2;
}

.datarow:hover > td, .alt-datarow:hover > td {
    background-color: #D0E5F5;
}

.selected-row > td {
    background-color: #FEE265;
    border-color: #F9E198 #B69220 #B69220 #F9E198;
    font-weight: bold;
}

.datarow:hover > td:first, .alt-datarow:hover > td:first {
}

.headerrow {
    height: 22px;
    background-color: #EFEEE3 /*#EAE9E1*/;
}

    .headerrow th {
        padding: 1px 0px 1px 0px;
        font-family: Calibri;
        border-style: solid;
        border-width: 1px;
        border-color: /*#F9FAFC #B4B7BC #B4B7BC #F9FAFC*/ #B4B7BC #B4B7BC #B4B7BC #B4B7BC;
        empty-cells: show;
        overflow: hidden;
        margin: 0;
        background-color: transparent;
        padding: 2px 0;
        vertical-align: middle;
        font-size: 11px;
        color: #82806A;
        font-weight: bold;
        height: 14px;
        padding-left: 4px;
        padding-right: 4px;
        overflow: hidden;
        width: auto;
    }

.pagerrow {
    background-color: #F2F0E3;
}

    .pagerrow > td {
        border-color: #B4B7BC;
    }

    .pagerrow a, .pagerrow span {
        color: #6D84B4;
        cursor: pointer;
        font-family: Calibri;
        font-size: 12px;
        font-weight: bold;
        padding-left: 4px;
    }

.datarow > td.command, .selected-row > td.command, .alt-datarow > td.command {
    background-color: #EFEEE3;
    border-style: solid;
    border-width: 1px;
    border-color: #F9FAFC #B4B7BC #B4B7BC #B4B7BC;
    empty-cells: show;
    overflow: hidden;
    margin: 0;
    padding: 0px 0;
    vertical-align: top;
}

.KonkorCard {
    background-color: Gray;
    background-position: center;
    background-repeat: no-repeat;
}

table.hovertable {
    font-family: Calibri;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}

    table.hovertable th {
        background-color: #023464;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }

    table.hovertable tr {
        background-color: #d4e3e5;
    }

    table.hovertable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
    }

.myGridClass {
    background-color: #fff;
    margin: 5px 0 10px 0;
    overflow: auto;
    border: 1px solid #ccc;
    z-index: 999;
}

    /*data elements*/
    .myGridClass td {
        padding: 2px;
        border: solid 1px #c1c1c1;
    }

    /*header elements*/
    .myGridClass th {
        background: #e5e8ee;
        background: -moz-linear-gradient(top, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
        background: -webkit-linear-gradient(top, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
        background: linear-gradient(to bottom, #e5e8ee 0%, #eff3fb 30%, #e5e8ee 100%);
        border-bottom: 2px solid #444444;
        padding: 5px 10px 5px 10px;
        text-align: center;
    }

    .myGridClass tr:nth-child(2n+2) {
        background-color: #f9fafb;
        padding: 3px 2px;
    }

    .myGridClass tr:nth-child(2n+1) td {
        background-color: #f1f4f9;
        color: #454545;
    }

    .myGridClass tr td {
        padding: 5px 10px 5px 10px;
        color: #454545;
        font-family: Calibri;
        font-size: 14px;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }
    /*his will be the color of even row*/
    .myGridClass .alt {
        background: #fcfcfc url(Image/grid-alt.png) repeat-x top;
    }

    .myGridClass .pgr {
        background: #363670 url(Image/grid-pgr.png) repeat-x top;
    }

        .myGridClass .pgr table {
            margin: 3px 0;
        }

        .myGridClass .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .myGridClass .pgr a {
            color: Gray;
            text-decoration: none;
        }

            .myGridClass .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

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