@import url('https://fonts.googleapis.com/css?family=Libre+Franklin&display=swap');

/* this added for select2, when click outside to close the select2*/
html,
body {
  height: 100%;
}

@font-face {
  font-family: 'GE_SS_TEXT_LIGHT';
  src: url("../../fonts/GE_SS_Text_Light.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GE_SS_Text_Medium';
  src: url("../../fonts/GE_SS_Text_Medium.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tahoma';
  src: url("../../fonts/Tahoma_Regular_font.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arial';
  src: url("../../fonts/Arial.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FranklinGothicMedium';
  src: url("../../fonts/FranklinGothicMedium.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CareemRegular';
  src: url("../../fonts/CareemRegular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Careem-Light-2';
  src: url("../../fonts/Careem-Light-2.otf");
  font-weight: normal;
  font-style: normal;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: 'GE_SS_TEXT_LIGHT', 'MyriadProRegular';
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  font-family: 'GE_SS_TEXT_LIGHT' !important;
  color: #000;
}

.arMeduim{ font-family:'GE_SS_Text_Medium' !important; }

.numberTxt {
  font-family: 'FranklinGothicMedium';
}

.en-Txt {
  font-family: 'Careem-Light-2';
}
.h1 {height: 1px;}
.h2 {height: 2px;}
.h3 {height: 3px;}
.h5 {height: 5px;}
.h10{height: 10px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.pd510{padding: 5px 10px;}
.yellow-color{color: #d7b746;}
.color707070{color: #707070;}
.color636465{color: #636465;}
.color747474 {color: #747474;}
.color7E7E7E {color: #7E7E7E;}
.color393939{color: #393939;}
/*feras .color6E6E6E{color: #6E6E6E;}*/
.color6E6E6E{color: #504D4D}

.color2678A5{color: #2678A5;}
.color000{color: #000;}
.color4d4d4d {color: #4d4d4d;}
.color565656{color: #565656;}
.color8c8c8c{color: #8c8c8c;}
/*feras .color807B7B {color: #807B7B;}*/
.color807B7B{color: #504D4D}

.color504D4D {color: #504D4D;}
.colorBEBEBE{color:#BEBEBE;}
.color3883AB{color: #3883AB;} 
.color504D4D{color: #504D4D;}
.colora29e9e{color:#a29e9e;}

.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font17 {font-size: 17px;}
.font18 {font-size: 18px;}
.font19 {font-size: 19px;}

.bgFFF {
  background-color: #FFF !important;
  background: #FFF;
}

.border-color-393939 {
  border-color: #393939;
}

.border-color-393939-1 {
  border: 1px solid #393939 !important;
}

.ul-mr-pd-outline-0 {
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}



/*boostrap select2 search textbox inside the select2 dropdown*/
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  font-size: 13px !important;
  padding: 3px !important;
}

.select2-selection__rendered {
  color: #999999 !important; /* select2 boostrap placeholder*/
}

/** placeholder color for select2***/

/*** Placeholder*****/
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999 !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999 !important;
}

webkit-input-placeholder {
  color: #999999 !important;
}




.ahref-line-blue {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  color: #43A1D5;
}

.ahref-noline {
  text-decoration: none;
}

.blue-hover:hover {
  color: #43A1D5 !important;
}

.result-database-item:hover path {
  fill: #43A1D5;
}

.blue-hover span:hover {
  color: #43A1D5 !important;
}
.line-hover:hover{text-decoration: underline;text-underline-offset: 0.2em;}

.form-check-input:checked {
  background-color: #2678a5;
  border-color: #2678a5;
}

.is-canceled {
  color: red;
}

.grid-container {
  display: grid;
}

.grid-container-inline {
  display: inline-grid;
}

.underlined {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.dropdown-item:active {
  background-color: #ccc !important;
}

.qistas-btn {
  color: #2678A5;
  border-color: #2678A5;
  border: 1px solid #2678A5;
  padding: 5px 10px;
  background-color: #FFF;
  box-shadow: 0px 0px 6px #00000029;
  text-decoration: none;
  font-size: 14px;
}

.qistas-btnx:hover {
  color: #FFF;
  border-color: #2678A5;
  border: 1px solid #2678A5;
  padding: 5px 10px;
  background-color: #2678A5;
}

.qistas-btn-rounded {
  color: #2678A5;
  border-color: #2678A5;
  border: 1px solid #2678A5;
  padding: 5px 20px;
  background-color: #FFF;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 25px;
  text-decoration: none;
  font-size: 14px;
}

.qistas-btn-rounded:hover {
  color: #FFF;
  border-color: #2678A5;
  border: 1px solid #2678A5;

  background-color: #2678A5;
}


/*.qistas-confirm-btn{
	color: #2678A5;
    border-color: #2678A5;
	border: 1px solid #2678A5;
	padding: 5px 15px;
	box-shadow: 0px 0px 6px #00000029;
	
	transition: all 0.5s linear;
	position: relative;
}
.qistas-confirm-btn:hover{
 
  background: #ff003b;
  transition: all 0.5s;
}*/

/*** Confirm Btn******/
/*https://codepen.io/vAyo/pen/aWpKWG*/
/*https://codepen.io/mrnathan8/pen/wvaJREX*/
/*https://codepen.io/Marina_Os/pen/OJyWPbL*/
/*https://codepen.io/tag/button%20hover?cursor=ZD0xJm89MCZwPTE2*/
/*******************/
.qistas-confirm-btn {
  /*position: absolute;*/
  /*top: 130px;*/
  /*left: 130px;*/
  /*padding: 4px 14px;*/
  padding: 1px 15px 0px 15px;
  /*transform: translateX(-50%);*/
  /*height: 50px;*/
  border-radius: 100px;
  /*line-height: 50px;*/
  text-align: center;
  color: #2678A5;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.4s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #2678A5;
}

.qistas-confirm-btn label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 0;
  max-width: 0;
  white-space: nowrap;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
  font-size: 13px;
  font-weight: normal;
  transition: all 0.4s ease;
  pointer-events: none;
}

.qistas-confirm-btn:hover {
  background-color: #2678A5;
  color: #FFF;
}

.qistas-confirm-btn:hover:before,
.qistas-confirm-btn:hover:after {
  /* width: 100%;
  height: 100%;*/
  opacity: 0.3;
}

.qistas-confirm-btn:hover label {
  max-width: 50px;
  max-width: 100px;
  opacity: 0.8;
  font-weight: bold;
  font-size: 14px;
  /*margin-left: 10px;*/
}


.qistas-confirm-btn span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 2;
  pointer-events: none;
}


/******************************/
/*********************************/

.gradient-blue-row {
  background: transparent linear-gradient(180deg, #2678A5 0%, #43A1D5 100%) 0% 0% no-repeat padding-box;
  height: 10px;
	
	
}


ul.dropdown-menu,
div.dropdown-menu {
 /* box-shadow: 0px 0px 6px #2676A340;*/
  box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 8px;
  border-radius: 10px;
  border-color: #FCFCFC;
}

.highlighted-word {
  /*color: #0133F9;
  text-decoration: underline;
  text-underline-offset: 3px*/
	color: #43A1D5;
	/*background-color: #FFF;*/
	/*box-shadow: 0px 0px 5px #ccc;*/
	/*padding: 0px 2px;*/
	/*border-radius: 5px;*/
	/*display: inline-block;*/
}

/*********************************************/
/** tooltip********************************/
/*.tooltip{
    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0)
}*/
.tooltip-inner {
  box-shadow: 0px 0px 20px #ccc;
  background-color: #FFF;
  color: #2678a5;
  border: 1px solid #ccc !important;
  font-family: 'GE_SS_TEXT_LIGHT';
  opacity: 1.0 !important;
  min-width: 50px;
  font-size: 13px;
}

.tooltip-arrow {
  /*background-color: #FFF;*/
  /*display: none ;*/
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #ccc !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #ccc !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-right-color: #ccc !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-top-color: #ccc !important;
}

/* debug: $('.funnel-filter-img').tooltip('show'); */


/** popover bs **/
.popover-body {
  font-size: 13px;
  text-align: center;
  font-family: 'GE_SS_TEXT_LIGHT' !important;
}

/*** Scroll Bar ***/




/* width */
::-webkit-scrollbar {
  height: 3px !important;
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a6a6a6;
}

/* Width */
::-webkit-scrollbar,
::-moz-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track,
::-moz-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb,
::-moz-scrollbar-thumb {
  background: #d9d9d9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover,
::-moz-scrollbar-thumb:hover {
  background: #a6a6a6;
}




/*.scroll-dir{
	scrollbar-gutter: unset;
	scrollbar-width: thin;
}*/
/* 
div[style*="overflow-y"]{
	scrollbar-gutter: unset;
	scrollbar-width: thin;
} */
/*:root{scrollbar-color: #f1f1f1 transparent !important;}*/

@-moz-document url-prefix() {
  div {
    scrollbar-width: thin;
    scroll-behavior: smooth;
	scrollbar-color: #f1f1f1 transparent !important;
  }
}



/*** Owl***/
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(-50%);
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 32%;
  transform: translateY(-50%);
  display: block !important;
  border: 1px solid black;
  font-size: 30px !important;
  color: #000 !important;
}

.owl-prev {
  right: -25px;
}

.owl-next {
  left: -25px;
}

.owl-prev i,
.owl-next i {
  color: #707070;
  color:#4391C3;
  font-size: 18px;
  font-weight: bold;
}

.owl-next,
.owl-prev {
  padding: 10px;
  /*border: 2px solid #0E4F7E !important;*/
  /*height: 40px;width:40px;*/
  /*border-radius: 50px !important;
	background-color: #FFFFFF !important;*/
}

/* feras : if disable hide it  ***/
.owl-theme .owl-nav .disabled {
  display: none !important;
}

.owl-prev {
  /*display: none !important;*/
}

.owl-prev:hover,
.owl-next:hover {
  background: none !important;
  background-color: none !important;
  color: blue !important;
}

/*.owl-theme .owl-nav [class*=owl-]{margin-top: 4px !important;}*/

/***overlayed***/
.overlayed * {
  opacity: 0.8;
}

/*****************************************************************
/***** Preloader style
/****************************************************************/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: #FFF;*/
  background-color: #29B1C6;
  z-index: 99999;
}

#preloader-logo {
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -50px;
  margin-left: -120px;
  width: 250px;
}

#preloader-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 5px;
  width: 5em;
  height: 5em;
  margin: -25px 0 0 -25px;
  text-indent: -9999em;
  border-top: 0.5em solid #1499de;
  border-right: 0.5em solid rgba(245, 245, 245, 0.5);
  border-bottom: 0.5em solid rgba(245, 245, 245, 0.5);
  border-left: 0.5em solid rgba(245, 245, 245, 0.5);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

#preloader-inner,
#preloader-inner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360 deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*** custom offcanvas sizes ***/
.offcanvas-size-xxl {
  /*width: min(93vw, 93vw) !important;*/
  width: min(96vw, 100vw) !important;

}

.offcanvas-size-xl {
  /*width: min(95vw, 600px) !important;*/
  width: min(95vw, 60vw) !important;
}

.offcanvas-size-md {
  /* add Responsivenes to default offcanvas */
  width: min(95vw, 40vw) !important;
}

.offcanvas-size-sm {
  width: min(95vw, 30vw) !important;
}

/*** bs Modal , backdrop and style ***/
.modal-backdrop {
  background-color: #FFF;
  opacity: 0.7 !important;
}

.modal-content {
  border: 1px solid #FFF;
  border-radius: 15px !important;
  box-shadow: 5px 5px 30px #00000029;
}
#extra-filters-modal{top:-200px;}
#lawclasses-filters-modal{top:-200px;}
a.disabled{opacity: 0.4;}

/*** DropDown Arrow Dialog Style***/
.dropdown-menux:before {
  position: absolute;
  top: -7px;
  /*left: 9px; /* Example: */
  /*right:10px;*/
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';

}

.dropdown-menux:after {
  position: absolute;
  top: -6px;
  /*left: 10px; /* Example: */
  /*right:10px;*/
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';

}




/***/
.dropdown-toggle[aria-expanded="true"]:after {
  border-top: none;
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

.dropdown-menu {
  border: none;
  box-shadow: none;

}

.dropdown-menu.show {
  /*top: 5px !important;*/
}

.arrow-dropdown-dialog-left {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
  z-index: 1001;
  /*top: -10px;*/
  top: -7px;
  /*left: calc(50% - 10px);*/
  /*left:calc(11% - 10px);*/
  left: calc(8% - 10px);
}

.arrow-dropdown-dialog-right {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
  z-index: 1001;
  top: -7px;
  right: calc(8% - 10px);
  /*right:calc(8% - 18px);*/
  right: calc(5% - 10px);
}

.arrow-dropdown-dialog-middle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
  z-index: 1001;
  top: -7px;
  right: calc(50% - 10px);
}
.arrow-dropdown-dialog-top-right {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent; 
  z-index: 1001; 
  top: 7px;
  transform: rotate(90deg); 
  right: calc(-1% - 10px);
}
.arrow-dropdown-dialog-top-left {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent; 
  z-index: 1001; 
  top: 5px; 
  transform: rotate(90deg); 
  right: calc(0% - 12px);
}
.arrow-dropdown-dialog-bottom {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
  z-index: 1001;
  top: -7px;
  left: calc(50% - 10px);
}
/* Result Screen  */
.arrow-custom-dropdown-dialog-result-screen{
  position: absolute;
  transform: rotate(-45deg) scale(0.8);
  top: 2px;
  z-index: -1;
  -webkit-transform: rotate(-45deg) scale(0.8);
  -moz-transform: rotate(-45deg) scale(0.8);
  -ms-transform: rotate(-45deg) scale(0.8);
  -o-transform: rotate(-45deg) scale(0.8);
  right: -5px;
}
.arrow-custom-dropdown-dialog-result-screen svg{
  box-shadow: 0px 0px 6px #00000029;
}
.sub-dropdown-options-result-screen{
  background-color: #FFF;
  position: relative;
  z-index: 1;
  width: 150px;
  box-shadow:-2px 0px 6px #2676A340;
  border-radius: 5px;
  padding: 2px 0px 0px 5px;
}
.sub-dropdown-options-result-screen > ul > li{
  padding-right: 9px;
}
.results-entity-tools-options-container-class , .results-entity-tools-options-class{
  position: absolute;
  right: 27px;
  top:-2px;
  display: none;
  z-index: 1;
}
.results-entity-tools-options-dropdown{
  background-color: #FFF;
  box-shadow: -2px 0px 6px #00000029;
  padding: 0px;display: inline-block;
  border-radius: 5px;
}
/*** Select 2 ***/
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #43A1D5 !important;
}

.select2-results__option {
  font-size: 13px;
}

.select2-selection__rendered {
  font-size: 13px;
}

.select2-container .select2-selection--single .select2-selection__rendered[title] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.select2-container--default .select2-selection--single {
  border-radius: 25px !important;
  border: 1px solid #747474 !important;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: right !important;
}

/*input.select2-search__field:focus{ border: 1px solid blue !important; }*/

.rotate-me {
  transition: transform 0.5s ease-in-out;
}

.rotate-me:hover {
  transform: rotate(360deg);
}

/*
importnat on how to add tooltip to any element
.select2-container .select2-selection--single .select2-selection__rendered::before {
  content: attr(title);
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.select2-container .select2-selection--single .select2-selection__rendered:hover::before {
  opacity: 1;
}
*/


/**** DropDown Custom Arrow (sample in search navbar : quick search ****/
.dropdown-toggle-noArrow::after {
  content: none !important;
}

.dropdown-toggle-noArrow .dropdown-toggle-arrowup {
  display: none;
}

.dropdown-toggle-noArrow.show .dropdown-toggle-arrowdown {
  display: none;
}

.dropdown-toggle-noArrow.show .dropdown-toggle-arrowup {
  display: inline-block;
}

.dropdown-toggle-noArrow .target-search-icon-active {
  display: none;
}

.dropdown-toggle-noArrow.show .target-search-icon {
  display: none;
}

.dropdown-toggle-noArrow.show .target-search-icon-active {
  display: inline-block;
}

/**** END/DropDown Custom Arrow ****/
.btn.disabled {
  opacity: 0.3;
}

/*** Scroll Direction***/
.scroll-dir {
  direction: ltr;
  padding: 0px 7px;
}

.scroll-dir div,
.scroll-dir ul {
  direction: rtl;
}

.offcanvas-size-xxl {
  margin: 10px 30px 10px 30px !important;
  border-radius: 10px;
}



.typeAheadBorderRaduisOpened {
  border-radius: 15px 15px 0px 0px !important;
}

/*******************************************/
/*** Notification***/
#notification-nav-icon svg path{
  /*fill:#fff !important;*/
}

.notification-active-dot{
  position: absolute;
  top: -5px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #D19B2E;
}

#notifications-dropdown .nav.nav-underline{
  border-bottom: 2px solid rgb(188 188 188 / 40%);
}

#notifications-dropdown .nav-link {
  font: normal normal normal 12px/23px CareemRegular;
  color: #949494;
  /*border-bottom: 2px solid rgb(188 188 188 / 40%);*/
  position: relative;
  padding: 0 10px;
}

#notifications-dropdown .notification{
  border-bottom: 1px solid rgb(175 175 175 / 9%);
}
#notifications-dropdown .notification.active{
  background-color: rgb(51 155 238/ 9%);

}


#notifications-dropdown .nav-link svg,
#notifications-dropdown .nav-link svg path {
  fill: #949494;
}

[lang="ar"] #notifications-dropdown .nav-link.active {
  font: normal normal normal 12px/23px CareemRegular;
  letter-spacing: 0px;
  color: #949494;
  border-right: 2px solid #4292C3;
  background: rgb(66 146 195 / 4%);
}

[lang="en"] #notifications-dropdown .nav-link.active {
  font: normal normal normal 12px/23px CareemRegular;
  letter-spacing: 0px;
  color: #949494;
  border-left: 2px solid #4292C3;
}
#notifications-dropdown .nav-link.active svg,
#notifications-dropdown .nav-link.active svg path{
  fill: #4292C3;
}

#notifications-dropdown .notification-badge {
  position: absolute;
  top: 0;
  left: 5px;
  min-width: 16px;
  height: 16px;
  /* border-radius: 50%; */
  /* color: white; */
  /* background: #A8A8A8; */
  font-size: 12px;
  font-family: CareemRegular;
  padding: 0 2px;
  text-align: center;
  vertical-align: middle;
}

/* #notifications-dropdown .nav-link.active .notification-badge {
  background: #2678A5 !important;
} */

/* #notifications-dropdown .notification-badge.active {
  background: #2678A5;
} */

#notifications-dropdown .notification-text, #notifications-dropdown .notification-text * {
  font: normal normal normal 12px/14px CareemRegular !important;
  letter-spacing: 0px !important;
  color: #504D4D !important;
}

#notifications-dropdown .notification-text sup {
  color: #807B7B;
}

#notifications-dropdown .notification-date, #notifications-dropdown .notification-date *{
  font: normal normal normal 13px/15px CareemRegular !important;
  letter-spacing: 0px !important;
  color: #504D4D !important;
}

#notifications-dropdown .control {
  font-family: arial;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 15px;
  cursor: pointer;
  font-size: 16px;
  float: right;
  margin-right: -13px;
  margin-left: 10px;
}

#notifications-dropdown .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

#notifications-requests-modal .control_indicator {
  height: 18px !important;
  width: 18px !important;
  background: #ffffff !important;
  border: 1px solid #2678a5 !important;
  border-radius: 4px !important;
  transform: translateY(10%) !important;
}

#notifications-requests-modal .control input:checked~.control_indicator:after {
  display: block !important;
}

#notifications-requests-modal .control-checkbox .control_indicator:after{
  left: 5px !important;
  top: 0px !important;
  width: 4px !important;
  height: 10px !important;
  border: solid #2678a5 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important ;
}

.notification-country-item.selected{
  width: 28px;
  height: 28px;
  border: 2px solid #2678a5;
  border-radius: 50%;
}

#notifications-dropdown .btn-rounded-nav{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding:5px;
  width:27px;
  height:27px;
  border-radius: 50% !important;
  text-decoration: none !important;
}

#notifications-dropdown .btn-rounded-nav svg{
  display: block;
  margin:auto;
}
.notification-title{
  color: #949494;
  text-shadow: 0px 0px 6px #2676A340;
  font:normal normal normal 12px/23px careemRegular;
}

/****End Notification***/

.results-form-flag-img{width:20px;height: 20px;}
.results-form-country-name{color:#636465;font-size: 14px;}


.btn:active, .btn:focus {
  border: none;
	outline: none;
}
.a:active, .a:focus {
  border: none;
	outline: none;
}






.accordion-button:focus{box-shadow: unset;background: none;background-color: none;}
.accordion-button::after{background-size:14px;}


/*****PlaceHolder**/
::placeholder {
  color: #bfbfbf !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #bfbfbf !important;
}
/*****END/PlaceHolder**/



/**** Help Section***/
.btn-help{
	/*box-shadow: 0 0 0 0 rgba(0,0,0,1);*/
	
	justify-content:center;
	text-align: center;

	display: inline;
	/*transition: all 0.7s ease-in-out;*/
}
.btn-help:hover i{
	background: #eee;
	border-radius: 15px;
	
	
}
.btn-help:hover i{ opacity: 0;}
.text-section{
	padding: 10px;
	width:300px;
	font-size: 13px;
	display: none;
	box-shadow:  0px 3px 8px #00000033;
	border-radius: 10px;
	 
}
.btn-help:hover .text-section{
	/*display:inline-block;*/
	/*animation: forwards fadeIn 0.7s 0.5s ease-in-out;*/
	animation: fadeIn 0.7s  ease-in-out;
	display: inline;
}

@keyframes fadeIn{
	0%{ opacity:0;}
	100%{ opacity:1;}
}

/*dropdown start hide arrow*/ 
.dropstart .dropdown-toggle::before{display: none;}



.qistas-confirm-btn1{font-size: 13px;background: #DCDCDC 0% 0% no-repeat padding-box;width: 23px;height: 23px;padding:10px 8px;}
.qistas-confirm-btn2{font-size: 13px;background: #DCDCDC 0% 0% no-repeat padding-box;width: 23px;height: 23px;padding:6px 4px;}

.svg-history svg{
  width:13px;
  height: 13px;
  fill: #4088B0;
}

/** dropdown color when open***/
.dropdown-toggle.show.makemecolored{
	color:#2678A5;	
}
.dropdown-toggle.show.makemecolored .title{
	color:#2678A5 !important;	
}
.dropdown-toggle.show.makemecolored path{
	fill:#2678A5;	
}
.qistas-confirm-btn-svg:hover ellipse{fill:#2678A5;}
.color3883AB{color:#3883AB;}
.noUi-target{background: transparent !important;}


#fg_notification_container{
  width: 335px;
  position: fixed;
  bottom: 100px;
  left: 20px;
}
/* Foreground Push Notification  */
.fg_notification_obj {
  display: block;
  display: none;
  max-width: 335px;
  width: 335px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #2678a596;
  border-radius: 8px;
  padding: 13px;
  background-color: #ffffff;
  margin: 10px 0;
}


.fg-notification {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s, transform 0.5s;
}

.fg-notification.active {
  opacity: 1;
  transform: translateY(0);
}

.fg-notification-header {
  color: #6E6E6E;
}

.fg-notification-body {
  color: #6E6E6E;
}

.fg-notification-body a {
  color: #2678A5;
  text-decoration: none;
}

.fg-notification-body img {
  width: 50px;
  height: 50px;
}


/* Settings */
.user-info-input {
  border-radius: 25px;
  height: 32px;
  font-size:14px;
  color:#807B7B;
}


.save-info-btn, 
.save-reset-btn, 
.add-user-btn {
  width:102px;
  height: 33px;
  border:none;
  border-radius:24px;
  color:#FFF;
  background: #2678A5 0% 0% no-repeat padding-box;
  float:left;
  opacity: 0.5;
}



.qistas-element-toaster{font-family: 'GE_SS_TEXT_LIGHT';}

#law-page-select2-subject-numbers+.select2-container--bootstrap-5 {
  z-index: 0;
}

/*** Bot ****/
.currently-reading {
  background: linear-gradient(90deg, #D19B2E 70%, transparent 30%), linear-gradient(90deg, #D19B2E 70%, transparent 30%), linear-gradient(0deg, #D19B2E 30%, transparent 70%), linear-gradient(0deg, #D19B2E 30%, transparent 70%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: left top, right bottom, left bottom, right   top;
    animation: border-dance 1s infinite linear;
}

@keyframes border-dance {
  0% {
    background-position: left top, right bottom, left bottom, right   top;

  }
  100% {
    background-position: left 15px top, right 15px bottom , left bottom 15px , right   top 15px;
  }
}

.loader-line {
  width: 100%;
  height: 10px;
  position: relative;
  overflow: hidden;
  /* background-color: #ddd; */
  background: white;
  margin: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.loader-line:before {
  content: "";
  position: absolute;
  left: -50%;
  height: 10px;
  width: 60%;
  background-color: #D19B2E;
  background: transparent linear-gradient(90deg, #E4CD80 0%, #EDE3B7 13%, #F9FDFB 30%, #5897B8 57%, #4F8AAC 80%, #4F8AAC 81%, #346287 92%, #1D4269 100%) 0% 0% no-repeat padding-box;
  -webkit-animation: lineAnim 1s ease-in infinite;
  -moz-animation: lineAnim 1s ease-in infinite;
  animation: lineAnim 1s ease-in infinite;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/*** Custom styles for the popover ***/
.tippy-box {
  background: #ffffff;
  z-index: 999;
  min-width: 380px !important;
  border-radius: 15px !important;
  box-shadow: 1px 1px 20px #0000003a !important;
  --bs-popover-arrow-width: 30px !important;
  --bs-popover-arrow-height: 20px !important;
  margin: 15px !important;
}
.tippy-content {
  padding: 10px;
  min-height: 205px !important;
}
.tippy-header {
  background: transparent;
  border-bottom: none;
  color: #2678a5;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
  padding: 0;
  justify-content: space-between;
}
.tippy-subheader {
  margin-bottom: 10px;
  font-weight: bold;
  color: #504d4d;
}
.popover-tippy-content p {
  font-size: 12px;
  color: #504d4d !important;
}
.popover-tippy-content {
  overflow-x: auto;
  height: 148px;
  padding-left: 5px;
}

/*** tippy placement arrow ***/
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
  bottom: -18px !important;
  left: -2px !important;
  border-width: 19px 17px 0 !important;
  border-top-color: white !important;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  top: -23px;
  left: -2px;
  border-width: 0px 19px 24px 18px !important;
  color: white;
}

.dec-page-select2-subject-numbers {
    border: none;
    background: transparent;
    font-size: 14px;
    border-style: hidden;
    outline: none;
}

@keyframes lineAnim {
  0% {
      left: -40%;
  }
  50% {
      left: 20%;
      width: 80%;
  }
  100% {
      left: 100%;
      width: 100%;
  }
}
/****END /Bot ****/



/*** FreshChat ***/

 #fc_frame, #fc_frame.fc-widget-normal {
         left: 20px !important;
         bottom: 30px !important;
         right: unset !important;
}


/*****SearchForm Media Queries****/
.nav-grid{grid-template-columns:95px auto  300px;grid-gap:5px;}
/*.main-grid-search-form{display: grid;grid-template-columns:max-content max-content auto;text-align: center;grid-gap:5px}*/
.main-grid-search-form{display: grid;grid-template-columns:30px max-content auto;text-align: center;grid-gap:5px}
.search-navbar-form-div{ width: 930px;}

@media (min-width: 1415px) and (max-width: 2500px){
  .search-navbar-form-div{
		/*width:100%;*/
    width:950px;*/
    
	}
}

@media (min-width: 1400px) and (max-width: 1414px){
  .search-navbar-form-div{
    width:915px;
	}
}
@media (min-width: 1300px) and (max-width: 1399px){
  .search-navbar-form-div{
    width:745px;
    width:890px;
	}
}
@media (min-width: 1200px) and (max-width: 1299px){
  .search-navbar-form-div{
    
    width:720px;
	}
}
@media (min-width: 1000px) and (max-width: 1199px){
  
  .search-form-grid-child-1{display: none;}
  .search-form-grid-child-2{display: none;}
  .main-grid-search-form{display: grid;grid-template-columns:  auto;text-align: center;grid-gap:5px}
  .search-navbar-form-div{
    width:490px;
	}
}
@media (min-width:786px) and (max-width: 999px){  
  .search-form-grid-child-1{display: none;}
  .search-form-grid-child-2{display: none;}
  .main-grid-search-form{display: grid;grid-template-columns:  auto;text-align: center;grid-gap:5px}
  .nav-grid{grid-template-columns:62px auto  180px;grid-gap:5px;}
  .search-navbar-form-div{
    width:540px;
	}
}
@media (min-width:600px) and (max-width: 785px){  
  .search-form-grid-child-1{display: none;}
  .search-form-grid-child-2{display: none;}
  .main-grid-search-form{display: grid;grid-template-columns:  auto;text-align: center;grid-gap:5px}
  .nav-grid{grid-template-columns:62px auto  180px;grid-gap:5px;}
  .search-navbar-form-div{
    width:490px;
	}
}
@media (min-width:1px) and (max-width: 499px){  
  .search-form-grid-child-1{display: none;}
  .search-form-grid-child-2{display: none;}
  .main-grid-search-form{display: grid;grid-template-columns:  auto;text-align: center;grid-gap:5px}
  .nav-grid{grid-template-columns:62px auto  180px;grid-gap:5px;}
  .search-navbar-form-div{
    width:490px;
	}
}




/*from 0 to ****/
/*
@media only screen and (max-width: 1600px){
	.search-navbar-form-div{
	 
    width:930px;
	}
}
@media only screen and (max-width: 1417px){
	.search-navbar-form-div{
 
    width:925px;
	}
}
@media only screen and (max-width: 1300px){
  .search-navbar-form-div{
  
    width:550px;
  }
}
@media only screen and (max-width: 900px){
  .grid_child.grid-child.text-end{display: none;}
  .search-navbar-form-div{
  
    width:700px;
  }
}*/

/*****END/SearchForm Media Queries****/

.blink>*:last-child::after {
    content: " ";
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #908C8C;
    box-shadow: 0px 0px 3px black, inset 5px 2px 11px white;
    display: inline-block;
    animation: blinking 1s infinite;
    margin: 0 5px;
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes blinking {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.modal-cruze{
  top: 0 ;
  left: 0 ;
  transition-property: top, left !important;
  transition-duration: .2s !important;
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  min-height: auto !important;
}

select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}

.en-text ul {direction: ltr !important;}



/************************************************************************/
/************************************************************************/
/* Define the glowing animation */
@keyframes glowing-border {
  0% {
    box-shadow: 0 0 2px #77A5B6, 0 0 5px #77A5B6, 0 0 7px #77A5B6;
	border-radius: 3px;
  }
  50% {
    box-shadow: 0 0 10px #77A5B6, 0 0 12px #77A5B6, 0 0 14px #77A5B6;
	border-radius: 3px;
  }
  100% {
    box-shadow: 0 0 2px #77A5B6, 0 0 5px #77A5B6, 0 0 7px #77A5B6;border-radius: 3px;
  }
}
/* Glowing border class */
.glowing {
  animation: glowing-border 1.5s infinite;
}
/************************************************************************/
/************************************************************************/
/************************************************************************/


.hidden{display: none !important;}


.border-8e8{border: 1px solid #8E8B8B}
.color8e8{ color:#8E8B8B;}

.color439{ color:#4391C3;}




/*** for new sidebar   *****/
.sidebar-linkages-icon-li.using{
	background-color: white;
	z-index: 100000000000 !important;
}

/*** Owl Buttons 23-04-2025 (resultpage)   *****/
.owl-next[role="presentation"]{
    border-radius: 50px !important;
    height: 28px !important;
    width: 28px !important;
}
.owl-prev[role="presentation"]{
  border-radius: 50px !important;
  height: 28px !important;
  width: 28px !important;
}
.owl-next > .nav-btn.prev-slide{
  top: -11px !important;
}
.owl-prev > .nav-btn.next-slide{
  top: -11px !important;
}

/*** Owl Buttons 30-04-2025 (quicksearch) ***/
#quick-search-modal2 .owl-next > .nav-btn.prev-slide{
  top: -14px !important;
}
#quick-search-modal2 .owl-prev > .nav-btn.next-slide{
  top: -14px !important;
}

/*** Owl Buttons 30-04-2025 (Law & dec Linkages) ***/
.law-linkages-offcanvase-owl-div .owl-next > .nav-btn.prev-slide{position: relative;}
.law-linkages-offcanvase-owl-div .owl-prev > .nav-btn.next-slide{position: relative;}

.dec-linkages-insideviewer-owl-div .owl-next > .nav-btn.prev-slide{position: relative;}
.dec-linkages-insideviewer-owl-div .owl-prev > .nav-btn.next-slide{position: relative;}

.dec-linkages-offcanvase-owl-div .owl-next > .nav-btn.prev-slide{position: relative;}
.dec-linkages-offcanvase-owl-div .owl-prev > .nav-btn.next-slide{position: relative;}