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

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

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

.ButtonStyle{
    font-family: "Font-3960";
    font-size: 1.05rem;
}

.selectStyle{
    font-family: UniversNextArabic ;
}

.insertMarkSelectStyle{
    text-align: center;
}

.applicationList{
    width: 300px;
    border: none ; 
    border-style: none  ; 
    border-color: White ; 
    background-color: rgb(247,247,247); 
    font-family: "Font-3960"; 
    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: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt ;
    color: White;
    background-color: #034E90;
    vertical-align: middle;
    height: 2rem;
}
    
.toolBar{
    font-size: 1.05rem;
    font-family: arial;
    color: White;
}

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

.selectNumber{
    color:Black; text-decoration: none; font-family: UniversNextArabic ; 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:  UniversNextArabic; 
    TEXT-DECORATION: none; 
    font-weight: bold;
    background-image: url("/fpc/images/topHome.jpg");
 }
 
 .BodyHeader{
    background-repeat: repeat;
    background-image: url("/fpc/images/bodyHome.jpg");
 }
 
 .bootomHeader{
    background-image: url("/fpc/images/bottomHome.jpg");
 }
 
 .sildeHeaderAr{
    background-image: url("/fpc/images/sideBorderAr.jpg");
 }
 


 
 .sildeHeaderEn{
    background-image: url("/fpc/images/sideBorderEn.jpg");
 }
 
.sildeBorderAr{
    background-image: url("/fpc/images/sideBordersAr.jpg");
 }
 
.sildeBorderEn{
    background-image: url("/fpc/images/sideBordersEn.jpg");
 }
 
.sildeBorder2Ar{
    background-image: url("/fpc/images/sideBorders2Ar.jpg");
 }
 
 .sildeBorder2En{
    background-image: url("/fpc/images/sideBorders2En.jpg");
 }
 
 .sildeHeader2Ar{
    background-image: url("/fpc/images/sideBorder2Ar.jpg");
 }
 
  .sildeHeader2En{
    background-image: url("/fpc/images/sideBorder2En.jpg");
 }

 .sildeWHeader2Ar{
    background-image: url("/fpc/images/sideWBorder2Ar.jpg");
 }
 
  .sildeWHeader2En{
    background-image: url("/fpc/images/sideWBorder2En.jpg");
 }
 
.NOTE{
    font-family:arial;
    font-size:10px;
    color:#777777;
}

.HEADING{
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt ;
    color: White;
    background-color: #034E90;
    vertical-align: middle;
    height: 2rem;
}



.HEADING_CHECK{
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt ;
    color: White;
    background-color: #034E90;
    vertical-align: middle;
    height: 2rem;
}

.HEADING_PRINT{
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    border: 0pt ;
    color: rgb(181,181,181);
    background-color: #034E90;
    vertical-align: middle;
    height: 2rem;
}

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

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

.ROWGrid {
        text-align: center;
        font-family: "Font-3960";
	font-size: 1.05rem;
	color: #666;
}

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

.IMAGE_ROW2{
 	font-family: "Font-3960";
	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: "Font-3960";
	font-size: 1.05rem;
    background-color: #ffffff;
    color: black;
        height: 15pt;
        text-align: center;
}

.ROW2 {
	font-family: "Font-3960";
	font-size: 1.05rem;
    background-color: #EBF6FF;
    color: black;
        height: 15pt;
        text-align: center;
}

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

.ROW_LEFT1 {
	font-family: "Font-3960";
	font-size: 1.05rem;
	color: black;
	background-color:#D3E0E8 ;
        height: 15pt;
        
}

.ROW_LEFT2 {
	font-family: "Font-3960";
	font-size: 1.05rem;
	color: black;
	background-color: #F0F7FD;
        height: 15pt;
        
}

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

.ERR_MSG_SMALL{
       color: red;     
       font-size: 1.05rem;
       font-family: "Font-3960";
}

.ERR_MSG{
       color: red;     
       font-weight: bold; 
       font-size: 1.05rem;
       font-family: "Font-3960";
}

.SUCC_MSG{
       color: green;        
       font-weight: bold; 
       font-size: 1.05rem;
       font-family: "Font-3960";
}


.PAGE_TITLE{
        color:#3f454e;
        font-family: "Font-3960";
        font-weight: bold;
        font-size: 1.05rem;
}

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

.topColor{
    font-family: "Font-3960";
    font-size: 9pt;
    color: white;
}

.studentColor{
    font-family: "Font-3960";
    font-size: 9pt;
    color: Black;
    font-weight: bold;
}

.academicPart{
    font-family: "Font-3960";
    font-size: 13pt;
    color: Black;
    font-weight: bold;
}

.dear{
    font-family: "Font-3960";
    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: "Font-3960";
    font-size: 8pt;
    color: white;
}
.text{
    font-family: Arial;
    font-size: 1.05rem;
}

.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: 1.05rem;
    font-weight: bold;
}

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


.fontText10
{   font-family:Times New Roman;            
    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:#025b84;padding-right:10px; font-family: UniversNextArabic ; font-size: 1.05rem; text-decoration: none;}
a:active {color:#0773b9;padding-right:10px; font-family: UniversNextArabic ; font-size: 1.05rem; text-decoration: none;}
a:visited {color:#0773b9;padding-right:10px; font-family: UniversNextArabic ; 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: UniversNextArabic ; }
a.file:visited {color:#414141;padding-right:10px;display:block;font-family: UniversNextArabic ;}
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: UniversNextArabic,UniversNextArabic, Helvetica, sans-serif;
        font-size: 9pt;
        text-decoration : none;
}

.MENU{
        color:White;
        font-family: "Font-3960";    
        font-size:9pt;
        font-weight: bold
}

.TITLE{
        color:White;
        font-family: "Font-3960";
        font-size:8pt;
}

.SIGN_OUT{
        color:#DEC610 ;
        font-family: "Font-3960";
        font-size:9pt;
        font-weight:bold;
}

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

.FOOTER{
        color:#808080; 
        font-family:UniversNextArabic; 
        font-size:9px
}




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

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


.toolTipText{
    font-size: 1.05rem;
    color: Black;
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
}

.BigToolTipText{
    font-size: 1rem;
    color: Maroon; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
}

.toolTipText2{
    font-size: 1.05rem;
    color: #333333; 
    font-style:normal;
    FONT-FAMILY:  UniversNextArabic; 
    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: "Font-3960";
}


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

.headerCalendar{
    color:  Black;
    font-size: 8pt;
    font-weight: bold;
    font-family: "Font-3960";
    background-color: #f0f7fd;
}

.headerCalendar2{
    color: rgb(181,181,181);
    font-size: 8pt;
    font-weight: bold;
    font-family: "Font-3960";
    background-color: #385370;
}

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

.colorBorder{
    background-color: #305385;
}

.colorHalfBorder{
    background-color: #C6C7C9;
}

.colorBodyDetials{
    background-color: Maroon;
}

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

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

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

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

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

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

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

.toolTips3_en{
     background-image: url("/fpc/images/toolTipBox/footer.gif");
 }
 
 
.toolTipsEvent1{
     background-image: url("/fpc/images/toolTips/header.gif");
}

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

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


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

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

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

.toolTipNewFooter{
     background-image: url("/fpc/images/toolTipEvent/footer.gif");
 }
 
.toolTipNewHeader{
     background-image: url("/fpc/images/toolTipEvent/header.gif");
 }
 
 .toolTipMBoxesPart1Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part1Ar.gif");
 }
 
 .toolTipMBoxesPart2Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part2Ar.gif");
 }
 
 .toolTipMBoxesPart3Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part3Ar.gif");
 }
 
 .toolTipMBoxesPart4Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part4Ar.gif");
 }
 
 .toolTipMBoxesPart5Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part5Ar.gif");
 }
 
 .toolTipMBoxesPart6Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part6Ar.gif");
 }
 
 .toolTipMBoxesPart7Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part7Ar.gif");
 }
 
 .toolTipMBoxesPart8Ar{
     background-image: url("/fpc/images/toolTipMBoxes/part8Ar.gif");
 }
 
 
 .toolTipMBoxesPart1En{
     background-image: url("/fpc/images/toolTipMBoxes/part1En.gif");
 }
 
 .toolTipMBoxesPart2En{
     background-image: url("/fpc/images/toolTipMBoxes/part2En.gif");
 }
 
 .toolTipMBoxesPart3En{
     background-image: url("/fpc/images/toolTipMBoxes/part3En.gif");
 }
 
 .toolTipMBoxesPart4En{
     background-image: url("/fpc/images/toolTipMBoxes/part4En.gif");
 }
 
 .toolTipMBoxesPart5En{
     background-image: url("/fpc/images/toolTipMBoxes/part5En.gif");
 }
 
 .toolTipMBoxesPart6En{
     background-image: url("/fpc/images/toolTipMBoxes/part6En.gif");
 }
 
 .toolTipMBoxesPart7En{
     background-image: url("/fpc/images/toolTipMBoxes/part7En.gif");
 }
 
 .toolTipMBoxesPart8En{
     background-image: url("/fpc/images/toolTipMBoxes/part8En.gif");
 }
 
.factBorder1En{
     background-image: url("/fpc/images/insInfo/corner rightEn.jpg");
}
 
.factBorder1Ar{
     background-image: url("/fpc/images/insInfo/corner rightAr.jpg");
}
 
  
.factBorder2En{
     background-image: url("/fpc/images/insInfo/corner leftEn.jpg");
}
 
.factBorder2Ar{
     background-image: url("/fpc/images/insInfo/corner leftAr.jpg");
}

.factBorderSideEn{
     background-image: url("/fpc/images/insInfo/sidesEn.jpg");
}
 
.factBorderSideAr{
     background-image: url("/fpc/images/insInfo/sidesAr.jpg");
}
 
.factBorderSide2En{
     background-image: url("/fpc/images/insInfo/sides2En.jpg");
}
 
.factBorderSide2Ar{
     background-image: url("/fpc/images/insInfo/sides2Ar.jpg");
}
 
.factBorder3En{
     background-image: url("/fpc/images/insInfo/right midEn.jpg");
}

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

.factBorder4Ar{
     background-image: url("/fpc/images/insInfo/left mid dAr.jpg");
}
  
.factBorder5En{
     background-image: url("/fpc/images/insInfo/right corner bEn.jpg");
}
  
.factBorder5Ar{
     background-image: url("/fpc/images/insInfo/right corner bAr.jpg");
}
 
.factBorder6En{
     background-image: url("/fpc/images/insInfo/left corner bEn.jpg");
}

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

.factBorder7Ar{
     background-image: url("/fpc/images/insInfo/1Ar.jpg");
}
 
.factBorder8En{
     background-image: url("/fpc/images/insInfo/2En.jpg");
}

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

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

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

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

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

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

.factBorderSidesfinal2Ar{
     background-image: url("/fpc/images/insInfo/sidesing4Ar.jpg");
}
 
 .fontText {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
 }
 

.fontTextSmall {   
    font-family: "Font-3960";
    font-size: 1.05rem;
 }

.fontTextSmallBlue {   
    font-family: "Font-3960";
    font-size: 1.05rem;
    color: #006aa5;
 }
 
.fontTextSmallRed {   
    font-family: "Font-3960";
    font-size: 1.05rem;
    color: Red;
 }

 .fontTextRegistration {   
    font-size: 1.05rem;
    color: Black; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 }
 
 
.fontTextRegistrationLarge {   
    font-size: 1.05rem;
    color: Black; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 }

 .fontTextRegistrationRed {   
    font-size: 1.05rem;
    color: Red; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 }

 .fontTextUserAr {   
    font-size: 1.05rem;
    color: #4976A0; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 } 
 
 .fontTextUserEn {   
    font-size: 1.05rem;
    color: #4976A0; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 } 
 
  .fontTextMain {   
    font-size: 1.05rem;
    color: Black; 
    font-style:normal;
    font-family: "Font-3960"; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 }
 
 .fontTextLarge {   
    font-size: 1.05rem;
    color: #333333; 
    font-style:normal;
    FONT-FAMILY: Arabic Transparent, UniversNextArabic, Helvetica; 
    TEXT-DECORATION: none; 
    font-weight: bold;
 }
 
 .fontTextStudent {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
    color: #3686bb; 
 }
 
 
  .fontTextSemester {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
    color: #3E925E; 
 }
 

 .fontTextWhite {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: White;
 }
 
 .fontTextRed {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: Red;
 }
 
  .fontTextSmallRed {
    font-family: "Font-3960";
    font-size: 1.05rem;
    color: Red;
 }
 
 .fontTextGreen {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: Green; 
 }
 
 .fontTextGreenSmall {   
    font-family: "Font-3960";
    font-size: 1.05rem;
    color: Green; 
 }
 
 .fontTextBlack {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
 }
 
 h1 {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: #006aa5;
 }
 
  .fontTextTitle {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: Black;
 }
 
 .fontTextGroundGreen {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: White; 
    background-color: rgb(0,181,0);
 }
 
 .fontTextGroundRed {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: White;
    background-color: Red;
 }
 
  .fontTextGroundWhite {   
    font-family: "Font-3960";
    font-weight: bold;
    font-size: 1.05rem;
    color: Black;
    background-color: White;
 }
 
 
 .fontTextWhiteSmall {   
    font-family: "Font-3960";
    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: Times New Roman;
    font-weight: bold;
    font-size: 1.05rem;
    color: black;
    text-align:justify; 
    text-justify:inter-word; 
 }
 
 .homeMarquee{    
    height:170px ;
}

.HomeNewsText{   
    font-family: "Font-3960";
    font-size: 1.05rem;
    color: #006aa5;
    font-weight: bold;  
}
 
.HomeNewsTitle{  height: 31px;
    font-family: tahoma;
    font-weight: bold;
    font-size: 1.05rem;
    color: rgb(7, 115, 185);
}

.HomeNewsDesc{    
    font-family: "Font-3960";
    font-weight: normal;
    font-size: 1.05rem;
    color: Black;
}

.headerColor{
    padding: 2pt;
    font-size: 1.05rem;
    color: white;
    font-weight: bold;
    font-family: "Font-3960";
}

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

}

.AppMaleFontGray{
    color: Gray;
    font-weight: bold;
    font-family: "Font-3960";
    font-size: 1.05rem;
}

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

}

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

.primeColorBtn {
    color: white !important;
    background: #034E90 !important;
    width: fit-content !important;
    height: fit-content !important;
    padding: 5px 15px !important;
    font-size: 1rem !important;
    border: none !important;
    font-family: "Font-3960" !important;
    border-radius: 5px !important;
    margin: 10px 2.5px !important;
    cursor: pointer !important;
}

.secColorBtn {
    color: white !important;
    background: #034E90 !important;
    width: fit-content !important;
    height: fit-content; !important;
    padding: 5px 15px !important;
    font-size: 1rem !important;
    border: none !important;
    font-family: "Font-3960" !important;
    border-radius: 5px !important;
    margin: 10px 2.5px !important;
    cursor: pointer !important;
}

.closeColorBtn {
    color: red !important;
    background: transparent !important;
    width: fit-content !important;
    height: fit-content !important;
    padding: 5px 15px !important;
    font-size: 1rem !important;
    border: 1px solid red !important;
    font-family: "Font-3960" !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;
}

.topBarFPC.responsiveKSU, .ResMenuIcon.user {
    display: none;
}

.topBarFPC .topBarLinkSec .topBarLink:hover .plus, .topBarFPC .topBarLinkSec .topBarLink:hover .minus {
    border: 1px dotted #034e90;
}

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

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

.topBarFPC {
    display: flex;
    flex-direction: row !important;
    background: white;
    padding: 20px;
    border-bottom: 7px solid #034e90;
}

.topBarFPC.loginTop {
    border-bottom: 0;
}

.topBarFPC .topBarLogo {
    width: 50%;
}

.topBarFPC .topBarLogo img {
    margin-right: 8%;
}

.topBarFPC .topBarLinkSec {
    width: 50%;
}

.topBarFPC .topBarLinkSec .linkSec {
    margin: 0 auto 0 8%;
}

.topBarFPC .topBarLinkSec .topBarLink .topbarSvg {
    fill: #034e90;
    margin: 0 auto 7px;
    width: 29px;
    height: 25px;
}

.topBarFPC .topBarLinkSec .topBarLink:nth-child(3) .topbarSvg {
    fill: #034e90;
    stroke: #034e90;
    stroke-width: 0;
    margin: 0 auto 7px;
}


.topBarFPC .topBarLinkSec .topBarLink {
    font-size: 14px !important;
    color: black !important;
    padding: 10px 25px;
    border-left: 2px solid;
    cursor: pointer;
}

.topBarFPC .topBarLinkSec .topBarLink:last-child {
    border-left: 0;
}

.topBarFPC .topBarLinkSec .topBarLink:hover {
    font-size: 14px;
    color: white !important;
    background: #034e90;
}

.topBarFPC .topBarLinkSec .topBarLink:hover .topbarSvg {
    fill: white;
}

.topBarFPC .topBarLinkSec .topBarLink:nth-child(3):hover .topbarSvg {
    stroke: white;
}

.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;
}
.topBarFPC .topBarLinkSec .topBarLink:hover .plus, .topBarFPC .topBarLinkSec .topBarLink:hover .minus {
    border: 1px dotted #034e90;
}

.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 black;
    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: #0084bd;
    margin-top: 5px;
}

.sectopInfo .sec2, .sectopInfo .sec3 {
    border-left: 2px solid black;
    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) {
    #loginForm .headerText, .topBarFPC.loginTop, .servicesSec {
        display: none;
    }

    .topBarFPC.responsiveKSU, .ResMenuIcon.user {
        display: flex;
    }

    .topBarFPC .topBarLogo img {
        margin: 0 !important;
    }
    body .responsivehidden {
        display: none !important;
    }
}


@media screen and (max-width: 767px) {
    .topBarFPC .topBarLogo img {
        width: 40vw;
        min-width: 230px;
    }
}

@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%;
    }

}