@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body {
    font-family: "Cairo", sans-serif;
}

DIV.textContainerAr {
    OVERFLOW: auto;
    HEIGHT: 160px;
}

DIV.textContainerEn {
    OVERFLOW: auto;
    HEIGHT: 140px;
}

.BUTTON_LINK {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

DIV.tableContainer {
    OVERFLOW: auto;
    HEIGHT: 110px
}

.ButtonStyle {
    font-family: "Cairo", sans-serif;
    font-size: 14px;

}

.fontTextFooter {
    color: White;
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
}

.blackAndBold {
    color: Black;
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.blackSmall {
    color: Black;
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
}

.textGreenBold {
    color: #2c6947;
    font-family: "Cairo", sans-serif;
    font-size: 15pt;
    font-weight: bold;
}

.dateHeader {
    height: 38px;
    background-color: #ba9560;
}

.sec2Header {
    background-color: #f5fafc;
    padding: 0 21% 0 7%;
}

.header1 {
    font-size: 24px;
}

.header2 {
    font-size: 18px;
}

.header3 {
    font-size: 14px;
    text-align: center;
}

.sec2Header .header1 {
    padding-top: 3rem;
    display: block;
}

.primColor {
    color: #1a393e;
}

.secColor {
    color: #ba9560;
}

.bold {
    font-weight: bold;
}

.d-flex {
    display: flex !important;
}

.d-block {
    display: block !important;
}

.d-flex-R {
    display: flex !important;
    flex-direction: row !important;
}

.d-flex-C {
    display: flex !important;
    flex-direction: column !important;
}

.flexWarp {
    flex-wrap: wrap;
}

.text-center {
    text-align: center !important;
}

.align-items-center {
    align-items: center !important;
    display: flex !important;
}

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

.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.widfit {
    width: fit-content !important;
}

.wid100 {
    width: 100%;
}

.headerbuildImg {
    margin-right: auto;
}

.contentBody {
    display: flex;
    flex-direction: row;
    min-height: 60vh;
    padding: 0 5%;
}

.contentBody .menuBody {
    display: flex;
    flex-direction: column;
    min-width: 191px;
    box-shadow: 0 0 10px #c2c2c2;
    border-radius: 15px;
    margin: 0px 10px 10px;
    background: white;
    max-height: 70vh;
    overflow: auto;
}

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

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #1a393e;
    border-radius: 10px;
}

.contentBody .menuBody::-webkit-scrollbar {
    width: 3px;
}

.contentBody .menuBody .textMenu {
    margin: auto 10px !important;
}

.contentBody .contentSec {
    width: 100%;
    box-shadow: 0 0 10px #c2c2c2;
    border-radius: 5px;
    margin: 10px;
}

.contentBody .dataBody {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: white;
}

.menuUserDataLogin {
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    background: white;
    box-shadow: 0 0 10px black;
    border-radius: 15px;
}

.userDataLogin .menuUserDataLogin img {
    background: transparent;
    padding: 0;
    border-radius: 0;
    width: 18px;
    height: 18px;
    margin: auto 0 auto 7px;
}

.userDataLogin .menuUserDataLogin a {
    height: auto !important;
    display: flex;
    margin: 0;
    padding: 10px 10px 10px 20px;
    border-radius: 15px;
}

.userDataLogin .menuUserDataLogin a:hover {
    background: #f1f1f1;
}

.userDataLogin .menuUserDataLogin .text {
    margin: auto;
    font-family: 'Cairo';
}

.contentBody .dataBody .newsSec {
    display: flex;
    flex-direction: column;
}

.secIam {
    /*background-image: url("../../images/IamLogin.png");*/
    background-size: 90% 75%;
    background-repeat: no-repeat;
    background-position: center;
    height: 46px;
    text-decoration: none;
    cursor: pointer;
}

.linkDate {
    background: #F7F3E4;
    width: 33.3%;
    margin: 15px 10px;
    padding: 10px;
    border-radius: 15px;
}

.linkDate .btnLinkDate {
    background: #ba9560;
    border: 0;
    border-radius: 15px;
    width: fit-content;
    font-size: 14px;
    font-family: 'Cairo';
    padding: 5px 10px;
    color: white;
    margin: 7px auto 0 15px;
}

.linkDate img {
    margin: auto 10px
}

.linkDate span.header3.bold {
    margin: auto 10px
}

.linkDate.active {
    border: 2px solid #BA9560;
}

.linkServices{
    width: 23%;
    box-shadow: 0 0 10px #cfcfcf;
    margin: 15px 10px;
    padding: 10px 0;
    border-radius: 15px;
}
.linkServices img {
    margin: 10px auto;
}

.linkPdf{
    width: 20%;
    box-shadow: 0 0 10px #cfcfcf;
    margin: 15px 10px;
    padding: 10px 0;
    border-radius: 15px;
}
.linkPdf img {
    margin: 10px auto;
}

.iconsHelp {
    position: fixed;
    top: 75%;
    left: 0;
    transform: translateY(-75%);
}

.dataBody .newsSec .secNew1, .dataBody .newsSec .secNew2 {
    box-shadow: 0 0 10px #c2c2c2;
    min-width: 191px;
    width: 200px;
    margin: 10px;
    height: 100%;
    border-radius: 5px;
    background: white;
    overflow: hidden;
}

.linkMenu {
    height: fit-content;
    padding: 10px 15px;
}

.linkMenu.active {
    background: #ba9560;
}

.linkMenu span {
    color: #1a393e !important;
}

.linkMenu.active span {
    color: white !important;
}

.linkMenu:hover {
    background: #d5d5d5;
}

.linkMenu.active .menuIcon {
    fill: white !important;
}

.menuIcon {
    fill: #1a393e;
    margin: auto 0;
}

.footerJu {
    /*min-height: 160px;*/
    margin-top: 20px;
    background-image: url(../../images/footerBg.png);
    background-size: 100% 100%;
    background-color: #376e68;
    position: relative;
    padding: 15px 12% 15px 13.5%;
}

.footerJu .buildFooter {
    position: absolute;
    right: 0;
    bottom: 0;
}

.footerJu .logoFooter {
    margin-top: -20px;
    position: absolute;
    left: 7%;
}

.footerJu .linkFooter {
    color: #FFFFFF !important;
}

.footerJu .secLinkFooter {
    flex-grow: 1;
}

.dataBody {
    width: 100%;
}

.linkMobileApp {
    margin: 10px 0;
}

.linkMobileApp a {
    margin: 0 5px;
}

#header {
    height: 78px;
    background: #1a393e;
    position: relative;
    padding: 0 15% 0 0;
}

#logo {
    width: fit-content;
    position: absolute;
    top: -5px;
    right: 8%;
}

.textBlueBold {
    color: #226288;
    font-family: "Cairo", sans-serif;
    font-size: 15pt;
    font-weight: bold;
}

.fontText {
    color: Black;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

.ROW_UNDERLINE {
    background-image: url("../../images/row_footer_line.gif");
    background-repeat: no-repeat;
    background-position: bottom;
    text-indent: 5pt;
    text-align: center;
    background-color: #f1f1e7;
    height: 13pt;
}

.selectStyle {
    font-family: "Cairo", sans-serif;
}


.applicationList {
    width: 225px;
    border: 1px;
    border-style: solid;
    border-color: #000000;
    background-color: rgb(247, 247, 247);
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

.HEADING_MIDDLE {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt;
    color: White;
    background-color: #558AB8;
    vertical-align: middle;
    height: 17pt;
}

.toolBar {
    font-size: 10pt;
    font-family: arial;
    color: White;
}

.selectStyle {
    width: 70pt;
    text-align: center;
}

.selectNumber {
    color: Black;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


.DivHeader {
    background: black;
    color: white;
    width: 100%;
    height: 86px;
    overflow: hidden;
    background: rgb(0, 247, 247);
}


a.menu:link {
    color: #ffffff;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

a.menu:active {
    color: #ffffff;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

a.menu:visited {
    color: #ffffff;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

a.menu:hover {
    color: rgb(231, 231, 231);
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
}


.topHeader {
    font-size: 14px;
    font-weight: normal;
    color: White;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
    background-image: url("/jazan/images/topHome.jpg");
}

.BodyHeader {
    background-repeat: repeat;
    background-image: url("/jazan/images/bodyHome.jpg");
}

.bootomHeader {
    background-image: url("/jazan/images/bottomHome.jpg");
}

.sildeHeaderAr {
    background-image: url("/jazan/images/sideBorderAr.jpg");
}

.sildeHeaderEn {
    background-image: url("/jazan/images/sideBorderEn.jpg");
}

.sildeBorderAr {
    background-image: url("/jazan/images/sideBordersAr.jpg");
}

.sildeBorderEn {
    background-image: url("/jazan/images/sideBordersEn.jpg");
}

.sildeBorder2Ar {
    background-image: url("/jazan/images/sideBorders2Ar.jpg");
}

.sildeBorder2En {
    background-image: url("/jazan/images/sideBorders2En.jpg");
}

.sildeHeader2Ar {
    background-image: url("/jazan/images/sideBorder2Ar.jpg");
}

.sildeHeader2En {
    background-image: url("/jazan/images/sideBorder2En.jpg");
}

.sildeWHeader2Ar {
    background-image: url("/jazan/images/sideWBorder2Ar.jpg");
}

.sildeWHeader2En {
    background-image: url("/jazan/images/sideWBorder2En.jpg");
}

.NOTE {
    font-family: arial;
    font-size: 14px;
    color: #777777;
}

.HEADING {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt;
    color: White;
    background-color: #1a393e;
    vertical-align: middle;
    height: 17pt;
}

.menuStyle {
    color: #323d4f;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.HEADING_UNDERLINE {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt;
    color: BLACK;
    background-color: #f1f1e7;
    vertical-align: top;
    height: 17pt;
}


.HEADING_CHECK {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt;
    color: White;
    background-color: #229DBF;
    vertical-align: middle;
    height: 17pt;
}

.HEADING_PRINT {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: 0pt;
    color: White;
    background-color: #558AB8;
    vertical-align: middle;
    height: 17pt;
}

.SMALL_HEADING {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    background-color: rgb(231, 231, 231);
    color: rgb(198, 0, 0);
}

.ROWGrid {
    text-align: center;
}


.ROW1 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: rgb(226, 236, 243);
    height: 25pt;
    text-align: center;
}

.ROW2 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: rgb(199, 228, 248);
    height: 25pt;
    text-align: center;
}

.FOLLOW_ROW1 {
    font-family: "Cairo", sans-serif;
    font-size: 40px;
    color: black;
    background-color: #ffffff;
    height: 50pt;
    text-align: center;
    font-weight: bold;
}

.FOLLOW_ROW2 {
    font-family: "Cairo", sans-serif;
    font-size: 40px;
    color: black;
    background-color: #eaeaea;
    height: 50pt;
    text-align: center;
    font-weight: bold;
}


.ROW1_ {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: Silver;
    height: 25pt;
}

.ROW2_ {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: Silver;
    height: 25pt;
}


.ROW_WHITE {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: White;
    height: 15pt;
    text-align: center;
}

.ROW_LEFT1 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: rgb(226, 236, 243);
    height: 25pt;

}

.ROW_LEFT2 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: rgb(199, 228, 248);
    height: 25pt;

}

.ROW_SIDE1 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    height: 15pt;
    text-align: center;
}

.ERR_MSG_SMALL {
    color: red;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
}

.ERR_MSG {
    color: red;
    font-weight: bold;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
}

.SUCC_MSG {
    color: green;
    font-weight: bold;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
}


.PAGE_TITLE {
    color: #3f454e;
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 15px;
}

.tableText {
    font-size: 8pt;
    font-weight: bold;
    font-family: arial;
    color: Black;
}

body {
    margin-left: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-top: 0pt;
}

.topColor {
    font-family: "Cairo", sans-serif;
    font-size: 9pt;
    color: white;
}

.studentColor {
    font-family: "Cairo", sans-serif;
    font-size: 9pt;
    color: Black;
    font-weight: bold;
}

.academicPart {
    font-family: "Cairo", sans-serif;
    font-size: 13pt;
    color: Black;
    font-weight: bold;
}

.dear {
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
    color: black;

}

.user {
    font-family: WinSoft Pro;
    font-size: 8pt;
    color: white;
}

.user2 {
    font-family: WinSoft Pro;
    font-size: 9pt;
    color: #F96A3F;
    font-weight: bold;
}

.reg {
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
    color: white;
}

.text {
    font-family: Arial;
    font-size: 10pt;
}

.bodyHeader {
    font-family: Arial;
    color: white;
    font-size: 12pt;
    font-weight: bold;
}

.instructorTableHead {
    font-family: Arial;
    color: #fc5819;
    font-size: 12pt;
    font-weight: bold;
}

.instructorTableHead2 {
    font-family: Arial;
    color: black;
    font-size: 10pt;
    font-weight: bold;
}

.nextBack {

    font-family: Arial;
    color: black;
    font-size: 8pt;
    font-weight: bold;
}

.moreInf {

    font-family: "Cairo", sans-serif;
    color: #226288;
    font-size: 12pt;
    font-weight: bold;
}

.fontText10 {
    font-family: "Cairo", sans-serif;
    color: white;
    font-size: 13pt;
    font-weight: bold;
}

.ROW_BIG_1 {
    background-color: rgb(247, 247, 247);
}

.ROW_BIG_2 {
    background-color: rgb(255, 255, 255);
}

.CENTER_COLUMN {
    text-align: center;
}

.FIXED_WIDTH_COLUMNS {
    width: 33%;
    text-align: center;
}


a.WhiteLink:link {
    color: White;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.WhiteLink:active {
    color: White;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.WhiteLink:visited {
    color: White;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.WhiteLink:hover {
    color: rgb(247, 247, 247);
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a:link {
    color: #1a393e !important;
    text-decoration: none !important;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a:active {
    color: #1a393e !important;
    text-decoration: none !important;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a:visited {
    color: #1a393e !important;
    text-decoration: none !important;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a:hover {
    color: #1a393e !important;
    text-decoration: none !important;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.top:link {
    color: White;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.top:active {
    color: White;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.top:visited {
    color: White;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.top:hover {
    color: rgb(231, 231, 231);
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


a.bottom:link {
    color: black;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.bottom:active {
    color: black;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.bottom:visited {
    color: black;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.bottom:hover {
    color: #217EAF;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


a.text2:link {
    color: black;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}

a.text2:active {
    color: black;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}

a.text2:visited {
    color: black;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}

a.text2:hover {
    color: #71ADE5;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}


a.orange:link {
    color: #FE551A;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.orange:active {
    color: #FE551A;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.orange:visited {
    color: #FE551A;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.orange:hover {
    color: #FE551A;
    text-decoration: underline;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


a.signOut:hover {
    color: #6fa41c;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.signOut:link {
    color: #C6B518;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.signOut:visited {
    color: #C6B518;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}

a.signOut:active {
    color: #3C413C;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


.TABLES {
    border-color: White;
    border-style: none;
}

.MAROON {
    font-weight: bold;
    font-size: 14px;
    color: Maroon;
}

.GREEN {
    font-weight: bold;
    font-size: 14px;
    color: Green;
}

.BLACK {
    font-weight: bold;
    font-size: 15px;
}

.WHITE {
    color: white;
    font-family: tahoma, tahoma, Helvetica, sans-serif;
    font-size: 9pt;
    text-decoration: none;
}

.TITLE {
    color: White;
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
}

.SIGN_OUT {
    color: #DEC610;
    font-family: "Cairo", sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.SEMESTER {
    color: rgb(102, 102, 102);
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.FOOTER {
    color: #808080;
    font-family: "Cairo", sans-serif;
    font-size: 9px
}


.AbsenceToolTip {
    background-color: #eeeeee;
    color: Maroon;
}

.calendarAbsence {
    color: Silver;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


.toolTipText {
    font-size: 14px;
    color: #006aa5;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.BigToolTipText {
    font-size: 13px;
    color: Maroon;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.toolTipText2 {
    font-size: 11px;
    color: #333333;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.dayCalendar {
    color: Black;
    font-weight: bold;
    font-size: 8pt;
    direction: rtl;
}

.eventBodyCalendar {
    color: Black;
    font-weight: bold;
    font-size: 8pt;
    direction: rtl;
    font-family: "Cairo", sans-serif;
}


.bodyCalendar2 {
    background-image: url("header.jpg");
}

.headerCalendar {
    color: Black;
    font-size: 8pt;
    font-weight: bold;
    font-family: "Cairo", sans-serif;
    background-color: #f0f7fd;
}

.headerCalendar2 {
    color: white;
    font-size: 8pt;
    font-weight: bold;
    font-family: "Cairo", sans-serif;
    background-color: #385370;
}

.colorLine {
    background-color: #221e1f;
}

.colorBorder {
    background-color: #305385;
}

.colorHalfBorder {
    background-color: #C6C7C9;
}

.colorBodyDetials {
    background-color: Maroon;
}

.toolTipsFac1 {
    background-image: url("/jazan/images/toolTipFac/top bubble.gif");
}

.toolTipsFac2 {
    background-image: url("/jazan/images/toolTipFac/bottom bubble.gif");
}

.toolTipsFac3 {
    background-image: url("/jazan/images/toolTipFac/middle bubble.gif");
}


.toolTips1_Ar {
    background-image: url("/jazan/images/toolTipBox/header2.gif");
}

.toolTips2_Ar {
    background-image: url("/jazan/images/toolTipBox/body2.gif");
}

.toolTips3_Ar {
    background-image: url("/jazan/images/toolTipBox/footer2.gif");
}

.toolTips1_En {
    background-image: url("/jazan/images/toolTipBox/header.gif");
}

.toolTips2_En {
    background-image: url("/jazan/images/toolTipBox/body.gif");
}

.toolTips3_En {
    background-image: url("/jazan/images/toolTipBox/footer.gif");
}


.toolTipsEvent1 {
    background-image: url("/jazan/images/toolTips/header.gif");
}

.toolTipsEvent2 {
    background-image: url("/jazan/images/toolTips/footer.gif");
}

.toolTipsEvent3 {
    background-image: url("/jazan/images/toolTips/body.gif");
}


.toolTipsDelete1 {
    background-image: url("/jazan/images/toolTipDelete/header.gif");
}

.toolTipsDelete2 {
    background-image: url("/jazan/images/toolTipDelete/footer.gif");
}

.toolTipsDelete3 {
    background-image: url("/jazan/images/toolTipDelete/body.gif");
}

.toolTipNewBody {
    background-image: url("/jazan/images/toolTipEvent/body.gif");
}

.toolTipNewFooter {
    background-image: url("/jazan/images/toolTipEvent/footer.gif");
}

.toolTipNewHeader {
    background-image: url("/jazan/images/toolTipEvent/header.gif");
}

.toolTipMBoxesPart1Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part1Ar.gif");
}

.toolTipMBoxesPart2Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part2Ar.gif");
}

.toolTipMBoxesPart3Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part3Ar.gif");
}

.toolTipMBoxesPart4Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part4Ar.gif");
}

.toolTipMBoxesPart5Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part5Ar.gif");
}

.toolTipMBoxesPart6Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part6Ar.gif");
}

.toolTipMBoxesPart7Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part7Ar.gif");
}

.toolTipMBoxesPart8Ar {
    background-image: url("/jazan/images/toolTipMBoxes/part8Ar.gif");
}


.toolTipMBoxesPart1En {
    background-image: url("/jazan/images/toolTipMBoxes/part1En.gif");
}

.toolTipMBoxesPart2En {
    background-image: url("/jazan/images/toolTipMBoxes/part2En.gif");
}

.toolTipMBoxesPart3En {
    background-image: url("/jazan/images/toolTipMBoxes/part3En.gif");
}

.toolTipMBoxesPart4En {
    background-image: url("/jazan/images/toolTipMBoxes/part4En.gif");
}

.toolTipMBoxesPart5En {
    background-image: url("/jazan/images/toolTipMBoxes/part5En.gif");
}

.toolTipMBoxesPart6En {
    background-image: url("/jazan/images/toolTipMBoxes/part6En.gif");
}

.toolTipMBoxesPart7En {
    background-image: url("/jazan/images/toolTipMBoxes/part7En.gif");
}

.toolTipMBoxesPart8En {
    background-image: url("/jazan/images/toolTipMBoxes/part8En.gif");
}


a.calendarStyle1:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle1:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle1:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle1:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle2:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle2:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle2:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle2:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle3:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle3:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle3:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle3:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle4:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle4:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle4:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle4:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle5:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle5:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle5:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle5:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle6:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle6:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle6:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle6:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle7:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle7:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle7:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle7:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle8:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle8:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle8:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle8:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle9:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle9:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle9:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle9:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle10:link {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle10:active {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle10:visited {
    color: White;
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

a.calendarStyle10:hover {
    color: rgb(255, 239, 214);
    font-weight: normal;
    text-decoration: none;
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}


.factBorder1En {
    background-image: url("/jazan/images/insInfo/corner rightEn.jpg");
}

.factBorder1Ar {
    background-image: url("/jazan/images/insInfo/corner rightAr.jpg");
}


.factBorder2En {
    background-image: url("/jazan/images/insInfo/corner leftEn.jpg");
}

.factBorder2Ar {
    background-image: url("/jazan/images/insInfo/corner leftAr.jpg");
}

.factBorderSideEn {
    background-image: url("/jazan/images/insInfo/sidesEn.jpg");
}

.factBorderSideAr {
    background-image: url("/jazan/images/insInfo/sidesAr.jpg");
}

.factBorderSide2En {
    background-image: url("/jazan/images/insInfo/sides2En.jpg");
}

.factBorderSide2Ar {
    background-image: url("/jazan/images/insInfo/sides2Ar.jpg");
}

.factBorder3En {
    background-image: url("/jazan/images/insInfo/right midEn.jpg");
}

.factBorder3Ar {
    background-image: url("/jazan/images/insInfo/right midAr.jpg");
}

.factBorder4En {
    background-image: url("/jazan/images/insInfo/left mid dEn.jpg");
}

.factBorder4Ar {
    background-image: url("/jazan/images/insInfo/left mid dAr.jpg");
}

.factBorder5En {
    background-image: url("/jazan/images/insInfo/right corner bEn.jpg");
}

.factBorder5Ar {
    background-image: url("/jazan/images/insInfo/right corner bAr.jpg");
}

.factBorder6En {
    background-image: url("/jazan/images/insInfo/left corner bEn.jpg");
}

.factBorder6Ar {
    background-image: url("/jazan/images/insInfo/left corner bAr.jpg");
}

.factBorder7En {
    background-image: url("/jazan/images/insInfo/1En.jpg");
}

.factBorder7Ar {
    background-image: url("/jazan/images/insInfo/1Ar.jpg");
}

.factBorder8En {
    background-image: url("/jazan/images/insInfo/2En.jpg");
}

.factBorder8Ar {
    background-image: url("/jazan/images/insInfo/2Ar.jpg");
}

.factBorderSides1En {
    background-image: url("/jazan/images/insInfo/sidesingEn.jpg");
}

.factBorderSides1Ar {
    background-image: url("/jazan/images/insInfo/sidesingAr.jpg");
}

.factBorderSides2En {
    background-image: url("/jazan/images/insInfo/sidesing2En.jpg");
}

.factBorderSides2Ar {
    background-image: url("/jazan/images/insInfo/sidesing2Ar.jpg");
}

.factBorderSidesfinal1En {
    background-image: url("/jazan/images/insInfo/sidesing3En.jpg");
}

.factBorderSidesfinal1Ar {
    background-image: url("/jazan/images/insInfo/sidesing3Ar.jpg");
}

.factBorderSidesfinal2En {
    background-image: url("/jazan/images/insInfo/sidesing4En.jpg");
}

.factBorderSidesfinal2Ar {
    background-image: url("/jazan/images/insInfo/sidesing4Ar.jpg");
}

.fontText {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.fontTextWhite {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: White;
}

.fontTextSmall {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
}

.fontTextSmallBlue {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: #006aa5;
}

.fontTextSmallRed {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: Red;
}

.fontTextRegistration {
    font-size: 11px;
    color: Black;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}


.fontTextRegistrationLarge {
    font-size: 14px;
    color: Black;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextRegistrationRed {
    font-size: 11px;
    color: Red;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextUserAr {
    font-size: 10px;
    color: #4976A0;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextUserEn {
    font-size: 11px;
    color: #4976A0;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextOrange {
    font-size: 14px;
    color: rgb(231, 115, 0);
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextMain {
    font-size: 14px;
    color: rgb(231, 115, 0);
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextTitle {
    font-size: 14px;
    color: Black;
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextLarge {
    font-size: 15px;
    color: #333333;
    font-style: normal;
    FONT-FAMILY: Arabic Transparent, Tahoma, Helvetica;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextStudent {
    font-size: 14px;
    color: rgb(231, 115, 0);
    font-style: normal;
    font-family: "Cairo", sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}


.fontTextStudent2 {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: black;
    color: #217EAF;
}

.fontTextSemester {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: rgb(115, 115, 115);
}


.fontTextWhite {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: White;
}

.fontTextWhiteLarge {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: White;
}


.fontTextRed {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: Red;
}

.fontTextGreen {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: Green;
}

.fontTextGreenSmall {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: Green;
}

.fontTextBlack {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: black;
}


.veryLargTitle {
    font-size: 22px;
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    color: black;

}

.fontTextOrange2 {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: rgb(231, 115, 0);
}

.fontTextGroundGreen {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: White;
    background-color: rgb(0, 181, 0);
}

.fontTextGroundRed {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: White;
    background-color: Red;
}

.fontTextGroundWhite {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: Black;
    background-color: White;
}


.fontTextWhiteSmall {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 9px;
    color: White;
}

.fontTextWelcomeMsgAr {
    font-family: Traditional Arabic;
    font-weight: bold;
    font-size: 18px;
    color: black;
    text-align: justify;
    text-justify: inter-word;
}


.fontTextWelcomeMsgEn {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: black;
    text-align: justify;
    text-justify: inter-word;
}


body, td, select {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
}


.HEADING2 {
    background-color: #3b3e4f;
    font-family: "Cairo", sans-serif;
    color: white;
    font-size: 12pt;
    font-weight: bold;
}

.BUTTON_LINK {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}


.TITLES {
    text-align: center;
    font-weight: bold;
    color: #193E8E;
    font-size: 20px;
    font-family: "Cairo", sans-serif;
}

.INPUT_TITLE {
    font-weight: bold;
    color: rgb(198, 49, 0);
    font-size: 14px;
    font-family: "Cairo", sans-serif;
}

.MANDATORY {
    font-weight: bold;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
    color: red;
}

.PAGE_DESC {
    color: red;
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.FORM_FIELD {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: Black;
}

.FORM_DATA {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Black;
    text-decoration: underline;
}

.form_data_title {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: black;
    font-weight: bold;
    text-decoration: underline;
}


.FORM_DATA_NORMAL {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: Black;
}

.COUNTER_STYLE {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: Black;
}

.ROW_HEIGHT {
    height: 30pt;
}

.HEADING_TALL {
    background-color: #385270;
    height: 30px;
    font-family: "Cairo", sans-serif;
    color: white;
    font-size: 12pt;
    font-weight: bold;
}

.ERR {
    color: red;
    font-weight: bold;
    font-size: 14px;
}


.PASS {
    color: green;
    font-weight: bold;
    font-size: 14px;
}

.SubTitles {
    color: rgb(214, 255, 255);
    font-family: "Cairo", sans-serif;
    font-size: 12pt;
    font-weight: bold;
    background-color: Black;
}

.Seperator {
    background-color: rgb(0, 99, 148);
}

.TIMES_BIG {
    font-family: "Cairo", sans-serif;
    font-size: 12pt;
    font-weight: bold;
}


.IN_OUT_STYLE {
    font-family: "Cairo", sans-serif;
    font-size: 8pt;
    border-style: dotted;
    border-color: #8e9fa6;
    border-width: 1pt;

}

.fontTextLarge {
    font-size: 15px;
    color: #333333;
    font-style: normal;
    FONT-FAMILY: Arabic Transparent, Tahoma, Helvetica;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.RedHeader {
    color: #db4d53;
    font-weight: bold;

}

.headerColor {
    padding: 2pt;
    font-size: 10pt;
    color: white;
    font-weight: bold;
}

.AppMaleFont {
    color: #ba9560;
    font-weight: bold;

}

.AppMaleFontGray {
    color: Gray;
    font-weight: bold;

}

.AppFemaleFont {
    color: #8f57e0;
    font-weight: bold;

}

.data_in {
    width: 100%;
    height: auto;
    margin: 0px 0px 15px 0px;
}

.top_tab {
    width: 100%;
    color: #FFFFFF;
    background-color: #253449;
    height: 10px;
    margin-bottom: 6px;
}

.top_tab h2 {
    margin-right: 20px;
    line-height: 2em;
    font-weight: lighter;
    font-family: tahoma, arial;

    float: right;
}

.box_data {
    margin: 1px 0px;
    width: 100%;
    border: dashed 1px #adadaf;
    height: 100px;
}

.box_data ul {
    margin: 0px;
    padding: 0px;
    LIST-STYLE: NONE;
}

.box_data ul li {
    background: url(/jazan/images/scroe.gif) center right no-repeat;
    padding: 0px;
    margin: 4.5px;
    height: 10pt;
}

.box_data ul li a {
    margin-right: 10px;
    color: #59595b;
    display: block;
    line-height: 1.8em
}

.box_data ul li a:hover {
    color: #707683;
}

.REPORT_RWO_HEIGHT {

    height: 25pt;

}


div#visitor {
    text-align: center;
    font-weight: bold;
    font-family: Georgia;
    font-size: 12pt;
}

.textWhiteOverGreen {
    color: White;
    font-family: "Cairo", sans-serif;
    font-size: 25pt;
    font-weight: bold;
    background-color: green;
    width: 105px;
    text-align: center;
}

.textWhiteOverRed {
    color: White;
    font-family: "Cairo", sans-serif;
    font-size: 25pt;
    font-weight: bold;
    background-color: red;
    width: 105px;
    text-align: center;

}


.admissionHeading {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 25px;
    border: 0pt;
    color: White;
    background-color: #253449;
    text-align: center;
    height: 17pt;
}


.admissionSemHeading {
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    font-size: 25px;
    border: 0pt;
    color: White;
    background-color: #253449;
    width: 80px;
    height: 17pt;
    text-align: center;
}

.ADMISSION_ROW1 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: #ffffff;
    height: 50pt;
    text-align: center;
    width: 70px;
}

.ADMISSION_ROW2 {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: black;
    background-color: #eaeaea;
    height: 50pt;
    text-align: center;
    width: 70px;

}

.admissionTxtStyle {
    font-family: "Cairo", sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
}

.dashBlock {
    color: black;
    font-family: "Cairo", sans-serif;
    font-size: 15pt;
    font-weight: bold;
    background-color: White;
    width: 105px;
    text-align: center;
}

.linkStyle {
    color: #217EAF;
    font-size: 10pt;
    font-family: "Cairo", sans-serif;
    font-weight: bold;
    line-height: 40px;
}

.sooonStatus {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: rgb(255, 132, 0);
    height: 15pt;
    text-align: center;
    font-weight: bold;
}

.nowStatus {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: green;
    height: 15pt;
    text-align: center;
    font-weight: bold;
}

.endStatus {
    font-family: "Cairo", sans-serif;
    font-size: 14px;
    color: red;
    height: 15pt;
    text-align: center;
    font-weight: bold;
}

.red {
    color: red;
    font-size: 2em;
}

.white {
    color: white;
    font-size: 2em;
}

.clearfix {
    list-style: none;
}

.fontTextGroundRedChoices {
    color: rgb(255, 0, 0);
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}


.firstSemesterChoices {
    color: rgb(18, 234, 29);
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}

.secondSemesterChoices {
    color: rgb(64, 191, 255);
    font-family: "Cairo", sans-serif;
    font-size: 10pt;
}


#lightbox_text ul {
    text-align: justify;
    list-style-type: none;
    padding: 0;
}

#lightbox_text li {
    line-height: 20px;
    color: #4C4B4C;
    margin-right: 0px;
}

.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25.5%;
    width: 48.6%;
    border: 2px solid #229dbf;
    background: #E8E8E8;
    z-index: 1002;
    overflow: auto;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px -1px 9px #464646;
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.6;
    opacity: .6;
    filter: alpha(opacity=60);
}

#head_text h4 {
    margin: 0;
}

#head_topic {
    direction: rtl;
    display: inline;
    color: #FFF;
    position: relative;
    float: right;
    width: 95.1%;
    background: #E7F6FD url('../../images/menu_header.png') repeat-x;
    padding: 0px 16px 16px 16px;
    height: 12px;
}

#head_text {
    padding-top: 8px;
    line-height: 20px;
}

#head_text p {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}

#choicesSelect1 a.redChoices {
    color: red !important;
}


.ROWN1_ {
    margin: 0;
    padding: 0;
}

.fontTextGroundGreen {
    font-family: UniversNextArabic;
    font-weight: bold;
    font-size: 14px;
    color: White;
    background-color: rgb(0, 181, 0);
}

.fontTextGroundRed {
    font-family: UniversNextArabic;
    font-weight: bold;
    font-size: 14px;
    color: White;
    background-color: Red;
}

.fontTextGroundWhite {
    font-family: UniversNextArabic;
    font-weight: bold;
    font-size: 14px;
    color: Black;
    background-color: White;
}


.fontTextWhiteSmall {
    font-family: UniversNextArabic;
    font-weight: bold;
    font-size: 9px;
    color: White;
}


/*.exo-menu {*/
/*    float: right;*/
/*    list-style: none;*/
/*    position: relative;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

/*.exo-menu > li {*/
/*    display: inline-block;*/
/*    float: right;*/
/*}*/

/*.exo-menu > li > a {*/
/*    color: white !important;*/
/*    text-decoration: none;*/
/*    text-transform: uppercase;*/
/*    -webkit-transition: color 0.2s linear, background 0.2s linear;*/
/*    -moz-transition: color 0.2s linear, background 0.2s linear;*/
/*    -o-transition: color 0.2s linear, background 0.2s linear;*/
/*    transition: color 0.2s linear, background 0.2s linear;*/
/*}*/

/*.exo-menu i {*/
/*    float: right;*/
/*    font-size: 18px;*/
/*    margin-right: 6px;*/
/*    line-height: 20px !important;*/
/*}*/

/*li.drop-down,*/
/*.flyout-right,*/
/*.flyout-left {*/
/*    position: relative;*/
/*    text-align: center;*/
/*}*/

/*li.drop-down:before {*/
/*    content: "";*/
/*    border-width: 0 1px 1px 0;*/
/*    color: #fff;*/
/*    height: 5px;*/
/*    width: 5px;*/
/*    border-style: solid;*/
/*    border-color: white;*/
/*    position: absolute;*/
/*    left: 8px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%) rotate(45deg);*/
/*}*/

/*li.drop-down > ul {*/
/*    right: 0;*/
/*    min-width: 230px;*/
/*    background: #FFFFFF;*/

/*}*/

/*.drop-down-ul {*/
/*    display: none;*/
/*    border-radius: 15px;*/
/*    box-shadow: 0 0 10px #8d8d8d;*/
/*}*/

/*li.drop-down > ul li, li.drop-down > ul li a {*/
/*    border-radius: 15px;*/
/*}*/

/*.flyout-right > ul,*/
/*.flyout-left > ul {*/
/*    top: 0;*/
/*    min-width: 230px;*/
/*    display: none;*/
/*}*/

/*li.drop-down > ul > li > a,*/
/*.flyout-right ul > li > a,*/
/*.flyout-left ul > li > a {*/
/*    color: #1a393e !important;*/
/*    display: block;*/
/*    padding: 10px 15px;*/
/*    text-decoration: none;*/
/*    background-color: white;*/
/*    -webkit-transition: color 0.2s linear, background 0.2s linear;*/
/*    -moz-transition: color 0.2s linear, background 0.2s linear;*/
/*    -o-transition: color 0.2s linear, background 0.2s linear;*/
/*    transition: color 0.2s linear, background 0.2s linear;*/
/*}*/

/*li.drop-down > ul > li > a:hover,*/
/*.flyout-right ul > li > a:hover,*/
/*.flyout-left ul > li > a:hover {*/
/*    background-color: #ba9560;*/
/*    color: white !important;*/
/*}*/

/*.flyout-right ul > li > a,*/
/*.flyout-left ul > li > a {*/
/*    border-bottom: 1px dotted #B8C7BC;*/
/*}*/


/*!*Flyout Mega*!*/
/*.flyout-mega-wrap {*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 100%;*/
/*    width: 100%;*/
/*    display: none;*/
/*    height: 100%;*/
/*    padding: 15px;*/
/*    min-width: 742px;*/

/*}*/

/*h4.row.mega-title {*/
/*    color: #eee;*/
/*    margin-top: 0px;*/
/*    font-size: 14px;*/
/*    padding-left: 15px;*/
/*    padding-bottom: 13px;*/
/*    text-transform: uppercase;*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/

/*.flyout-mega ul > li > a {*/
/*    font-size: 90%;*/
/*    line-height: 25px;*/
/*    color: #fff;*/
/*    font-family: inherit;*/
/*}*/

/*.flyout-mega ul > li > a:hover,*/
/*.flyout-mega ul > li > a:active,*/
/*.flyout-mega ul > li > a:focus {*/
/*    text-decoration: none;*/
/*    background-color: transparent !important;*/
/*    color: #ccc !important*/
/*}*/

/*!*mega menu*!*/

/*.mega-menu {*/
/*    left: 0;*/
/*    right: 0;*/
/*    padding: 15px;*/
/*    display: none;*/
/*    padding-top: 0;*/
/*    min-height: 100%;*/

/*}*/

/*h4.row.mega-title {*/
/*    color: #eee;*/
/*    margin-top: 0px;*/
/*    font-size: 14px;*/
/*    padding-left: 15px;*/
/*    padding-bottom: 13px;*/
/*    text-transform: uppercase;*/
/*    border-bottom: 1px solid #547787;*/
/*    padding-top: 15px;*/
/*    background-color: #365670*/
/*}*/

/*.mega-menu ul li a {*/
/*    line-height: 25px;*/
/*    font-size: 90%;*/
/*    display: block;*/
/*}*/

/*ul.stander li a {*/
/*    padding: 3px 0px;*/
/*}*/

/*ul.description li {*/
/*    padding-bottom: 12px;*/
/*    line-height: 8px;*/
/*}*/

/*ul.description li span {*/
/*    color: #ccc;*/
/*    font-size: 85%;*/
/*}*/

/*a.view-more {*/
/*    border-radius: 1px;*/
/*    margin-top: 15px;*/
/*    background-color: #009FE1;*/
/*    padding: 2px 10px !important;*/
/*    line-height: 21px !important;*/
/*    display: inline-block !important;*/
/*}*/

/*a.view-more:hover {*/
/*    color: #fff;*/
/*    background: #0DADEF;*/
/*}*/

/*ul.icon-des li a i {*/
/*    color: #fff;*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    border-radius: 50%;*/
/*    text-align: center;*/
/*    background-color: #009FE1;*/
/*    line-height: 35px !important;*/
/*}*/

/*ul.icon-des li {*/
/*    width: 100%;*/
/*    display: table;*/
/*    margin-bottom: 11px;*/
/*}*/

/*!*Blog DropDown*!*/
/*.Blog {*/
/*    left: 0;*/
/*    display: none;*/
/*    color: #fefefe;*/
/*    padding-top: 15px;*/
/*    background: #547787;*/
/*    padding-bottom: 15px;*/
/*}*/

/*.Blog .blog-title {*/
/*    color: #fff;*/
/*    font-size: 15px;*/
/*    text-transform: uppercase;*/

/*}*/

/*.Blog .blog-des {*/
/*    color: #ccc;*/
/*    font-size: 90%;*/
/*    margin-top: 15px;*/
/*}*/

/*.Blog a.view-more {*/
/*    margin-top: 0px;*/
/*}*/

/*!*Images*!*/
/*.Images {*/
/*    left: 0;*/
/*    width: 100%;*/
/*    display: none;*/
/*    color: #fefefe;*/
/*    padding-top: 15px;*/
/*    background: #547787;*/
/*    padding-bottom: 15px;*/
/*}*/

/*.Images h4 {*/
/*    font-size: 15px;*/
/*    margin-top: 0px;*/
/*    text-transform: uppercase;*/
/*}*/

/*!*common*!*/
/*.flyout-right ul > li > a,*/
/*.flyout-left ul > li > a,*/
/*.flyout-mega-wrap,*/
/*.mega-menu {*/
/*    background-color: white;*/
/*}*/

/*!*hover*!*/
/*.Blog:hover,*/
/*.Images:hover,*/
/*.mega-menu:hover,*/
/*.drop-down-ul:hover,*/
/*li.flyout-left > ul:hover,*/
/*li.flyout-right > ul:hover,*/
/*.flyout-mega-wrap:hover,*/
/*li.flyout-left a:hover + ul,*/
/*li.flyout-right a:hover + ul,*/
/*.blog-drop-down > a:hover + .Blog,*/
/*li.drop-down > a:hover + .drop-down-ul,*/
/*.images-drop-down > a:hover + .Images,*/
/*.mega-drop-down a:hover + .mega-menu,*/
/*li.flyout-mega > a:hover + .flyout-mega-wrap {*/
/*    display: block;*/
/*}*/

/*!*responsive*!*/
/*@media (min-width: 767px) {*/
/*    .exo-menu > li > a {*/
/*        display: block;*/
/*        padding: 20px 22px;*/
/*    }*/

/*    .mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul,*/
/*    .flyout-left > ul, li.drop-down > ul {*/
/*        position: absolute;*/
/*    }*/

/*    .flyout-right > ul {*/
/*        left: 100%;*/
/*    }*/

/*    .flyout-left > ul {*/
/*        right: 100%;*/
/*    }*/
/*}*/

/*@media (max-width: 767px) {*/

/*    .exo-menu {*/
/*        min-height: 58px;*/
/*        background-color: #23364B;*/
/*        width: 100%;*/
/*    }*/

/*    .exo-menu > li > a {*/
/*        width: 100%;*/
/*        display: none;*/

/*    }*/

/*    .exo-menu > li {*/
/*        width: 100%;*/
/*    }*/

/*    .display.exo-menu > li > a {*/
/*        display: block;*/
/*        padding: 20px 22px;*/
/*    }*/

/*    .mega-menu, .Images, .Blog, .flyout-right > ul,*/
/*    .flyout-left > ul, li.drop-down > ul {*/
/*        position: relative;*/
/*    }*/

/*}*/

/*a.toggle-menu {*/
/*    position: absolute;*/
/*    right: 0px;*/
/*    padding: 20px;*/
/*    font-size: 27px;*/
/*    background-color: #ccc;*/
/*    color: #23364B;*/
/*    top: 0px;*/
/*}*/

/*.blink-soft {*/
/*    animation: blinker 1.5s linear infinite;*/
/*}*/

/*@keyframes blinker {*/
/*    50% {*/
/*        opacity: 0;*/
/*    }*/
/*}*/

/*.visit-my-blog {*/
/*    background: #379fe1;*/
/*}*/


.userDataLogin {
    justify-content: center;
    width: fit-content;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    position: absolute;
    left: 14vw;
}

.inputusername input, .inputpassword input, .captch_input input {
    width: 100%;
    color: #217eaf;
    padding: 10px;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
    border: 0;
}

.inputusername, .inputpassword, .captch_input {
    border-radius: 15px;
    border: 2px solid #d2d2d2;
    color: #217eaf;
    margin: 10px 4px;
    overflow: hidden;
}

.linkHeaderSec {
    height: 100%;
    justify-content: center;
    width: fit-content;
}

.linkHeaderSec a {
    margin: auto 5px;
    color: white !important;
    font-size: 14px;
    display: flex;
}

.linkHeaderSec a img {
    margin: auto 3px;
}

.linkHeaderSec2 {
    height: 100%;
    justify-content: center;
    width: fit-content;
    float: inline-end;
    padding-left: 10%;
}

.linkHeaderSec2 .userDataLogin {
    position: inherit;
    margin: auto 15px;
}

.linkHeaderSec2 a {
    margin: auto 5px;
}

.linkHeaderSec2 a:nth-child(2) {
    height: 19px;
}

.linkHeaderSec2 a:nth-child(3) {
    height: 25px;
}

a.loginBtn {
    background: #ba9560;
    color: white !important;
    display: flex;
    padding: 10px;
    justify-content: center;
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
}

a.loginBtn:hover {
    box-shadow: 0 0 10px #9d9d9d;
}

.userDataLogin img {
    background: white;
    padding: 5px;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    margin: auto 7px;
}

.userDataLogin .textLogin {
    margin: auto 0;
    color: white;
    font-weight: bold;
}

.loginCard {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    min-width: 300px;
    padding: 15px 30px;
    border-radius: 15px;
    box-shadow: 0 0 10px #888888;
    flex-direction: column;
}

.layoutLoginCard {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0000004d;
    top: 0;
    display: none;
}

.close {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
}

.close:hover:before, .close:hover:after {
    background: red;
}

.close:before, .close:after {
    content: '';
    position: absolute;
    height: 5px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.close.rounded::before, .close.rounded::after {
    border-radius: 5px;
}

.linkServicesHome{
    width: 100px;
    float: right;
    text-align: center;
    height: 116px;
    box-shadow: 0 0 10px #cfcfcf;
    margin: 10px 10px;
    padding: 10px 10px;
    border-radius: 15px;
    line-height: 1.3;
}

.SetImage{
    margin: 5px auto;
    width: auto;
    height: 55px;
}

.show-hide{
    display: none;
}

.syleAppOnline{
    justify-content: center;
    display: flex;
}


.stdStatus{
    width: 180px;
    height: auto;
    box-shadow: 0 0 10px #E8E8E8;
    margin: 8px 10px;
    padding: 2px 25px;
    border-radius: 15px;
}


.stdStatus2{
    width: 31%;
    box-shadow: 0 0 10px #cfcfcf;
    margin: 15px 10px;
    padding: 10px 0;
    border-radius: 15px;
}

.alarmsAlertsRed{
    display: block;
    margin-block: 1rem;
    background-color: #ffeeee;
    color: #ff0500;
    margin-top: inherit;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;
    font-weight: bold;
    font-size: xx-small;
}

.alarmsAlertsYellow{
    background-color: #fefeef;
    color: #dca230;
    position: absolute;
    margin-top: inherit;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;
    font-size: xx-small;
}

.secNew2>table>tbody>tr>td {
    display: flex;
    flex-direction: row;
}

#trainingTable2>tbody>tr>td {
    background-color: white;

}

#trainingTable>tbody>tr {
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 4rem;
    background-color: white;
}

#trainingTable>tbody>tr>td {
    font-weight: bold;
    color: white;
    background-color: #bc9866;
    width: 3rem;
    height: 1.3rem;
    margin-inline: 0.8rem;
    font-size: xx-small;
}

#trainingTable {
    max-width: 4rem;
}

.secNew2>table {
    margin-top: inherit;
}

#trainingTable>tbody>tr>td:first-child {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
}

#trainingTable>tbody>tr>td:last-child {
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
}

#trainingTable>tbody>tr, #trainingTable2>tbody>tr {
    margin-bottom: 0.5rem;
}

.secNew1>* {
    margin-right: 0.2rem;
}

.secNew1 img {
    all: initial;
    height: 1rem;
    transform: translateY(2px);
}

.secNew1 {
    /*padding-top: 1rem;*/
}

.showAll{
    color: #ba9560;
    margin-right: 11rem;
    font-size: x-small;
    display: flex;
}

.showAll3{
    color: #ba9560;
    margin-right: 11rem;
    display: flex;
    font-size: 12px;
}

#trainingTable3>tbody>tr>td {
    background-color: white;

}

#trainingTable3>tbody>tr {
    margin-bottom: 0.5rem;
}

.eventWidth{
    width: 200px;
}

.guestEventWidth{
    width: 50rem;
}

#trainingTable1>tbody>tr>td {
    background-color: white;

}

#trainingTable1>tbody>tr {
    margin-bottom: 0.5rem;
    background-color: white;

}

#trainingTable1>tbody>tr>td {
    background-color: #fefeef;
    border-radius: 0.5rem;
    text-align: start;
}

#trainingTable1 {
    border-spacing: 0.4rem;
}

#trainingTable1>tbody>tr>td>span {
    color: #dca230;
    padding-inline: 0.3rem;
    font-size: x-small;
}

#trainingTable1>tbody>tr>td>img {
    padding-inline-start: 0.3rem;
}

.linkServicesHomeNews{
    width: 86%;
    height: 120px;
    box-shadow: 0 0 10px #cfcfcf;
    margin-block: 10px;
    padding: 10px 10px;
    border-radius: 15px;
    background-color: white;
    margin-inline: auto;
}

.ERR_MSG_LOGIN {
    font-weight: bold;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
    background-color: red;
    color: white;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;
}