@import url('https://fonts.googleapis.com/css?family=Libre+Franklin&display=swap');
@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: '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: 'FranklinGothicLightSSiLight';
  src: url("../../fonts/FranklinGothicLightSSiLight.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: 'FranklinGothicLight';
  src: url("../../fonts/franklingothic-light.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.en{
	direction: ltr !important;
	text-align: left;
	/*font-family: 'Libre Franklin' !important;*/
	font-family: 'Careem-Light-2' !important;
	/*line-height:  17px;*/
	
	
	 
	 
}


/* this added for select2, when click outside to close the select2*/
html,
body {
  height: 100%;
  /*font-family: 'tahoma' !important;*/
	font-family: 'Careem-Light-2' !important;
	/*line-height:  17px;*/
	
	 
}
.numberTxt {
  font-family: 'Careem-Light-2';
}

/*body.en a{line-height:  17px;}*/

.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;}
.color2678A5{color: #2678A5;}
.color393939{color: #393939;}
.color6E6E6E{color: #6E6E6E;}
.color000{color: #000;}
.color4d4d4d {color: #4d4d4d;}
.color565656{color: #565656;}
.color8c8c8c{color: #8c8c8c;}
.color807B7B {color: #807B7B;}
.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;}

/** Owl ***/

.owl-theme .owl-nav [class*=owl-]{margin-top: 4px !important;}
.owl-prev { right: unset !important; left:-11px !important; }
.owl-next { left: unset !important; right:-8px !important; }


.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-right: 0px;
}

.pr-0 {
  padding-left: 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;
	/*font-style: italic;*/
}

/** placeholder color for select2***/


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

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

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

webkit-input-placeholder {
  color: #999999 !important;
	/*font-style: italic;*/
}




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

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

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


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

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

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

.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 20px #0000001A;
  border-radius: 10px;
  border-color: #FCFCFC;
}

.highlighted-word {
  color: #43A1D5;
  /*text-decoration: underline;*/
  /*text-underline-offset: 3px*/
}

/*********************************************/
/** 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: 'tahoma' !important;
  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 ***/

.scroll-dir{
	/*scrollbar-gutter: unset;*/
	/*scrollbar-width: thin;*/
}
div[style*="overflow-y"]{
	/*scrollbar-gutter: unset;
	scrollbar-width: thin;*/
}
/* width */
::-webkit-scrollbar {
  height: 3px !important;
  width: 3px !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d9d9d9 !important;
}

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


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

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

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

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


/*
:root{
  scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
  scrollbar-width: thin !important;
}*/

/*
.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-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: -10px;*/
  top: 7px;
  transform: rotate(270deg);
  left: calc(0% - 12px);
}
.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);*/
  left: 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);
}


/* 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);
  left: -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 5px 0px 5px;
}
.sub-dropdown-options-result-screen > ul > li{
  padding-left: 9px;
}
.results-entity-tools-options-container-class , .results-entity-tools-options-class{
  position: absolute;
  left: 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;
}

.list-complete-search{direction: ltr !important;}


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

#notifications-dropdown .nav-link {
  font-size: 13px;
  color: #393939;
  border-bottom: 3px solid #BCBCBC;
  position: relative;
}



/*******************************************/
/*** 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-size: 13px;
  color: #393939;
  /*border-bottom: 2px solid rgb(188 188 188 / 40%);*/
  position: relative;
}

#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: #807B7B;
}

#notifications-dropdown .nav-link.active {
  font-size: 13px;
  color: #2678A5;
  border-bottom: 3px solid #2678A5;
}
#notifications-dropdown .nav-link.active svg,
#notifications-dropdown .nav-link.active svg path{
  fill: #2678A5;
}

#notifications-dropdown .notification-badge {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  color: white;
  background: #A8A8A8;
  font-size: 10px;
  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 {
  font-size: 14px;
  font-weight: 300;
  line-height: 12px;
  color: #2678A5;

}

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

#notifications-dropdown .notification-date {
  font-size: 10px;
  font-weight: 300;
  line-height: 12px;
  color: #807B7B;

}

#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-dropdown .control_indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background: #ffffff;
  border: 1px solid #2678a5;
  border-radius: 4px;
  transform: translateY(10%);
}

#notifications-dropdown .control input:checked~.control_indicator:after {
  display: block;
}

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

/****End Notification***/



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




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





/**** Help Section***/
.btn-help{
	box-shadow: 0 0 0 0 rgba(0,0,0,1);
	
	justify-content:center;
	text-align: center;
	border: 1px solid blue;
	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: 20px;
	width:300px;
	font-size: 13px;
	display: none;
	 
}
.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: 20px;
  right: 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;
}

.qistas-element-toaster{font-family: 'Careem-Light-2';}

.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;
}

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

#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: 3px;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  margin: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.loader-line:before {
  content: "";
  position: absolute;
  left: -50%;
  height: 3px;
  width: 40%;
  background-color: #D19B2E;
  -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;
}

@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 {
         right: 20px !important;
         bottom: 30px !important;
         left: unset !important;
}

/*** 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: 12px;
    border-style: hidden;
    outline: none;
}


/*****SearchForm Media Queries****/
.search-navbar-form-div{ width: 70%;}
/*from 0 to ****/
@media only screen and (max-width: 1600px){
	.search-navbar-form-div{
		width:100%;
	}
}

/*****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;
	}
}





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

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


.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: -14px !important;
}
.owl-prev > .nav-btn.next-slide{
  top: -14px !important;
}

.owl-nav .nav-btn .fa-angles-right{
  position: relative;
  right: 5px;
}
.owl-nav .nav-btn .fa-angles-left{
  position: relative;
  right: 5px;
}


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

.dec-linkages-insideviewer-owl-div .owl-next > .nav-btn.prev-slide{position: relative;top:-10px !important;}
.dec-linkages-insideviewer-owl-div .owl-prev > .nav-btn.next-slide{position: relative;top:-10px !important;}

.dec-linkages-offcanvase-owl-div .owl-next > .nav-btn.prev-slide{position: relative;top:-10px !important;}
.dec-linkages-offcanvase-owl-div .owl-prev > .nav-btn.next-slide{position: relative;top:-10px !important;}