body { padding: 0 0 0 auto; margin: 0 0 0 auto; background-color:#f7f7f7 }
h1 { display:inline; font-family:arial; font-size:22px; margin-right:10px; font-weight:bold; }
h2 {display:inline; font-size:13px; font-family:arial; font-weight:normal; }
#sargelSearch td{color:#656565;background-color:#F6F6F6;font-weight:bold;}
#sargelSearch2 td{color:black;background-color:#C9E2FC;font-weight:bold;}
.resultTop { border-top:1px gray dotted; }
.hidSp { overflow:hidden;height:16px;width:100%; }
#sargelInputs select{font-size:12px;}
#sargelInputs input{font-size:12px;width:50px;}
#sargelInputs .kolHaarez {font-weigth:bold;}
#resultsTable td { border-bottom: 1px solid #e8e8e8; }
.focusButton { color:red; }
#selectEzor optgroup { background-color:#dddddd; }
.bigEzor { background-color:#dddddd; }
.showModaaTd td { cursor:default; }
.force_wrap { white-space: pre-wrap !important; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word !important; }

.overflow_hidden { overflow:hidden; }
.topAjaxBar           { display:block; overflow:hidden; box-sizing: border-box; width:100%; height:50px; padding-top:5px; background-color: #5794D7; }
.topAjaxBarLeftDiv    { display:inline-block; overflow:hidden; box-sizing: border-box; width:auto; height:40px; padding: 8px 10px; text-align:left; float:left; }
.topAjaxBarTitleDiv   { display:inline-block; overflow:hidden; box-sizing: border-box; width:auto; height:40px; padding: 11px 0px; text-align:right; float:right; }
.topAjaxBarCloseDiv   { display:inline-block; overflow:hidden; box-sizing: border-box; width:auto; height:40px; padding: 8px 10px; text-align:right; cursor:pointer; float:right; }
.topAjaxBarTitleText  { color:white; font-size:18px; line-height:18px; }
.topAjaxBarCloseImage { width:24; height:24px; }

.topAjaxBar.showOnMobile { position:fixed; bottom:0; width:100%; z-index:99; box-shadow: 0px -2px 2px #cecece; }

.AjaxWaitingIcon {
  display: none;
  position: absolute;
  left: 5px;
  top: 13px;
  width: 32px;
  height: 32px;
  z-index: 999;
  overflow: hidden; 
  color: #0000ff;
  font-size: 18px;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  -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;
}
@-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);
  }
}

.AjaxWaitingIcon.IconForTop {
    left: 65px;
  }

@media only screen and (max-width:700px){
  .AjaxWaitingIcon.IconForStrip {
    position: fixed;
    left: 25px;
    /* test */
    color: #ffffff;
    left: 0px;
    top:auto;
    bottom:16px;
    z-index:9999;
  }
}

#carDetails { font-size:14px; }

.box{COLOR: Black;background-color: #F4FCFF;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;BORDER-RIGHT: 1px solid;BORDER-TOP: 1px solid;FONT-FAMILY: Arial;FONT-SIZE: 12px;}

.pre {BORDER-RIGHT: #5e5e5e 1px dotted; BORDER-TOP: #5e5e5e 1px dotted; BORDER-LEFT: #5e5e5e 1px dotted; BORDER-BOTTOM: #5e5e5e 1px dotted; TEXT-ALIGN: justify}

.borderBox { box-sizing:border-box; }
.pres {background-color:white; BORDER-RIGHT: #5794D7 1px solid; BORDER-TOP: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;}
.presBlack {BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid;}

.presup {background-color:white;BORDER-RIGHT: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;}
.presDown, .presdown {background-color:white; BORDER-RIGHT: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-TOP: #5794D7 1px solid;}
.presmid {background-color:white;BORDER-RIGHT: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid;}

.presGray, .presgray {background-color:white; BORDER-RIGHT: #5794D7 1px solid; BORDER-TOP: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;}
.presupGray, .presupgray {background-color:white; BORDER-RIGHT: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;}

.presSargel, pressargel{BACKGROUND-COLOR:#E3E5E7; BORDER-RIGHT: #B8B8B8 1px solid; BORDER-TOP: #B8B8B8 1px solid; BORDER-LEFT: #B8B8B8 1px solid; BORDER-BOTTOM: #B8B8B8 1px solid;}

.lineGray2, .linegray {BORDER-BOTTOM: #B8B8B8 1px solid;}

.title {font-size:14px}
.titleline {font-size:14px;BORDER-BOTTOM: #B8B8B8 1px solid;FONT-WEIGHT: bold;}
.error {font-family:arial;font-size:18px;}
.line {BORDER-BOTTOM: black 1px solid;}
.linegray {BORDER-BOTTOM: #B8B8B8 1px dotted;}

A {color:#265F9D;font-size: 13px;}
A.black {TEXT-DECORATION: none;color:black;font-size: 13px;FONT-WEIGHT: bold;}
A:active {TEXT-DECORATION: underline}
A:hover {TEXT-DECORATION: underline; color:Red}
body,textarea,table,button{font-family:arial;font-size:12px;}
input,select{font-family:arial;font-size:13px}

.overLink { text-decoration:none; }
.overLink:hover { text-decoration:underline; }

.but1 {display:block;height: 1px;overflow: hidden; background: #5794D7;margin:0 2px;width:100%;}
.but2 {display:block;height: 1px;overflow: hidden; margin:0 1px;border-left:1px #5794D7 solid;border-right:1px #5794D7 solid;width:100%;}
.but3 {border-left:1px gray solid;border-right:1px gray solid;width:100%;}

.tabOnRed{BORDER-TOP: #DE0032 3px solid;BORDER-right: #5794D7 1px solid;BORDER-left: #5794D7 1px solid;background-color:#C9E2FC;cursor:auto;padding-top:8px}
.tabOffRed{BORDER-BOTTOM: #5794D7 1px solid;border-top:10px solid white;background-color:white;}
.tabOffRed2{BORDER-BOTTOM: #5794D7 1px solid;border-top:10px solid white;}

.tabOnRedDiv{width:100%;height:100%;}
.tabOffRedDiv{width:100%;height:100%;BORDER-TOP: #5794D7 1px solid;}

.textBetween {border:0; padding:2px; margin:10px; text-align:right;}
.searchOpen {background:url('../../../media/images/searchOpen.png') -12px -33px; cursor:pointer;}
.searchClose{background:url('../../../media/images/searchOpen.png') 0px -33px;cursor:pointer;}

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

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

.HardBreakBox
{
width: 130px;
white-space: normal; /* css-3 */
white-space: -moz-normal; /* Mozilla, since 1999 */
white-space: -normal; /* Opera 4-6 */
white-space: -o-normal; /* Opera 7 */
word-wrap: normal; /* Internet Explorer 5.5+ */
text-align:right;
float:left;
margin:0;
padding: 0;
}

.tabWhite {position:absolute;margin-top:1px;}
.tabWhite .tab_border_l {background: url('../../../media/images/tabs.png') -0px 0px;width:15px;height:25px;display:block;}
.tabWhite .tab_border_r {background: url('../../../media/images/tabs.png') -15px 0px;width:15px;height:25px;display:block;}
.tabWhite .tabCenter{background:white;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer;}

.tabWhiteGlow {position:absolute;margin-top:1px;}
.tabWhiteGlow .tab_border_l {background: url('../../../media/images/tabs.png') -0px 0px;width:15px;height:25px;display:block;}
.tabWhiteGlow .tab_border_r {background: url('../../../media/images/tabs.png') -15px 0px;width:15px;height:25px;display:block;}
.tabWhiteGlow .tabCenter{background:white;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer}
.tabWhiteGlow .tabTableBorder{border-bottom:1px solid white}

.tabGray {position:absolute;margin-top:1px;}
.tabGray .tab_border_l {background: url('../../../media/images/tabs.png') -30px 0px;width:15px;height:24px;display:block;}
.tabGray .tab_border_r {background: url('../../../media/images/tabs.png') -45px 0px;width:15px;height:24px;display:block;}
.tabGray .tabCenter{background:#EEEEEE;border-top:1px solid #B8B8B8;vertical-align:middle;text-align:center;cursor:pointer;}

.tabGrayGlow {position:absolute;margin-top:1px;}
.tabGrayGlow .tab_border_l {background: url('../../../media/images/tabs.png') -60px 0px;width:15px;height:24px;display:block;}
.tabGrayGlow .tab_border_r {background: url('../../../media/images/tabs.png') -75px 0px;width:15px;height:24px;display:block;}
.tabGrayGlow .tabCenter{background:#E3E2E2;border-top:1px solid #B8B8B8;vertical-align:middle;text-align:center;cursor:pointer;}

.tabRed {position:absolute;margin-top:1px;}
.tabRed .tab_border_l {background: url('../../../media/images/tabs.png') -30px -50px;width:15px;height:24px;display:block;}
.tabRed .tab_border_r {background: url('../../../media/images/tabs.png') -45px -50px;width:15px;height:24px;display:block;}
.tabRed .tabCenter{background:#CD080F;border-top:1px solid #B51117;vertical-align:middle;text-align:center;cursor:pointer;}

.tabRedGlow {position:absolute;margin-top:1px;}
.tabRedGlow .tab_border_l {background: url('../../../media/images/tabs.png') -60px -50px;width:15px;height:24px;display:block;}
.tabRedGlow .tab_border_r {background: url('../../../media/images/tabs.png') -75px -50px;width:15px;height:24px;display:block;}
.tabRedGlow .tabCenter{background:#FF0009;border-top:1px solid #B51117;vertical-align:middle;text-align:center;cursor:pointer;}

.tabBlue {position:absolute;margin-top:1px}
.tabBlue .tab_border_l {background: url('../../../media/images/tabs.png') -0px -25px;width:15px;height:25px;display:block;}
.tabBlue .tab_border_r {background: url('../../../media/images/tabs.png') -15px -25px;width:15px;height:25px;display:block;}
.tabBlue .tabCenter{background:#C9E2FC;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer}
.tabBlue .tabTableBorder{border-bottom:1px solid #C9E2FC}

.tabBlueGlow {position:absolute;margin-top:1px}
.tabBlueGlow .tab_border_l {background: url('../../../media/images/tabs.png') -0px -25px;width:15px;height:25px;display:block;}
.tabBlueGlow .tab_border_r {background: url('../../../media/images/tabs.png') -15px -25px;width:15px;height:25px;display:block;}
.tabBlueGlow .tabCenter{background:#C9E2FC;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer}
.tabBlueGlow .tabTableBorder{border-bottom:1px solid #C9E2FC}

.tabBlueDark {position:absolute;margin-top:1px}
.tabBlueDark .tab_border_l {background: url('../../../media/images/tabs.png') -60px -25px;width:15px;height:25px;display:block;}
.tabBlueDark .tab_border_r {background: url('../../../media/images/tabs.png') -75px -25px;width:15px;height:25px;display:block;}
.tabBlueDark .tabCenter{background-color:#5794D7;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer;color:white}

.tabBlueDarkGlow {position:absolute;margin-top:1px}
.tabBlueDarkGlow .tab_border_l {background: url('../../../media/images/tabs.png') -30px -25px;width:15px;height:25px;display:block;}
.tabBlueDarkGlow .tab_border_r {background: url('../../../media/images/tabs.png') -45px -25px;width:15px;height:25px;display:block;}
.tabBlueDarkGlow .tabCenter{background:#63A6EF;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer;color:white}

.tabBlue2 {position:absolute;margin-top:1px;}
.tabBlue2 .tab_border_l {background: url('../../../media/images/tabs.png') -0px -25px;width:15px;height:24px;display:block;}
.tabBlue2 .tab_border_r {background: url('../../../media/images/tabs.png') -15px -25px;width:15px;height:24px;display:block;}
.tabBlue2 .tabCenter{background:#C9E2FC;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer;}

.tabBlue2Glow {position:absolute;margin-top:1px;}
.tabBlue2Glow .tab_border_l {background: url('../../../media/images/tabs.png') -0px -25px;width:15px;height:24px;display:block;}
.tabBlue2Glow .tab_border_r {background: url('../../../media/images/tabs.png') -15px -25px;width:15px;height:24px;display:block;}
.tabBlue2Glow .tabCenter{background:#C9E2FC;border-top:1px solid #5794D7;vertical-align:middle;text-align:center;cursor:pointer;}

.tabWhite3 {position:absolute;margin-top:1px;}
.tabWhite3 .tab_border_l {background: url('../../../media/images/tabs.png') -0px -75px;width:15px;height:25px;display:block;}
.tabWhite3 .tab_border_r {background: url('../../../media/images/tabs.png') -15px -75px;width:15px;height:25px;display:block;}
.tabWhite3 .tabCenter{background:white;border-top:1px solid #092f59;vertical-align:middle;text-align:center;cursor:pointer;}

.tabWhite3Glow {position:absolute;margin-top:1px;}
.tabWhite3Glow .tab_border_l {background: url('../../../media/images/tabs.png') -0px -75px;width:15px;height:25px;display:block;}
.tabWhite3Glow .tab_border_r {background: url('../../../media/images/tabs.png') -15px -75px;width:15px;height:25px;display:block;}
.tabWhite3Glow .tabCenter{background:white;border-top:1px solid #092f59;vertical-align:middle;text-align:center;cursor:pointer;}

.tabBlue3 {position:absolute;margin-top:1px;}
.tabBlue3 .tab_border_l {background: url('../../../media/images/tabs.png') -30px -75px;width:15px;height:24px;display:block;}
.tabBlue3 .tab_border_r {background: url('../../../media/images/tabs.png') -45px -75px;width:15px;height:24px;display:block;}
.tabBlue3 .tabCenter{background:#3178C6;border-top:1px solid #092f59;vertical-align:middle;text-align:center;cursor:pointer; color:white;}

.tabBlue3Glow {position:absolute;margin-top:1px;}
.tabBlue3Glow .tab_border_l {background: url('../../../media/images/tabs.png') -60px -75px;width:15px;height:24px;display:block;}
.tabBlue3Glow .tab_border_r {background: url('../../../media/images/tabs.png') -75px -75px;width:15px;height:24px;display:block;}
.tabBlue3Glow .tabCenter{background:#00ADEF;border-top:1px solid #092f59;vertical-align:middle;text-align:center;cursor:pointer;}

.presRound {BORDER-RIGHT: #5794D7 1px solid; BORDER-TOP: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.presRoundTop {BORDER-RIGHT: #5794D7 1px solid; BORDER-TOP: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;background-color:white;-moz-border-left-radius: 1px;-webkit-border-radius: 10px 10px;border-radius: 10px 10px 0px 0px;}
.presRoundMid {BORDER-RIGHT: #5794D7 1px solid; BORDER-TOP: #5794D7 0px solid; BORDER-LEFT: #5794D7 1px solid;BORDER-BOTTOM: #5794D7 1px solid; background-color:white;}
.presRoundMid2 {BORDER-RIGHT: #5794D7 1px solid; BORDER-TOP: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;background-color:white;-moz-border-left-radius: 1px;-webkit-border-radius: 10px 10px;border-radius: 10px 10px 10px 10px;}
.presRoundDown {BORDER-RIGHT: #5794D7 1px solid; BORDER-LEFT: #5794D7 1px solid; BORDER-BOTTOM: #5794D7 1px solid;background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 0px 0px 10px 10px;}

.presRoundDashed {BORDER-RIGHT: #5794D7 1px dashed; BORDER-TOP: #5794D7 1px dashed; BORDER-LEFT: #5794D7 1px dashed; BORDER-BOTTOM: #5794D7 1px dashed;background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.arrow { background:url('../../../media/images/mobile/arrow.png') no-repeat 0px 0px; }

 .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;}
 .round8 {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}

.btnSubmit { background: -webkit-gradient(linear, left top, left bottom, from(white), to(#A8C8EA) );background: -moz-linear-gradient(top, white, #A8C8EA);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#A8C8EA);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#A8C8EA)";}

.gradiantGray { background: -webkit-gradient(linear, left top, left bottom, from(white), to(#A8C8EA) );background: -moz-linear-gradient(top, white, #A8C8EA);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#A8C8EA);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#A8C8EA)";}

.tabLeftOn       {border-bottom:1px solid #C9E2FC;color:black;position:relative;padding-right:10px;font-size:18px;cursor:pointer;white-space: nowrap;position:relative;text-decoration:none;display:block;padding-top:8px;padding-bottom:8px;font-weight:bold;}
.tabLeftOn:hover {background-color:yellow;text-decoration:none;}

.tabLeftOff       {border-bottom:1px solid #C9E2FC;color:black;position:relative;text-align:right;padding-right:10px;font-size:18px;cursor:pointer;white-space: nowrap;position:relative;text-decoration:none;display:block;padding-top:8px;padding-bottom:8px;}
.tabLeftOff:hover {background-color:yellow;text-decoration:none;}
.tabLeftOff i {filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; }

.round6>a:last-child    {-moz-border-radius: 0px 0px 6px 6px !important;-webkit-border-radius: 0px 0px 6px 6px !important;border-radius: 0px 0px 6px 6px !important;border-bottom:0px !important; }
.round6>a:first-of-type {-moz-border-radius: 6px 6px 0px 0px !important;-webkit-border-radius: 6px 6px 0px 0px !important;border-radius: 6px 6px 0px 0px !important; }
.round6>a:only-child    {-moz-border-radius: 6px 6px 6px 6px !important;-webkit-border-radius: 6px 6px 6px 6px !important;border-radius: 6px 6px 6px 6px !important; }
.round6>span:first-child
{
  -moz-border-radius: 6px 6px 0px 0px !important;-webkit-border-radius: 6px 6px 0px 0px !important;border-radius: 6px 6px 0px 0px !important;
  cursor:default;border-bottom:1px solid #eeeeee;color:#808080;position:relative;padding-right:10px;font-size:14px;white-space: nowrap;position:relative;text-decoration:none;display:block;background-color:#F7F7F7;padding-top:7px;padding-bottom:7px;

}

.imgMap {
  background-image: url(../../../media/images/imap.png);
  background-repeat: no-repeat;
  list-style-type: none;
  padding:0px;
  unicode-bidi: normal;
  outline-style: none;
  outline-width: 0px;
  float: right;

  margin:0px;
  display: block;
  width:15px;
  height:15px;
}

.arrowTab  {background-position: -40px -80px;position:absolute;left:10px;top:10px;border:0px solid white}
.redNotif {position: absolute;left:30px;top:6px;height: 16px; background-color: red; border: 1px solid black; color: white; text-align: center; padding: 1px 3px 1px 3px ; font-size: 11px; font-weight: bold; display: block;min-width:14px}
.arrowTabCount  {position:absolute;left:30px;border:0px solid white;color:gray;font-size:14px;}

.tabOn    {BORDER-TOP: #5794D7 3px solid;BORDER-right: #5794D7 1px solid;BORDER-left: #5794D7 1px solid;background-color:white;cursor:auto;}
.tabOnGray{BORDER-TOP: #5794D7 1px solid;BORDER-right: #5794D7 1px solid;BORDER-left: #5794D7 1px solid;background-color:white;}

.tabOnGrayNew{BORDER-TOP: #5794D7 1px solid;BORDER-right: #5794D7 1px solid;BORDER-left: #5794D7 1px solid;background-color:#eeeeee;}
.tabOff{BORDER-BOTTOM: #5794D7 1px solid;background-color:;BORDER-TOP: #5794D7 1px solid;BORDER-right: #5794D7 1px solid;BORDER-left: #5794D7 1px solid;background-color:#C9E2FC;}
.tabOffEmpty{BORDER-BOTTOM: #5794D7 1px solid;}

.tabOnRed{BORDER-TOP: #2C4EA9 3px solid;BORDER-right: #5794D7 1px solid;BORDER-left: #5794D7 1px solid;background-color:#C9E2FC;cursor:auto;padding-top:8px}
.tabOffRed{BORDER-BOTTOM: #5794D7 1px solid;border-top:10px solid white;background-color:white;}
.tabOffRed2{BORDER-BOTTOM: #5794D7 1px solid;border-top:10px solid white;background-color:white;}

.tabOnRedDiv{width:100%;height:100%;}
.tabOffRedDiv{width:100%;height:100%;BORDER-TOP: #5794D7 1px solid;}

.idxCatTitle  {font-size:18px;color:black;}
.idxCatTitle2 {font-size:14px;color:gray;}
.imgTitle {position:relative;margin-top:-14px;margin-left:2px;}
.focusText { border:2px #73A6FF solid;height:25px; }
.idxCatTitle A { font-size:14px;color:white; }

.tabRibuaOff{width:120px;float:left;float:left;text-align:center;vertical-align:middle;line-height:28px;font-size:14px;}
.tabRibuaOn{border-top:5px solid #5794D7;margin-top:-14px;background-color:white;line-height:40px;font-size:14px;}

.rightmove_background { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgb(238, 238, 238) 1%, rgb(241, 241, 241) 100%); background-origin: padding-box; background-size: auto; }
.rightmove_ul { color: rgb(0, 0, 0); display: block; font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; line-height: 24px; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 175px; zoom: 1; }
.rightmove_li_right { -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-box-shadow: rgba(255, 255, 255, 0.498039) -3px 3px 3px -2px inset; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgb(241, 241, 241) 0px, rgb(233, 233, 233) 100%); background-origin: padding-box; background-size: auto; border-bottom-color: rgb(204, 204, 204); border-bottom-left-radius: 0px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px;box-shadow: rgba(255, 255, 255, 0.498039) -3px 3px 3px -2px inset; color: rgb(0, 0, 0); display: list-item; float: right; font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; line-height: 24px; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: right; width: 95px; zoom: 1; }
.rightmove_li_right_selected { -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 3px -3px inset; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgb(217, 217, 217) 0px, rgb(228, 228, 228) 100%); background-origin: padding-box; background-size: auto; border-bottom-color: rgb(170, 170, 170); border-bottom-left-radius: 0px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-left-radius: 0px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 3px -3px inset; color: rgb(0, 0, 0); display: list-item; float: right; font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; line-height: 24px; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: right; width: 95px; zoom: 1; }
.rightmove_li_left { -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-box-shadow: rgba(255, 255, 255, 0.498039) -3px 3px 3px -2px inset; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgb(241, 241, 241) 0px, rgb(233, 233, 233) 100%); background-origin: padding-box; background-size: auto; border-bottom-color: rgb(204, 204, 204); border-bottom-left-radius: 4px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 4px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px;box-shadow: rgba(255, 255, 255, 0.498039) -3px 3px 3px -2px inset; color: rgb(0, 0, 0); display: list-item; float: right; font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; line-height: 24px; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: right; width: 75px; zoom: 1; }
.rightmove_li_left_selected { -webkit-background-clip: border-box; -webkit-background-origin: padding-box; -webkit-background-size: auto; -webkit-box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 3px -3px inset; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgb(217, 217, 217) 0px, rgb(228, 228, 228) 100%); background-origin: padding-box; background-size: auto; border-bottom-color: rgb(170, 170, 170); border-bottom-left-radius: 4px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(170, 170, 170); border-top-left-radius: 4px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 3px -3px inset; color: rgb(0, 0, 0); display: list-item; float: right; font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; height: 24px; line-height: 14px; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: right; width: 75px; zoom: 1; }
.rightmove_a_right { color: rgb(64, 64, 64); cursor: auto; display: block; font-family: Arial, Geneva, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; height: 17px; line-height: 17px; list-style-type: none; padding-bottom: 2px; padding-left: 15px; padding-right: 15px; padding-top: 3px; text-align: right; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; width: 100px; zoom: 1; }
.rightmove_a_left { color: rgb(64, 64, 64); cursor: auto; display: block; font-family: Arial, Geneva, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; height: 17px; line-height: 17px; list-style-type: none; padding-bottom: 2px; padding-left: 15px; padding-right: 15px; padding-top: 3px; text-align: right; text-decoration: none; text-shadow: rgb(255, 255, 255) 0px 1px 0px; width: 85px; zoom: 1; }
.rightmove_icon_list {background-image: url(../../../media/images/icons-rightmove.png); background-position: 0px 1px; background-repeat: no-repeat; color: rgb(64, 64, 64); cursor: auto; display: inline-block; font-family: Arial, Geneva, sans-serif; font-size: 13px; font-style: italic; font-variant: normal; font-weight: normal; height: 15px; line-height: 17px; list-style-type: none; margin-bottom: -4px; margin-left: 7px; margin-right: 0px; margin-top: 0px; text-align: left; text-shadow: rgb(255, 255, 255) 0px 1px 0px; width: 19px; zoom: 1;}
.rightmove_icon_map {background-image: url(../../../media/images/icons-rightmove.png); background-position: 0px -100px; background-repeat: no-repeat; color: rgb(64, 64, 64); cursor: auto; display: inline-block; font-family: Arial, Geneva, sans-serif; font-size: 13px; font-style: italic; font-variant: normal; font-weight: normal; height: 15px; line-height: 17px; list-style-type: none; margin-bottom: -4px; margin-left: 7px; margin-right: 0px; margin-top: 0px; text-align: left; text-shadow: rgb(255, 255, 255) 0px 1px 0px; width: 12px; zoom: 1;}

.alpha40 { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; }
.alpha50 { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
.alpha60 { filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }
.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; }


/*  $Basic Button                                   */
/*==================================================*/
.bttn {
	text-decoration:none;
  text-align:center;
	cursor:pointer;
  font-size:13px;
	padding:0 8px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	display:inline-block;
	outline:0;
	color:#444;
	background-color:#f5f5f5;
	background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
	border:1px solid #d9d9d9;
	border:1px solid rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
  min-width:65px;
}
.bttn:hover {
	border:1px solid #c6c6c6;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	position:relative;
	z-index:1;
}
.bttn:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}
/*==================================================*/
/*  $Emphasis                                       */
/*==================================================*/
.emphasis {
	text-transform:uppercase;
}
/*==================================================*/
/*  $Colors                                         */
/*==================================================*/
/* .red */
.red {
	color:#fff;
	background-color:#d14836;
	border:1px solid transparent;
	background-image:-webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image:-moz-linear-gradient(top,#dd4b39,#d14836);
	background-image:linear-gradient(top,#dd4b39,#d14836);
}
.red:hover {
	background-color:#c53727;
	border:1px solid #b0281a;
	background-image:-webkit-linear-gradient(top,#dd4b39,#c53727);
	background-image:-moz-linear-gradient(top,#dd4b39,#c53727);
	background-image:linear-gradient(top,#dd4b39,#c53727);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.red:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
/* .blue */
.blue {
	color:#fff;
	background-color:#4D90fe;
	border:1px solid #3079ed;
  background-image:-webkit-linear-gradient(top, #4D90FE, #4787ED);
  background-image:-moz-linear-gradient(top, #4D90FE, #4787ED);
  background-image:linear-gradient(top, #4D90FE, #4787ED);;
}
.blue:hover {
	background-color:#357aeb;
	border:1px solid #2F5bb7;
	background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image:linear-gradient(top,#4d90fe,#357ae8);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.blue:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
/* .yellow */
.yellow {
	color:#867343;
	background-color:#ffe07b;
	border:1px solid #fddb69;
	background-image:-webkit-linear-gradient(top,#ffe896,#ffe07b);
	background-image:-moz-linear-gradient(top,#ffe896,#ffe07b);
	background-image:linear-gradient(top,#ffe896,#ffe07b);
}
.yellow:hover {
	background-color:#ffda73;
	border:1px solid #deb74f;
	background-image:-webkit-linear-gradient(top,#ffe485,#ffda73);
	background-image:-moz-linear-gradient(top,#ffe485,#ffda73);
	background-image:linear-gradient(top,#ffe485,#ffda73);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.yellow:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}
/*==================================================*/
/*  $Icons                                          */
/*==================================================*/

.btnIconOnly:after
{
        content:"";
        display:inline-block;
	position:relative;
        top:4px;
	left:0;
        //border:1px solid red;
        margin-right:0px;
        width:22px;
        height:22px;
        background:url(../../../code/include/webfonts/iconsBtn.png) no-repeat 0 0;
}



.bttnIconOnly:after,
.prev:after {
    content:"";
    position:relative;
    top:4px;
    left:0;
    margin-right:0px;
    float:left;
    width:22px;
    height:22px;
    background:url(../../../code/include/webfonts/iconsBtn.png) no-repeat 0 0;
    background-position:0 -50;
}
.next:before {
    content:"";
    position:relative;
    top:4px;
    right:0;
    margin-left:0px;
    float:right;
    width:22px;
    height:22px;
    background:url(../../../code/include/webfonts/iconsBtn.png) no-repeat 0 0;
}
.bttn.bttnIcon:before,bttn,
.prev:before,
.next:after {
        opacity:0.8;
}
.bttn.bttnIcon:hover:before,
.prev:hover:before,
.next:hover:after {
	opacity:1;
}
/* Move icon to right side */
.bttnIcon.right:before {
	margin-left:6px;
	margin-right:0px;
	float:right;
}


/*==================================================*/
/* Icons */
/*==================================================*/
.bttnIcon.add:before {
	background-position:0 0;
}
.bttnIconOnly.apple:after {
        background-position:0 -22px;
}
.bttnIcon.approve:before {
	background-position:0 -24px;
}

/*==================================================*/
/*  $Colored-icons                                  */
/*==================================================*/

.red.bttnIcon.add:before, .blue.bttnIcon.add:before {
	background-position:-12px 0;
}
.red.bttnIcon.apple:before, .blue.bttnIcon.apple:before {
	background-position:-12px -12px;
}

/*==================================================*/
/*  $Grouped                                        */
/*==================================================*/
.grouped {
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
}
.grouped li {
	float:left;
	margin:0;
	padding:0;
}
.grouped .bttn {
	float:left;
	margin-left:-1px;
}
.grouped li:not(:first-child):not(:last-child) .bttn,
.grouped > .bttn:not(:first-child):not(:last-child) {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.grouped li:first-child .bttn,
.grouped > .bttn:first-child {
	margin-left:0;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.grouped li:last-child .bttn,
.grouped > .bttn:last-child {
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.FloatLeft{
  float:left;
}

.FloatRight{
  float:right;
}

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

.Beat:before {
  -webkit-animation: HeartBeat 0.3s forwards; /* Safari 4+ */
  -moz-animation:    HeartBeat 0.3s forwards; /* Fx 5+ */
  -o-animation:      HeartBeat 0.3s forwards; /* Opera 12+ */
  animation:         HeartBeat 0.3s forwards; /* IE 10+, Fx 29+ */
}

.MainSub a,
.Transition,
.MainSub 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;
}

/* -------------------- TopSargelClasses -------------------- */
.saveTopArea { position:relative; height:120px; }

.TopSargelPadder{
  padding-top:122px;
}

.TopSargelFixPlaceHolder{
  position:fixed;
  left:0px;
  right:0px;
  top:0px;
  width:100%;
  z-index:200;
}

@media only screen and (max-width:700px){
  .TopSargelFixPlaceHolder{
    position:absolute;
  }
}

.TopSargel2PlaceHolder,
.TopSargelPlaceHolder{
  text-align:center;
  width:100%;
  height:44px;
}

.TopSargelPlaceHolder{
  background:#ffffff;
}

.TopSargelPlaceHolder.Narrow{
  height: 22px;
  background: #333333;
  text-align: right;
  overflow:hidden;
}

.TopSargelPlaceHolder.Narrow.Min {
    height: 0px;
    padding-top:4px;
}

.TopSargelPlaceHolder .OuterLink{
  text-decoration: none;
  line-height: 20px;
  display: inline-block;
  padding: 0px 22px 0px 8px;
}

.TopSargelPlaceHolder .OuterLink:hover{
  text-decoration:underline;
}

.TopSargelPlaceHolder,
.TopSargelPlaceHolder .OuterLink{
  color: #ffffff;
}

.TopSargel2PlaceHolder{
  /*background:#5794D7;*/
  background:#2196f3;
  overflow:hidden;
  box-shadow:0 2px 4px -2px #666;
}

.TopSargelCenter{
  width:940px;
  max-width:100%;
  margin:auto;
  position:relative;
  text-align:right;
}

.TopSargel2PlaceHolder .TopSargelCenter{
  max-width:initial;
}

.TopSargelLogo{
  height:44px;
  float:right;
}

.TopSargelLogo img{
  max-height: 34px;
  border: none;
  margin-top: 5px;
}

.TopSargelUserDetails{
  height:44px;
  /*width:200px;*/
  float:left;
  text-align:left;
  direction:ltr;
  color:#333333;
  position:relative;
}

.TopSargelUserPopUp{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 32px;
  background: white;
  height: 0px;
  overflow: hidden;
  z-index: 1;
  direction: rtl;
  text-align: right;
  padding:0px;
  list-style-type: none;
}

.TopSargelUserPopUp.Open{
  height:30px;
}

.TopSargelUserPopUp li{
  line-height: 30px;
  height: 30px;
  padding: 0px;
}

.TopSargelUserPopUp li a {
  color: #333333;
  font-size:14px;
  text-decoration:none;
  display: block;
  padding: 0px 5px;
}

.TopSargelUserPopUp li a:hover {
  background: #e5e5e5;
  color: #656565;
}

.TopSargelUserImage{
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-left: 20px;
  background-size: 100% !important;
  margin-right: 5px;
  margin-top: 2px;
}

.TopSargelUserImage:before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #585858 transparent transparent transparent;
  line-height: 0px;
  _border-color: #585858 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  display: table;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
}

.TopSargelUserDetailsTextPlaceHolder{
  padding-top:14px;
  padding-left:2px;
  display:inline-block;
  vertical-align: super;
}

.TopSargelUserDetailsText{
  font-size:14px;
  text-align:left;
  display:block;
  color:#333333;
  direction: rtl;
}

.TopSargelUserDetailsText.CenterText{
  text-align:center;
}

.TopSargelUserDetailsText.Bold{
  font-weight:bold;
}

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

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

#leftBanner,
#rightBanner{
  position:fixed;
  top:110px !important;
  display:none1;
}
        
#leftBanner{
  left:1px;
}

#rightBanner{
  right:1px;
}

.TopSargelUserPopUpTextPlaceHolder{
  display: table;
  width: 100%;
  direction: rtl;
}

.TopSargelUserPopUpImg{
  width:96px;
  height:96px;
  float:left;
  border:2px solid #000000;
}

.TopSargelRedItem {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 0px;
  position: relative;
  width: 105px;
  text-align: center;
  display: inline-block;
}

.TopSargelRedItem.MobileMore{
  display:none;
}

.TopSargelRedItem.Main:before,
.TopSargelRedItem.MyProfile:before,
.TopSargelRedItem.MoreLinks:before,
.TopSargelRedItem.TLuachCars:before,
.TopSargelRedItem.TLuachNadlan:before,
.TopSargelRedItem.TLuachY2:before,
.TopSargelRedItem.MyAgents:before,
.TopSargelRedItem.MyWall:before,
.TopSargelRedItem.MyWall2:before,
.TopSargelRedItem.Articles:before,
.TopSargelRedItem.Recommend:before,
.TopSargelRedItem.Contact:before{
  content:'';
  width:1px;
  height:25px;
  background:#7aa9de;
  position:absolute;
  left:0px;
  top:10px;
}

.TopSargelRedItem:hover:before{
  background:#ffffff;
}

.TopSargelRedItem.Selected:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  background: #ffffff;
  bottom: 0px;
  left: 0px;
}

.TopSargelRedItem:hover{
  color:#ffffff;
  text-decoration:none;
}

.TopSargelRedItem:hover{
  color:#5794D7;
  text-decoration:none;
  background:#ffffff
}

.TopSargelGrayItem {
  /*color:#5794D7;*/
  color:gray;
  text-decoration:none;
  background:#ffffff;
  padding-right:10px !important;
  padding-left:10px !important;
}
.TopSargelGrayItem:hover {
  /*background-color:#5794D7 !important;*/
  background-color:#5f5b5b !important;
  text-decoration:none;
  color:#ffffff;
}

.TopSargelGrayItem:hover {
  color:white;
  text-decoration:none;
  background:#ffffff
}

.TopSargelGrayItem:after {
  background:#9e9e9e;
}

.TopSargelGrayItem:hover:after {
  background:#ffffff;
}

.misrotNum2{
  position: absolute;
  top: 2px;
  left: 5px;
  background: #ffffff;
  color: #5794D7;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
}

.TopSargelRedItem:hover .misrotNum2{
  background: #5794D7;
  color:#ffffff;
}

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

.Footer{
  background: #f6f4f4;
  background: #ffffff;
  width: 100%;
  padding: 5px 0px;
  height:80px;
  display:none;
  border-top:1px solid #d0d8db;
  border-bottom:1px solid #d0d8db;
  margin-top:20px;
}

.Footer.Absolute,
.Footer.Relative{
  display: table;
}

.Footer.Absolute{
  position:fixed;
  bottom:0px;
  left:0px;
  right:0px;
}

.Footer a{
  text-decoration:none;
}

.Footer,
.Footer a{
  color: #333333;
}

.Footer a:hover{
  text-decoration:underline;
}

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

.FooterCredit{
  direction:ltr;  
}

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

.PhoneLink{
  color:#333333;
  text-decoration:none;
}

.PhoneLink:hover{
  color:blue;
}

.TopSargelFixPlaceHolder .TransitionQuick.TopSargelGrayItem {
  position: relative;
  width: 20%;
  max-width: 65px !important;
  text-align: center;
}

@media only screen and (max-width:700px){
  .TopSargelFixPlaceHolder .TransitionQuick.TopSargelGrayItem {
    max-width: 45px !important;
  }
  .TopSargelLogo {
    width: 55px;
    max-width: 55px;
    text-align: center;
  }
}

/* -------------------- */

 /* -------------------------------- Responsive -------------------------------- */
 
@media only screen and (max-width:700px){
  
  .saveTopArea { position:relative; height:100px; }
  
  .mobileDisplayBack{
    display:block;
  }
  
  .MobileHide{
    display:none;
  }
  
  .TopSargelPadder{
    padding-top: 110px;
  }
  
  .TopSargelPlaceHolder.Narrow,
  .TopSargelPlaceHolder.Narrow.Min{
    height:0px;
    padding:0px;
  }
  
  .TopSargelUserDetails{
    max-width: calc(100% - 0px);
    float: none;
  }
  
  .TopSargelUserPopUp{
    top: 32px;
    width: 40%;
  }
  
  .TopSargelUserDetailsTextPlaceHolder{
    max-width: calc(100% - 70px);
  }
  
  .TopSargel2PlaceHolder{
    overflow:visible;
  }
  
  .TopSargel2PlaceHolder .TopSargelCenter{
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .TopSargel2PlaceHolder > .TopSargelRedItem{
    width:20%;
  }
  
  .TopSargelRedItem.Help:before{
    content:'';
    width:1px;
    height:30px;
    background:#cfcfcf;
    position:absolute;
    left:0px;
    top:10px;
  }
  
  .TopSargelRedItem.MobileMore{
    cursor:pointer;
    background-size:35px !important;
    display:block;
  }
  
  .TopSargelRedItem.Hire{
    float:none;
  }
  
  .TopSargelRedItem.Hire,
  .TopSargelRedItem.Articles,
  .TopSargelRedItem.Recommend,
  .TopSargelRedItem.Contact{
    line-height:30px;
  }
  
  .TopSargelRedItem.Hire span,
  .TopSargelRedItem.Articles span,
  .TopSargelRedItem.Recommend span,
  .TopSargelRedItem.Contact span{
    display: inline-table;
    margin-left: 10px;
    vertical-align: middle;
  }
  
  .TopSargelRedItem.Articles.Selected:after,
  .TopSargelRedItem.Recommend.Selected:after,
  .TopSargelRedItem.Contact.Selected:after{
    width:90%;
    left:5%;
  }
  
  .TopSargelRedItem.Main span,
  .TopSargelGrayItem.MyProfile span,
  .TopSargelRedItem.MyProfile span,
  .TopSargelGrayItem.MoreLinks span,
  .TopSargelRedItem.MoreLinks span,
  .TopSargelGrayItem.TLuachCars span,
  .TopSargelRedItem.TLuachCars span,
  .TopSargelGrayItem.TLuachNadlan span,
  .TopSargelRedItem.TLuachNadlan span,
  .TopSargelGrayItem.TLuachY2 span,
  .TopSargelRedItem.TLuachY2 span,
  .TopSargelRedItem.MyAgents span,
  .TopSargelRedItem.MyBusinessSolutions span,
  .TopSargelRedItem.MyWall span,
  .TopSargelRedItem.MyWall2 span,
  .TopSargelRedItem.MyPirsum span,
  .TopSargelRedItem.Help span{
    display: table;
    margin: auto;
  }
  
  .MobileExtraNavigate{
    height:0px;
    position: absolute;
    top: 43px;
    width: 100%;
    background: #5794D7;
    display: flex;
    flex-direction: column;
    overflow:hidden;
  }
  
  .MobileExtraNavigate.Open{
    height:176px;
  }
  
  .MobileExtraNavigate > *{
    width:100%;
  }
  
  .TopSargelRedItem.Articles:before,
  .TopSargelRedItem.Recommend:before,
  .TopSargelRedItem.Contact:before{
    width: 90%;
    height: 1px;
    left: 5%;
    top:initial;
    bottom: 1px;
  }
  
  .TopSargelRedItem.Articles:hover:before,
  .TopSargelRedItem.Recommend:hover:before{
    background: #ffffff;
  }
  
  .Dotted, .Dotted:hover{
    background:url('https://www.jobmaster.co.il/images/icon-menu-dotes.png') center no-repeat;
  }
  
}

  .TopSargelRedItem{
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  
  .TopSargelGrayItem {
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .TopSargelGrayItem a {
    text-decoration: none;
  }
  
  .TopSargelGrayItem.MyProfile {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .TopSargelRedItem.Main span,
  .TopSargelGrayItem.MyProfile span,
  .TopSargelRedItem.MyProfile span,
  .TopSargelGrayItem.MoreLinks span,
  .TopSargelRedItem.MoreLinks span,
  .TopSargelRedItem.TLuachCars span,
  .TopSargelGrayItem.TLuachCars span,
  .TopSargelRedItem.TLuachNadlan span,
  .TopSargelGrayItem.TLuachNadlan span,
  .TopSargelRedItem.TLuachY2 span,
  .TopSargelGrayItem.TLuachY2 span,
  .TopSargelRedItem.MyAgents span,
  .TopSargelRedItem.MyBusinessSolutions span,
  .TopSargelRedItem.MyWall span,
  .TopSargelRedItem.MyWall2 span,
  .TopSargelRedItem.MyPirsum span,
  .TopSargelRedItem.Articles span,
  .TopSargelRedItem.Recommend span,
  .TopSargelRedItem.Contact span,
  .TopSargelRedItem.Hire span,
  .TopSargelRedItem.Help span{
    display: table;
    width: 20px;
    height: 20px;
    background-size: 100% !important;
    margin: auto;
  }
  
  .TopSargelRedItem.Main span,
  .TopSargelGrayItem.MyProfile span,
  .TopSargelRedItem.MyProfile span,
  .TopSargelGrayItem.MoreLinks span,
  .TopSargelRedItem.MoreLinks span,
  .TopSargelGrayItem.TLuachCars span,
  .TopSargelRedItem.TLuachCars span,
  .TopSargelGrayItem.TLuachNadlan span,
  .TopSargelRedItem.TLuachNadlan span,
  .TopSargelGrayItem.TLuachY2 span,
  .TopSargelRedItem.TLuachY2 span,
  .TopSargelRedItem.MyAgents span,
  .TopSargelRedItem.MyBusinessSolutions span,
  .TopSargelRedItem.MyWall span,
  .TopSargelRedItem.MyWall2 span,
  .TopSargelRedItem.MyPirsum span,
  .TopSargelRedItem.Help span{
    display: table;
    margin: auto;
  }
  
  .TopSargelGrayItem.MyProfile:hover {
    background-color:white;
  }
  .TopSargelGrayItem.MoreLinks:hover {
    background-color:white;
  }
  .TopSargelGrayItem.TLuachCars:hover {
    background-color:white;
  }
  .TopSargelGrayItem.TLuachCars:hover {
    background-color:white;
  }
  .TopSargelGrayItem.TLuachCars:hover {
    background-color:white;
  }
  
  .TopSargelRedItem.Main span{
    background:url('../../../media/images/icons_topsargel/search_white.png') center no-repeat;
  }
  .TopSargelRedItem.Main:hover span{
    background:url('../../../media/images/icons_topsargel/search_blue.png') center no-repeat;
  }
  .TopSargelRedItem.MyProfile span{
    background:url('../../../media/images/icons_topsargel/myAccount_white.png') center no-repeat;
  }
  .TopSargelRedItem.MyProfile:hover span{
    background:url('../../../media/images/icons_topsargel/myAccount_black.png') center no-repeat;
  }
  .TopSargelGrayItem.MyProfile span{
    background:url('../../../media/images/icons_topsargel/myAccount_black.png') center no-repeat;
  }
  .TopSargelGrayItem.MyProfile:hover span{
    background:url('../../../media/images/icons_topsargel/myAccount_white.png') center no-repeat;
  }
  .TopSargelRedItem.MoreLinks span{
    background:url('../../../media/images/icons_topsargel/menu_white.png') center no-repeat;
  }
  .TopSargelRedItem.MoreLinks:hover span{
    background:url('../../../media/images/icons_topsargel/menu_black.png') center no-repeat;
  }
  .TopSargelGrayItem.MoreLinks span{
    background:url('../../../media/images/icons_topsargel/menu_black.png') center no-repeat;
    /*background-size: 100% 75% !important;*/
  }
  .TopSargelGrayItem.MoreLinks:hover span{
    background:url('../../../media/images/icons_topsargel/menu_white.png') center no-repeat;
  }
  
  .TopSargelRedItem.TLuachCars span{
    background:url('../../../media/images/icons_topsargel/car_white.png') center no-repeat;
  }
  .TopSargelRedItem.TLuachCars:hover span{
    background:url('../../../media/images/icons_topsargel/car_black.png') center no-repeat;
  }
  .TopSargelGrayItem.TLuachCars span{
    background:url('../../../media/images/icons_topsargel/car_black.png') center no-repeat;
    width:26px;
    opacity:0.8;
    /*background-size: 100% 175% !important;*/
  }
  .TopSargelGrayItem.TLuachCars:hover span{
    background:url('../../../media/images/icons_topsargel/car_white.png') center no-repeat;
  }
  
  .TopSargelRedItem.TLuachNadlan span{
    background:url('../../../media/images/icons_topsargel/home_white.png') center no-repeat;
  }
  .TopSargelRedItem.TLuachNadlan:hover span{
    background:url('../../../media/images/icons_topsargel/home_black.png') center no-repeat;
  }
  .TopSargelGrayItem.TLuachNadlan span{
    background:url('../../../media/images/icons_topsargel/home_black.png') center no-repeat;
    background-size: 100% 110% !important;
  }
  .TopSargelGrayItem.TLuachNadlan:hover span{
    background:url('../../../media/images/icons_topsargel/home_white.png') center no-repeat;
  }
  
  .TopSargelRedItem.TLuachY2 span{
    background:url('../../../media/images/icons_topsargel/second-hand_white.png') center no-repeat;
  }
  .TopSargelRedItem.TLuachY2:hover span{
    background:url('../../../media/images/icons_topsargel/second-hand_black.png') center no-repeat;
  }
  .TopSargelGrayItem.TLuachY2 span{
    background:url('../../../media/images/icons_topsargel/second-hand_black.png') center no-repeat;
  }
  .TopSargelGrayItem.TLuachY2:hover span{
    background:url('../../../media/images/icons_topsargel/second-hand_white.png') center no-repeat;
  }
  
  .TopSargelRedItem.MyAgents span{
    background:url('../../../media/images/icons_topsargel/notification_white.png') center no-repeat;
  }
  .TopSargelRedItem.MyAgents:hover span{
    background:url('../../../media/images/icons_topsargel/notification_blue.png') center no-repeat;
  }
  .TopSargelRedItem.MyBusinessSolutions span{
    background:url('../../../media/images/icons_topsargel/recruitment_white.png') center no-repeat;
  }
  .TopSargelRedItem.MyBusinessSolutions:hover span{
    background:url('../../../media/images/icons_topsargel/recruitment_blue.png') center no-repeat;
  }
  .TopSargelRedItem.MyWall span{
    background:url('../../../media/images/icons_topsargel/favorites_white.png') center no-repeat;
  }
  .TopSargelRedItem.MyWall:hover span{
    background:url('../../../media/images/icons_topsargel/favorites_blue.png') center no-repeat;
  }
  .TopSargelRedItem.MyWall2 span{
    background:url('../../../media/images/icons_topsargel/myboard_white.png') center no-repeat;
  }
  .TopSargelRedItem.MyWall2:hover span{
    background:url('../../../media/images/icons_topsargel/myboard_blue.png') center no-repeat;
  }
  .TopSargelRedItem.MyPirsum span{
    background:url('../../../media/images/icons_topsargel/postadd_white.png') center no-repeat;
  }
  .TopSargelRedItem.MyPirsum:hover span{
    background:url('../../../media/images/icons_topsargel/postadd_blue.png') center no-repeat;
  }
  .TopSargelRedItem.Help span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/help_white.png') center no-repeat;
  }
  .TopSargelRedItem.Help:hover span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/help_red.png') center no-repeat;
  }
  .TopSargelRedItem.Articles span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/articles_white.png') center no-repeat;
  }
  .TopSargelRedItem.Articles:hover span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/articles_red.png') center no-repeat;
  }
  .TopSargelRedItem.Recommend span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/like_white.png') center no-repeat;
  }
  .TopSargelRedItem.Recommend:hover span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/like_red.png') center no-repeat;
  }
  .TopSargelRedItem.Contact span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/contact_white.png') center no-repeat;
  }
  .TopSargelRedItem.Contact:hover span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/contact_red.png') center no-repeat;
  }
  .TopSargelRedItem.Hire span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/recruitment_white.png') center no-repeat;
  }
  .TopSargelRedItem.Hire:hover span{
    background:url('https://www.jobmaster.co.il/images/topSargelIcons/recruitment_red.png') center no-repeat;
  }

.displayNone {
  display:none;
}

/* selected top item */

.TopSargelFixPlaceHolder .TransitionQuick.TopSargelGrayItem {
  position:relative;
}

.TopSargelPlaceHolder .TopSargelGrayItem.Selected:after {
    content: "";
    width: 0;
    bottom: 0;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: #5794D7;
    display: block;
    position: absolute;
    margin: 0 auto;
    z-index: 9999;
    background: none;
    right: 0;
    left: 0;
}

TopSargelPlaceHolder .TopSargelGrayItem.Selected:after {
    top: calc(50% + 2.5px);
}



/* JSSOR - pic slider */

/* jssor slider arrow navigator skin 05 css */

  /*
  .jssora05l                  (normal)
  .jssora05r                  (normal)
  .jssora05l:hover            (normal mouseover)
  .jssora05r:hover            (normal mouseover)
  .jssora05l.jssora05ldn      (mousedown)
  .jssora05r.jssora05rdn      (mousedown)
  .jssora05l.jssora05lds      (disabled)
  .jssora05r.jssora05rds      (disabled)
  */
  .jssora05l, .jssora05r {
      display: block;
      position: absolute;
      /* size of arrow element */
      width: 40px;
      height: 40px;
      cursor: pointer;
      background: url('/media/images/jssor/a17.png') no-repeat;
      overflow: hidden;
  }
  .jssora05l { background-position: -10px -40px; }
  .jssora05r { background-position: -70px -40px; }
  .jssora05l:hover { background-position: -130px -40px; }
  .jssora05r:hover { background-position: -190px -40px; }
  .jssora05l.jssora05ldn { background-position: -250px -40px; }
  .jssora05r.jssora05rdn { background-position: -310px -40px; }
  .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
  .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
  /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
  .jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('/media/images/jssor/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}

/* -------------------- */

.popOpenFileTitle {
  display:block;
  width:100%;
  height:40px;
  background-color:#5794D7;
  margin-bottom:10px;
  text-align:right;
  z-index:999;
}

.bckPopOpenFileTitle{
  margin-top:8px;
  margin-right: 8px;
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url(../../../media/images/icons_topsargel/back_white.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

.bckPopOpenFileImage{
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url(../../../media/images/icons_topsargel/back_white.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

.sargelCanvas {
  text-align:center;
  margin: 0 auto;
  background-color:#f7f7f7;
}

.tblTopSargel { 
  width:100%;
  border:0;
  margin:0 auto;
}

.hideOnApp {
  display:none;
}

.hideOnCounterZero {
  display:none;
}

.TopSargelWhiteItem .TopSargelLogo {
  position:relative;
  z-index:9;
}

#leftBanner {
  position:fixed;
  left:1px;
  top:33px;
}

#rightBanner {
  position:fixed;
  right:1px;
  top:33px;
}

#divForAppContainer {
  width:calc(100% - 2px);
  position:fixed;
  bottom:0px;
  z-index:1000;
  right:0px;
  background-color:black;
  border-top:1px solid #575757;
  height:150px;
  margin:0 1px;
}

#divForAppContainer .ContainerPadding {
  padding:8px;
  padding-right:25px;
  padding-left:25px;
  padding-top:27px;  
}

#divForApp appCenter {
  text-align:center;
}

#divForApp .btnApp {
  font-size:22px;
  color:white;
  font-family:arial;
  background-color:#73ba4c;
  text-shadow: none;
  padding-top:7px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}

#divForApp .btnGlisha {
  font-size:22px;
  background-color:#b5b5b5;
  font-family:arial;
  text-shadow: none;
  color:white;
  padding-top:7px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}

div.pageContainer {
  box-sizing:border-box; 
  width:100%; 
  padding:0 5px; 
  max-width:960px; 
  margin:0 auto;
}

.pageContainer.appTopMargin {
  margin-top:-90px;
}

.bottomLinks.borderBox {
  width:100%;
  max-width:940px;
  padding:10px;
  height:auto;
}

#copyr {
  width:100%;
  padding:0px;
  height:auto;
}

#copyr a {
  text-decoration:none;
}

/* menu icons */
span.spanIcon {
  display:inline-block;
  width:24px;
  height:24px;
  margin-left:12px;
  line-height:28px;
}
span.homeIcon {
  background:url('../../../media/images/icons_topsargel/home_black.png') no-repeat;
  background-size:100%;
}
span.carIcon {
  background:url('../../../media/images/icons_topsargel/car_black.png') no-repeat;
  background-size:100%;
  line-height:24px;
}
span.y2Icon {
  background:url('../../../media/images/icons_topsargel/second-hand_black.png') no-repeat;
  background-size:100%;
}
span.jobsIcon {
  margin-right:2px;
  background:url('https://www.jobmaster.co.il/images/topSargelIcons/suitcase_black.png') no-repeat;
  background-size:96% 98%;
}

.misrotMsgs {
  background: red;
  color: white;
  height:15px;
  width:15px;
  line-height:15px;
  top:3px;
  left: 6px;
}
.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);
}

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

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

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

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

.CardStyle{
  margin:auto;
}

.CenterContent{
  width:100%;
  max-width:940px;
  box-sizing:border-box;
  margin: 0;
}

.HelpHeaderPlaceHolder{
  width:100%;
  height:100px;
  color:#999;
  text-align:center;
  font-size:20px;
  line-height:100%;
}

.CardRow{
  padding:20px 10px 20px 15px;
  font-size:16px;
  position:relative;
}

.Point{
  cursor:pointer;
}

.ArrowUpdate:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEX///8AAABlam9kam9kaHBlam5ka29kam9jam9qampkaW5jam9ka3Blam9kam9ja3Bkam8AAABaaY/SAAAAEHRSTlMAAY7lQp11nMMMm5qZmJdi3/zQnwAAAAFiS0dEAf8CLd4AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsICwgx9JRdAAAATElEQVQoz53SOQ4AIAhEUdx35f6ntdWEMUHK9xNoILrHWOdJGBOYo+SJORfBq9Kb0jvwofQpOy3gOMBV8PizdFjaR6kfJcECnuF4nw0iNQU7gMpOVQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxMTowOCswMjowMFE4h5EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTE6MDgrMDI6MDAgZT8tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
  width: 15px;
  height: 15px;
}

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

.ArrowDown.Open:after {
  -webkit-transform: rotate(-90deg) rotateY(180deg);
  -moz-transform: rotate(-90deg) rotateY(180deg);
  -ms-transform: rotate(-90deg) rotateY(180deg);
  -o-transform: rotate(-90deg) rotateY(180deg);
  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;
}

.deleteRow:after,
.ArrowUpdate:after {
  content: '';
  display: table;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%);
  background-size: 100% !important;
}

.textRight { text-align:right; }

.ArrowUpdateDown:after {
  transform: translateY(-50%) translateX(50%) rotate(-90deg);
  webkit-transform: translateY(-50%) translateX(50%) rotate(-90deg);
}

.ArrowUpdateUp:after {
  transform: translateY(-50%) translateX(50%) rotate(90deg);
  webkit-transform: translateY(-50%) translateX(50%) rotate(90deg);
}

.subGray {
  background-color:#eee;
}

.itemopened {
    transition-property: all;
	  transition-duration: .3s;
	  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.itemclosed {
    max-height: 0;
    padding-top:0;
    padding-bottom:0;
    border:0;
    margin:0;
    overflow:hidden;
}
.CenterContent{
  margin:auto;
  width:100%;
  color:#333333;
}
.MainLeftPanel{
  width: calc(100% - 260px);
  padding: 0px 5px;
  display:inline-block;
  vertical-align:top;
}
.MainLeftPanel{
  position:relative;
  height:400px;
}
.MainSub{
  width: 226px;
  padding: 10px;
  display: inline-block;
}
.mobileDisplayBack{
  display:none;
}
.Point{
  cursor:pointer;
}
.MenuArrow{
  width: 300px;
  height: 300px;
  background: url('https://www.jobmaster.co.il/images/menu_arrow.png')center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 58%;
  left: 60%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0.3;
}
.MenuText{
  position: absolute;
  top: 40px;
  font-size: 32px;
  width: 100%;
  text-align: center;
  color: #333333;
}
@media only screen and (max-width:700px){
  .MainLeftPanel { width:calc(100% - 10px); }
  
  .MainSub{
    width:98% !important;;
    padding: 10px 1% !important;;
  }
  
  .MainSub{
    display:none !important;
  }
}
.MainPanelHeader {
  text-align: right;
  font-size: 16px;
  padding-right: 5px;
  height: 26px;
  line-height: 34px;
  margin: 5px 0px;
}
.tabOffRight{
    background:#ffffff;
    border-bottom: 1px solid #dddddd;
  }
  
  .MainSub a{
    color:#4e4e4e;
    text-decoration:none;
    display: table;
    width: calc(100% - 10px);
  }
  
  .MainSub a:not(.Selected):hover {
    background: #a5a9ad;
  }
  
  .MainSub a:not(.Selected):hover,
  .MainSub a:not(.Selected):hover span{
    color:#ffffff !important;
  }
  
  .MainSub ul{
    display: inline-table;
    width: 100%;
    padding: 0px;
    margin: 5px 0px;
    list-style-type: none;
    line-height:20px;
    border-radius: 4px;
    overflow: hidden;    
  }
  
  .MainSub ul:first-child{
    margin-top:0px;
  }
  
  .MainSub ul > li:first-child{
    border-radius: 4px 4px 0px 0px;
  }
  
   .MainSub ul > li:last-child{
    border-radius: 0px 0px 4px 4px;
  }
  
  .SubMenuheader{
    width: calc(100% - 10px);
    color: #5F5F5F;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 2px 1px white;
  }
  
  .SubMenuheader,
  .MainSub a{
    padding: 0px 5px;
  }
  
  .SubMenuheader {
    margin-top: 10px;
  }
  
  .SubMenuheader:first-child {
    margin-top: 5px;
  }
  
  .MainSub .big.Selected{
    font-weight:bold;
    color: #5794D7;
  }
  
  .tabOnRight{
    background: #ffffff;
  }
  
  .tabOnRight a {
    cursor: default;
  }
  
  .tabOffRight a { font-size:14px; }
  
  .SubMenuList > li {
    border: none;
    line-height: 40px;
    height:40px;
    position:relative;
    overflow:hidden;    
  }
  
  .SubMenuList li.tabOffRight:after,
  .SubMenuList li.tabOnRight:after{
    content: '';
    width: 15px;
    height: 15px;
    display: table;
    position: absolute;
    left: 5px;
    top: 13px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEX///8AAABlam9kam9kaHBlam5ka29kam9jam9qampkaW5jam9ka3Blam9kam9ja3Bkam8AAABaaY/SAAAAEHRSTlMAAY7lQp11nMMMm5qZmJdi3/zQnwAAAAFiS0dEAf8CLd4AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsICwgx9JRdAAAATElEQVQoz53SOQ4AIAhEUdx35f6ntdWEMUHK9xNoILrHWOdJGBOYo+SJORfBq9Kb0jvwofQpOy3gOMBV8PizdFjaR6kfJcECnuF4nw0iNQU7gMpOVQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxMTowOCswMjowMFE4h5EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTE6MDgrMDI6MDAgZT8tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
    background-size: 100% !important;
    pointer-events: none;
  }
  
  .SubMenuList li.tabOffRight:after {
    filter:alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity:0.6;
  }
  
  .SubMenuList li.tabOffRight:hover:after {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsIERicbn7iAAAAhUlEQVQ4y6WUyxGAIAwFiWershR7sA2v/quxFutYDxwcEIJEuDG7M5A84nDqFkYuuuekhB8ADN8EYQfgpP0iCNsbzwsZPCcIaxpPCwqeEoQlj78FYdbwWCjioSBMJTwU+jKOa1zt+nOl6kcbymponCEahvAZ4q0oSk9rv6hXqoaAV6IxcwODEm/+nlg2aQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxNzoyNCswMjowMNmjmt8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTc6MjQrMDI6MDCo/iJjAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
  }
  
  .SubMenuList > li:last-child{
    border:none !important;
  }
  
  .MainLeftPanel{
    position:relative;
    height:400px;
  }
  .MenuArrow{
    width: 300px;
    height: 300px;
    background: url('https://www.jobmaster.co.il/images/menu_arrow.png')center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 58%;
    left: 60%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0.3;
  }
  
  .MenuText{
    position: absolute;
    top: 40px;
    font-size: 32px;
    width: 100%;
    text-align: center;
    color: #333333;
  }
  
  @media only screen and (max-width:700px){
    .MainLeftPanel { width:calc(100% - 10px); }
    
    .MainSub{
      width:98% !important;;
      padding: 10px 1% !important;;
    }
    
    .MainSub{
      display:none !important;      
    }
  }
  /* ======== for MENU page only !!!!! ======== */
.CenterContent{
  margin:auto;
  width:100%;
  color:#333333;
}
.MainLeftPanelMenu{
  width: calc(100% - 260px);
  padding: 0px 5px;
  display:inline-block;
  vertical-align:top;
}
.MainLeftPanelMenu{
  position:relative;
  height:400px;
}
.MainSubMenu{
  width: 226px;
  padding: 10px;
  display: inline-block;
}
.mobileDisplayBack{
  display:none;
}
.Point{
  cursor:pointer;
}
.MenuArrow{
  width: 300px;
  height: 300px;
  background: url('https://www.jobmaster.co.il/images/menu_arrow.png')center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 58%;
  left: 60%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0.3;
}
.MenuText{
  position: absolute;
  top: 40px;
  font-size: 32px;
  width: 100%;
  text-align: center;
  color: #333333;
}
@media only screen and (max-width:700px){
  .MainLeftPanelMenu{
    display:none;
  }
  
  .MainSubMenu{
    width:98% !important;;
    padding: 0px 1% !important;;
  }
  
  .MainSubMenu{
    display:inline-block !important;
  }
}
.MainPanelHeader {
  text-align: right;
  font-size: 16px;
  padding-right: 5px;
  height: 26px;
  line-height: 34px;
  margin: 5px 0px;
}
.tabOffRight{
    background:#ffffff;
    border-bottom: 1px solid #dddddd;
  }
  
  .MainSubMenu a{
    color:#4e4e4e;
    text-decoration:none;
    display: table;
    width: calc(100% - 10px);
  }
  
  .MainSubMenu a:not(.Selected):hover {
    background: #a5a9ad;
  }
  
  .MainSubMenu a:not(.Selected):hover,
  .MainSubMenu a:not(.Selected):hover span{
    color:#ffffff !important;
  }
  
  .MainSubMenu ul{
    display: inline-table;
    width: 100%;
    padding: 0px;
    margin: 5px 0px;
    list-style-type: none;
    line-height:20px;
    border-radius: 4px;
    overflow: hidden;    
  }
  
  .MainSubMenu ul:first-child{
    margin-top:0px;
  }
  
  .MainSubMenu ul > li:first-child{
    border-radius: 4px 4px 0px 0px;
  }
  
   .MainSubMenu ul > li:last-child{
    border-radius: 0px 0px 4px 4px;
  }
  
  .SubMenuheader{
    width: calc(100% - 10px);
    color: #5F5F5F;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 2px 1px white;
  }
  
  .SubMenuheader,
  .MainSubMenu a{
    padding: 0px 5px;
  }
  
  .SubMenuheader {
    margin-top: 10px;
  }
  
  .SubMenuheader:first-child {
    margin-top: 5px;
  }
  
  .MainSubMenu .big.Selected{
    font-weight:bold;
    color: #cd080f;
  }
  
  .tabOnRight{
    background: #ffffff;
  }
  
  .tabOnRight a {
    cursor: default;
  }
  
  .tabOffRight a { font-size:14px; }
  
  .SubMenuList > li {
    border: none;
    line-height: 40px;
    height:40px;
    position:relative;
    overflow:hidden;    
  }
  
  .SubMenuList li.tabOffRight:after,
  .SubMenuList li.tabOnRight:after{
    content: '';
    width: 15px;
    height: 15px;
    display: table;
    position: absolute;
    left: 5px;
    top: 13px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEX///8AAABlam9kam9kaHBlam5ka29kam9jam9qampkaW5jam9ka3Blam9kam9ja3Bkam8AAABaaY/SAAAAEHRSTlMAAY7lQp11nMMMm5qZmJdi3/zQnwAAAAFiS0dEAf8CLd4AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsICwgx9JRdAAAATElEQVQoz53SOQ4AIAhEUdx35f6ntdWEMUHK9xNoILrHWOdJGBOYo+SJORfBq9Kb0jvwofQpOy3gOMBV8PizdFjaR6kfJcECnuF4nw0iNQU7gMpOVQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxMTowOCswMjowMFE4h5EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTE6MDgrMDI6MDAgZT8tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
    background-size: 100% !important;
    pointer-events: none;
  }
  
  .SubMenuList li.tabOffRight:after {
    filter:alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity:0.6;
  }
  
  .SubMenuList li.tabOffRight:hover:after {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsIERicbn7iAAAAhUlEQVQ4y6WUyxGAIAwFiWershR7sA2v/quxFutYDxwcEIJEuDG7M5A84nDqFkYuuuekhB8ADN8EYQfgpP0iCNsbzwsZPCcIaxpPCwqeEoQlj78FYdbwWCjioSBMJTwU+jKOa1zt+nOl6kcbymponCEahvAZ4q0oSk9rv6hXqoaAV6IxcwODEm/+nlg2aQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxNzoyNCswMjowMNmjmt8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTc6MjQrMDI6MDCo/iJjAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
  }
  
  .SubMenuList > li:last-child{
    border:none !important;
  }
  
  .MainLeftPanelMenu{
    position:relative;
    height:400px;
  }
  .MenuArrow{
    width: 300px;
    height: 300px;
    background: url('https://www.jobmaster.co.il/images/menu_arrow.png')center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 58%;
    left: 60%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0.3;
  }
  
  .MenuText{
    position: absolute;
    top: 40px;
    font-size: 32px;
    width: 100%;
    text-align: center;
    color: #333333;
  }
  
  @media only screen and (max-width:700px){
    .MainLeftPanelMenu{
      display:none;
    }
    
    .MainSubMenu{
      width:98% !important;;
      padding: 0px 1% !important;;
    }
    
    .MainSubMenu{
      display:inline-block !important;
    }
  }
/* ------------------------------------------------------------------------------ */
.MaasikLoginText{
  width: 120px;
  height: 20px;
  line-height: 18px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.Footer{
  background: #f6f4f4;
  background: #ffffff;
  width: 100%;
  padding: 5px 0px;
  height:80px;
  display:none;
  border-top:1px solid #d0d8db;
  border-bottom:1px solid #d0d8db;
  margin-top:20px;
}
.Footer.Absolute,
.Footer.Relative{
  display: table;
}
.Footer.Absolute{
  position:fixed;
  bottom:0px;
  left:0px;
  right:0px;
}
.Footer a{
  text-decoration:none;
}
.Footer,
.Footer a{
  color: #333333;
}
.Footer a:hover{
  text-decoration:underline;
}
.FooterLinks,
.FooterCredit{
  text-align:center;
}
.FooterCredit{
  direction:ltr;  
}
.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: left;
}
.PhoneLink{
  color:#333333;
  text-decoration:none;
}
.PhoneLink:hover{
  color:blue;
}
/* -------------------- */
.AutocompleteRow{
  background:#ffffff;
  padding: 5px;
  cursor:pointer;
}
.AutocompleteRow:hover{
  background:#ececec;
}
.InputFix {
  padding:5px;
  height: 34px;
  line-height:27px;
  box-sizing: border-box;
  border:none;
}
.InputFix.Ltr{
  direction:ltr;
}
textarea.InputFix{
  height:initial;
  line-height:initial;
}
.InputFix:focus{
  outline:none;
}.NoTop { padding-top:0 !important; }
.NoTop label { height:34px; line-height:34px; }

.Err{
  background:#cecece;
}

.Err label{
  background:transparent;
}

@media only screen and (min-width:700px){
  .formRow { 
    display:inline-block; 
    width:50%;
    max-width:460px; 
    float:right;
  }
  .MainLeftPanel.updateSheet {
    width: calc(100% - 10px) !important;
  }
}

@media only screen and (min-width:980px){
  .formRow2 { 
    display:inline-block; 
    width:306px; 
    max-width:306px; 
    float:right;
  }
  .formRow { 
    width:307px; 
    max-width:307px; 
  }
  #piclistShow img { 
    width:100% !important; 
    height: 80px !important
  }
  #piclistShow > div {
    width: calc(50% - 6px) !important;
    height: 102px !important;
  }
  #piclistShow > div > div.grayColor3 {
    top: 83px !important;
  }
  #piclistShow > div > div.grayColor3 > table {
    margin-right:5px !important;
  }
}


.CardRow.formKoteret {
  padding: 0px;
  width: 100%;
  background:#ffffff;
}

.UpdateElement label,
.UpdateGroup .UpdateElement:last-child label{
  /*width:95px;*/
}

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

.SignUpForm,
.SignUpExplain{
  display:inline-block;
  vertical-align:top;
}
  
.SignUpForm{
  width:375px;
  max-width:100%;
  padding:0px;
  margin: 10px 0px;
  background: #f1f1f1;
}

.SignUpExplain{
  width:calc(98% - 375px);
  padding: 10px 1%;
}

.UpdateGroup{
  background: #ececec;
  margin: 10px;
  width: calc(100% - 22px);
}

.ElementRemark{
  color:#696969;
  font-size:12px;
  text-align:left;
}

.SignUpBttn{
  font-weight: bold;
  margin: auto;
  display: table;
  margin-top: 10px;
  width:50%;
}

#errText1{
  position:absolute;
  top:0px;
  left:10px;
  z-index:1;
  color:red;
}

.TermsLink{
  padding-right:5px;
}

.UpdateElement .checkbox {
  left: inherit;
  position: relative;
  top: 8px;
  right: 5px;
}

.BasicLabel {
  width: initial !important;
  background: initial !important;
  border: initial !important;
}

.HeaderText:before{
  content: '';
  display: table;
  float: right;
  width: 50px;
  height: 50px;
  background: url('/images/profile.png') center no-repeat #ffffff;
  background-size: 45px 45px;
  margin: 28px 20px 0px 20px;
  border: 1px solid #ebebeb;
  border-radius: 100%;
}

@media only screen and (max-width:700px){
  .SignUpForm{
    display:table;
    width:98%;
    margin:0px 1%;
  }
  
  .SignUpExplain{
    display:none;
  }
  
  .SignUpBttn{
    width:calc(100% - 20px);
  }
  
  .TermsLink{
    padding:0px;
  }
}

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

@media only screen and (min-width:700px){
  .showOnMobile { display:none; }
}

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

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

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

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

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

.UpdateGroup .UpdateElement:first-child,
.UpdateGroup .UpdateElement:first-child label{
  -webkit-border-radius:0px 2px 0px 0px;
  -moz-border-radius:0px 2px 0px 0px;
  border-radius:0px 2px 0px 0px;
}

.UpdateGroup .UpdateElement:last-child,
.UpdateGroup .UpdateElement:last-child label{
  -webkit-border-radius:0px 0px 2px 0px;
  -moz-border-radius:0px 0px 2px 0px;
  border-radius:0px 0px 2px 0px;
}

.UpdateGroup .UpdateElement:only-child,
.UpdateGroup .UpdateElement:only-child label{
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  border-radius: 2px;
}


.UpdateGroup .UpdateElement input {
  box-sizing: border-box;
}

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

.UpdateGroup .UpdateElement label {
  width: 94px;
  display: inline-block;
  color: gray;
  background: #f7f7f7;
  padding-right: 5px;
  border-left:1px solid #dedede;
  text-align:right;
  font-size:12px;
}

.UpdateElement .formRight { 
  float:right;
  font-size:13px !important;
}

.CardRow.formKoteret {
  background-color:transparent;
  text-align:right;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom:0;
}

.CardRow.formKoteret .font18 {
  line-height: 18px !important;
  margin-right:8px;
}

.CardRow.formKoteret .font14 {
  line-height: 14px !important;
  margin-right:8px;
}

.UpdateGroup .UpdateElement .EqualWidth {
  width: calc(100% - 101px);
}
.UpdateGroup .UpdateElement .HalfWidth {
  width: calc(50% - 50.5px);
}
.UpdateGroup .UpdateElement .ThirdWidth {
  width: calc(33% - 33px);
}
.UpdateGroup .UpdateElement .Third2Width {
  width: calc(67% - 68px);
}
.UpdateGroup .UpdateElement label.halfWidthLabel {
  width: 50%;
  border:none;
  box-sizing:border-box;
  float:right;
}
.UpdateGroup .UpdateElement .HalfWidthNoLabel {
  width: calc(50% - 28px) !important;
  display:inline-block;
  text-align:right;
}
.UpdateGroup .UpdateElement .checkbox {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0px;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-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-right: 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: #000000;
}
.UpdateGroup .UpdateElement *::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.UpdateGroup .UpdateElement *:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.UpdateGroup .UpdateElement *:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}

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

.UpdateGroup .UpdateElement 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-repeat: no-repeat;
  background-position: 4px center;
  background-size: 14px;
  padding: 3px;
}

.UpdateGroup .UpdateElement select::-ms-expand {
  display: none;
}

.ErrInput{
  color:red;
  display:block;
  font-size:12px;
  position: absolute;
  left: 10px;
  text-align: left;
  z-index: 1;
}

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

#buttons{
  padding-bottom: 10px;
}

.AutoCompleteStyle{
  width: calc(100% - 101px);
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 36px;
}

.AutoCompleteTd {
  padding: 0;
  padding-right:5px;
}

.AutoCompleteArrow {
  width:35px;
  height:35px;
  display:inline-block;
  float:left;
  background: #f3f3f3 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAo0lEQVRIx+3X4QaAMBQF4L10RIwRMUZE9BB7t96gXOpfdVrtdMV+HMbY9+teOybGaDSyHxZC5gIX+BdwpTlOteYc15oLpGHB8/Y4BUew3FmAWxZMwe/CEgdwx4Kz4qmwpAV4y4Kz4E9hSQfwjgW/wt/CEg9wz4IlIRXPBSfjub+tPcADC76D9yxYMqDtxmwL49VKZVeV8Wymv+hJ09EiMVqlbQXTCZuExPleFwAAAABJRU5ErkJggg==") no-repeat center;  
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -o-background-size:60% auto;
  -webkit-background-size:60% auto;
  -moz-background-size:60% auto;
  background-size:60% auto;
}

.FormBackground{
  background: #f1f1f1;
}

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

.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-left: 10px;
  height: 25px;
  line-height: 25px;
  vertical-align: top;
}

/* --------------------------------------------------------------------------------- */

/* -------------------------------- Custom CheckBox -------------------------------- */

/* Base for label styling */
.CustomCheck [type="checkbox"]:not(:checked),
.CustomCheck [type="checkbox"]:checked {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.CustomCheck [type="checkbox"]:not(:checked) + label,
.CustomCheck [type="checkbox"]:checked + label {
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}

/* checkbox aspect */
.CustomCheck [type="checkbox"]:not(:checked) + label:before,
.CustomCheck [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  right:5px; top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%);
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}

/* checked mark aspect */
.CustomCheck [type="checkbox"]:not(:checked) + label:after,
.CustomCheck [type="checkbox"]:checked + label:after {
  content: '\2714';
  position: absolute;
  top: calc(50% - 7px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  font-size: 18px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}

/* checked mark aspect changes */
.CustomCheck [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.CustomCheck [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.CustomCheck [type="checkbox"]:disabled:not(:checked) + label:before,
.CustomCheck [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.CustomCheck [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.CustomCheck [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* accessibility */
.CustomCheck [type="checkbox"]:checked:focus + label:before,
.CustomCheck [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* ------------------------------------------------------------------------------ */

/* -------------------------------- Custom Radio -------------------------------- */

/* Base for label styling */
.CustomCheck [type="radio"]:not(:checked),
.CustomCheck [type="radio"]:checked {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}

.CustomCheck [type="radio"]:not(:checked) + label,
.CustomCheck [type="radio"]:checked + label {
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}

/* checkbox aspect */
.CustomCheck [type="radio"]:not(:checked) + label:before,
.CustomCheck [type="radio"]:checked + label:before{
  content: '';
  position: absolute;
  right:3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
  transform:         translateY(-50%);
  width: 17px; height: 17px;
  border: 1px solid #5e605e;
  background: #f8f8f8;
  border-radius: 100%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}

/* checked mark aspect */
.CustomCheck [type="radio"]:not(:checked) + label:after,
.CustomCheck [type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: calc(50% - 4px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  background: #8ce12a;
  transition: all .2s;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 1px solid #cecece;
}

/* checked mark aspect changes */
.CustomCheck [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.CustomCheck [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.CustomCheck [type="radio"]:disabled:not(:checked) + label:before,
.CustomCheck [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.CustomCheck [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.CustomCheck [type="radio"]:disabled + label {
  color: #aaa;
}

/* accessibility */
.CustomCheck [type="radio"]:checked:focus + label:before,
.CustomCheck [type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}


.OldBrowserSupportPlaceHolder {
  position: fixed;
  bottom: 0px;
  background: #272727;
  width: 100%;
  color: #ffffff;
  font-size: 20px;
  z-index: 100;
  text-align: center;
  padding:20px 0px;
}

.radioGroupItem {
  background-color:white;padding-right:22px;width: calc(100% - 125px) !important;
  height: 27px !important;
  line-height: 27px !important;
}
#paging { font-family:arial,helvetica,sans-serif; font-size:13px; }
.paging { border: 1px solid rgb(180,180,180); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55); color: #333333; font-weight: normal; margin: 0 1px; opacity: 0.8; padding: 4px 8px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); text-decoration:none; display:inline-block; }
.pagingChosen { background: repeat-x scroll 0 0 #E6E6E6; border: 1px solid #BBBBBB; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #333333; font-style: normal; font-weight: normal; margin: 0 1px; padding: 4px 8px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); display:inline-block; -moz-box-shadow: 0 1px 0 #dfdfdf; -webkit-box-shadow: 0 1px 0 #dfdfdf; box-shadow: 0 1px 0 #dfdfdf; }
.paging:hover { color: #00AFE9; opacity: 1; }
.paging,.pagingChosen {  
  outline: none;
  padding: 0px;
  width: 40px !important;
  height: 40px;
  border-radius: 100%;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  background-color: white;
  margin-left: 5px;
}


.OldBrowserSupportPlaceHolder {
  position: fixed;
  bottom: 0px;
  background: #272727;
  width: 100%;
  color: #ffffff;
  font-size: 20px;
  z-index: 100;
  text-align: center;
  padding:30px 0px 40px 0;
}

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

@media only screen and (max-width:1270px){
  .hideAdOnMobile {
    display: none;
  }
}

@media only screen and (min-width:700px){
  .showOnMobile {
    display: none;
  }
  
}

.marginMobile { margin-left:10px; }
@media only screen and (max-width:610px){
  .hideOnMobileAfter { display:none; }
  .marginMobile {  margin: 0 auto; margin-bottom:10px; }
}


#divOk {
  position: fixed;
  text-align: center;
  font-size: 12px;
  z-index: 999;
  left: 0px;
  width: 100%;
}

.socialBtnLogin{
  border-width:2px !important;
}

@media only screen and (min-width:701px){
  #divOk {
    top: 30px;
  }
}


@media only screen and (max-width:700px){
  #divOk {
    bottom: 40px;
  }
  .socialBtnLogin{
  border-width:1px !important;
}

}

.divOkInner {
  background: #FFFDE7;
  text-align: center;
  height: 24px;
  font-size: 14px;
  border: 1px solid #CDDC39;
  border-radius: 5px;
  line-height: 24px;
  display: inline-block;
  padding: 0px 10px;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bottomLinks a {
  display:inline-block;
  margin: 0 5px;
}

@media only screen and (max-width:700px){
  .btn_accessibility {
    display:none !important;
  }
}

#searchLoading {
  height: 4px;
  position: fixed;
  overflow: hidden;
  background-color: #ddd;
  z-index: 1000;
  width: 100%;
  right: 0;
  top:0;
}
#searchLoading:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #1565c0;
  animation: loading 2s linear infinite;
}
@keyframes loading {
  from {left: -200px; width: 30%;}
  50% {width: 30%;}
  70% {width: 70%;}
  80% { left: 50%;}
  95% {left: 120%;}
  to {left: 100%;}
}

.page_container {
  display: block;
  text-align:center;
}


.tblCalendar{
   background-color:white;
}
.tblCalendar{
   background-color:white;
}

.tblCalendar td:hover {
    border: 2px solid #4285f4;
}
.tblCalendar td {
    border: 2px solid white;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.tblCalendar th {
    width: 40px;
    height: 40px;
    text-align: center;
    color:gray;
}

.calenderDateInput{
    width: 25px;
    text-align: center;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
  
}

.todayDay{
  background-color:#FFF59D;
  
}
.contactDate{
  background-color:#4285f4;
  COLOR: WHITE;
}

.day_6, .day_7{
    opacity: 0.3;
}

.tblCalendar_counter{
  color:#9e9e9e;
}


span.tblCalendar_day {
    font-size: 16px;
    display: block;
}





html,body,center {
  height:calc(100% - 0px);
  padding:0px;
  margin:0px;
}
Table {
  FONT-SIZE: 14px;
}
body{
  text-align:center;
  font-family:arial;
  font-size:12px;
  background-color:#ececec;
}

.divTopPadding{
  width:100%;
  padding-top:80px;
}

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

input,select,textarea,table{
  font-family:arial;
  font-size:12px;
}

textarea{
  resize: none;
}

input[type=text],input[type=password],textarea,select{
  border:1px solid #CCC; 
  padding:4px;
  border-radius: 2px;
}

.inputTitle{
  color:gray;
  text-align:var(--alignTo);
  font-size:13px;
}

#tableStyle{
  position: relative;
  font-size:13px;
  width: 900px;
  border-collapse: collapse;
}

#tableStyle td{
  border-bottom: 1px solid #EEE;
  BORDER-BOTTOM: #D9D9D9 1px solid;
}


div.frRow {
  display: flex;
  background-color: white;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;

}

div.frRow.toolbar{
  padding: 0px 6px; 
  display:block;
  height:42px;
  line-height: 42px;
}

div.frRow.toolbar > span {
  float: var(--alignTo);
  margin-top: 5px;
}

div.frRow.header{
  background-color: #eeeeee;
  border-bottom: 1px solid #D9D9D9;
  font-weight: bold;
}

div.frRow div {
  height: 40px;
  line-height: 41px;
  margin-right: 4px;
  text-align: var(--alignFrom);
}

.boxEdit{
  border:1px gray dashed;
  padding:2px
}

#htmlBody p{margin:0}

.pre {
  BORDER: #5e5e5e 1px dotted
}
.pres {
  background-color:white;
  -moz-box-shadow: 0px 2px 3px #b8b8b8;
  -webkit-box-shadow: 0px 2px 3px #b8b8b8;
  box-shadow: 0px 2px 3px #b8b8b8;
}

.presRound {BORDER-RIGHT: #5e5e5e 1px solid; BORDER-TOP: #5e5e5e 1px solid; BORDER-LEFT: #5e5e5e 1px solid; BORDER-BOTTOM: #5e5e5e 1px solid;background-color:white;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.presup {BORDER-RIGHT: #5e5e5e 1px solid;  BORDER-BOTTOM: #5e5e5e 1px solid;BORDER-LEFT: #5e5e5e 1px solid; BACKGROUND-COLOR: white;}
.presupgray {BORDER-RIGHT: #A5A5A5 1px solid;  BORDER-BOTTOM: #A5A5A5 1px solid;BORDER-LEFT: #A5A5A5 1px solid; BACKGROUND-COLOR: white;}
.title {font-family:arial;font-size:15px}
.error {font-family:arial;font-size:18px;}
.line  {BORDER-BOTTOM: #D9D9D9 1px solid;}
.line2 {BORDER-BOTTOM: #BBBBBB 1px solid;}



.over {background-color: yellow; TEXT-DECORATION: none;BORDER-BOTTOM: #D9D9D9 1px solid}
.overOut {background-color: white; TEXT-DECORATION: none;BORDER-BOTTOM: #D9D9D9 1px solid}
.padding4{padding:4px}
.padding6{padding:6px}
.padding8{padding:8px}
.padding10{padding:10px}

.but {BORDER-RIGHT: #D4D4D4 2px outset ; BORDER-TOP: #D4D4D4 1px outset; BORDER-LEFT: #D4D4D4 1px outset; BORDER-BOTTOM: #D4D4D4 2px outset; TEXT-DECORATION: none;}
.box{COLOR: Black;background-color: white;BORDER-BOTTOM: #7F9DB9 1px solid;BORDER-LEFT: #7F9DB9 1px solid;BORDER-RIGHT: #7F9DB9 1px solid;BORDER-TOP: #7F9DB9 1px solid;FONT-FAMILY: Arial;FONT-SIZE: 14px;}

A {color:#0000CC}
A:active {TEXT-DECORATION: underline}
A:hover {TEXT-DECORATION: underline; color:Red}

.oldSkin1 {position:absolute;BACKGROUND-COLOR: white;display:none;width:120px;border:1 solid buttonface;border:2 outset buttonhighlight;border-top:white;}
.Menuitems {padding-left:15px;padding-top:2px;padding-bottom:2px;padding-right:10px;font-family: Arial;font-size: 14px;color:blue;cursor:pointer;BACKGROUND: white;}

.menuOut {
  font: bold 13px Arial;
  padding: 1px;padding-right: 4px;
  display: block;width: 100%;
  color: black;
  text-decoration: none;
  background-color: white;
  color: black;
}
.menuOver {
  font: bold 13px Arial;
  padding: 1px;
  padding-right: 4px;
  display: block;
  width: 100%;
  color: black;
  text-decoration: none;
  background-color: black;
  color: white;
}

  ul.dropList{position:absolute;background-color:white;border:1px solid #eee;list-style: none; margin:0;padding:0;width:150px;overflow: auto;}
  ul.dropList li{display:block;padding: 10px 16px;text-decoration: none;color:black;cursor:pointer;text-align:var(--alignFrom);width: calc(100% - 32px);}
  ul.dropList li:hover{background-color: #eee;color:black}

  .shadow {-webkit-box-shadow: 0 8px 6px -6px gray}
  .shadowPres {-moz-box-shadow: 0px 2px 3px #b8b8b8;-webkit-box-shadow: 0px 2px 3px #b8b8b8;box-shadow: 0px 2px 3px #b8b8b8;}
  .shadowBox{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50);}
  /*
  .smallScroll::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);}
  .smallScroll::-webkit-scrollbar:hover{background-color:#eee;}
  .smallScroll::-webkit-resizer{-webkit-border-radius:4px;background-color:#666;}
  .smallScroll::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color: rgba(0, 0, 0, .2);box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);}
  .smallScroll::-webkit-scrollbar-thumb:hover{background-color: #bbb;}
  .smallScroll::-webkit-scrollbar-thumb:active{background-color:#888;}
  */
  
 .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;}
 .round6 {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}

 .gradiantGray { background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E6E6E6) );background: -moz-linear-gradient(top, white, #E6E6E6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#E6E6E6);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#E6E6E6)";}
  ::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);}
  ::-webkit-scrollbar:hover{background-color:#eee;}
  ::-webkit-resizer{-webkit-border-radius:4px;background-color:#666;}
  ::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color: rgba(0, 0, 0, .2);box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);}
  ::-webkit-scrollbar-thumb:hover{background-color: #bbb;}
  ::-webkit-scrollbar-thumb:active{background-color:#888;}

  .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; }
  
  
  .pipeLineLevel0{background: url(../images/icons/piplineLevels.png) no-repeat 0px 0px}
  .pipeLineLevel1{background: url(../images/icons/piplineLevels.png) no-repeat 0px 0px}
  .pipeLineLevel2{background: url(../images/icons/piplineLevels.png) no-repeat -30px 0px}
  .pipeLineLevel3{background: url(../images/icons/piplineLevels.png) no-repeat -60px 0px}
  .pipeLineLevel4{background: url(../images/icons/piplineLevels.png) no-repeat -90px 0px}
  
  

  /*---=== Profile Picture styles ===---*/
.userProfilePictureList{
   
 }

.userProfilePictureList .rowContainer{
   padding:4px;
   border-bottom: 1px solid #eee;
 }

 
.userProfilePictureList .image{
  width:30px;
  height:30px;
  border-radius: 100%;
  vertical-align: middle;
}
.userProfilePictureList .title{
  font-size:15px;
}
 
.userProfilePictureList .email{
  font-size:11px;
  color:#cccccc;
}

/*---=== tableList styles ===---*/
  .tblList tr:nth-child(2n-1) td {background:#EEE}
  .tblList td {border-bottom:1px solid #E5E5E5;}

  .tblList tr:first-child{border:10px solid red;background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E6E6E6) );background: -moz-linear-gradient(top, white, #E6E6E6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#E6E6E6);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#E6E6E6)";}

  .tblList tr:first-child th:first-child{border-right: 1px solid #E5E5E5;}
  .tblList tr:first-child th {border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
  .tblList tr:first-child th:last-child{border-left: 1px solid #E5E5E5;}

  .tblList th{text-align:var(--alignFrom);height:40px;}
  .tblList tr{text-align:var(--alignFrom);height:40px}
  
   
  .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-right:20px;cursor:pointer;text-align:var(--alignFrom)}
  .tblSelOptions td:hover{background-color:#EEE}
 
  
 /* ============ end ================*/

  

/* ====================================================================== */ 
/* ===== End Css Global ===== */ 
/* ====================================================================== */ /* ===== rightMenu ===== */ 

#rightMenu{
  top:0px;
  right:0px;
  display:;
  position:fixed;
  background-color:white;
  width:240px;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  margin-top:3px;
  z-index:0;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  opacity: 1;
}	

#rightMenu:hover{
  opacity: 1;
}

.rightMenu_container{
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -0px;
  padding-top: 90px;
  
  /*background: white;*/
  border-left: 1px solid #E0E0E0;
}
	
.rightMenu div {
    padding: 6px 31px;
    cursor: pointer;
    font-size: 15px;
    font-size: 14px;
    color: black;
    text-align: right;
}

.rightMenu div:hover {
  background-color:highlight
}
.rightMenu div.title {
  padding: 6px 4px;
  font-weight:bold;
  cursor:default;
  color:gray;
}
.rightMenu .fa{
  font-size:20px;
  width:22px;
  vertical-align: middle;
}
	
  /* ===== TopSargel ===== */
/* ================================================================================  */

.topSargel{
  left:0px;
  top:0px;
  background-color:#4285f4;
  width:100%;
  height:50px;
  position:fixed;
  z-index:2;
  padding:0px 0px;
  border-bottom:1px solid #093352;
}


.topSargelRight--title{
    font-size: 20px;
    line-height: 34px;
    display: inline-block;
    color: white;
}

.topSargelSecond{
  left:0px;
  top:50px;
  background-color:white;
  width:100%;
  height:40px;
  position:fixed;
  z-index:1;
  padding:0px 0px;
  padding-top:5px;
}
.topSargelThird{
  background-color:white;
  width:100%;
  height:38px;
  padding:0px;
  top:91px;
  right:0px;
  position:fixed;
  z-index:2;
  padding-top:4px;}  

.topSargel td {
  color:white;  
  text-align:center;
}

.topSargel a  {
  color:white
}
.topSargel .tbl_search  {
  margin-top: 3px;
  max-width: 349px;
  width: calc(100% - 240px);
  display: inline-block;
  position: absolute;
  right: 285px;
}
.tbl_search--container{
  opacity:1;
}

.tbl_search--searchIcon{
    color: #757575;
    font-size: 16px !important;
    line-height: 20px !important;
    position: absolute;
    top: 4px;
    right: 4px;
}



.topSargelRight{
  padding-top:8px;
  float:var(--alignFrom);
  display:inline;
  padding-right:10px;
  direction: var(--dirTo);
}

#topSargelCenter{
  padding-top:8px;
  display: inline-block;
  width: calc(100% - 40%);
  max-width: 900px;
}

#topSargelCenter .grouped{
  float:var(--alignTo);
  display:flex;
  direction: var(--dirTo);
}

.topSargelLeft{
  padding-top:8px;
  float:var(--alignTo);
  direction: var(--dirTo);

  
}

#topSargelCenter #s{
  width: calc(100% - 28px);
  height: 19px;
  padding-right: 24px;
  font-size: 14px;
  text-align :var(--alignFrom);
}


#searchPlus {
    display:none;
    z-index:2;
    right:0px;
    top:29px;
    width:calc(100%);
    position:absolute;
    border:1px solid #D9D9D9; 
    background-color: white;
    min-width: 280px;
}

#btnExtraSearch{
    left: 5px;
    top: 5px;
    cursor: pointer;
    position: absolute;
    color: #424242;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
}


#searchPlus div{
  padding:4px;
  cursor:pointer;
  font-size:14px;
  color:black;
  text-align: var(--alignFrom);
  height: 22px;
  line-height: 22px;
  padding-right: 24px;
}
#searchPlus div:hover,#btnExtraSearch{
  background-color: #EEEEEE;
}


#divExtraSearch{
  display:none;
  z-index:2;
  right:0px;
  top:0px;
  width:calc(100%);
  position:absolute;
  border:1px solid #D9D9D9;
  background-color: white;
}

#divExtraSearch span{
  font-size:13px;
  color:gray;
  text-align: var(--alignFrom);
  display: block;
  line-height:20px;
}
#divExtraSearch input{
  font-size:14px;
  width:calc(100% - 8px);
}
#divExtraSearch td{
  text-align:var(--alignFrom); 
}
#divExtraSearch i{
    color: gray;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    width: 60px;
    text-align: center;
    margin-left: 5px;
    font-style: normal;
    line-height: 30px;
}
#divExtraSearch i:hover{
  background-color:#eeeeee;
}
#downBar{
  font-size: 12px;
  border-top:2px solid navy;
  text-align:var(--alignTo);
  max-width:940px
}
/*---=== rightSargel styles ===---*/
  .rightSargel {padding:0px;font-size:14px;}
  .rightSargel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:230px;height:17px;border:0px solid red;padding:4px;display:inline-block;font-weight:normal}
  .rightSargel a {font-size:14px;}
  .on {color:black;text-decoration:none;font-weight:bold}
 /* ============ end ================ */
 
 
  /* ============ media ================ */

@media screen and (max-width: 699px) {
    
    #topSargelLeft{
      padding-top:8px;
      float:var(--alignFrom);
    }

    .topSargel{
      background-color: #4285f4;
      height: 50px;
      z-index: 2;
      border-bottom: 1px solid #093352;
      display: flex;
    }
    
    .topSargelRight--title{
      display:none
    }

    #topSargelCenter{
       width: 59px;
       padding-top: 10px;
       padding-top:10px;
    }

    .topSargel .tbl_search{
      margin-top: 3px;
      max-width: 349px;
      width: calc(100% - 277px);
      display: inline-block;
      position: absolute;
      right: 271px;
    }
    
    .hideOnMobile{
      display:none!important;
    }
    
    #topMenu{
      //left: -110px;  
    }
    
    #topMenu a{
      width: 54px;  
    }
    
    #topMenu #triangle-up{
      position: absolute;
      top: -10px;
      left: 122px;
    }
    
    #topSargelLeft > table > tbody > tr > td {  position: static !important; }
    
    #topSargelLeft #triangle-up { display: none; }
    
    #topMenu{
    height: calc(100vh - 115px); 
    overflow: auto 
    }
    
}
/* ================================================================================  */



/* ===== End TopSargel ===== */

#frmTable {
    font-size:14px;
}

#frmTable tr{
    /*background-color:#eeeeee;*/
}

#frmTable td{
  border-bottom:1px solid #EEE;
  text-align: var(--alignFrom);
}

#frmTable th:{
    font-weight:bold;
    background-color:#f5f5f5;
    height:25px;color:#555;
}

#frmTable td:first-child {
  color:gray;
  text-align:var(--alignTo);
}

/*
#frmTable textarea, #frmTable input[type=text], #frmTable select {
  width:calc(100% - 60px);
}
*/
/* The switch - the box around the slider */
/* ==================================================================================== */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px!important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch--rtl .slider:before{
  right:4px;
}
.switch--rtl input:checked + .slider:before {
  -webkit-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  transform: translateX(-26px);
}

/* ==================================================================================== */
 /* Tooltip container */
/* ==================================================================================== */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* ==================================================================================== */


 /* Tooltip container */
/* ==================================================================================== */
.tooltipError {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltipError .tooltipErrorText {
    visibility: hidden;
    width: 120px;
    background-color: red;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltipError .tooltipErrorText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: red transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipError .tooltipErrorText.tooltipErrorShow {
    visibility: visible;
    opacity: 1;
}
/* ==================================================================================== */
/* Menu Material Design */
/* ======================================== page index.asp with 2 options 1:go to clock managment 2:goes to paycheck page ============================================ */

.cardContentTitle{
  margin:10px auto;
  text-align:right;
  font-size:16px;
  font-weight:bold;
  padding-right:3px;
}
  
.CenterContent {
    margin:10px auto;
    width: 100%;
    color: #333333;
}
  
.CardStyle{
  background:#ffffff;
  width:100%;
  border-radius:2px;
  position:relative;
  margin:auto;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
  
.CardRow {
    margin-bottom: 5px;
    font-size: 16px;
    text-align: var(--alignFrom);
    padding: 20px;
    pointer: hand;
    display: block;
    border-bottom: 1px solid #dddddd;
}  
  
.ArrowUpdate {
    position: relative;
}
  
.ArrowUpdate:after {
  content: '';
  display: table;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100% !important;
  
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEX///8AAABlam9kam9kaHBlam5ka29kam9jam9qampkaW5jam9ka3Blam9kam9ja3Bkam8AAABaaY/SAAAAEHRSTlMAAY7lQp11nMMMm5qZmJdi3/zQnwAAAAFiS0dEAf8CLd4AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgBhsICwgx9JRdAAAATElEQVQoz53SOQ4AIAhEUdx35f6ntdWEMUHK9xNoILrHWOdJGBOYo+SJORfBq9Kb0jvwofQpOy3gOMBV8PizdFjaR6kfJcECnuF4nw0iNQU7gMpOVQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wNi0yN1QwODoxMTowOCswMjowMFE4h5EAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDYtMjdUMDg6MTE6MDgrMDI6MDAgZT8tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==');
  width: 15px;
  height: 15px;
}

html[dir="ltr"] .ArrowUpdate:after {
  transform: rotate(-179deg);
}	  
  
 .Point {
    cursor: pointer;
} 
  
 span.spanIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 12px;
    line-height: 28px;
} 
.topMenu{
    top: 45px;
    left: 0px;
    position: absolute;
    background-color: white;
    width: 300px;
    margin-top: 3px;
    z-index: 1;
    padding: 30px;
    text-align: center;
    
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
  }
 
  #topMenu .triangle-up{
    position: absolute;
    top: -10px;
    left: 10px
  }
  

  .showFlex {
    display: flex !important;
  }
  
  #topMenu img{width:64px;height:64px; clear:all;}
  #topMenu font{
    font-size:13px;
    color:gray;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
  }
  #topMenu a{
    width:84px;
    height:84px;
    border: 1px solid transparent;
    text-align:center;
    oveflow:hidden;
    float;var(--alignFrom);
    display:inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
    text-decoration:none;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  #topMenu a:hover{
    border: 1px solid #e0e0e0;
  }
  
.budg{
    line-height: 8px;
    position: absolute;
    right: -2px;
    top: -5px;
    background-color: red;
    width: 20px;
    height: 14px;
    border-radius: 100%;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    padding-top: 5px;
    color: white;
    display:none;
}
.whatsNew{
    line-height: 8px;
    position: absolute;
    right: 1px;
    top: -1px;
    background-color: #2cff00;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    color: white;
}

.budgYellow{
    line-height: 8px;
    position: absolute;
    right: -2px;
    top: -5px;
    background-color: #FFF176;
    width: 20px;
    height: 14px;
    border-radius: 100%;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    padding-top: 5px;
    color: white;
    display:none;
    color:black;
} 

.grayCounter{
  display: inline-block;
    margin-right: 4px;
    color: #a2a2a2;
}

.mce-branding-powered-by{
  display:none
}

/*
=========================
Version: 15.0
Material Design Form Only By CSS
=========================
*/

.frmContainer{
    width: calc(100% - 22px);
    display: inline-block;
    text-align:left;
    direction:ltr;
    margin-top: 10px;
    /*
    padding: 10px;
    border: 1px solid #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: white;    
    */
} 
  
.frmContainer.rtl{
    text-align:var(--alignFrom);
    direction:var(--dirTo);
  }
  
  .frmContainer .lblContainer{
    margin-bottom: 5px;
    width: calc(100%);
    background: white;
    border: 1px solid #dadada;
    position:relative;
    height: 42px;
    display: inline-block;
  } 
  
  .lblContainer--buttons{
    text-align:var(--alignTo);
    margin:10px 5px;
    border:0px;
    background:transparent;
    line-height: 40px;    
  }
  
  .lblContainer--buttons .bttn{
    margin-right:5px;
  }
  .lblContainer--buttons input{
    width:83px
  }
  
  .frmContainer .multiRow{
    width: calc(100% + 2px);
    display:flex;
    justify-content: space-between;
  }

  .frmContainer .space{
    width: 10px;
  }
  .frmContainer .space20{
    width: 20px;
  }
  .frmContainer .space30{
    width: 30px;
  }

  .frmContainer label{
    display:inline-block;
    width: 100%;
    height: 100%;
  }
  .frmContainer label b{
    font-size:14px;
    font-weight:normal;
  }
  
  .frmContainer label span{
    display: block;
    height:100%;
    width: calc(100%);;
    top: 4px;
    position: absolute;
    color:#9e9e9e;
    text-indent: 4px;
    pointer-events: none;
  }
  
  
  
  .frmContainer label span:after{
      content: "";
      width:0px;
      position:absolute;
      background: #2196F3;
      height: 2px;
      position: absolute;
      bottom: 2px;
      left: calc(100% / 2);
      transition: 0.0s;
    }
  
  .frmContainer label input, 
  .frmContainer label textarea, 
  .frmContainer label select{
    display: block;
    width: calc(100%);
    border: 0px;
    outline: none;
    top: 14px;
    position: relative;
    padding:0px;
    height: 27px;
    font-size:14px;
    text-indent: 0px;
    background:transparent;
    
  }
  
  
  
  .frmContainer label select{
    z-index:2;
  }

  /* ---=== Disable Under line on focuse ===---  */
  .frmContainer label span.noLine:after{
    display:none;
  }
  
  .frmContainer label input{
    text-indent: 4px;
  }
  
  .frmContainer input:focus + span,
  select:focus + span,
  textarea:focus + span{
    color:#2196F3;
  }
  
  .frmContainer input:focus + span:after,
  select:focus + span:after,
  textarea:focus + span:after{
    transition: 0.15s;
    width: 100%;
    left: 0px;
  }
  
  /* CheckBox Size Fix */
  /* ============================================================ */
  .frmContainer  label input[type="checkbox"]{
    height: auto;
    width: auto;
    display: inline-block;
    top: 3px;
  }  
  
 .frmContainer .emptyRow{
    border:0px;
    background:transparent;
    line-height: 40px;
  }
  
  .frmContainer label select{
    z-index:0;
    -webkit-appearance: menulist-button; 
    -moz-appearance: menulist-button; 
  }


.frmContainer label select:focus::-ms-value { 
  color: black; 
  background: transparent; 
} 


  
  /* ============= end CheckBox Size Fix ================= */
  
  /* textarea Size Fix */
  /* ============================================================ */
  .frmContainer .lblContainer.textarea{
    height: auto; 
  }  
  
  
  .frmContainer label textarea{
    height: auto;
    padding: 4px;
    width: calc(100% - 8px);
    resize: none; 
  }
  /* ============= end textarea Size Fix ================= */
  
  
  
  
  /* ============= OUTLINE OUTLINE OUTLINE ================= */
  .frmContainer .lblContainer--outline{
    background:white;
    border:0px;
    padding:10px 0px;
  }
  .frmContainer .lblContainer--outline input,
  .frmContainer .lblContainer--outline select, 
  .frmContainer .lblContainer--outline textarea{
    
    /*border: 1px solid #dadce0;*/
    box-shadow: 0 0 0 1px #dadce0;;
    top: 0px;
    border-radius: 4px;
    height:34px;
  }
  
  .frmContainer .lblContainer--outline label{
    height:auto;
    width: calc(100% - 0px);
  }
      
  
   .frmContainer .lblContainer--outline input:focus,
   .frmContainer .lblContainer--outline select:focus,
   .frmContainer .lblContainer--outline textarea:focus{
      /*border: 2px solid #2196F3;*/
      box-shadow: 0 0 0 2px #2196F3;
  }
  
  .frmContainer .lblContainer--outline span,
  .frmContainer .lblContainer--outline span,
  .frmContainer .lblContainer--outline span{
    top: 19px;
    transition: 0.15s;
    width: auto;
    height: auto;
    left: 8px;
    display: inline-block;
    background: white;
    padding-right: 4px;
    padding-left: 4px;
    font-size:14px;
    text-indent: 4px;
  }
  
  .frmContainer .lblContainer--outline label input::-webkit-input-placeholder,
  .frmContainer .lblContainer--outline label textarea::-webkit-input-placeholder, 
  .frmContainer .lblContainer--outline label select::-webkit-input-placeholder{
    text-indent: 4px;
  }
  
  .frmContainer.rtl .lblContainer--outline span,
  .frmContainer.rtl .lblContainer--outline span,
  .frmContainer.rtl .lblContainer--outline span{
    right: 8px;
    left: auto;
  }
  
  
  .frmContainer .lblContainer--outline .frmContainer--helperText{
    color: #9e9e9e;
    font-size: 12px;
    margin-right: 9px;
    margin-top: 2px;
  }
  .frmContainer .lblContainer--outline .frmContainer--errorText{
    color: red;
    font-size: 12px;
    margin-right: 9px;
    margin-top: 2px;
    display:none;
  }
  
  .frmContainer .lblContainer--outline input:focus + span,
  .frmContainer .lblContainer--outline select:focus + span,
  .frmContainer .lblContainer--outline textarea:focus + span  {
    top: 2px;
    font-size:12px;
  }
  
  .frmContainer .lblContainer--outline span.notEmpty{
    transition:0s;
    top: 2px;
    font-size:12px;
  }
  
  .frmContainer .lblContainer--outline input:focus + span:after,
  .frmContainer .lblContainer--outline select:focus + span:after,
  .frmContainer .lblContainer--outline textarea:focus + span:after{
    display:none;
  }
  
  /*--- ERROR ERROR --- */
  .frmContainer .lblContainer--outline-error input:focus,
  .frmContainer .lblContainer--outline-error select:focus,
  .frmContainer .lblContainer--outline-error textarea:focus{
      /*border: 2px solid red;*/
      box-shadow: 0 0 0 2px red;;
  }
  .frmContainer .lblContainer--outline-error .frmContainer--helperText {
    display:none;
  }
  .frmContainer .lblContainer--outline-error .frmContainer--errorText { 
    display:block;
  }
  
  
  .frmContainer .lblContainer--outline-error input,
  .frmContainer .lblContainer--outline-error select,
  .frmContainer .lblContainer--outline-error textarea{
      /*border: 2px solid red;*/
      box-shadow: 0 0 0 2px red;;
  }
  .frmContainer .lblContainer--outline-error input:focus + span,
  .frmContainer .lblContainer--outline-error select:focus + span,
  .frmContainer .lblContainer--outline-error textarea:focus + span{
    color:red;
  }
  
  .frmContainer .lblContainer--outline-error span.helperText{
    color: red;
    margin-top: 2px;
  }
  
  /* --- end eRROR --- */
  /* ============= end OUTLINE ================= */
  
  
  
  
  @media screen and (max-width: 699px) {
    .frmContainer{
      /*zoom: 1.3*/
    }
  }
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/


.frmContainerView{
    width: calc(100% - 22px);
    display: inline-block;
    text-align:left;
    direction:ltr;
    margin-top: 10px;
} 
  
  .frmContainerView.rtl{
    text-align:right;
    direction:rtl;
  }
  
  .frmContainerView .lblContainerView{
    margin-bottom: 5px;
    width: calc(100%);
    background: white;
    //border: 1px solid #dadada;
    position:relative;
    height: 42px;
    display: inline-block;
    padding-right: 25px;
  } 
  
  
  .frmContainerView .multiRow{
    width: calc(100% + 2px);
    display:flex;
    justify-content: space-between;
  }

  .frmContainerView .space{
    width: 10px;
  }
  .frmContainerView .space20{
    width: 20px;
  }
  .frmContainerView .space30{
    width: 30px;
  }

  .frmContainerView label{
    display:inline-block;
    width: 100%;
    height: 100%;
  }
  
  .frmContainerView label b{
    font-size:14px;
    font-weight:normal;
  }
  
  .frmContainerView label span{
    display: block;
    height:100%;
    width: calc(100%);;
    top: 4px;
    position: absolute;
    color:#9e9e9e;
    text-indent: 4px;
    pointer-events: none;
  }
  
  
  
  .frmContainerView label span:after{
      content: "";
      width:0px;
      position:absolute;
      background: #2196F3;
      height: 2px;
      position: absolute;
      bottom: 2px;
      left: calc(100% / 2);
      transition: 0.0s;
  }
  

 .frmContainerView .emptyRow{
    border:0px;
    background:transparent;
    line-height: 40px;
  }
  

  .frmContainerView .lblContainer--outline{
    background:white;
    border:0px;
    padding:10px 0px;
  }
  
  .frmContainerView .lblContainerView--outline label{
    height:auto;
    width: calc(100% - 0px);
   }
      
  
/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/




 /*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/

.leftMenu{
   top: 5.2%;
   left: 0px;
   display: none;
   position: fixed;
   background-color: white;
   width: 320px;
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
   margin-top: 3px;
   z-index: -999;
   box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
   opacity: 1;
} 


.whatsNew--headLine{
  color:black;
  text-align:right;
  margin-right:20px;
}


   
.whatsNew--container{
  margin-left:10px;
  margin-right:10px;
  margin-top: 8px;
  line-height: 20px;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  color:black;
  text-align:right;
  cursor: default;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  opacity: 1;
  min-height:107px;
  position: relative;
}   

.whatsNew--icon{
    font-size: 20px !important;
    position: absolute;
    right: 6px;
    top: 4px
}    

.whatsNew--title{
  font-weight: 600;
  white-space: break-spaces;
  margin-right: 32px;
}

#sargelWhatsNew{
  min-width:30px;
  font-size:30px;
  line-height:6px;
  text-align:center;
}


.whatsNew--subTitle{
  white-space: pre-wrap;
  width: calc(100% - 32px);
  margin-right: 32px;
}
.whatsNew--link{
  color: blue !important;
  direction: ltr;
  text-align: left;
  display: block;
  padding: 10px;  
  
}

.whatsNew--insertDate {
    white-space: pre-wrap;
    width: calc(100% - 32px);
    margin-right: 32px;
    color: gray;
    font-size: 11px;
}

.whatsNew--theBoxMovie {
  display:none;
  background-color: white;
  position: fixed;
  left: 320px;
  padding-left:10px;
  padding-right:10px;
  border: 1px solid #eee;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  opacity: 1;
}
.whatsNew--theBoxMovie:after, .theBoxMovie:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.whatsNew--theBoxMovie:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: white;
	border-width: 10px;
	margin-top: -100px;
}
.whatsNew--theBoxMovie:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: white;
  border-width: 10px;
	margin-top: -100px;
}



.allItem{
  width:100%;
}

.frmContainer label textarea{
    min-height: 100px; 
}

.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    display: inline-block;
}

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

/* ==================================================================================== */