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

@font-face {
    font-family: 'sahel';
    src: url('fonts/sahel/Sahel-Bold.woff') format('woff'), url('../font/sahel/Sahel-Bold.eot?#iefix') format('embedded-opentype'), url('../font/sahel/Sahel-Bold.ttf') format('truetype'), url('../font/sahel/Sahel-Bold.eot');
    font-weight: bold;
}

* {
    letter-spacing: 0 !important;
}

ul, li {
    list-style: none;
}
html{height: 100%}
body {
    height: 100%;
    direction: rtl;
    font-family: 'sahel';
    letter-spacing: 0 !important;
    font-size: 14px;
    background: #f2f5f7;
    margin: 0 !important;
}

a {
    outline: none;
    text-decoration: none !important;
    color: #2184be;
}

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

    a:focus, a:active {
        outline: none;
        -moz-outline-style: none;
    }
/*Buttons*/
.PSBtn-Group-Left {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.PSBtn-Group-Right {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.PSBtn-Group-Middle {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.PSbtn {
    display: inline-block;
    padding: 0 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    min-width: 100px;
    height: 30px;
    margin: 2px 0;
    color: #0088cc;
    font-size: 9pt;
    text-align: center;
}

    .PSbtn .caret {
        border-top: 4px solid #0088cc;
    }

.PSbtn-Small {
    font-size: 8pt;
    width: 50px;
    height: 25px;
}

.PSbtn-micro {
    font-size: 7.5pt;
    width: 30px;
    height: 20px;
}

.PSbtn:hover:enabled {
    background: #f5f5f5;
}

.PSbtn:disabled {
    background: #eee;
    color: #aaa;
    cursor: default;
}

.PSbtn-Blue {
    background: #2184be;
    border: none;
    color: #ffffff;
}

.PSbtn-Disable {
    background: #ccc;
    border: none;
    color: #ffffff;
}

.PSbtn-Blue:hover:enabled {
    background: #1E76A9;
    color: #ffffff;
}

.PSbtn-Green {
    background: #3DAF2C;
    border: none;
    color: #ffffff;
}

    .PSbtn-Green:hover:enabled {
        background: #369B27;
        color: #ffffff;
    }

    .PSbtn-Green:disabled {
        background-image: url('/Images/Loaders/Buttons/disableLoader.gif');
        background-position: 4px 7px;
        background-repeat: no-repeat;
    }

.PSbtn-Red {
    background: #9F352B;
    border: none;
    color: #ffffff;
}

    .PSbtn-Red:hover:enabled {
        background: #8C2F26;
        color: #ffffff;
    }

.PSbtn-Yellow {
    background: #daa520;
    border: none;
    color: #ffffff;
}

    .PSbtn-Yellow:hover:enabled {
        background: #f89406;
        color: #ffffff;
    }

.PSbtn-Orange {
    background: #FF8533;
    border: none;
    color: #ffffff;
}

    .PSbtn-Orange:hover:enabled {
        background: #FF6600;
        color: #ffffff;
    }

.PSGridBtn {
    display: inline-block;
    padding: 4px;
    margin: 0 2px;
    font-size: 9pt;
    text-align: center;
}

.PSbtn-Purple-overlay {
    transition: background 0.5s ease;
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.8);
    background: #482342;
    background: rgba(38,19,34,.3);
    border-radius: 3px;
    padding: 7px;
    width: 150px;
    font-size: 13pt;
    height: auto;
}

    .PSbtn-Purple-overlay:hover {
        background: rgba(38,19,34,.6);
        color: rgba(255,255,255,.8);
    }

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}
/*End Of Buttons*/
.label {
    display: inline-block;
    padding: 3px 4px;
    font-size: 8pt;
    line-height: 12px;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.label-Big {
    display: inline-block;
    padding: 5px 6px;
    font-size: 10pt;
    line-height: 12px;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.label-success {
    background-color: #468847;
}

.label-warning {
    background-color: #f89406;
}

.label-important {
    background-color: #b94a48;
}

.label-info {
    background-color: #3a87ad;
}

.label-inverse {
    background-color: #333333;
}

.label-dark {
    background: #1A1A1A;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.blue-vertical {
    background: -webkit-linear-gradient(#00516F, #007FAF);
    background: -moz-linear-gradient(#00516F, #007FAF);
    background: linear-gradient(#00516F, #007FAF);
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type='text'],
select,
textarea {
    max-width: 280px;
}

.rl-padd {
    padding-right: 30px;
    padding-left: 30px;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}

.m-0 {
    margin: 0 !important;
}

.p-5 {
    padding: 3rem !important;
}

.footer a {
    padding-bottom: 10px;
    /* border-bottom: 1px solid #122955; */
}

.footer a {
    color: rgba(248, 248, 248, 0.76) !important;
    width: 50%;
    font-size: 13px;
    font-family: sahel;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse, .flex-row-reverse {
    -webkit-box-direction: reverse !important;
}

.copy-right {
    direction: ltr;
    text-align: left;
}

.letter-normal {
    letter-spacing: 0;
    word-spacing: 2px;
}

.text-light {
    color: #f8f9fa !important;
}

.headerLogo #uniLogo {
    width: 55px;
    margin: 15px 10px;
}

.headerLogo #uniTextLogo {
    width: 300px;
    margin: 7px 0px 0px 0px;
}

.homeSearchBox {
    padding: 10px;
    margin: 24px;
    margin-right: -150px;
    border: 1px solid white;
    width: 450px !important;
    color: gray;
    background: #004057;
    border: none;
    color: white;
}

.newsList {
    list-style: none;
    padding: 0;
    text-align: center
}

    .newsList li {
        position: relative;
        width: 250px;
        height: 375px;
        background: white;
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        padding: 0;
        box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.15)
    }
    .newsList .newsDate {
        position:absolute;
        bottom:0;
        left:0;
        text-align: left;
        padding: 1px 8px;
        font-size: 8pt;
        color: darkgray;
    }
    .newsList img {
        width: 250px;
        height: 150px
    }

.btnReadNews {
    text-align: left !important;
    padding: 10px !important;
}

.newsList h5 {
    color: #3C3C3C;
    text-align: right;
    font-weight: 900;
    padding: 5px
}

    .newsList h5 a {
        color: #3C3C3C;
    }

        .newsList h5 a:hover {
            color: #004057;
        }

.newsList div {
    color: gray;
    padding: 5px;
    text-align: right;
    line-height: 22px;
}

.showNewsItem {
    padding: 50px;
    min-height: 400px;
}

.nav-tabs {
    padding-right: 0;
}

    .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #dddddd;
        background: #47CEFF;
        color: #00516F;
    }

    .nav-tabs > li > a {
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        background: white
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #dddddd;
        background-color: #00AEEF;
        border: 1px solid #00AEEF;
    }

.card {
    margin-bottom: 30px;
    border: none;
    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.02);
    color: #343a40;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.mce-panel {
    border-color: #ced4da;
}

.mce-tinymce {
    box-shadow: none;
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.panel {
    position: relative;
    padding: 15px 20px;
    border: 1px solid rgba(0,0,0,.125);
}

.removePost, .editPost {
    color: #BAB7AD;
    margin-right: 5px;
    text-shadow: 0px 2px 2px #fff;
    font-size: 16px;
    line-height: 30px;
}
.mobileEnLink {
    display: none;   
}
.navbarLeft-mobile {
    display: none;
    float: left;
    margin-top: 50px;
    margin-left: 50px;
}
@media only screen and (max-width: 600px) {
    .navbarLeft-mobile {
        display: inline-block;
    }
    .headerLogo #uniTextLogo {
        width: 250px;
    }
    .mobileEnLink {
        display: block;
    } 
    .navbarLeft {
        display: none
    }

    .newsList li {
        width: 100%;
        height: 450px;
        margin:0;
    }

    .newsList img {
        width: 100%;
        height: 300px
    }

    .newsHeader {
        width: 100% !important
    }

    .full-width-menu > div {
        padding: 30px !important;
    }

        .full-width-menu > div > div {
            padding: 20px !important;
        }

    .full-width-menu li {
        width: 270px !important;
    }

    .showNewsItem img {
        width: 100%;
    }
    .showNewsItem h3 {
        color: #00516F;
    }
    .card {
        position: relative;
        width: 100%
    }
    .headerUnitLink {
        font-size: .7em;
    }
}

.systemsFieldset {
    border-radius: 8px;
    border: 2px solid #00AEEF;
    display: inline-block;
    vertical-align: top;
    width: 330px;
    margin-left: 8px;
    height: 270px;
    margin-bottom: 20px;
}

    .systemsFieldset legend {
        width: auto;
        text-align: center;
        padding: 1px;
        font-size: 16px !important;
        margin-bottom: 20px;
        font-size: inherit;
        line-height: inherit;
        color: #00516F;
        border: 0;
    }

    .systemsFieldset ul {
        list-style: none;
        padding: 8px
    }

        .systemsFieldset ul li {
            margin-bottom: 7px;
            padding: 2px;
        }

            .systemsFieldset ul li a {
                border-bottom: 1px solid #70D9FF;
                color: #00AEEF;
                padding: 4px;
            }

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track-piece {
    background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb {
    background-color: #007FAD;
}


.homeSearchBox::placeholder {
    color: white;
    font-size: 1em;
}

.homeSearchBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    font-size: 1em;
}

.homeSearchBox::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
    font-size: 1em;
}

.full-width-menu {
    /*opacity: .95;*/
    display: none;
    background: #DCECF1;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 99999;
    width: 100%;
    height: 100%;
}

.full-width-menu-close {
    float: left;
    margin: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #3C3C3C;
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .full-width-menu-close :after {
        content: "\e36b";
        font-weight: 100;
        font-family: "icomoon";
        font-size: 2.5rem;
        padding: 0;
        position: relative;
        color: #3C3C3C;
    }

.linkBox {
    vertical-align: top;
    margin-left: 10px;
    display: inline-block;
}

    .linkBox ul {
        padding: 0;
    }

    .linkBox li {
        background: #127CA0;
        padding: 8px;
        width: 350px;
        margin: 5px 5px;
        color: white;
        cursor: pointer;
        text-align: right;
    }

        .linkBox li a {
            color: white;
        }

        .linkBox li:hover {
            background: #023A4E;
        }

.full-width-menu h3 {
    color: #3c3c3c;
    font-weight: 900;
}
/*UniversitySpec*/
.universitySpec {
    position: relative;
    background-image: url(/Images/Home/Back.jpg);
    background-attachment: fixed;
    background-position: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    background-repeat: no-repeat;
    background-size: cover;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

.universitySpec .owl-carousel {
    height: 450px;
    padding-top: 150px;
}

.universitySpecItem {
    cursor: pointer;
    transition: background 0.5s ease;
    background: rgba(15, 112, 96, .8);
    height: 140px;
    padding: 10px;
    color: white;
    border-radius: 5px;
    padding-top: 50px;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 900;
}

    .universitySpecItem:hover {
        background: rgba(9, 67, 58, .8);
    }
/*End of UniversitySpec*/
.newsHeader {
    width: 400px;
    margin-bottom: 20px;
}

.healthBoard {
    padding: 20px;
    margin-top: -10px;
    min-height: 350px;
    background: linear-gradient(rgba(108, 52, 99, .8), rgba(108, 52, 99, .9)),url(/Images/Delete/HealthBack.jpg) no-repeat center;
}

.pageModule {
    border: 1px solid #ddd;
    position: relative;
    padding: 7px 10px;
    margin-left: 4px;
    float: right
}

.removeModule {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 1px;
    margin: 2px;
    cursor: pointer;
    line-height: 12px;
}

    .removeModule:hover {
        background: #ddd;
    }

text {
    font-family: sahel;
}

.menuTable {
    border-collapse: collapse !important;
}

    .menuTable a:hover {
        background: #ddd;
        color: #00516F;
    }

    .menuTable tr:first-child {
        background: #007FAF !important;
        font-size: 15pt;
        color: white !important;
    }

    .menuTable th, .menuTable td {
        border: 1px solid #51C5EC !important;
        padding: 8px !important;
    }

.vertMenu h2 {
    color: #00516F
}
.menuItems{
    position:fixed;
    width:22%;
    margin-top:10px;
}
.vertMenuItem {
    padding: 8px;
    border: 1px solid white;
    background: #007FAF;
    color: white;
    cursor: pointer;
}

    .vertMenuItem:hover {
        background: #00516F;
    }

.mce-content-body {
    background: white !important;
    padding: 10px;
}

.voteOption {
    padding: 5px;
}

.formTable td {
    padding: 5px;
}

.formTable tr td:nth-child(odd) {
    color: #00516F;
}

.module-header {
    overflow: auto;
    padding: 8px 15px;
    background: #00516F;
    color: white;
}

.module-body {
    padding: 8px 15px;
    background: #007FAF;
    color: white;
    line-height: 30px;
}

.headerUnitLink {
    color: white;
}

    .headerUnitLink:hover {
        color: white !important;
    }

    .headerUnitLink:focus, .headerUnitLink:active {
        color: white !important;
    }
.ge-content ul{
    line-height: 30px;
    list-style: initial;
}
.ge-content ul li {
    list-style: initial;
}
.profItem {
    margin-bottom: 25px;
    overflow: hidden;
}
.announceList {
    padding: 0 10px;
    height: 200px;
    overflow: auto;
    line-height: 28px;
}
    .announceList ul, .announceList li {
        list-style: none!important;
    }
.searchItemContainer {
    padding: 5px;
}
#myGrid {
    padding: 10px;
    border: 1px solid #bbb;
    min-height: 300px;
    margin-bottom: 20px;
}
.ge-mainControls {
    border-top: 1px solid #bbb;
    padding-top: 20px;
}
.carousel-indicators {
    background: #012B3B;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    opacity: .8;
    border-radius: 3px;
    padding-top: 3px;
    width: 20%;
}
.pageAdminBody {
    border: 1px solid #bbb;
    overflow: scroll;
    padding: 15px;
}
.pageAdminBody .row {
    margin: 0;
}