@font-face {
    font-family: "Poppins Light";
    src: url("../../include/fonts/Poppins Light.ttf");
}

@font-face {
    font-family: "Neo Sans Arabic Light";
    src: url("../../include/fonts/NeoSansArabicLight.ttf");
}

@font-face {
    font-family: "Neo Sans Arabic";
    src: url("../../include/fonts/NeoSansArabic.ttf");
}

@font-face {
    font-family: "Poppins Medium";
    src: url("../../include/fonts/Poppins Medium.ttf");
}

@font-face {
    font-family: "Poppins Regular";
    src: url("../../include/fonts/Poppins-Regular.ttf");
}


DIV.tableContainer {
    OVERFLOW: visible;
    HEIGHT: 170px;
    width: 400px;
}

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

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

.ButtonStyle {
    font-family: Poppins Regular;
    font-size: 1.05rem;
}

.selectStyle {
    font-family: Neo Sans Arabic Light;
}

.insertMarkSelectStyle {
    text-align: center;
}

.applicationList {
    width: 300px;
    border: none;
    border-style: none;
    border-color: White;
    background-color: rgb(247, 247, 247);
    font-family: Poppins Regular;
    font-size: 1.05rem;
}

.applicationDivList {
    overflow-x: scroll;
    width: 100%;
    overflow: -moz-scrollbars-horizontal;
    border: 1px;
    border-style: solid;
    border-color: #000000;
}

.HEADING_MIDDLE {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt;
    color: White;
    background-color: #114c66;
    vertical-align: middle;
    height: 2rem;
}

.toolBar {
    font-size: 1.05rem;
    font-family: Poppins Regular;
    color: White;
}

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

.selectNumber {
    color: Black;
    text-decoration: none;
    font-family: Neo Sans Arabic Light;
    font-size: 1.05rem;
}


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


.topHeader {
    font-size: 1.05rem;
    font-weight: normal;
    color: White;
    font-style: normal;
    FONT-FAMILY: Neo Sans Arabic Light;
    TEXT-DECORATION: none;
    font-weight: bold;
    background-image: url("/shc/images/topHome.jpg");
}

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

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

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


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

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

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

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

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

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

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

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

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

.NOTE {
    font-family: Neo Sans Arabic Light;
    font-size: 10px;
    color: #777777;
}

.HEADING {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt;
    color: White;
    background-color: #114c66;
    vertical-align: middle;
    height: 2rem;
}


.HEADING_CHECK {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt;
    color: White;
    background-color: #114c66;
    vertical-align: middle;
    height: 2rem;
}

.HEADING_PRINT {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt;
    color: rgb(181, 181, 181);
    background-color: #114c66;
    vertical-align: middle;
    height: 2rem;
}

.HEADING_ADMS {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt;
    color: Black;
    background-color: rgb(231, 231, 231);
    height: 25px;
}

.SMALL_HEADING {
    font-family: Neo Sans Arabic Light;
    font-size: 1.05rem;
    font-weight: bold;
    background-color: rgb(231, 231, 231);
    color: rgb(198, 0, 0);
}

.ROWGrid {
    text-align: center;
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: #666;
}

.IMAGE_ROW1 {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: black;
    background-color: ActiveBorder;
    height: 15pt;
    text-align: center;
}

.IMAGE_ROW2 {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: White;
    background-color: Black;
    height: 15pt;
    text-align: center;
}

.IMAGE_ROW1 a {
    padding-right: 0px !important;
}

.IMAGE_ROW2 a {
    padding-right: 0px !important;
}

.ROW1 {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    background-color: #ffffff;
    color: black;
    height: 15pt;
    text-align: center;
}

.ROW2 {
    font-family: Neo Sans Arabic Light;
    font-size: 1.05rem;
    background-color: #F0F3F5;
    color: black;
    height: 15pt;
    text-align: center;
}

.ROW_WHITE {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: black;
    background-color: White;
    height: 15pt;
    text-align: center;
}

.ROW_LEFT1 {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: black;
    background-color: #D3E0E8;
    height: 15pt;

}

.ROW_LEFT2 {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: black;
    background-color: #F0F7FD;
    height: 15pt;

}

.ROW_SIDE1 {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: black;
    height: 15pt;
    text-align: center;
}

.ERR_MSG_SMALL {
    color: #E74F54;
    font-size: 1.05rem;
    font-family: Poppins Light , Neo Sans Arabic Light;
}

.ERR_MSG {
    color: #E74F54;
    font-weight: bold;
    font-size: 1.05rem;
    font-family: Poppins Light , Neo Sans Arabic Light;
}

.SUCC_MSG {
    color: green;
    font-weight: bold;
    font-size: 1.05rem;
    font-family: Poppins Regular;
}


.PAGE_TITLE {
    color: #3f454e;
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
}

.tableText {
    font-size: 8pt;
    font-weight: bold;
    font-family: Neo Sans Arabic Light;
    color: Black;
}

.topColor {
    font-family: Poppins Regular;
    font-size: 9pt;
    color: white;
}

.studentColor {
    font-family: Poppins Regular;
    font-size: 9pt;
    color: Black;
    font-weight: bold;
}

.academicPart {
    font-family: Poppins Regular;
    font-size: 13pt;
    color: Black;
    font-weight: bold;
}

.dear {
    font-family: Poppins Regular;
    font-size: 8pt;
    color: black;

}

.user {
    font-family: Poppins Regular;
    font-size: 8pt;
    color: white;
}

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

.reg {
    font-family: Poppins Regular;
    font-size: 8pt;
    color: white;
}

.text {
    font-family: Poppins Regular;
    font-size: 1.05rem;
}

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

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

.instructorTableHead2 {
    font-family: Poppins Regular;
    color: black;
    font-size: 1.05rem;
    font-weight: bold;
}

.nextBack {

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


.fontText10 {
    font-family: Poppins Regular;
    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:link {
    color: #114C66;
    padding-right: 10px;
    font-family: Poppins Regular, Neo Sans Arabic Light;
    font-size: 1.05rem;
    text-decoration: none;
}

a:active {
    color: #114c66;
    padding-right: 10px;
    font-family: Neo Sans Arabic;
    font-size: 1.05rem;
    text-decoration: none;
}

a:visited {
    color: #0773b9;
    padding-right: 10px;
    font-family: Poppins Regular, Neo Sans Arabic;
    font-size: 1.05rem;
    text-decoration: none;
}

a:hover {
    color: Gray;
    padding-right: 10px;
    font-size: 1.05rem;
    text-decoration: none;
}


a.file:link {
    color: #414141;
    padding-right: 10px;
    display: block;
    font-family: Neo Sans Arabic;
}

a.file:visited {
    color: #414141;
    padding-right: 10px;
    display: block;
    font-family: Neo Sans Arabic;
}

a.file:hover {
    color: Gray;
    padding-right: 10px;
}


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

.MAROON {
    font-weight: bold;
    font-size: 1.05rem;
    color: Maroon;
}

.GREEN {
    font-weight: bold;
    font-size: 1.05rem;
    color: Green;
}

.BLACK {
    font-weight: bold;
    font-size: 1.05rem;
}

.WHITE {
    color: white;
    font-family: Neo Sans Arabic, Neo Sans Arabic, Neo Sans Arabic, Neo Sans Arabic;
    font-size: 9pt;
    text-decoration: none;
}

.MENU {
    color: White;
    font-family: Poppins Regular;
    font-size: 9pt;
    font-weight: bold
}

.TITLE {
    color: White;
    font-family: Poppins Regular;
    font-size: 8pt;
}

.SIGN_OUT {
    color: #DEC610;
    font-family: Poppins Regular;
    font-size: 9pt;
    font-weight: bold;
}

.SEMESTER {
    color: rgb(102, 102, 102);
    font-family: Poppins Regular;
    font-size: 10pt;
    font-weight: bold;
}

.FOOTER {
    color: #808080;
    font-family: Neo Sans Arabic;
    font-size: 9px
}


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

.calendarAbsence {
    color: Silver;
    text-decoration: none;
    font-family: Neo Sans Arabic;
    font-size: 1.05rem;
}


.toolTipText {
    font-size: 1.05rem;
    color: Black;
    font-style: normal;
    font-family: Poppins Regular, Neo Sans Arabic;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.BigToolTipText {
    font-size: 1rem;
    color: Maroon;
    font-style: normal;
    font-family: Poppins Regular, Neo Sans Arabic;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.toolTipText2 {
    font-size: 1.05rem;
    color: #333333;
    font-style: normal;
    FONT-FAMILY: Poppins Regular, Neo Sans Arabic;
    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: Poppins Regular, Neo Sans Arabic;
}


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

.headerCalendar {
    color: Black;
    font-size: 8pt;
    font-weight: bold;
    font-family: Poppins Regular, Neo Sans Arabic;
    background-color: #f0f7fd;
}

.headerCalendar2 {
    color: rgb(181, 181, 181);
    font-size: 8pt;
    font-weight: bold;
    font-family: Poppins Regular, Neo Sans Arabic;
    background-color: #385370;
}

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

.colorBorder {
    background-color: #305385;
}

.colorHalfBorder {
    background-color: #C6C7C9;
}

.colorBodyDetials {
    background-color: #E74F54;
}

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

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

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


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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fontText {
    font-family: Poppins Regular, Neo Sans Arabic light;
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
}


.fontTextSmall {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-size: 1.05rem;
}

.fontTextSmallBlue {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: #006aa5;
}

.fontTextSmallRed {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-size: 1.05rem;
    color: #E74F54;
}

.fontTextRegistration {
    font-size: 1.05rem;
    color: Black;
    font-style: normal;
    font-family: Poppins Regular;
    TEXT-DECORATION: none;
    font-weight: bold;
}


.fontTextRegistrationLarge {
    font-size: 1.05rem;
    color: Black;
    font-style: normal;
    font-family: Poppins Regular;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextRegistrationRed {
    font-size: 1.05rem;
    color: #E74F54;
    font-style: normal;
    font-family: Poppins Regular;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextUserAr {
    font-size: 1.05rem;
    color: #4976A0;
    font-style: normal;
    font-family: Poppins Regular;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextUserEn {
    font-size: 1.05rem;
    color: #4976A0;
    font-style: normal;
    font-family: Poppins Regular;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextMain {
    font-size: 1.05rem;
    color: Black;
    font-style: normal;
    font-family: Poppins Regular;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextLarge {
    font-size: 1.05rem;
    color: #333333;
    font-style: normal;
    FONT-FAMILY: Neo Sans Arabic Light, Neo Sans Arabic Light, Neo Sans Arabic Light;
    TEXT-DECORATION: none;
    font-weight: bold;
}

.fontTextStudent {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
    color: #3686bb;
}


.fontTextSemester {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
    color: #3E925E;
}


.fontTextWhite {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: White;
}

.fontTextRed {
    font-family: Poppins Regular, Neo Sans Arabic light;
    font-weight: bold;
    font-size: 1.05rem;
    color: #E74F54;
}

.fontTextSmallRed {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-size: 1.05rem;
    color: #E74F54;
}

.fontTextGreen {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: Green;
}

.fontTextGreenSmall {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-size: 1.05rem;
    color: Green;
}

.fontTextBlack {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
}

h1 {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: #006aa5;
}

.fontTextTitle {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: Black;
}

.fontTextGroundGreen {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: White;
    background-color: rgb(0, 181, 0);
}

.fontTextGroundRed {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: White;
    background-color: #E74F54;
}

.fontTextGroundWhite {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 1.05rem;
    color: Black;
    background-color: White;
}


.fontTextWhiteSmall {
    font-family: Poppins Regular, Neo Sans Arabic;
    font-weight: bold;
    font-size: 9px;
    color: White;
}

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

.fontTextWelcomeMsgEn {
    font-family: Poppins Regular;
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
    text-align: justify;
    text-justify: inter-word;
}

.homeMarquee {
    height: 170px;
}

.HomeNewsText {
    font-family: Poppins Regular;
    font-size: 1.05rem;
    color: #006aa5;
    font-weight: bold;
}

.HomeNewsTitle {
    height: 31px;
    font-family: Neo Sans Arabic Light;
    font-weight: bold;
    font-size: 1.05rem;
    color: rgb(7, 115, 185);
}

.HomeNewsDesc {
    font-family: Poppins Regular;
    font-weight: normal;
    font-size: 1.05rem;
    color: Black;
}

.headerColor {
    padding: 2pt;
    font-size: 1.05rem;
    color: white;
    font-weight: bold;
    font-family: Poppins Regular, Neo Sans Arabic Light;
}

.AppMaleFont {
    color: #7d85f6;
    font-weight: bold;

}

.AppMaleFontGray {
    color: Gray;
    font-weight: bold;
    font-family: Poppins Light, Neo Sans Arabic Light;
    font-size: 1.05rem;
}

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

}

.myinfo .mail-icon span {
    font-weight: 700;
    color: #333
}

.primeColorBtn {
    color: white !important;
    background: #E74F54 !important;
    border-radius: 5px !important;
    width: fit-content !important;
    height: fit-content !important;
    padding: 5px 15px !important;
    font-size: 1rem !important;
    border: none !important;
    font-family: Neo Sans Arabic !important;
    margin: 10px 2.5px !important;
    cursor: pointer !important;
}

.secColorBtn {
    color: white !important;
    background: #114c66 !important;
    width: fit-content !important;
    height: fit-content;
!important;
    padding: 5px 15px !important;
    font-size: 1rem !important;
    border: none !important;
    font-family: Poppins Light !important;
    border-radius: 5px !important;
    margin: 10px 2.5px !important;
    cursor: pointer !important;
}

.closeColorBtn {
    color: #E74F54 !important;
    background: transparent !important;
    width: fit-content !important;
    height: fit-content !important;
    padding: 5px 15px !important;
    font-size: 1rem !important;
    border: 1px solid #E74F54 !important;
    font-family: Poppins Light !important;
    border-radius: 5px !important;
    margin: 10px 2.5px !important;
    cursor: pointer !important;
}

.closeColorBtn:hover, .secColorBtn:hover, .primeColorBtn:hover {
    box-shadow: 0 0 10px #a6a6a6 !important;
    opacity: 0.9 !important;
}

.pui-dropdown {
    width: fit-content !important;
    display: flex !important;
    flex-direction: row !important;
}

.pui-dropdown .pui-dropdown-trigger {
    position: inherit !important;
}

.pui-dropdown label.pui-dropdown-label {
    width: auto;
}


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

.textSizetopBar {
    position: relative;
    top: 12px;
    right: 3px;
}

.topBarSHC {
    border-bottom: 2px solid #7b7b7b;
    direction: rtl;
}

.plus {
    position: absolute;
    border: 1px dotted white;
    width: 3px;
    height: 3px;
    background-color: black;
    box-sizing: border-box;
    transform: scale(5);
}

.minus {
    position: absolute;
    border: 1px dotted white;
    height: 3px;
    left: 5px;
    background-color: black;
    box-sizing: border-box;
    transform: scale(5);
}

.plus:hover, .minus:hover {
    background-color: white;
}

.sectopInfo {
    width: 85%;
    background: white;
    padding: 20px;
    border-radius: 5px;
    margin: 15px auto 0;
    font-size: 16px !important;
    box-shadow: 0 0 10px #c5c5c5;
}

.sectopInfo .sec1 {
    border-left: 2px solid #114C66;
    padding: 10px 0;
}

.sectopInfo .sec1 .iconInfo {
    display: flex;
}

.sectopInfo .sec1 .iconInfo img {
    width: 50px;
    margin: auto 0 auto 5px !important;
}

.sectopInfo img {
    margin: 3px 0 0 10px;
}

.sectopInfo .textInfo {
    color: #114c66;
    margin-top: 5px;
    font-weight: bold;
}

.sectopInfo .sec2, .sectopInfo .sec3 {
    border-left: 2px solid #114C66;
    padding: 10px 15px;
}

.sectopInfo .sec4 {
    width: 22%;
    padding: 10px 15px;
}


.d-flex {
    display: flex !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;
}

.h-auto {
    height: auto !important;
}

.m-0 {
    margin: 0 !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%;
}


@media screen and (max-width: 992px) {


    body .responsivehidden {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

}


.logoSec {
    display: flex;
    min-height: 100px;
    width: 50%;
}

.logoSec .imgLogo {
    margin: auto 20px;
}

.linkSecTopBar {
    width: 50%;
    margin: 0 15px;
}

.linkSecTopBar .textLoginIcon {
    font-size: 1.3rem !important;
    margin: auto auto auto 5px;
    color: #7b7b7b !important;
    display: flex;
}

.linkSecTopBar img, .linkSecTopBar .svgLogOut {
    height: 25px;
    margin: auto 5px;
    fill: #7b7b7b;
}

.linkSecTopBar .textLoginIcon.logOutBtn:hover, .linkSecTopBar .textLoginIcon.logOutBtn:hover .svgLogOut {
    color: #E74F54 !important;
    fill: #E74F54;
}

.cardLogin {
    background: #F8F9FA;
    padding: 30px;
    border-radius: 70px 0 70px 0;
    width: fit-content;
    margin: auto;
}

.cardLogin .textLoginIcon {
    font-size: 2rem !important;
    font-weight: bold;
    color: #114C66;
    margin: auto 7px 15px;
}

body .cardLogin .loginInput {
    padding: 10px 15px !important;
    font-size: 1.3rem !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    border: 0 !important;
    border-right: 0 !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
}

.bold {
    font-weight: bold !important;
}

.secCardIcons {
    justify-content: center;
}

.secCardIcons .Icon {
    background: #e9edf0;
    display: flex;
    margin: 2.5px;
    border-radius: 30px;
    min-width: 40px;
    padding: 10px 0;
    cursor: pointer;
}

.secCardIcons .Icon:hover {
    background: #E74F54;
}

.secCardIcons .Icon:hover .cardSocialIcon {
    fill: white;
}

.secCardIcons .Icon .cardSocialIcon {
    fill: #182c35;
    max-height: 17px;
    margin: auto;
}

.secCardIcons .Icon .cardSocialIcon .strokeColor {
    fill: white;
    stroke: white;

}

.secCardIcons .Icon .cardSocialIcon .strokeColor.inst {
    fill: transparent !important;
    stroke: white;

}

.secCardIcons .Icon:hover .cardSocialIcon .strokeColor {
    fill: #E74F54;
    stroke: #E74F54;
}

.secCard {
    /*New Changes-Edit on the width*/
    width: 40%;
    z-index: 9;
}

.secContent {
    width: 50%;
    z-index: 9;
}

#loginForm {
    background: white;
}

.linkSecTopBar .textLoginIcon.logOutBtn {
    padding: 0;
    margin: auto 5px auto 0;
    border-right: 2px solid #7b7b7b;
}

.iconLogoFixed {
    position: fixed;
    bottom: -30px;
    left: -20px;
}

.iconLogoFixed .iconL {
    fill: #FAF9F5;
    height: 200px;
    width: fit-content;
}

.iconLogoFixedCenter {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.iconLogoFixedCenter .iconL {
    fill: #f5f5f5;
    height: 300px;
    width: fit-content;
}


@media screen and (max-width: 992px) {
    .contentHeight {
        flex-wrap: wrap;
    }

    .secCard, .secContent {
        width: 100%;
        padding: 15px;
    }

    body .footerLogin {
        position: initial;
        transform: translate(0);
    }

    body .topBarSHC {
        flex-wrap: wrap-reverse;
    }

    body .topBarSHC .logoSec, body .topBarSHC .linkSecTopBar {
        width: 100%;
    }

    body .topBarSHC .logoSec .imgLogo {
        margin: auto !important;
        max-width: 90%;
    }
}

@media screen and (max-width: 600px) {

    body .cardLogin {
        padding: 30px 15px;
    }

    body .inputSec, body .BtnLogin, body .LinkForget {
        width: 270px !important;
    }
}

.pui-chkbox-box{
    background: transparent !important;
}