/**
 * @file
 * Subtheme specific CSS.
 */

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

h1, .h1 , h2, .h2 {
  font-family: "Philosopher",'Cairo';
}

.bg-fetp-blue {
  background-color: #0E91A1;
}
.bg-fetp-green {
  background-color: #13C491;
}
.bg-fetp-light-blue {
  background-color: #e6f2fa;
}
.bg-ksu {
  background-color: #0084bd !important;
}
.border-fetp-blue {
  border-color: #0E91A1 !important;
}
.border-fetp-green {
  border-color: #13C491 !important;
}
.font-color-ksu {
  color: #0084bd !important;
}
.bg-img-fetp {
	background-image: url(/sites/default/files/fetp_site_logo.png);
background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
height: 50px;
  }
.bg-img-ksu {
	background-image: url(/sites/default/files/default_images/ksu-logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  height: 50px;
  }
/**
 * Autocomplete background color
 */
.ui-autocomplete {
  background: #fff;
}
/**********************
Begin: breadcrumb block
*/
.breadcrumb {
  --bs-breadcrumb-divider-color: #fff !important;
  }
.headerbkg {
  margin-top: 0;
  position: relative;
  height: auto;
/* background-image: url(/sites/default/files/images/misc/slide-1.jpg); */
}
.imagegradient {
background-image: url(/themes/custom/fetp_pha/images/header_bg.jpg);
 min-height: 120px;
  background-size: cover; 
  opacity: 0.7;
}
.background-gradient {
  background: linear-gradient(90deg,#4E9AA5 0%,#00A9E0 50%,#80d76d 100%);
 min-height: 120px;
  height: 100%;
  opacity: .8;
}
.region-breadcrumb nav{
  padding-left: 20px !important;
  color: #fff !important;
}
.region-breadcrumb a, .region-breadcrumb h1 {
  color: #fff !important;
}
ol.breadcrumb li:first-child a::before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f015";
  background-image: none;
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  background-position: 0 0.15rem;
  width: 1.5rem;
  height: 1.1rem;
}
/**********************
END: breadcrumb block
*/

/**********************
 Mega Menu style - BEGIN
/********************/
.tbm {
  background-color: #fff;
}
.tbm-submenu-toggle:hover, .tbm-submenu-toggle:focus {
  background-color: #f2f2f2;
  color: #4F868E;
}
.tbm-item--has-flyout .tbm-submenu-toggle {
  color: #4F868E;
}
.tbm-item--has-flyout .tbm-submenu-toggle:hover, .tbm-item--has-flyout .tbm-submenu-toggle:hover:focus  {
   background-color: #f2f2f2;
 color: #4F868E !important;
}
.tbm-item--has-flyout .tbm-submenu-toggle:hover::before, .tbm-item--has-flyout .tbm-submenu-toggle:focus::before {
  border-left-color: #fff;
}
.tbm-link {
font-family: "Philosopher","Cairo",sans-serif;
}
.tbm-link.level-1 {
  color: #4F868E;
  text-decoration: none;
}
.tbm-link.level-1:hover, .tbm-link.level-1:focus {
  background-color: #f2f2f2;
  color: #4F868E;
}
.tbm-submenu-toggle {
  background-color: #fff;
  color: #4F868E;
}
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link {
  color: #4F868E;
}
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:hover, .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:focus {
  background-color: #f2f2f2;
  color: #4F868E;
}
.tbm-submenu {
  border-color: #cacaca !important;
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  border-style: solid !important;
}
.tbm-item--has-flyout > .tbm-submenu {
  min-width: 100% !important;
}
.navbar-toggler {
  background-color: #4F868E;
}
.tbm.tbm--mobile {
  min-width: 300px;
}

/**********************
 Mega Menu style - END
/********************/

/************************************************
*************************************************
Begin: SEB article 
**/
/* SEB article body section **/
#seb-body-sec table > tbody > tr:first-child > td, #seb-body-sec table > tr:first-child > td {
 background: #0E91A1  !important;
 border-bottom: 1px solid #000;
 color:#fff;
}

#seb-body-sec .table-striped > tbody tr:nth-of-type(2n+1) * {
 color: black;
}
#seb-body-sec td {
 text-align: center; 
}

#seb-body-sec td {
 text-align: center; 
}
#seb-body-sec th:first-child, #seb-body-sec td:first-child { 
 text-align: left  !important; 
 background: #13C491;
 color:#fff;
 }

/* SEB article card info **/
 
#seb-info-section .list-group-item {
  background-color: transparent;
  border: none;
}
#study-info-section .list-group-item {
  background-color: transparent;
  border: none;
}
.card-info {
 background-color: #e6f2fa !important;
 border-color: #92c0e0 !important;
}

/* SEB article Arabic **/

#seb-arabic-sec {
  direction: rtl;
  line-height: 1.8;
  clear: both;
}

#seb-ara-abs-title div, #seb-ara-abs-title p {
  font-weight: 700 !important;
  display: inline-block;
	margin-bottom:0;
 color: #0E91A1;
}
#seb-ara-abs-title p::before {
  font-family: "FontAwesome";
  content: "\f02e";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 400;
}

/* SEB TOC **/

.view-display-id-seb_toc_depth_4 ul li {
  list-style: none;
  margin-left: 45px;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  padding-bottom: 1.5rem !important;
  line-height: 2;
 }
.view-display-id-seb_toc_depth_4 ul li:before {
  content:"\1F5CF";
  display: inline-block;
  vertical-align: middle;
  padding-top: 13px;
  text-indent: -3rem;
  font-size:30px;
 background-image: none;
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  background-position: 0 0.15rem;
  width: 1.5rem;
  height: 1.1rem;
  color:#0E91A1;
}
.view-display-id-seb_toc_depth_3 ul li {
  list-style: none;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  padding-bottom: 1.5rem;
  padding-top: 1rem;
 }


.view-display-id-seb_toc_depth_2 div.view-content.row > ul > li {
  margin: 10px;
  border: solid #958a5f 1px;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: initial;
 }

.view-display-id-seb_toc_depth_2 div.view-content.row > ul > li:nth-child(even) {
 background-color: #f4faff;
 }

/*
.view-display-id-seb_toc_depth_2 ul   div {
   margin-bottom: 0;
}
*/
.view-display-id-seb_toc_depth_2 ul:first-child > li > div {
  min-width: 120px;
  height: auto;
  background: #0E91A1;
  color: #fff;
  padding: 20px;
  text-align: center;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.view-display-id-seb_toc_depth_2 ul:first-child > li > div  a {
  color: #fff;
  text-decoration: none;
}

/*
.view-display-id-seb_toc_depth_2 div.view-content.row ul li {
  list-style: none !important;
 }
.view-display-id-seb_toc_depth_2 ul > li > ul > li > ul > li:before {
  content:"\1F5CF";
  display: inline-block;
  vertical-align: middle;
  padding-top: 13px;
  text-indent: -3rem;
  font-size:30px;
 background-image: none;
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  background-position: 0 0.15rem;
  width: 1.5rem;
  height: 1.1rem;
  color:#0E91A1;
}
*/

.view-display-id-seb_toc_depth_2 ul > li > ul > li  {
  list-style: disclosure-open;
  color: #0E91A1;

}

.view-display-id-seb_toc_depth_2 .view-content > ul > li > ul > li:first-child  {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  padding-bottom: 1.3rem;
  margin-bottom: 1.3rem;  
}

.view-display-id-seb_toc_depth_2 ul > li > ul > li > ul > li {
list-style: disclosure-closed;
}

.view-display-id-seb_toc_depth_2 ul > li > ul > li > ul > li > div a {
  color: #000;
  text-decoration: none;
}
.view-display-id-seb_toc_depth_2 ul > li > ul > li > ul > li > div a:hover {
  color: #0E91A1;
  text-decoration: none;
}

/**********************
 Nav-tabs
/********************/
 #navbar-main {
  background-color: #fff !important;
}

#navbar-main .nav-link {
border: var(--bs-nav-tabs-border-width) solid transparent;
border-radius: 5px 5px 0 0;
	font-family: "Philosopher","Cairo",sans-serif;
  font-size: 130%;
  color:#4F868E;
}
#navbar-main .nav-item {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #0E91A1 !important;
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  background-color: #0E91A1;
border-color: #fff;}
.nav-tabs .nav-link {
 background-color: #e6f2fa;
 border-color: #92c0e0;
  color: #0E91A1;
}

/**********************
 Alumni list
/********************/

.view-alumni-list {
  font-size: 100%;
}
.view-alumni-list img {
  width: 75px;
  height: auto;
  max-width: unset;
}
.view-alumni-list select {
  width: 60px;
}

/**********************
 Alumni chars stats
/********************/

.view.view-alumni-charts .view-content.row {
  margin-right: 0;
  margin-left: 0;
}
.bg-circle-blue {
  width: 250px;
  height: 250px;
  border: 20px solid #0E91A1;
  border-radius: 50%;
}
.bg-circle-green {
  width: 250px;
  height: 250px;
  border: 20px solid #13C491;
  border-radius: 50%;
}

/**********************
 Sidebar
/********************/

.sidebar .block {
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}  
.sidebar .block .nav-link:hover, .nav-link:focus {
  text-decoration: underline;
}
.sidebar h2 {
  text-align: center;
}
.sidebar nav .nav {
  margin: 0 -0.5rem;
}

/**********************
 Members profile
/********************/
.view-members-info-block table  {
  border: none;
  border-collapse: collapse; /* Collapses the table borders into a single border */
  background-color: none;
}
.view-members-info-block table tbody tr th {
  text-align: right;
  color: #92c0e0;
}
.view-members-info-block table tbody,
.view-members-info-block table td,
.view-members-info-block table th, 
.view-members-info-block table tr {
  border: none; 
  background: none;
  
}
.profile .content img {
  border-color: lightgray;
  border-width: 2px;
  border-style: outset;
  border-radius: 8px;
}
/**********************
 Select2 style
/********************/

.select2-container--default .select2-selection--single {
  height: 35px;
}
/* 
Begin FullCalendar color
*/

.fc-event {
	border:1px solid #0E91A1 !important;
	}
.fc-event, .fc-event-dot {
	background-color:#0E91A1 !important;
	}
div.fc-content-skeleton table thead tr {
  background-color: whitesmoke !important;
}
/* 
Tables
*/
table {
  caption-side: top !important;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
}
table table {
  font-size: 1em;
}
tr {
  border-bottom: 1px solid #e5e5e5;
  padding: 0.1em 0.6em;
  background: #fff;
}
thead > tr {
  background: #0E91A1;
}

.table {
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: #f8fbfb !important;
}
table tr th {
  background: #e6f2fa !important;
  color: #fff;
}
/* 
Views ph rotations 
*/
.view-ph-rota-list caption {
  background: #0E91A1 !important;
  color: #fff;
}
table tr th {
  background: #e6f2fa !important;
}


/* 
Views filter area
*/
.views-exposed-form {
  background-color: #e6f2fa;
  border-color: #0E91A1;
  border-style: solid;
  border-width: 1px 0 1px 0;
  margin-bottom:15px;
}
.views-exposed-form.views-exposed-form fieldset .fieldset-wrapper {
  display: flex;
  margin: 0;
  margin-inline-start: 0.5rem;
}
/* 
Form elements
*/
.js-form-item {
  margin-inline: 2px;
}
.form-element {
  color: #222330;
  line-height: 1.5rem;
  padding-block: 0.5rem;
  padding-inline: var(--input-padding-horizontal);
  min-height: 0.75rem;
  border: 1px solid #afb0b5;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: .15s cubic-bezier(.19, 1, .22, 1);
}

.form-check-label {
  font-size: smaller;
}

.form-select {
  font-size: inherit;
}
.multiselect-dropdown__list ol, ul {
  padding-left: 1rem;
}
legend {
  font-size: inherit;
}

/* 
Sidebar nav items
*/

.region-sidebar-second  ul  ul {
  padding-left: 2rem;
}

/* 
Rota list Views
*/

.view-ph-rota-list  h4 {
    font-size: inherit;
  }

/* 
Views tb mega menu
*/
.view .tbm-link-container {
  background-color: #e6f2fa;
  border-color: #92c0e0;
  color: #0E91A1;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border: 1px solid #92c0e0;
}
.view .tbm-submenu-toggle {
  background-color: #e6f2fa;
  color: #13C491;
}
.view .tbm-item.level-1 {
  border-right: 0;
}
.view .tbm-link.level-1 {
  color: #0E91A1;
}
.view .tbm-link.level-1:hover, .tbm-link.level-1:focus {
  background-color: #0E91A1;
  color: #fff;
}
.view .tbm-submenu-toggle:hover, .tbm-submenu-toggle:focus {
  background-color: #0E91A1;
  color: #fff;
}
.view .tbm-subnav > .tbm-item > .tbm-link-container  {
  border: 0;
}
.view .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link {
  background: #fff;
  color: #0E91A1;
}
.view .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:hover, .view .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:focus {
  background-color: #f2f2f2;
}

/* 
Views academic transcript
*/

.acad-transc thead tr {
  color:#fff;
}

.acad-transc table {
  border: 1px solid grey;
  border-spacing: 0;
  border-collapse: collapse;
  caption-side: bottom;
}
.acad-transc thead > tr {
  background-color: #0084bd !important;
  color: #fff;
}
.acad-transc td {
  padding: .5em;
  border: 1px solid lightgrey;
}
.acad-transc tr td:first-child {
  width: 290px !important;
  word-break: break-all;
}
.acad-transc tr td:nth-child(2) {
  width: 100px !important;
  text-align: center !important;
}
.acad-transc tr td:nth-child(3) {
  width: 70px !important;
  text-align: center !important;
}
.acad-transc tr td:nth-child(4) {
  width: 70px !important;
  text-align: center !important;
}
.acad-transc tr td:nth-child(5) {
  width: 70px !important;
  text-align: center !important;
}
.text-center {
  text-align: center !important;
}
.gray-bg {
	background-color: #f7f7f7;
}
/* 
php evaluation Views
*/

.view-php-evaluation-by-rota .view-grouping-header .print-hgroup{
  display: none;
  }
.view-php-evaluation-by-rota table {
  margin: 0 !important;
}
.view-php-evaluation-by-rota table tr th {
  background-color: #0084bd !important;
  color: #fff;
}
.view-php-evaluation-by-rota .view-grouping-header {
  background-color: #e6f2fa;
  color: #0E91A1;
  }
.view-php-evaluation-by-rota caption {
  text-align: right;
  background-color: #e6f2fa;
  color: #0E91A1;
}
.view-id-php_evaluation_by_rota .item-list ul li {
  text-align: right;
}
.view-id-php_evaluation_by_rota b  {
  float: left;
  text-align: left;
  color: #000;
}
/* 
view vacation
*/

.view-vacation-calendar .view-grouping-header .print-hgroup{
  display: none;
  }
.view-vacation-calendar table {
  margin: 0 !important;
}
.view-vacation-calendar table tr th {
  background-color: #0084bd !important;
  color: #fff;
}
.view-vacation-calendar .view-grouping-header {
  background-color: #e6f2fa;
  color: #0E91A1;
  }
.view-vacation-calendar caption {
  text-align: right;
  background-color: #e6f2fa;
  color: red;
}
/* 
Academic staff
*/

.fetp-bg-img {
	background-image: url(/sites/default/files/fetp-pha-logo.png);
background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
height: 50px;
  }
.ksu-bg-img {
	background-image: url(/sites/default/files/default_images/ksu-logo.png);
background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
height: 50px;
  }
  
/* 
Fix for sticky table header
*/

.table-responsive {
  overflow-x: visible !important;
 }
 /* 
make radio check centered
*/

.form-check .form-check-input {
  float: none !important;
}
 /* 
Fields
*/
.field {
  margin-bottom: 10px;
}
.field__item {
  padding-left: 8px;
}
.field__label {
  color: #13c491;
}
.field__label::before {
  font-family: "FontAwesome";
  content: "\2B9F";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 400;
  padding-right:7px;
font-size: smaller;
}