/*@import url('https://www.fontify.me/wf/fda186da24b7d27944a5fc1424e8663c');*/ @font-face { font-family: 'RotisSansSerifStdExtraBold'; src: url('../fonts/RotisSansSerifStdExtraBold.eot'); src: url('../fonts/RotisSansSerifStdExtraBold.eot') format('embedded-opentype'), url('../fonts/RotisSansSerifStdExtraBold.woff2') format('woff2'), url('../fonts/RotisSansSerifStdExtraBold.woff') format('woff'), url('../fonts/RotisSansSerifStdExtraBold.ttf') format('truetype'), url('../fonts/RotisSansSerifStdExtraBold.svg#RotisSansSerifStdExtraBold') format('svg'); } body {font-size:16px; direction: rtl; font-family:'droid_arabic_naskhregular' !important; overflow-y:auto !important;background:#999999;} .LogoContaint {display:none !important} body a{color:#007e43;outline:none;} .top_nav {direction: rtl;} .top_nav .top_list {color: #fff;font-size: 12px;float: left;font-family: hacen_tunisia_ltregular !important;} .top_nav .top_list:hover {text-decoration: underline;} .top_nav .top_list.active {text-decoration: underline;} .top_nav .bdr-none {border: none;} .top_nav .bdr-right:last-child {border: none!important;} .top_nav .bdr-right {border-left: 1px solid #686868;padding: 1px 10px;margin-top: 7px;} .top_nav .right_list {color: #fff;font-size: 12px;float: right;border-left: 1px solid #686868;padding: 9px 25px;font-family: hacen_tunisia_ltregular !important;} .top_nav .quick-links {color: #fff;font-size: 12px;float: left;padding: 9px 26px;font-family: hacen_tunisia_ltregular !important;position: relative;z-index: 100000;} .top_nav .col-xs-6 {float: right;min-height: 0;} .top_nav .tpsublinks{float:right!important} .top_nav .tplanglinks{float:left!important} .top_nav .aribic-right {float: right !important;} .top_nav .aribic-left {float: left !important;} .top_nav .items {display: inline-block;float: right;} .top_nav .right_list:last-child {border-right: 1px solid #686868;} .top_nav .right_list:hover {background: #4b4b4b;} .co-logosection .col-xs-6 {width: auto;float: right;min-height: 0;} .top_header .quick-links:hover {background: #fff;color: #007f49;} .top_header .quick-links .caret {color: #aaaaaa;} .top_header .quickmenu-dropdown {background: #fff;padding: 5px 0px;position: absolute;top: 35px;z-index: 10000;width: 233px;display: none;border: 1px solid #ccc;border-top: none;left: -1px;} .quickmenu .caret {margin-right: 5px;margin-left: 0;} .top_header .quick-sublink {display: block;padding: 8px 26px;font-family: hacen_tunisia_ltregular;font-size: 12px;color: #585858;direction:rtl;text-align:right;} .top_header .quick-sublink:hover {background: #137b46;color: #fff;} .quickmenu:hover .quickmenu-dropdown {display: block;} .quickmenu:hover .quick-links {background: #fff;color: #007f49;} #co_header .site-logo {display: none;} .site-logo-aribic {display: block;} #footer .site-logo {display: none;} #footer .site-logo-aribic {display: block;} .co-logosection .portal-logo {float: right !important;margin-left: 16px;} .co-logosection .portal-ico {background: url(../images/portal-logo.png) 0 0 no-repeat;width: 105px;height: 20px;} #co_header .searchblog {float: left !important;} /*#co_header .searchbtn { background: url(../images/search_btn.png) 0 0 no-repeat; width: 14px; height: 14px; position: absolute; left: 0; top: 14px; }*/ #co_header .portal-text { color: #929293; font-size: 15px; } #co_header .searchbox { border: 1px solid #cccccc; color: #999999; font-size: 13px; padding: 10px 29px 8px 8px; text-align: right; width: 155px; } #co_header .searchbox::-webkit-input-placeholder { color: #999999; } #co_header .searchbox:-moz-placeholder { color: #999999; } #search::-moz-p { color: #999999; } #co_header .searchbox:-ms-input-placeholder { color: #999999; } /*****NAVIGATION CSS*****/ #co-navigation .navbar-nav { float: right !important; margin-right: 0px; padding-right:8px; } #co-navigation .co-nav-border { border-bottom: 3px solid #e4e4e4; } #co-navigation .navbar-toggle { border-color: #fff; margin: 0; padding: 8px; } #co-navigation .navbar-toggle .icon-bar { background-color: #fff; } #co-navigation .navbar-toggle:hover, .top-header .hide-menu .navbar-toggle:focus { background-color: #007e43; } #co-navigation .navbar-toggle:hover .icon-bar, #co-navigation .hide-menu .navbar-toggle:focus .icon-bar { background-color: #80ac3b; } #co-navigation .navbar-nav > li > a { padding: 10px; } #co-navigation .navbar-collapse, #co-navigation .top-header .navbar-form { border-color: #f0f0f0; } #co-navigation .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background: transparent!important; } #co-navigation .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #f0f0f0 !important; /*border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;*/ color: #000000; border-bottom: none !important; } #co-navigation .navbar-inverse { background: none; border: none; min-height:inherit; } #co-navigation .navbar-inverse .navbar-nav > li > a { color: #007d40; padding: 8px 10px; text-transform: uppercase; font-size: 17px; /*border: 1px solid #fff;*/ font-family: 'hacen_tunisia_ltregular'; position: relative; z-index: 100; font-weight: bold; } /*#co-navigation .navbar-inverse .navbar-nav > li > a:last-child { border-left: 1px solid #cfcfcf; }*/ #co-navigation .navbar-inverse .navbar-nav > .active > a { /*background: #f7f7f7; border: 1px solid #cfcfcf;*/ color: #007c45; border-bottom: none; } #co_header .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: #f7f7f7 !important; } #co-navigation .caret { position: relative; top: -2px; left: -5px; color:#adadad; margin-right:5px; } .dropdown-menu { box-shadow: none; border:1px solid #e6e6e6; } .dropdown-menu li .col-sm-3{float:right} .navbar-nav > li > .MenuLevel2 {margin-top:-1px} #co-navigation .menus-dropdown2 { border-top: none !important; } .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .yamm-content { padding: 0px 5px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } #co-navigation .menu-title { color: #000000 !important; font-size: 12px; text-transform: uppercase; font-weight: 700; /*margin-top: 15px;*/ margin-bottom:0px; line-height: 19px; padding:7px; } #co-navigation .yamm-content ul li { background: url(../images/social-arrow_arabic.png) right 7px no-repeat; padding-left: 15px; } #co-navigation .yamm-content ul li:hover { background: url(../images/social-arrow-hover_arabic.png) right 7px no-repeat; color: #007e43; text-decoration: underline; } #co-navigation .drpmenus { /*background: url(../images/social-arrow_arabic.png) right 7px no-repeat;*/ padding: 0px 17px 0px 0px; color: #646464; font-size: 15px; text-transform: capitalize; } #co-navigation .drpmenus:hover { /*background: url(../images/social-arrow-hover_arabic.png) right 7px no-repeat;*/ color: #007e43; text-decoration: underline; } #co-navigation .border-botom { border-bottom: 1px solid #dddddd; padding-bottom: 8px; margin-bottom: 8px; } #co-navigation .sloganmenu-text { font-size: 12px; color: #000; line-height: 20px; padding-bottom: 10px; } #co-navigation .subtext { font-size: 13px; } #co-navigation .menus-dropdown { left: 0px; width:100%; /*top: 36px;*/ position:absolute; z-index: 90; background: #f0f0f0; border-radius: 0px!important; min-height:286px; } .aribeanlanguage { font-family: hacen_tunisia_ltregular !important; font-weight: 600; } #co-navigation .menus-dropdown2 { left: 0px; min-width: 197px; /*top: 37px;*/ z-index: 90; background: #f0f0f0; border-top: none; } #co-navigation .see-details { color: #007d43; text-decoration: underline; } #co-navigation .see-details:hover { text-decoration: none; color: #000; } #co-navigation .close-icon { float: right; } .closeDiv {height:130px} .Closebtn{color:#494949; font-weight:700; cursor:pointer; text-align:right;font-family: hacen_tunisia_ltregular !important;position:absolute;bottom:15px;text-transform:uppercase} #co-navigation .close-btn { background: url(../images/close-btn-arabic.png) right 0 no-repeat; padding:20px 41px 10px 28px; color: #4f4f4f; font-size: 12px; text-transform: uppercase; cursor: pointer; position:absolute;bottom:0px; right:0px } .navbar-nav > li { float: right; } #co-navigation .marginright { margin-right: 0px; direction: rtl; } #co-navigation .navbar { /*top: -1px;*/ } #co-navigation .rel-position { position: relative !important; } #co-navigation .dropdown-menu .yamm-content .col-sm-3 { float: right; text-align: right; } #co-navigation .dropdown-menu .yamm-content .col-sm-12 { float: right; text-align: right; } #co-navigation .dropdown-menu .yamm-content .col-sm-2 { float: right; text-align: right; } #co-navigation .dropdown-menu .yamm-content .col-sm-4 { float: right; text-align: right; clear:both; } /****HEADER CSS END HERE***/ /***LOGO SECTION ***/ .LogoPanel{margin-top:22px; padding-bottom: 3px;} .LogoPanel .LogoContaint{padding:18px 11px 0px 0px} .LogoPanel .LogoContaint .universityName{color:#7f7f7f; font-size:12px; text-transform:uppercase;} .LogoPanel .LogoContaint .DeptName{font-family:'droid_serifbold';font-size:14px;text-transform:capitalize;width:100%;font-weight:700} .LogoPanel .searchbtn {background: url(../images/search_btn.png) 0 0 no-repeat;width: 14px;height: 14px;position: absolute;left:9px;top:14px;} .LogoPanel .searchbox {border:1px solid #cccccc;color: #999999;font-size: 12px;padding: 10px 27px 8px 8px;} .LogoPanel .searchbox::-webkit-input-placeholder,.searchbox:-moz-placeholder ,#search::-moz-p ,.searchbox:-ms-input-placeholder{color:#999999;} .Deptlogo{display:table-cell} /*.LogoPanel .Deptlogo .logo{height:72px;}*/ .LogoContaint{display:table-cell; vertical-align:top} .LogoPanel .col-lg-8{float:right !important} .LogoPanel .col-lg-4{float:right !important} .top_header .pull-right, .LogoPanel .pull-right{float:left!important} .top_header .pull-left, .LogoPanel .pull-left{float:right!important} .container{background:#fff} /***TOP MENU*/ .TopMenu .tpsublinks{position:relative} .TopMenu .LeftMenu ul li{border:none} .TopMenu .tpsublinks > li{border-right: 1px solid #686868;float:left} .TopMenu .tpsublinks > li > a{color:#fff;float:left;font-family: hacen_tunisia_ltregular; font-size:12px;padding:9px 15px; /*padding:9px 25px;*/} .TopMenu .tpsublinks > li > a .caret {margin-right:12px} .TopMenu .tpsublinks > li > a:hover{/*background: #4b4b4b;*/ color:#007e43} /*.TopMenu .tpsublinks > li:hover {background:#fff;}*/ .TopMenu .tpsublinks > li:hover .dropdown-menu{display:block} .TopMenu .dropdown-menu {background:#fff;border-radius:0; padding:5px 0px;position:absolute;top:33px;z-index: 10000; width:197px; /*width:auto;*/ display: none;/*box-shadow: 0px 4px 4px 0px #ccc;*/border:1px solid #ccc;border-top:none !important;left:0px;} .TopMenu .open>.dropdown-menu{display:block} .TopMenu .dropdown-menu>li>a{color:#585858;display:block;font-family: hacen_tunisia_ltregular;font-size: 12px;padding: 8px 26px; white-space:normal; text-align:right /*word-wrap: break-word; overflow-wrap: break-word*/} .TopMenu .dropdown-menu>li>a:hover{background: #137b46;color:#fff;} /****MAIN MENU CSS HERE***/ .MainNavigation{margin-top:19px;border-bottom:1px solid #ccc;border-top:1px solid #dddddd; /*padding-top:1px*/} .MainMenu{padding-left:30px;} .MainMenu .menus-dropdown {left:0px; /*top:36px;*/z-index:90;background:#f7f7f7;border-radius:0px!important;width:100%; clear:both; padding-top:5px} .MainMenu .MenuLevel2 {padding:15px 0px;} .MainMenu .MenuLevel2 > li{width:25%;float:left; padding-left:15px; padding-right:15px; display:inline} .MainMenu .MenuLevel2 > li:first-child {padding-left:25px} .MainMenu .MenuLevel2 > li > div > a{color:#000;font-size:12px;text-transform:uppercase;font-weight:700; white-space:normal;margin-bottom:10px; display:block; padding-left:10px;text-align:right} .MainMenu .MenuLevel2 > li .caret{margin-left:6px} .MainMenu .MenuLevel3 {display:block; border:none !important; list-style:none;margin:0;padding:0} .MainMenu .MenuLevel3 > li{/*background:url(../images/social-arrow.png) 9px 7px no-repeat;*/padding:0px 12px 0px; color:#646464;font-size:13px;text-transform:capitalize;margin-bottom: 8px;} .MainMenu .MenuLevel3 > li:hover{/*background:url(../images/social-arrow-hover.png) 9px 7px no-repeat;*/} .MainMenu .MenuLevel3 > li > a{color:#646464;font-size:13px;padding:0 12px; text-transform:capitalize;display:block;/*border-bottom:1px solid #dddddd;*/ padding-bottom:8px} .MainMenu .MenuLevel3 > li > a:hover{color: #007e43;text-decoration:underline;} .MainMenu .MenuLevel4 {display:block; border:none !important; list-style:none;margin:0;padding:0} .MainMenu .MenuLevel4 {margin-top:10px!important} .MainMenu .MenuLevel4 > li{/*background:url(../images/social-arrow.png) 31px 7px no-repeat;*/padding:0px 12px 0px; color:#646464;font-size:13px;text-transform:capitalize;margin-bottom: 8px;} .MainMenu .MenuLevel4 > li:hover{/*background:url(../images/social-arrow-hover.png) 31px 7px no-repeat;*/} .MainMenu .MenuLevel4 > li > a{color:#646464;font-size:13px;padding:0 12px;text-transform:capitalize;display:block;/*border-bottom:1px solid #dddddd;*/ padding:0px 0px 8px 33px} .MainMenu .MenuLevel4 > li > a:hover{color: #007e43;text-decoration:underline;} .LogoPanel .searchboxDiv1{ margin-top:17px;} .col-sm-3 ul li.dropdown a {background:none; margin-top:4px;} .dropdown-menu .col-sm-3 ul li.dropdown a {background:none;} .dropdown-menu .col-sm-3 ul li.dropdown a:hover{} .accordian-blog .MenuLevel1 li a span, .dropdown-menu .col-sm-3 ul li a span, .dropdown-menu .col-sm-3 ul li.dropdown a span {padding-top:10px; display:table-cell} .dropdown-menu .col-sm-3 ul li a .text, .dropdown-menu .col-sm-3 ul li.dropdown a .text {padding-top:4px; padding-right:5px; display:table-cell} .accordian-blog .MenuLevel1 li a span {padding-top:0px; padding-right:10px;} /*.MainMenu ul {display:block; border:none !important; list-style:none;margin:0;padding:0} .MainMenu ul > li{background:url(../images/social-arrow.png) 9px 7px no-repeat;padding:0px 12px 0px; color:#646464;font-size:13px;text-transform:capitalize;margin-bottom:5px;} .MainMenu ul > li:hover{background:url(../images/social-arrow-hover.png) 9px 7px no-repeat;} .MainMenu ul > li > a{color:#008142;font-size:13px;padding:0 12px;text-transform:capitalize;display:block;border-bottom:1px solid #dddddd;padding-bottom:5px} .MainMenu ul > li > a:hover{color: #007e43;text-decoration:underline;}*/ .TabContentArea{border:1px solid #ccc;padding:5px;/*background-color:#ffffff;*//*min-height:287px;*/} .bdrlftandRft{border-left:none;border-right:none} .BannerRoot .ContentArea{position:relative} .BannerRoot .Banner-Crousel {position:absolute;top:54%;width:100%;} .BannerRoot .banner-slogan h5{margin-bottom:0;padding:0 10px;min-height:56px;} .banner-slogan .slog-disc a{padding-top:10px; color:#fff; font-size:12px;display:block; text-decoration:underline} .banner-slogan .slog-disc a:hover{text-decoration:none} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {float:right} .carousel-control {/*width:100%;*/ position:absolute} .BannerRoot .carousel-control .icon-prev, .BannerRoot .carousel-control .glyphicon-chevron-left {float:left; left:0px} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {width:auto} .BannerRoot .carousel-control .icon-next, .BannerRoot .carousel-control .glyphicon-chevron-right {/*right:6%;*/ right:0px} .HomePageDataRoot{background-color:#e0e2df;} .HomePageDataRoot .PageData,.HomeProgramRoot .home-programData{padding:50px 0px; padding-top:88px} .HomeProgramRoot{background-color:#017d41;} .HomePageNewsRoot {/*background-color:#efefef;*/} /******ABOUT PAGE DATA*/ .PageDataImg{float:right; /*padding-bottom:20px;*/ padding-left:20px; /*width:458px;*/ width:40%; height:404px} .PageDataContent {width:60%; /*float:left*/} .PageDataImg img {/*border:20px solid rgba(162, 139, 69, 0.3);*/width:404px;height:404px; overflow:hidden;margin-left:20px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%} .welWrapper{position:relative} .welWrapper .welElipsImg{position:absolute} .welWrapper .welElipsImg img{width:404px; height:404px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%} .welWrapper .welElipsbrd{position:absolute} #news-page .co-breadcrumb a {text-decoration:underline} .greenBg {background:#007d40; margin-top:-1px; margin-bottom:20px} .greenBg .mt15 {margin-top:0px} .greenBg h2 {border-bottom:none; color:#ffffff; padding-bottom:1px; padding-top:17px} .greenBg .co-breadcrumb{padding-bottom:20px} .greenBg ul.site-breadcrumb li {color:#a1d0b9} .greenBg ul.site-breadcrumb li:last-child{color:#ffffff !important} .greenBg span a {color:#a1d0b9; font-size:18px} .customHidden {display:none} .MainMenuActive {background: #007d40; color:#ffffff !important} .kfupm-open-menu {/*display: block; position: relative;*/} .rightSubMenu {color:#000000; text-transform:uppercase; font-size:18px;font-family: "hacen_tunisia_ltregular"; font-weight:700; padding:10px 5px 10px 0px !important; border-bottom:2px solid #666666 !important} .ProgramContent {padding: 12px 0px; padding-bottom: 20px;} .PageData{} /*.kfupMedia {width:100%; display:table}*/ .media-right .accordian-blog .MenuLevel1 {/*padding-top:63px;*/ /*margin-bottom:20px*/} .PageDataContent .Title{color:#000;font-family: "hacen_tunisia_ltregular";font-size:30px;padding:50px 0px 30px;font-weight: 700;} .PageDataContent p{color:#333;font-size:16px; line-height:26px;font-family: "hacen_tunisia_ltregular";} .PageDataContent .more{color:#007e43;font-size:16px; text-decoration:underline;padding-top:28px; display:block;font-family: "hacen_tunisia_ltregular";} .PageDataContent .more:hover{color:#000; text-decoration:none} .ProgramContent .Title{color:#f2ffff;font-size:16px;padding:0px 0px 7px; text-transform:uppercase; font-weight:bold} .ProgramContent .subject{color:#f2ffff;font-size:16px; line-height:20px; text-align:right;height:61px; overflow:hidden} .ProgramContent .more{background:#d1b756;color:#3C332E; font-size:14px;margin-top:20px;padding:7px 13px;text-transform: uppercase;display:inline-block;font-family: "hacen_tunisia_ltregular";} .ProgramContent .more:hover{background:#f6f6f6;transition: background-color 0.5s ease 0s;} .HomeProgramRoot .col-lg-3{float:right !important} .HomeProgramRoot .pageTitle{color:#d3b658;padding-bottom:50px;font-size:30px;font-family: "hacen_tunisia_ltregular";font-weight:700;} .HomeProgramRoot .border-right{border-left:1px solid #006432} .HomeProgramRoot .border-right:last-child{border:none} .HomePageNewsRoot .pageTitle{color:#057c46;padding-bottom:20px;font-size:30px;font-family: "hacen_tunisia_ltregular"; padding-top:45px;font-weight: 700;} .HomePageSocialRoot .pageTitle{color:#057c46;padding-bottom:20px;font-size:30px;font-family: "hacen_tunisia_ltregular"; margin-top:0px; padding-top:45px; font-weight: 700; } .HomePageNewsRoot .news-disc-text{color:#007744;font-size:16px;font-family: "hacen_tunisia_ltregular";height:39px; overflow:hidden; display:block} .DateText{padding-top:2px} .HomePageNewsRoot .col-lg-8{float:right !important} .HomePageNewsRoot .col-lg-4{float:right !important} .HomePageNewsRoot .nav-tabs > li{float:right} .HomePageNewsRoot .event-subject {color: #2f2f2f;font-size:11px;text-transform: capitalize;} .HomePageNewsRoot .nav-tabs{border:none; /*border-bottom:1px solid #cccccc*/} .HomePageNewsRoot .news-details-tabs {color:#686868;font-size:17px;text-transform:capitalize;padding:10px 11px;display:inline-block;margin-right:0px;background:#ddd;border:solid 1px #ccc; -moz-transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;transition: background-color 0.5s ease;cursor:pointer;} .HomePageNewsRoot .news-details-tabs:hover, .HomePageNewsRoot .news-details-tabs.active {background:none;color:#000;border-color:#ccc;} .HomePageNewsRoot .recentnews{font-size:16px;font-family: "hacen_tunisia_ltregular"; font-weight:700; color:#000;margin:12px 0; margin-bottom:14px} .HomePageNewsRoot .eventlistdept{width:74%; margin-right:15px; float:right !important} .HomePageNewsRoot .bdr-top{border-top:1px solid #ccc;padding-top:10px} .HomePageNewsRoot .morenews {color: #007e43;font-size:13px;text-decoration:underline;font-family: "hacen_tunisia_ltregular";font-weight:700;} .event-slogan{color:#0f7545; font-size:13px;font-family: "hacen_tunisia_ltregular";} .fa-bullhorn{background:url(../images/annunce-icon.png) 0 10px no-repeat; padding:9px;} .fa-calendar{background:url(../images/calender-ico.png) 0 10px no-repeat; padding:9px;} .NewsSocialMedia {padding-bottom:50px} .NewsSocialMedia ul li{display:inline-block;margin-right:4px;} /* .NewsSocialMedia .Scial-Icon{background:url(../images/social-icons-sprite.png) 0px 0px no-repeat;height:24px;width:42px; display:inline-block} .NewsSocialMedia .Twitter{background-position:-1px 0px} .NewsSocialMedia .Facebook{background-position:-39px 0px; width:38px} .NewsSocialMedia .Youtube{background-position:-84px 0px} .NewsSocialMedia .Instagram{background-position:-140px 0px; width:30px} .NewsSocialMedia .Linkdean{background-position:-187px 0px; width:30px} .NewsSocialMedia .Twitter:hover{background-position:-1px -36px} .NewsSocialMedia .Facebook:hover{background-position:-39px -36px} .NewsSocialMedia .Youtube:hover{background-position:-84px -36px} .NewsSocialMedia .Instagram:hover{background-position:-140px -36px} .NewsSocialMedia .Linkdean:hover{background-position:-187px -36px} */ .NewsSocialMedia .Scial-Icon{background:url(../images/social-icons-sprite.png) 0px 0px no-repeat;height:25px;width:30px; display:inline-block} .NewsSocialMedia .twitter{background-position:-65px 0px} .NewsSocialMedia .facebook{background-position:-109px 0px; width:25px} .NewsSocialMedia .youtube{background-position:-154px 0px;width:36px} .NewsSocialMedia .instagram{background-position:-207px 0px;} .NewsSocialMedia .linkedin{background-position:-251px 0px; width:30px} .NewsSocialMedia .googleplus{background-position:-27px -1px;} .NewsSocialMedia .twitter:hover{background-position:-65px -36px} .NewsSocialMedia .facebook:hover{background-position:-109px -36px} .NewsSocialMedia .youtube:hover{background-position:-154px -36px;width:36px} .NewsSocialMedia .instagram:hover{background-position:-207px -36px} .NewsSocialMedia .linkedin:hover{background-position:-251px -36px} .NewsSocialMedia .googleplus:hover{background-position:-27px -35px} /*.welWrapper, .PageDataImg{margin: 0 auto; width: 404px !important;}*/ .ContentArea{padding:0px 50px;} .ContentAreaWithMenu{padding:0px 50px;} /****HEADER CSS END HERE***/ /*************/ /***ACCORDIAN CSS***/ .accordian-blog{padding-right:12px} .desktop-accordian{/*margin-top:62px*/} .accordian-blog .MenuLevel1, .accordian-blog .MenuLevel1 li, .accordian-blog .MenuLevel1 li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .accordian-blog .MenuLevel1{font-family: "hacen_tunisia_ltregular";color:#ffffff;} .accordian-blog .MenuLevel1 ul {display: none;margin: 0;padding: 0;border: 0;} .accordian-blog .align-right {float:right;} .accordian-blog .MenuLevel1 > li > a {font-family:'hacen_tunisia_bdregular';color:#444444;border-top: 1px solid #c5c6c6;/*border-left: 1px solid #c5c6c6;border-right: 1px solid #c5c6c6; color: #000;*/padding: 10px 24px 10px 20px;font-size:16px;line-height:18px;text-transform: uppercase;cursor: pointer;z-index: 2;text-decoration: none;background: #fff; float:left; width:100%} .accordian-blog .MenuLevel1 li.active{color:#007d40} /*.accordian-blog .MenuLevel1 li a.active {color:#007d40; padding-right: 18px !important}*/ .accordian-blog .MenuLevel1 li a span {padding-top:0px;} .accordian-blog .MenuLevel1 > li > a:hover { background: #f9f9f9 } .accordian-blog .MenuLevel1 > li > a:hover { background: #f9f9f9 } .accordian-blog .MenuLevel1 > li.open > a:hover { background: #f9f9f9 } .accordian-blog .MenuLevel1 > li.open > a.active { background: #f9f9f9 } .accordian-blog .MenuLevel1 > li.open > a { background: #fff none repeat scroll 0 0; /*border-left: 1px solid #c5c6c6; border-right: 1px solid #c5c6c6;*/ border-top: 1px solid #c5c6c6; color: #008449; cursor: pointer; font-family:'hacen_tunisia_bdregular'; font-size:16px; line-height: 18px; padding: 10px 24px 10px 20px; text-decoration: none; text-transform: uppercase; z-index: 2; } .accordian-blog .MenuLevel1 > li.open > a { /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);*/ } .accordian-blog .MenuLevel1 > li:last-child > a, .accordian-blog .MenuLevel1 > li.last > a { border-bottom: 1px solid #c5c6c6; } .accordian-blog .holder { width: 0; height: 0; position: absolute; top: 0; left: 0; } .accordian-blog .holder::after, .accordian-blog .holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; left: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .accordian-blog .holder::after { top:17px; border-top: 2px solid #c5c6c6; border-left: 2px solid #c5c6c6; } .accordian-blog .MenuLevel1 > li > a:hover > span::after, .accordian-blog .MenuLevel1 > li.active > a > span::after, .accordian-blog .MenuLevel1 > li.open > a > span::after { border-color: #959595; } .accordian-blog .holder::before { top: 18px; border-top-color: inherit; border-left-color: inherit; } .accordian-blog .MenuLevel1 ul li a { /*border-bottom: 1px solid #ddd;*/ /*border-left: 1px solid #c5c6c6; border-right: 1px solid #c5c6c6;*/ color: #000; /*background: #f1f1f1;*/ background:#fafafa; cursor: pointer; font-size: 13px; line-height: 18px; padding: 8px 20px; text-decoration: none; z-index: 1; float:left; width:100%; } .accordian-blog .MenuLevel1 ul li a:hover{text-decoration:underline;} .accordian-blog .MenuLevel1 ul li:hover > a, .accordian-blog .MenuLevel1 ul li.open > a, .accordian-blog .MenuLevel1 ul li.active > a { color:#007d40; /*text-decoration:underline;*/ } .accordian-blog .MenuLevel1 ul li:first-child > a { box-shadow: none; padding-top:10px; } .accordian-blog .MenuLevel1 ul ul li:first-child > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .accordian-blog .MenuLevel1 ul ul li a { margin-left:35px; } .accordian-blog .MenuLevel1 > li > ul > li:last-child > a, .accordian-blog .MenuLevel1 > li > ul > li.last > a { border-bottom: 0; } .accordian-blog .MenuLevel1 > li > ul > li.open:last-child > a, .accordian-blog .MenuLevel1 > li > ul > li.last.open > a { text-decoration:underline; } .accordian-blog .MenuLevel1 > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; } #mobileview .toggel-button {background: #fff;border: 1px solid #ccc;color: #000;font-size: 18px;padding:0px 0px 0px 0px;font-size: 13px;text-transform: uppercase;height:29px;cursor: pointer;width:42px;float:right;margin-bottom: 20px;} .MenuLevel1 > li.has-sub > a .holder{-webkit-transform: rotate(-0.7deg);-moz-transform: rotate(-0.7deg);-ms-transform: rotate(-0.7deg);-o-transform: rotate(-0.7deg);transform: rotate(-0.7deg);} .MenuLevel1 > li.has-sub.open > a .holder{-webkit-transform: rotate(176.2deg);-moz-transform: rotate(176.2deg);-ms-transform: rotate(176.2deg);-o-transform: rotate(176.2deg);transform:rotate(176.2deg); height: 45px} .MenuLevel1 ul> li.has-sub > a .holder{-webkit-transform: rotate(-0.7deg);-moz-transform: rotate(-0.7deg);-ms-transform: rotate(-0.7deg);-o-transform: rotate(-0.7deg);transform: rotate(-0.7deg);} .MenuLevel1 ul> li.has-sub.open > a .holder{-webkit-transform: rotate(176.2deg);-moz-transform: rotate(176.2deg);-ms-transform: rotate(176.2deg);-o-transform: rotate(176.2deg);transform:rotate(176.2deg);width:46px; height:39px} #mobileview .toggel-button:hover {background: #f9f9f9} .brandbtn{display:table-cell;padding-right:8px;padding-left:0px !important;} .brandbutton {background: url(../images/brandbutton.png) 0 0 no-repeat;width: 32px;height: 26px; border: 1px solid #ccc; cursor:pointer;} .searchdbtn { display:table-cell;border: 1px solid #ccc; cursor:pointer; padding:0px 8px;vertical-align: middle;} .searchdbtn i{font-size:14px} .mobile-display {display:none} /******BANNER CSS START HERE ******/ .banner-BottomStrip {position:absolute;bottom:0;width:100%;} .banner-slogan {/*background: rgba(18, 18, 18, 0.8);*/color: #fff;width: 100%; padding-right:20px; background:url(../images/banner_bg.png) 0 0 repeat-x; min-height:273px; padding-top:273px; text-align:center; background-size: auto 100%;/*background-attachment: fixed;*/background-position: bottom;} .banner-slogan h5{margin-bottom:0} .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {margin:0px !important;position:inherit;left:auto;} #site-banner .carousel-control {width: auto;color: #fff;opacity: 1;} #site-banner .carousel-control.right {float:right} #site-banner .carousel-control.left {left:auto} #carousel-example-generic .glyphicon-chevron-left:before {background:url(../images/ban-left-arrow.png) 16px 8px no-repeat;border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 25px;} #carousel-example-generic .glyphicon-chevron-right:before {background:url("../images/ban-right-arrow.png") 17px 6px no-repeat; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;padding: 25px;} #site-banner .banner-head {font-size: 26px;font-weight: normal;font-family: 'hacen_tunisia_ltregular';} #site-banner .slog-disc {font-family: 'droid_arabic_naskhregular'; font-size: 17px;} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {right: 0;} .carousel-control.right {right: auto;} .banner-slogan .Textwrapper{width:60%; margin:0 auto} /*.banner-slogan { background: rgba(0, 0, 0, 0.8); color: #fff; position: absolute; bottom: 0; width: 100%; direction: rtl; padding-right: 26px; } #site-banner .carousel-control { width: auto; color: #fff; opacity: 1; } #site-banner .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 34px; } #site-banner .carousel-control.left { background: url(../images/ban-left-arrow.png) 0 0 no-repeat; left: 59px; vertical-align: middle; display: inline-block; } #site-banner .carousel-control.right { background: url(../images/ban-right-arrow.png) 0 0 no-repeat; right: 50px; vertical-align: middle; display: inline-block; } #site-banner .banner-head { font-size: 26px; font-weight: normal; font-family: 'hacen_tunisia_ltregular'; } #site-banner .slog-disc { font-family: 'droid_arabic_naskhregular'; font-size: 17px; } #site-banner .carousel-indicators { position: absolute; top: 30px; z-index: 5; margin: 0; list-style: none; } #site-banner .carousel-indicators .active { width: 15px; height: 15px; background: #fff; border: 1px solid #fff; } #site-banner .carousel-indicators li { background: #a6a6a6; width: 15px; height: 15px; border: 1px solid #c0b7a1; margin: 0; } #site-banner .carousel-indicators { width: auto; left: 3.2%; } #carousel-example-generic .glyphicon-chevron-left:before { background: url(../images/ban-left-arrow.png) 0 0 no-repeat; position: absolute; width: 31px; height: 63px; } #carousel-example-generic .glyphicon-chevron-right:before { background: url(../images/ban-right-arrow.png) 0 0 no-repeat; position: absolute; width: 31px; height: 63px; } #site-banner .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 0px !important; } #site-banner #co-banner { border-top: 4px solid #e5e5e5; } #collegepage .slog-disc { font-size: 18px; }*/ /*****MAINCONTAINER CSS***/ /*#feature-blog .discover-title { color: #fff; font-size: 35px; margin: 0px 0px 25px 0px; padding-top: 25px; text-transform: uppercase; text-align: center; font-family: 'hacen_tunisia_bdregular'; } #feature-blog .disc-bg { background: #8b8178; padding: 0px 0px 37px 0px; margin-top: 10px; } #feature-blog .discover-controls { position: absolute; left: 0px; top: 44px; background: url(../images/patchcrowsel.png) 0 0 no-repeat; width: 74px; height: 280px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); } #feature-blog .disctext { font-size: 18px; color: #fff; padding-top: 18px; font-family: 'hacen_tunisia_bdregular'; } #feature-blog .hovermask:hover .hovermaskimg { background: rgba(0,0,0,0.3); height: 100%; width: 100%; display: inline-block; position: absolute; left: 0; top: 0; } #feature-blog .hovermask:hover .disctext { color: #007e43 !important; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } #feature-blog .discover-controls .left { background: url(../images/des-left-arrow.png) 0 0 no-repeat; width: 22px; height: 22px; display: inline-block; } #feature-blog .discover-controls .right { background: url(../images/discover-arrow.png) 0 0 no-repeat; width: 22px; height: 44px; display: inline-block; position: absolute; top: 112px; left: 40px; }*/ #news-events-blog { direction: rtl; } #news-events-blog .col-sm-9 { float: right; padding-left: 0; } #news-events-blog .news-title { display: inline-block; color: #000000; font-size: 30px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #news-events-blog .dottedborder { border-right: 3px dotted #bbbfbe; padding-right: 8px; } #news-events-blog .dates { color: #999999; font-size: 12px; font-family: hacen_tunisia_ltregular; font-weight: bold; text-transform: uppercase; text-align: right; direction: ltr; } #news-events-blog .disctext { font-size: 16px; color: #555555; font-family: 'hacen_tunisia_bdregular'; } #news-events-blog .morenews { color: #000; font-size: 15px; text-decoration: underline; } #news-events-blog .morenews:hover { color: #007e43; } #news-events-blog .events-blog .educrapt { display: inline-block; color: #000000; font-size: 30px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #news-events-blog .events-blog .small-text { color: #d4d5d7; font-size: 12px !important; text-transform: uppercase; } #news-events-blog .eventsmask:hover .hovermaskimg { background: rgba(0,0,0,0.3); height: 100%; width: 100%; display: inline-block; position: absolute; left: 0; top: 0; } #news-events-blog .eventsmask:hover .disctext { color: #007e43 !important; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } #Newstab .col-sm-4, #Annoucetab .col-sm-4{ float:right !important;text-align:right;direction:rtl; padding-right:0px} .events-blog .all-events { margin-top: 37px; } .events-blog .disctext { cursor: pointer; } .events-blog .events { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .events-blog .events-title { font-size: 16px; color: #555555; line-height: 24px; } .events-blog .events-title:hover { color: #007e43; } .events-blog .events-dates { font-family: hacen_tunisia_ltregular; font-size: 12px; color: #999999; font-weight: 700; text-transform: uppercase; } /*.instagram-blog { direction: rtl; } .instagram-blog .instagram-title { display: inline-block; color: #000000; font-size: 18px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } .instagram-blog .insta-leftmargin { margin-left: -1%; } .instagram-blog .instagram { margin-left: 1%; margin-bottom: 0.5%; width: 19%; float: right !important; } .instagram-blog .bdr-bottom { border-bottom: 1px solid #cccccc; padding-bottom: 20px; } .border-top { border-top: 1px solid #d6d6d6; padding-top: 20px; margin-top: 20px; } .instagram-blog .camera_bg { background: #3b5998; position: absolute; left: 0; bottom: 0; min-height: 100%; width: 60px; text-align: center; } .instagram-blog .camera-icon { background: url(../images/instagram-camera.png) 0 0 no-repeat; width: 32px; height: 32px; position: relative; top: 82px; } .kpum-co-tabs { position: absolute; left: 17px; bottom: 14px; } .instagram-blog .kpmtabs { background: #fff; padding: 10px 18px; color: #000; font-size: 16px; margin: 0px 0px 3px 0px; text-transform: uppercase; float: left; margin-right: 30px; width: 104px; } .instagram-blog .kpmtabs1 { width: 119px; } .instagram-blog .virtual { width: 137px; } .instagram-blog .kpmtabs:hover { background: #007e43; color: #fff; } .instagram-blog .social-title { font-size: 17px; padding: 0px 0px 5px 0px; text-transform: uppercase; color: #555555; float: right !important; } .instagram-blog .kpmicon { position: relative; top: -29px; } .instagram-blog .morway-icon { background: url(../images/social-arrow.png) 0px 8px no-repeat; padding: 0px 5px; margin-right: 6px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .instagram-blog .forarabic { display: block; } .instagram-blog .forEnglish { display: none; } .instagram-blog .social-media { float: left!important; } .social-media .social-icons { background: url(../images/sprite-social-ico_1.png) 0 0 no-repeat; width: 32px; height: 32px; display: inline-block; margin-bottom: 15px; } .social-media .camera { background-position: -52px 0px; } .social-media .fb { background-position: -103px 0px; } .social-media .youtube { background-position: -154px 0px; } .social-media .twitter { background-position: -206px 0px; } .social-media .linkdean { background-position: -257px 0px; } .social-media .camera:hover { background-position: -52px -34px; } .social-media .fb:hover { background-position: -103px -34px; } .social-media .youtube:hover { background-position: -154px -34px; } .social-media .twitter:hover { background-position: -206px -34px; } .social-media .linkdean:hover { background-position: -257px -34px; } .gplus:hover { background-position: 0px -34px; } #discover-blog .discover-bg { background: #373536 url(../images/discover-bg1.jpg) 0 0 repeat-x; margin: 0 auto; padding-bottom: 67px; }*/ /*#discover-blog .tile-discover { color: #fff; font-size: 30px; margin: 0px 0px 55px 0px; padding-top: 61px; font-family: 'hacen_tunisia_bdregular'; } #discover-blog .discover-ico { display: inline-block; } #discover-blog .dis-slogantext { background: rgba(0,0,0,0.7); width: 100%; position: absolute; left: 0px; bottom: 0; display: inline-block; color: #fff; font-size: 16px; padding-right: 10px; text-transform: uppercase; text-align: right; } #discover-blog .discover-ico:hover .dis-slogantext { background: #076c3e; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } #discover-blog .margin-minus { margin-right: 90px; } #discover-blog .discover-list { display: inline-block; margin-left: 10px; margin-bottom: 10px; direction: rtl; } .color-black { color: #000; } #news-event-blog .Mobileview { display: block; }*/ /*****MAINCONTAINER END CSS***/ /*****FOOTER CSS ***/ #footet-bg { background: #333333; width: 100%; /*margin-top: 50px;*/ color: #cccccc !important; } #footet-bg .ftr-bdr { border-right: 1px solid #444444; border-left:none; padding-right:20px; } #footet-bg .arabicbdr { border-left: none; padding-left: 40px; } #footet-bg .ftr-title { color: #ffffff; font-size: 16px; text-transform: uppercase; text-align: right; font-weight: bold; margin-top:0px; } #footet-bg .link { color: #cccccc !important; font-size: 15px; padding-bottom: 5px; display: block; text-align: right; } #footet-bg .link:hover { text-decoration: underline; color: #ffffff; } /*#footet-bg .ftr-link { margin-right:66px; }*/ #footet-bg .link_social { background: url(../images/ftr-social.png) 72px 0 no-repeat; height: 16px; display: inline-block; padding-right: 31px; margin-bottom: 10px; color: #cccccc; font-size: 15px; width: 88px; text-align: right; } #footet-bg .tw { background-position: 72px -21px; } #footet-bg .inst { background-position: 72px -41px; } #footet-bg .linkedin { background-position: 72px -84px; } #footet-bg .link_social:hover { text-decoration: underline; } #footer .col-sm-12 .pull-left { float: right !important; border-left:none !important; } #footet-bg {padding-bottom:41px; padding-top:46px} #bottom-ftr .ContentArea {border-top:1px solid #484848; padding-top:25px; padding-bottom:38px} #bottom-ftr {padding:0px} #bottom-ftr { background: #333333; overflow:hidden; } #bottom-ftr .copy-right { color: #999999; font-size: 15px; direction: rtl; } #bottom-ftr .btm-link { font-size: 15px; padding: 0px 12px; color: #999999; border-left: 1px solid #999999; text-transform: capitalize; } #bottom-ftr .btm-link:hover, #bottom-ftr .btm-link.active { color: #fff; text-decoration: underline; } #bottom-ftr .bdrnone { border: none; } #ForMobile { display: none; } #footer .arabic-right { float: right !important; } #footer .botom-link { float: left !important; padding-top: 0px; } /* #footet-bg { background: #333333; width: 100%; margin-top: 50px; font-family: hacen_tunisia_ltregular; color: #cccccc !important; } #footet-bg .ftr-bdr { border-left: 1px solid #444444; padding-left:40px } #footet-bg .arabicbdr{border-left: 1px solid #444444;padding-left:40px} #footet-bg .ftr-title { color: #f5f5f5; font-size: 16px; text-transform: uppercase; text-align:right; font-weight:700; } #footet-bg .link { color: #cccccc !important; font-size: 15px; padding-bottom: 5px; display: block; text-align:right; } #footet-bg .link:hover { text-decoration: underline; color: #ffffff } #footet-bg .ftr-link { margin-right:50px } #footet-bg .link_social { background: url(../images/ftr-social.png) 65px 0 no-repeat; height: 16px; display: inline-block; padding-right: 31px; margin-bottom: 10px; color: #cccccc; font-size: 13px; width: 88px; text-align:right; font-weight:700; } #footet-bg .tw { background-position: 65px -21px } #footet-bg .inst { background-position: 65px -41px } #footet-bg .linkedin { background-position: 65px -84px } #footet-bg .link_social:hover { text-decoration: underline } #bottom-ftr { background: #444444 } #bottom-ftr .copy-right { color: #999999; font-size: 15px; direction:rtl; } #bottom-ftr .btm-link { font-size: 15px; padding: 0px 12px; color: #999999; border-left: 1px solid #999999; text-transform: capitalize } #bottom-ftr .btm-link:hover, #bottom-ftr .btm-link.active { color: #fff; text-decoration: underline } #bottom-ftr .bdrnone { border: none } #ForMobile { display: none } #footer .arabic-right{float:right !important} #footer .botom-link { float: left !important; padding-top: 0px; } */ #footer .copy-text { font-family: 'droid_arabic_naskhregular'; } /*****FOOTER CSS END HERE***/ /*****INNER PAGES CSS START HERE****/ .inner-page-bg { background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ border-top: 4px solid #e5e5e5; } .inner-page-bg .col-sm-9{direction:rtl !important;text-align:right;} .inner-page-bg .col-sm-9 table tr td{ text-align:right;direction:rtl !important} .page-title {color:#000;font-size:30px; padding-top: 15px;font-family: 'hacen_tunisia_bdregular';text-align: right;border-bottom: 1px solid #e0e0e0; margin-bottom:10px; padding-bottom:15px} #news-page .co-breadcrumb .site-breadcrumb li {float: right;} #news-page .co-breadcrumb .site-breadcrumb li a { float: right; } #news-page .co-breadcrumb .site-breadcrumb .breadcrumb-arrow { float: left; } #news-page .co-breadcrumb .breadcrumb { background: none; padding: 8px 0px; margin-bottom: 0; } .site-breadcrumb{color:#9f9f9f;/*text-transform:uppercase;*/font-size:16px;direction:rtl;text-align:right} .co-breadcrumb { overflow: hidden; margin-bottom: 15px; } .co-breadcrumb br { display: none; } .co-breadcrumb .breadcrumb-arrow { background: url(../images/breadcrumb-arrow.png) 7px 8px no-repeat; padding: 0px 0px 0px 12px; content: normal; margin-left: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } #news-page .co-breadcrumb a { color: #a1d0b9; font-size: 16px; } #news-page .co-breadcrumb a:hover, .co-breadcrumb a.active { color: #a1d0b9 !important; } #news-page .co-breadcrumb .glyphicon-home:before { color: #a1d0b9; margin-left: 5px; } #news-page .page-title_ { color: #000; font-size: 30px; padding-top: 15px; font-family: 'hacen_tunisia_bdregular'; text-align: right; border-bottom: 1px solid #e0e0e0; } #news-page .rss-icon { background: url(../images/page-rss-ico.png) right 0 no-repeat; padding: 0px 26px 0px 0px; font-weight: 700; color: #000; font-size: 13px; text-transform: uppercase; } #news-page .rss { float: left !important; } #news-page .rss-icon:hover { text-decoration: underline; color: #007e43; } #news-page .border-bottom { border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } #news-page .news-dates { color: #999999; font-size: 16px; text-transform: uppercase; text-align: right; direction: ltr; } /*#news-page .news-disc-text { font-size: 16px; color: #555555; font-family: 'hacen_tunisia_bdregular'; } #news-page .hover-mask-news:hover .hovermaskimg { background: rgba(0,0,0,0.3); height: 100%; width: 100%; display: inline-block; position: absolute; left: 0; top: 0; } #news-page .hover-mask-news:hover .news-disc-text { color: #007e43 !important; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; }*/ #news-page .show-more { background: #eeeeee; padding: 6px 0px; text-align: center; color: #999999; font-size: 14px; text-transform: uppercase; display: block; } #news-page .show-more:hover { background: #007e43; color: #fff; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } #news-page .show-more:active { box-shadow: 0px 0px 11px 1px #000 inset; border: none; } #news-page .tab { color: #000000; font-size: 16px; padding: 17px 20px; border: 1px solid #c5c6c6; display: block; text-transform: uppercase; background: #fff; font-family: 'hacen_tunisia_bdregular'; } #news-page .tab:hover { background: #f9f9f9; color: #027d44; } #news-page .tab.active { background: #f9f9f9; color: #027d44; } #news-page .news-kfupm-tabs { position: absolute; left: 17px; bottom: 14px; } #news-page .news-kpmtabs { background: #fff; padding: 10px 18px; color: #000; font-size: 16px; margin: 0px 0px 3px 0px; text-transform: uppercase; float: left; margin-right: 30px; width: 104px; } #news-page .newskpmtabs1 { width: 119px; } #news-page .newsvirtual { width: 137px; } #news-page .news-kpmtabs:hover { background: #007e43; color: #fff; } #news-page .headtext { color: #000; font-size: 17px; text-transform: uppercase; text-align: right; font-family: 'hacen_tunisia_bdregular'; } #contact .headtext { color: #000; font-size: 17px !important; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #contact .font-sizecontact { font-size: 12px; font-family: 'droid_arabic_naskhregular'; } .capcha { font-size: 12px; font-family: 'droid_arabic_naskhregular' !important; font-weight: normal; direction: ltr; } #news-page .related-link { color: #007e43; text-decoration: underline; font-size: 12px; display: block; padding-bottom: 4px; background: url(../images/news-arrow-arabic.png) right 9px no-repeat; padding: 2px 10px; text-align: right; font-size: 14px; } #news-page .related-link:hover { color: #000; text-decoration: none; } /****news-Details-page*****/ #news-Details-page .news-det-social { background: url(../images/news-details-social.png) 0 0 no-repeat; width: 17px; height: 18px; display: inline-block; margin-right: 9px; } .color-black { color: #000; } #news-Details-page .news-det-social .share-text { padding: 0px 5px 0px 0px; } .news-details-social .sharedates { direction: ltr; } #news-Details-page .news-details-social { text-transform: uppercase; color: #666666; font-size: 13px; font-weight: 700; } #news-Details-page .news-details-social .tw { background-position: -23px 0px; } #news-Details-page .news-details-social .fb:hover { background-position: 0px -17px; } #news-Details-page .news-details-social .tw:hover { background-position: -23px -17px; } #news-Details-page .full-width { background-size: 100% 100%; width: 100%; } #news-Details-page .news-details-sloagn-text { color: #000; font-size: 22px; line-height: 34px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #news-Details-page .news-det-paratext { color: #000; font-size: 16px; line-height: 28px; font-family: 'droid_arabic_naskhregular'; } /****events-page*****/ #events .black-bg { background: #000; padding: 7px 21px; text-align: center; margin-top: 7px; float: right !important; margin-right: 0px; margin-left:10px; font-family: 'hacen_tunisia_bdregular'; } #events .event-date { color: #fff; font-weight: 700; font-size: 25px; display: block; font-family: hacen_tunisia_ltregular; } #events .event-month { color: #fff; font-family: hacen_tunisia_ltregular; font-size: 14px; text-transform: uppercase; } #events .event-slogan { color: #000; font-size: 18px; font-family: 'hacen_tunisia_bdregular'; text-transform: capitalize; } #events .event-slogan:hover { color: #007e43; text-decoration: underline; } #events .event-subject { text-transform: capitalize; font-size: 14px; text-align: right; direction: ltr; } #events .uppercasetext { text-transform: lowercase; } /****events-Details-page*****/ #event-details-page .news-det-social { background: url(../images/news-details-social.png) 0 0 no-repeat; width: 17px; height: 18px; display: inline-block; margin-right: 9px; } #event-details-page .news-det-social .share-text { padding: 0px 5px 0px 0px; } #event-details-page .news-details-social { text-transform: uppercase; color: #666666; font-size: 15px; font-weight: 700; } #event-details-page .news-details-social .tw { background-position: -23px 0px; } #event-details-page .news-details-social .fb:hover { background-position: 0px -17px; } #event-details-page .news-details-social .tw:hover { background-position: -23px -17px; } #event-details-page .border-bottom { padding-bottom: 14px; } #event-details-page .paratext { line-height: 23px; color: #000; font-size: 15px; padding-bottom: 23px; } #event-details-page .event-right-blog { border: 1px solid #c5c6c6; } #event-details-page .event-title { color: #000; font-size: 15px; padding-bottom: 5px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #event-details-page .event-venues { color: #000; font-size: 15px; border-bottom: 1px solid #c5c6c6; padding-bottom: 15px; padding-right: 15px; font-family: 'droid_arabic_naskhregular'; direction: ltr; text-align: right; } #event-details-page .event-contact { border-right: 3px solid #cccccc; padding-right: 15px; } #event-details-page .mailto { color: #007e43; } #event-details-page .mailto:hover { color: #ccc; text-decoration: underline; } #Eventtab .events-details { float: right !important; margin-right: 0; } #events .events-details { float: right !important; } #event-details-page .event-contact { font-size: 15px; } /********collegepage AND DEPARTMENT PAGE CSS*****/ #collegepage .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 0px; } /*#collegepage .carousel-control.right, #collegepage .carousel-control.left { background: none; }*/ #collegepage .colleage-accordian .panel-default > .panel-heading { background: none; border-radius: 0px; color: #000; font-size: 13px; text-transform: uppercase; } #collegepage .colleage-accordian .panel-title { font-size: 12px; } #collegepage .college-heading { color: #000; font-size: 18px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #collegepage .para-text { color: #333; font-size: 16px; line-height: 23px; direction: rtl; font-family: 'droid_arabic_naskhregular'; } #collegepage .para-text-capital { color: #000; font-size: 16px; line-height: 23px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #collegepage .bdr-bottom { border-bottom: 1px solid #ccc; } #RightMenublog{padding-left:0;} /***ACCORDIAN CSS***/ /*.desktop-accordian{margin-top:62px}*/ .accordian-blog { direction: rtl; } .accordian-blog #cssmenu ul, .accordian-blog #cssmenu ul li, .accordian-blog #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordian-blog #cssmenu { font-family: "hacen_tunisia_ltregular"; color: #ffffff; } .accordian-blog #cssmenu ul ul { display: none; } .accordian-blog .align-right { float: right; } .accordian-blog #cssmenu > ul > li > a { border-top: 1px solid #c5c6c6; border-left: 1px solid #c5c6c6; border-right: 1px solid #c5c6c6; padding: 14px 14px 14px 20px; color: #000; font-size: 16px; line-height: 23px; text-transform: uppercase; cursor: pointer; z-index: 2; text-decoration: none; background: #fff; font-family: 'hacen_tunisia_bdregular'; } .accordian-blog #cssmenu > ul > li > a:hover { background: #f9f9f9; } .accordian-blog #cssmenu > ul > li > a:hover { background: #f9f9f9; } .accordian-blog #cssmenu > ul > li.open > a:hover { background: #f9f9f9; } .accordian-blog #cssmenu > ul > li.open > a.active { background: #f9f9f9; } .accordian-blog #cssmenu > ul > li.open > a { border-top: 1px solid #c5c6c6; border-left: 1px solid #c5c6c6; border-right: 1px solid #c5c6c6; padding: 14px 14px 14px 20px; color: #008449; font-size: 16px; line-height: 23px; text-transform: uppercase; cursor: pointer; z-index: 2; text-decoration: none; background: #fff; font-family: 'hacen_tunisia_bdregular'; } .accordian-blog #cssmenu > ul > li.open > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); } .accordian-blog #cssmenu > ul > li:last-child > a, .accordian-blog #cssmenu > ul > li.last > a { border-bottom: 1px solid #c5c6c6; } .accordian-blog .holder { width: 0; height: 0; position: absolute; top: 4px; left: 5%; } .accordian-blog .holder::after, .accordian-blog .holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; left: 0px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .accordian-blog .holder::after { top: 17px; border-top: 2px solid #c5c6c6; border-left: 2px solid #c5c6c6; } .accordian-blog #cssmenu > ul > li > a:hover > span::after, .accordian-blog #cssmenu > ul > li.active > a > span::after, .accordian-blog #cssmenu > ul > li.open > a > span::after { border-color: #959595; } .accordian-blog .holder::before { top: 18px; border-top-color: inherit; border-left-color: inherit; } .accordian-blog #cssmenu ul ul li a { cursor: pointer; border-left: 1px solid #c5c6c6; border-right: 1px solid #c5c6c6; padding: 10px 20px; z-index: 1; text-decoration: none; font-size: 13px; color: #000; background: #f1f1f1; } .accordian-blog #cssmenu ul ul li a:hover { text-decoration: underline; } .accordian-blog #cssmenu ul ul li:hover > a, .accordian-blog #cssmenu ul ul li.open > a, .accordian-blog #cssmenu ul ul li.active > a { text-decoration: underline; } .accordian-blog #cssmenu ul ul li:first-child > a { box-shadow: none; } .accordian-blog #cssmenu ul ul ul li:first-child > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .accordian-blog #cssmenu ul ul ul li a { padding-left: 45px; } .accordian-blog #cssmenu > ul > li > ul > li:last-child > a, .accordian-blog #cssmenu > ul > li > ul > li.last > a { border-bottom: 0; } .accordian-blog #cssmenu > ul > li > ul > li.open:last-child > a, .accordian-blog #cssmenu > ul > li > ul > li.last.open > a { text-decoration: underline; } .accordian-blog #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; } #mobileview .toggel-button { background: #fff; border: 1px solid #ccc; color: #000; font-size: 18px; padding: 0px 0px 0px 0px; font-size: 13px; text-transform: uppercase; height: 29px; cursor: pointer; width: 42px; float: right; margin: 10px 0px 0px; margin-bottom: 20px; } #cssmenu > ul > li.has-sub > a .holder { -webkit-transform: rotate(-0.7deg); -moz-transform: rotate(-0.7deg); -ms-transform: rotate(-0.7deg); -o-transform: rotate(-0.7deg); transform: rotate(-0.7deg); } #cssmenu > ul > li.has-sub.open > a .holder { -webkit-transform: rotate(176.2deg); -moz-transform: rotate(176.2deg); -ms-transform: rotate(176.2deg); -o-transform: rotate(176.2deg); transform: rotate(176.2deg); width: 8px; height: 42px; } #cssmenu > ul ul > li.has-sub > a .holder { -webkit-transform: rotate(-0.7deg); -moz-transform: rotate(-0.7deg); -ms-transform: rotate(-0.7deg); -o-transform: rotate(-0.7deg); transform: rotate(-0.7deg); } #cssmenu > ul ul > li.has-sub.open > a .holder { -webkit-transform: rotate(176.2deg); -moz-transform: rotate(176.2deg); -ms-transform: rotate(176.2deg); -o-transform: rotate(176.2deg); transform: rotate(176.2deg); width: 8px; height: 42px; } #mobileview .toggel-button:hover { background: #f9f9f9; } #mobileview .brandbutton { background: url(../images/brandbutton.png) 0 0 no-repeat; width: 44px; height: 26px; } .mobile-display { display: none; } /*#collegepage .news-details-tabs { color: #000; font-size: 14px; text-transform: uppercase; padding: 14px 20px; display: inline-block; margin-right: 2px; background: #f6f6f6; font-weight: 700; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; cursor: pointer; }*/ /*#collegepage .news-details-tabs:hover, #collegepage .news-details-tabs.active { background: #007e43; color: #fff; }*/ /*#collegepage .news-disc-text { font-size: 16px; color: #555555; font-family: 'hacen_tunisia_bdregular'; }*/ #collegepage .news-dates { /*color: #999999; font-size: 15px; text-transform: uppercase; direction: ltr; text-align: right;*/ } #collegepage .hover-mask-news:hover .hovermaskimg { background: rgba(0,0,0,0.3); height: 100%; width: 100%; display: inline-block; position: absolute; left: 0; top: 0; } #collegepage .hover-mask-news:hover .news-disc-text { color: #007e43 !important; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } #collegepage .morenews { color: #007e43; font-size: 16px; text-decoration: underline; } #collegepage .morenews:hover { color: #000; } #collegepage .desktopshow { display: none; } #collegepage .mobileshow { display: block; } /********ABOUT PAGE CSS*****/ .about-instagram-blog { direction: rtl; } .arabic-pullright { float: right !important; } .arabic-pullleft { float: right !important; } #collegepage #Rightblog { padding: 0px 15px 0px 0px; } #about .about-title-text { color: #000; font-size: 18px; line-height: 28px; direction: rtl; font-family: 'hacen_tunisia_bdregular'; } .about-instagram-blog .about-insta-title { color: #000000; font-size: 20px; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; text-align: right; } .about-instagram-blog .instagram-title { display: inline-block; color: #000000; font-size: 16px; text-transform: uppercase; font-family: 'open_sansbold'; } .about-instagram-blog .arabicminus { margin-left: -15px; } .about-instagram-blog .instagram { margin-left: 15px; float: right; } .about-instagram-blog .bdr-bottom { border-bottom: 1px solid #cccccc; padding-bottom: 20px; } .about-instagram-blog .border-top { border-top: 1px solid #d6d6d6; padding-top: 20px; margin-top: 20px; } .about-instagram-blog .camera_bg { background: #3b5998; position: absolute; left: 0; bottom: 0; min-height: 100%; width: 60px; text-align: center; } .about-instagram-blog .camera-icon { background: url(../images/instagram-camera.png) 0 0 no-repeat; width: 32px; height: 32px; position: relative; top: 64px; } .about-instagram-blog .morway-icon { background: url(../images/social-arrow.png) 0px 6px no-repeat; padding: 0px 5px; margin-right: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .about-instagram-blog .social-icons { background: url(../images/sprite-social-ico_1.png) 0 0 no-repeat; width: 32px; height: 32px; display: inline-block; margin-bottom: 15px; } .about-instagram-blog .social-media { float: left !important; } .about-instagram-blog .camera { background-position: -52px 0px; } .about-instagram-blog .social-media .fb { background-position: -103px 0px; } .about-instagram-blog .social-media .youtube { background-position: -154px 0px; } .about-instagram-blog .social-media .twitter { background-position: -206px 0px; } .about-instagram-blog .social-media .linkdean { background-position: -257px 0px; } .about-instagram-blog .social-media .camera:hover { background-position: -52px -34px; } .about-instagram-blog .social-media .fb:hover { background-position: -103px -34px; } .about-instagram-blog .social-media .youtube:hover { background-position: -154px -34px; } .about-instagram-blog .social-media .twitter:hover { background-position: -206px -34px; } .about-instagram-blog .social-media .linkdean:hover { background-position: -257px -34px; } .about-instagram-blog .gplus:hover { background-position: 0px -34px; } .about-instagram-blog .social-title { font-size: 17px; padding: 0px 0px 5px 0px; text-transform: uppercase; color: #000000; float: right !important; } /****CONTACT PAGE***/ #contact .news-det-social { background: url(../images/news-details-social.png) 0 0 no-repeat; width: 17px; height: 18px; display: inline-block; margin-right: 9px; } .color-black { color: #000; } #contact .news-det-social .share-text { padding: 0px 5px 0px 0px; } #contact .news-details-social { text-transform: uppercase; color: #666666; font-size: 13px; font-weight: 700; } #contact .news-details-social .tw { background-position: -23px 0px; } #contact .news-details-social .fb:hover { background-position: 0px -17px; } #contact .news-details-social .tw:hover { background-position: -23px -17px; } #contact .contct_form-title { font-size: 16px; color: #888888; text-transform: uppercase; font-family: 'hacen_tunisia_bdregular'; } #contact .addres-text { font-size: 14px; font-family: hacen_tunisia_ltregular; color: #333333; } #contact .telephone-directory { background: #e5e5e5; color: #888888; font-size: 13px; display: block; padding: 12px 20px; text-align: center; text-transform: uppercase; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; font-family: 'hacen_tunisia_bdregular'; } #contact .telephone-directory:hover { background: #007e43; color: #fff; } #contact .mailto-contact { color: #007e43; font-family: hacen_tunisia_ltregular; font-size: 14px; text-decoration: underline; } #contact .mailto-contact:hover { color: #000; text-decoration: none; } #contact .input-box { background: #fff; height: 46px; padding: 0px 20px; width: 100%; border: 1px solid #c5c6c6; box-shadow: inset 0px 0px 7px #ccc; color: #333333; font-size: 14px; } #contact .text-area { background: #fff; height: 102px; padding: 20px 20px; width: 100%; border: 1px solid #c5c6c6; box-shadow: inset 0px 0px 7px #ccc; color: #333333; font-size: 14px; resize: none; } #contact .select-box { background: #fff; height: 46px; padding: 12px 20px; width: 100%; border: 1px solid #c5c6c6; box-shadow: inset 0px 0px 7px #ccc; -moz-box-shadow: inset 0px 0px 7px #ccc; -webkit-box-shadow: inset 0px 0px 7px #ccc; color: #333333; font-size: 14px; cursor: pointer; border-radius: 0px; } #contact .capcha { background: #e5e5e5; text-align: center; line-height: 49px; height: 49px; color: #333333; font-family: 'hacen_tunisia_bdregular'; } #contact .images-text-inpt { background: #fff; height: 46px; padding: 0px 20px; width: 100%; border: 1px solid #c5c6c6; box-shadow: inset 0px 0px 7px #ccc; color: #333333; font-size: 14px; } .submit-btn { padding: 10px 20px; background: #007e43; color: #fff; font-size: 14px; text-align: center; border: none; text-transform: uppercase; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; font-family: 'hacen_tunisia_bdregular'; } .submit-btn:hover { background: #e5e5e5; color: #000; } .submit-btn:active { box-shadow: inset 0px 0px 15px #ccc; } .mobileshow { display: none; } #news-event-blog .desktop { display: none; } #testimonials-row { direction: rtl; } /*.innerPageBannder .img-responsive {height:391px; width:100%; float:left} #news-Details-page .col-sm-12 {padding-right: 0px;} #news-Details-page .news-details-social, .inner-page-bg .col-sm-9{float:right}*/ .innerPageBannder .img-responsive {height:562px; width:100%;} .newsDetailsTest p{color: #000; font-size: 14px; line-height: 18px;} .attachdiv1 .img-responsive {width:100%; /*height:183px*/} .media-heading{color:#252525} .media{margin-bottom:30px; margin-top:10px} .media .media-left img {width:160px; height:180px; /*border:1px solid #f1f1f1*/} .shortDetails p {font-size:14px; color:#000; padding-bottom:5px} .staffsHeding p {color: #000000; font-family: "hacen_tunisia_ltregular";font-size: 16px; text-transform: uppercase;} .staffsTitle p {color: #008000; font-size: 14px;padding-bottom:0px} ul.addressListing {margin:0px; padding:0px} ul.addressListing li {float:right; list-style:none; font-size:14px; color:#252525; padding-bottom:5px; min-height:20px} ul.addressListing li a{color:#228e52;word-break: break-all;} ul.addressListingAr li{display:table; float:none} ul.addressListing .publishpags{display:table-cell;padding-left:8px;} /*ul.addressListing li:nth-child(odd) {width:78px} ul.addressListing li:nth-child(even) {width:80%}*/ .noteText {background: #eeeeee; border: 1px solid #ddd; color: #337ab7; font-size: 14px; margin-bottom: 20px; margin-top: 10px; padding: 5px 10px;} .well-sm{padding:0px} ul.list-unstyled {padding-right:0px} ul.list-unstyled li{padding-top:10px} ul.list-unstyled li:first-child{padding-top:0px} ul.list-unstyled li h5{border-bottom:1px solid #dddddd; font-weight:bold; padding:10px; margin:0px; background:#ffffff} ul.list-unstyled li a{color:#008000; padding-left:20px; padding-right:10px; background: url(../images/green_single_arrow-ar.jpg) 10px 4px no-repeat; background-position: right; margin-right:10px} #Eventtab .col-sm-4 {float:right} /*mahesh*/ .news-blogs, .event-details-page{float:right; padding-left:0px; padding-right:0px;} .hover-mask-news {float:right} .MenuPanel {padding-left: 15px;width: 22%;} .media-left .accordian-blog{margin-left:35px} .news-dates {color: #999999;font-size: 12px;font-family:"hacen_tunisia_ltregular";text-transform: uppercase; margin-top:16px} .recentNewsArea{/*border-top:1px solid #ccc; */ border-bottom:1px solid #ccc; padding:5px 0px; height:290px/*background-color:#ffffff; height:284px*/} .customNewTabs {margin-top:48px} .customNewTabs ul li a{border-color:#ccc !important; border-bottom:none !important; font-weight:bold; padding:10px 20px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px} .newContentArea .TabContentArea {border-left:none !important; border-right:none !important; border-top:none !important; height:240px; padding:5px 0px} .newContentArea .TabContentArea .events {} .newContentArea .TabContentArea .events:first-child{padding-top:25px} .HomePageNewsRoot .news-disc-text {height:auto} .HomePageNewsRoot .morenews {text-decoration:none} .nav .active .news-details-tabs {color:#000000; background:none; border-bottom:1px solid #fff !important; outline:none} .media-right .accordian-blog .MenuLevel1 {/*padding-top:63px;*/ /*margin-bottom:20px*/} /*.MainNavigation {border-bottom:none}*/ .newsAllPage {min-height:215px} .newsAllPage .news-dates {font-size: 12px;color: #999999;font-family: 'open_sansregular'; text-transform:uppercase} .newsAllPage .news-disc-text {font-size: 14px;color: #000000;font-family: 'open_sansregular';letter-spacing: -0.2px;} .media-body {min-width:78%} .adminLanguage {padding-top:15px} .adminLanguage a {font-size: 12px; font-family: 'open_sansbold';} .MenuLevel1 {margin-left:20px} .TopMenuLeft li a {padding-left:0px !important} .TopMenu .tpsublinks > li:last-child {/*border-right: none*/} .TopMenu .tpsublinks > li a:last-child{/*padding-right:0px !important*/} .TopMenu .TopMenuLeft > li a:last-child{padding-right:0px !important} /*.HomePageNewsRoot , .HomePageSocialRoot {background:#fafafa}*/ .HomePageSocialRoot .NewsSocialMedia {padding-bottom:18px} .HomePageNewsRoot {margin-bottom:0px; padding-bottom:20px !important} .kfupMedia {width:100%; display:table} .media-body .ContentArea{/*padding-right:0px*/} /*#bottom-ftr .btm-link:first-child {padding-left:0px}*/ #bottom-ftr .btm-link {margin-left:0px} #bottom-ftr .btm-link {border-right:none} #bottom-ftr .btm-link:first-child{/*padding-left:0px*/} .TopMenu .tpsublinks > li:first-child{/*margin-right:25px*/} .TopMenu .TopMenuRight > li:first-child {border-left:1px solid #686868} .TopMenu .tpsublinks > li > a:first-child{/*padding-left:0px;*/} .TopMenu .TopMenuLeft > li {border:none; font-weight:bold} #collegepage .carousel-control.left {left:20px} .botom-link {float:left !important} #bottom-ftr .copy-right {float:right !important} .TopMenuLeft li {margin-right:0px !important} .newsDetailsTest {float:right; width:100%} .news-blogs .pl0 {padding-right:0px} .events .black-bg {margin-left:20px; margin-right:0px} .event-details-page .event-venues {padding-left:0px; padding-right:15px} .accordian-blog .MenuLevel1 {/*margin-bottom:20px*/} .event-details-page .event-right-blog {margin-bottom:20px} .ftr-logo img {margin-left:0px; margin-right:-7px} .carousel-inner, .BannerRoot{background:#f8f8f8; min-height:315px} .accordian-blog .MenuLevel1 {min-width:220px} .showMobile {display:none} .MainNavigation {display:block} ul.list-unstyled li h5:first-child{display:none} ul.list-unstyled li h5{display:block} .colorWhite {color:#ffffff !important} /*.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}*/ .accordian-blog .MenuLevel1 > li a{/*margin-left:35px*/} .accordian-blog .MenuLevel2 > li a{/*background: url(../images/arrow_black-ar.png) 15px 25px no-repeat !important;*/ background-position:right !important;padding-right:35px !important} .accordian-blog .MenuLevel3 > li a{padding-right:55px !important} .accordian-blog .MenuLevel4 > li a{padding-right:65px !important} .accordian-blog .MenuLevel5 > li a{padding-right:55px !important} .accordian-blog .MenuLevel6 > li a{padding-right:55px !important} .accordian-blog .MenuLevel7 > li a{padding-right:55px !important} .accordian-blog .MenuLevel8 > li a{padding-right:55px !important} .accordian-blog .MenuLevel9 > li a{padding-right:55px !important} .accordian-blog .MenuLevel10 > li a{padding-right:55px !important} .ftr-logo {width:15%} .discoverKfupm{width:50%} .discoverKfupm .col-sm-3 {padding-right:0px} .university {width:15%} .stayInTouch {width:20%} /*.accordian-blog .MenuLevel2 > li a, .accordian-blog .MenuLevel3 > li a, .accordian-blog .MenuLevel4 > li a, .accordian-blog .MenuLevel5 > li a, .accordian-blog .MenuLevel6 > li a, .accordian-blog .MenuLevel7 > li a, .accordian-blog .MenuLevel8 > li a, .accordian-blog .MenuLevel9 > li a, .accordian-blog .MenuLevel10 > li a {margin-right:25px}*/ .TopMenuRight ul.MenuLevel3 {border-bottom:none; border-left:none} .TopMenu .dropdown-menu {top:auto !important; /*padding-left:10px;*/ padding-left:0px; /*border-left:none*/} .TopMenuRight .MenuLevel2 {top:33px !important} .ms-cui-tts-scale-2 .ms-cui-tt-a {width:auto !important} .ms-cui-TabRowRight {display:block !important} .accordian-blog .MenuLevel1 li a.active span {float:right} .accordian-blog .MenuLevel1 li a.active span:first-child{padding-right:10px; padding-top:5px} .menu-title:first-child {margin-top:0px} .menu-title {color: #000 !important; font-size: 13px !important;font-weight: normal !important;text-transform: capitalize !important; border-bottom: none !important; display:inline-block; background:#F0F0F0 !important; border-bottom:1px solid #c5c6c6 !important; width:100%; padding-bottom:3px !important} .menu-title a{color:#000 !important; background:none !important} .menu-title:hover { color:#000; background:#ffffff !important; border-bottom:1px solid #999999 !important;} .dropdown-menu .col-sm-3 ul {list-style:none;margin: 0;padding: 0; margin-bottom:10px; display:inline-block; width:100%} .dropdown-menu .col-sm-3 ul li{/*border-bottom: 1px solid #dddddd;*/ padding-bottom:0px; float:right; width:100%} .dropdown-menu .col-sm-3 ul li a {/*background: url(../images/social-arrow.png) 0 7px no-repeat;*/padding: 0px 0px 0px;color: #007e43;font-size: 13px;} .dropdown-menu .col-sm-3 ul li a:link{/*background: url(../images/social-arrow.png) 0 7px no-repeat;*/padding: 0px 0px 0px;color: #007e43;font-size: 13px;} .dropdown-menu .col-sm-3 ul li a.attributeClass{color:#333} .dropdown-menu .col-sm-3 ul li a:hover {/*background: url(../images/social-arrow-hover.png) 0 7px no-repeat;*/ /*color: #000000 !important;*/text-decoration:none} .dropdown-menu .col-sm-3{float:right} #co-navigation .yamm-content ul li {background:none} .hoverMenuActive a{background:#f0f0f0; color:#007D40 !important} /*#co-navigation .menus-dropdown {left:auto; width:auto}*/ .dropdown-menu .col-sm-3 {/*width:280px*/ padding-bottom:30px} /*.kfupmFiftyYears {width:400px !important; padding:0px 10px}*/ .MainMenu .MenuLevel3 > li > a, .col-sm-3 ul li.dropdown {border-bottom:none} .mainMenuBig {left:0px !important; right:0px !important} .mainMenuBig .dropdown-menu .col-sm-3 {width:auto} /*.mainMenuBig .dropdown-menu .kfupmFiftyYears {width:400px}*/ .mainMenuSmall {} .MainMenu .menus-dropdown {margin-top:-1px !important} .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background:#f0f0f0; color:#007d40 !important} .searchboxDiv {padding-top:18px;} .HomePageDataRoot .PageData {padding:57px 0px} /*ul.HomeProgram li:first-child{padding-right:0px}*/ ul.HomeProgram li:last-child{/*padding-right:0px*/} .carousel-control.left {left:35px} .carousel-control.right {right:35px} .TopMenu .tpsublinks > li > a:first-child {font-family: 'hacen_tunisia_ltregular';font-weight: bold;} .TopMenu .TopMenuLeft > li a {font-family: 'RotisSansSerifStdExtraBold';font-size: 17px;padding: 5px 25px;} .TopMenu .tpsublinks > li > a:last-child {font-family: hacen_tunisia_ltregular; font-weight: bold;} .TopMenu .TopMenuLeft > li > a:first-child {font-family: 'RotisSansSerifStdExtraBold';font-size: 17px;padding: 5px 25px;font-weight: normal;} .lMContentWrap {width:1220px !important; margin: 0px auto} .lMContentWrap .ContentArea {width:auto !important; margin: 0px auto} .container .ContentArea{width: 1220px; margin:0px auto} #co-navigation .menu-title span:first-child{display:none} #co-navigation .menu-title {font-weight:bold !important;} /*.imgeBrd {border:1px solid #dddddd !important}*/ .greenBg .page-title .pull-right {float:left !important} .homeIcon {margin-left:10px} #carousel-example-generic .media-left, #carousel-example-generic .media>.pull-left{padding-left:10px;} .caret {margin-right: 2px} .ms-rteStyle-customResponsiveImg img, .news-blogs img, .subject img, .newsDetailsTest img { display: block;height: auto;max-width: 100%;} .ms-rteStyle-customResponsiveImg img, .ms-rtestate-write .ms-rtePosition-1, .ms-rtestate-write .ms-rteImage-1 { max-width: 100% !important; height: auto !important; width: auto !important;} .customResponsiveImg { max-width: 100% !important; height: auto !important; width: auto !important;} .ContentPageArea img { max-width: 100% !important; height: auto !important; width: auto !important;} .slog-disc {font-size: 16px;} .accordian-blog .holder {/*left: 0 !important;*/right:auto !important;top:0px !important;} .accordian-blog .holder::after {right: 0px !important;} ul.HomeProgram .ProgramContent .subject ul {margin:0px; padding:0px} ul.HomeProgram .ProgramContent .subject ul li{} ul.HomeProgram .ProgramContent .subject ul li a{color:#ffffff !important} .ms-rtestate-field {overflow-y: hidden !important; width: 100% !important;} .ms-rtestate-field {min-height: 0.01% !important; overflow-x: auto !important;} .MsoNormalTable {margin-bottom: 20px !important; max-width: 100% !important;width: 100% !important;} /*mahesh*/ .media-right .accordian-blog {margin-left: 38px; margin-right:0px;} .container {width: 100%;} .attachdiv1 .minheightnews{min-height:169px} /*****INNER CSS END HERE ***/ .ms-rtestate-write ul li{color:#333;font-family:Arial;font-size:14px;line-height:20px;} .ms-rtestate-write p{color:#333;font-family:Arial;font-size:14px;} .ms-rtestate-write {color: #333;cursor: text;font-size: 13px;line-height: 20px;} .newsDetailsTest .ms-asset-icon{width:auto; margin-right:6px; display:inline} #s4-workspace {height:auto !important} .PublishingContent .ms-asset-icon{width:auto; margin-right:6px} .ms-rteStyle-KfupmContentHeading a{color:#007d40;font-size:20px !important} .ms-rteStyle-KfupmContentSubHeading a{color:#007d40;font-size:16px !important} .ms-rteStyle-KfupmContentText a{color:#007d40;font-size:14px !important} .ms-rteStyle-KfupmListHeading a{color:#007d40;font-size:18px !important} .ms-rteStyle-KfupmListText a{color:#007d40;font-size:14px !important} .ms-rtestate-write a{color:#007d40;font-size: 13px;} .MediaContacus .media-body{min-width:inherit;width:78%;} .MediaContacus .media-right{min-width:inherit;width:22%;} .MediaContacus .media-body a{color:#007e43!important;outline: none!important;} .MediaContacus .media-right a{color:#007e43!important;outline: none!important;} .MediaMsg{margin-bottom:30px;} .MediaMsg .media-body{width:25%;float:right;min-width: inherit;margin-left: 15px;word-wrap: break-word;} .MediaMsg .media-body a{color:#007e43!important;outline: none!important;} .MediaMsg .media-right a{color:#007e43!important;outline: none!important;} .MediaMsg .media-right{line-height:24px;} .MediaMsg .img-responsive{margin-bottom:15px} .MediaMsg{margin-bottom:30px;} .MediaContacus{margin-bottom:30px;} .clearfix{clear:both} .mediaBodyHide {display:none} .fullwidthCont { width: 100%; display:table-cell; } .MediaMsg .media-body .img-responsive{height:150px;} .tableBRDWrapper .table-responsive {overflow-x:hidden; border:none} .tableBRDWrapper .table-responsive .ms-rteTable-default , .tableBRDWrapper .table-responsive .ms-rteTable-default tbody tr td {border:none} .tableBRDWrapper .table-responsive .ms-rteTable-default tbody tr td:last-child, .tableBRDWrapper .table-responsive .ms-rteTable-default tbody tr td img {width:207px !important; height:90px} .MediaContacus img{width:100%} .thumb { width:20%; float:right} .thumb .img-thumbnail{width:100%; height:110px} .tabBox .tabs {margin: 0;padding:0px;overflow: hidden;margin-bottom: -1px;/*height: 2.25em;*/ direction:ltr} .tabBox .tabs li {list-style: none;margin: 0;padding: .25em .25em 0;overflow: hidden;position: relative;z-index: 1;border-bottom: 1px solid #ccc; display: inline-block;} .tabBox .tabs li.selected {z-index: 3; top:1px;} .tabBox .tabs a {/*float: left;*//*height: 2em;line-height: 2em;*/-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;background: #EEE;border: 1px solid #CCC;border-bottom: 0;padding:3px 10px;color: #000;text-decoration: none; display:block;min-height:48px;font-family: 'hacen_tunisia_ltregular'} .tabBox .tabs .selected a {background: #FFF;-webkit-box-shadow: #CCC 0 0 .25em;-moz-box-shadow: #CCC 0 0 .25em;box-shadow: #CCC 0 0 .25em;color: #007d40;} .tabBox .tabs a:hover {background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));background: -webkit-linear-gradient(#EEF, #FFF 70%);background: -moz-linear-gradient(#EEF, #FFF 70%);background: -ms-linear-gradient(#EEF, #FFF 70%);background: -o-linear-gradient(#EEF, #FFF 70%);background: linear-gradient(#EEF, #FFF 70%);} .tabBox .content {clear: left;/*position: relative;z-index: 2;*/padding:10px;border: 1px solid #CCC;background: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: #CCC 0 0 .25em;-moz-box-shadow: #CCC 0 0 .25em;box-shadow: #CCC 0 0 .25em; margin-bottom:20px} .tabBox .tabs li a .glyphicon{padding-top:5px} .tabBox {position:relative} .chevronLeft {left: 0;position: absolute;} .chevronCenter {margin:0px auto; width:100%; /*padding:0% 4%;*/ /*display:table-cell;*/ text-align:center} .chevronRight {right: 0; top:0px; position: absolute;} .slick-prev{position:absolute;left:0;top:0;padding:8px 15px !important} .slick-next{position:absolute;right:0;top:0;padding:8px 15px !important} .slick-list{margin:0 5%;} .eventname{color:#007d40;padding:11px 7px 0px 7px;text-transform:uppercase;font-size:16px;font-family: 'hacen_tunisia_ltregular'; font-weight:700} @media screen and (-webkit-min-device-pixel-ratio:0) { .accordian-blog #cssmenu ul {overflow: visible!important;} } /*@media screen and (max-width :1920px) { }*/ @media screen and (max-width :1366px) { .container {width: 100%;} .container .ContentArea{width: 1220px; margin:0px auto} } @media screen and (max-width:1235px) { .container .ContentArea{width:100%;} .lMContentWrap {width:100% !important;} } @media screen and (max-width:1199px) { .ProgramContent {border-bottom: 1px solid #006432;padding-bottom:15px;margin-bottom:15px;} #collegepage .carousel-control.left {left:40px} .container {width: 100%;} .container .ContentArea{width:100%;} .lMContentWrap {width:100% !important;} } @media screen and (max-width:1199px) { /*#footet-bg .ftr-link {margin-right: 58px;}*/ .recentNewsArea, .newContentArea .TabContentArea {height:auto; min-height:auto} .mobile-display {padding-right:50px} #footet-bg #Fordesktop {margin-left:0px} .customNewTabs {margin-top:30px} } @media screen and (max-width:1180px) { .banner-slogan .Textwrapper{width:85%} .HomePageNewsRoot .mb20{margin-bottom:0} .MenuLevel1, .ftr-logo{padding-bottom:0px} #footet-bg .ftr-title{margin-top:20px} #footet-bg {padding-bottom: 20px;padding-top: 20px;} #ForMobile {margin-bottom:0px} .PageDataContent .more {padding-bottom:20px} #bottom-ftr .ContentArea {padding-bottom: 25px} .LogoPanel .searchboxDiv1{margin-bottom:3px} .HomeProgramRoot .pageTitle {padding-bottom: 20px;} .HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding: 20px 0;} .HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding-bottom: 0;} .container {width: 100%;} .container .ContentArea{width:100%;} .lMContentWrap {width:100% !important;} .searchboxDiv1{display:none} #co_header .searchboxDiv1 .pull-right, #co_header .LogoPanel .searchbox, #co_header .LogoPanel .searchboxDiv1 {width:100%} .university {width: 15%;} .accordian-blog .MenuLevel1 ul ul li a {margin-left:0px; padding-left:35px} .LogoPanel {margin-bottom:0px} .accordian-blog .MenuLevel1 > li a {background:#ffffff !important} .SubMenu {display:none} .showMobile {display:block} .accordian-blog, .MainNavigation {display:none} .LogoPanel .searchboxDiv {display:none; position: absolute;left:75px;top: 96px;z-index: 1;} .searchboxDiv .mt20 {margin-top:0px} .searchboxDiv .pull-right{background:#ffffff} /*.DeptMenu {display:none}*/ #co-navigation .marginright {margin-right: 0px;} .ftr-logo img {margin-left:0px} .top_nav {text-align: center} .flnonelft {float: none !important} #site-banner #co-banner {border-top: 4px solid #e5e5e5;position: relative;top: -13px} .inner-page-bg {position: relative;top: -13px} .desktop-accordian {display: none} #mobileview {width:auto;float:none !important;} /*.MenuPanel {padding-left:0;width:100%; position:absolute;top:39px;margin-top:0px; right:28px}*/ #news-page {position:relative} .accordian-blog {padding-left: 60px;padding-right: 35px;} .ContentAreaWithMenu {padding: 0 50px;} .ftr-logo {float:none !important; text-align:center} #mobileview .accordian-blog {margin-top: 5px;display: none} .mobile-display {display: block;/*padding-right:15px;*/} .media-right .accordian-blog .MenuLevel1 {padding-top:0px; /*top:17px*/} .media-body {width: 100%;} .accordian-blog .MenuLevel1 {width:auto} .MenuPanel {padding-left:0;width:100%; position:absolute;top:-33px;margin-top:0px; right:0px} /*.MenuPanel {display: none !important}*/ .LogoPanel {margin-top:10px; margin-bottom:10px} .showMobile {padding-top: 25px;} .rightSubMenu {background:#ffffff; padding-left:20px !important; } .customHidden {display:block} .media-left .accordian-blog {z-index:100 !important; position:absolute !important; width:100% !important} } @media screen and (max-width:1099px) { .container {width: 100%;} .container .ContentArea{width: 100%; margin:0px auto} .welWrapper .welElipsImg img, .PageDataImg img {width: 354px; height:354px} .lMContentWrap {width:100% !important;} } @media screen and (max-width:1000px) { .accordian-blog {padding-left: 25px;padding-right:5px;} .thumb{width:33.33%} .ftr-logo {float: none !important; width:100%} .ftr-logo {padding-bottom: 20px;} #footet-bg .ftr-bdr {border: none;} #footet-bg .ftr-link {margin-right:0px;} #footer .col-sm-12 .ml50{margin-right:50px;} #footet-bg .ftr-bdr {border: none} .media-right .accordian-blog {margin-right:0px} .ContentAreaWithMenu, .ContentArea {padding:0px 15px} #footet-bg .ftr-link {margin-left:0px; border-left:none} .newContentArea .TabContentArea {min-height:auto} .HomePageSocialRoot .pageTitle {margin-top:20px} .HomePageSocialRoot {margin-bottom:20px; } .MainNavigation {border-top:none; margin-top:0px} #mobileview .toggel-button {margin-bottom:10px} .PageDataContent .Title {padding:20px 0 10px} .PageDataContent .more {padding-top:10px; padding-bottom:10px} .HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding:20px 0px} .HomeProgramRoot .border-right {padding-left:15px; padding-right:15px} #footet-bg .ftr-link {border-left:none; margin-left:0px} .HomeProgramRoot .pageTitle {padding-bottom:20px} .HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding-bottom:0px} .ProgramContent:last-child {margin-bottom:0px} #Fordesktop {display: none} #ForMobile {display: block; margin-left:0%; width:50%} #footet-bg .ftr-link {width:25%; margin-left:0px; padding-left:0px} .mobile-display {padding-right:12px} .MenuLevel1 {margin-left:0px} .accordian-blog{padding-right:5px} .mobile-display{padding-right:15px} .MenuLevel1 {margin-left:0px} .ContentAreaWithMenu, .ContentArea {padding:0px 15px} .MenuPanel {right:0px} .media-left .accordian-blog {margin-left:0px;} .welWrapper .welElipsImg img, .PageDataImg img {width: 274px; height:274px} } @media screen and (max-width:768px) { .slider a.control_next{right: 14.2%;} #footet-bg .ftr-link{margin-right:15px;} .newContentArea .TabContentArea, .recentNewsArea {height:auto} #footet-bg .ftr-link{margin-right:0px} .welWrapper .welElipsImg img, .PageDataImg img {width: 274px; height:274px} } @media screen and (max-width:767px) { .MediaContacus .media-right, .MediaContacus .media-body, .MediaMsg .media-body {width:100% !important} .thumb {width:33.33%;} .MediaMsg .media-body .img-responsive {height:auto} /*26 April 2017*/ .MediaContacus .media-body{margin-bottom:10px !important} .MediaContacus .media-right{margin-bottom:10px !important} .MediaMsg .media-body{margin-bottom:10px !important} .MediaMsg .media-right{margin-bottom:10px !important} .kfupMedia{display:block} #footer .bdrmob {border-right:none; border-left:none} .HomeProgramRoot .pageTitle, .HomePageSocialRoot .pageTitle, .PageDataContent .Title{font-size: 24px;} .HomePageNewsRoot .recentnews{font-size: 20px;} .BannerRoot .banner-slogan h2{font-size:15px;} .BannerRoot .banner-slogan h5{font-size: 12px;} .PageDataContent p {font-size: 15px;} .HomePageDataRoot {margin: 0 15px;} .banner-slogan .Textwrapper{width:85%} .HomePageNewsRoot .mb20{margin-bottom:0} .MenuLevel1, .ftr-logo{padding-bottom:0px} #footet-bg .ftr-title{margin-top:20px} #footet-bg {padding-bottom: 20px;padding-top: 20px;} #ForMobile {margin-bottom:0px} .PageDataContent .more {padding-bottom:20px} .PageDataContent {width:100%} .PageDataImg {height: auto;} #bottom-ftr .copy-right,#bottom-ftr .btm-link{ font-size:11px} #bottom-ftr .ContentArea {padding-bottom: 25px} .TopMenu .TopMenuLeft > li a {font-size:14px} .TopMenu .TopMenuLeft > li > a:first-child{font-size:14px} .LogoPanel .searchboxDiv1{margin-bottom:3px} .Deptlogo {height:51px} .PageDataImg{margin: 0 auto; width: 404px;} .welWrapper, .PageDataImg{margin: 0 auto; width: 100% !important;} .table-responsive { border:none;} /*** FOR TABLET HEADER CSS HERE ***/ .MenuLevel1, .ftr-logo {margin-left:0px; margin-right:0px} .arabic-pullleft, .arabic-pullright {float: none !important;} .logo {/*width: 296px;*/height: auto;} #site-banner #co-banner {border-top: 4px solid #e5e5e5;position: relative;top: -73px} #co-navigation .collapse {display: block;visibility: visible} .full-navbar-dimenstion {position: relative;left: -100%;width: 200%;} #co-navigation .navbar-inverse .navbar-nav>li>a {background: #eeeeee;padding:10px 0px; width:16.6%;border: none;line-height: 33px;text-align: center;border-bottom: 1px solid #f8f8f8 !important;border-left: 1px solid #f8f8f8 !important;float:right;z-index: 50;} #co-navigation #bs-example-navbar-collapse-9 {/*padding-left: 0px*/} #co-navigation .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {border: none !important;} #co-navigation .navbar-inverse .navbar-nav>li>a:last-child {border-left: 1px solid #f8f8f8 !important;border-bottom: 1px solid #f8f8f8 !important;} #co-navigation .navbar-inverse .navbar-nav>li>a .caret {display: none} #co-navigation .navbar-collapse, #co-navigation .top-header .navbar-form {border: none !important;} #co-navigation .navbar {position: relative;/*top: -66px*/} #co_header {position: relative;z-index:100;} .navbar-nav>li {float: none !important;} #co-navigation .navbar-nav {float: none !important;} #co-navigation #bs-example-navbar-collapse-9 {/*margin-top: 81px;*/padding-right: 0px;} .co-logosection .portal-logo {margin-right:9px} .top_nav .bdr-right:last-child {border: none} .top_nav .col-xs-6 {padding:0} /******FOR TABLET FOOTER CSS HERE***/ #footer .botom-link { float: left !important; padding-top: 0px; } #Fordesktop { display: none; } #ForMobile { display: block; } #footer .bdrmob { /*border-left: 1px solid #484848;*/ padding-left: 10px; /*border-right: 1px solid #484848;*/ padding-right: 10px; } #footet-bg .ftr-link { margin-left: 30px; margin-right: 0px; margin-top: 0px; } #footet-bg { margin-top: 0px; } .inner-page-bg { position: relative; top: -73px; } #Newstab .col-sm-4 { float: right !important; width: 50%; height: auto; margin-bottom: 20px; } #Newstab .col-sm-4 img { width: 100%; height: auto; } #Rightblog #kpum-tabs-icons, #Rightblog .related_links { display: none; } #contact .contact-pic-tabs { display: none; } #contact .form-horizontal { padding-right: 15px; } #about .social-media { float: right !important; } .desktopshow { display: none; } .mobileshow { display: block; } .allnews { padding-top: 0px; } .arabicftr { margin-right: 50px; } #ForMobile { float: right !important; } #footer .ftr-logo { width: 100%; float: left !important; } #footer .site-logo-aribic { float: right !important; } .arabic-right { float: none !important; } .accordian-blog .holder { left: 2%; } #collegepage #Rightblog { padding-right: 0px; } .eventlistdept { padding-right: 0; } #co-navigation .menu-title{padding-right:15px} /*.dropdown:hover .dropdown-menu{display:block;width:100%}*/ .navbar-nav .open .dropdown-menu{position:absolute; width:100%} #co-navigation .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{border-bottom:1px solid #f7f7f7 !important;} #co-navigation .menus-dropdown{top:146px;} #co-navigation .menus-dropdown2{width:100%} /*#co-navigation .menus-dropdown2{top:69px;}*/ .dropdown-menu .col-sm-5 img{display:inline-block; margin-bottom:30px} #co-navigation .dropdown-menu .yamm-content .col-sm-3{float:none} #co-navigation .dropdown-menu .yamm-content .col-sm-12{float: none;} #co-navigation .menus-dropdown2{top:58px;} #co-navigation .dropdown-menu .col-sm-4 {float:right!important} #footet-bg .ftr-link{margin-left:0px;} #footet-bg .link {/*padding-right: 16px;*/ padding-right:0px;} #footet-bg .ftr-bdr {padding-right:0px;} .PageDataImg img {margin:0px auto} .attachdiv1 .img-responsive {width:auto; /*height:125px*/} #co-navigation .navbar-inverse .navbar-nav > li > a {width:33.3%} .recentNewsArea, .newContentArea .TabContentArea {height:auto} .MainMenu .MenuLevel2 > li:first-child {padding-left:0px} .MainMenu .MenuLevel2 > li{padding-left:0px} .MainMenu .MenuLevel2 > li > div > a {padding-left:0px} .MainMenu .MenuLevel3 > li{padding-left:8px} .MainMenu .MenuLevel3 {margin:0 0 0 -8px} .MenuLevel1 {padding-right:15px} .HomePageSocialRoot .pageTitle {padding-top:10px} .NewsSocialMedia {padding-bottom:0px} .HomePageNewsRoot .pageTitle {padding-top:30px} /*#footer .col-sm-12 .ml50 {margin-right:0px}*/ .carousel-inner, .BannerRoot, .innerPageBannder .img-responsive {height:auto; min-height:auto} .PageDataImg {float: none;padding-bottom: 20px;padding-right:0px; width:294px !important; height: 303px; display:block;} .welWrapper {display: table;margin: 0 auto;} /*.PageDataImg {height: 420px;}*/ .carousel-control.left {left: 0px;} .carousel-control.right {right: 0px;} .BannerRoot .banner-slogan h5 {min-height:initial; padding:0 10px 10px} .carousel-inner, .BannerRoot, .innerPageBannder .img-responsive {min-height:100px} } @media only screen and (min-width :704px) and (max-width :760px) { #discover-blog .margin-minus { margin-right: 89px; } #news-event-blog .Mobileview { margin: 21px 0px 0px; } /*#co-navigation .navbar-inverse .navbar-nav > li > a {padding:5px 0px; width:117px}*/ #RightMenublog{padding-left:15px} } @media only screen and (min-width :650px) and (max-width :704px) { #news-event-blog .Mobileview { margin: 21px 0px 0px; } /*#co-navigation .navbar-inverse .navbar-nav > li > a {padding:5px 0px; width:108px}*/ } @media screen and (max-width:700px) { #footer .col-sm-12 .ml50 {margin-right:0px} #footer .bdrmob {border-right:none} #ForMobile {width: 100%;} #ForMobile .pull-left {width: 50%;margin-left: 0px;} #footet-bg .ftr-link {width: 50%;margin-left: 0px;border: none;} #footet-bg .ftr-link {min-height: auto;} .botom-link, #bottom-ftr .copy-right{text-align: center; width: 100%;} } @media only screen and (min-width :639px) and (max-width :650px) { #news-event-blog .Mobileview { margin: 21px 0px 0px; } /*#co-navigation .navbar-inverse .navbar-nav > li > a {padding:5px 0px; width:100px}*/ } @media screen and (max-width:700px) { .banner-slogan {padding-top: 233px;} } @media screen and (max-width:639px) { /****FOR MOBILE HEADER CSS HRER***/ .thumb {width:50%;} #co-navigation .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { border: none !important; } #co-navigation .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color: #eeeeee !important; } #co-navigation .navbar-inverse .navbar-nav > li > a { width: 50%; } .top_nav .mobile-hide { display: none; } .top_nav .aribeanlanguage { display: block; } .top_nav .aribeanlanguage { border: none !important; padding: 9px 24px 9px 24px!important; } .portal-ico { display: none; } /*.searchbox { display: none; } .searchbtn { display: none; }*/ /*****FOR MOBILE FOOTER CSS HRER ***/ #footet-bg { margin-top: 0px; } #footer .after-480 { width: 100%; } #footer .ftr-logo { margin-bottom: 23px; } #footet-bg .ftr-link { /*margin-left: 50px;*/ margin-right: 0px; margin-top: 0; } #ForMobile { float: right !important; width: 100%; } #footer .mrtop-30 { margin: 0 0 0 30px!important; } #footer .botom-link { float: right !important; padding-top: 22px; padding-left: 0px; } #footer .botom-link:frist-child { padding: 0px; } #footer .bdrmob { border-right:none /*1px solid #484848*/; border-left: 1px solid #484848; padding-left: 10px; /*border-right: 1px solid #484848;*/ padding-right: 10px; } #collegepage .carousel-inner a img { height: 306px !important; background-size: 100% 100%; } #collegepage #carousel-example-generic .glyphicon-chevron-right:before { right: 0px; } #collegepage .news-details-tabs { padding: 14px 15px !important; } #kpum-tabs-icons { display: none !important; } #Rightblog .related_links { display: none; } #Rightblog { padding-left: 0px; } #Rightblog .panel-group { margin-bottom: 0px; } .mb-paddlft { padding-left: 0px; } #contact .contact-pic-tabs { display: none; } #contact .form-horizontal .col-sm-4 { padding-right: 15px; } #contact .form-horizontal .col-sm-8 { padding-right: 15px; } .desktop-accordian { display: none; } #mobileview .accordian-blog { margin-top: 5px; display: none; } .mobile-display { display: block; /*padding-right: 15px;*/ } #mobileview { padding-left: 15px; margin-bottom: 20px; } /*#events .events-details { margin-right: 0; } .instagram-blog .social-media { float: right !important; } .instagram-blog .social-media .reset { margin-right: 0px; }*/ } @media screen and (max-width:600px) { .media-left, .media > .pull-left {width:100%} .media-left, .media-right, .media-body{width:100%; min-width:100%; display:inherit} .media .media-left img{margin-bottom:10px} .media-right .accordian-blog {margin-right:0px} .PageDataImg { float:none} #footet-bg .ftr-link {border-left:none; border-right:none; margin-left:0px} .ContentArea .col-sm-12 .ftr-link .mb40{margin-bottom:20px} #co-navigation .navbar-inverse .navbar-nav > li > a {width:50%} .logo {width: 100%;} /*.MenuPanel {top:-26px}*/ } @media screen and (max-width:585px) { .TopMenu .tpsublinks > li > a {padding:9px 15px} .TopMenu .TopMenuLeft > li a {font-size: 12px;} #collegepage .carousel-control.left {left:0px} } @media screen and (max-width:491px) { .LogoPanel .LogoContaint {padding-top:10px} /*.MenuPanel {top:-26px}*/ } @media screen and (max-width:480px) { .mobileFooter .ml50{margin-left:0px; width:100%} .MenuPanel {top:-26px} .thumb {width:100%;} .PageDataImg img, .welWrapper .welElipsImg img {width:300px; height:300px} .logo {width: 90%;} } /*@media only screen and (min-width :580px) and (max-width :614px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:192px; padding:5px 0px} } @media only screen and (min-width:568px) and (max-width :580px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:189px;padding:5px 0px} } @media only screen and (min-width:541px) and (max-width :568px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:180px;padding:5px 0px} } @media only screen and (min-width:511px) and (max-width :541px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:170px;padding:5px 0px} } @media only screen and (min-width:461px) and (max-width :511px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:153px;padding:5px 0px} } @media only screen and (min-width:438px) and (max-width :461px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:145px;padding:5px 0px} } @media only screen and (min-width:421px) and (max-width :438px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:140px;padding:5px 0px} } @media only screen and (min-width:395px) and (max-width :421px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:130px;padding:5px 0px} } @media only screen and (min-width:365px) and (max-width :395px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:120px;padding:5px 0px} } @media only screen and (min-width:350px) and (max-width :365px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:116px;padding:5px 0px} } @media only screen and (min-width:336px) and (max-width :350px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:111px;padding:5px 0px} } @media only screen and (min-width:320px) and (max-width :336px) { #co-navigation .navbar-inverse .navbar-nav > li > a {width:104px;padding:5px 0px} }*/ .ms-signInLink { display: none !important; } a:visited { color: #000; } .arabic-mar20 { margin-right: 20px; } #s4-bodyContainer { padding-bottom: 0; } #footet-bg .arabic-mar20{margin-right:0} .table-responsive{/*overflow:auto;overflow-y:hidden*/} .AddPublishingPage{border: 1px solid #cccccc; background: #eeeeee; padding:5px;margin-top:5px;text-align:center;} .ImageLeft h2{margin-bottom:10px} /*.ImageLeft .PPgImage{float:left; width:25%}*/ .ImageLeft .PPgImage img, .ImageTop img{border: 1px solid #dddddd !important;padding:10px;} .PPgImage img{margin-bottom:10px} .ImageLeft .PPgContent{float:left; width:65%;} .ImageRight .PPgImage{float:right; width:35%} .ImageRight .PPgImage{float:right;width:35%; padding-left:10px;} .ImageLeft .PPgImage{float:left;width:35%;padding-right:10px; /*padding-left:10px;*/} .ImageTop{} .ImageTop img{max-width:100% !important} /*.ImageTop img{width:35%; margin:0 auto;}*/ .ImageRight .PPgContent{float:right; width:65%; padding-right:10px} .ImageTop .PPgImage{} .ImageTop .PPgContent{} .MenuPanel{padding-left:15px;} .ImageTop .PublishingContent p,.ImageTop .PublishingContent div{} .PublishingContent{margin-bottom:40px;} /****events-page*****/ .events .black-bg {background: #333333;padding:5px 10px;text-align:center;margin-top: 2px;/*margin-left:20px;*/ font-family:'open_sansbold'; float:right !important} .events .event-date {color: #fff;font-weight: 700;font-size: 25px; display: block;font-family: hacen_tunisia_ltregular; line-height:20px} .events .event-month {color: #fff;font-family: hacen_tunisia_ltregular;font-size: 12px;text-transform: uppercase; font-weight:bold} /*.events .event-slogan {color: #000;font-size: 18px;font-family: 'open_sansbold';text-transform: capitalize} .events .event-slogan:hover {color: #007e43;text-decoration: underline} .events .event-subject {text-transform: capitalize;font-size: 14px}*/ .events .uppercasetext {text-transform: lowercase} /****events-Details-page*****/ .event-details-page .news-det-social {background: url(../images/news-details-social.png) 0 0 no-repeat;width:17px;height:18px;display:inline-block;margin-right:9px;} .event-details-page .news-det-social .share-text {padding: 0px 5px 0px 0px;} .event-details-page .news-details-social {text-transform: uppercase;color: #666666;font-size: 13px;font-weight: 700} .event-details-page .news-details-social .tw {background-position: -23px 0px} .event-details-page .news-details-social .fb:hover {background-position: 0px -17px} .event-details-page .news-details-social .tw:hover {background-position:-23px -17px} .event-details-page .border-bottom {padding-bottom: 14px} .event-details-page .paratext {line-height: 23px;color: #000;font-size: 15px;padding-bottom: 23px} .event-details-page .event-right-blog {border: 1px solid #c5c6c6;} .event-details-page .event-title {color: #000;font-size: 13px;padding-bottom: 5px;text-transform: uppercase;} .event-details-page .event-venues {color: #000;font-size: 14px;border-bottom: 1px solid #c5c6c6;padding-bottom: 15px} .event-details-page .event-contact {border-left: 3px solid #cccccc;padding-left: 15px} .event-details-page .mailto {color: #007e43;} .event-details-page .mailto:hover {color: #ccc;text-decoration: underline} .event-right-blog .event-venues{direction:ltr;text-align:right} .event-right-blog .event-venues .event-title{direction:rtl} .ParaHeading {color:#008000; font-size:11pt; padding:30px 0px; font-family: "hacen_tunisia_ltregular";} .ParaText {color:#333333; font-size:15px;line-height: 23px; margin:0 0 10px; padding:30px 0px; font-family: "hacen_tunisia_ltregular";} .ParaImage {} .ParaImage img{width:100%} ul.ParaList {margin:0px; padding:0px; padding-left:15px} ul.ParaList li{} ul.ParaList li a{} ol.ParaList {margin:0px; padding:0px; padding-left:15px} ol.ParaList li{} ol.ParaList li a{} @media screen and (max-width:491px) { .LogoPanel .LogoContaint {padding-top:10px} /*.MenuPanel {top:-43px}*/ } @media screen and (max-width:400px) { .MenuPanel {top:-22px} } @media screen and (max-width:360px) { .showMobile {padding-top: 15px;} .MenuPanel {top: -26px;} .PageDataImg img, .welWrapper .welElipsImg img {width:240px; height:240px;} .PageDataImg {width:auto !important;} } /*.PublishingContent .ms-WPBody{width:100% !important} .PublishingContent video{width:100% !important} .lMContentWrap .PPgImage img{width:100% !important; max-width:100%;} */ .PublishingContent .ms-WPBody{width:100% !important} .PublishingContent video{width:100% !important} .testpages .table-responsive{overflow-x:hidden} .table-responsive table{width:100%} .table-responsive table tr td,.table-responsive table tr th{width:auto !important;height:auto !important; white-space:normal !important;} .MediaContacus img{width:100%} .slick-slide{float:right !important}