html, body {
  height: 100%
}

li.active>a {
  border-bottom: 3px solid white;
}

:lang(ar) {
  font-family: 'Tajawal';
}

.carousel-item img {
  height: 270px;
  width: 100%;
}

.collapse-link {
  color: #333;
}

.collapse-link :hover {
  color: #777;
}

@media (max-width: 600px) {
  .carousel-item img {
    height: 225px;
  }
}

header {
  position: relative;
}

.carousel-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

.overlay {
  color: #fff;
  position: absolute;
  z-index: 12;
  left: 50%;
  top: 20%;
  transform: translate(-50%, 0);
  width: 75%;
  text-align: center;
}

.footer {
  width: 100%;
  height: 120px;
}

.footer-h::after {
  background: #F8D18E;
  width: 60px;
}

.aborder {
  border: 1px solid #1a5678;
}

.error {
  color: red;
  font-size: 14px;
}

.bg-mainsite {
  background: #102f41;
}

.bg-mainsite-light {
  background: #1a5678;
}

.nav-mainsite {
  background: #f8f9fa;
}

.yello-text {
  color: #f8d092;
}

.tools-bar {
  height: 50px;
  background-color: rgba(220, 220, 220, 0.5);
}

.font-resize-block a {
  color: inherit;
  font-size: 20px;
}

.resp-sharing-button__link, .resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.2em 0.5em;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */

.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */

.resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover, .resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;
}

#overlay {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.is-hide {
  display: none;
}

.btn-custom:hover {
  color: #f8d092 !important;
}

.mainsite-link {
  color: white;
  text-decoration: none !important;
  border: 1px solid #f8d092;
}

.mainsite-link:hover {
  color: #f8d092 !important;
}

@media print {
  header {
    display: none;
  }
  body * {
    visibility: hidden;
  }
  #printarea, #printarea * {
    visibility: visible;
  }
  #printarea {
    position: absolute;
    top: 25px;
    left: 0;
  }
}

.custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}