@font-face { font-family: 'OpenSansHebrew'; src: url('OpenSansHebrew-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansHebrew'; src: url('OpenSansHebrew-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
body { font-family: 'OpenSansHebrew', Arial; direction: rtl; text-align: right; font-size: 16px; }
.head { height: 80px; background-image: linear-gradient(#fefefe, #c5c5c5); text-align: left; line-height: 80px; color: white; font-size: medium; font-weight: bold; padding: 0; }
.headMin { height: 45px; background-image: url(../Image/head.png); background-size: 100%; background-repeat: no-repeat; text-align: left; vertical-align: central; color: white; font-size: medium; font-weight: bold; }
.disabled { background-color: #d8d7d7 !important; color: #F5F5F5 !important; }
.logo { position: absolute; margin: 5px 5px 0 0; }
h1 { text-align: center; line-height: 40px; height: 40px; font-size: 40px; color: #153649; }
.on { background-color: #D2D2F2 !important; font-weight: bold; }
.onSubSelected { background-color: #D2D2F2; font-weight: bold; display: block; }
#nav { margin: 0; padding: 0; width: 100%; }
    #nav li { /*float the main list items*/ float: left; list-style: none; text-align: center; vertical-align: middle; width: 120px; line-height: 28px; border: 1px solid black; margin-right: 2px; background-color: #B9CDE5; }
        #nav li:hover { background-color: #D2D2F2; }
    #nav a { text-decoration: none; color: #254061; display: block; }
#subNav { margin: 0; padding: 0; width: 100%; height: 40px; background-color: #DCE6F2; display: none; }
    #subNav li { /*float the main list items*/ float: right; list-style: none; text-align: center; vertical-align: middle; width: 190px; line-height: 38px; margin-right: 2px; font-size: 14px; background-color: #DCE6F2; }
    #subNav a { text-decoration: none; color: #376092; }
.RadDropDownList { text-align: right !important; width: 220px !important; }
.rddlPopup .rddlList { text-align: right !important; }
.form-dv { padding-right: 20%; padding-left: 20%; }
.form-row { margin-top: 10px; line-height: 34px; text-align: center; }
    .form-row input[type="text"], .form-row input[type="password"], .form-row select { float: right; width: 90%; height: 28px; line-height: 24px; }
    .form-row img { vertical-align: auto !important; float: none; margin: 0 auto; }
    .form-row .datepicker { width: 86% !important; }
    .form-row div { float: right; }
    .form-row span { float: right; }
.form-row2 { line-height: 34px; padding-left: 6%; }
    .form-row2 .RadDropDownList { margin-top: 5px; }
.grdOrders td { direction: rtl; }
.grdOrders .ltr { direction: ltr !important; }
.navbar-collapse { padding: 0; }
.navbar-nav > li { float: left !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.txt-l { text-align: left; padding-left: 15px; font-weight: bold; font-size: 14px; }
.txt-r { text-align: right; }
.tx-l { text-align: left; }
    .tx-l span { float: left !important; margin-left: 20px; font-weight: bold; }
.left-box { padding-top: 6px; }
.top-nav { font-family: Arial, Helvetica, sans-serif; text-align: left; padding-left: 5%; float: right; font-size: 18px; list-style-type: none; margin: 0; height: 29px; background: url(../images/menu.jpg) repeat-x; }
    .top-nav li:first-child { display: inline; margin-left: 5%; padding: 0 !important; }
    .top-nav li { display: inline; margin-left: 3%; padding: 0 !important; }
        .top-nav li:hover { background-color: #153649 !important; }
        .top-nav li.selected { background-color: #153649; }
        .top-nav li a { color: #fff; font-size: 18px; line-height: 29px; padding: 0 20px !important; }
        .top-nav li:hover a { color: #fff; background-color: #153649 !important; }
        .top-nav li.selected a { color: #fff; }
.lblErr { text-align: center; color: red; font-size: 20px; font-weight: bold; }
.add-new { border: 1px solid #337ab7; padding: 5px 10px; color: #337ab7; border-radius: 2px; }
    .add-new:hover { background-color: #337ab7; color: #fff; text-decoration: none; }
.import { margin-top: 20px; line-height: 22px; text-align: right; direction: rtl; }
    .import div { float: right; width: 25%; text-align: right; direction: rtl; }
.rdSmall { width: 120px !important; }
.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table, .rddlPopup_Outlook, .RadInput_Outlook, .RadInputMgr_Outlook, .RadButton_Outlook { font-family: Arial, Helvetica, sans-serif !important; }
.rbDecorated { line-height: 22px; }
.RadInputMgr { font: inherit !important; }
.RadInput, .RadInputMgr { vertical-align: middle !important; line-height: 1.42857143 !important; box-sizing: border-box !important; }

.t-ie .RadInput, .t-ie .RadInputMgr { height: 30px !important; height: calc(1.42857143em + 10px) !important; margin: 0 auto; float: none; }

    .t-ie .RadInput.RadInputMultiline, .t-ie textarea.RadInput_Multiline { height: auto !important; }

.RadInput { display: inline-block !important; white-space: nowrap !important; text-align: left !important; position: relative !important; }

    .RadInput .riTextBox { height: inherit !important; font-family: Arial, Helvetica, sans-serif; width: 100% !important; font: inherit !important; color: inherit !important; background: none transparent !important; outline: 0 !important; }

    .RadInput textarea { vertical-align: bottom !important; font-family: Arial, Helvetica, sans-serif; overflow: auto !important; resize: none !important; white-space: pre-wrap !important; margin: 0 !important; }

    .RadInput.riResizable .riTextBox { min-width: 5.41667em !important; font-family: Arial, Helvetica, sans-serif; min-height: 3.33333em !important; }

    .RadInput .riResizeIcon { width: 7px !important; height: 7px !important; display: inline-block !important; vertical-align: bottom !important; margin-left: -7px !important; }

    .RadInput.riResizable .riTextBox { padding-right: 2px !important; font-family: Arial, Helvetica, sans-serif; }

    .RadInput .rfdRoundedContent { width: 100% !important; }

    .RadInput .rfdRoundedWrapper { table-layout: fixed !important; }

    .RadInput .riTextBox, .RadInputMgr { border-width: 1px !important; border-style: solid !important; padding: 2px 10px !important; vertical-align: middle !important; }

.RadInputDisabled a, .RadInputDisabled .riTextBox { opacity: .5 !important; }

.RadInputDisabled, .RadInputDisabled * { cursor: default !important; }

.RadInput .riEmpty, .RadInput_Empty { font-style: italic !important; }

.RadPicker .riTextBox { padding-right: 2.286em !important; }

.RadPicker { font-size: 12px !important; }

.RadDateTimePicker .riTextBox { padding-right: 4.572em !important; }

textarea.RadInputMgr { overflow: auto !important; }

.RadInput a { display: block !important; background: url(../images/calendar.gif) no-repeat center center !important; width: 1.42857143em !important; height: 100% !important; padding: 0 4px !important; text-align: center !important; vertical-align: bottom !important; background-clip: padding-box !important; background-repeat: no-repeat !important; border-left-width: 1px !important; border-left-style: solid !important; }

    .RadInput a, .RadInput a:hover { text-decoration: none !important; }

        .RadInput a span { display: none !important; }

        .RadInput a .t-ripple-container, .RadInput a .t-ripple { display: inline-block !important; }

        .RadInput a:before { font: 16px/1 "WebComponentsIcons"; vertical-align: middle !important; }

        .RadInput a:after { content: "" !important; display: inline-block !important; height: 100% !important; width: 0 !important; vertical-align: middle !important; }

.RadInput .riLabel, .RadInput .riTextBox, .RadInput .riContentWrapper { box-sizing: border-box !important; }

.RadInput .riLabel { float: left !important; padding: 5px 10px 5px 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; }

.RadInput .riSelect { position: absolute !important; right: 1px !important; top: 1px !important; bottom: 1px !important; }

.RadInput .riButton { vertical-align: top !important; }

    .RadInput .riButton:before { content: "\e018" !important; }

.RadInput .riUp, .RadInput .riDown { height: 50% !important; }

.RadInput .riUp { vertical-align: top !important; }

    .RadInput .riUp:before { content: "\e004" !important; vertical-align: top !important; }

.RadInput .riDown:before { content: "\e006" !important; vertical-align: top !important; }

.RadInput .riContentWrapper { display: block !important; vertical-align: middle !important; overflow: hidden !important; height: inherit !important; }

.RadInputError:after { font: 16px/1 "WebComponentsIcons" !important; content: "\e403" !important; position: absolute !important; top: 0 !important; right: 5px !important; margin-top: .5em !important; }

.RadPicker .RadInputError:after, .RadInputError.riContButton:after, .RadInputError.riContSpinButtons:after { font-family: Arial, Helvetica, sans-serif; right: 34px !important; }

.RadDateTimePicker .RadInputError:after, .RadInputError.riContButton.riContSpinButtons:after { right: 63px !important; }

.riContButton a { display: inline-block !important; }

.riContButton .riDown { margin-left: -29px !important; margin-left: calc(-9px - 1.42857em) !important; }

.riContButton.RadInput .riTextBox, .riContButton .RadInputMgr { padding-right: calc(1.42857em + 14px) !important; }

.riPassIndicator { padding-right: 7.5em !important; overflow: hidden !important; }

    .riPassIndicator .riContentWrapper { display: inline-block !important; }

    .riPassIndicator.riContButton .riContentWrapper { position: relative !important; padding-right: 2em !important; }

.riStrengthBar { background: linear-gradient(to left,#6c3,#f4cc33 50%,#f33) repeat-y !important; background-size: 1500px auto !important; display: inline-block !important; width: 7.143em !important; height: 1.429em !important; margin-left: .357em !important; color: #000 !important; text-align: center !important; vertical-align: middle !important; }

.riStrengthBarL0 { background: 0 !important; }

.riStrengthBarL1 { background-color: #ff3933 !important; background-position: 0 0 !important; color: #620000 !important; }

.riStrengthBarL2 { background-color: #ff7833 !important; background-position: -300px 0 !important; color: #922b00 !important; }

.riStrengthBarL3 { background-color: #ffbe33 !important; background-position: -600px 0 !important; color: #9e5900 !important; }

.riStrengthBarL4 { background-color: #dc3 !important; background-position: -900px 0 !important; color: #696400 !important; }

.riStrengthBarL5 { background-color: #6bcc33 !important; background-position: 100% 0 !important; color: #236800 !important; }

.RadForm.rfdTextbox input.rfdDecorated.RadInputMgr { width: auto !important; }

.RadInputRTL { text-align: right !important; }

    .RadInputRTL.riResizable .riTextBox { padding-right: 5px !important; padding-left: 2px !important; }

    .RadInputRTL.riContButton .riResizeIcon { margin-left: 0 !important; margin-right: -27px !important; }

    .RadInputRTL .riResizeIcon { margin-left: 0 !important; margin-right: -7px !important; }

    .RadInputRTL .riLabel { padding: 5px 0 5px 10px !important; float: right !important; }
.m_close { background-image: url(../images/open.png); background-repeat: no-repeat; background-position: right center; }
.m_open { background-image: url(../images/close.png); background-repeat: no-repeat; background-position: right center; }
.open { border: 1px solid #000; }
.rep { font-size: 18px; line-height: 24px; }
    .rep div { float: right; padding: 5px; font-size: 16px; margin-bottom: 2px; line-height: 22px; }
.rgExpandCol { display: none; }
.dv-add img { float: right; height: 22px; }
.r-inner { background-color: #00ACEE; color: #1F4D67; padding: 10px 5px; border-radius: 10px; max-width: 48%; margin: 1%; }
.r-in-r { background-color: #fff; }
.r-in-l { background-color: #E3E3E3; }
.col-row-m-h { float: right; width: 99%; line-height: 30px; background-color: rgb(79,129,189); margin-bottom: 1px; padding-right: 5px; }
    .col-row-m-h div { color: #fff; float: right; }
.col-row-m { float: right; width: 100%; line-height: 30px; background-color: #E9EDF4; margin-bottom: 1px; padding-right: 5px; }
.col-row-m2 { float: right; width: 100%; line-height: 30px; background-color: #D0D8E8; margin-bottom: 1px; padding-right: 5px; }
    .col-row-m div, .col-row-m2 div { color: #000; float: right; min-height: 1px; }
.col-row-m input[type="text"] { line-height: 22px; }
.mar20 { margin-top: 20px; }
.wd99 { width: 99% !important; }
.longTxt { border: 1px dotted #000; margin-top: 5px; padding: 5px; }
.grd-rows { max-height: 550px; overflow-y: scroll; font-size: 14px; }
.fixed-row2 input[type="submit"] { font-weight: bold; padding: 4px 15px 4px 40px; height: unset; line-height: unset; font-size: 16px; cursor: pointer; }
.fixed-row2 input[type="text"] { height: 32px !important; margin-top: -5px !important; }
.fixed-row2 i { margin-right: -33px; z-index: 2000; position: relative; font-size: 1.2em; margin-left: 20px; }
.fixed-row input[type="submit"] { font-weight: bold; padding: 2px 15px 2px 40px; height: unset; line-height: unset; font-size: 16px; cursor: pointer; }
.fixed-row input[type="text"] { height: 32px !important; margin-top: -5px !important; }
.fixed-row i { margin-right: -33px; z-index: 2000; position: relative; font-size: 1em; margin-left: 20px; }
.f18 { font-size: 18px; height: 34px; }
.f16 { font-size: 16px; height: 32px; }
    .f16 div { direction: ltr; }
.gr { color: green; }
.bl { color: blue; }
.rd { color: gray; }
.wd6 { float: right; width: 6%; }
.wd8 { float: right; width: 8%; }
.wd10 { float: right; width: 10%; }
.wd20 { float: right; width: 20%; }
.tooltip, .tooltip2 { text-align: right; font-size: 16px; height: auto !important; background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 0; line-height: 28px; display: none; opacity: 0; padding: 15px !important; position: absolute; width: auto !important; z-index: 100; }
    .tooltip h1 { font-size: 12px !important; height: 18px; line-height: 18px; margin: 0; }
    .tooltip h2 { font-size: 12px !important; height: 18px; line-height: 18px; word-wrap: break-word; text-align: right; margin: 0 !important; }
    /*.tooltip:before, .tooltip:after { border: 12px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; }*/
    .tooltip:hover { background: none repeat scroll 0 0 #fcfbfb; border-color: #999; }
    .tooltip .cta { font-size: 12px !important; margin: 4px 0 0; }
    .tooltip.top { left: 50%; margin-left: -80px; top: -75px; }
    /*.tooltip.top:before, .tooltip.top:after { left: 50%; margin-left: -12px; }
        .tooltip.top:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ccc transparent transparent; border-image: none; border-right: 14px solid transparent; border-style: solid; border-width: 14px; bottom: -28px; margin-left: -14px; }
        .tooltip.top:after { border-top-color: #fff; bottom: -24px; }
        .tooltip.top:hover:before { border-top-color: #999; }*/
    .tooltip.right { right: 70px; opacity: 1; float: left; }
    .tooltip.left { opacity: 1; right: 6%; }
        /*.tooltip.left:before, .tooltip.right:before, .tooltip.left:after, .tooltip.right:after { margin-top: -12px; top: 60%; }
        .tooltip.left:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #ccc transparent transparent; border-image: none; border-style: solid; border-width: 14px; left: 45%; margin-top: -20px; display: none \9; }
        .tooltip.left:after { border-right-color: #fff; left: 45%; display: none \9; }
    .tooltip.right:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #ccc; border-image: none; border-style: solid; border-width: 14px; margin-top: -14px; right: -28px; display: none \9; }
    .tooltip.right:after { border-left-color: #fff; right: -24px; display: none \9; }*/
        .tooltip.left:hover:after { border-right-color: #fcfbfb; }
    .tooltip.right:hover:after { border-left-color: #fcfbfb; }
    .tooltip.left:hover:before { border-right-color: #999; }
    .tooltip.right:hover:before { border-left-color: #999; }