

.setGlobHomeIpPnimiExt {

  outline: 2px dotted rgba(0, 0, 0, .5);
}

body { 
  
  
  overflow: auto;
  overflow-x: clip;
  overflow-y: scroll;
  max-width: 100%;
  padding: 0; 
  margin: 0; 
  background:#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; }

a, [tabindex] {
  
  cursor: pointer;  
}

b,strong {
  
  font: inherit;
}

body:has(#maxwidth) ins {
  
  display: none!important;
}

#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; }


/* margin searchbar for mobile popap sinun tozaot  */


a.bttn.blue { color:white; text-decoration:none; }
a.bttn.white { color:black; text-decoration:none;}

.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 Awesome 6 Pro";
  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);
}

select.bttn {
  
  text-align: start;
}

/*==================================================*/
/*  $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                                          */
/*==================================================*/

.iconOnly:after
{
        content:"";
        display:inline-block;
	position:relative;
        top:4px;
	left:0;
        //border:1px solid red;
        margin-right:0px;
        width:22px;
        height:22px;
        background:url(../../../media/images/iconsBtn.png) no-repeat 0 0;
}



.icon:after,
.prev:after {
    content:"";
    position:relative;
    top:4px;
    left:0;
    margin-right:0px;
    float:left;
    width:22px;
    height:22px;
    background:url(../../../media/images/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(../../../media/images/iconsBtn.png) no-repeat 0 0;
}
.bttn.icon:before,bttn,
.prev:before,
.next:after {
        opacity:0.8;
}
.bttn.icon:hover:before,
.prev:hover:before,
.next:hover:after {
	opacity:1;
}
/* Move icon to right side */
.icon.right:before {
	margin-left:6px;
	margin-right:0px;
	float:right;
}


/*==================================================*/
/* Icons */
/*==================================================*/
.icon.add:before {
	background-position:0 0;
} 
.iconOnly.apple:after {
        background-position:0 -22px;
}
.icon.approve:before {
	background-position:0 -24px;
}

/*==================================================*/
/*  $Colored-icons                                  */
/*==================================================*/

.red.icon.add:before, .blue.icon.add:before {
	background-position:-12px 0;
}
.red.icon.apple:before, .blue.icon.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;
}
.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 a.linkAsSpan{
  
  font-size:16px;
  color:#333;
}

.CardRow a.linkAsSpan:hover{
  
  color:#333;  
}

.CardRow a{
  
  text-decoration:none;
}

.CardRow a:hover{
  
  text-decoration:none;
}

a.CardRow {
  
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.CardRow {
  
  border-bottom:1px solid #dddddd;
  padding-block: 15px;
  padding-inline: 10px 50px;
  position:relative;
  font-size: 14px;
  transition: 250ms;
}

.CardRow:is(:hover) {
  
  background: #eee; 
}

.CardRow > div {
  
  padding: 5px 0px;
}

.CardHeader{
  
  font-size:14px;
  position:relative;
}

.CardStyle{
  
  margin:auto;
}

.CenterContent {
  
  width:100%;
  box-sizing:border-box;
  margin-inline: auto;
}

.CenterContent#maxwidth {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  
  & > .MainSub {
    
    height: 100%;
  }
  
  & > .MainLeftPanel {
    height: 100%;
    flex-grow: 1;
  }
  
  & 
}

.CenterContent:not(#maxwidth) {
 
  max-width:940px; 
  
}

.HelpHeaderPlaceHolder{
  
  width:100%;
  height:100px;
  color:#999;
  text-align:center;
  font-size:20px;
  line-height:100%;
}

.Point{
  cursor:pointer;
}


.ArrowDown:after,
.deleteRow:after,
.ArrowUpdate:after {
  
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset-inline-end: 10px;
  top: 50%;
  transform:         translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.deleteRow:after {
  
  content: '\f1f8';
}

.ArrowUpdate:after {
 
  content: '\f104'; 
}

.ArrowDown:after {

  content: '\f107';
  transition: 250ms;
}

.Open.ArrowDown:after {

  transform: rotate(-90deg) rotateY(180deg);
  rotate: 90deg;
  transform-origin: top center;
}


.textRight { text-align:right; }

.ArrowUpdateDown:after {
  
  rotate: -90deg;
  transform-origin: center top;
}

.ArrowUpdateUp:after {
  
  rotate: 90deg;
  transform-origin: center top;
}

.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;
}
.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;
    flex-basis: 50%;
    flex-grow: 1;
    position: relative;
  }
  
  #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%;}
}

.aLinkBtn{
  text-decoration: none;
  color:#333;
}
.CardRow:hover .aLinkBtn{
  text-decoration:underline;
  color:#333;
}
.btnClear{
  
  background:#ffffff;
  height:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 2px 5px;
  cursor:pointer;
  border-radius:2px;
}
.btnClear:hover{
  background:#ccc;
}

.aLuachLink{
  
  color:#767b81;
  padding: 0 5px;
  font-size:12px;
}

#copyr a {
  
  text-decoration:none;
  color: #265F9D;
}

#copyr a:is(:hover) {
  
  text-decoration: underline;
}

#copyr #social_links img{
  
  width:15px;
  display: block;
}

#copyr #social_links .l_facebook{
  
  width:7.5px;
}

#copyr #social_links{
  
  display: flex;
  align-items: center;
  justify-content: center;;
}

#copyr #social_links a {
  
  width:25px;
  height:25px;
  border-radius:50%;
  background-color:#5f5b5b;
  display: flex;
  margin:0 3px;
  justify-content: center;
  align-items: center;
}

.linkFarm{
  padding:2px 0;
}


footer, 
footer *, 
footer *:before, 
footer *:after {
  
  box-sizing: border-box;
}

footer {
  
  background: white;
}

footer > .FooterWanted {
  
  background: color-mix(in lab, black, white 98%);
  box-shadow: inset 0 50px 100px white;
  border-top: 1px solid color-mix(in lab, black, white 96%);
}

footer .FooterWantedRows {
  
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
  margin: auto;
  padding: 20px;
  gap: 20px;
}

footer .FooterWantedRows > .FooterWantedColumn {
  
  flex: 1;
  min-width: 150px;
}

footer > .FooterWanted ul {
  
  overflow: clip;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
  text-align: start;
}

footer .FooterSocialsAndCredit {
  
  background: white;
  padding: 20px;
  padding-top: 0;
}

.FooterIcons {

  max-width: 940px;
  margin: auto;
  width: 100%;
  display: flex;
  place-content: center;
  margin-bottom: 20px;
  padding-top: 13px;
}
  display: none;
}
#modal_content .listContent {
  
  display: flex;
  justify-content: center;
  font-size: 30px; 
  padding: 10px;
}

.cn-body {
 
 & h1 {
    
    display: block;  
    margin : 0;
    margin-bottom: 20px;
  }
}

[class*="google_ads_bunner__"] {
  
  position: relative;
}

.google_ads_bunner__bottomSargel {
  
  text-align: center;
  margin-bottom: 10px;
  max-width: 920px;
  margin: auto;
}

.adsbygoogle-noablate > div {
  
  display: none!important;
}

body ins.adsbygoogle-noablate {
 
  display: none!important;
}

body:has(#maxwidth) .google_ads_bunner__bottomSargel ins {
  
  display: block!important;
}

body:not(.myLuach) .ShowOnMyLuachW {
  
  display:none!important;
}

