@font-face {
    font-family: "kufi";
    src: url(fonts/Abel-Regular.ttf) format("truetype");
}

body {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    background-repeat: repeat-y;
    background-repeat: no-repeat;
    background-position: top center;
    line-height: 1.3em;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #555;
    font: 13px/1.4 Georgia, Serif;
    font-family: "kufi", Verdana, Tahoma !important;
    /*max-width:1250px;*/
    width: 100%;
}

* {
    top: 0px;
    left: 0px;
    font-size: 14px;
    font-family: Times New Roman;
    direction: ltr;
}

p, h1, h2, h3, h4, h5, h6, span, a, input, td, li, ul, label {
    font-family: "kufi", Verdana, Tahoma !important;
    font-size: 1.1em !important;
}

p {
    font-size: .7em !important;
}

#wrapper {
    width: 100%;
    -webkit-box-shadow: 0 1px 3px 1px #8A8A8A;
    box-shadow: 0 1px 3px 1px #8A8A8A;
}

    #wrapper .header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        display: block;
        overflow: hidden;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

.logo {
    float: left;
    display: block;
    position: relative;
}

.greeting {
    float: right;
    display: block;
    position: relative;
    padding: 10px;
    background: rgba(238,238,238,.1);
    border-radius: 5px;
    box-shadow: 0px 1px 1px 1px #F8F8F8;
}

#wrapper .menu {
    overflow: hidden;
}

#wrapper .header .greeting ul {
    margin-top: 0px;
    list-style: none;
}

#wrapper .header .greeting li {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #418FB8;
}



/*table responsive*/
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
Label the data
*/
        #no-more-tables td:before {
            content: attr(data-title);
        }
}


.MenuImg {
    margin-top: -11px;
}


.ButtonLogin {
    height: 40px !important;
    background: -moz-linear-gradient(center top, #E93C41 1%, #A61105 100%) repeat scroll 0% 0% transparent !important;
    border: 1px solid #BA1E17 !important;
    border-radius: 3px !important;
    font-family: "AdobeGaramondProBold" !important;
    font-size: 20px !important;
    color: #fff;
    padding: 3px;
}

.ButtonEdit {
    height: 40px;
    border: 1px solid #BA1E17;
    border-radius: 0px;
    font-family: "AdobeGaramondProBold";
    font-size: 20px;
    color: #fff;
    padding: 3px;
    background: rgb(254,255,232); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
}


.RmActive .RadMenu ul.rmVertical {
    background: rgb(254,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(221,241,249,1)), color-stop(100%,rgba(160,216,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
    max-height: 100px;
    overflow: hidden;
    padding: 10px;
    width: 160px;
}

/*.RadMenu,.rmText { color :#fff !important;}*/

.RadGrid .rgFilterRow input {
    width: 98%;
    margin-right: -25px;
    padding-right: 2%;
}

.rmScrollWrap rmGroup rmLevel1 {
    height: 300px !important
}


/*.FilterMenu{height: 40px; overflow :scroll ; z-index :99999;
 
border: 0px solid #BA1E17;
 
border-radius: 0px;
font-family: "AdobeGaramondProBold";
font-size: 17px;
color: #fff; padding :3px;
background: linear-gradient(to bottom, rgb(19, 72, 153) 1%, #5E92E2 100%) repeat scroll 0% 0% transparent;
 
}
.FilterMenu a{color: #fff;cursor :hand ;}*/


.RadLabels label {
    color: #fff;
    font-weight: bold;
}

.RadComboBoxDropDown .rcbList {
    background: #fff !important
}

.RadPicker_MetroTouch .rcCalPopup, .RadPicker_MetroTouch .rcTimePopup {
    float: right !important;
}

.RadComboBoxDropDown .rcbList > li {
    padding: 7px !important;
}

.RadComboBox_MetroTouch .rcbLabel {
    line-height: 24px !important;
    margin-bottom: 3px !important;
    padding: 7px !important;
}

.RadComboBox_MetroTouch .rcbHovered .rcbArrowCell {
    border-color: #CDCDCD !important;
    color: #FFF !important;
    background-color: #25A0DA !important;
}

html .RadButton_Glow.rbSkinnedButton, html .RadButton_Glow.rbLinkButton, html .RadButton_Glow.rbVerticalButton, html .RadButton_Glow.RadButton.rbDisabled, html .RadButton_Glow.RadButton.rbDisabled:hover, html .RadButton_Glow.RadButton.rbDisabled:active, html .RadButton_Glow.RadButton.rbDisabled:focus {
    border-color: #4B79BF !important;
    color: #FFF !important;
    background-color: #05443F !important;
    background-image: linear-gradient(#011E1C, #137F77) !important;
    box-shadow: 0px 1px 2px rgba(9, 122, 94, 0.7) !important;
    height: 28px !important;
    border-width: 1px !important;
    border-style: solid !important;
    background-position: 0px 0px !important;
    background-repeat: repeat-x !important;
    border-radius: 0px !important;
}

.RadInput .riDown, .RadInput .riUp {
    /*float: right !important;*/
    right: 0 !important;
}

.RadInput .riSelect {
    display: none !important;
}

.RadGrid .rgGroupHeader td p {
    display: inline;
    margin: 0;
    padding: 0 10px;
    font-weight: bold;
    font-size: 15px;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    width: 2.28571em;
    border-left: 1px solid #eee;
    color: #333;
    background: #fff;
    float: right !important;
}

span.RadButton_Bootstrap.rbVerticalButton {
    background-image: linear-gradient(#366893, #1E75BF);
    box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
    padding: 1px 10px !important;
}

span.RadButton_Bootstrap .rbDecorated {
    color: #fff !important;
    font-weight: 600;
}

span.RadButton_Bootstrap .rbUpload, span.RadButton_Bootstrap .rbDownload, span.RadButton_Bootstrap .rbOpen, span.RadButton_Bootstrap .rbAttach, span.RadButton_Bootstrap .rbPrint, span.RadButton_Bootstrap .rbSearch, span.RadButton_Bootstrap .rbHelp, span.RadButton_Bootstrap .rbCart, span.RadButton_Bootstrap .rbRSS, span.RadButton_Bootstrap .rbMail, span.RadButton_Bootstrap .rbFB, span.RadButton_Bootstrap .rbTwitter {
    color: #fff !important;
}

.RadPanelBar .rpGroup .rpOut {
    border-bottom: 0;
    margin-right: 3px;
    padding-left: 20px;
    background: #137F77;
}

    .RadPanelBar .rpGroup .rpOut:hover {
        border-bottom: 0;
        margin-right: 3px;
        padding-left: 20px;
        background: #06504A;
    }

.RadPanelBar_Glow .rpRootGroup {
    border-color: #0a534d;
    color: #69aacb;
    background: #137f77 !important;
}

.RadPanelBar_Glow .rpLink {
    background: #38678f !important;
    box-shadow: 0 !important;
    border-color: #477d9b !important;
    box-shadow: none !important;
}

.RadPanelBar .rpText {
    padding: 0 25px;
    font-size: 16px !important;
    padding-top: 6px;
}

.RadPanelBar_Glow .rpGroup .rpItem .rpLink.rpExpanded, .RadPanelBar_Glow .rpGroup .rpItem .rpHeaderTemplate.rpExpanded {
    color: #000;
    background-color: #ff4f15 !important;
}

.RadPanelBar_Bootstrap .rpOut {
    background: #ccc;
}

.RadGrid_EgyDev .rgCommandRow {
    background: #D2D2D2 !important;
    padding-bottom: 30px !important;
}

caption {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.RadGrid_EgyDev .rgCommandRow a {
    text-decoration: none;
    height: 35px !important;
    background: transparent -moz-linear-gradient(center top, #38678F 1%, #1C76C3 100%) repeat scroll 0% 0% !important;
    border: 0px solid #FFF !important;
    font-size: 17px !important;
    color: #FFF !important;
    text-shadow: 0px 1px 1px #0C0C0C !important;
    padding: 3px 20px !important;
    border-radius: 15px !important;
}

.RadInput {
    margin: 2px !important;
}

html body .RadInput_Simple .riTextBox, html body .RadInputMgr_Simple {
    border-color: #D1D1D1 !important;
    background: #fff;
    color: black;
    font: normal 14px "Segoe UI",Arial,Helvetica,sans-serif;
    font-family: "kufi", Verdana, Tahoma !important;
}

.RadComboBox_Simple .rcbInputCell {
    border-color: #D1D1D1 !important;
    color: #000;
    background-color: #fff;
    padding: 5px !important;
    margin: 3px !important;
}

.RadComboBox_Simple .rcbHovered .rcbArrowCell, .RadComboBox_Simple .RadComboBoxDropDown_Simple .rcbCheckAllItemsHovered .rcbArrowCell, .RadComboBoxDropDown_Simple .RadComboBox_Simple .rcbCheckAllItemsHovered .rcbArrowCell,
.RadComboBox_Simple .rcbFocused .rcbInputCell {
    border-color: #6db7b1 !important;
    color: #0F4478 !important;
    background-color: #76d5cd !important;
}

input[type="checkbox"], input[type="radio"] {
    margin: 5px !important;
}

.radpan span {
    background: #fff !important;
    color: #043B36 !important;
}

.UserC {
    color: #000932 !important;
    background: url(images/1.png) transparent linear-gradient(45deg, #D6E7F2 0%, #FFF 100%) repeat scroll 0% 0% !important;
    background: #D6E7F2 url('images/user.png') no-repeat center left !important;
    width: 300px !important;
    height: 40px !important;
    margin: 0 auto 10px auto !important;
    font-size: 14px !important;
    padding-left: 45px !important;
    border: none !important;
    box-shadow: -3px 3px #679acb !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    border-top: 1px solid #92c5e2 !important;
    border-right: 1px solid #92c5e2 !important;
}

.UserE {
    color: #000932 !important;
    background: url(images/1.png) transparent linear-gradient(45deg, #D6E7F2 0%, #FFF 100%) repeat scroll 0% 0% !important;
    background: #D6E7F2 url('images/email.png') no-repeat center left !important;
    width: 300px !important;
    height: 40px !important;
    margin: 0 auto 10px auto !important;
    font-size: 14px !important;
    padding-left: 45px !important;
    border: none !important;
    box-shadow: -3px 3px #679acb !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    border-top: 1px solid #92c5e2 !important;
    border-right: 1px solid #92c5e2 !important;
}

.UserP {
    color: #000932 !important;
    background: transparent linear-gradient(45deg, #D6E7F2 0%, #FFF 100%) repeat scroll 0% 0% !important;
    background: #D6E7F2 url('images/password4.png') no-repeat center left !important;
    width: 300px !important;
    height: 40px !important;
    margin: 0 auto 10px auto !important;
    font-size: 14px !important;
    padding-left: 45px !important;
    border: none !important;
    box-shadow: -3px 3px #679acb !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    border-top: 1px solid #92c5e2 !important;
    border-right: 1px solid #92c5e2 !important;
}

.RadComboBox table td.rcbInputCell {
    padding: 0 4px 0 5px !important;
    border-width: 1px !important;
    border-radius: 0 !important;
}

.RadComboBox .rcbArrowCell a {
    width: 28px !important;
    height: 32px !important;
}

.RadPanelBar_Glow .rpGroup .rpItem .rpLink.rpExpanded {
    padding-left: 3px !important;
}

.RadPanelBar_Glow .rpGroup .rpItem .rpLink.rpExpanded {
    background-color: #e26060 !important;
    margin-left: -20px !important;
    font-weight: bold !important;
}

html body .RadInput_Bootstrap .riTextBox {
    border-radius: 0px !important;
}

.RadInput_Bootstrap {
    height: 2.22857em !important;
}

.loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
    text-align: center;
}

.RadGrid_EgyDev {
    border-right: 0px solid #a4abb2 !important;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    background-color: #f1f3f6 !important;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    margin-top: -4px !important;
}

.RadTreeView_Silk .rtIn {
    padding: 0px 1px !important;
    border-radius: 3px;
    color: #06504a !important;
    font-weight: 600 !important;
}

.RadTabStrip .rtsTxt, .RadTabStripVertical .rtsTxt {
    display: inline-block;
    font-size: 13px !important;
}

#hoeapp-wrapper[hoe-device-type="phone"] .hoe-left-header > .hoe-sidebar-toggle > a, .hoe-sidebar-toggl2 {
    color: red !important;
}

.RadMenu_Bootstrap, .RadMenu_Context, .RadMenu {
    z-index: 999999 !important
}

.RadListBox .rlbItem {
    cursor: default;
    white-space: nowrap;
    white-space: normal !important;
}

.RadGrid input {
    line-height: normal;
    color: red !important;
}

.RadPivotGrid_Windows7 .rpgContentZoneDiv th {
    height: 50px !important;
}
.rsOtherMonth {
    background: #ddd !important  ;
}
.RadScheduler .rsMonthView .rsWrap {
    min-height: 10px !important;
}
.RadScheduler_MetroTouch .rsMonthView .rsDateHeader {
    padding: 5px 6px !important;
    height: 33px !important;
}
.RadListBox {
    min-width: 30px !important;
    line-height: 1 !important;
}
.RadListBox_Bootstrap .rlbItem {
    padding: 1px 5px !important;
}
.RadListBox .rlbText {
 
    font-size: 14px !important;
}

.RadScheduler_MetroTouch .rsAptContent {
    padding: 1px 5px 1px 2px !important;
    font-size: 11px !important;
}

.RadScheduler_MetroTouch .rsApt {
     line-height: 11px !important;
}

.RadOrgChart.rocHorizontal .rocNode {
     padding: 3px 0 !important;

}

.RadOrgChart_MetroTouch .rocItem, .RadOrgChart_MetroTouch .rocItemTemplate {
    border-color: #063935;
    color: #fff !important;
    background-color: #137f77 !important;
    font-weight: normal !important;
}
.RadOrgChart .rocImageReplacement::before {
    top: .17730496em !important;
    font-size: 2.5em !important;
}
.RadOrgChart .rocItem {
    padding-left: 3em !important;
}
.RadOrgChart .rocItem, .RadOrgChart .rocItemTemplate {
    width: 14.66666667em !important;
    height: 3.8em !important;
}

.rpSelected {
    background-color: #ffa915 !important;
}
    .RadPanelBar_Glow .rpGroup .rpItem .rpLink.rpSelected, .RadPanelBar_Glow .rpGroup .rpItem .rpHeaderTemplate.rpSelected, .RadPanelBar_Glow .rpGroup .rpItem .rpHeaderTemplate.rpSelected span, .rpSelected .rpText {
        color: #f9e4dc !important;
        background-color: #e25e5e !important;
        margin-left: -9px !important;
    }