body {
    font-family: EMSFontArabic;
    /*font-size: 10px;*/
    color: #2f2e2e;
    margin: 0px;
    padding: 0px;
    border: 0;
    outline: 0;
    background-color: #1c2128;
    //background-image: url(../images/EMSbg2.png);
    background-position: top center;
    background-repeat: repeat;
}

@font-face {
    font-family: EMSFontEnglish;
    src: url(/framework/font/TheSansArabic-Plain.otf);
    /*src: url(/framework/font/JF-Flat-regular.otf);*/
}
@font-face {
    font-family: EMSFontArabic;
    src: url(/framework/font/TheSansArabic-Plain.otf);
    /*src: url(/framework/font/JF-Flat-regular.otf);*/
}

@font-face {
    font-family: CustomFontEnglish;
    src: url(/framework/font/DroidKufi-Regular.ttf);
}

@font-face {
    font-family: CustomFontArabic;
    src: url(/framework/font/GEFlowRegular.otf);
    /*src: url(/framework/font/arial.ttf);*/
    /*src: url(/framework/font/JF-Flat-regular.otf);*/
}

.btn:focus, .btn:active { /*without it , there is a blue border on focus */
    outline: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

a {
    color: inherit;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

.listTitle {
    text-align: center;
    background-color: #e32526;
    color: white;
    /*border: 1px green solid;*/
}

.listDesign {
    text-align: center;
    color: #808080;
    font-size: 12px;
    /*border: 1px green solid;*/
}

.MASTER_Table {
    /*border-collapse: collapse;*/
    text-align: center;
    width: 800px;
}

    .MASTER_Table td {
        width: 100%;
    }

.MENU_Table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

    .MENU_Table td {
        text-align: center;
        width: 100%;
    }

.MAIN_Table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}

.MAIN_HeadTitle1 {
    height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #cc3333;
}

.MAIN_HeadTitle2 {
    height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #cc3333;
}

.MAIN_HeadTitle2 {
    height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #cc3333;
}

.EMS_Signature {
    text-align: center;
    font-size: 10px;
}

.EMS_FooterRemark {
    font-size: 12px;
    font-style: italic;
}

.EMS_FooterRedRemark {
    color: red;
    font-size: 12px;
    font-style: italic;
}

.EMS_EmptyRow5 {
    height: 5px;
}

.EMS_EmptyRow10 {
    height: 10px;
}

.EMS_EmptyRow15 {
    height: 15px;
}

.EMS_EmptyRow20 {
    height: 20px;
}

#wrap {
    width: 750px;
    margin: 0 auto;
}

.sweet-alert {
    top: 400px;
}


/* this sets the backgroud opacity while the logo is spining*/
.modal-backdrop {
    opacity: 0.9 !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    color: white;
    font-weight: bold;
    background-color: #8c8e8e;
}

    .nav-pills > li.active > a:hover {
        background-color: #8c8e8e;
        color: white;
        font-weight: bold;
    }

.nav-pills > li > a, .nav-pills > li > a:focus {
    color: black;
    font-weight: bold;
    background-color: #dddcdc;
}

.sui-grid .sui-gridheader {
    border-bottom: 2px solid #3c3d3d;
}

.sui-hover .sui-row:hover, .sui-hover .sui-alt-row:hover, .sui-hover .sui-selected:hover td, .sui-hover .sui-selected:hover td {
    background-color: #3c3d3d;
    background: -moz-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3c3d3d),color-stop(100%,#3c3d3d));
    background: -webkit-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: -o-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: -ms-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: linear-gradient(to bottom,#3c3d3d 0,#3c3d3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3d3d', endColorstr='#3c3d3d', GradientType=0);
}

.sui-grid .sui-selected .sui-cell, .sui-grid tr .sui-selected {
    background-color: #3c3d3d;
    background: -moz-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3c3d3d),color-stop(100%,#3c3d3d));
    background: -webkit-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: -o-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: -ms-linear-gradient(top,#3c3d3d 0,#3c3d3d 100%);
    background: linear-gradient(to bottom,#3c3d3d 0,#3c3d3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3d3d', endColorstr='#3c3d3d', GradientType=0);
}

.sui-area-color {
    background-color: #3c3d3d;
}

.sui-grid-reorder-indicator .sui-grid-indicator-top {
    border-top-color: #3c3d3d;
}

.sui-grid-reorder-indicator .sui-grid-indicator-bottom {
    border-bottom-color: #3c3d3d;
}

/*ShieldUI Top and Side button Colors*/
.sui-button:hover {
    color: #fff;
    background-color: #d9534f;
    background: -moz-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9534f),color-stop(100%,#d9534f));
    background: -webkit-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: -o-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: -ms-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: linear-gradient(to bottom,#d9534f 0,#d9534f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#d9534f', GradientType=0);
}

/*ShieldUI Top and pagination button Colors*/
.sui-pager .sui-pagination .sui-selected {
    color: #fff;
    background-color: #d9534f;
    background: -moz-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9534f),color-stop(100%,#d9534f));
    background: -webkit-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: -o-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: -ms-linear-gradient(top,#d9534f 0,#d9534f 100%);
    background: linear-gradient(to bottom,#d9534f 0,#d9534f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#d9534f', GradientType=0);
}