html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.notseen { display: none; }
html {
  line-height: 1;
}

.on-top{ z-index:9999; }

ol, ul {
  list-style: none;
}

.mainSelectedColor {
 color: #F7941D !important;
}
.mainSelectedBackColor {
 background-color: #F7941D !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: 'osh_regular';  
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

input[list] { text-align: right; }

/* Fonts */
@font-face {
  font-family: 'osh_bold';
  src: url("../fonts/opensanshebrew-bold.eot");
  src: url("../fonts/opensanshebrew-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanshebrew-bold.woff2") format("woff2"), url("../fonts/opensanshebrew-bold.woff") format("woff"), url("../fonts/opensanshebrew-bold.ttf") format("truetype"), url("../fonts/opensanshebrew-bold.svg#open_sans_hebrewbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'osh_regular';
  src: url("../fonts/opensanshebrew-regular.eot");
  src: url("../fonts/opensanshebrew-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanshebrew-regular.woff2") format("woff2"), url("../fonts/opensanshebrew-regular.woff") format("woff"), url("../fonts/opensanshebrew-regular.ttf") format("truetype"), url("../fonts/opensanshebrew-regular.svg#open_sans_hebrewregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Settings */
/* === Reset === */
html, body {
  height: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  color: #262627;
  direction: rtl;
  font-size: 14px;
  font-family: 'osh_regular', sans-serif;
  line-height: 22px;
  margin: 0;
}

main {
  display: block;
}

img {
  border: 0;
  max-width: 100%;
}

p {
  margin: 0 0 0;
}
p:last-child {
  margin: 0;
}

ul, ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a, input, textarea {
  outline: none;
}

a {
  color: blue;
}

a:hover {
  text-decoration: none;
}

th {
  font-weight: normal;
  text-align: left;
}

fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}

blockquote {
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
  overflow: auto;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

b, strong {
  font-weight: normal;
  font-family: 'osh_bold';
}

.green {
  color: #008000;
}

.red {
  color: #ff0000;
}

/* === Responsive grid === */
.container {
  margin: 0 auto;
  width: 1170px;
}

.clearfix:after, .row:after, .container:after, .is-clear:after {
  content: '';
  clear: both;
  display: block;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.row p { width:100%; }

[class*='grid'] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
}
.grid1 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.grid2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.grid2 i {
margin-top: 2px; padding:1px; float:left; font-size: 26px; color:white;
cursor: pointer;
}

.grid2 .iSelected {
 color:#f7941d;
}

.grid3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.grid4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.grid4plus {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.grid4minus {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

.grid6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.grid8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  text-align: left;
}

.grid9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.grid10 {
  -ms-flex: 0 0 85%;
  flex: 0 0 85%;
  max-width: 85%;
}

.grid11 {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}

.row .select12 { font-size:12px; padding-left: 0; }

.gridRt0 {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
  text-align:center;
}

.gridRt1 {
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}

.gridRt2 {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}


.grid12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.bsgTestMainLabel
{
 font-size:18px;
 text-align: right;
 color:white;
 font-weight: bold;
 width: 100%;
 float: right;
}

.bsgTestLabel
{
 font-size:15px;
 text-align: right;
 color:white;
 line-height: 1.5em;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.pull-right .cb {
  background-color:white;
  margin-top: -4px;
}


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

.text-right {
  text-align: right;
}

/* === FORMS === */
.input, .btn {
  font-family: 'osh_regular', sans-serif;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
}

.input {
  background: #fff;
  border: 1px solid transparent;
  color: #262627;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 20px;
  font-family: 'osh_regular', sans-serif;
  height: 32px;
}

.inputBorder {
 border:1px solid black;
}

/* === Button === */
.btn  {
  background: #f7941d;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border: 0;
  color: #fff !important;
  font-family: 'osh_bold';
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 8px;
  text-align:center;
  font-family: 'osh_bold';
}
.btn-ft  {
  margin-left: 5px;
  background: #259373;
}
.btn-funda {
 margin-left:3px; 
 background: #7EDD55;
 color: black !important;
}
.btn-none {
  background: 0;
  color: #8a8686;
}
.btn-small {
  background: #4e4d4c;
  color: #fff !important;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 10px;
  font-family: 'osh_regular';
}
.btn-small.active {
  background: #aeaeae;
}
.btn-small-table {
 float:right;
 margin: 0 0 4px 4px; 
}
.btn-small-table-20 {
 float:right;
 margin: 0 0 4px 4px; 
 width: 22% !important;
 background-color: #4e4d4c;
}
.btn-small-table-20-selected {
 float:right;
 margin: 0 0 4px 4px; 
 width: 22% !important;
background-color: #f7941d !important;
}

.btn-gray {
 background-color: #E1E1E2;
 color: black !important;
}
.btn-gray-selected {
 background-color: #F7941D;
 color: white !important;
}
.btn-white {
 background-color: white;
 color: black !important;
 font-weight:bold;
}
.btn-black {
 background-color: black;
 color: white !important;
 font-weight:bold;
 border:1px solid gray;
 font-size:14px;
 padding:8px 8px;
 margin-top:-1px;
}

.btn-trans {
 background-color: #E9E9E9 !important;
 color: black !important;
 font-weight:normal;
 font-size:14px !important;
 text-decoration: none;
}

.btn-tools {
 width: 20%;
}



input.btn, button.btn {
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 32px;
}

/* === Radio / Checkbox === */
input[type='radio'], input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
input[type='radio']:before, input[type='checkbox']:before {
  content: '';
  display: none;
}
input[type='radio']:checked::before, input[type='checkbox']:checked::before {
  display: block;
}

input[type='radio'] {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 18px;
  height: 18px;
  border: 1px solid #000;
}
input[type='radio']:before {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 4px;
  background: #000;
}

input[type='checkbox'] {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #706e6f;
  background: url(../images2019/svg/check.svg) -9999px -9999px no-repeat;
  background-size: 12px 12px;
}
input[type='checkbox']:checked {
  background-position: center center;
}

/* === Select === */
select {
  background: #fff url(../images2019/svg/caret.svg) 8px center no-repeat;
  background-size: 16px 16px;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border: 0;
  color: #262627;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding: 0 10px 0 34px;
  cursor: pointer;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-appearance: none;
}

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

/* === Fields === */
.checkboxWhite 
{
  background-color:white !important; 
  width: 16px;
  height: 16px;
  border: 1px solid #706e6f;  
} 

.check-field {
  position: relative;
  padding-left: 24px;
  display: inline-block;
  cursor: pointer;
}
.check-field input[type='radio'], .check-field input[type='checkbox'] {
  position: absolute;
  left: 0;
  top: 0;
}
.input-field-group {
  margin-bottom: 24px;
}
.input-field {
  display: block;
  margin: 0 0 12px;
}
.input-field label {
  display: block;
  margin: 0 0 6px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}
.input-field .line_break {
  display: block;
  line-height: 58px;
}
.input-field p {
  display: block;
  margin: 2px 0 2px;
  color: white;
  font-size: 15px;
}
.input-field .Blabel {
  display: block;
  margin: 2px 0 2px;
  color: black;
  font-size: 16px;
  font-weight:bold;
}
.input-field .calcIconSmallBlack
{
 font-size:19px;
 color:black;
 text-align:right;
 margin-top:12px;
 cursor:pointer;
}
.input-field .value0 {
 background-color:#D6D6D6; color:black;  text-align:center; direction:ltr;
}
.input-field .valueB {
 background-color:black; color:white;  text-align:center; direction:ltr;
}

.input-field .valueUp {
 background-color:green; color:white; text-align:center; direction:ltr;
}
.input-field .valueDown {
 background-color:red; color:white; text-align:center; direction:ltr;
}
.input-field .valueWhite {
 background-color:white; color:black; text-align:center; direction:ltr;
}


.input-field .spanInput {
  background: silver;
}

.input-field .input {
  width: 100%;
  font-size:15px; 
}
.input-field .inputLtr {
 direction: ltr;
 text-align:right;
}
.input-field .inputBorder {
 border:1px solid black;
}

.input-field select {
  width: 100%;
}
.input-field textarea {
  width: 98%;
  font-size: 15px;
  padding:2px;
}
.input-field .btn {
  width: 100%;
  font-size:16px; 
}
.input-field .btn14 {
  width: 100%;
  font-size:14px; 
}

.input-field .row {
  align-items: center;
}
.input-field-error {
  color: #ff0000;
  margin-top: 4px;
  font-size: 11px;
  line-height: 12px;
}

.input-field .img
{ margin-top:35px; }

.input-field .calcIcon
{
 font-size:25px;
 color:white;
 text-align:right;
 margin-top:7px;
 cursor:pointer;
}
.input-field .calcIconSmall
{
 font-size:19px;
 color:white;
 text-align:right;
 margin-top:12px;
 cursor:pointer;
}

.input-field .labelField {
  float:right;
  font-family: 'osh_regular', sans-serif;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  background: #fff;
  border: 1px solid transparent;
  color: #262627;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 6px 10px;
  font-size: 14px;
  height: 50px;
  width:100%;
  word-wrap: break-word;
}

.input-field .toolsarea {
 text-align:right;
 font-size:15px;
}
.input-field .toolsarea .plusminus  { width:15px; border:0; margin:0 5px 0 5px; background-color:#95A6B6;  padding:2px 2px 2px 2px; font-weight:bold; font-size:12px; color:white; text-align:center; direction:rtl;cursor:pointer; }
.input-field .toolsarea .plusminus_  { margin:0 1px 0 1px; font-size:16px; cursor:pointer; }
.input-field .toolsarea input[type='checkbox'] { float:right;}
.input-field .toolsarea label { float:right;}
.input-field .toolsarea span {
  background: silver;
  border:1px solid black;
  text-align:right;
  direction:ltr;
  padding: 3px 3px;
  font-size: 15px;
  float:right;
  margin:2px;
  height: 20px;
  width:90%;
  font-family: 'osh_regular', sans-serif;
}
.input-field .toolsarea .edit70  
{ 
 width:50%; 
 background: #fff;
 border: 1px solid gray;
 color: black;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 padding: 3px 3px;
 font-size: 15px;
 line-height: 20px;
 font-family: 'osh_regular', sans-serif;
 height: 20px;
 margin:2px;
}

.framebody {
  padding-top: 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 55px;
}

.frame_content {
  position: relative;
  height: 100%;
  padding: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.frame_content .SearchAndDataMenu { text-align: center; background-color:#706E6F;  padding: 1%; padding-left:24px; }
.frame_content .SearchAndDataMenu .but { cursor:pointer; display: inline-block; width:43%; padding:2%; text-align:center; background-color:#333335; font-size:18px; margin:2px; font-weight:bold; color:#DBDBDD; }
.frame_content .SearchAndDataMenu .butselected { background-color:#333335; color:#FF9D25; }

.frame_widjet {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: 1px;
  vertical-align: text-top;
}
.frame_widjet-header {
  background: #4f4f51;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  height: 28px;
  line-height: 20px;
  padding: 0 4px 0 4px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.frame_widjet-header-btns {
  position: absolute;
  right: 4px;
  top: 4px;
}
.frame_widjet-header-btns a {
  width: 17px;
  height: 17px;
  border: 1px solid #ddd;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-size: 12px 12px;
  margin-left: 4px;
  display: block;
  float: left;
}
.frame_widjet-header-hide {
  background-image: url(../images2019/svg/hide.svg);
  background-position: center bottom;
}
.frame_widjet-header-close {
  background-image: url(../images2019/svg/close.svg);
  background-position: center center;
}
.frame_widjet-box {
  background: #706e6f;
  overflow-x: hidden;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
}
.frame_widjet-box p { 
 color: #EFEFEF;
 font-size:14px;
 padding:0;
 text-align:right;
 float:right;
}

.frame_widjet .scancbs { width:100%; float:right; height:10px; margin:0 2px 4px 2px; text-align:right;  padding:0 5px 2px 5px;   }
.frame_widjet .scancbs .cb  { width:18%; float:right; margin:0 0 0 3px; font-weight:normal; font-size:12px; text-align:right; direction:rtl; cursor:pointer; }

.searchbox_btn {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  width: 22px;
  height: 22px;
  margin: 0;
  background: url(../images2019/svg/search.svg) no-repeat;
  background-size: 22px 22px;
  padding: 0;
  position: absolute;
  left: 8px;
  top: 5px;
}

.i-lock {
 font-size:20px; 
 display: inline-block;
 margin: 0 0 2px;
}

.icon-lock, .icon-del {
  width: 22px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}

.icon-lock {
  background-image: url(../images2019/svg/lock.svg);
  background-size: 14px 14px;
  color:white;
}

.icon-del {
  background-image: url(../images2019/svg/times.svg);
  background-size: 18px 18px;
}

/* Socialbox */
.socialbox {
  float: left;
  margin: 3px 0 0;
}
.socialbox_item {
  width: 25px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  float: left;
  margin: 0 5px 0 0;
}
.socialbox-facebook {
  background-color: #2134a3;
  background-image: url(../images2019/svg/facebook.svg);
}
.socialbox-youtube {
  background-color: #d2021a;
  background-image: url(../images2019/svg/youtube.svg);
}
.socialbox-envelope {
  background-color: #4f4f51;
  background-image: url(../images2019/svg/envelope.svg);
}
.socialbox-comments {
  background-color: #12a2d7;
  background-image: url(../images2019/svg/comments.svg);
}
.socialbox-user {
  background-color: #1da502;
  background-image: url(../images2019/svg/user.svg);
}
.socialbox-cart {
  background-color: #f79518;
  background-image: url(../images2019/svg/cart.svg);
}
.socialbox-playbuzz {
  width: 40px;
  height: 25px;
  background-repeat: no-repeat;
  float: left;
  margin: 0 5px 0 0;
  background-image: url(../images2019/logo_playbuzz1.png);
}
.socialbox-label {
  width: 50px;
  height: 20px;
  background-repeat: no-repeat;
  float: left;
  margin: -1px 5px 0 0;
  background-color: #16AA9E;
  color: white;
  font-size:13px;
  text-align:center;
  text-decoration:none;
  padding:3px;
  border:0;
  font-weight:bold;
}
.socialbox_cal {
  width: 25px;
  height: 23px;
  font-size:18px;
  background-color:white;
  color:black;
  float: left;
  margin: 0 5px 0 0;
  padding: 2px 2px 0 2px;
  text-align: center;
}


/* Toolsbox */
.toolsbox {
  background: #262627;
  padding: 6px 10px;
  min-width: 1020px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.toolsbox:after {
  content: '';
  clear: both;
  display: block;
}
.toolsbox_separate {
  background: #fff;
  width: 1px;
  height: 28px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
.toolsbox_btn {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  margin: 0 9px;
  position: relative;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.toolsbox_btn span {
  display: block;
}
.toolsbox_btn i {
 font-size:18px; margin:0 0 2px 0; 
}
.toolsbox_btn:hover, .toolsbox_btn.active {
  color: #f7941d;
}
.toolsbox_btn:hover .icon1, .toolsbox_btn.active .icon1 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -238px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon1, .toolsbox_btn.active .icon1 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -238px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon2, .toolsbox_btn.active .icon2 {
  height: 14px;
  width: 22px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -306px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon2, .toolsbox_btn.active .icon2 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -306px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon3, .toolsbox_btn.active .icon3 {
  height: 15px;
  width: 22px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -375px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon3, .toolsbox_btn.active .icon3 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -375px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon4, .toolsbox_btn.active .icon4 {
  background: #f7941d;
}
.toolsbox_btn .iconborder {
 border:1px solid silver;
}
.toolsbox_btn:hover .icon5, .toolsbox_btn.active .icon5 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -444px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon5, .toolsbox_btn.active .icon5 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -444px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon6, .toolsbox_btn.active .icon6 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -512px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon6, .toolsbox_btn.active .icon6 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -512px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon7, .toolsbox_btn.active .icon7 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -580px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon7, .toolsbox_btn.active .icon7 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -580px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon8, .toolsbox_btn.active .icon8 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -648px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon8, .toolsbox_btn.active .icon8 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -648px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .icon9, .toolsbox_btn.active .icon9 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -716px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .icon9, .toolsbox_btn.active .icon9 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -716px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .ic1, .toolsbox_btn.active .ic1 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -34px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .ic1, .toolsbox_btn.active .ic1 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -34px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .ic2, .toolsbox_btn.active .ic2 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -102px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .ic2, .toolsbox_btn.active .ic2 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -102px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.toolsbox_btn:hover .ic3, .toolsbox_btn.active .ic3 {
  height: 14px;
  width: 21px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -170px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .toolsbox_btn:hover .ic3, .toolsbox_btn.active .ic3 {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -170px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}

/* menu_simple */
.menu_simple {
  margin: 0 0 4px;
}
.menu_simple li {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  margin: 0 0 7px 6px;
}
.menu_simple li:last-child {
  margin-left: 0;
}
.menu_simple li a {
  color: #fff;
  text-decoration: none;
}
.menu_simple li a:hover, .menu_simple li.active a {
  color: #f7941d;
  text-decoration: underline;
}

/* tabs */
.tabs {
  margin: 0 0 14px;
  display: table;
  width: 100%;
  border-bottom: 3px solid #f7941d;
}
.tabs li {
  display: table-cell;
  padding-left: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 14px;
  font-family: 'osh_bold';
}
.tabs li:last-child {
  padding-left: 0;
}
.tabs li a {
  display: block;
  background: #e1e1e2;
  color: #4f4f51;
  text-decoration: none;
  height: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.tabs li.active a {
  background: #f7941d;
  color: #fff;
}

.tabsTools {
  margin: 0;
  display: table;
  width: 100%;
  border-bottom: 3px solid black;
}
.tabsTools li {
  display: table-cell;
  padding-left: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 14px;
  font-family: 'osh_bold';
}
.tabsTools li:last-child {
  padding-left: 0;
}
.tabsTools li a {
  display: block;
  background: #e1e1e2;
  color: #4f4f51;
  text-decoration: none;
  height: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.tabsTools li.active a {
  background: black;
  color: white;
}

/* table */
.num {direction:ltr;}
.press {cursor:pointer;}
.waitingMsg { float:left; margin:0 0 0 2px; font-family: 'osh_regular'; font-size:14px; font-weight:bold; cursor:pointer; color:white; }  
.refreshIcon { float:left; margin:0 0 0 2px; cursor:pointer; }

.table {
  margin: 0 0 20px;
  width: 100%;
}
.table th, .table td {
  font-size: 15px;
  line-height: 17px;
  text-align: right;
  height: 30px;
  padding: 5px !important;
  font-family: 'osh_regular';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table thead th {
  background: #252424;
  color: #fff;
  font-family: 'osh_bold';
}
.table tbody tr:nth-child(even) td {
  background: #c9c6c6;
}
.table tbody tr:hover td {
  background: #f7941d !important;
}
.table tbody td {
  background: #fff;
  border-bottom: 1px solid #706e6f;
}
.table .table_btns {
  white-space: nowrap;
  text-align: left;
}
.table .table_btns img {
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 2px !important;
}
.table .table_btns img:last-child {
  margin: 0;
}
.table .table_btns p { color: black;  }
.table i { font-size:17px; margin:0 1px 0 1px; cursor:pointer; }

.tableSml {
  margin: 0 0 20px;
  width: 100%;
}
.tableSml th, .tableSml td {
  font-size: 13px;
  line-height: 14px;
  text-align: right;
  height: 30px;
  padding: 5px !important;
  font-family: 'osh_regular';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tableSml thead th {
  background: #252424;
  color: #fff;
  font-family: 'osh_bold';
}
.tableSml tbody tr:nth-child(even) td {
  background: #c9c6c6;
}
.tableSml tbody tr:hover td {
  background: #f7941d !important;
}
.tableSml tbody td {
  background: #fff;
  border-bottom: 1px solid #706e6f;
}
.tableSml .table_btns {
  white-space: nowrap;
  text-align: left;
}
.table .table_btns img {
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 2px !important;
}
.tableSml .table_btns img:last-child {
  margin: 0;
}
.tableSml .table_btns p { color: black;  }
.tableSml i { font-size:15px; margin:0 1px 0 1px; }

.tableBigger  tbody td {
 font-size: 18px; 
}
.tableBigger  tbody td img {
 margin-top: 5px;
}

.table_title {
  position: relative;
  font-size: 18px;
  line-height: 20px;
  padding-left: 2px;
  color: #f7941d;
  margin: 0 0 6px;
}
.table_title img {
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  cursor:pointer;
}
.table_subtitle {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding-left: 40px;
  color: white;
  margin: 0 0 6px;
}
.table_endtitle{
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding-right: 4px;
  margin-top: -18px;
  color: white;
  text-align:right;
}
.table_desc { font-size:13px; color:black; line-height:15px; margin-top:10px; }
.table_title .datepicker { width:75px; height:19px; float:right;  font-weight:bold; text-align:center; margin:2px 2px 0 2px; cursor:pointer; background-color:#C6C6C6; border:1px solid #B7B7B7; }
.table_title .datePicker1 { margin:3px 10px 15px 0; width:100px; height:20px; font-size:13px; color:white; background-color: gray; float:left }
.table_title .dateLabel { float:left; color:black; }


.field_title {
  position: relative;
  font-size: 14px;
  line-height: 15px;
  padding-left: 40px;
  color: white;
  margin: 0 0 6px;
  width:50%;
}
.field_value {
  position: relative;
  font-size: 14px;
  line-height: 15px;
  padding-left: 40px;
  margin: 0 0 6px;
  width:50%;
}

/* addlink */
.addlink {
  font-size: 16px;
  margin: 0 0 14px;
}
.addlink a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-right: 30px;
}
.addlink a:before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f7941d url(../images2019/svg/plus.svg) center center no-repeat;
  background-size: 14px 14px;
  right: 0;
  top: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

/* choosedfile */
.choosedfile {
  background: #d9ffb8;
  padding: 4px;
  margin: 0 0 14px;
}
.choosedfile:after {
  content: '';
  clear: both;
  display: block;
}
.choosedfile  .item { float:right; margin-left:5px;  }

.choosedfile_name {
  float: right;
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  width:49%;
  margin-left:1px;
}
.choosedfile_btns {
  float: left;
  margin: 2px 0 0;
  width:49%;
  margin-right:1px;
}
.choosedfile img {
  height: 16px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.choosedfile i {
  height: 16px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  font-size:16px;
}

.choosedfile label {
  height: 16px;
  display: block;
  float: left;
  margin: -3px 10px 0 0;
  font-size:16px;
  font-weight:bold;
}

/* data_candle */
.data_candle {
  background: #e1e1e2;
  padding: 14px 14px 1px;
  text-align: center;
  margin: 0 0 20px;
  color: #4f4f51;
  font-family: 'osh_regular';
}
.data_candle-box {
  margin-bottom: 16px;
  direction:ltr;
}
.data_candle-box span {
 font-size:16px;
}
.data_candle .smCheckbox {
 float: right;
 font-size:16px;
 height: 20px;
 margin: 2px 2px 2px 5px;
}
.data_candle .smCheckbox1 {
 float: right;
 font-size:13px;
 height: 17px;
 margin: 2px 0 2px 0px;
}

.data_candle .btn1 {
  background: #f7941d;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border: 0;
  color: #fff !important;
  font-family: 'osh_bold';
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 8px;
  text-align:center;
  font-family: 'osh_bold';
  float:left; !important;
}


.data_candle small {
  display: block;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  min-height: 16px;
}
.data_candle b {
  display: block;
  font-size: 18px;
  line-height: 20px;
  font-family: 'osh_regular', sans-serif;
  font-weight: normal;
}
.data_candle .up {
  font-size: 18px;
  line-height: 20px;
  position: relative;
  padding-left: 20px;
  display: inline-block;
}
.data_candle .up:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  height: 21px;
  width: 16px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -750px;
  background-repeat: no-repeat;
}
.data_candle .stockStatus_Maintitle {
 width:100%; font-size: 18px; font-weight:bold
}
.data_candle .stockStatus_Subtitle {
 width:100%; font-size: 16px;
}
.data_candle .stockStatus_Panel {
 width:100%; margin-left:12px;
}
.data_candle .stockStatus_PanelSquare {
 float:left; width:19%; height:30px; margin:1px; 
}
.data_candle .stockStatus_PanelArraw {
 width:100%; margin-left:12px; 
}
.data_candle .stockStatus_PanelArrawSquare {
 float:left; width:19%; margin:1px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .data_candle .up:before {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -750px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.data_candle .green {
  position: relative;
  display: inline-block;
  padding-right: 17px;
  font-size: 16px;
  line-height: 18px;
  color: #07b91c;
}
.data_candle .green:before {
  content: '';
  display: block;
  position: absolute;
  background: url(../images2019/svg/arrow-up.svg) no-repeat;
  width: 15px;
  height: 16px;
  background-size: 16px 16px;
  right: 0;
  top: 0;
}
.data_candle .gr {
  color: #07b91c;
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}
.data_candle .red {
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}
.data_candle .grey {
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

/* Topblack */
.topblack {
  margin: 0 0 14px;
}
.topblack-header {
  background: #000;
  border-bottom: 1px solid #777576;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 2px 5px;
}
.topblack-header:after {
  content: '';
  clear: both;
  display: block;
}
.topblack-header span {
  margin-left: 1px;
  padding-top: 1px;
}
.topblack-header span:last-child {
  margin-left: 0;
}
.topblack-header span, .topblack-header img {
  display: inline-block;
  vertical-align: middle;
}
.topblack-header img {
  height: 16px;
  margin-left: 10px;
}
.topblack-wrap {
  background: #262628;
  position: relative;
  padding: 10px;
  height:90px;
}
.topblack-btns {
  position: absolute;
  left: 10px;
  top: 10px;
}
.topblack-btns img {
  height: 18px;
  margin: 0 2px 0 0;
}
.topblack-btns i {
  height: 18px;
  margin: 0 2px 0 0;
  font-size:18px;
  color: white;
  float:left
}

.topblack-name {
  color: #f7941d;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 6px;
  max-width: 420px;
}
.topblack-text {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 6px;
}
.topblack-text .sep {
  color: #f7941d;
}
.topblack-dig {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  margin: 0;
}
.topblack-dig img {
  height: 28px;
}
.topblack-dig i {
  height: 28px;
}

.topblack-dig span, .topblack-dig img {
  display: inline-block;
  vertical-align: middle;
}
.topblack .green {
  color: #07b91c;
}

.topblack-dig span { float: right; margin: 0 0 0 5px; }
.topblack-dig  i { float: right; margin: 0 0 0 5px; }

.topblack-dig .btn {
  float:left; 
  font-size:16px; 
}

/* textrow */
.textrow {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 18px;
  color: #4f4f51;
  text-align: right;
  
}
.textrow .lineS { float:right; width:100%; cursor:pointer;   }
.textrow .lineS .labelV { font-size:14px; }
.textrow .lineS .C10 { width:10%;  }
.textrow .lineS .C20 { width:20%;  }
.textrow .lineS .C30 { width:30%;  }
.textrow .lineS .C40 { width:40%;  }
.textrow .lineS .C60 { width:60%;  }

.textrow span {
  display: block;
  float:right;
}
.textrow-name {
  margin: 0 0 2px;
  font-size: 18px;
  line-height: 18px;
  float:right;
}
.textrow-text {
  color: #f7941d;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 18px;
  float:right;
}
.textrow-up, .textrow-warn {
  padding-right: 50px;
  position: relative;
  margin: 7px 0;
}
.textrow-up:before, .textrow-warn:before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
  float:right;
}
.textrow-up:before {
  height: 21px;
  width: 16px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -750px;
  background-repeat: no-repeat;
  right: 6px;
  float:right;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .textrow-up:before {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -750px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}
.textrow-warn:before {
  height: 21px;
  width: 29px;
  background-image: url('../images2019/spr-s0cc4ad417a.png');
  background-position: 0 -791px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .textrow-warn:before {
    background-image: url('../images2019/spr-retina-s164c4b0297.png');
    background-position: 0 -791px;
    -moz-background-size: 29px auto;
    -o-background-size: 29px auto;
    -webkit-background-size: 29px auto;
    background-size: 29px auto;
  }
}

/******** Framework - 2018 ********/
.ui-dialog { font-size:12px; border:1px solid #4F4F51; border-radius: 0; padding:0; direction:rtl;  }
.ui-dialog .ui-dialog-titlebar { margin:0 auto; border-radius: 0; padding:6px 4px 2px 8px; background-color: #4F4F51; font-size: 16px; background-image: none; color:white; border:0; max-height:30px; text-align:left;  }
.ui-icon { text-align:right; }

.ui-dialog .ui-dialog-titlebar-focus { margin:0 auto; border-radius: 0; padding:3px; color: #F7941D; font-size: 16px; background-image: none; border:0;  }
.ui-dialog .ui-dialog-buttonpane { margin: 8px; padding: 8px; }
.ui-dialog .ui-dialog-content { padding: 0; margin:0; background-color:#F7F8FA;   }
.ui-dialog .ui-dialog-buttonset { border:2px solid red;  }
.ui-dialog-noscroll { overflow:hidden; }
.ui-datepicker { font-size: 9pt !important;  z-index:1001 !important;  }
.ui-select-menu { float: left; direction:rtl; text-align:right;  }
.chartFocus { background-color: #4F4F51; color:#F79518; }
.ui-widget select { font-size:16px; font-family: 'osh_regular'; font-weight:bold; }
.ui-dialog ::-webkit-scrollbar { width: 20px; background: black; border:3px solid #424242; }
.ui-dialog ::-webkit-scrollbar-thumb { background: #424242; border:0px solid gray; }
.ui-dialog ::-webkit-scrollbar-thumb:hover { background: #F7941D; border:3px solid #424242; }

/* Table Sorter */
.dataTableHeader_name { direction:rtl; text-align:right; cursor:pointer; background-color:#F1F1F1; font-size:14px;  }
.dataTableHeader_price { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;    }
.dataTableHeader_chg { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;  }
.dataTableHeader_other { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;   }
.dataTableHeader_alert { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;   }
.dataTableHeader_demo { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;   }
.dataTableHeader_demo_other { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;   }
.dataTableHeader_cb { float:right; margin:1px 0 0 2px; cursor:pointer; font-size:14px; } 
.dataTableHeader_vol { direction:ltr; text-align:right; background-color:#F1F1F1; font-size:14px;   }

/* Charts Tabs */
#tabs { margin-top: 0;  }
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#tabs li .ui-icon-funda { text-align:right; float: left; margin: 0.3em 0.1em 0 0; color:black; font-size:16px; cursor: pointer; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color:#F79518; color:white !important;  border:1px solid #E1E1E2; border-radius:0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active span { color: white; }
.ui-tabs .ui-tabs-nav li   { olor:white; border:1px solid #E1E1E2; border-radius:0;  }
.ui-tabs .ui-tabs-nav li  .ui-tabs-anchor { color:black; cursor: pointer !important; font-size: 13px; }
.ui-tabs .ui-tabs-panel { padding:0;  }
.ui-tabs .ui-tabs-nav li { margin:0;  }

.break_white_line { float:left; width:100%; height:1px; background-color:white; }
#widget { width:100%; height:100%; margin:0 auto; overflow:hidden; z-index: 0 !important;    }
#main_panel { display:block; float:left; width:100%; height:calc(100% - 100px); background-color:white; margin:0; padding:0; } 
#adv_panel { display:block; float:left; width:100%; height:200px; background-color:white; margin:0; padding:0; } 

/******** Chart ********/
.chartform { width:100%; height:100%; float:left;    }
.chartform .RightSide { width:calc(100% - 45px); float:right;  margin-right:6px;  }
.chartform .LeftSide { width:35px; float:left; background-color:#E9E9E9;    }
.chartform .line { width:100%; float:left; z-index:99; background-color:#EDEDED; margin:0;   }
.chartform .Icons { width:200px; height:20px; float:left; z-index:99; margin:3px 1px 1px 1px;   }
.chartform .Icon { cursor:pointer; float:left; width:20px; height:20px; margin:0 1px 0 1px;  }
.chartform .Buy { float:left; cursor:pointer; width:30px; height:17px; margin:0 1px 0 1px; background-color:Green; border:1px solid #4F4F51; font-size:14px; text-align:center; font-weight:bold; color:white; padding:1px 0 0 0;  }
.chartform .Sell { float:left; cursor:pointer; width:30px; height:17px; margin:0 1px 0 1px; background-color:Red; border:1px solid #4F4F51; font-size:14px; text-align:center; font-weight:bold; color:white; padding:1px 0 0 0; }
.chartform .IconSep { width:1px; height:100%; background-color:red; }

.chartform .FirstLine { width:calc(100% - 4px); float:right; z-index:99; margin:3px 0 2px 0; max-height:20px; }
.chartform .chartName { float:right; font-size:20px; font-weight:bold; color:#010101; text-align:right; direction:rtl; margin-top:-2px;  }
.chartform .chartDate { float:right;  font-weight:bold; color:#010101; text-align:right; direction:rtl; }
.chartform .chartLast { float:right;  font-weight:bold; color:#010101; text-align:right; direction:ltr; margin:0 2px 0 2px;  }
.chartform .chartChg  { float:right;  font-weight:bold; color:#010101; text-align:right; direction:ltr; margin:0 2px 0 2px;  }
.chartform .chartLabel { float:right;  font-weight:normal; color:#3A4A57; text-align:right; direction:rtl; }
.chartform .chartSep  { float:right;  font-weight:normal; color:#CC6D00; text-align:right; direction:rtl; }
.chartform .ajaxLoad  { display:none; float:right; margin:1px 5px 0 5px; width:18px; height:18px; text-align:right; direction:rtl; }
@media (max-width: 1279px) 
{ 
 .chartform .chartDateL { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; font-size:12px;}
 .chartform .chartDateR { float:right;  font-weight:bold; color:#F79518; text-align:left; direction:ltr; font-size:12px; margin-left:2px; }
 .chartform .chartDateLC { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; font-size:12px; cursor:pointer; }
 .chartform .chartLastL { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; margin:0 2px 0 2px; font-size:12px;  }
 .chartform .chartSepL  { float:left;  font-weight:normal; color:#4F4F51; text-align:left; direction:ltr; font-size:12px;}
 .chartform .chartChgL  { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; margin:0 2px 0 2px; font-size:12px; }
 .chartform .chartDetailsR { float:right; cursor:pointer;  font-weight:bold; color:#F79518; text-align:right; direction:rtl; margin:0 2px 0 2px; font-size:12px;  }
}
@media (min-width: 1280px) 
{ 
 .chartform .chartDateL { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; font-size:14px;}
 .chartform .chartDateR { float:right;  font-weight:bold; color:#F79518; text-align:left; direction:ltr; font-size:14px; margin-left:2px; }
 .chartform .chartDateLC { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; font-size:14px; cursor:pointer; }
 .chartform .chartLastL { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; margin:0 2px 0 2px; font-size:14px;  }
 .chartform .chartSepL  { float:left;  font-weight:normal; color:#4F4F51; text-align:left; direction:ltr; font-size:14px;}
 .chartform .chartChgL  { float:left;  font-weight:bold; color:#010101; text-align:left; direction:ltr; margin:0 2px 0 2px; font-size:14px; }
 .chartform .chartDetailsR { float:right; cursor:pointer;  font-weight:bold; color:#F79518; text-align:right; direction:rtl; margin:0 2px 0 2px; font-size:12px;  }
}
@media (max-height: 768px) 
{ 
 .chartform .chartDateL { font-size:11px;}
 .chartform .chartDateR { font-size:11px; margin-left:2px; color:#F79518;  }
 .chartform .chartLastL { font-size:11px;}
 .chartform .chartSepL  { font-size:11px;}
 .chartform .chartChgL  { font-size:11px;}
 .chartform .chartDetailsR { float:right; cursor:pointer;  font-weight:bold; color:#F79518; text-align:right; direction:rtl; margin:0 2px 0 2px; font-size:11px;  }
}
.chartform .compareValueLabel { font-weight:normal; }
.chartform .chartSepLSml  { font-size:10px;}
.chartform .chartLastLSml { font-size:10px; font-weight: bold; }

.chartform .RL { float:left; color:#010101; text-align:left; direction:ltr; font-size:15px; cursor:pointer; margin:1px 2px 0 0; }
.chartform .NEWRL1 { float:left; color:black; text-align:left; direction:ltr; font-size:15px; cursor:pointer; margin:1px 2px 0 0;  }
.chartform .NEWRL2 { float:left; color:black; text-align:left; direction:ltr; font-size:15px; cursor:pointer; margin:1px 2px 0 0;  }
.chartform .NEWRL3 { float:left; color:black; text-align:left; direction:ltr; font-size:15px; cursor:pointer; margin:1px 2px 0 0;  }
.chartform .NEWRL { float:left; color:black; text-align:left; direction:ltr; font-size:15px; cursor:pointer; margin:1px 4px 0 0;  }
.chartform .NEWRLORANGE { float:left; color:#F79518; text-align:left; direction:ltr; font-size:17px; cursor:pointer; margin:1px 4px 0 0;  }

.chartform .SecondLine { width:100%; float:right; z-index:99; margin:2px 5px 2px 7px;    }
.chartform .eraser { float:right; cursor:pointer; display:none; margin:-3px 1px 0 2px; background-color:red; }
.chartform .eraser_{ float:right; cursor:pointer; display:none; width:250px; padding:1px; background-color:red; color:white; font-weight:bold; border:1px solid silver; margin:-3px 0 0 2px; font-size:11px; text-align:center; }

.chartform .select1 { font-size:15px; font-weight:normal; float:right; font-weight:bold; direction:rtl; text-align:right; cursor:pointer; border:1px solid #364B5C;  }
.chartform .select2  { font-size:15px; font-weight:normal; float:right; font-weight:bold; direction:rtl; text-align:right; margin:0 2px 0 2px; cursor:pointer; border:1px solid #364B5C; max-width:150px; }
.chartform .chartSep  { float:right;  font-weight:normal; color:#4F4F51; text-align:right; direction:rtl; margin:4px 1px 0 1px; font-size:16px;  }
.chartform .datepicker { width:75px; height:19px; float:right;  font-weight:bold; text-align:center; margin:2px 2px 0 2px; cursor:pointer; background-color:#C6C6C6; border:1px solid #B7B7B7; }
.chartform .datepickerArrows  { float:right; cursor:pointer; font-weight:normal; color:black; text-align:right; direction:rtl; margin:7px 2px 0 2px; font-size:13px;  }
.chartform .datepickerArrows  .locked { color:red; }
.chartform .datepickerArrows  .unlocked { color:green; }
.chartform .chartline { width:100%; float:left; z-index:99; }
.chartform .uppertitle { float:left; color:black; font-size:13px; font-weight:normal; text-align:left; margin:0 2px 0 2px; }
.chartform .uppervalue { float:left; color:black;  font-weight:bold; text-align:left; margin:0 2px 0 2px; cursor:pointer; }
.chartform .lowerBut { float:left; width:22px; height:22px; cursor:pointer; border:0; margin:1px 1px 1px 1px; }
.chartform .uppervalueR { border:1px solid #8A939A; float:right; color:white; font-size:15px; font-weight:bold; text-align:left; margin:0 2px 0 2px; padding:0 2px 0 2px;   }
.chartform .uppervalueL { border:1px solid #8A939A; float:left; color:white; font-size:17px; font-weight:bold; text-align:left; margin:0 2px 0 2px; padding:0 2px 0 2px;   }
.chartform .uppervalue1 { float:left; color:blue;  font-weight:bold; text-align:left; margin:0 2px 0 2px; cursor:pointer; }
.chartform .uppervalue2 { float:left; color:purple;  font-weight:bold; text-align:left; margin:0 2px 0 2px; cursor:pointer; }
.chartform .uppersep { float:left; color:gray; font-size:13px; text-align:left; padding:1px 0 0 0; }
.chartform .upperImgR { float:right; margin:0 4px 0 2px; cursor:pointer; }

.chartform .chartFooter { position: absolute; bottom: 0; left: 0; width:100%; height:25px; background-color:#C6C6C6; text-align:right; font-size:14px; z-index:999; }
.chartform .chartFooter .smButImg { float:left; width:20px; height:17px; text-align:center; background-color:white; border:1px solid #B7B7B7; padding:2px 2px 2px 2px; margin:2px 2px 2px 0; cursor:pointer;  }
.chartform .chartFooter .smButL { float:left; width:20px; height:17px; text-align:center;  font-weight:bold; color:#566370;  border:1px solid #B7B7B7; padding:0px 2px 2px 2px; margin:2px 2px 2px 1px; cursor:pointer;  }
.chartform .chartFooter .smButL_{ float:left; width:20px; height:17px; text-align:center;  font-weight:bold; color:white; background-color:gray; border:1px solid #B7B7B7; padding:0px 2px 2px 2px; margin:2px 2px 2px 1px; cursor:pointer;  }
.chartform  .chartFooter .smButR { float:right; width:20px; height:17px; text-align:center;  font-weight:bold; color:#566370;  border:1px solid #B7B7B7; padding:2px 2px 2px 2px; margin:0px 2px 2px 1px; cursor:pointer;  }
.chartform .chartFooter .smButPattern { float:left; width:17px; height:17px; text-align:center; font-weight:bold; color:#566370; border:1px solid gray; padding:1px 0 2px 0; margin:2px; cursor:pointer;  }
.chartform .chartFooter .chartPerf { float:right; height:17px;  font-weight:bold; color:#010101; text-align:right; direction:ltr; margin:0px 2px 2px 2px; padding:2px 2px 2px 2px; background-color:#C6C6C6; border:1px solid #B7B7B7; }
.chartform .chartSepLeft  { float:left;  font-weight:normal; color:#4F4F51; text-align:right; direction:rtl; margin:4px 1px 0 1px; font-size:16px;  }
.chartform .chartFooter .midButL { float:left; font-size:14px; width:30px; height:17px; text-align:center;  font-weight:bold; color:#566370;  border:1px solid #B7B7B7; padding:0px 2px 2px 2px; margin:2px 2px 2px 1px; cursor:pointer;  }

.GalleryMenuHeader { width:100%; height:25px; background-color:#C6C6C6; text-align:right; font-size:14px; z-index:999; display:none; }
.GalleryMenuHeader .smButImg { float:left; width:20px; height:17px; text-align:center; background-color:white; border:1px solid #B7B7B7; padding:2px 2px 2px 2px; margin:2px 2px 2px 0; cursor:pointer;  }
.GalleryMenuHeader .smButL { float:left; width:20px; height:17px; text-align:center;  font-weight:bold; color:#566370;  border:1px solid #B7B7B7; padding:2px 2px 2px 2px; margin:2px 2px 2px 1px; cursor:pointer;  }
.GalleryMenuHeader .smButR { float:right; width:20px; height:17px; text-align:center;  font-weight:bold; color:#566370;  border:1px solid #B7B7B7; padding:2px 2px 2px 2px; margin:2px 2px 2px 1px; cursor:pointer;  }

/* CHART leftmenu */
.leftmenu {
	background: #E9E9E9;
	left: 0; 
	width: 35px;
	padding: 0;
	height:100%;
	color: #4F4F51;
}
.leftmenu ul {margin: 0; padding: 0; width: 35px;}
.leftmenu li {text-align: center; font-size: 15px; line-height: 14px; font-family: 'Open sans hebrew'; font-weight:bold; position: relative;}
.leftmenu li .fa {font-size: 16px; color:#4F4F51; }
.leftmenu li a { color: #4F4F51; text-decoration: none; display: block; position: relative; padding: 6px 0;
	border: 1px solid transparent; }
.leftmenu li.hover a {background: #E9E9E9;  }
.leftmenu > ul > li > a:before {
	content: '';
	display: block;
	position: absolute;
	border: 2px solid transparent;
	border-bottom: 2px solid #e7e6e6;
	border-right: 2px solid #e7e6e6;
	right: 2px; bottom: 2px; 
}
.leftmenu > ul > li.last > a:before {content: none; display: none;}
.leftmenu li ul {
	background: #E9E9E9;
	border: 1px solid #424242;
	width: 120px;
	position: absolute;
	left: 100%; margin-left: 1px;
	top: 0;
	z-index: 500;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
.leftmenu li ul li {text-align: right;}
.leftmenu li ul li a {border: 0 !important; color:#4F4F51; padding-right: 38px; position: relative;}
.leftmenu li ul li a b {display: block; position: absolute; right: 5px; top: 6px;}
.leftmenu .img1 { width:20px; height:20px;  margin-top:-3px;}
.leftmenu img { width:25px; height:25px;  }
.leftmenu li ul li:hover a {background: #6b6b6b; color:white;}
.leftmenu li.hover ul {opacity: 1; visibility: visible;}
.leftmenu > ul > li > .alone:before {
	content: '';
	display: block;
	position: absolute;
	border: 0;
	border-bottom: 0px solid #e7e6e6;
	border-right: 0px solid #e7e6e6;
	right: 2px; bottom: 2px;
}

/* leftmenuDark */
.leftmenuDark {
	background: #E9E9E9;
	width: 40px;
	padding: 0px 2px 0 2px;
}
.leftmenuDark ul {margin: 0; padding: 0; width: 36px;}
.leftmenuDark li { text-align: center; font-size: 13px; color:white; line-height: 14px; font-weight:bold; font-family: 'Open sans hebrew'; position: relative;}
.leftmenuDark li .fa {font-size: 16px; color:black; }
.leftmenuDark li a {color: #e7e6e6; text-decoration: none; display: block; position: relative; padding: 1px 0;
	border: 1px solid transparent; }
.leftmenuDark .Selected { background: #C1C1C1; font-color:black;  }
.leftmenuDark > ul > li > a:before {
	content: '';
	display: block;
	position: absolute;
	border: 0px solid transparent;
	border-bottom: 0px solid #e7e6e6;
	border-right: 0px solid #e7e6e6;
	right: 2px; bottom: 2px;
	 
}
.leftmenuDark > ul > li.last > a:before {content: none; display: none;}
.leftmenuDark li ul {
	background: #E9E9E9;
	border: 1px solid #424242;
	width: 120px;
	position: absolute;
	left: 100%; margin-left: 1px;
	top: 0;
	z-index: 500;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
}
.leftmenuDark li ul li {text-align: right; font-size:14px; }
.leftmenuDark li ul li a { border: 0 !important; padding-top:4px; color: #4D4D4D; padding-right: 38px; height: 20px; position: relative;}
.leftmenuDark li ul li a b {display: block; position: absolute; right: 5px; top: 6px;}
.leftmenuDark li ul li a img {display: block; position: absolute; right: 5px; top: 2px;}
.leftmenuDark .img1 { width:20px; height:20px;  margin-top:-3px;}
.leftmenuDark img { width:25px; height:25px;  }
.leftmenuDark li ul li:hover a {background: #C1C1C1;}
.leftmenuDark li.hover ul {opacity: 1; visibility: visible;}
.leftmenuDark > ul > li > .alone:before {
	content: '';
	display: block;
	position: absolute;
	border: 2px solid transparent;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	right: 2px; bottom: 2px;
	
}
.leftmenuDark .IconAwesome { cursor:pointer; text-align:center; font-size:30px; color:black;  padding:4px; }
.leftmenuDark li .IconTxt { cursor:pointer; font-size:12px; font-weight:bold; margin:7px 0 0 0 !important;  } 
.leftmenuDark .Colorbut { width:20px; height:20px; cursor:pointer;  }

@media (max-height: 768px) { 
.leftmenuDark li .IconTxt { margin:1px 0 0 0 !important; } 
.leftmenuDark li a { padding: 0px 0; height:19px; }
.leftmenuDark .chartbut { margin:0; padding:0; }
.context-menu-item { padding: 0px 24px 0px 2px; }
}

/******** PLAYBUZZ PANEL ********/
.playBuzz_panel { width:730px; height:555px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:black;   } 

/******** CHAT PANEL ********/
@media (max-width: 800px) 
{ .chat_panel { width:425px; height:255px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:white; overflow:hidden; font-size:14px;  } }
@media (min-width: 801px) 
{ .chat_panel { width:425px; height:455px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:white; overflow:hidden; font-size:14px;  } }

.chat_panel .buttons1 { width:95%; float:right; padding:10px 15px 5px 5px; text-align:center;   }
.chat_panel .buttons1 .but_  { width:calc(33% - 10px); float:right; height:25px; background-color:#E1E1E2; margin:0 0 0 5px; padding:7px 0 0 0;  
                                 font-weight:bold;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; }
.chat_panel .usersstocks_area  { width:95%; margin:5px 10px 0 5px; float:right; padding:5px 5px 5px 5px;  }
.chat_panel .usersstocks_area .top1 { width:45%; float:right; height:22px; margin:10px 0 0 0; padding:0; font-weight:bold;  color:#4F4F51; text-align:right; direction:rtl; }
.chat_panel .usersstocks_area .line { width:45%; float:left; height:22px; margin:10px 0 0 10px; padding:0; text-align:left; }
.chat_panel .usersstocks_area .toolslabel { float:left;  font-weight:normal; color:#4F4F51; text-align:right; margin:0 2px 0 2px; cursor:pointer; text-decoration: underline; }
.chat_panel .usersstocks_area .toolslabel_ { float:left; font-weight:normal; color:gray; text-align:right; margin:0 2px 0 2px;  }
.chat_panel .usersstocks_area  .list  { float:right; width:95%; background-color:white; border:1px solid #E1E1E2; margin:5px 0 0 5px; padding:5px 5px 5px 5px; }
.chat_panel .usersstocks_area  .listline { float:right; width:100%; min-height:22px; margin:3px 0 0 1px; }
.chat_panel .usersstocks_area  .listlinetitle { float:right; font-weight:bold;  color:#42566B; text-align:right; direction:rtl; }
.chat_panel .usersstocks_area  .listlinetitle_ { float:right; font-weight:normal;  color:#42566B; text-align:right; direction:rtl; }
.chat_panel .usersstocks_area  .listlinetitle__ { float:right; font-weight:normal;  color:#42566B; text-align:right; direction:ltr; }

.chat_panel .usersstocks_area  .listlineitem1  { width:50%; float:right; font-weight:normal;  color:black; text-align:right; direction:rtl; cursor:pointer; }
.chat_panel .usersstocks_area  .listlineitem2  { width:25%; float:right; font-weight:normal;  color:black; text-align:right; direction:ltr; }
.chat_panel .usersstocks_area .lineW { width:99%; float:right; margin:0 0 10px 0; padding:0; }
.chat_panel .usersstocks_area .lineR { width:49%; float:right; margin:0 0 10px 0; padding:0; }
.chat_panel .usersstocks_area .edit1 { width:95%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #E1E1E2;
                                     font-weight:normal;  color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 6px; }
.chat_panel .usersstocks_area .edit2 { width:calc(33% - 10px); height:20px; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #E1E1E2;
                                     font-weight:normal;  color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 6px; }
.chat_panel .usersstocks_area .edit3 { width:55%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #E1E1E2;
                                     font-weight:normal;  color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 6px; }
.chat_panel .usersstocks_area .select1 { width:calc(33% - 10px); float:right; margin:0; padding:2px 2px 2px 2px; background-color:white;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 6px; border:1px solid #E1E1E2;  }
.chat_panel .usersstocks_area .but1  { width:calc(33% - 10px); float:right; height:20px; background-color:#4F4F51; margin:2px 0 2px 6px; padding:5px 0 0 0;  
                                 font-weight:bold;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; }
.chat_panel .usersstocks_area .but3  { width:25%; float:right; height:20px; background-color:white; margin:2px 8px 2px 0; padding:5px 0 0 0;  
                                 font-weight:normal;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; border:1px solid #E1E1E2; }
.chat_panel .usersstocks_area .but3 .active { border:2px solid black; }
.chat_panel .usersstocks_area .but3 .notactive { border:2px solid gray; }
					 

.chat_panel .usersstocks_area .lineBreak { width:100%; height:2px; margin:4px 0 0 0; padding:0 0 0 0; background-color:#E1E1E2; float:left; }
.chat_panel .usersstocks_area .msg { width:100%; float:right; margin:2px 0 2px 0; padding:0; font-weight:bold; font-size:12px; color:#4F4F51; text-align:right; direction:rtl; }

/******** SPONSER NEWS PANEL ********/
.sposerNews_panel { width:100%; height:auto; display:none; direction:ltr; margin:0 0 0 0; float:right; padding:0 0 0 0;  overflow:hidden; font-size:16px;  }
.sposerNews_panel .usersstocks_area  {  width:100%; margin:5px 0 5px 0; float:right; padding:5px 5px 5px 5px;  }
.sposerNews_panel .usersstocks_area  .item  { float:right; width:100%; background-color:#C9C6C6; }
.sposerNews_panel .usersstocks_area  .image  { float:right; width:25%; background-color:#C9C6C6; border:1px solid #E1E1E2; margin:5px 5px 0 5px; padding:5px 5px 5px 5px; }
.sposerNews_panel .usersstocks_area  .list  { float:right; width:65%; background-color:#C9C6C6; border:1px solid #E1E1E2; margin:3px 0 2px 5px; padding:5px 5px 5px 5px; }
.sposerNews_panel .usersstocks_area  .listline { float:right; width:100%; min-height:22px; margin:3px 0 0 1px; }
.sposerNews_panel .usersstocks_area  .listlinetitle { float:right; font-weight:normal;  font-size:16px; color:black; text-align:right; direction:rtl; }
.sposerNews_panel .usersstocks_area  .listlinetitle_ { float:right; font-weight:normal;  color:#42566B; text-align:right; direction:rtl; }
.sposerNews_panel .usersstocks_area  .listlinetitle__ { float:right; font-weight:normal;  color:#42566B; text-align:right; direction:ltr; }
.sposerNews_panel .usersstocks_area  .listlinemore { float:left; font-weight:normal; font-size:11px; color:#42566B; text-align:right; direction:rtl; cursor:pointer; }

.sposerNews_panel .usersstocks_area  .listlineitem1  { width:50%; float:right; font-weight:normal;  color:black; text-align:right; direction:rtl; cursor:pointer; }
.sposerNews_panel .usersstocks_area  .listlineitem2  { width:25%; float:right; font-weight:normal;  color:black; text-align:right; direction:ltr; }
.sposerNews_panel  .datepicker { width:20%; float:right; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:normal; font-size:12px; color:#42576C; text-align:center; direction:rtl; margin:0 2px 2px 0; }
.sposerNews_panel .datePicker1 { margin:3px 10px 15px 0; width:100px; height:20px; text-align:center;  font-size:13px; color:white; background-color: gray; float:left; cursor: pointer; }
.sposerNews_panel .dateLabel { float:right; color:white; font-size: 18px;  margin-top: 3px;}

 
.monkey_panel { width:345px; height:235px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:black; overflow:hidden; font-size:14px; 
 z-index: 9999; position:absolute; border:2px solid #F3921D; padding: 4px 2px 2px 3px; direction:rtl; } 
.monkey_panel .title { float:right; width:85%; color: white; font-size: 16px; color:#F3921D; margin:5px 5px 5px 5px;  }
.monkey_panel .span { margin: 2px 2px 2px 2px; float:right; width:100%; color: white; font-size: 14px; line-height: 125%;  }
.monkey_panel .p { margin: 2px 2px 2px 2px; cursor:pointer;  float:right; width:100%;  color:#F3921D; font-size: 14px; font-weight:bold; }
.monkey_panel .close	 { float:left; width:8%; cursor:pointer; text-align:left;  color: white; font-size: 20px; }

.zira_panel { width:425px; height:300px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:white; overflow-x:hidden; font-size:14px;  
   z-index: 9999; position:absolute; border:2px solid #F3921D; padding: 4px 2px 2px 3px; direction:rtl; } 
.zira_panel .usersstocks_area  { width:95%; margin:5px 10px 0 5px; float:right; padding:5px 5px 5px 5px;  }
.zira_panel .usersstocks_area .line { width:45%; float:left; height:22px; margin:10px 0 0 10px; padding:0; text-align:left; }
.zira_panel .usersstocks_area  .list  { float:right; width:95%; background-color:white; border:1px solid #E1E1E2; margin:5px 0 0 5px; padding:5px 5px 5px 5px; }
.zira_panel .usersstocks_area  .listline { float:right; width:100%; min-height:22px; margin:3px 0 0 1px; }
.zira_panel .usersstocks_area  .listlinetitle { float:right; font-weight:bold;  cursor:poitner; color:#42566B; text-align:right; direction:rtl; }
.zira_panel .usersstocks_area  .listlinetitle_ { float:right; font-weight:normal;  color:#42566B; text-align:right; direction:rtl; }
.zira_panel .usersstocks_area  .listlinetitle__ { float:right; font-weight:normal;  color:#42566B; text-align:right; direction:ltr; }
.zira_panel .usersstocks_area  .close { font-size:18px; font-weight:bold; cursor:poitner;  color:red; float:left; }

					
/******** DEMO PANEL & TODAY ********/
@media (max-width: 800px) 
{ .demo_panel { width:425px; height:255px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:white; overflow:hidden; } }
@media (min-width: 801px) 
{ .demo_panel { width:425px; height:455px; display:none; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:white; overflow:hidden; } }
.demo_panel .amountValue { font-size:30px; }
.demo_panel .mainValues { font-size:18px; }
.demo_panel .paperValues { font-size:18px; }
.demo_panel .BuyBut { width:48%; height:23px; margin:0 0 0 2px; float:right; font-size:16px; text-align:center; background-color:green; color:white; padding:3px 3px 3px 3px; cursor:pointer; }
.demo_panel .OrderSelect { width:48%; height:30px; margin:0 2px 0 0; float:right; font-size:14px; text-align:center; background-color:green; color:white; padding:0 3px 3px 25px; cursor:pointer; }
.demo_panel .LongShortCb  { width:20px; height:15px; float:right; margin:0 0 0 3px; font-weight:normal; font-size:12px; text-align:right; direction:rtl; cursor:pointer; }
.demo_panel .SellBut { width:48%; margin:0 0 0 2px; float:right; font-size:16px; text-align:center; background-color:red; color:white; padding:3px 3px 3px 3px; cursor:pointer;  }
.demo_panel .OpenBut { width:31%; margin:0 0 0 2px; float:right; font-size:16px; text-align:center; background-color:black; color:white; padding:3px 3px 3px 3px; cursor:pointer;  }
.demo_panel .CloseBut { margin:0 0 0 3px; padding:1px 1px 1px 1px; float:right; color:red; font-weight:bold; text-align:center; font-size:17px; font-weight:bold; cursor:pointer;  }
.demo_panel .Demobuttons { padding:5px 0 0 5px; }
.demo_panel .Demobuttons .butDemo { height:36px; font-size:14px; }

.demo_panel .sepLine { float:right; width:100%; height:1px; background-color:black; }
.demo_panel .footerMsg { float:right; width:100%; height:35px; font-size:12px; text-align:right; margin:0 5px 0 5px; direction:rtl; }
.demo_panel .sharePanel { float:right; width:100%; font-size:12px; text-align:right; margin:20px 5px 0 5px; direction:rtl; }
.demo_panel .sharePanel .cb  { width:20px; height:15px; float:right; margin:0 0 0 3px; font-weight:normal; font-size:12px; text-align:right; direction:rtl; cursor:pointer; }
.demo_panel .sharePanel .cbT  { width:calc(100% - 30px); float:right; margin:0 0 0 3px; font-weight:bold; font-size:14px; color:black; text-align:right; direction:rtl; text-align:right; }
.demo_panel .sharePanel .edit1 { float:left; width:50%; height:15px; margin:7px 5px 0 0; background-color:white; padding:5px 5px 5px 5px; border:1px solid #344757;
                               font-weight:bold;  color:#154E73; text-align:right; direction:rtl;  }
.demo_panel .sharePanel .butT  { width:20px; height:18px; float:left; margin:7px 3px 0 3px; font-weight:bold; font-size:18px; color:white; text-align:center; padding:5px 5px 5px 5px; direction:rtl; background-color:#95A6B6; cursor:pointer;  }
.demo_panel .sharePanel .butTDemo { width:40px; height:18px; float:left; margin:7px 3px 0 3px; font-weight:bold; font-size:18px; color:white; text-align:center; padding:5px 5px 5px 5px; direction:rtl; background-color:#828283; cursor:pointer;  }
.demo_panel .sharePanel .BigOpenBut { width:100%; height:50px; padding:5px 5px 5px 5px; margin-top:10px; background-color:#828283; font-weight:bold; font-size:24px; color:white; border:1px solid black; text-align:center; cursor:pointer;    }
.demo_panel .sharePanel .sideA { width:35%; float:right; margin:25px 0 5px 5px; }
.demo_panel .sharePanel .sideB { width:60%; float:right; margin:15px 5px 5px 0; }
.demo_panel .line { width:100%; float:right; }

.demo_panel .TripleBut { width:30%; height:31px; margin:0 0 5px 2px; float:right; font-size:22px; text-align:center; background-color:#706E6F; color:white; padding:17px 4px 8px 4px; cursor:pointer; }
.demo_panel .DoubleBut { width:46%; height:31px; margin:0 0 5px 2px; float:right; font-size:22px; text-align:center; background-color:#706E6F; color:white; padding:17px 4px 8px 4px; cursor:pointer; }
.demo_panel .active { background-color:#F79518; }

#todayTableDiv { padding-left: 15px; background-color:#706E6F; }

/******** ROBOT PANEL ********/
.robot_panel { width:100%; height:100%; background-color:#E1E1E2; direction:ltr; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden; }

.robot_panel .helpMsg { width:95%; margin:5px 0 0 2px; float:right; padding:5px 5px 5px 5px; text-align:right; font-size:18px; font-weight:bold; color:black; background-color:white; border:1px solid black; direction:rtl; }
.robot_panel .subTitle { width:100%; float:right; padding:4px 0px 2px 4px; text-align:right; font-size:16px; font-weight:bold; margin:15px 0 0 0; color:black; direction:rtl; }
.robot_panel .smlTitle { width:100%; float:right; padding:0px 0px 0px 0px; text-align:right; font-size:12px; font-weight:normal; margin:5px 5px 5px 0; color:black; direction:rtl; }

.robot_panel .buttons1 { width:95%; float:right; padding:5px 15px 5px 5px; text-align:center;   }
.robot_panel .buttons1 .but_  { width:calc(20% - 10px); float:right; height:25px; background-color:#E1E1E2; margin:0 0 5px 5px; padding:7px 0 0 0;  
                                 font-weight:bold;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; }
.robot_panel .buttons1 .but__ { width:calc(40% - 15px); float:right; height:25px; background-color:#E1E1E2; margin:0 0 5px 5px; padding:7px 0 0 0;  
                                 font-weight:bold;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; }
.robot_panel .usersstocks_area  { margin:5px 2px 0 2px; float:right; padding:5px 5px 5px 5px;  }
.robot_panel .usersstocks_area .top1 { width:45%; float:right; height:22px; margin:10px 0 0 0; padding:0; font-weight:bold;  color:#4F4F51; text-align:right; direction:rtl; }
.robot_panel .usersstocks_area .line { width:99%; float:right; height:25px; margin:10px 0 0 10px; padding:0; text-align:left; }
.robot_panel .usersstocks_area .line_ { width:99%; float:right; height:10px; margin:10px 0 0 10px; padding:0; text-align:left; }
.robot_panel .usersstocks_area .lineT { width:100%; float:right; margin:15px 0 0 2px; padding:0; font-size:14px; font-weight:bold; color:#4F4F51; text-align:right; }
.robot_panel .usersstocks_area .labelT { margin:0 0 0 3px;  font-weight:bold; color:#4F4F51; text-align:right; padding:0 0 0 0; font-size:16px;  }
.robot_panel .usersstocks_area .labelV { font-size:16px;  }
.robot_panel .usersstocks_area .R5 { width:8%; float:right; text-align:right; margin:0 3px 0 0; }
.robot_panel .usersstocks_area .R8 { width:8%; float:right; text-align:right; margin:10px 3px 0 0; }
.robot_panel .usersstocks_area .R10 { width:10%; float:right; text-align:right;  }
.robot_panel .usersstocks_area .R15 { width:15%; float:right; text-align:right; margin:5px 5px 0 5px;  }
.robot_panel .usersstocks_area .L15 { width:14%; float:left; text-align:right; margin:5px 5px 0 5px;  }
.robot_panel .usersstocks_area .R20 { width:20%; float:right; text-align:right; direction:rtl;   }
.robot_panel .usersstocks_area .R30 { width:30%; float:right; text-align:right;  }
.robot_panel .usersstocks_area .R35 { width:35%; float:right; text-align:right;  }
.robot_panel .usersstocks_area .R50 { width:35%; float:right; text-align:right;  }
.robot_panel .usersstocks_area .R35 { width:35%; float:right; text-align:right; margin:7px 10px 0 0; }
.robot_panel .usersstocks_area .R65 { width:65%; float:right; text-align:right; direction:rtl;  }
.robot_panel .usersstocks_area .L65 { width:65%; float:left; text-align:right; direction:rtl;  }
.robot_panel .usersstocks_area .cb  { width:20%; float:right; margin:3px 0 0 3px; font-weight:normal; font-size:14px; text-align:right; direction:rtl; cursor:pointer; }
.robot_panel .usersstocks_area .cbF  { width:30%; float:right; margin:3px 0 0 10px; font-weight:normal; font-size:14px; text-align:right; direction:rtl; cursor:pointer; }
.robot_panel .usersstocks_area .cbfull { width:100%; float:right; margin:3px 0 0 3px; font-weight:normal; font-size:14px; text-align:right; direction:rtl; cursor:pointer; }
.robot_panel .usersstocks_area .edit   { width:100%; font-weight:normal; color:black; background-color:#FFFFFF; border:1px solid #374C5D; padding:2px 2px 2px 2px; text-align:right; font-size:16px; }
.robot_panel .usersstocks_area .edit70   { width:70%; font-weight:normal; color:black; background-color:#FFFFFF; border:1px solid #374C5D; padding:2px 2px 2px 2px; text-align:right; border:1px solid gray; margin:0 0 0 15px; }
.robot_panel .usersstocks_area .select1 { width:100%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; font-size:14px; 
                                         font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 0 0 5px; border:1px solid #445766;  }
.robot_panel .usersstocks_area .select2 { width:95%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; font-size:14px; 
                                         font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 0 0 5px; border:1px solid #445766;  }

.robot_panel .usersstocks_area .inputText { width:95%; height:30px; margin-top:-8px; }
										 
.robot_panel .usersstocks_area .colorbutShort {  width:100%;  height:18px; float:right; margin:0 2px 0 0; cursor:pointer; border:1px solid silver; background-color:#4F4F51; color:white; float:left; text-align:center; font-weight:bold; font-size:14px; padding:3px 3px 3px 3px; }
.robot_panel .usersstocks_area .colorbutShortRight {  width:20%;  height:16px; float:right; margin:0 0 3px 3px; cursor:pointer; border:1px solid silver; background-color:#4F4F51; color:white; text-align:center; font-weight:bold; font-size:14px; padding:3px 3px 3px 3px; }
.robot_panel .usersstocks_area .colorbutSave {  width:100%;  height:18px; float:right; margin:0 3px 0 0; cursor:pointer; border:1px solid silver; background-color:black; color:white; float:left; text-align:center; font-weight:bold; font-size:14px; padding:3px 3px 3px 3px; }

.robot_panel .usersstocks_area .colorbutLongShort {  width:100%;  height:22px; float:right; margin:0 2px 0 4px; cursor:pointer; border:1px solid silver; background-color:#4F4F51; color:white; float:left; text-align:center; font-weight:bold; font-size:16px; padding:3px 3px 3px 3px; }


/******** GALLERY PANEL ********/
.gallery_panel { direction:ltr; margin:0 0 0 0; padding:0 0 0 0; background-color:#F7F8FA; overflow:auto; } 
.gallery_panel .galleryArea { float:left; width:100%; overflow-y: scroll; overflow-x: hidden; height:100%; }
.gallery_panel .item0 { float:left; width:auto; background-color:#DDE1E4; margin:10px 10px 10px 10px; }
.gallery_panel .item3 { float:left; width:31%; background-color:#DDE1E4; margin:10px 10px 10px 10px; }
.gallery_panel .item2 { float:left; width:47%; background-color:#DDE1E4; margin:10px 10px 10px 10px; }
.gallery_panel .item1 { float:left; width:98%; background-color:#DDE1E4; margin:10px 10px 10px 10px; }
@media (max-width: 1280px) 
{ 
.gallery_panel .item2 { float:left; width:47%; background-color:#DDE1E4; margin:10px 5px 10px 5px; } 
.gallery_panel .item3 { float:left; width:29%; background-color:#DDE1E4; margin:10px 15px 10px 15px; }
}

.gallery_panel .title { float:right; width:100%; background-color:black; }
.gallery_panel .IconAwesome { cursor:pointer; float:right; font-size:18px; color:silver; margin:1px 5px 0 1px;  }
.gallery_panel .titleName { float:right; color:white; font-size:16px; font-weight:bold; margin:0 2px 0 2px; direction:rtl; cursor:pointer;  }
.gallery_panel .titleSepR { float:right; color:gray; font-size:12px; margin:3px 2px 0 2px;  }
.gallery_panel .titleSepL { float:left; color:gray; font-size:12px; margin:3px 2px 0 2px;  }
.gallery_panel .line { float:right; width:100%; background-color:#DDE1E4; }
.gallery_panel .titleName1 { float:right; color:black; font-size:14px; font-weight:normal; margin:0 2px 0 2px; direction:rtl; cursor:pointer;  }
.gallery_panel .titleValue { float:right; color:white; font-size:14px; margin:0 2px 0 2px; font-weight:bold;  }
.gallery_panel .titleValue1 { float:right; color:black; font-size:14px; margin:0 2px 0 2px; font-weight:bold;  }
.gallery_panel .UpdateTitle { float:right; color:white; font-size:16px; font-weight:bold; margin:0 10px 0 2px; direction:rtl; cursor:pointer;  }

.gallery_panel .titleDate { float:left; color:white; margin:0 2px 0 2px; }
.gallery_panel .chart { float:right; width:100%; cursor:pointer;  }


/********  LOGIN POPUP ********/
DIV.popup { width:775px; height:505px; display:none; direction:rtl; font-size:12px; }
DIV.popup DIV.boxMid { background:#ffffff; border-right:1px solid #b4bcc3; border-left:1px solid #b4bcc3; padding-top:15px;}
DIV.popup DIV.boxMid H2 { display:block; border-bottom:1px solid #cfd4dd; padding:0 29px 15px 0; font:bold 2.1em/18px arial; color:#cd6c02;}
DIV.popup DIV.boxMid DIV.popupRight { float:right; width:330px; padding:18px 29px 0 0;}
DIV.popup DIV.boxMid DIV.popupRight H3 { font:bold 1.6em/17px arial; color:#4F4F51; padding:0 0 5px 0; margin:0px;}
DIV.popup DIV.boxMid DIV.popupRight P { font:normal 1.2em/12px arial; color:#353535; padding:0 0 15px 0; margin:0px;}
DIV.popup DIV.boxMid DIV.popupRight DIV.formFields { display:block; height:40px;}
DIV.popup DIV.boxMid DIV.popupRight DIV.formFields LABEL { display:inline-block; float:right; width:100px; font:normal 1.4em/30px arial; color:#353535;}
DIV.popup DIV.boxMid DIV.popupRight DIV.formFields INPUT { float:right; width:213px; height:16px; border:1px solid #d1d5d9; font:normal 1.4em/16px arial; color:#353535; padding:6px; margin:0px;}
DIV.popup DIV.boxMid DIV.popupRight DIV.formFields INPUT.errorInput { border:1px solid #b21100!important;}
DIV.popup DIV.boxMid DIV.popupRight DIV.formFields .errorMsg { display:inline-block; float:right; padding-right:112px; font:normal 1.2em arial; color:#e51600;}
DIV.popup DIV.boxMid A.fLink { display:inline-block; float:left; padding-left:30px; font:normal 1.4em/40px arial; color:#cd6c02;}
A.btn40B { display:inline-block; float:left; background:url(../img/sprite.png) no-repeat right -1161px; padding-right:5px; height:40px;}
A.btn40B SPAN { display:inline-block; cursor:pointer; background:url(../img/sprite.png) no-repeat 0 -1161px; height:40px; padding:0 35px 0 40px; font:bold 1.6em/40px arial; color:#FFF}
A.btn40B:hover { background:url(../img/sprite.png) no-repeat right -1211px;}
A.btn40B:hover SPAN { background:url(../img/sprite.png) no-repeat left -1211px;}
DIV.popup .msg { font:bold 1.5em/16px arial; color:red; margin:-10px 2px 15px 0; }
DIV.popup DIV.boxMid DIv.popupLeft { margin-top:1px; background:#e8ecef; padding:17px 30px 25px 40px; width:318px; float:left;}
DIV.popup DIV.boxMid DIv.popupLeft H3 { font:bold 1.6em/17px arial; color:#4F4F51; padding:0 0 5px 0; margin:0px;}
DIV.popup DIV.boxMid DIv.popupLeft P { font:bold 1.4em/15px arial; color:#353535; padding:0 0 20px 0; margin:0px;}
DIV.popup DIV.boxMid DIv.popupLeft P SPAN { color:#cd6c02;}
DIV.popup DIV.boxMid DIv.popupLeft DIV.formFields { display:block; height:40px;}
DIV.popup DIV.boxMid DIV.popupLeft DIV.formFields LABEL { display:inline-block; float:right; width:91px; font:normal 1.4em/30px arial; color:#353535;}
DIV.popup DIV.boxMid DIV.popupLeft DIV.formFields INPUT { float:right; width:213px; height:16px; border:1px solid #d1d5d9; font:normal 1.4em/16px arial; color:#353535; padding:6px; margin:0px;}
DIV.popup DIV.boxMid DIV.popupLeft DIV.formFields INPUT.errorInput { border:1px solid #b21100!important;}
DIV.popup DIV.boxMid DIV.popupLeft DIV.formFields .errorMsg { display:inline-block; float:right; padding-right:91px; font:normal 1.2em arial; color:#e51600;}
DIV.popup DIV.boxMid DIV.popupLeft .checkbox { display:block;}
DIV.popup DIV.boxMid DIV.popupLeft .checkbox UL { margin:0px; padding:0px; list-style:none}
DIV.popup DIV.boxMid DIV.popupLeft .checkbox UL LI { display:block; padding:0 0 0 0; margin:8px 2px 2px 2px; height:15px; font:normal 1.3em/14px arial; color:#353535; direction:rtl; text-align:right; }
DIV.popup DIV.boxMid DIV.popupLeft .checkbox UL LI .ffCheckboxWrapper { width:318px; margin:8px 2px 2px 2px;}
DIV.popup DIV.boxMid DIV.popupLeft .checkbox UL LI .ffCheckboxWrapper a { color:#353535!important; font-weight:normal!important; margin:8px 2px 2px 2px;}
DIV.popup DIV.boxMid DIV.popupLeft A.fLink { margin-top:5px;}
DIV.popup DIV.boxMid DIV.popupLeft .meitav { float:right; margin:0 35px 20px 0; font-weight:bold; font:normal 1.3em/14px arial;  font-size:14; color:#4F4F51; }

.share_panel { width:95%; height:100%; display:none; margin:0 0 0 0; padding:0 0 10px 0; direction:ltr; background-color:white; overflow:hidden; }
.share_panel .buttons { width:100%; float:right; margin:10px 1px 0 5px; text-align:right;  }
.share_panel .buttons .but  { width:calc(25% - 14px); float:right; height:20px; background-color:#E1E1E2; margin:0 0 0 5px; padding:5px 0 0 0;  
                                 font-weight:bold;  color:black; text-align:center; direction:rtl; cursor:pointer; }
.share_panel .img { width:auto; height:auto; margin:10px 5px 10px 5px; float:right; border:1px solid gray; }
.share_panel .linkLabel { float:right; text-align:left; font-size:11px; width:95%; height:15px; font-weight:normal; color:black; background-color:#F1F1F1; border:1px solid #EEEDF3; margin:5px 5px 3px 0; padding:2px 2px 2px 2px;  }
.share_panel .detailsBox { display:none; width:100%; float:right; margin:5px 5px 0 5px; text-align:right;  }
.share_panel .detailsBox  .line  { width:95%; float:right; margin:2px 0 2px 2px; padding:0 0 0 5px; direction:rtl; font-size:18px; font-weight:bold; }
.share_panel .detailsBox  .lineB { width:95%;  float:right; height:1px; background-color:gray; margin:5px 0 15px 0;  }
.share_panel .detailsBox .labelR { width:15%; float:right; margin:2px 0 0 0; font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0; direction:rtl; }
.share_panel .detailsBox .editR { width:75%; float:right; font-weight:normal; color:#4F4F51; text-align:right; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px; }
.share_panel .detailsBox  .button  { width:20%; float:left; height:20px; margin:2px 0 2px 40px; padding:0; background-color:#4F4F51; color:white; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; padding-top:4px; }
.share_panel .detailsBox  .buttonR  { width:20%; float:right; height:25px; margin:2px 5px 2px 10px; padding:0; background-color:#4F4F51; color:white; font-weight:bold; font-size:16px; text-align:center; cursor:pointer; padding-top:4px; }

.scan_panel { width:975px; height:605px; display:none; overflow: hidden;  direction:ltr; margin-left:5px; padding:0 0 0 0; background-color:white; overflow: hidden; z-index:9999; }
.scan_panel .theFrame { float:right; overflow: hidden;  }
.scan_panel .theTitle { width:100%; height:25px; float:right; color:#4F4F51; text-align:center; font-size:18px; font-weight:bold; direction:rtl; margin:5px 0 0 0; }

#popup_chart  {	background-color: #F7F7F7; filter: Alpha(Opacity=95); float:left; display:none;   
	                position:absolute; top:255px; left:425px; z-index: 9999; width: 450px; height: 198px;	   
				    margin:0 0 0 0; text-align:center; border:1px solid #CFD4DD; padding: 4px 2px 2px 3px; direction:rtl;
     			  }
#popup_chart  .img {  margin:0 0 0 0; padding: 0 0 0 0;  }

/* ALERTS */
#overlay-back {
    position: fixed;
    top        : 0;  left       : 0;
    width      : 100%;    height     : 100%;
    background : #000;    opacity    : 0.6;
    filter     : alpha(opacity=60);    z-index    : 10000;
    display    : none; 
}
#alert_div { display:none; border: solid 2px #4F4F51; position: fixed; left: 50%; top: 50%; background-color: white;
 z-index: 10001; height: 200px; margin-top: -80px; width: 470px; margin-left: -235px; direction:rtl; }
#alert_div .line { float:left; width:100%; }
#alert_div .x { float:left; font-weight:bold; font-size:18px; color:#4F4F51; margin:5px 0 0 10px; cursor:pointer;  }
#alert_div .icon { float:right; margin:5px 25px 0 5px; }
#alert_div .title { float:right; margin:15px 5px 0 5px; font-size:28px; color:#4F4F51; font-weight:bold; text-align:right; direction:rtl;  }
#alert_div .msg { width:350px; height:auto; float:right; margin:-15px 95px 0 5px; font-size:18px; color:#4F4F51; font-weight:bold; text-align:right; direction:rtl;   }
#alert_div .ok { float:left; width:70px; height:30px; font-weight:normal; font-size:20px; background-color:#4F4F51; color:white; margin:10px 0 0 10px; cursor:pointer; text-align:center; padding-top:7px;  }
#alert_div .cancel { float:left; width:70px; height:30px; font-weight:normal; font-size:20px; background-color:#4F4F51; color:white; margin:10px 0 0 10px; cursor:pointer; text-align:center; padding-top:7px;  }

#overlay-back_ {
    position: fixed;
    top        : 0;  left       : 0;
    width      : 100%;    height     : 100%;
    background : #000;    opacity    : 0.6;
    filter     : alpha(opacity=60);    z-index    : 10000;
    display    : none; 
}
#waitWithTip_div { display:none; border: solid 2px #4F4F51; position: fixed; left: 50%; top: 50%; background-color: white;
 z-index: 10001; height: auto; margin-top: -180px; width: 470px; margin-left: -235px; direction:rtl; }
#waitWithTip_div .line { float:left; width:100%; }
#waitWithTip_div .x { float:left; font-weight:bold; font-size:18px; color:#4F4F51; margin:5px 0 0 10px; cursor:pointer;  }
#waitWithTip_div .icon { float:right; margin:5px 25px 0 5px; }
#waitWithTip_div .title { float:right; margin:15px 5px 0 5px; font-size:28px; color:#4F4F51; font-weight:bold; text-align:right; direction:rtl;  }
#waitWithTip_div .msg { width: 305px; height:auto; float:right; margin:-50px 155px 0 15px; font-size:16px; color:#4F4F51; font-weight:bold; text-align:right; direction:rtl;   }
#waitWithTip_div .ok { width: 95%;  float:left;  height:30px; font-weight:normal; font-size:20px; background-color:#4F4F51; color:white; margin:20px 10px 20px 10px; cursor:pointer; text-align:center; padding-top:7px;  }
#waitWithTip_div .cancel { float:left; width:70px; height:30px; font-weight:normal; font-size:20px; background-color:#4F4F51; color:white; margin:10px 0 0 10px; cursor:pointer; text-align:center; padding-top:7px;  }


.templatesMode { display:none; }

.headertop_select .line { width:100%; float:right; margin:0; padding:0;  }

.searchArea  { max-height:30px; }
.searchArea .line { width:100%; float:left; margin:0 0 0 0; padding:0 0 0 0; }
.searchArea .but { float:right; margin:7px 0 0 1px; cursor:pointer; }
.searchArea .edit1 { float:right; width:calc(100% - 100px); height:22px; margin:7px 0 0 0; background-color:white; padding:5px 5px 5px 5px; border:1px solid #344757;
                               font-weight:bold;  color:#154E73; text-align:right; direction:rtl;  }
.searchArea input { font-size:15px; }
.searchArea .autobox1 { display:none; position:relative; z-index:1001; float:right; width:99%; height:180px; 
                                            margin:0px 0 5px 0; padding:0 0 0 0; color:black; direction:rtl; font-family: 'osh_bold';   
											border:1px solid #CFD4DD; background-color:white; cursor:pointer;  }
.searchArea .autobox1 .labelh { float:right; width:98%; height:20px; margin:0 0 0 0; padding: 0 1px 0 1px; font-size:15px; text-align:right; font-weight:bold; direction:rtl; white-space:nowrap;  }
.searchArea .autobox1 .labele { float:left; width:98%;  height:20px; margin:0 0 0 0; padding: 0 1px 0 1px; font-size:13px; text-align:left; font-weight:bold; direction:ltr; white-space:nowrap; }
.searchArea .autobox1 .hidden { display:none; width:0px; height:0x; }


.row .chartbut { width:28px; height:28px; margin:0 0 3px 0px; cursor:pointer; border:0; background-color:#E9ECF1; }
.row .button { font-size:14; cursor:pointer; padding:5px; border:1px solid black; text-align:center; }

/******** OLD PANELS 2015-8 ********/
.chartData_panel { width:95%; height:100%; display:none; margin:0 0 0 0; padding:0 0 0 0;  background-color:white; font-family: 'osh_regular'; }
.chartData_panel .dataTable  { width:100%; margin: 0 auto; overflow:hidden; }
@media (max-height: 600px) 
{
.chartData_panel .buttons { width:100%; float:right;  padding:5px 5px 0 10px;  text-align:right;  }
.chartData_panel .buttons .but  { width:18%; float:right; height:18px; background-color:#E1E1E2; margin:2px 0 5px 5px; padding:2px 0 0 0; 
                           font-weight:bold;  color:black; text-align:center; direction:rtl; cursor:pointer; } 
}
@media (min-height: 601px) 
{
.chartData_panel .buttons { width:100%; float:right;  padding:5px 5px 0 10px;  text-align:right;  }
.chartData_panel .buttons .but  { width:18%; float:right; height:21px; background-color:#E1E1E2; margin:0 0 5px 5px; padding:5px 0 0 0; 
                           font-weight:bold;  color:black; text-align:center; direction:rtl; cursor:pointer; } 
}
.chartData_panel .datachart_panel { width:100%; float:right; margin:2px 2px 0 2px; text-align:right; padding:0 5px 5px 5px;  }
.chartData_panel .Itutpanel { display:none; background-color:white; border:1px solid #BBBFC2; margin:10px 0 10px 0;  }
.chartData_panel .datachart_panel .line { width:100%; float:right; margin:2px 0 2px 2px; padding:0;  }
.chartData_panel .datachart_panel .lineS { width:100%; float:right; margin:1px 0 1px 2px; padding:0;  }
.chartData_panel .datachart_panel .lineL { width:100%; float:right; margin:2px 0 2px 2px; padding:0;  }
.chartData_panel .datachart_panel .lineT { width:100%; float:right; margin:4px 0 0 2px; padding:0; font-size:13px; font-weight:bold; color:#4F4F51; text-align:right; }
.chartData_panel .datachart_panel .lineTT { width:100%; float:right; margin:14px 0 0 2px; padding:0;  }
.chartData_panel .datachart_panel .label {  font-weight:normal; color:black; background-color:#F1F1F1; border:1px solid #EEEDF3; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .edit   {  font-weight:normal; color:black; background-color:#FFFFFF; border:1px solid #374C5D; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelT { margin:0 0 0 3px;  font-weight:bold; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelTB { margin:5px 0 0 3px;  font-weight:bold; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV { min-height:18px; margin:0 0 0 3px;   font-weight:normal; color:black; text-align:center; background-color:#F1F1F1; border:0px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelW { min-height:18px; margin:0 0 0 3px;   font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelVr { min-height:18px; margin:0 0 0 3px;   font-weight:normal; color:black; text-align:right; direction:rtl; background-color:#F1F1F1; border:0px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelBut { height:20px; background-color:#4F4F51; margin:0 0 5px 5px; padding:3px 0 0 0; 
 font-weight:bold;  color:white; text-align:center; direction:ltr; cursor:pointer; } 
.chartData_panel .datachart_panel .smBut { float:left; width:17px; height:17px; text-align:center;  font-weight:bold; color:#566370; background-color:#E9ECF1; border:1px solid #3A4C5D; padding:2px 2px 2px 2px; margin:0 2px 2px 0; cursor:pointer;  }
.chartData_panel .datachart_panel .smBut1 { float:left; width:42px; height:17px; text-align:center;  font-weight:bold; color:white; background-color:#4F4F51; padding:2px 2px 2px 2px; margin:0 2px 2px 20px; cursor:pointer;  }
.chartData_panel .datachart_panel .smBut2 { float:left; width:55px; height:17px; text-align:center;  font-weight:bold; color:white; background-color:#4F4F51; padding:2px 2px 2px 2px; margin:0 2px 2px 20px; cursor:pointer;  }
.chartData_panel .datachart_panel .mdBut { float:right; width:22px; height:18px; text-align:center;  font-weight:bold; color:#566370; background-color:#E9ECF1; border:1px solid #3A4C5D; padding:2px 2px 2px 2px; margin:0 0 2px 2px; cursor:pointer;   }

.chartData_panel .datachart_panel .R5 { width:4%; float:right; text-align:right; margin:0 0 0 5px;  }
.chartData_panel .datachart_panel .R10 { width:10%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .C10 { width:10%; float:right; text-align:center;  }
.chartData_panel .datachart_panel .L10 { width:10%; float:left; text-align:left;  }
.chartData_panel .datachart_panel .R15 { width:15%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .C15 { width:15%; float:right; text-align:center;  }
.chartData_panel .datachart_panel .L15 { width:15%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R20 { width:22%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .C20 { width:22%; float:right; text-align:center;  }
.chartData_panel .datachart_panel .R20_ { width:20%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .L20 { width:22%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R25 { width:25%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .L25 { width:25%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R30 { width:30%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .C30 { width:30%; float:right; text-align:center;  }
.chartData_panel .datachart_panel .L30 { width:30%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R35 { width:35%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .L35 { width:35%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R40 { width:40%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .L40 { width:40%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R45 { width:45%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .L45 { width:45%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R55 { width:55%; float:right; text-align:right;  }
.chartData_panel .datachart_panel .L55 { width:55%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R65 { width:65%; float:right; text-align:right; }
.chartData_panel .datachart_panel .R70 { width:70%; float:right; text-align:right; }
.chartData_panel .datachart_panel .C60 { width:60%; float:right; text-align:center; }
.chartData_panel .datachart_panel .L65 { width:65%; float:left; text-align:left; }
.chartData_panel .datachart_panel .R90 { width:80%; float:right; text-align:right; }
.chartData_panel .datachart_panel .L90 { width:80%; float:left; text-align:right; }
.chartData_panel .datachart_panel .labelT50b { width:45%; margin:0 0 5px 3px; float:right;  font-weight:bold; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .plusminus  { width:15px; float:right; border:0; margin:0 5px 0 5px; background-color:#95A6B6;  padding:2px 2px 2px 2px; font-weight:bold; font-size:12px; color:white; text-align:center; direction:rtl;cursor:pointer; }
.chartData_panel .datachart_panel .labelR70 { width:65%; float:right;  font-weight:normal; color:#4F4F51; text-align:right; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelL20 { width:25%; float:left;  font-weight:normal; color:#4F4F51; text-align:left; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelR50 { width:45%; float:right;  font-weight:normal; color:#4F4F51; text-align:right; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelL50 { width:45%; float:left;  font-weight:normal; color:#4F4F51; text-align:left; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelL30 { width:30%; float:left;  font-weight:normal; color:#4F4F51; text-align:left; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelT70 { width:70%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV70 { width:70%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV80r { width:80%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0; direction:rtl; border:1px solid #C5C5C5; }
.chartData_panel .datachart_panel .labelT20 { width:20%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV20 { width:20%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelT10 { width:10%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:center; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV10 { width:10%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelT15 { width:15%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:center; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV15 { width:15%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelV20s { width:20%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelT50 { width:45%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelT40 { width:35%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .labelV40 { width:35%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelV50 { width:45%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelV60 { width:60%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelV90 { width:95%; margin:0 0 0 3px;  float:right;  font-weight:normal; color:black; text-align:center; background-color:white; border:1px solid #C5C5C5; padding:2px 2px 2px 2px;  }
.chartData_panel .datachart_panel .labelV90r { width:90%; margin:0 0 0 3px; float:right;  font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0; font-weight:bold; font-size:14px; direction:rtl; border:1px solid #C5C5C5; }
.chartData_panel .datachart_panel .toolsarea { width:95%; float:right; margin:2px 2px 0 2px; text-align:right; padding:0 5px 5px 5px;  }
.chartData_panel .datachart_panel .cb  { width:30%; float:right; margin:3px 0 0 3px; font-weight:normal; font-size:12px; text-align:right; direction:rtl; cursor:pointer; }
.chartData_panel .datachart_panel .cb14  { width:90%; float:right; margin:3px 0 0 3px; font-weight:normal; font-size:14px; text-align:right; direction:rtl; cursor:pointer; }
.chartData_panel .datachart_panel .clickSpan  {  cursor:pointer; margin:0 15px 0 0; }
.chartData_panel .datachart_panel .toolslabel { width:23%; float:right; height:17px; font-weight:bold; color:white; text-align:right; margin:2px 1px 5px 0; cursor:pointer; background-color:#E1E1E2; text-align:center; direction:rtl; font-size:12px; padding:2px 0 0 0;  }
.chartData_panel .datachart_panel .toolslabel_ { float:right; font-size:11px; font-weight:normal; color:gray; text-align:right; margin:2px 1px 2px 1px;  }
.chartData_panel .datachart_panel .button { width:30%; float:left; margin:3px 0 0 3px; font-size:13px; font-weight:bold; color:white; text-align:center; background-color:#4F4F51; border:0; padding:2px 2px 2px 2px; cursor:pointer;  }
.chartData_panel .datachart_panel .buttonR { width:30%; float:right; margin:3px 3px 0 0; font-size:13px; font-weight:bold; color:white; text-align:center; background-color:#4F4F51; border:0; padding:2px 2px 2px 2px; cursor:pointer;  }
.chartData_panel .datachart_panel .chartbut { width:28px; height:28px; float:right; margin:0 0 3px 3px; cursor:pointer; border:0; background-color:#E9ECF1;  }
.chartData_panel .datachart_panel .chartbutR { width:80px; height:20px; float:right; padding:4px 2px 2px 2px; text-align:center; margin:0 0 3px 3px; cursor:pointer; border:0; background-color:#E9ECF1; font-size:16px; font-weight:bold; border:1px solid #3A4C5D; }
.chartData_panel .datachart_panel .chartbutL { width:28px; height:28px; float:right; margin:0 3px 3px 0; cursor:pointer; border:0; background-color:#E9ECF1; border:1px solid silver; }
.chartData_panel .datachart_panel .chartbutL0 { width:28px; height:28px; float:left; margin:0 3px 3px 0; cursor:pointer; border:0; background-color:#E9ECF1;  }
.chartData_panel .datachart_panel .chartbutL1 { width:55px; height:28px; float:left; margin:0 3px 3px 0; cursor:pointer; border:0; background-color:#E9ECF1;  }
.chartData_panel .datachart_panel .colorbut { width:26px; height:26px; float:right; margin:0 3px 3px 0; cursor:pointer; border:1px solid silver; background-color:#E9ECF1;  }
.chartData_panel .datachart_panel .colorbutLong {  width:30%;  height:26px; float:right; margin:0 0 3px 3px; cursor:pointer; border:1px solid silver; background-color:#4F4F51; color:white; float:left; text-align:center; font-weight:bold; font-size:14px; padding:3px 3px 3px 3px; }

.chartData_panel .datachart_panel .chartbutsep { width:8px; float:right; }
.chartData_panel .datachart_panel .buttonS { width:20%; float:right; margin:0 0 0 3px; font-size:13px; font-weight:bold; color:white; text-align:center; background-color:#008000; border:1px solid #C5C5C5; padding:2px 2px 2px 2px; cursor:pointer;  }
.chartData_panel .datachart_panel .portfolio_editpanel { }
.chartData_panel .datachart_panel .labelimg { float:right; margin:0 3px 0 0; cursor:pointer; } 
.chartData_panel .datachart_panel .Calcimg { float:right; margin:0 0 0 3px; cursor:pointer; } 
.chartData_panel .datachart_panel .portfolio_editpanel .area1	 { width:100%; float:right; text-align:right; padding:0 10px 0 0; }
.chartData_panel .datachart_panel .portfolio_editpanel .area1_0  { width:56%; float:right; text-align:right; padding:0 0 0 0;  }
.chartData_panel .datachart_panel .portfolio_editpanel .area1_1  { width:40%; float:left; text-align:right; padding:0 0 0 0;  }
.chartData_panel .datachart_panel .portfolio_editpanel .label1   {width:100%; margin:0 0 0 3px; float:right; font-size:13px; font-weight:normal; color:#4F4F51; text-align:right; padding:0 4px 0 0;  }
.chartData_panel .datachart_panel .portfolio_editpanel .select1 { width:95%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 0 0 5px; border:1px solid #445766;  }
.chartData_panel .datachart_panel .portfolio_editpanel .edit2d { width:20%; float:right; padding:2px 2px 2px 2px; background-color:#F0F0F0; border:1px solid #4F4F51;
                                font-weight:bold;  color:#42576C; text-align:right; direction:ltr; margin:0 2px 2px 0; }
.chartData_panel .datachart_panel .portfolio_editpanel .edit1 { width:94%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:bold; font-size:12px; color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 5px; }
.chartData_panel .datachart_panel .portfolio_editpanel .edit2 { width:20%; float:right; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 2px 2px 0; }
.chartData_panel .datachart_panel .portfolio_editpanel .datepicker { width:20%; float:right; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:normal; font-size:12px; color:#42576C; text-align:right; direction:rtl; margin:0 2px 2px 0; }
.chartData_panel .lineBreak { width:100%; height:2px; margin:4px 0 0 0; padding:0 0 0 0; background-color:#E1E1E2; float:left; }
.chartData_panel .but1   { width:19%; float:right; height:20px; background-color:#4F4F51; margin:0 5px 0 0; padding:4px 0 0 0; 
                           font-weight:bold;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; }
.chartData_panel .but1a   { width:19%; float:right; height:20px; background-color:#828283; margin:0 5px 0 0; padding:4px 0 0 0; 
                           font-weight:bold;  color:white; text-align:center; direction:rtl; cursor:pointer;  }
.chartData_panel .but1b   { width:30%; float:left; height:20px; background-color:#828283; margin:0 0 0 15px; padding:4px 0 0 0; 
                           font-weight:bold;  color:white; text-align:center; direction:rtl; cursor:pointer;  }
.chartData_panel .but2   { display:none; width:45%; float:right; height:20px; background-color:#4F4F51; margin:2px 5px 0 0; padding:4px 0 0 0; 
                           font-weight:bold;  color:#F0F1F3; text-align:center; direction:rtl; cursor:pointer; }
						   
.chartData_panel .datachart_panel .alerts_editpanel .edit2d { width:18%; float:right; padding:2px 2px 2px 2px; background-color:#F0F0F0; border:1px solid #4F4F51;
                                font-weight:bold;  color:#42576C; text-align:right; direction:ltr; margin:0 2px 2px 0; }
.chartData_panel .datachart_panel .alerts_editpanel .edit2 { width:22%; float:right; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:bold;  color:black; text-align:right; direction:rtl; margin:0 2px 2px 0; }
.chartData_panel .datachart_panel .alerts_editpanel .edit3 { width:30%; float:right; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51; 
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 2px 2px 0; }
.chartData_panel .datachart_panel .alerts_editpanel .select1 { width:95%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 0 2px 5px; border:1px solid #C5C5C5;  }
.chartData_panel .datachart_panel .alerts_editpanel .edit1 { width:94%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:bold; font-size:12px; color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 5px; }
.chartData_panel .datachart_panel .bsgtest_editpanel .button { width:30%; float:right; margin:3px 0 0 3px; font-size:13px; font-weight:bold; color:white; text-align:center; background-color:#E1E1E2; border:1px solid #C5C5C5; padding:2px 2px 2px 2px; cursor:pointer;  }
.chartData_panel .datachart_panel .edit35 { width:35%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #CD6C02;
                                font-weight:bold;  color:#42576C; text-align:right; direction:ltr; }
.chartData_panel .datachart_panel .edit15 { width:15%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #CD6C02;
                                font-weight:bold;  color:#42576C; text-align:right; direction:ltr; }
.chartData_panel .datachart_panel .share_editpanel .edit1 { width:97%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid #4F4F51;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 5px; }
.chartData_panel .datachart_panel .share_editpanel .edit2 { width:45%; float:left; padding:2px 2px 2px 2px; background-color:white; border:1px solid #CD6C02;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:0 0 2px 5px; }
.chartData_panel .datachart_panel .share_editpanel .select1 { width:60%; float:right; margin:0; padding:2px 2px 2px 2px; background-color:white;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; margin:2px 0 2px 5px; border:1px solid #C5C5C5;  }
.chartData_panel .datachart_panel .editT { width:calc(100% - 9px); float:right; margin:0; padding:2px 2px 2px 2px; background-color:white; border:1px solid gray;
                                font-weight:bold;  color:#42576C; text-align:right; direction:rtl; }
.chartData_panel .datachart_panel .MainTitle { float:right; font-size:20px; font-weight:bold; text-align:right; }

/* Other blocks */
#favoritesPanel .avabox {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 14px;
}
#favoritesPanel .avabox img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 0px solid #f7941e;
  width: 43px;
  height: 43px;
  margin-left: 10px;
  cursor: pointer; 
}
#favoritesPanel .avabox img, #favoritesPanel .avabox span {
  display: inline-block;
  vertical-align: middle;
  color: black;
}
#favoritesPanel .avabox .white {
  color: white;
  text-align:right;
  cursor:pointer;
}
#favoritesPanel .avabox i {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 0px solid #f7941e;
  width: 43px;
  height: 43px;
  margin-left: 10px;
  font-size:26px;
}
#favoritesPanel .avabox .whiteSelected  {
    text-decoration: underline;
	font-weight:bold;
}

								
/******** Responsive Adaptions ********/								
.headertop_btns { text-align:left;  }
.expertBtn { width: auto;  background-color:#16AA9C; }
.expertBtnMsg { width:auto; color:white; font-size:14px; font-weight:bold; }
.expertBtnMsg { width:auto; color:white; font-size:14px; font-weight:bold; }
.RealTimeBtn { font-size:14px; font-weight:bold; background-color:#16AA9C; text-align:center; }
.RealTimeQuote { float:right; width:30px; height:25px; font-size:22px; text-align:center; font-weight:bold; text-align:center; margin:2px 0 0 0; padding:2px; border:1px solid black;}
.RealTimeChart i {float:right;  width:30px; height:25px; font-size:22px; text-align:center;  margin:2px 0 0 0; border:1px solid black; padding:2px; }


@media screen and (max-width: 1280px) {
  .toolsbox_btn { margin: 0 8px; }
  .headertop .logo { margin-left: 40px; }
  .headertop .smallnav { margin-left: 30px; }
  .smallnav li { font-size: 16px; }
  .headertop_select { width: auto; }
  .headertop .searchbox {
  margin-left: 0;
    width: 200px;
  }
  .expertBtnMsg { font-size:12px;  }
}
@media screen and (max-width: 1400px) {
  .socialbox-envelope { display: none;}
  .socialbox-label { width: 40px; font-size:11px; }
  .smallnav li { font-size: 16px; margin: 0 0 0 9px; }
}

@media screen AND (min-width: 1600px) AND (max-width: 1919px) 
{
 .headertop_btns { text-align:left; }
 .smallnav li { font-size: 18px; }
 .headertop .logo { float: right; margin: 0 0 0 15px; }
  .smallnav li { font-size: 17px; margin: 0 0 0 9px; } 
  .toolsbox_btn { margin: 0 4px; }

}
@media screen AND (min-width: 1440px) AND (max-width: 1599px) 
{
 .headertop_btns { text-align:left;  }
 .headertop .logo { float: right; margin: 0 0 0 30px; }
 .headertop .smallnav { float: right; margin: 3px 0 0 30px; }
 .smallnav li { font-size: 18px; }
 .headertop .searchbox { width: 180px; }
}
@media screen AND (min-width: 1281px) AND (max-width: 1440px) 
{ 
 .headertop_btns { text-align:left;  }
 .headertop .logo { float: right; margin: 0 0 0 15px; }
 .headertop .smallnav { float: right; margin: 3px 0 0 3px; }
 .smallnav li { font-size: 15px;  }
 .headertop .searchbox { float: right; margin: 0; width: 180px; }
 .headertop_select select { width: 150px; margin-right:10px; }
 .table_title { font-size:14px; }
 .input-field .input { font-size:12px; } 
 .toolsbox_btn { margin: 0 5px; }
 .toolsbox_separate { margin: 0 5px; }
}																														
@media screen AND (min-width: 1153px) AND (max-width: 1280px) 
{
 .headertop_btns { text-align:left;  }
 .headertop .logo { float: right; margin: 0 0 0 5px; }
 .headertop .smallnav { float: right; margin: 3px 0 0 3px; }
 .smallnav li { font-size: 13px; }
 .headertop_select { width: 325px; }
 .headertop .searchbox { float: right; margin: 0; width: 140px; }
 .headertop_select select { width: 110px; margin-right:10px; }
 .toolsbox_separate { margin: 0 3px; }
 .toolsbox_btn { margin: 0 3px; }
 .table_title { font-size:14px; padding-left: 10px; }
 .input-field .input { font-size:12px; }
 .expertBtn { width: 120px;}
}																														
@media screen AND (max-width: 1152px) 
{
 .headertop_btns { text-align:left;  }
 .headertop .logo { float: right; margin: 0 0 0 15px; }
 .headertop .smallnav { float: right; margin: 3px 0 0 3px; }
 .smallnav li { font-size: 12px;  margin: 0 0 0 4px;}
 .headertop_select { width: 285px; }
 .headertop .searchbox { float: right; margin: 0; width: 140px; }
 .headertop_select select { width: 70px; margin-right:10px; }
 .toolsbox_separate { margin: 0 1px; }
 .toolsbox_btn { margin: 0 2px; }
 .table_title { font-size:14px; padding-left: 10px; }
 .input-field .input { font-size:12px; }
 .expertBtn { width: 120px;}
 .socialbox_item { margin: 0 1px 0 0; }
 .socialbox_label { margin: 0 1px 0 0; }
 .socialbox_cal { display:none; }

}
@media screen AND (max-height: 768px) 
{
 .toolsbox_separate { margin: 0 1px; }
 .toolsbox_btn { margin: 0 1px; }
}

.ui-resizable-handle
{
 width:100 !important;
 height:100 !important;
 border:4px solid transparent !important;
 border-radius:10px !important;
}

/* HEADER FOOTER TOOLBOX - SUMMER 2021 */
.px-header {
  background: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: 'osh_regular', sans-serif;
  z-index: 10000;
  position: fixed;  left: 0;  top: 0;  width: 100%;
}
.px-header img {
  max-width: 100%;
}
.px-header_container {
  display: flex;
  align-items: center;
  height: 54px;
  justify-content: space-between;
  padding: 0 15px;
  min-width: 1020px;
  background-color: black;
}
.px-header_logo {
  cursor: pointer;
  margin-left: 20px;
}
.px-header_logo img {
  display: block;
}
.px-header_logo-small {
  display: none !important;
}
.px-header_nav {
  display: flex;
  margin: 0;
  padding: 2px 0 0;
}
.px-header_nav img {
  height: 18px;
  display: block;
  margin: 0 auto 2px;
  font-size: 14px;
  line-height: 16px;
}
.px-header_nav i {
  height: 18px;
  display: block;
  margin: 0 auto 2px;
  line-height: 16px;
  font-size: 22px;
  margin-right: 7px;
}

.px-header_nav li {
  list-style: none;
  margin-left: 10px;
  position: relative;
}
.px-header_nav li:last-child {
  margin-right: 0;
}
.px-header_nav li a {
  color: #fff;
  display: block;
  text-decoration: none;
  margin-top:2px;
}
.px-header_nav li ul {
  background: #e2e1e1;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  right: 0;
  text-align: right;
  min-width: 200px;
  display: block;
  margin: 0;
  padding: 0;
  top: 47px;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in-out;
}
.px-header_nav li ul li {
  list-style: none;
  margin: 0;
}
.px-header_nav li ul li a {
  display: block;
  padding: 5px 10px;
  color: #000;
  font-size: 12px;
  line-height: 14px;
}
.px-header_nav li ul li a:hover {
  background: #fff;
}
.px-header_nav li ul li.bold {
  font-weight: 700;
}
.px-header_nav li:hover ul {
  opacity: 1;
  visibility: visible;
}

/* px-autocomplete */
.px-autocomplete {
  background: #e2e1e1;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  left: 0;
  width: 100%;
  min-width: 200px;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in-out;
}
.px-autocomplete.opened {
  opacity: 1;
  visibility: visible;
}
.px-autocomplete_form {
  display: none;
  padding: 6px;
  position: relative;
}
.px-autocomplete .px-search_input {
  background: #fff;
  padding: 6px 10px;
}
.px-autocomplete ul {
  margin: 0;
  padding: 0;
}
.px-autocomplete li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
}
.px-autocomplete li b {
  color: #c57a04;
  font-weight: 400;
  font-size: 14px;
}
.px-autocomplete li:hover {
  background: #fff;
}
.px-autocomplete .selected {
  background-color: #fff;
}

.px-autocomplete_head {
  font-weight: 700;
  padding: 6px 12px;
  background: 0 !important;
}
.px-autocomplete .upChg
{
 direction:ltr;
 color: green;
}
.px-autocomplete .downChg
{
 direction:ltr;
 color: red;
}

/* px-btn */
.px-btn {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  z-index: 10000 !important;
}
.px-btn i {
 color:#F7941F; font-size:24px; cursor:pointer;
}
.px-btns {
  display: flex;
  align-items: center;
}
.px-btn_select {
  background: #e2e1e1;
  height: 36px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding: 0 8px 0 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.px-btn_select::before {
  content: '';
  position: absolute;
  display: block;
  background-image: url("../images2021/svg/sel.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  left: 6px;
  top: 50%;
  margin-top: -3px;
}
.px-btn_select span {
  white-space: nowrap;
}
.px-btn_popup {
  background: #e2e1e1;
  position: absolute;
  min-width: 120px;
  width: 100%;
  z-index: 10000 !important;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  right: 0;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 100ms ease-in;
}
.px-btn_popup li {
  list-style: none;
  display: flex;
  height: 36px;
  align-items: center;
  padding: 4px 8px;
  white-space: nowrap;
  cursor: pointer;
}
.px-btn_popup li .px-btn_icon {
  margin-left: 8px;
  width:23px;
}
.px-btn_popup li:hover {
  background: #fff;
}
.px-btn.opened .px-btn_popup {
  opacity: 1;
  visibility: visible;
}
.px-btn_icon {
  min-width: 23px;
  margin-left: 8px;
}
.px-btn_icon-circle_black {
  border-radius: 24px;
  height: 24px;
  background: #000;
}
.px-btn_icon-circle_gray {
  border-radius: 24px;
  height: 24px;
  background: #808080;
}
.px-btn_icon-circle_white {
  border-radius: 24px;
  height: 24px;
  box-shadow: inset 0 0 0 1px #000;
}
.px-btn_icon-sq_max {
  height: 18px;
  box-shadow: inset 0 0 0 4px #000;
}
.px-btn_icon-sq_mid {
  height: 18px;
  box-shadow: inset 0 0 0 2px #000;
}
.px-btn_icon-sq_min {
  height: 18px;
  box-shadow: inset 0 0 0 1px #000;
}
.px-btn_icon-ic {
  background: url(../images2021/ic1.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-ic2 {
  background: url(../images2021/ic2.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-ic3 {
  background: url(../images2021/ic3.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-ic3_ {
  background: url(../images2021/ic3_.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-grid {
  background: url(../images/svg/restore.svg);
  height: 23px;
  background-size: cover;
}
.px-btn_icon-grid2 {
  background: url(../images/svg/grid.svg);
  min-width: 21px;
  height: 23px;
  background-size: cover;
}
.px-btn_icon-gallery1 {
  background: url(../images2021/gallery1.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-gallery2 {
  background: url(../images2021/gallery2.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-gallery3 {
  background: url(../images2021/gallery3.png);
  height: 15px;
  background-size: cover;
}
.px-btn_icon-DWM {
  background: url(../images2021/galleryDWM.png);
  height: 15px;
  background-size: cover;
}

.px-btn_icon-tabs {
  background: url(../images2021/tabs1.png);
  height: 15px;
  background-size: cover;
}

.px-btn_icon .px-btn_icon-tabs .del {
 float: left;
 font-size: 12px;
 color: red;	
}

.px-btn_full
{ 
 width: 100%;
}


/* px-user */
.px-user {
  position: relative;
}
.px-user_select_noLogin {
  background: #f7941d url(../images2021/svg/user.svg) center center no-repeat;
  border-radius: 50%;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
}
.px-user_select_noSubscribe {
  background: #ff0000 url(../images2021/svg/user.svg) center center no-repeat;
  border-radius: 50%;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
}
.px-user_select_SubscribeLite {
  background: #D6FFD6 url(../images2021/svg/user.svg) center center no-repeat;
  border-radius: 50%;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
}
.px-user_select_SubscribePro {
  background: #00ff00 url(../images2021/svg/user.svg) center center no-repeat;
  border-radius: 50%;
  background-size: 20px 20px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
}
.px-user_popup {
  background: #e2e1e1;
  position: absolute;
  min-width: 120px;
  width: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  left: 0;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 100ms ease-in;
  width: 160px;
}
.px-user_popup.opened {
  opacity: 1;
  visibility: visible;
}
.px-user_popup li {
  list-style: none;
  margin: 0;
}
.px-user_popup li a {
  display: flex;
  padding: 7px 12px;
  align-items: center;
  text-decoration: none;
  color: #000;
}
.px-user_popup li img {
  display: block;
  width: 18px;
  max-height: 14px;
  margin-left: 7px;
}
.px-user_popup li.solid {
  border-top: 1px solid #000;
}
.px-user_popup li:hover {
  background: #fff;
}

/* px-search */
.px-search {
  background: #e2e1e1;
  height: 36px;
  min-width: 200px;
  max-width: 240px;
  margin: 0 0 0 10px;
  padding: 0 36px;
  position: relative;
}
.px-search_input {
  background: 0;
  outline: none;
  height: 36px;
  margin: 0;
  width: 100%;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  color: #262627;
  font-size: 14px;
  line-height: 26px;
}
.px-search_add, .px-search_btn {
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  outline: none;
  text-indent: -9999px;
}
.px-search_btn {
  background: url(../images2021/svg/search.svg) center center no-repeat;
  background-size: 20px 20px;
  left: 0;
}
.px-search_add {
  background: url(../images2021/svg/plus-square.svg) center center no-repeat;
  background-size: 24px 24px;
  right: 0;
}

/* px-footer */
.px-footer .FlagsArea { width: 100px; float:right; padding-right:7px; border-left: 1px solid #fff; } 
.px-footer .FlagsArea .flagitem { width:22px; height:22px; margin:1px 0 0 2px; float:right; cursor:pointer; border:0px; } 
.px-footer .creditLabel { float:right; margin:0px 5px 0 0;  font-size:11px; color:white; text-align:center; direction:rtl;  } 

.px-footer {
  background: #6d6d6f;
  font-family: 'osh_regular', sans-serif;
}
.px-footer_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 50px;
}

.px-foot {
  background: black;
  height: 42px;
  color: #fff;
  font-weight: 700;
  border-left: 3px solid #05aa34;
  font-size: 14px;
  line-height: 18px;
  padding: 2px 6px;
  display: block;
  margin: 0 3px;
  cursor:pointer;
}
.px-foots {
  display: flex;
  align-items: center;
}
.px-foot.down {
  border-left-color: #f40f30;
}
.px-foot_left {
  text-align: left;
  direction:ltr;
}
.px-foot-row {
  display: flex;
  justify-content: space-between;
}
.px-foot_left {
  margin-right: 10px;
}
.px-foot span {
  display: block;
  margin: 0;
}
.px-foot .green {
  color: #05aa34;
}
.px-foot .red {
  color: #f40f30;
}
.px-foot-caret {
  padding-left: 16px;
  position: relative;
}
.px-foot-caret::before {
  content: '';
  position: absolute;
  display: block;
  border: 6px solid transparent;
  border-bottom: 6px solid #05aa34;
  left: 0;
  top: 0;
}
.px-foot-caret.down::before {
  content: '';
  position: absolute;
  display: block;
  border: 6px solid transparent;
  border-top: 6px solid #f40f30;
  left: 0;
  top: 6px;
}

/* px-footer-info */
.px-footer-info {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  border-left: 1px solid #fff;
  padding: 1px 0 4px 10px;
}
.px-footer-info-row {
  display: flex;
  align-items: center;
}
.px-footer-info-row .icon {
 text-align:center;
 float:left;
 cursor:pointer;
 font-size:14px;
 margin-right:2px;
 margin-bottom:1px;
}
.px-footer-time {
  color: #fcab18;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.px-footer-r {
  border: 1px solid #11cf47;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  text-align: center;
  width: 20px;
  border-radius: 50%;
  font-weight: 700;
  margin: 0 2px 0 2px;
  cursor: pointer;
}
.px-footer-date {
  font-size: 14px;
}

/* px-foot-rev */
.px-foot-rev {
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin: 0 10px;
}
.px-foot-rev-row {
  display: flex;
  justify-content: center;
  margin: 0 0 2px;
}
.px-foot-rev span {
  display: block;
  margin: 0 1px 0 0;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  padding: 0 4px;
  font-weight: 700;
  cursor: pointer;
}
.px-foot-rev .green {
  background: #05aa34;
}
.px-foot-rev .red {
  background: #f40f30;
}
.px-foot-rev .or {
  background: #fcab18;
}
.px-foot-rev p {
  margin: 0;
}

.px-footer .px-header_nav {
  margin-left: 90px;
  padding: 0;
  display: flex;
}

.px-footer .px-header_nav li {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  display: block;
  list-style: none;
}

.px-footer .px-header_nav li a {
  height: 50px;
  padding: 8px 8px 0;
  display: block;
}

.px-footer .px-header_nav li a:hover {
  background: #333;
}

.px-footer .px-btn {
  margin: 0 20px;
}

.px-footer .px-btn_popup {
  top: auto;
  bottom: 100%;
}

.px-footer-line {
  display: flex;
  align-items: center;
}
  
.px-header_nav .adv{
 width: 190px;
 word-wrap: break-word;
 font-size: 14px;
 color: #F79518;
}

.px-footer-esc img {
  display: block;
}

@media screen and (max-width: 1240px) {
 .px-footer-line .px-header_nav .adv{ display:none; }
}

 
@media screen and (max-width: 1740px) {
 .px-header_nav .adv{ width: 100px; }
 
  .px-btn_select span {
    display: none;
  }

  .px-btn_icon {
    margin-left: 0;
  }

  .px-search {
    min-width: 160px;
    max-width: 160px;
  }
  
  .px-foot-rev {
   display:none;
  }
  .FlagsArea {
   display:none; 
  }
}
@media screen and (max-width: 1600px) {
  .px-header_nav .adv{ width: 100px; }

  .px-foot {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 4px;
    margin: 0 1px;
  }

  .px-footer .px-header_nav li {
    font-size: 11px;
  }

  .px-footer .px-header_nav li a {
    padding-left: 4px;
    padding-right: 4px;
  }

  .px-footer-info, .px-footer-date {
    font-size: 11px;
  }
}
@media screen and (max-width: 1360px) {
  .px-header_logo-big {
    display: none !important;
  }

  .px-header_logo-small {
    display: block !important;
  }
}
@media screen and (max-width: 1260px) {
  .px-search {
    min-width: 80px;
    max-width: 80px;
  }
}
@media screen and (max-width: 1025px) {
  .px-search {
    min-width: 40px;
    max-width: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .px-header_nav li {
    font-size: 11px;
  }

  .px-search {
    min-width: 26px;
    max-width: 26px;
  }
}
/* toolspopup */
.toolspopup {
  border: 1px solid #d1d1d1;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 250px;
  font-family: 'osh_regular', sans-serif;
  z-index: 1000;
  position: relative;
  direction: ltr;
}
.toolspopup_close {
  width: 40px;
  height: 28px;
  display: block;
  background: url(../images2021/svg/close.svg) center center no-repeat;
  background-size: 16px 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.toolspopup_header {
  border-bottom: 1px solid #d1d1d1;
  padding: 4px 6px 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.toolspopup_footer {
  border-top: 1px solid #d1d1d1;
  padding: 2px 6px;
  font-size: 13px;
  line-height: 16px;
}
.toolspopup_content {
  background: #fafafa;
}
.toolspopup_line {
  border-bottom: 1px solid #e3e3e3;
  padding: 1px 6px 2px;
  display: flex;
}
.toolspopup_line:last-child {
  border-bottom: 0;
}
.toolspopup_line.vcenter {
  align-items: center;
}
.toolspopup_line.justified {
  justify-content: space-between;
}
.toolspopup select {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px solid #d1d1d1;
  height: 22px;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  padding: 0 8px;
  background: #fff url(../images2021/svg/sel.svg) calc(100% - 8px) center no-repeat;
  background-size: 14px 14px;
  box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.3);
}
.toolspopup select:active {
  box-shadow: none;
}
.toolspopup_col4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 100%;
  padding: 0 5px 0 0;
}
.toolspopup_col8 {
  flex: 0 0 66.666666%;
  max-width: 66.666666%;
  width: 100%;
}

/* toolspopup_delete */
.toolspopup_delete {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px solid #d1d1d1;
  height: 22px;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  padding: 0 10px 0 28px;
  color: #000;
  background: #fff url(../images2021/svg/times.svg) 8px center no-repeat;
  background-size: 14px 14px;
  box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.3);
}
.toolspopup_delete:active {
  box-shadow: none;
}

/* toolspopup_label */
.toolspopup_label {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  margin: 0;
}
.toolspopup_label:last-child {
  margin: 0;
}
.toolspopup_label-small {
  color: #0000ff;
  font-weight: 400;
}
.toolspopup_label input[type="checkbox"] {
  width: 14px;
  height: 14px;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #d1d1d1;
  background: #f0f0f0 url(../images2021/svg/check.svg) -9999px -9999px no-repeat;
  background-size: 10px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  min-width: 14px;
  max-width: 14px;
  margin: 0 3px 0 0;
  padding: 0;
  outline: none;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.toolspopup_label input[type="checkbox"]:checked {
  background-position: center center;
}

.toolspopup_let {
  width: 16px;
  font-weight: 700;
  line-height: 16px;
  font-style: italic;
  margin-right: 4px;
  font-size: 12px;
}
.toolspopup_let span {
  margin: 0;
  display: block;
}
.toolspopup_let span:last-child {
  margin: 0;
}

.toolspopup_box {
  margin: 0 5px 0 0;
}
.toolspopup_box:last-child {
  margin: 0;
}
.toolspopup_box-small {
  margin-right: 4px;
}
.toolspopup_box-small .toolspopup_label {
  font-weight: 400;
  color: #0000ff;
}

.toolspopup_box.color-orange, .toolspopup_box.color-orange button {
  color: #ff8000;
}

.toolspopup_box.color-red, .toolspopup_box.color-red button {
  color: #ff0000;
}

.toolspopup_box.color-blue, .toolspopup_box.color-blue button {
  color: #0000ff;
}

.toolspopup_box.color-green, .toolspopup_box.color-green button {
  color: #008000;
}

.toolspopup_btns {
  display: flex;
  align-items: center;
}

.toolspopup_incr {
  border: 1px solid #d1d1d1;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  background: #f0f0f0;
  padding: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  cursor: pointer;
  width: 18px;
  height: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 0 1px 0 0;
  display: block;
  font-family: Arial;
  box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.3);
}
.toolspopup_incr:active {
  box-shadow: none;
  color: inherit;
}

.toolspopup_input {
  background: #e1e1e1;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border: 1px solid #d1d1d1;
  width: 22px;
  height: 18px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 16px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  outline: none;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.toolspopup_input:disabled {
  background: #c0c0c0;
  color: #000;
}
.toolspopup_input-big {
  background: #fff;
  width: 38px;
  text-align: left;
  padding: 0 6px;
}
.toolspopup_input-big.color-red {
  color: #ff0000;
}
.toolspopup_input-big.color-blue {
  color: #0000ff;
}
.toolspopup_input-big.color-green {
  color: #008000;
}

.toolspopup_flx {
  display: flex;
  align-items: center;
}

.toolspopup_flx .toolspopup_input {
  margin-right: 5px;
}

.toolspopup_check_btn {
  border: 1px solid #e3e3e3;
  background: #fff url(../images2021/svg/check-green.svg) center center no-repeat;
  background-size: 14px 14px;
  width: 28px;
  height: 18px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.3);
}
.toolspopup_check_btn:active {
  box-shadow: none;
}

.flexed_btns {
  display: flex;
  align-items: center;
}

.flexed_btns.margin {
  margin-bottom: 4px;
}

.flexed_btns .toolspopup_input {
  margin-right: 3px;
}

.flexed_btns .toolspopup_label {
  margin: 0 3px 0 0;
}

.toolspopup_col7 {
  border-right: 1px solid #e3e3e3;
  padding-right: 4px;
}

.toolspopup_col7 .toolspopup_input {
  width: 28px;
}

.toolspopup_col5 .toolspopup_input {
  width: 29px;
}

.zoom {
  -webkit-transform: scale(0.8); /* Safari and Chrome */ 
  transform: scale(0.8); /* zoom factor - prefix if needed */
  width: 975px; 
  height: 690px;
  float: right; 
  margin: 0;
  padding: 0;
}


.bursframe_full_screen {
    background: url(../images/full_screen.png) center center no-repeat;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    outline: none;
    margin: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 30px;
    cursor: pointer;
    background-size: 22px;
    padding: 0;
    float: left;
}

.bursframe_exit_full_screen {
  background: url(../images/exit_full.png) center center no-repeat;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  outline: none;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 30px;
  cursor: pointer;
  background-size: 22px;
  padding: 0;
  float:left;
}

.pasArrow { color:#F7941D; font-width:normat; font-size:20px; cursor: pointer; }
.pasArrowIcon { color:#F7941D; font-width:normat; font-size:14px; cursor: pointer; margin:0; }
.pasArrowArea { width:20px; margin:0 8px 0 0; float:left; }
.profileText { font-size: 15px; margin: 0 0 10px 0; }
.pasBlankArea { width:10px; height: 100; background-color:white; cursor: pointer; }