﻿<style > p {
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: sans-serif,tahoma;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../Content/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../../Content/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../Content/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../Content/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../Content/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.table > tbody > tr > td {
    border-top: none !important;
}

.form-control {
    border-radius: 0px !important;
}

.panel-default {
    border-radius: 0px !important;
}

.btn {
    border-radius: 0px;
    font-size: 96%;
}

.btn-default {
    border-radius: 0px !important;
    font-size: 96%;
    border-color: transparent !important;
    margin-bottom: 5px;
    background-color: #F5A9A9;
}

.navbar {
    border-radius: 0px;
    text-align: right;
}

.container {
    width: auto !important;
}

.nav > li > a {
    color: white;
}

    .nav > li > a:hover, .nav > li > a:focus {
        /*background-color: #EF4836;*/
        background-color: rgb(94, 94, 97);
    }

/* To show the active tab in different color */
ul.nav > li.active {
    /*background-color: #EF4836;*/
    background-color: rgb(94, 94, 97);
}

a {
    /*color:black;*/
    text-decoration: none;
}

.shape {
    background-color: white;
    box-shadow: 1px 0px 5px;
     border-radius: 46px !important;  
}

body {
    background-repeat: repeat;
    height: 80%;
    direction: rtl;
    /*font-family: "Arabic Transparent", "Simplified Arabic", arial, verdana, sans-serif; */
    font-size: 16px;
    margin-left: 2%;
    margin-right: 2%;
    /*	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px; */
}


td {
    padding: 6.5px;
}

.center-table {
    margin: 0 auto;
    width: auto;
}

/* navbar ribbon */

.navbar-ribbon {
    background: linear-gradient(to bottom, #8E0D0D,#8E0D0D 50%, #8E0D0D 50%, #8E0D0D);
    font-weight: bold;
    border-radius: 0px;
    width: auto;
    position: relative;
    background-color: black;
    border: 0px solid #d4d4d4;
    color: #fff;
    text-align: center;
    /*   padding: 0.2em 0em 0.2em 0em;  */
}

    .navbar-ribbon:before {
        left: -2em;
        border-right-width: 1.5em;
        border-left-color: transparent;
    }

    .navbar-ribbon:after {
        right: -2em;
        border-left-width: 1.5em;
        border-right-color: transparent;
    }

    .navbar-ribbon:before, .navbar-ribbon:after {
        content: "";
        position: absolute;
        display: block;
        bottom: -1em;
        z-index: -1;
    }

    .navbar-ribbon .ribbon-content:before, .navbar-ribbon .ribbon-content:after {
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
        border-color: black transparent transparent transparent;
        bottom: -1em;
    }

    .navbar-ribbon .ribbon-content:before {
        left: 0;
        border-width: 1em 0 0 1em;
    }

    .navbar-ribbon .ribbon-content:after {
        right: 0;
        border-width: 1em 1em 0 0;
    }

    .navbar-ribbon .navbar-toggle {
        border-color: black;
    }

        .navbar-ribbon .navbar-toggle .icon-bar {
            background-color: black;
        }

div.contact-us-ribbon {
    width: 150px;
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
    float: right;
    margin-bottom: 20px;
}

div.rule-ribbon {
    width: 250px;
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
    float: right;
    margin-bottom: 20px;
}

div.programs-ribbon {
    width: 230px;
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
    float: right;
    margin-bottom: 20px;
}
/* end of navbar ribbon */

/* navbar ribbon 1 */

.navbar-ribbon1 {
    background: linear-gradient(to bottom, #1abc9c,#1abc9c 50%, #1abc9c 50%, #1abc9c);
    border-radius: 0px;
    width: auto;
    margin-left: -13px;
    margin-right: 15px;
    position: relative;
    background-color: #fafafa;
    border: 0px solid #d4d4d4;
    color: #fff;
    text-align: center;
    padding: 0.2em 0em 0.2em 0em;
}

    .navbar-ribbon1:before {
        left: -2em;
        border-right-width: 0.5em;
        border-left-color: transparent;
    }

    .navbar-ribbon1:before, .navbar-ribbon1:after {
        content: "";
        position: absolute;
        display: block;
        bottom: -1em;
        z-index: -1;
    }

    .navbar-ribbon1 .ribbon1-content:before {
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
        border-color: black transparent transparent transparent;
        bottom: -1em;
    }

    .navbar-ribbon1 .ribbon1-content:before {
        left: 0;
        border-width: 1em 0 0 1em;
    }

    .navbar-ribbon1 .navbar-toggle {
        border-color: black;
    }

        .navbar-ribbon1 .navbar-toggle .icon-bar {
            background-color: black;
        }

.topRibbon {
    width: 100px;
    height: 30px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-right: 178px;
    margin-top: -65px;
}
/*.topRibbon {
            width:100px;
            height:30px;
            background:#fff;
            -moz-transform:rotate(0deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            -ms-transform:rotate(45deg);
            margin-left: 150px;
            margin-top: -5px;
        } */


/* end of navbar ribbon 1 */

/* border right color */

.effect:hover,
.effect:focus,
.effect:active,
.effect.active {
    background-color: blue;
}

.blockquote-boxmain1-2 {
    border-right: 5px solid #579e51;
    height: 34px;
}

.blockquote-boxmain1 {
    border-right: 5px solid #ac5e3f;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain2 {
    border-right: 5px solid #579e51;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain3 {
    border-right: 5px solid #d7312c;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain4 {
    border-right: 5px solid #6c7f1f;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain5 {
    border-right: 5px solid #ffa41a;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain6 {
    border-right: 5px solid #cb3812;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain7 {
    border-right: 5px solid #be9b00;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain8 {
    border-right: 5px solid #d04f1c;
    margin-bottom: 7px;
    height: 42px;
}

.blockquote-boxmain9 {
    border-right: 5px solid #c32587;
    margin-bottom: 7px;
    height: 42px;
}

/* end of border right color */

/* tabs menu */

#tabs {
    overflow: hidden;
    width: 99.3%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #tabs li {
        float: right;
        margin: 0 14px 0 0px;
    }

    #tabs a {
        font-size: 14px;
        font-weight: bold;
        font-family: sans-serif,tahoma;
        float: right;
        position: relative;
        padding: 0 18px;
        height: 0;
        line-height: 40px;
        //text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border-top-right-radius: 0px;
        border-top-left-radius: 34px;
        border-bottom: 40px solid #C0392B;
        border-bottom-color: #777\9;
        opacity: .6;
        filter: alpha(opacity=30);
        margin-right: -26px;
    }

        #tabs a:hover,
        #tabs a:focus {
            border-bottom-color: #2ac7e1;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        #tabs a:focus {
            outline: 0;
        }

    #tabs #current {
        z-index: 3;
        border-bottom-color: #3d3d3d;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.active {
    border-bottom-color: black;
    //background-color:Black;
    color: Black;
    opacity: 1;
    filter: alpha(opacity=100);
}
/*
#tabs li a:profileHover {
border-bottom-color: black;
background-color: black;
}
*/
/* end of tabs menu */

/* white circle icon*/

.ch-grid1:after,
.ch-item1:before {
    content: '';
    display: table;
    margin-left: 50px;
}

.ch-grid1:after {
    clear: both;
}

.ch-grid1 li {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-left: 10px;
}

.ch-item1 {
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}

/* end of white circle icon*/

/* academic icons */

.ch-img-1 {
    background-image: url(../../Content/image/icons_collection/academic/subject_registration.png);
}

.ch-img-2 {
    background-image: url(../../Content/image/icons_collection/academic/academic_calendar.png);
}

.ch-img-3 {
    background-image: url(../../Content/image/icons_collection/academic/attendance.png);
}

.ch-img-4 {
    background-image: url(../../Content/image/icons_collection/academic/faculty_member.png);
}

.ch-img-5 {
    background-image: url(../../Content/image/icons_collection/academic/learning_material.png);
}

.ch-img-6 {
    background-image: url(../../Content/image/icons_collection/academic/thesis_proposal.png);
}

.ch-img-7 {
    background-image: url(../../Content/image/icons_collection/academic/timetable.png);
    margin-left: 50px;
}

.ch-img-8 {
    background-image: url(../../Content/image/icons_collection/academic/assessment.png);
}

/* end of academic icons */

/* e-from icon */
.ch-img-9 {
    background-image: url(../../Content/image/icons_collection/forms/finance_form.png);
}

.ch-img-10 {
    background-image: url(../../Content/image/icons_collection/forms/misc_form.png);
}

.ch-img-11 {
    background-image: url(../../Content/image/icons_collection/forms/academic_form.png);
}

.ch-img-12 {
    background-image: url(../../Content/image/icons_collection/study-progress/alim_report.png);
}

.ch-img-13 {
    background-image: url(../../Content/image/icons_collection/study-progress/result_slip.png);
}

.ch-img-14 {
    background-image: url(../../Content/image/icons_collection/academic/viva_icon.png);
}

.ch-img-15 {
    background-image: url(../../Content/image/icons_collection/study-progress/result_acc_icon.png);
}


.ch-img-16 {
    background-image: url(../../Content/image/icons_collection/introducer/why_icon.png);
}

.ch-img-17 {
    background-image: url(../../Content/image/icons_collection/introducer/claim_icon.png);
}

.ch-img-18 {
    background-image: url(../../Content/image/icons_collection/introducer/how_icon.png);
}

.ch-img-19 {
    background-image: url(../../Content/image/icons_collection/introducer/info_icon.png);
}

.ch-img-20 {
    background-image: url(../../Content/image/icons_collection/introducer/introducerform_icon.png);
}

.ch-img-21 {
    background-image: url(../../Content/image/icons_collection/introducer/student_introducer_icon.png);
}

.graduation_unit {
    background-image: url(../../Content/image/icons_collection/forms/graduation_unit.png);
}

/* end of e-from icon */

/* search icon */

.uj-icon-set {
    position: relative;
    float: right !important;
    text-align: left !important;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

    .uj-icon-set:hover {
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        transform: rotate(35deg);
    }

.box-shadow-outset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    }

/* end of search icon */

/* Box Shadow Inset */

.box-shadow-inset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    }

/* end of Box Shadow Inset */

/* Box Shadow Outset */

.box-shadow-outset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    }

/* end of Box Shadow Outset */

/* Box Shadow Inset */

.box-shadow-inset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    }

/* end of Box Shadow Inset */

/* curl top right effect */

.curl-top-right {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .curl-top-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: white;
        /* IE9 */
        background: -webkit-linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
        background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .curl-top-right:hover:before {
        width: 25px;
        height: 25px;
    }

.btn-default {
    border: none;
}

/* end of curl top right effect */

/* curl top right effect 1 */

.curl-top-right1 {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .curl-top-right1:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: white;
        /* IE9 */
        background: -webkit-linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
        background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .curl-top-right1:hover:before {
        width: 20px;
        height: 20px;
    }

.btn-default {
    border: none;
}

/* end of curl top right effect 1 */

/* trim effect */

.trim {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .trim:before {
        content: '';
        position: absolute;
        border: white solid 4px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .trim:hover:before, .trim:focus:before, .trim:active:before {
        opacity: 1;
    }

/* end of trim effect */

/* border fade effect */

.border-fade {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}

    .border-fade:hover, .border-fade:focus, .border-fade:active {
        box-shadow: inset 0 0 0 4px #666666, 0 0 1px rgba(0, 0, 0, 0);
    }

/* end of border fade effect */

/* Box Shadow Inset */

.box-shadow-inset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    }

/* end of Box Shadow Inset */

/* Hollow */

.hollow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}

    .hollow:hover, .hollow:focus, .hollow:active {
        background-color: black;
    }

/* end of hollow */

/* ribbon for header */

div.ribbon {
    width: 203px;
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
    float: right;
    margin-bottom: 20px;
}

/*div.top {
    width:100px;
    height:30px;
    background:#fff;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    margin-right: 176px;
    margin-top: -17px;
} */

/* end of ribbon for header */

/* ribbon1 for header */

div.ribbon1 {
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
}

div.top1 {
    width: 100px;
    height: 25px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-top: -11px;
}

/* end of ribbon1 for header */

/* ribbon for box home */

.ribbon1 {
    width: 230px;
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
    margin-left: -12px;
}

.top1 {
    width: 100px;
    height: 25px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: 206px;
    margin-top: -11px;
}

.ribbon1 .ribbon1-content:before {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: black transparent transparent transparent;
    top: 67px;
    margin-left: 6px;
}

.ribbon1 .ribbon1-content:before {
    margin-top: -6px;
    left: -2px;
    border-width: 0.6em 0 0 0.6em;
}

.ribbon1 .ribbon1-toggle {
    border-color: black;
}

    .ribbon1 .ribbon1-toggle .icon-bar {
        background-color: black;
    }

/* end of ribbon for box home */

/* ribbon-2 for box home */

.ribbon2 {
    width: 245px;
    height: 41px;
    color: #fff;
    overflow: hidden;
    font-size: 21px;
    margin-top: -15px;
    margin-left: -12px;
}

.top2 {
    width: 100px;
    height: 25px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: 222px;
    margin-top: -11px;
}

.ribbon2 .ribbon2-content:before {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: black transparent transparent transparent;
    top: 67px;
    margin-left: 6px;
}

.ribbon2 .ribbon2-content:before {
    margin-top: -6px;
    left: -2px;
    border-width: 0.6em 0 0 0.6em;
}

.ribbon2 .ribbon2-toggle {
    border-color: black;
}

    .ribbon2 .ribbon2-toggle .icon-bar {
        background-color: black;
    }

/* end of ribbon-2 for box home */

/* alert color */

.alert-purple {
    border-color: #d35400;
    background: #d35400;
    color: #fff;
    text-align: center;
}

.alert-info-alt {
    border-color: #B4E1E4;
    background: #81c7e1;
    color: #fff;
}

.alert-danger-alt {
    border-color: #B63E5A;
    background: #E26868;
    color: #fff;
}

.alert-warning-alt {
    border-color: #F3F3EB;
    background: #E9CEAC;
    color: #fff;
}

.alert-success-alt {
    border-color: #19B99A;
    background: #20A286;
    color: #fff;
}

.glyphicon {
    margin-right: 10px;
}

/* end of alert color */

/* pdf button */

.ds-btn li {
    list-style: none;
    padding: 0px;
}

    .ds-btn li a span {
        padding-left: 15px;
        padding-right: 5px;
        width: 100%;
        display: inline-block;
        text-align: left;
    }

        .ds-btn li a span small {
            width: 100%;
            display: inline-block;
            text-align: left;
            font-size: 110%;
        }

/* end of pdf button */



nav {
    z-index: 42;
    margin-top: 4px;
    width: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5px;
    margin-left: -14px;
    margin-right: -14px;
    background: #36D7B7;
    filter: alpha(opacity=80); /* IE6-IE8 */
    position: relative;
    border-top-left-radius: 1em 0.5em;
    border-top-right-radius: 1em 0.5em;
}

.nav-left {
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 14px;
    height: 14px;
    background: #36D7B7;
    background: #36D7B7;
    border-bottom-left-radius: 100% 50%;
}

    .nav-left:after {
        content: '';
        position: absolute;
        right: 0;
        width: 66%;
        height: 66%;
        background: #000;
        border-top-left-radius: 100% 50%;
        border-bottom-left-radius: 100% 50%;
    }

.nav-right {
    display: block;
    float: right;
    position: absolute;
    right: 0;
    bottom: -14px;
    width: 14px;
    height: 14px;
    background: #848a6a;
    background: #36D7B7;
    border-bottom-right-radius: 100% 50%;
}

    .nav-right:after {
        content: '';
        position: absolute;
        left: 0;
        width: 66%;
        height: 66%;
        background: #000;
        border-top-right-radius: 100% 50%;
        border-bottom-right-radius: 100% 50%;
    }

nav li {
    display: inline;
    list-style: none;
}

    nav li a {
        text-align: center;
        text-decoration: none;
        font-size: 130%;
        color: white;
        font-weight: bold;
        padding: 0 auto;
    }

/* To position the of the Arabic search box */
.searchBoxArabic {
    float: left !important;
}
/* To position the of the English search box */
.searchBoxEnglish {
    margin-left: 340px;
}
/*
.col-md-4
{
    text-align:right;
    padding-right:50px;
} */

.col-md-4 {
    text-align: right;
}

.a {
    margin-right: 100px;
}

/*.error
{
  color: Red;
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-right: 5px solid #eee;
  background-color: #FAEAE6;
  border-color: #ed4e2a;
  margin: 15px 15px 15px 15px;
  direction:rtl;
}

.success {
 color: green;
  font-weight: bold; 
  font-size: 110%;  
  margin: 0 0 20px 0;
  padding: 10px 30px 10px 30px;
  border-right: 5px solid #eee;
  background-color: #EBFCEE;
  border-color: #3cc051;
  margin: 15px 15px 15px 15px;
  direction:rtl;
} */
/***
Notes
***/

/* Common styles for all types */
.note {
    margin: 0 0 20px 0;
    padding: 15px 15px 15px 30px;
    border-right: 5px solid #eee;
}

    .note h1,
    .note h2,
    .note h3,
    .note h4 {
        margin-top: 0;
    }

    .note p:last-child {
        margin-bottom: 0;
    }

    .note code,
    .note .highlight {
        background-color: #fff;
    }

/* Variations */
.note-danger {
    background-color: #FAEAE6;
    border-color: #ed4e2a;
}


/***
Bootstrap Panel
***/

.panel {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.1);
}

.panel-heading {
    border-radius: 0px;
    padding: 1px;
}

.panel .panel-title > a:hover {
    text-decoration: none;
}

.accordion .panel-heading {
    padding: 0;
}

.accordion .panel-title {
    padding: 0;
}

    .accordion .panel-title .accordion-toggle {
        display: block;
        padding: 10px 15px;
        text-align: right;
    }

.accordion .accordion-toggle.accordion-toggle-styled {
    background: url("../image/accordion-plusminus.png") no-repeat;
    background-position: left -19px;
    margin-left: 15px;
}

    .accordion .accordion-toggle.accordion-toggle-styled.collapsed {
        background-position: left 12px;
    }




.note-warning {
    background-color: #FCF3E1;
    border-color: #fcb322;
}

.note-info {
    background-color: #E8F6FC;
    border-color: #57b5e3;
    direction: rtl;
}

.note, note-info2 {
    background-color: #E8F6FC;
    border-color: #57b5e3;
    margin: 0 0 20px 0;
    padding: 10px 30px 10px 30px;
    direction: rtl;
}

.note-success {
    background-color: #EBFCEE;
    border-color: #3cc051;
}


.flash {
    border: 1px solid yellow;
    background: lemonchiffon;
    padding: 5px 10px;
    margin: 10px 0;
    font-weight: bold;
    font-size: 110%;
}


.navbar-left {
    float: right !important;
    margin-right: -50px;
    display: block;
}

.navbar-rtl {
    float: right !important;
}

.form-inline {
    display: block;
}

.pull-left {
    float: right !important;
}

.iconsRtl {
    float: right !important;
}

.profileRtl {
    float: right !important;
    direction: rtl;
}

.profileRtl2 {
}

.btnright {
    float: right !important;
    margin-left: 10px;
}

.BackButtonMargin {
    direction: ltr;
    float: right;
}

div.subjectRegistrationStyleA {
    width: 220px;
    background: #9dc740;
}

div.subjectRegistrationStyleB {
    margin-right: 195px;
}

div.E-FormsStyleA {
    width: 220px;
    background: #9dc740;
}

div.E-FormsStyleB {
    margin-right: 195px;
}

div.E-ResultAppealStyleA {
    width: 415px;
    background: #9dc740;
}

div.E-ResultAppealStyleB {
    margin-right: 390px;
}

div.FinanceStyleB {
    margin-left: -75px;
}

div.WorkloadFormStyleA {
    background: #a4cd1e;
    width: 310px;
}

div.WorkloadFormStyleB {
    margin-right: 285px;
}

div.FacultyStyleA {
    width: 183px;
}

div.FacultyStyleB {
    margin-right: 155px;
}

div.E-formsStyleA {
    width: 220px;
}

div.GuidelineStyleA {
    width: 120px;
}

div.GuidelineStyleB {
    margin-right: 95px;
}

div.AttendanceStyleA {
}

div.AttendanceStyleB {
    margin-right: 165px;
}

div.AcademicCalendarStyleA {
    width: 180px;
}

div.AcademicCalendarStyleB {
    margin-right: 155px;
}

div.LearningMaterialStyleA {
    width: 180px;
}

div.LearningMaterialStyleB {
    margin-right: 155px;
}

div.ThesisProposalStyleA {
    width: 200px;
}

div.ThesisProposalStyleB {
    margin-left: 209px;
}

.ButtonMargin {
    margin-left: 500px;
}

.btn-primary {
    color: White;
}

fieldset.fieldset-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
}

legend.legend-border {
    text-align: right !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    font-family: 'Playfair Display', serif;
}

h3 {
    font-family: 'Playfair Display', serif;
}


/* To chnage the panel and buttons color */
.btn-primary {
    color: white;
    text-shadow: none;
    background-color: #d12900;
    border-color: #d12900;
}

.panel-primary > .panel-heading {
    background-color: #d12900;
    border-color: #d12900;
}

.panel-primary {
    border-color: #d12900;
}

.btn-primary:hover {
    background-color: White;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #EF4836;
    text-decoration: none;
    border-color: #EF4836;
}

/* End of To chnage the panel and buttons color */


/** Toaster notification */

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #ffffff;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    left: -0.3em;
    top: -0.3em;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-full-width {
    top: 0;
    left: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    left: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    right: 12px;
}

.toast-top-right {
    top: 12px;
    left: 12px;
}

.toast-bottom-right {
    left: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    right: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        margin: 0 0 6px;
        padding: 15px 50px 15px 15px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #ffffff;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000000;
        -webkit-box-shadow: 0 0 12px #000000;
        box-shadow: 0 0 12px #000000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcxJREFUeNq8lz1LA0EQhm8PyxQpLFOkOCEWFkGFdEZMYWFhEVCw8SfYibW/QSxVbCwUtRALhdhrISikUQgYsDBgQMEUIeezsMoR7mND5m7gZXdvZ2bfnZv9Ur7vO1qUUk6Y0F8Da1TnQN58boM7bM7AY4SdM7ZoJ2GO+DY5GAzO/QRB54AiH+V3HISSY8AV8O5bCrpv2iZ1cgyyHEPiK440fXVJciqYc9Rz4Il6MSIF5o3ufUR/h75p0JHIOXfI+W4UMRvBdhIf+46Q/EeO0qNoMsBEzOLpUnQtJrCoV7Nk5NbjiJnI5G0iyyQ2JCIXJLeQMOCpjgjlDGgn+K1Kk/MSolaH1JLrus80+wm6njQ5Gyk4GUqQXE/Kqd5SpMm9CE66LU3uUpDcrSg5kvjC7GM20ov5pX187UmT03myk5BHV0b3iHYUwRP6W6InxN99jsO7Qb0aQu6B4ts09eAV9EpDOi2+lUE3lfsc9RIEP/0RBZsPUMniPlcANyMQawIvk8tmgOQW+LEgd5zGTVhZvCH0HW+V6qx5Q+i8ewU5sI1dzqiWg++JVN8QlrZFonZtotfI9LeOQHLTLKKaJDlXZD9S6hBM4bAiefD/CjAAHqy2T6+q2tUAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAexJREFUeNrElzFLw0AUx3OhQ4YKGToU7FDBQffu4iD4ARxcHJxEcHB0cOgHUHDTTQQ3l466KXSo2MGhg4NQoQUrLViwYIbS+H/lCseR5M7mRQ/+vbvk5d0v9y53r04Yho6pwMaHqpPJ5AnaQjvnWBTynUZi+iNEJBCqCuo11Aew8ZV7A1Q16A56dl33NQ4uTRGS8hxtD/KlSoBZtnWC54eoWhBBU7sA5eFjnQOuDUdlC4gR7PK/8Z8GzpV11wA1hnYQvgV0l9C+df6gzOACg10TYNfTqRDiDTq1mOWAC65rsNMHGlv47nHBjTKIChvch8GuPIfvLhdc02DnaeupaOH7kQUOC7yRuB8IocP4Fr5fuOCGmI2W6QhLgI16oQZXWKnUDbZFBXTR8CJ1wA044R4MA1aUbsng94rjc88pYagBoJcQsj2ZjdD9zaTThHyxbEZq5oB06DhMWeDjJpOUCe0C1EHfm/NFAzy7SkccR8rkal8YLeKLmIHvoX3ojLKTGH8nMzD2sMp+HqFpa6H6VrcStI8iwtmhZzkzYTdif6KcbVe7RmGuyAE9mR2rEPQhbdCzrKdz3LrATBxGzE4b+tKuvaNayeI/ROKijQK0BcscTgJuQ58aFPWr6jr8Fzg5SBlAl1DfBooL7keAAQCLjhVwzd5s5wAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpi/P//P8NgBUwMgxgMbscxMjIyUAsDAQcwmRQA8WUgng3kKwwKXwIdw/Lv37/V/5EAlM9ALqaZw6CO+zygjsPlMKjjFg+Y4wg47DkQqwyI4wg5DEhpQNXR13HEOozujiPFYRQ7DkgIAHED0ODjQFwDZPNQy2EUOw5oaD+aJZeBWIYaDqOG4y7jyGkmlDqMGtHagMNSUAEaQInDqOE4HqAlh3FY/huIz5PrMKrkViCDA2jZ8v9EAmIdRtWiBGhpOzUdRvVyDmh5Big6qeEwmhTCQEd4QDMERQ6jWQ0BlDQAOmg9yJGg9AiqxMms6sjGjKMdnOHoOIAAAwA/ULMPJLXCLgAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAYCAYAAAB5j+RNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaNJREFUeNpi/P//P8NgBUwMgxgwkqL4379/JoyMjDJAvIFYPZTEDKmOOwykJICO0wXiH7R2HCkOi/iPABWkhBy5mJFICziA+DaQ+QSKPYAhpwrELwY85IAWNABD7jcQ6wDZEkD6PRDPp3XIEWO4AtAh34G4GSmKU0BxC6QtBtRxQAcsB+LroKhFE98PxMcHzHFABTbQDOCARU4DGqIxdHccUJIFaPF5IJ6NxJ8PwkC2CDT0aoD4OZDPQ1fHgdIV1GIBJItgQAHJwZeR0yPNHQdyENDC16CyDc3Bn6GOE0ESswBFL8zBNHcc0LLp0NoAXfz+fyy6gOKLgXg7zR0HDYnfQEkDLHK3QXJYxGVAoYoe0lR1HFIamo2nWDmMQ64GPY1S23EVoNIfVAvgiCIJPGmLAxTtoCRBdcch1QQleDLJZ2jNoIKvcYBcc1DFcaAEDUpToKjFEzKPoWlLBk8RBKo5LsPModhxSD72IaJ1wkNAjQE0Q1VQ3GQCRRcQXweawwFsAk2kUismHtoo1QTSDyhpRE7/TyMASiqUhtxo74scABBgAGIL5qklcGvHAAAAAElFTkSuQmCC") !important;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 50px 8px 8px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        left: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 50px 8px 8px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        left: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 50px 15px 15px;
        width: 25em;
    }
}

.toast {
    box-shadow: none !important;
}

.toast {
    background-color: rgb(3, 3, 3);
}

.toast-success {
    background-color: rgb(81, 163, 81);
}

.toast-error {
    background-color: rgb(189, 54, 47);
}

.toast .toast-close-button {
    display: inline-block;
    margin-top: 0px;
    margin-left: 0px;
    text-indent: -100000px;
    width: 11px;
    height: 16px;
    background-repeat: no-repeat !important;
    background-image: url("../../Content/img/portlet-remove-icon-white.png") !important;
}

#toast-container > div {
    background-position: 100% center;
}
/** End of the toaster notification */

.nav_class {
    direction: rtl;
}



/* Start of The new form wizard */

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .wizard a,
    .tabcontrol a {
        outline: 0;
    }

    .wizard ul,
    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 5px;
    }

        .wizard ul > li,
        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }


    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li {
        float: right;
    }

    .wizard > .content {
        display: block;
        overflow: hidden;
        position: relative;
        /*  -webkit-border-radius: 5px;
   -moz-border-radius: 5px; */
    }

        .wizard > .content > .body {
            /*    position: absolute; */
            position: absolute;
            width: 100%;
            height: 95%;
            left: 0;
        }

            .wizard > .content > .body ul {
                list-style: disc !important;
            }

                .wizard > .content > .body ul > li {
                    display: list-item;
                }

            .wizard > .content > .body > iframe {
                border: 0 none;
                width: 100%;
                height: 100%;
            }

            /*.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
} */

            .wizard > .content > .body input[type="checkbox"] {
                display: inline-block;
            }

            .wizard > .content > .body input.error {
                background: rgb(251, 227, 228);
                border: 1px solid #fbc2c4;
                color: #8a1f11;
            }

            .wizard > .content > .body label {
                display: inline-block;
                margin-bottom: 0.5em;
            }

                .wizard > .content > .body label.error {
                    color: #8a1f11;
                    display: inline-block;
                    margin-left: 1.5em;
                }


    .wizard > .actions {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
    }


        .wizard > .actions > ul {
            display: inline-block;
            text-align: right;
        }

            .wizard > .actions > ul > li {
                margin: 0 0.5em;
            }


        .wizard > .actions a,
        .wizard > .actions a:hover,
        .wizard > .actions a:active {
            background: none repeat scroll 0% 0% rgb(209, 41, 0);
            color: rgb(255, 255, 255);
            display: block;
            padding: 0.5em 1em;
            text-decoration: none;
        }

        .wizard > .actions .disabled a,
        .wizard > .actions .disabled a:hover,
        .wizard > .actions .disabled a:active {
            background: #eee;
            color: #aaa;
        }

button, html input[type=button], input[type=reset], input[type=submit] {
    background: #d12900;
    color: #fff;
    padding: 0.5em 1em;
    text-decoration: none;
    border: none;
}

.form {
    padding-bottom: 0px !important;
}

/* End of the new form wizard */

.wrapper {
    font-size: 16px;
    font-weight: bold;
}

.title {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
}

.wrapper2 {
    font-size: 17px;
    font-weight: bold;
}

.ef-wrapper {
    font-size: 16px;
    font-weight: bold;
}

.ef-td-wrapper {
    font-size: 15px;
    font-weight: bold;
}

.ef-td-heading {
    font-size: 15px;
    font-weight: bold;
}

.Proctor_wrapper {
    line-height: 20px;
    font-weight: 100;
}

.gf_.wrapper {
    font-size: 16px;
    font-weight: bold;
}

.input_rtl {
    font-size: 14px;
    font-weight: 700;
}

.english {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
}

.stcf_select_box {
    width: 750px;
}

.table.GFGridtable td {
    width: auto;
    border-width: 0px;
    padding: 1px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
}

.caption {
    font-size: 17px;
    font-weight: bold;
}

.input {
    width: 520px;
}

.textarea_rrf {
    width: 520px;
    height: 60px;
}

.ep_input {
    width: 230px;
}

.tc_input {
    width: 250px;
}

i {
    font-family: "Arabic Transparent", "Simplified Arabic", arial, verdana, sans-serif;
}

/* To style buttons with arrows */
/*.btn.default { color: rgb(51, 51, 51); text-shadow: none; background-color: rgb(229, 229, 229); }*/
.btn.blue {
    color: white;
    text-shadow: none;
    background-color: #d12900;
}

.btn > i {
    font-size: 14px;
}

[class^="m-icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    line-height: 14px;
    vertical-align: top;
    background-image: url("../img/syncfusion-icons.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.m-icon-white {
    background-image: url("../img/syncfusion-icons-white.png");
}

.m-icon-swapright {
    background-position: -27px -10px;
}

.m-icon-swapleft {
    background-position: -8px -10px;
    color: White;
}
/* End of styling buttons with arrows */

.panel-loggin {
    position: absolute;
    right: 90px;
    bottom: -4px;
}


/* To make the alert message blink */
.msg_alert {
    color: Red;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    margin-right: 6px;
    margin-top: 5px;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}
/* End of the message blink */

.quick-access {
    text-align: center;
    margin-left: 40px;
    color: White;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: -2px;
    margin-top: 5px;
}

.exam {
    text-align: center;
    margin-left: 40px;
    color: White;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: -2px;
    margin-top: 5px;
}

.quick-link {
    text-align: center;
    margin-left: 40px;
    color: White;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: -2px;
    margin-top: 5px;
}

.english-td-title {
    font-size: 17px;
    font-weight: bold;
}

.personal_address {
    margin-right: 50px;
}


.form-horizontal .control-label {
    text-align: left;
}
/*.form-control
{
    float: right !important;
    text-align:right;
} */

/* To style the Thesis Proposal rtl */
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.6667%;
    }

    .col-md-10 {
        width: 83.3333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.6667%;
    }

    .col-md-7 {
        width: 58.3333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.6667%;
    }

    .col-md-4 {
        width: 33.3333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.6667%;
    }

    .col-md-1 {
        width: 8.33333%;
    }
}

/***
Social Icons
***/

.social-icons:after,
.social-icons:before {
    content: "";
    display: table;
}


.social-icons:after {
    clear: both;
}

.social-icons {
    margin-right: -28px;
}

    .social-icons li {
        float: right;
        display: inline;
        list-style: none;
        margin-right: 5px;
        margin-bottom: 5px;
        text-indent: -9999px;
    }

        .social-icons li a, a.social-icon {
            width: 28px;
            height: 28px;
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
        }

        .social-icons li:hover a {
            background-position: 0 -38px;
        }

.social-icons-color li a {
    opacity: 0.7;
    background-position: 0 -38px !important;
}

    .social-icons-color li a:hover {
        opacity: 1;
    }

.social-icons .forum {
    background: url(../image/icons_collection/social/forum.png) no-repeat;
}

.social-icons .iradio {
    background: url(../image/icons_collection/social/iradio.png) no-repeat;
}

.social-icons .mediutv {
    background: url(../image/icons_collection/social/mediutv.png) no-repeat;
}

.social-icons .liveradio {
    background: url(../image/icons_collection/social/liveradio.png) no-repeat;
}

.social-icons .facebook {
    background: url(../image/icons_collection/social/facebook.png) no-repeat;
}

.social-icons .twitter {
    background: url(../image/icons_collection/social/twitter.png) no-repeat;
}

.social-icons .youtube {
    background: url(../image/icons_collection/social/youtube.png) no-repeat;
}
/*------------------------------------------------------------------------------------*/

/*-----------------------------------Breadcrum--------------------------------------*/
.breadcrumb > li + li:before {
    content: "\a";
}

ul.breadcrumb li a {
    color: Black;
    font-size: 15px;
}


/* ---------------------------------- Rss ------------------------------------------*/
.feedEkList {
    list-style: none outside none;
    background-color: #FFFFFF;
    border: 1px solid #D3CAD7;
    padding: 4px 6px;
    color: #3E3E3E;
    background: rgba(255, 255, 255, 0.1);
}

    .feedEkList li {
        border-bottom: 1px solid #D3CAD7;
        padding: 5px;
    }

        .feedEkList li:last-child {
            border-bottom: none;
        }

.itemTitle a {
    font-weight: bold;
    color: #4EBAFF !important;
    text-decoration: none;
}

    .itemTitle a:hover {
        text-decoration: underline;
    }

.itemDate {
    font-size: 11px;
    color: #AAAAAA;
}



/*PostgraduateThesis Progress*/

.progress {
    background-color: red;
}

.postgraduate-thesis {
    min-width: 700px;
}

.postgraduate-thesis {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .postgraduate-thesis > .postgraduate-thesis-step {
        padding: 0;
        position: relative;
    }

        .postgraduate-thesis > .postgraduate-thesis-step + .postgraduate-thesis-step {
        }

        .postgraduate-thesis > .postgraduate-thesis-step .postgraduate-thesis-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .postgraduate-thesis > .postgraduate-thesis-step > .postgraduate-thesis-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #fbe8aa;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .postgraduate-thesis > .postgraduate-thesis-step > .postgraduate-thesis-dot:after {
                content: '';
                width: 14px;
                height: 14px;
                background: #fbbd19;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .postgraduate-thesis > .postgraduate-thesis-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .postgraduate-thesis > .postgraduate-thesis-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: green;
                float: right;
            }

        .postgraduate-thesis > .postgraduate-thesis-step.complete > .progress > .progress-bar {
            width: 100%;
            float: right;
        }

        .postgraduate-thesis > .postgraduate-thesis-step.active > .progress > .progress-bar {
            width: 50%;
            float: right;
        }

        .postgraduate-thesis > .postgraduate-thesis-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .postgraduate-thesis > .postgraduate-thesis-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .postgraduate-thesis > .postgraduate-thesis-step.disabled > .postgraduate-thesis-dot {
            background-color: #f5f5f5;
        }

            .postgraduate-thesis > .postgraduate-thesis-step.disabled > .postgraduate-thesis-dot:after {
                opacity: 0;
            }

        .postgraduate-thesis > .postgraduate-thesis-step:first-child > .progress {
            right: 50%;
            width: 50%;
        }

        .postgraduate-thesis > .postgraduate-thesis-step:last-child > .progress {
            width: 50%;
        }

        .postgraduate-thesis > .postgraduate-thesis-step.disabled a.postgraduate-thesis-dot {
            pointer-events: none;
        }


        .postgraduate-thesis > .postgraduate-thesis-step.disabled > .postgraduate-thesis-parent-dot {
            background-color: red;
            color: White;
        }

            .postgraduate-thesis > .postgraduate-thesis-step.disabled > .postgraduate-thesis-parent-dot:after {
                opacity: 0;
            }

        .postgraduate-thesis > .postgraduate-thesis-step.active > .postgraduate-thesis-parent-dot {
            background-color: #fbbd19;
            color: White;
        }

            .postgraduate-thesis > .postgraduate-thesis-step.active > .postgraduate-thesis-parent-dot:after {
                opacity: 0;
            }

        .postgraduate-thesis > .postgraduate-thesis-step.complete > .postgraduate-thesis-parent-dot {
            background-color: green;
            color: White;
        }

            .postgraduate-thesis > .postgraduate-thesis-step.complete > .postgraduate-thesis-parent-dot:after {
                opacity: 0;
            }


        .postgraduate-thesis > .postgraduate-thesis-step > .postgraduate-thesis-parent-dot {
            position: absolute;
            width: 50px;
            height: 50px;
            display: block;
            background: #fbe8aa;
            top: 35px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

        .postgraduate-thesis > .postgraduate-thesis-step .postgraduate-thesis-stepnum:after {
            content: '';
            width: 20px;
            height: 20px;
            display: inline-block;
        }

.final-report-step1 {
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 14px;
    font-weight: bold;
}

.final-report-step2 {
    position: absolute;
    top: 6px;
    left: 9px;
    font-size: 14px;
    font-weight: bold;
}

.viva-step {
    position: absolute;
    top: 14px;
    left: 5px;
    font-size: 15px;
    font-weight: bold;
}

.graduation-step {
    position: absolute;
    top: 13px;
    left: 8px;
    font-size: 15px;
    font-weight: bold;
}

.sent-to-faculty-step {
    position: absolute;
    top: 14px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
}

.approved-by-faculty-step {
    position: absolute;
    top: 14px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
}

.turnitin-step {
    position: absolute;
    top: 15px;
    left: 4px;
    font-size: 12px;
    font-weight: bold;
}

.approved-step {
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 14px;
    font-weight: bold;
}

.approved-step-postgraduate {
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 14px;
    font-weight: bold;
}

.supervisor-step {
    position: absolute;
    top: 13px;
    left: 5px;
    font-size: 15px;
    font-weight: bold;
}

.student-step {
    position: absolute;
    top: 14px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
}

.accepted-by-faculty-step {
    position: absolute;
    top: 14px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
}

.higher-studies {
    position: absolute;
    top: 26px;
    left: 16px;
    font-size: 14px;
    font-weight: bold;
}

.academic-senate {
    position: absolute;
    top: 26px;
    left: 7px;
    font-size: 13px;
    font-weight: bold;
}

.finance-clearance {
    position: absolute;
    top: 26px;
    left: 12px;
    font-size: 14px;
    font-weight: bold;
}

.defense-step {
    position: absolute;
    top: 13px;
    left: 5px;
    font-size: 15px;
    font-weight: bold;
}


div.StudyProgressA {
    width: 230px;
}

div.StudyProgressB {
    margin-right: 205px;
}

div.IntroducerA {
    width: 250px;
}

div.IntroducerB {
    margin-right: 225px;
}


div.AlimInformationA {
    width: 270px;
}

div.AlimInformationB {
    margin-right: 205px;
}

/*END PostgraduateThesis Progress*/
.table-center th, .table-center td {
    text-align: center;
}

/* Main Icons */
.proposal-uplaod {
    background-image: url(Content/image/icons_collection/study-progress/undergoing_subject.png);
}

.thesis-progress {
    background-image: url(Content/image/icons_collection/study-progress/completed_subject.png);
}

.viva {
    background-image: url(Content/image/icons_collection/study-progress/course_plan.png);
}

.student-guides {
    background-image: url(Content/image/icons_collection/guidelines/student_guides.png);
}

.student-enquiry {
    background-image: url(Content/image/icons_collection/guidelines/student_enquiry.png);
}

.student-counseling {
    background-image: url(Content/image/icons_collection/guidelines/student_counseling.png);
}

.feedback {
    background-image: url(Content/image/icons_collection/guidelines/feedback.png);
}

.final-phase {
    background-image: url(Content/image/icons_collection/guidelines/feedback.png);
}

.k-grid-content {
    overflow-y: auto;
}

.k-grid-header-wrap {
    width: 100%;
}

.k-grid-footer-wrap {
    width: 100%;
}
/*   ----------------------------------------------------------------------------------------------------*/
</style>
