/* font-Yekan */
@font-face {
    font-family: Yekan;
    font-weight: normal;
    src: url('/Fonts/yekan.eot');
    src: url('/Fonts/yekan.eot?#iefix') format('embedded-opentype'), url('/Fonts/yekan.woff') format('woff'), url('/Fonts/yekan.ttf') format('truetype');
}

.currentPageButton {
    color: #8f0fea;
    font-size: 14px;
    font-weight: bolder;
}

body {
    background-color: #f1fbff;
    background-color: #ffffff;
    background-repeat: repeat-x;
    color: #444f4c;
    direction: rtl;
    font-family: Yekan, tahoma !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: right;
    /*background-image: url('/pic/WebSiteBg/Patthern.png');
    background-repeat: repeat;*/
}

.rrMenuPanel {
    margin: 3px 0 3px 0;
    text-align: right;
    width: 100%;
}

.rrMenuPanelTitle { border-bottom: 3px solid #E9ECED; }

.rrMenuPanelBody { padding: 1px 15px 3px 5px; }

.insertIcon {
    background-image: url('../pic/Add.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
}

.updateIcon {
    background-image: url('../pic/pencil.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
}

.grid {
    background: #FFFFFF;
    border: 1px solid #A2ADD5;
    width: 100%;
}

.gridHeader {
    background-color: #E7F4FF;
    background-image: url('../pic/gridH.gif');
    border: 1px solid #A2ADD5;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
}

.gridColumnRTL { direction: rtl; }

.gridColumnLTR { direction: ltr; }

.pageRow { text-align: center; }

.rowHeader {
    background-color: #E7F4FF;
    background-image: url('../pic/gridH.gif');
    border: 1px solid #A2ADD5;
    font-weight: normal;
    white-space: nowrap;
    width: 5%;
}

.gridAlternatingRow { background: #F4F9FF; }

.gridRow:hover, .gridAlternatingRow:hover { background: #E3F2F2; }

.gridSelectedRow { background: #A7D6D6; }

.detailsView {
    border-width: 0;
    margin: 5px;
}

.detailsViewFieldHeader {
    padding: 1px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.detailsViewField {
    color: #3D5A5A;
    padding: 1px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.searchFieldHeader {
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.detailFormFieldHeader {
    padding: 1px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.detailsViewRow {
    color: #003E3E;
    padding: 1px 1px 1px 10px;
    text-align: right;
    vertical-align: middle;
}

.rrPanel {
    background-color: #F7F8FC;
    border: 1px solid #98AAB1;
    margin: 5px;
}

.rrPanelTitle {
    background-color: #E3EEE7;
    background-image: url('../pic/menuTitle.gif');
    height: 24px;
    padding-right: 10px;
}

.rrPanelBody {
    background: #F5F8FA;
    background-image: url('../pic/paper4.jpg');
    border: 1px solid #D1D7DC;
    padding: 25px 5px 5px 5px;
}

.searchButton {
    font-family: Tahoma;
    font-size: 12px;
    width: 20%;
}

.insertButton {
    background-image: url('../pic/insertButton.png');
    border-width: 0;
    height: 22px;
    width: 20%;
}

.updateButton {
    background-image: url('../pic/updateButton.png');
    border-width: 0;
    height: 22px;
    width: 20%;
}

.deleteButton {
    background-image: url('../pic/deleteButton.png');
    border-width: 0;
    height: 22px;
    width: 20%;
}

.Success {
    background-image: url('../pic/Accept.png');
    background-position: right;
    background-repeat: no-repeat;
    color: #008000;
    padding-right: 20px;
}

.Error {
    background-image: url('../pic/error.png');
    background-position: right;
    background-repeat: no-repeat;
    color: #FF0000;
    padding-right: 20px;
}

A:link {
    COLOR: navy;
    TEXT-DECORATION: none;
}

A:visited {
    COLOR: navy;
    TEXT-DECORATION: none;
}

A:hover {
    COLOR: #2277dd;
    TEXT-DECORATION: none;
}

.button {
    background-image: url('../pic/gridH.gif');
    border: 1px solid #AAB9CE;
    color: #375170;
    font-family: tahoma;
    font-size: 11px;
    height: 22px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0;
}

.button:hover { background-image: url('../pic/gridS.png'); }



.menuPanel {
    color: #008000;
    line-height: 16px;
    padding-left: 20px;
    padding-top: 9px;
    text-align: center;
    vertical-align: top;
    width: 18%;
}

.menuItem {
    background-position: right 1px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #b2c3ca;
    padding-bottom: 3px;
    padding-right: 14px;
    padding-top: 2px;
    text-decoration: none !important;
}

.menuItem:hover { background-color: #F2FEFF; }

.menuItem:last-child { border-bottom: none !important; }

.menuItem a {
    font-size: 13px;
    text-decoration: none !important;
}

.page {
    background-color: #CCCCFF;
    margin: 5px auto 0 auto;
    width: 100%;
}

.main {
    background-color: #fff;
    border: 1px solid #A7B8C9;
    /*height: 500;*/
    margin: 1px;
    min-height: 420px;
    padding: 10px 10px 30px 10px;
}

.delete {
    background-image: url('../pic/error.png');
    background-position: right;
    background-repeat: no-repeat;
    color: Red;
    font-size: 12px;
    padding-right: 20px;
}

.textBoxM {
    background-image: url('../pic/textboxM.gif');
    border: 1px Solid #d7e4ee;
    font: 12px Tahoma;
    height: 18px;
    padding-right: 3px;
    vertical-align: top;
}

.label {
    background-color: #DEE8F5;
    padding-right: 3px;
    text-align: right;
    vertical-align: top;
}

.labelText {
    background-color: #EFF3FB;
    color: #003E3E;
    padding-right: 3px;
    text-align: right;
    vertical-align: top;
}

.RequiredField {
    color: Red;
    font-size: 12px;
    text-align: right;
    vertical-align: top;
}

.bold { font-weight: bold; }

.collapse {
    background-image: url('../pic/mnuc.gif');
    color: #006600;
    font-size: 12px;
    height: 16px;
    margin-bottom: 5px;
    padding: 8px 8px 6px 8px;
    text-align: center;
    width: 100%;
}

.expand {
    background-image: url('../pic/mnue.gif');
    color: #006600;
    font-size: 12px;
    height: 16px;
    margin-bottom: 5px;
    padding: 8px 8px 6px 8px;
    text-align: center;
    width: 100%;
}

.legend {
    background-image: url('../pic/menuTitle.gif');
    border: 3px double #6d9bab;
    border-radius: 6.9px;
    box-shadow: inset 0 0 19px 13.9px #2c689b, 0 2px 3.9px 0 #222;
    color: #eeeeee;
    font-size: 12px;
    font-size: 13.9px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 6px 12px 6px 12px;
    text-align: center;
    text-shadow: 0 0 3.9px #222;
}

fieldset {
    border: 3px double #99b4bd;
    margin: 10px;
    min-width: 50%;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 10px;
}

.textBox {
    background-color: white;
    border: 1px Solid #d7e4ee;
    border: 1px solid #adadad;
    font: 12px Tahoma;
    height: 23.9px;
    padding-right: 3px;
    vertical-align: top;
    width: 100%;
}

.textBox:focus, .dropDownList:focus { border: 1px Solid #BAF847; }

.dropDownList {
    border: 1px Solid #9c9c9c;
    font: 12px Tahoma;
    height: 22px;
    padding-right: 3px;
    padding-top: 0;
    vertical-align: top;
    width: 255px;
}

a.logout:link { color: Yellow; }

a.logout:visited { color: Yellow; }

.textBoxDate {
    background-image: url('../pic/textbox.png');
    border: 1px Solid #d7e4ee;
    direction: ltr;
    font: 12px Tahoma;
    height: 18px;
    padding-right: 3px;
    text-align: right;
    vertical-align: top;
    width: 248px;
}

.ltr { direction: ltr; }

.rtl { direction: rtl; }

.downCell {
    background-image: url('../pic/down.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.upCell {
    background-image: url('../pic/up.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 18px;
}

/* ### G9 Design ###*/

#G9Menu {
    background-color: #375170;
    box-shadow: -3px 0 3.9px 0 #222;
    display: none;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 239px;
    z-index: 9;
}

#G9Menu_Bg {
    filter: blur(3px);
    opacity: 0.29;
    position: absolute;
    right: 0;
    top: 0;
}

#G9Header {
    background-color: #00689b;
    background-image: linear-gradient(111.8deg, rgba(0, 173, 239, 1) 19.8%, rgba(0, 104, 155, 1) 92.1%);
    background-image: url('/pic/G9Header/Header.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 1px 3.9px 1px #222, 0 -3px 9px 0 #222 inset;
    height: 13.69vw;
    position: relative;
    width: 100%;
}

#LogoAreaForClick {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 11%;
}

#G9Header_Information {
    background-color: #22224f;
    background-color: rgba(34, 34, 79, 0.13);
    border-radius: 3.9px;
    bottom: 16.9px;
    box-shadow: 0 0 3.9px 0 #222;
    font-size: 10.69px;
    height: 119px;
    min-width: 369.9px;
    padding: 1.6px;
    position: absolute;
    right: 11.69%;
    width: 28.39%;
}

#G9Header_Information div { float: right; }

.rrExpandPanel {
    margin-bottom: 9.9px;
    margin-right: 13.9px;
}

.rrExpandPanel_right_top, .rrExpandPanel_left_top, .rrExpandPanel_right_middle, .rrExpandPanel_left_middle, .rrExpandPanel_right_bottom, .rrExpandPanel_left_bottom { display: none; }

.rrExpandPanel_middle_top {
    background: #00689b !important;
    background: rgba(0, 104, 155, 1) !important;
    border-radius: 6.9px 6.9px 0 0;
    box-shadow: 0 0 1.9px 0 #222, 0 0 4px 0 #222 inset;
    color: #eee;
    font-size: 13px;
    font-weight: bold;
    height: 19px !important;
    overflow: hidden;
    padding: 9.9px;
    padding-right: 46.9px;
    position: relative;
    text-shadow: 0 0 3.9px #222;
    width: 100%;
}

.rrExpandPanel_middle_top img {
    background-color: #23234d;
    background-color: hsla(240, 38%, 22%, 0.13);
    background-color: rgba(34, 34, 77, 0.13);
    /* ReSharper disable once HexColorValueWithAlpha */
    /* ReSharper disable once SyntaxIsNotAllowed */
    background-color: rgba(34, 34, 77, 0.13);
    border-left: 1px dashed #222;
    box-shadow: 0 0 3.9px 0 #222;
    height: 100%;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.rrExpandPanel_middle_middle {
    background: #d6ecf4 !important;
    background: rgb(214, 236, 244) !important;
    border-radius: 0 0 3.9px 3.9px;
    box-shadow: 0 0 1.9px 0 #222, 0 0 4px 0 #056a86 inset;
    padding: 0 !important;
    padding: 1px 0 3px 0 !important;
    position: relative;
}

.rrExpandPanel_middle_bottom {
    background: #00689b !important;
    background: rgba(0, 104, 155, 1) !important;
    border-radius: 0 0 9.9px 9.9px;
    display: none;
    height: 6.9px !important;
    position: relative;
}

#tdprint {
    padding-top: 9.9px;
    position: relative;
}

#G9LoginFrame_Bg {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: url('/pic/G9Login/bg1.jpg') no-repeat center center fixed;
    background-size: cover;
    filter: blur(3.9px);
    height: 106%;
    left: -3%;
    position: fixed;
    top: -1.5%;
    width: 106%;
    z-index: 999999998;
}

#G9LoginFrame_BlackBG {
    align-items: center;
    background-color: #868686;
    background-color: rgba(134, 134, 134, 0.39);
    box-shadow: 0px 0 6.9px 0px #222;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 539.9px;
}

#G9LoginFrame {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}


#G9LoginFrame_Frame {
    align-items: center;
    background-color: #222222;
    background-color: rgba(34, 34, 34, 0.39);
    border-radius: 3.9px;
    box-shadow: 0 0 9.9px 0 #222;
    color: #eee;
    display: flex;
    height: 239px;
    justify-content: center;
    position: relative;
    top: -69px;
    width: 399px;
}

#G9LoginFrame_Frame_Title {
    align-items: center;
    color: #eeeeee;
    display: flex;
    font-family: verdana;
    font-family: "B Yekan", Tahoma;
    font-size: 36.9px;
    font-weight: 900;
    justify-content: center;
    left: 0;
    padding-bottom: 13.9px;
    position: absolute;
    text-shadow: 0 1px 1px #ddd, 0 2px 0 #c5bba4, 0 3px 0 #c5bba5, 0 4px 0 #b7ae98, 0 5px 0 #a39a87, 0 6px 0 #8b8472, 0 7px 0 #726c5c, 0 8px 0 #5b5547, 0 9px 7px #474136;
    text-transform: uppercase;
    top: -99px;
    white-space: nowrap;
    width: 100%;
}

.gridColumnRTL { text-align: center; }

.detailsView tbody tr td input[type='text'] { width: 100%; }

.gridHeader th { text-align: center; }

.gridCellRTL, .gridCellLTR { text-align: center; }

.gridCellLTR { direction: ltr !important; }

.G9Time24Error {
    background-color: #ff8c8c !important;
    box-shadow: inset 0 0 9px 1px #ff5557 !important;
}

div[id*='oReportDiv'] { direction: rtl !important; }

div[id*='oReportDiv'] table { direction: ltr !important; }