:root {
  
  --color1  : #fff;
  --color2  : #ed1f25;
  --color3  : #5f5b5b;
  --color4  : #4D90fe;
  --color5  : #E0E0E0;
  --color6  : #333333;
  --color7  : #E4E2E0;
  --color8  : #808080;
  --color9  : #faf9f8;
  --color10 : #faf9f8;
  --color11 : #e7e7e7;
  --color12 : #A7BED9;
  --color13 : #003EA9;
  --color14 : #50676a;
  --color15 : #656565;
  --black   : #000000;
  --green20 : #0b6a0b;
  
  --colorBoxBorder : var(--color14);
  --colorLigthBlue : #EBF9FF;
  --colorBlue      : #2196F3;
  --colorWhite     : #ffffff;
  --colorMain      : #ed1f25;
  --colorText      : #333333;
  --colorLightText : #9E9E9E;
  --colorBorder    : #A0B4B7;
  --scrollbarWidth : 0px;
}

.hidden {
  
  border: 0;
  clip: rect(1px 1px 1px 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hide {
  
  display: none!important;
}

.colorGreen {
  color: var(--green20);
}

.contentWrap {
 
  display: flex;
  justify-content: center;
  column-gap: 25px;
  row-gap: 10px;
  flex-flow: row nowrap;
  margin: 25px auto;
  width: clamp(0px, 100% ,960px);
  box-sizing: border-box;
  padding-inline: 10px;
  font-size: 14px;
}

.notification {
  
  text-align: center;
  padding: 15px;
  font-size:16px;
  background:yellow;
  
  & .notificationLink {
    
    text-decoration: underline;
    color: var(--colorBlue); 
    cursor: pointer;
  }
}

.TopSargelPadder {
  padding-top: 0px !important;
}

body.rtl .fa-arrow-up-right-from-square {
  
  transform: scaleX(-1);
}

#peopleTotalCount.misrotNumNew.Red{
    min-width: 6px;
    background: #EF1921;
    color: #ffffff;
    width: 18px;
    height: 18px;
    padding: 0;
    top: 4px;
    left: 8px;
    line-height: 18px;
}

.center{
  text-align: -webkit-center;
}

.premiumType-Premuim  {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/images/premiumLogo.png) no-repeat center;
    background-size: contain !important;
    position: absolute;
    top: 2px;
    inset-inline-end: 10px; 
}
.autoMargin{
  margin: auto;
}

.premiumType-ProJob {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/images/projoblogo.png) no-repeat center;
    background-size: contain !important;
    position: absolute;
    top: 2px;
    inset-inline-end: 10px; 
}

#MyAccountProfile {
  
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  z-index: 99;
}

.account-menu__middelMenuF__redi {
  
  display: flex;
  margin: 15px 10px;
}

.account-menu__middelMenuF__redi--link { 
  
  margin: 0 10px;
  color: black;
  line-height: 1.5;
}

img.account-menu__middelMenuF__redi--profile {
  
  height: 22px;
}

img.account-menu__middelMenuF__redi--arrow {
  
  height: 15px;
}

body.rtl img.account-menu__middelMenuF__redi--arrow {
  
  transform: scaleX(-1);
}

a.account-menu__middelMenuF {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
    text-decoration: none;
    font-weight: bold;
}

a.account-menu__middelMenuF:hover {
    text-decoration: none;
}

@media only screen and (max-width:700px) {
  .chat--minimized--page.chat--ripple--page{
    display: none;
  }
 
 #MyAccountProfile{
    width: 20%;
 } 
}
  
#ui-datepicker-div {
  z-index: 1000 !important;
}


body {
  
  width: 100%;
  margin: 0px;
  background:#f7f7f7;
  background-attachment: fixed;
  height: 100%;
  overflow-x: clip;
  direction: ltr;
  text-wrap: pretty;
}

body.rtl  {
  
  direction: rtl;
}

main {
  
  min-height: calc(100dvh - 150px);
}

body,textarea,table,button,input,select {
  font-family:arial;
}

body,textarea,table,button {
  font-size:12px;
}

input,
select {
  font-size:13px;
}

td,
div,
span {
  text-align: start;
}

p {
  margin:0px;
}

img {
  color: transparent;
}



.noGoogleOneTap  #credential_picker_iframe  {
  
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.shopShadow {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 3px #b8b8b8;
  -webkit-box-shadow: 0px 2px 3px #b8b8b8;
  box-shadow: 0px 2px 3px #b8b8b8;
}

.pres {
  background-color: #ffffff;
  -moz-box-shadow: 0px 2px 3px #b8b8b8;
  -webkit-box-shadow: 0px 2px 3px #b8b8b8;
  box-shadow: 0px 2px 3px #b8b8b8;
}

.presBlack {
  border: 1px solid #000000;
}

.presSargel {
  background-color: #E3E5E7;
  border: 1px solid #B8B8B8;
}

.presup {
  background-color: #ffffff;
  -moz-box-shadow: 0px 2px 3px #b8b8b8;
  -webkit-box-shadow: 0px 2px 3px #b8b8b8;
  box-shadow: 0px 2px 3px #b8b8b8;
}

.presDown {
  border-right: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  border-top: 1px solid #B8B8B8;
}

.presmid {
  border-right: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  border-top: 1px solid #B8B8B8;
}

.over {
  background-color: yellow;
  text-decoration: none;
  border-bottom: 1px solid #D9D9D9;
}

.jobTitle {
  background-color: #EEEEEE;
}

.lineGray2 {
  border-bottom: 1px solid #B8B8B8;
}

.lineGray3 {
  border-bottom: 1px solid #EEEEEE;
}

.dbllineGray2 {
  border-bottom: 1px solid #B8B8B8;
  border-top: 1px solid #B8B8B8;
}

.title {
  font-size:14px;
}
.jobShortDescription {
    padding-right: 1%;
    padding-top: 3%;
    padding-inline-end: 6px;
}
.titleline {
  font-size:14px;
  border-bottom: 1px solid #B8B8B8;
  font-weight: bold;
}

.error {
  font-size:18px;
}

.line {
  border-bottom: 1px solid #000000;
}
.line .bttn{
  padding: 0;
  height: 18px;
  line-height: 18px;
  min-width: 45px;
  font-size: 11px;
}
.line.True .bttn {
 background:red;
}
.lineTwo .bttn{
  padding: 0;
  height: 18px;
  line-height: 18px;
  min-width: 45px;
  font-size: 11px;
}
.lineTwo.True .bttn {
 background:red;
}

.linegray {
  border-bottom: 1px dotted #B8B8B8;
}

.but            {text-align:center;color:black;cursor:pointer;height:24px;BORDER: #B8B8B8 1px solid;display:inline-table;padding-top: 0px;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF) );background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF)";line-height:12px}
.butMarked      {text-align:center;color:black;cursor:pointer;height:24px;BORDER: #585858 1px solid;display:inline-table;padding-top: 0px;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C8C8C8) );background: -moz-linear-gradient(top, #FFFFFF, #C8C8C8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#C8C8C8);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#C8C8C8)";line-height:12px}
.butDown        {text-align:center;color:black;cursor:pointer;height:24px;BORDER: #B8B8B8 1px solid;display:inline-table;padding-top: 0px;background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#FFFFFF) );background: -moz-linear-gradient(top, #C8C8C8, #FFFFFF);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8, endColorstr=#FFFFFF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8, endColorstr=#FFFFFF)";line-height:12px}
.butDownPress   {text-align:center;color:white;cursor:pointer;height:24px;BORDER: #989898 1px solid;display:inline-table;padding-top: 0px;background: -webkit-gradient(linear, left top, left bottom, from(#C4C4C4), to(#989898) );background: -moz-linear-gradient(top, #C4C4C4, #989898);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4C4C4, endColorstr=#989898);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4C4C4, endColorstr=#989898)";line-height:12px}
.butEmpty       {text-align:center;color:black;cursor:pointer;height:24px;BORDER: transparent 1px solid;display:inline-table;padding-left: 0px;background-color:transparent;line-height:12px}

.butDis,
.butShort {
  text-align:center;
  border: 1px solid #B8B8B8;
  display:table-cell;
}

.butDis {
  color:gray;
  cursor:default;
  height:22px;
  padding:2px;
  background-image:url('/images/back-but.gif');
}

.butShort {
  
  color:black;
  cursor:pointer;
  height:20px;
  padding:1px;
  background-image:url('/images/back-but.gif');
}

.1openSpanTable {
  
  border-inline-start: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-inline-end: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.openSpanTable {
  border: 1px solid #989898;
}

h1 {
  font-size:14px;
  display:inline;
  font-weight:normal;
}

h1#h1Header {
  
  all: revert;
  margin: 0;
  text-align: start;
  line-height: 1.1;
  text-wrap: balance;
}

.ResultsSargel {
  
  margin-bottom: 15px;
  line-height: 1.5;
}

a {
  
  color: #1a0dab;
  
}

a.black {
  text-decoration: none;
  color:black;
  font-weight: bold;
}

a.big {
  font-size: 14px;
}

a:active {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
  color:red;
}

.tabBG {
  background-color: #DEEBEA;
}

.tabBG2 {
  background-color: #E9E0E8;
}

.tabWhite,
.tabWhiteGlow,
.tabGray,
.tabGrayGlow,
.tabRed,
.tabRedGlow {
  position:absolute;
  margin-top:1px;
}

.tabWhite .tab_border_l,
.tabWhite .tab_border_r,
.tabWhiteGlow .tab_border_l,
.tabWhiteGlow .tab_border_r {
  width:15px;
  height:25px;
  display:block;
}

.tabGray .tab_border_l,
.tabGray .tab_border_r,
.tabGrayGlow .tab_border_l,
.tabGrayGlow .tab_border_r,
.tabRed .tab_border_l,
.tabRed .tab_border_r,
.tabRedGlow .tab_border_l,
.tabRedGlow .tab_border_r {
  width:15px;
  height:24px;
  display:block;
}

.tabWhite .tabCenter,
.tabWhiteGlow .tabCenter,
.tabGray .tabCenter,
.tabGrayGlow .tabCenter,
.tabRed .tabCenter,
.tabRedGlow .tabCenter {
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
}

.tabWhite .tab_border_l {
  background: url('/images/tabs.png') -0px 0px;
}

.tabWhite .tab_border_r {
  background: url('/images/tabs.png') -15px 0px;
}

.tabWhiteGlow .tab_border_l {
  background: url('/images/tabs.png') -0px 0px;
}

.tabWhiteGlow .tab_border_r {
  background: url('/images/tabs.png') -15px 0px;
}

.tabGray .tab_border_l {
  background: url('/images/tabs.png') -30px 0px;
}

.tabGray .tab_border_r {
  background: url('/images/tabs.png') -45px 0px;
}

.tabGrayGlow .tab_border_l {
  background: url('/images/tabs.png') -60px 0px;
}

.tabGrayGlow .tab_border_r {
  background: url('/images/tabs.png') -75px 0px;
}

.tabRed .tab_border_l {
  background: url('/images/tabs.png') -30px -50px;
}

.tabRed .tab_border_r {
  background: url('/images/tabs.png') -45px -50px;
}

.tabRedGlow .tab_border_l {
  background: url('/images/tabs.png') -60px -50px;
}

.tabRedGlow .tab_border_r {
  background: url('/images/tabs.png') -75px -50px;
}


bodt.rtl .tabWhite .tab_border_l,
bodt.rtl .tabWhite .tab_border_r,
bodt.rtl .tabWhiteGlow .tab_border_l,
bodt.rtl .tabWhiteGlow .tab_border_r,
bodt.rtl .tabGray .tab_border_l,
bodt.rtl .tabGray .tab_border_r,
bodt.rtl .tabGrayGlow .tab_border_l,
bodt.rtl .tabGrayGlow .tab_border_r,
bodt.rtl .tabRed .tab_border_l,
bodt.rtl .tabRed .tab_border_r,
bodt.rtl .tabRedGlow .tab_border_l,
bodt.rtl .tabRedGlow .tab_border_r {

  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.tabWhite .tabCenter {
  
  background:white;
  border-top:1px solid #B8B8B8;
}

.1tabWhite .tabTableBorder {
  
  border-bottom: 1px solid white;
}

.tabWhiteGlow .tabCenter {
  background:white;
  border-top:1px solid #B8B8B8;
}

.tabWhiteGlow .tabTableBorder {
  border-bottom:1px solid white;
}

.tabGray .tabCenter {
  background:#EEEEEE;
  border-top:1px solid #B8B8B8;
}

.tabGrayGlow .tabCenter {
  background:#E3E2E2;
  border-top:1px solid #B8B8B8;
}

.tabRed .tabCenter{
  background:#CD080F;
  border-top:1px solid #B51117;
}

.tabRedGlow .tabCenter {
  background:#FF0009;
  border-top:1px solid #B51117;
}

.tabOn {
  border-top: 1px solid #B8B8B8;
  border-right: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  background-color:white;
  cursor:auto;
}

.tabOnYellow {
  border-top: 1px solid #B8B8B8;
  border-right: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  background-color:#FFFEE2;
  cursor:auto;
}

.tabOnGray {
  border-top: 1px solid #B8B8B8;
  border-right: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  background-color:#EEEEEE;
}

.tabOff {
  border-bottom: 1px solid #B8B8B8;
}

.tabOnRed {
  border-top: 3px solid #DE0032;
  border-right: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  background-color:white;
  cursor:auto;
  padding-top:8px;
}

.tabOffRed {
  border-bottom: 1px solid #B8B8B8;
  border-top:10px solid white;
  background-color:#EEEEEE;
}

.tabOffRed2 {
  border-bottom: 1px solid #B8B8B8;
  border-top:10px solid white;
}

.tabOnRedDiv {
  width:100%;
  height:100%;
}

.tabOffRedDiv {
  width:100%;
  height:100%;
  border-top: 1px solid #B8B8B8;
}

.sargelColor {
 
  text-align:center;
  color:black;
  cursor:pointer;
  height:24px;
  border: 1px solid #B8B8B8;
  border-bottom: 1px solid #FFFFFF;
  display:inline-table;
  padding-top: 5px;
  padding-inline-end: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#FFFFFF) );
  background: -moz-linear-gradient(top, #F1F1F1, #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1F1F1, endColorstr=#FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1F1F1, endColorstr=#FFFFFF)";
  line-height:12px;
}

.round2 {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.round3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.round4 {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.round5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.round6 {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.round10 , .bttn.round10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.roundAll {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

/*---=== tableList styles ===---*/
.tblSelOptions div {
  border: red 1px solid;
}
.tblSelOptions {
  border: #c6c6c6 1px solid;
  font-style:15px;
  padding-top:5px;
  padding-bottom:5px;
}

.tblSelOptions td {
  height:24px;
  padding-inline-start: 20px;
  cursor:pointer;
  text-align: start;
}

.tblSelOptions td:hover {
  background-color: #EEEEEE;
}

.shadow {
  -webkit-box-shadow: 0 8px 6px -6px gray;
}

.shadowText {
  text-shadow:0px 3px 5px rgba(0,0,0,0.5);
}
/* ============ end ================ */


/*---=== rightSargel styles ===---*/
.rightSargel {
  padding:0px;
  font-size:14px;
}
.rightSargel li{
  overflow: hidden;
  width:calc(100% - 8px);
  display: inline-block;
}

.rightSargel a {
  font-size:14px;
}
/* ============ end ================ */

.grayBox {
  
  border-inline-end: 1px solid #d9d9d9;
  padding:0px 5px;
  font-size:11px;
  width:100px;
  height:16px;
  overflow:hidden;
  display:inline-block;
}

.tagBox {
  border:1px solid #d9d9d9;
  padding:0px 5px;
  font-size:11px;
  background-color:#f5f5f5;
}

.alpha40 {
  filter:alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity:0.4;
}
.alpha50 {
  filter:alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity:0.5;
}
.alpha70 {
  filter:alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity:0.7;
}
.alpha80 { 
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
}
.alpha90 {
  filter:alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity:0.9;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #b8b8b8;
}

.tableView {
  width:570px;
  border-radius:4px;
  border:0px;
  border-spacing: 0px;
  padding:0px;
  direction:ltr;
  font-size:14px;
  padding-bottom:25px;
}

body.rtl .tableView {
  
  direction: rtl;
}

.tableView td {
  padding:4px 8px;
  border-bottom:1px solid #d5d5d5;
  border-inline-end: 1px solid #d5d5d5;
  text-align:center;
}


.tableView td:first-child {
  border-inline-start: 1px solid #d5d5d5;
  text-align: start;
}

.tableView tr:first-child td {
  border-top:1px solid #d5d5d5;
}

.tableView .myGrey {
  background-color:#e9e9e9;
  font-weight:bold;
}

.tableView .myBold {
  font-weight:bold;
}

.tableView .myV {
  color:green;
  font-size:14px;
  font-weight:bold;
}

.arrow-up   {
  
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid gray;
}

.arrow-down {
  
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:10px solid gray;
}

.arrow-right{
  
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-inline-end: 10px solid gray;
}

.arrow-left {
  
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-inline-start: 10px solid gray;
}

.overflow_hidden {
  
  overflow:hidden;
}



#modal_window .err500 {
  position: static;
  max-width: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#modal_window .errTable {
  width: 100%;
  word-break: break-word;
}

#modal_window .backBttn {
  display: none;
}

.LoaderCss {
  
  /*overflow: hidden;*/
  /*width: 45px;*/
  /*height: 45px;*/
  /*margin: 80px auto;*/
  /*position: relative;*/
  /*mix-blend-mode: darken;*/
  
  
  color: red;
  font-size: 30px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  
}

[id*="Mekudam"] .LoaderCss,
[id*="misra"] .LoaderCss {
  
  position: absolute;
  inset: 0; 
}

.LoaderCss.Black {
  color: #9e9e9e;
}

.LoaderCss.Small {
  font-size: 14px;
  margin: 3px auto;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.LoaderCss.IE { /* IE9 only */
  background-image: url('/images/ajax-loader.gif');
  background-size: 100%;
  border: none;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}


.FloatLeft {
  
  float: inline-end;
}

.FloatRight{
  
  float: inline-start;
}

select {
  
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA8FBMVEUAAABscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnZscnYAAACuhhX2AAAATnRSTlMAD1WZudPs6c+1kUoJvvv2sjk7wq8pA4tqELibBhHXwQzDjD/GThP8WqDA2vPy2FS9REa7M/3+N3l/qK4BCszREs7SFdAUrX66QvlQlutjYh0GAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+ALAwgnDoyb4QcAAAQnSURBVHja7ZrXUltBEAWXHIRETiKJnINtjBO2bMBk5v8/xwIKQ4GEdu/dMDM6/Xz21nRX6U3GAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADppa+/o7Oru6e3rLwykvsU3A4X+vt6e7q7Ojva2BpNCsUT/GRwaTn2yT4aHBp/dSsVCncnIKL1ibDz12b4YH3vtNjryajIxSW8pTaW+3A9TpTpykxMvJ9NlqsvMbOrj8zM7U9+tPP28mZunBixUUt+fl8pCI7f5uafNRCc1ZFF4gcpiY7fOp1/BEpHWAu/5Ey09jpaJtBZ4359o+WG1QloLNPOnlfvVKjVDaoGm/kSrtVnzldACFv60aMzaevOZyAI2/rS+ZjYsZhILWPkTbZhNq524Apb+tGm27IbCCtj605bZtlyKKmDtT9tmx3YqqIC9P+2YXeutmAIO/rRr9uzHQgq4+NOeKTqsRRRw8qeimXGZCyjg5k8zZt9pz76Aoz/tm7aSpgKu/qU2Yw7cnrAu4OpPB7VHHxzfMC7g7E8f75990lLA3b/48O7ws44C7v5HXx5ffnV9yLKAuz99e3r7XUGBDP4/jp8e//wlvkAG/+oLhd9/hBfI4H9y+vIDwgvk9hdewIO/6AJe/AUX8OQvtoA3f6EFPPqLLODVX2ABz/7iCnj3F1YggL+oAkH8BRUI5C+mQDB/IQUC+osoENRfQIHA/uwLBPdnXiCCP+sCUfwZF4jkz7ZANP9agV6GBSL6sywQ1Z9hgcj+7ApE92dWIIE/qwJJ/BkVSOTPpkAyfyYFEvqzKJDUn0GBxP7JCyT3T1yAgX/SAiz8jVlLVYCJf7ICbPwTFWDkn6QAK/8EBZj5Ry/Azj9yAYb+UQuw9K8VOItUgKl/tAJs/SMVYOwfpQBr/wgFmPsHL8DeP3ABAf5BC4jwD1hAiH+wAmL8AxUQ5B+kgCj/AAWE+XsvIM7fcwGB/l4LiPT3WECov7cCYv09FRDs76WAaH8PBYT75y4g3j9nAQX+tQLVzAVU+OcooMQ/cwE1/hkLKPI35m+GApr8MxVQ5R+jAG//8AW4+4cuwN8/bAEJ/iELyPAPV0CKf6gCcvzDFJDkH6KALH//BaT5+y4gz99vAYn+PgvI9PdXQKq/rwJy/f0UkOxfK3DS2v75C0j3z1tAvn++Ahr88xTQ4Z+9gBb/rAX0+GcroMk/SwFd/u4FtPm7FtDn71ZAo79LAZ3+9gW0+tsW0OtvV0Czv00B3f7GnJ60tn+zAvr93y/QCv61Ag3/VXvWEv7GVM7r+59XUl8Wi+OLo7f6RxfH+b8shsPL1/6Xh6lvisxV+frZ/rp8lfqeBFRubsvVu7tq+famkvoWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAX/AKomjnlpuvrfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTExLTAzVDA4OjM5OjE0KzAxOjAwLGjX7QAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0xMS0wM1QwODozOToxNCswMTowMF01b1EAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC');
  background-color: transparent;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) center;
  background-size: 14px;
  padding: 5px;
  padding-inline-end: 22px ;
  border: 1px solid #a9a9a9;
}

body.rtl select {
  
  background-position: 4px center;
}

select::-ms-expand {
  
  display: none;
}

.noWrap{
  
  white-space:nowrap;
}

.noWrap > *:not(.noWrap){
  white-space:normal;
}

.SubMenuList .big,
.Transition,
.SubMenuList font{
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
}

.TransitionLinear{
  -webkit-transition: 150ms linear;
  -moz-transition: 150ms linear;
  -o-transition: 150ms linear;
  transition: 150ms linear;
}

.TransitionQuick{
  -webkit-transition: 100ms;
  -moz-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
}

.TransitionRealQuick {
  -webkit-transition: 50ms;
  -moz-transition: 50ms;
  -o-transition: 50ms;
  transition: 50ms;
}

.TransitionLong{
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}


/* -------------------- TopSargelClasses                     -------------------- */

.SignInBtn{
  color: #333333;
  text-decoration:none;
  display: inline-block;
}

.SignInBtn:hover{
  text-decoration:underline;
}

#leftBanner,
#rightBanner{
  position:fixed;
  display:none;
  width: 160px;
}

#leftBanner{
  left:1px;
}

#rightBanner{
  right:1px;
}


/* ------------------------------ Secondary Sargels Menu ---------------------------------------- */
.SecondSargelPlaceHolder {
  position: relative;
  text-align: center;
  width: 100%;
  height: 42px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -ms-flex-positive:1;
  flex-grow:1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.SubSecondSargelPlaceHolder {
  max-width: 940px;
  width: 100%;
  display: block;
}

.SecondSargelItem{
  font-size: 14px;
  width: 98px;
  display: inline-block;
  text-align: center;
  color: #333333;
  text-decoration: none;
  vertical-align: middle;
  padding: 5px;
  height: 32px;
  line-height: 32px;
  position:relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.SecondSargelItem.Selected:hover,
.SecondSargelItem:hover {
  background: #2196f3;
  color:#ffffff;
  text-decoration:none;
}

.SecondSargelItem.Selected{
  color: #2196f3;
}

.SecondSargelItem.Selected:after{
  content:'';
  position:absolute;
  bottom:0px;
  inset-inline-start: 0;
  height:3px;
  width:100%;
  background:#2196f3;
}

.TopSargelLinksPlaceHolder{
  
  display:inline-block;
}


.MaasikLoginText{
  
  width: 120px;
  height: 20px;
  line-height: 18px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

footer,
footer *,
footer *:before,
footer *:after {
  
  box-sizing: border-box;
}

footer {
 
  background: white; 
  font-size: 12px;
  color: #5F5F5F;
}

footer a {
  
  text-decoration: none;
  color: inherit;
}

footer a:is(:hover) {
  
  text-decoration: underline;
  color: inherit;
}

footer > .FooterWanted {
  
  background: color-mix(in lab, black, white 98%);
  box-shadow: inset 0 50px 100px white;
  border-top: 1px solid color-mix(in lab, black, white 96%);
  margin-top: 40px;
}

footer > .FooterWanted .FooterWantedRows {

  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: auto;
  padding: 20px 10px;
  gap: 20px;
}

footer > .FooterWanted .FooterWantedRows > .FooterWantedColumn{
  
 flex: 1;
}

footer > .FooterWanted ul {
  
  overflow: clip;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}

footer > .FooterWanted .FooterWantedRows  li a {
  
  display: block;
}

footer > .FooterWanted .FooterWantedRows h3 {
  
  font-size: 14px;
  margin: 10px 0; 
  white-space: nowrap;
}

.footerUK {
  
  padding: 20px 10px 10px;
  margin-top: 40px;
}

/*
body:has(.myBoard.selected) #lastSearchesTab,
body:has(.myBoard.selected) footer > .FooterWanted {
  
  display: none
}*/

.FooterLinks,
.FooterCredit{
  
  text-align:center;
}

.FooterCredit{
  
  direction:ltr;  
  padding-bottom: 10px;
}

.ALink,
.OrderByLink,
.JobItem .ByTitle{
  color:#2a4a93;
}

.OrderByLink{
  font-size:16px;
}

.ALink,
.OrderByLink,
.JobItem a{
  text-decoration:none;
}

.ALink:hover,
.OrderByLink:hover,
.JobItem a:hover{
  text-decoration:underline;
}

.Pad2{
  padding:0px 2px;
}

.SwitchPlaceHolder{
  float: inline-end;
}
.SwitchPlaceHolder.isActivePlaceHolder{
  position: absolute;
  inset-inline-end: 15px;
  top: 13px;
}
.PhoneLink{
  color:#333333;
  text-decoration:none;
}

.PhoneLink:hover{
  color:blue;
}

.Counter {
  display:inline-block;
}

/* ---------------------------- SEARCH ---------------------------------- */

.FreeSearchTextBoxPlaceHolder {
  
  display: inline-block;
  width: calc(49% - 45px);
  margin-inline-end: 1%;
  position: relative;
}

.ClearText,
.SearchIcon {
  
  position: absolute;
  top: 0px;
  width: 15px;
  height: 30px;
}

.SearchIcon {
  
  inset-inline-start: 12px;
  background-size: contain !important;
}

.ClearText {
  
  inset-inline-end: 5px;
  width: 10px;
  padding: 0px 10px;
  background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY3Jvc3MiPgoJCTxnPgoJCQk8cG9seWdvbiBwb2ludHM9IjYxMiwzNi4wMDQgNTc2LjUyMSwwLjYwMyAzMDYsMjcwLjYwOCAzNS40NzgsMC42MDMgMCwzNi4wMDQgMjcwLjUyMiwzMDYuMDExIDAsNTc1Ljk5NyAzNS40NzgsNjExLjM5NyAgICAgIDMwNiwzNDEuNDExIDU3Ni41MjEsNjExLjM5NyA2MTIsNTc1Ljk5NyAzNDEuNDU5LDMwNi4wMTEgICAgIiBmaWxsPSIjMzMzMzMzIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=') center no-repeat;
  background-size: 10px;
}

.SearchIcon.Job {
  
  background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik02NCwxN0g0MS45MDNDNDEuNTUsMTQuNjU3LDM5Ljg4LDksMzIsOXMtOS41NSw1LjY1Ny05LjkwMyw4SDB2MzhoNjRWMTd6IE0zMiwxMWM2LjEyMiwwLDcuNTU1LDQuMDY0LDcuODkyLDZoLTE1Ljc5ICAgIEMyNC40MjgsMTUuMDY0LDI1LjgzOSwxMSwzMiwxMXogTTYyLDE5djEwSDJWMTlINjJ6IE0yOCwzMWg4djRoLThWMzF6IE0yLDUzVjMxaDI0djZoMTJ2LTZoMjR2MjJIMnoiIGZpbGw9IiNhZGFkYWQiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') center no-repeat;
}

.SearchIcon.Location {
  
  background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU0Ljc1NyA1NC43NTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU0Ljc1NyA1NC43NTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjcuNTU3LDEyYy0zLjg1OSwwLTcsMy4xNDEtNyw3czMuMTQxLDcsNyw3czctMy4xNDEsNy03UzMxLjQxNiwxMiwyNy41NTcsMTJ6IE0yNy41NTcsMjRjLTIuNzU3LDAtNS0yLjI0My01LTUgICBzMi4yNDMtNSw1LTVzNSwyLjI0Myw1LDVTMzAuMzE0LDI0LDI3LjU1NywyNHoiIGZpbGw9IiNhZGFkYWQiLz4KCTxwYXRoIGQ9Ik00MC45NCw1LjYxN0MzNy4zMTgsMS45OTUsMzIuNTAyLDAsMjcuMzgsMGMtNS4xMjMsMC05LjkzOCwxLjk5NS0xMy41Niw1LjYxN2MtNi43MDMsNi43MDItNy41MzYsMTkuMzEyLTEuODA0LDI2Ljk1MiAgIEwyNy4zOCw1NC43NTdMNDIuNzIxLDMyLjZDNDguNDc2LDI0LjkyOSw0Ny42NDMsMTIuMzE5LDQwLjk0LDUuNjE3eiBNNDEuMDk5LDMxLjQzMUwyNy4zOCw1MS4yNDNMMTMuNjM5LDMxLjQgICBDOC40NCwyNC40NjgsOS4xODUsMTMuMDgsMTUuMjM1LDcuMDMxQzE4LjQ3OSwzLjc4NywyMi43OTIsMiwyNy4zOCwyczguOTAxLDEuNzg3LDEyLjE0Niw1LjAzMSAgIEM0NS41NzYsMTMuMDgsNDYuMzIxLDI0LjQ2OCw0MS4wOTksMzEuNDMxeiIgZmlsbD0iI2FkYWRhZCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=') center no-repeat;
}

.FreeSearchTextBox {
  width: calc(100% - 60px);
  padding: 0px 30px;
  border: 1px solid #dedede;
  height: 28px;
  margin-inline-end: 14px;
}

.FreeSearchTextBox::-ms-clear {
  display: none;
}

/* ----------------------------END SEARCH------------------------------ */
/* ----------------------------REGIONS AND AREAS------------------------------ */

#regionsForm {

  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  
  & #actionButtons {
    
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    
    & .bttn {
      
      height: 40px;
      border-radius: 100vh;
      padding-inline: 25px;
      box-sizing: border-box;
      font-size: 14px;
    }
  }
}

#regionsForm .EzorUl {
  
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-radius: 5px;
  flex: 1;
  min-width: 165px;
  overflow: hidden;
}

#regionsForm .EzorUl li {
  display: flex;
  gap: 10px;
  padding: 10px;
}

#regionsForm .EzorUl li:first-child {
  
  font-weight:bold;
}

#regionsForm .EzorUl li:not(:last-child) {
  
  border-bottom: 1px solid #ececec;
}

/* ----------------------------END REGIONS AND AREAS------------------------------ */

.SaveButton {
  width: 100%;
}

.SaveButton.WithCancel {
  width: 30%;
  margin-inline-end: 40%;
}

.CancelButton {
  width:30%;
}

@media only screen and (max-width:700px) {
  .SaveButton.WithCancel {
    width: 65%;
    margin-inline-end: 5%;
  }
}

.FreeSearchTextBoxAutoComplete {
  width: 100%;
  inset-inline-start: 1px;
  bottom: 0px;
  position: absolute;
  z-index: 1000;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  background:#ffffff;
}

.InputFix {
  padding: 8px 5px;
  box-sizing: border-box;
  border: none;
  vertical-align: top;
}

.InputFix.Ltr{
  direction:ltr;
}

textarea.InputFix{
  height:initial;
  line-height:initial;
}

.InputFix:focus{
  outline:none;
}

select.InputFix {
  background-color: #ffffff;
  line-height: 20px;
}

.AutoCompleteStyle,
.CardStyle,
.Materialshadow {  /* card1 */
  -moz-box-shadow:    0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  box-shadow:         0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.Materialshadow2 { /* card2 */
  -moz-box-shadow:    0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow:         0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.Materialshadow3 { /* card3 */
  -moz-box-shadow:    0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow:         0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.Materialshadow4 { /* card4 */
  -moz-box-shadow:    0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  box-shadow:         0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.Materialshadow5 { /* card5 */
  -moz-box-shadow:    0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  box-shadow:         0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

#ajax_popDiv .presBlack,
.Materialshadow6 { /* PopUp */
  -moz-box-shadow:    0 4px 8px rgba(0,0,0,.32),0 8px 40px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.32),0 8px 40px rgba(0,0,0,.4);
  box-shadow:         0 4px 8px rgba(0,0,0,.32),0 8px 40px rgba(0,0,0,.4);
}

.CenterContent{
  
  margin:auto;
  width:100%;
  color:#333333;
  position:relative;
  padding-inline: 10px;
  box-sizing: border-box;
}

.MainPanel {
  width: calc(100% - 260px);
  margin:auto;
  display:table;
}

.MainLeftPanel {
  width: calc(100% - 260px);
  padding: 0px 5px;
  display:inline-block;
  vertical-align:top;
}

.MainPanelHeader {
  text-align: start;
  font-size: 16px;
  padding-inline-start: 5px;
  height: 26px;
  line-height: 34px;
  margin: 5px 0px;
}

.CardStyle{
  background:#ffffff;
  width:100%;
  border-radius:2px;
  position:relative;
}

.CardRow{
  
  border-bottom:1px solid #dddddd;
  width:calc(100% - 10px);
  padding:10px 5px;
  position:relative;
}

.CardRow:last-child {
  
  border-bottom:none;
}


.SearchFilterListHeader {
  
  text-align: center;
  font-size: 20px;
  margin: auto;
  display: block;
  padding: 15px;
}

.CardRow.ArrowUpdate {

  text-decoration: none;
  padding: 10px 20px; 
  font-size:16px;
  border-color:#eeeeee;
  box-sizing: border-box;
  min-height: 50px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  color: inherit;
  
  & i {
    
    font-size: 20px;
  }
  
  &:is(:hover) {
    
    background: rgba(0,0,0,.05)
  }
  
  &.hide {
    
    display: none!important;
  }
  
  
   @media only screen and (max-width: 699px) {
    
    &.spShow {
      
      display: flex!important;
    }
  }
}

.SearchFilterListWrapper {
  
  & .hide {
    
    display: none!importante;
    
    @media only screen and (max-width: 699px) {
    
      &.spShow {

        display: flex!important;
      }
    }
  }  
}

.CardRow > div {
  padding: 5px 0px;
}

.CardHeader{
  font-size:14px;
  position:relative;
}

.MainSub{
  width: 230px;
  padding: 10px;
  display: inline-block;
}

.mobileDisplayBack{
  display:none;
}

.Point{
  cursor:pointer;
}

.ArrowUpdate:after {
  
  width: 0;
  height: 0;
  transform: translateY(-50%) scaleX(-1);
}

body.rtl .ArrowUpdate:after {
  
  transform: translateY(-50%)
}

.ArrowDown:after {

  transition: 150ms;
  content: '';
  width: 15px;
  height: 15px;
  display: table;
  position: absolute;
  inset-inline-end: 10px;
  top: 20px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEX///8AAABlam9kam9kaHBlam5ka29kam9jam9qampkaW5jam9ka3Blam9kam9ja3Bkam8AAABaaY/SAAAAEHRSTlMAAY7lQp11nMMMm5qZmJdi3/zQnwAAAAFiS0dEAf8CLd4AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsICwgx9JRdAAAATElEQVQoz53SOQ4AIAhEUdx35f6ntdWEMUHK9xNoILrHWOdJGBOYo+SJORfBq9Kb0jvwofQpOy3gOMBV8PizdFjaR6kfJcECnuF4nw0iNQU7gMpOVQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxMTowOCswMjowMFE4h5EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTE6MDgrMDI6MDAgZT8tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
  background-size: 100% !important;
  pointer-events: none;
  transform: rotate(-90deg);
}

.ArrowDown.Open:after {

  transform: rotate(-90deg) rotateY(180deg);
}

.deleteRow:after {
  
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABEVBMVEX///9hanJla2+AgIBkaW9kam9jam5ibGxkam5kam9janBjaG1lanBkam9kam5kam9qampkam9kam9kam9jam9kam9kam9kam5xcXFma29ka29kam9kam9kam9la3Fka29kam9kam9la29jaW5kam9kaW9kbW1laW9kam9kb29lam9kam9lanBVVVVjam5kam9kam9mZmZiYnZlanBkam9kaW1ka25ja29laW9jaW9la25laW5ka29ja25ja3BkanBjbHBiam5hZ21lanBja2tbbW1kam9kam9kam9kam9jam9kam9ka25kam9kaW9jaW9ka25kaW9jaW9kaW9laXBkaW5ja3Bla25kbHBkam8AAABtNPkYAAAAWXRSTlMAHUwELtF0Gn/pkDGL/bteDNvT7MP69aQJN7141NYrpfbifF+8jxx30heO6FsDSKbzCg1goThKiE5+hm11XWRSO0EqMB8O+Pzn19rGybW4p5SWg4VyYWJRQLM3P7EAAAABYktHRFoDu6WiAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AYdCSsTCrxM+AAAAPhJREFUOMt90NlWwjAQBuCI2gK1gJR9ExWoLKKyqOwqKIioIOu8/4vIAXs8MxP4L3KR+ZJMRohtDmyH6/XoWFGFPHZwODVxAqC73B4ZOIV1vAb4/ACBYIjVw/CXiBKNQZxfkDgLWCR5DheyNzyXKd0yjrQmbTRjxiwCV0pWarRc3iKFHf+9Lt5s2rm9EztTKkd0qIi9yZhVvHH/gPNIT9QAp05Bg4AmBS0C2hTYCOhQ8ETAMwUvBHQpUAnoURAi4JWN7g3V+3y2AwQMDt4RGHLwgcCIg08EvjgIIvDNwRiBCQc/CEw5mCGgcDBHYMHBEoElBysEVv+FX+JUiHHyU4R5AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA2LTI5VDA5OjQzOjE5KzAyOjAws1Pf6gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNi0yOVQwOTo0MzoxOSswMjowMMIOZ1YAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC');
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}

.deleteRow:after,
.ArrowUpdate:after {
  
  content: '';
  display: table;
  position: absolute;
  inset-block-end: 10px;
  top: 50%;
  background-size: 100% !important;
}


.BasicLabel {
  
  width: auto !important;
  background: transparent !important;
  border: none !important;
}

.UpdateGroupPlaceHolder{
  
  margin:auto;
  display:table;
  width: 99%;
  padding: 10px 0.5%;
}

.UpdateGroup {
  
  margin: 10px 0px;
  display: inline-block;
  width: calc(100% - 2px);
  border: 1px solid #dddddd;
  border-radius:2px;
}

.UpdateGroup:first-child{
  
  margin-top:0px;
}

.UpdateElement {
  
  background: #ffffff;
  width:100%;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.CustomCheck:not(.wtf)  {

  & .UpdateElementNew {
    
    background: #ffffff;
    width:100%;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    
    & .BasicLabel {
    
      position: relative;
      padding: 8px 0px;
      padding-inline-start: 30px;
    }
  }
}

form[name="advancedSend"] {
  
  & #buttons {
    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
    
    & .bttn {
      
      height: 40px;
      border-radius: 100vh;
      padding-inline: 25px;
      box-sizing: border-box;
      font-size: 14px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      white-space: nowrap;
      min-width: 65px;
      text-align: center;
      
      &:is(:hover) {
        
        color: var(--colorWhite);
      }
      
      &.cancel {
        
        padding: 0;
        height: auto;
        border-radius: 0;
        border: 0;
        background: none;
        color: var(--colorBlue);
        box-shadow: none;
        
        &:is(:hover) {
          
          text-decoration: underline;
        }
      }
    }
  }
}

.UpdateGroup .UpdateElement input {
  box-sizing: border-box;
  line-height: 20px;
}

.UpdateGroup .UpdateElement input:disabled{
  font-weight:bold;
}

.UpdateGroup .UpdateElement label {
  width: 90px;
  display: inline-block;
  color: gray;
  background: #f7f7f7;
  padding-inline-start:  5px;
  border-inline-end: 1px solid #dedede;
  vertical-align:top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 5px;
  line-height: 20px;
}

.UpdateGroup .UpdateElement .mdl-checkbox__box-outline {
  
  top: 11px;
  inset-inline-start: 5px;
}

.UpdateGroup .UpdateElement .mdl-checkbox__ripple-container {
  
  top: 1px;
  inset-inline-start: -6px;
}

.UpdateGroup .UpdateElement .mdl-checkbox__focus-helper {
  
  top: 11px;
  inset-inline-start: 5px;
}

.UpdateGroup .UpdateElement label.mdl-checkbox,
.UpdateGroup .UpdateElement label.mdl-radio {
 
  padding-inline-start: 24px;
  line-height: unset;
  display: inline-table;
}

.UpdateGroup .UpdateElement label.mdl-radio .mdl-radio__outer-circle {
 
  inset-inline-start: 2px;
  top: 10px;
}

.UpdateGroup .UpdateElement label.mdl-radio .mdl-radio__inner-circle {
  
  inset-inline-start: 6px;
  top: 14px;
}

.UpdateGroup .UpdateElement label.mdl-radio .mdl-radio__ripple-container {
  
  inset-inline-start: -11px;
  top: -2px;
}

.UpdateGroup .UpdateElement .EqualWidth {
 
  width: calc(100% - 101px);
}

.UpdateGroup .UpdateElement .HalfWidth {
  
  width: calc(50% - 50.5px);
}

.UpdateGroup .UpdateElement .ThirdWidth {
  
  width: calc((100% - 102px) /3);
}

.UpdateGroup .UpdateElement .checkbox {
  
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0px;
  position: absolute;
  inset-inline-end: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.UpdateGroup .UpdateElement .checkboxComment {
  color: #696969;
  font-size: 12px;
  line-height: 14px;
  width: 177px;
  width: calc(100% - 132px);
  display: inline-block;
  margin-inline-start: 5px;
  vertical-align: middle;
}

.UpdateGroup .UpdateElement #buttons {
 
  display: table;
  margin: 20px auto 0px auto;
}

.UpdateGroup .UpdateElement #buttons input {
  margin:0px 5px;
}

.UpdateGroup .UpdateElement *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
}

.UpdateGroup .UpdateElement *::-moz-placeholder { /* Firefox 19+ */
  color: gray;
}

.UpdateGroup .UpdateElement *:-ms-input-placeholder { /* IE 10+ */
  color: gray;
}

.UpdateGroup .UpdateElement *:-moz-placeholder { /* Firefox 18- */
  color: gray;
}

.UpdateGroup .UpdateElement input[type="email"],
.UpdateGroup .UpdateElement input[type="tel"],
.UpdateGroup .UpdateElement input[type="text"],
.UpdateGroup .UpdateElement input[type="password"] {
  border:none;
  background:transparent;
}

/*
a#TopSargelChatCount span,a.TopIconPeople span {
  position: absolute;
  top: 0;
  margin-top: 7px;
  right: 13px;
  transform: rotate(35deg);
  font-size: 8px;
  font-weight: 800;
}
*/

.ErrInput {
  color:red;
  display:block;
  font-size:12px;
  position: absolute;
  inset-inline-end: 20px;
  top: 50%;
  transform: translateY(-50%);
  text-align: end;
  z-index: 1;
}

.OKInput {
  color: #9fc54e;
}

.LeftGrayBorder{
  border-inline-end: 1px solid #f1f1f1 !important;
}

#buttons{
  padding-bottom: 10px;
}

.AutoCompleteStyle{
  width: calc(100% - 101px);
  position: absolute;
  z-index: 1;
  inset-inline-end: 0px;
  top: 33px;
}

.FormBackground{
  background: #f1f1f1;
}

textarea.InputFix{
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  display: block;
  font-size: 14px;
  background: transparent;
  padding: 5px;
  padding-inline-end: 0px;
  vertical-align:top;
}

.LoadingIMG{
  margin:15px auto;
  display:table;
  padding: 15px 0px;
}

.GrayText{
  color:rgb(128, 128, 128);
}

.font14{
  font-size:14px;
  line-height:18px;
}

.font18{
  font-size:18px;
  line-height:22px;
}

.MaterialSwitchLabel{
  display: inline-block;
  padding-inline-end: 10px;
  height: 25px;
  line-height: 25px;
  vertical-align: top;
}

.LinksPlaceHolder{
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.LinksPlaceHolder > * {
  
  display: inline-block;
}

.LinksPlaceHolder > *:nth-child(1){
  
  width: 70px;
  text-align: start;
}
.LinksPlaceHolder > *:nth-child(2){
  
  flex-grow: 1;
  text-align: center;
}
.LinksPlaceHolder > *:nth-child(3){
  
  flex-grow:1;
  text-align: end;
}

.LinksHeader{
  
  display:inline-block;
  color:gray;
}

.FeaturedTopLinks a {
  
  width: calc(50% - 50px);
  display: inline-block;
}

.FreeSearchPlaceHolder{
  
  text-align:center;
  position:relative;
  width: 59%;
}

.CvMasterMainSargelPlaceHolder{
  margin:auto;
  display:table;
  width:100%;
}

.AutoCompletePlaceHolder {
  width: calc(100% - 101px);
  position: absolute;
  z-index: 2;
  text-align: start;
  inset-inline-end:  0px;
}

/* ---------------------------------- Votes ---------------------------------------- */

.VoteIcon{
  width: 34px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  direction: ltr;
  font-size: 14px;
  border: 1px solid #9fc54e;
}

.VoteIcon.Voted,
.VoteIcon:hover{
  background:#9fc54e;
  color:#ffffff;
}


.cssload-Spinner {
	width: 49px;
	height: 49px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: 1px 1px 1px rgb(159,197,78);
	animation: cssload-spin 960ms infinite linear;
	-o-animation: cssload-spin 960ms infinite linear;
	-ms-animation: cssload-spin 960ms infinite linear;
	-webkit-animation: cssload-spin 960ms infinite linear;
	-moz-animation: cssload-spin 960ms infinite linear;
}

@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

/* --------------------------------- Languages -------------------------------- */
.LangsPlaceHolder {
  
  display: table;
  position: relative;
  margin: auto;
  text-align: center;
}

.SelectedLangs{
  padding:10px;
  cursor:default;
}

.LangOptions {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateY(-100%)  translateX(-50%);
  transform: translateY(-100%) translateX(-50%);
  background: #ffffff;
  padding: 10px;
  margin: auto;
  list-style-type: none;
  text-align: right;
  border: none;
}

.LangOptions li {
  display:inline;
  padding:0px 5px;
}

.LangOptions.Show,
.LangsPlaceHolder:hover .LangOptions,
.LangsPlaceHolder:active .LangOptions,
.LangOptions:hover{
  opacity:1;
  visibility:visible;
}


@media only screen and (max-width: 700px) {
  .LangOptions {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index: 1;
  }
}

.HelpUsTranslatePlaceHolder{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  margin-top: -4px;
  margin-left: -4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 75px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}

.HelpUsTranslatePlaceHolder:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 100px 0 0;
  border-color: #ef1920 transparent transparent transparent;
  line-height: 0px;
  _border-color: #ef1920 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  left: -13px;
  top: 3px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor:default;
}

.SecondSargelPlaceHolder.JoblistMenu {
  background: #ffffff;
}

.JoblistMenuItem {
  padding: 10px 20px;
  display: inline-block;
  font-size: 14px;
  border-bottom: 5px solid transparent;
  color:#333333;
  text-decoration:none;
}

.JoblistMenuItem:hover {
  color:#ffffff;
  background:#5f5b5b;
}

.JoblistMenuItem,
.JoblistMenuItem:hover {
  text-decoration:none;
}

.SecondSargelPlaceHolder.JoblistMenu .subJoblistMenu{
  display: flex;
  max-width: 940px;
  width: 100%;
}

.JoblistMenuItem.Selected {
  border-bottom: 5px solid #3879d9;
}

.CvMasterUserLink a, .CvMasterUserLink a:hover, .CvMasterUserLink a:active {
  text-decoration: underline;
  color: #21B2F8;
}

.CvMasterUserLink a .material-icons {
    font-size: 14px;
    position: relative;
    top: 4px;
    margin: 0 3px;
}

.CvMasterUserLink a .arrow {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/* -------------------------------- Responsive -------------------------------- */
@media only screen and (max-width:700px) {
  
  body {
    background: #f2f2f2;
  }
  
  .mobileDisplayBack {
    display:block;
    width:100%;
  }
  
  .MobileHide{
    display:none;
  }
  
  #popDiv{
    display:table;
    width: 100%;
  }
  
  .MobilePadd{
    width:98%;
    padding: 0px 1%;
  }
  
  .MainLeftPanel{
    width: calc(98% - 10px) !important;
    margin:auto;
    display: inline;
  }

  .MainSub{
    display:none !important;
  }
  
  .MainPanel {
    width:100%;
  }

  .MainPanelHeader{
    height:initial;
  }
  
  .LinksHeader,
  .FeaturedTopLinks a {
    width: 100%;
    display: block;
  }

  .SwitchLabel{
    display:inline-block;
  }
  
  [name="google_conversion_frame"] {
    width:100%;
  }
  
  
  a#TopSargelChatCount span,a.TopIconPeople span {
    right: 2px;
  }
  /* ------------------------------ Secondary Sargels Menu ---------------------------------------- */
  .SecondSargelPlaceHolder{
    height: auto;
    margin-bottom: 15px;
    background:transparent;
  }
  
  .TopSargelLinksPlaceHolder{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom:15px;
    width: 100%;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background:#ffffff;
  }
  /* ---------------------------------------------------------------------------------------------- */
  
  footer > .FooterWanted .FooterWantedRows > .FooterWantedColumn {

    flex-basis: 50%;
    overflow: hidden;
  }
  
  footer > .FooterWanted .FooterWantedRows h3 {
    
    position: relative;
    margin: 0;
    padding: 15px 10px;
    /*cursor: pointer;*/
  }
  
  footer > .FooterWanted h3:after {
    
    content: '\f078';
    content: none;
    font-size: 10px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 10px;
    transform-origin: center 3px;
  }
  
  footer > .FooterWanted h3.active:after {
    
    transform: rotate(180deg);
  }
  
  footer > .FooterWanted h3 + div {

    transition: max-height 250ms;
    overflow: clip;
  }
  
  footer > .FooterWanted h3.active + div {
    
    max-height: 1000px;
  }
  
  footer > .FooterWanted .FooterWantedRows {
    
    gap: 0;
    padding: 0;
  }
  
  footer > .FooterWanted ul {
    
    padding: 10px;  
    line-height: 2;
  }
}

.specialTitle{
  padding-bottom: 6px;
}

.addNewHover:hover {
  background: #eee;
}

.CardRow .addNewHover { 
  
  padding: 6px 10px; 
  border-radius: 7px; 
} 

.ColumnTitle {
  
  font-weight: 700;
}

.ColumnRow {
  
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}

.grayIconBackground {
  
  background: #5f5b5b;
  padding: 5px;
  border-radius: 50%;
  margin: 0 5px;
  display: flex;
}
.FooterIcons{
  
  max-width: 940px;
  margin: auto;
  width: 100%;
  display: flex;
  place-content: center;
  margin-bottom: 20px;
  padding-top: 13px;
}
.iconImage {
  
  width: 15px;
  height: 15px;
}

.FooterLinks {
    text-align: center;
    margin-bottom: 10px;
}
.singleLink {
  
  padding: 0 5px;
  border-inline-end: 1px solid;
}

.singleLink:last-child {
  
  border: none;
}

.FooterDividerContainer {
  
  display: flex;
  flex-direction: column;
  width: 100%;
}

.FooterDivider {
  
  display: flex;
  flex-direction: column;
}

.mobileViewOnly{
  
  display: none;
}

.testSection.admin{
  
  display: flex;
}

.Footer a.ColumnTitle {
  
  color: #5F5F5F;
  display: flex;
  direction: rtl;
  width: fit-content;
  white-space: pre-wrap;
}

.trashCanMobile {
  
  position: absolute;
  inset-inline-end: 5px;
  top: 7px;
  font-size: 20px;
  opacity: 0.3;
  padding: auto;
  padding: 5px 10px;
  border-radius: 15px;
  cursor: pointer;
  z-index: 100;
}

.trashCanMobile:hover{
  
  background: #eee;
}

.trashCanMobile.trashCanMobileShow {
  
  opacity: 1;
}

.CardRow.grayBackground{
  background: #eee;
}

.deleteRow.Point.removeMobile{
  display: none;
}
  
@media only screen and (max-width:700px) {

  .ColumnRow {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    width: 100%;
    display: inline-grid;
  }
  
  .FooterDividerContainer {
    
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    padding-bottom: 20px;
  }
  
  .FooterDivider {
      width: 50%;
      display: inline-grid;
      flex-direction: column;
  }
  
  .width100{
    width:100%;
  }
  
  .specialHeight{
    height: 7px;
  }
  
  .mobileViewOnly{
    padding-top: 20px;
    max-width: 95%;
    margin: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    font-size: 11px;
    line-height: 15px;
    color: #5F5F5F;
  }
  
  .deviderSection {
    width: 50%;
  }
  .specialSortHide {
    top: 30px;
  }
  .deleteRow.Point.removeMobile{
    display: none;
  }
  .SwitchPlaceHolder.isActivePlaceHolder{
    inset-inline-end: 8px;
  }
  
}

.CenterContent {
  display: flex;
  flex-direction: column;
}

.byBoardNew.centerBoardNew{
  display: flex;
  place-content: center;
}

.specialSortHide {
  display: none;
  position: absolute;
  top: 40px;
  height: 17px;
  inset-inline-start:  100px;
  justify-content: center;
  width: 15px;
  cursor: pointer;
  padding: 5px;
  border-radius: 10px;
}

.specialSortHide:hover{
  
  background: #B7B7B7;
}

.specialSortHide span{
  
  place-self: center;
}

.specialSortHide img {
  
  position: absolute;
  inset-inline-start: 4px;
}

.specialSortHide .fa-arrow-down-arrow-up{
  
  font-size: 15px;
}

.specialSortHide:focus,
.specialSortHide:hover {

	position:absolute;
}


.dt_none:not(.wtf) { display:none;} 
.dt_block:not(.wtf) { display: block;}
.dt_flex:not(.wtf) { display: flex;}

@media only screen and (max-width:700px) {
  
  .specialSortHide {
    
    top: 18px;
    inset-inline-start: 116px;
  }
  
  .specialSortHide:hover{
    
    right: 116px;
    background: transparent;
  }
  
  
  .sp_none:not(.wtf) { display:none;} 
  .sp_block:not(.wtf) { display: block;}
  .sp_flex:not(.wtf) { display: flex;}
}