.ltr-lo #appnav-menu button { margin-left:15px;    margin-right: 13px;}
/* little spacing in swal buttons */

.swal-button-container {
    text-align: left;
    margin-right: -8px;
    margin-left: -8px;
    width: calc(100% + 12px);
}




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;}
 html, body {  height: 100%;  margin:0;}
body , input , textarea , select {    font-family: "Open Sans Hebrew";  text-align:left;direction:ltr;        font-weight: 400;        }
.clear { clear:both;}
 body.fixed { position:fixed; overflow:hidden;}
body.overf {   overflow:hidden;}
a:focus,a:active,a:hover{     text-decoration:none;}
html {  line-height: 1;  overflow:visible!important;  padding:0px !important;text-align:left;direction:ltr;}
/* containers */.main-container {  padding-top:10px; padding-bottom: 50px; min-height:calc(100% - 116px); }
   @media (min-width: 1300px){.container {    width: 1250px;}
}
      p { margin-bottom:8px;}
table {  border-collapse: collapse;  border-spacing: 0;}
b, strong {    font-weight: 600;}
header {    text-align: center;}
.swal-button:active { opacity:0.8;}
.swal-content { word-break:break-all;}
.swal-content { word-break:break-word;}
.swal-button-container.withLargeBtns { width:100%; margin-left:0px;}
.swal-button-container.withLargeBtns button {display:block;    margin-bottom: 5px; width:100%;}
.swal-button-container.withNoPadBtns button.swal-button {padding:9px 17px; }
.swal-content ul { padding-right:10px;}
.swal-content li {    text-align: left;    margin-left: 20px;    margin-right: 10px;}
.swal-content  .swal--c-content.swal-content .swal--c-content {    font-size: 20px;    padding:10px 0px;}
input.ascheckbox , input[type=checkbox] {-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none;        border:none; display: inline-block !important;         width: 15px  !important; max-width:15px;    height: 15px;  margin-right: 1px;    cursor:pointer;}
input.ascheckbox:before, input[type=checkbox]:before {    font-family: "FontAwesome";    content: "\f00c";    font-size: 15px;    color: transparent !important;    background: #ECECEC;    display: inline-block !important;    width: 19px !important;    max-width: 21px;    height: 19px;    border: 6px solid #ECECEC;    outline: none;    margin-top: 0px;    float: left;    border-radius:4px;    -webkit-border-radius:4px;     background: #ECECEC;    border: 4px solid #ECECEC;    outline: none;}
input.ascheckbox:checked:before, input[type=checkbox]:checked:before {     background: #ECECEC;  border: 1px solid #ECECEC;outline: none;}
input.ascheckbox:checked:before, input[type=checkbox]:checked:before {    background: url(/uploads/81c61c5ad4cZC1jaGVjay5.svg) no-repeat center center #ECECEC;    background-size: 11px 11px;}
  input[type=checkbox]:focus,input[type=checkbox]:active,input[type=checkbox]:focus:before,input[type=checkbox]:active:before{    outline: none;}
  .form-control {    border:none;    -webkit-box-shadow:none;    box-shadow: none;    }
/* SWAL CUSTOMIZATION */.swal-modal { width:500px;}
.swal-footer {margin-top: 0px; min-height: 125px; text-align:center;}
.swal-footer.swal-footer2 ,.swal-footer.swal-footer2 + .swal-footer { min-height:50px;}
.swal-footer .swal-button {     -webkit-border-radius:24px;    border-radius:24px; background:#518FFF; width:270px; height:48px;}
.swal-footer .swal-button:hover {background:#518FFFee; }
.swal-title:first-child {    margin-top: 0px;}
.swal-title {     border-radius:5px 5px 0px 0px;    -webkit-border-radius:5px 5px 0px 0px;    font-size: 34px; line-height:90px; height:97px; margin-top:0px !important;; padding:0px;color:#fff;background: -moz-linear-gradient(45deg, rgba(101,181,247,1) 0%, rgba(132,217,253,1) 100%); /* ff3.6+ */background: -webkit-gradient(linear, right bottom, left top, color-stop(0%, rgba(101,181,247,1)), color-stop(100%, rgba(132,217,253,1))); /* safari4+,chrome */background: -webkit-linear-gradient(45deg, rgba(101,181,247,1) 0%, rgba(132,217,253,1) 100%); /* safari5.1+,chrome10+ */background: -o-linear-gradient(45deg, rgba(101,181,247,1) 0%, rgba(132,217,253,1) 100%); /* opera 11.10+ */background: -ms-linear-gradient(45deg, rgba(101,181,247,1) 0%, rgba(132,217,253,1) 100%); /* ie10+ */background: linear-gradient(45deg, rgba(101,181,247,1) 0%, rgba(132,217,253,1) 100%); /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84D9FD', endColorstr='#65B5F7',GradientType=1 ); /* ie6-9 */}
/*green*/ button.confirm-green.swal-button {    background: #39940a;}
button.confirm-green.swal-button:focus,button.confirm-green.swal-button:active,button.confirm-green.swal-button:hover { background: #39940a; background: #39940ac3;}
/*red*/ button.confirm-red.swal-button {background: #ce2922;    }
button.confirm-red.swal-button:focus,button.confirm-red.swal-button:active,button.confirm-red.swal-button:hover {background: #ce2922; background: #ce2922c3;}
.swal-icon {/* merge within the title section */    float: left;    z-index: 300;    margin-left: 10px;    margin-right: -80px;    width: 60px;    height: 60px;    top: -17px;}
.swal-icon--warning__body {    background-color: #ffffff;    height:28px;}
.swal-icon--warning__dot {  background-color: #ffffff;}
 .swal-icon--warning { border-color:#ffffff;}
     .swal-content .formitem {    width: 50%;    float: left;    margin-top: 25px;}
.swal-content .formitem label {    display: block;    text-align: left;    width: 200px;    margin:0 auto;    line-height: 30px;    margin-bottom: 5px;    font-size: 20px;    color: #474747;}
.swal-content .formitem label small.err { font-size: 11px;    color: red;    float: right;    display: inline-block;    height: 24px;    max-width: 100px;    overflow: hidden;    text-align: right;}
.swal-content .formitem-spacer { clear:both; height:15px;}
.swal-content .formitem input {border: 1px solid #DBDBDB; width:200px; border-radius:4px;-webkit-border-radius:4px;background:#fff;color: #7f7f7f;font-size:20px;}
.swal-content .formitem select{border: 1px solid #DBDBDB; width:200px; border-radius:4px;-webkit-border-radius:4px;background:#fff;color: #7f7f7f;font-size:20px;}
.swal-content .formitem input.err,.swal-content .formitem select.err { border-color:#f13131}
.swal-footer.pbuttons .swal-button {    background-image: url(/images/plus.png);    background-repeat: no-repeat;    background-position: right 15px center;    background-size: 28px auto;}
.swal-footer.pbuttons .swal-button + .swal-button { margin-top:13px;}
.swal-footer.pbuttons .purple-btn.swal-button {  background-color:#9600D4; }
.swal-footer.pbuttons .purple-btn.swal-button:active, .swal-footer.pbuttons .purple-btn.swal-button:focus,.swal-footer.pbuttons .purple-btn.swal-button:hover{  background-color:#9600D4c3; }
.swal-footer .swal-button:focus { box-shadow:none; -webkit-box-shadow:none;}
.swal-content .formitem input::-webkit-input-placeholder {           color: #9F9F9F;font-size:20px;        }
.swal-content .formitem input:-moz-placeholder {            color: #9F9F9F;font-size:20px;        }
.swal-content .formitem input::-moz-placeholder {          color: #9F9F9F;font-size:20px;        }
.swal-content .formitem input:-ms-input-placeholder {             color: #9F9F9F;font-size:20px;        }
.swal-content .formitem input:-webkit-input-placeholder {          color: #9F9F9F;font-size:20px;        }
   .smiles3 { background:url(/images/smiles3.png) no-repeat left top; min-height:90px; min-width:130px; padding-left: 130px;background-size: auto 90px;}
nav #theprint { background:url(/images/print.png) no-repeat center center;}
nav #thehelp img {width:auto; float:left; }
nav #thehelp  { text-align: left; text-indent:15px; color:#3FA9F5; width:120px; line-height:36px;}
/* HEADER */#goback { display:none;}
#header-spc { height:88px;}
header { height:88px; position:fixed; top:0px; right:0px; left:0px; z-index:10000; background:#fff;}
header .logo {    margin-top: 0px; float:left; margin-left:2%;}
#appnav-menu ul { display:none;}
header button {     position: relative;;        border: none;padding:0px;    margin-top: 22px;        float:right; background:transparent; width:44px; height:42px;        margin-right:2%;}
.title { margin:0 2%;}
.gn-page header,.st-page header { border-bottom:2px solid #3DABF5}
.st-page h1 {    color: #3DABF5;    font-size: 70px;    line-height: 87px;}
.st-page nav #theprint { display:none;}
header button:focus,header button:active { outline: none; }
header button  span {    display:block;;    height:6px;     background:#3DABF5;     width:100%;border-radius:3px;}
h1 .nav a[href] { font-weight:bold;}
h1 .nav a , h1 .nav { color:#fff;}
header button span:before {    position: absolute;    content: " ";    background: #3DABF5;    border-radius:3px;        margin-top: -15px;    display: block;    width: 100%;    height: 6px;    margin-bottom: 15px;}
header button span:after {    position: absolute;    content: " ";    background: #3DABF5;    border-radius:3px;     display: block;    width: 100%;    height: 6px;        margin-top: 15px;}
/* very generic page */.gn-page .title h1 { font-size:28px; margin:30px auto; width: 1250px; font-weight:bold; padding:0px 15px;}
/* header left */.hdr-s-content .right-nav {    color: #3DABF5;    margin:0px auto;    padding-top: 22px;    float: none;    max-width: 47vw;    text-align: left;    font-size: 20px;    width: 900px;}
 .hdr-s-content .right-nav a { color:#3DABF5; font-size:20px;}
.hdr-s-content .right-nav .m img {margin-right:10px;     margin-bottom: -8px }
.hdr-s-content .right-nav .ml { margin-left:30px; padding-left:30px; border-left:1px solid #3DABF5;}
#classes-cnt {    color: #fff;    padding-bottom: 25px;}
/* CLASSES */.class-box { position:relative; background:#fff; width:310px; height:310px; float:left; padding:20px; margin-right:30px;border-radius:20px;-webkit-border-radius:20px;margin-bottom:32px;}
.class-box h2 { color:#000000; font-size:30px;}
.class-box h3 {    color: #333333;    font-size: 18px;    background: url(/images/class_loc.png) no-repeat left top;    padding-left: 23px;margin-top: 2px;    height: 24px;margin-left: -2px;    }
.class-box .simp-mb {    float: right;    color: #3dabf5;    font-size: 22px;    cursor:pointer;    line-height: 30px;}
.class-box .linx { margin:20px 0 0 0; }
.class-box .linx a:before {    content: " ";    display: block;    width: 310px;    border-top: 1px solid #CACACA;    margin-left: -20px;    height: 12px;}
.class-box .linx a  { cursor:pointer;display:block; height:58px; font-size:28px; color:#434343; clear:both;}
.class-box .linx a img { margin-right:16px; float:Right; width:40px; height:auto;}
p.linx.simp-menu {    position: absolute;    top: 28px;    background: #fff;    border: 1px solid #ccc;    right: 17px;    width: 225px;}
p.linx.simp-menu a {    font-size: 24px;    height: 44px;     padding:6px;    line-height: 30px;}
p.linx.simp-menu a:before{display:none;}
p.linx.simp-menu a + a:before {    display: block;    width: 213px;    margin-left: 0px;    border-top: 1px solid #cacaca88;    height: 11px;    margin-top: -3px;}
.class-box p.linx.simp-menu a img {    width: 28px;    margin-bottom: 5px;    margin-right: 7px;}
/* ANALYZED ACIRCS */.ancirc.acirc { border-radius:50%;-webkit-border-radius:50%;margin:80px 0px 60px 0px;margin-left:10px; width:250px ; height:250px; margin-left:100px;}
.ancirc.acirc:before { display:none;}
.circ-r-wrap { float:left; width:50%; }
.circ-l-wrap { float:right; width:50%;  }
.acirc .layer6 {    background: #fff;    top: 15%;    right: 15%;    left: 15%;    bottom: 15%;    text-align: center;    line-height: 165px;    font-size: 50px;}
/* SMALL PERSONAL MAP  */.mdl-pmap .acirc:before { display:none;}
.mdl-pmap .acirc {    margin:0 auto;    width: 350px;    height: 350px;}
.mdl-pmap .acirc .layer2, .mdl-pmap .acirc .layer3, .mdl-pmap .acirc .layer4, .mdl-pmap .acirc .layer5, .mdl-pmap .acirc .layer6 {    border: none;}
.mdl-pmap .acirc .gender-f:after,.mdl-pmap .acirc .gender-m:after { background-size:40px auto;}
.mdl-pmap .acirc .drg {width:25px; height:25px;}
.mdl-pmap .acirc .drg label {    font-size: 10px;    float: left;    margin-left: -17px;    width: 65px;    display: block;    max-width: 60px;    height: 12px;}
/* SMALL ANALYZED ACIRCS */ .proc-item { position:relative;}
.proc-item .acirc {    border-radius:50%;    -webkit-border-radius:50%;    margin:5px 0px 0px 0px;    margin-left: 10px;    width: 90px;    height: 90px;    margin-left: 5px;}
  .proc-item  .acirc .layer6 {    background: #fff;    top: 15%;    right: 15%;    left: 15%;    bottom: 15%;    text-align: center;    line-height: 165px;    font-size: 50px;}
.proc-item .acirc:before { display:none;}
.proc-item label.main {    position: absolute;    z-index: 8888;    right: 0px;    cursor:pointer;    left: 0px;}
.proc-item label.main a {color:#000;}
.proc-item .acirc .fc-info {     line-height: 16px; height:16px; width:16px;}
.proc-item .acirc .fc-info img { width:16px; height:16px;margin:0px;}
.ambi {    float: left;    padding-top: 13px;    line-height: 20px;    margin-left: 40px;    width: 140px;}
.ambi em { display:block;border-radius:50%; -webkit-border-radius:50%;border:2px solid #cccccc;background: rgb(169,202,106);background: linear-gradient(90deg, rgba(169,202,106,1) 50%, rgba(235,5,7,1) 50%);width:50px;     height:50px;    margin-top: -5px;display:inline-block;    float: left;    margin-right: 10px;}
/* lang - switch */#lang-sw { position:fixed; right:1px; bottom:1px; z-index:4000; background:none; border-radius:50%; border:none;}
.swal-lang-sw h2 { font-size:20px; margin:10px 0px; color:#518FFF}
.swal-lang-sw .flag { background:#fdfdfd;border:1px solid #e3e3e3; width:100%; padding:10px; font-size:20px;}
.swal-lang-sw .flag:hover { background:#f2f2f2;}
.swal-lang-sw .flag a  { display:block; width:100%;color:#676767;}
.swal-lang-sw .swal-footer { min-height:85px;}
.swal-lang-sw .swal-footer .swal-button { width:150px;}
/* NICE SCROLL */     .get-nicer {       overflow: auto;       height: 280px;     }
          .nice-wrapper {}
          .nicescroll-rails {       background-color: rgb(51, 122, 183);     }
          .nicescroll-cursors {       border: none !important;       background-color: #000 !important;       border-radius:10px;     }
          .jumbotron {       padding-top: 80px;     }
/* DRAG KD6 */.kd6row { width: 350px; width:100%; direction:ltr;}
.kd6row .drg-cloned {     opacity: 0;}
.kd6row > label {     margin-top: 30px;  font-size:20px;width:130px; float:left;}
 .acirc .fc-info,.acirc .drg,.kd6row .drg {cursor:pointer; display:inline-block; width:40px; height:70px; z-index:1000}
.acirc .drg label,.kd6row .drg label {   width:70px; text-align: center;    font-size: 13px;overflow:hidden; color:#131313}
    .acirc .drg img,.kd6row .drg img{ width:100%; max-height:40px; height:auto;}
.kd6row .drg.ui-draggable.ui-draggable-handle.ui-draggable-dragging {    z-index: 4000;}
.kd6row.has-selection .drg ,.kd6row .drg.drg-other{opacity:0.75; }
.kd6row.has-selection .drg {filter: grayscale(100%);}
.kd6row .drg-drop {  z-index: 4000;}
.kd6row.has-selection .drg.drg-drop  { opacity:1;}
 /* DRAG CIRC */.acirc { width:550px; height:550px;position:relative;}
.acirc > div { position:absolute; border-radius:50%; -webkit-border-radius:50%;}
.acirc .layer1 { width:100%; height:100%; right:0px; left:0px; top:0px; bottom:0px; z-index:100;}
.acirc .layer2 { z-index:200;}
.acirc .layer3 { z-index:300;}
.acirc .layer4 { z-index:400;}
.acirc .layer5 { z-index:500;}
.acirc .layer6 { z-index:600;}
.container .buttonD {cursor:pointer;  color:#fff; padding:12px 40px; border:none; font-size:28px;border-radius:12px; -webkit-border-radius:12px;  opacity: 1;background-color: #F01642;}
.container .buttonD[disabled] { cursor:not-allowed;background:#D6D6D6}
.container .buttonB {cursor:pointer;  color:#fff; padding:12px 40px; border:none; font-size:28px;border-radius:12px; -webkit-border-radius:12px;  opacity: 1;background-color: #5187C6;}
.container .buttonB[disabled] { cursor:not-allowed;background:#5187C6}
/* CIRC-A addons */.acirc .fc-info {z-index:3000; width:48px; position:absolute;}
.acirc .fc-info img { width:48px; height:auto;}
.acirc .fc-info span { width: 48px;    display: block;    text-align: center;    font-size: 26px;    font-weight: normal;}
 /* 20 types of degs */.fc-info.deg-0 {          right: 120px;    top: -20px;}
.fc-info.deg-5 {    right: 128px;    top: -15px;}
    .fc-info.deg-10 {    right: 178px;    top: 4px;}
.fc-info.deg-15 {    right: 203px;    top: 25px;}
.fc-info.deg-20 {    right: 219px;    top: 70px;}
.fc-info.deg-25 {    right: 220px;    top: 100px;}
.fc-info.deg-30 {    top: 138px;    right: 225px;}
.fc-info.deg-35 {    top: 170px;    right: 200px;}
.fc-info.deg-40 {    top: 190px;    right: 180px;}
.fc-info.deg-45 {    top: 213px;    right: 131px;}
.fc-info.deg-50 {    right: 103px;    top: 218px;}
.fc-info.deg-55 {    top: 213px;    right: 74px;}
.fc-info.deg-60 {    right: 36px;    top: 200px;}
.fc-info.deg-65 {    right: 5px;    top: 171px;}
.fc-info.deg-70 {    top: 138px;    right: -5px;}
.fc-info.deg-75 {    right: -20px;    top: 100px;}
.fc-info.deg-80 {    right: -11px;    top: 70px;}
.fc-info.deg-85 {    right: 1px;    top: 34px;}
.fc-info.deg-90 {    top: -4px;    right: 44px;}
.fc-info.deg-95 {    top: -12px;    right: 73px;}
.acirc .fc-info.s-top span { margin-top: -80px;   }
.acirc .fc-info.s-left span {     margin-top: -40px;    margin-left: -42px;  }
.acirc .fc-info.s-right span {    margin-top: -40px;    margin-left: 42px;}
.acirc .fc-info.s-bottom span { margin-top: 0px;   }
   .acirc .fc-info .fc-tooltip {box-shadow: 4px 5px 5px #565656;-webkit-box-shadow:4px 5px 5px #565656;-webkit-transition: all 0.5s; /* Safari prior 6.1 */  transition: all 0.5s; opacity:0; transform:scale(0.4,0.4);-webkit-transform:scale(0.4,0.4);   background:#ffffff; padding:9px; font-size:18px; color:#000000; min-width:65px;margin-top: 10px; }
.acirc .fc-info.s-top .fc-tooltip { margin-top:50px;}
.acirc .fc-info.s-left .fc-tooltip { margin-left:-20px;}
.acirc .fc-info:hover .fc-tooltip ,.acirc .fc-info img:hover ~ .fc-tooltip ,.acirc .fc-info > span:hover  .fc-tooltip { opacity:1; transform:scale(1,1); -webkit-transform:scale(1,1);}
 /*HOME */.home-ais { margin:50px auto 0 auto; width:671px;}
.home-ais > div { text-align:center; width:335px; float: left;height:338px; overflow:hidden;}
.home-ais > div:nth-child(1) {border-bottom:1px solid #84C1F8; border-right:1px solid #84C1F8}
.home-ais > div:nth-child(2) {border-bottom:1px solid #84C1F8;}
.home-ais > div:nth-child(3) {border-right:1px solid #84C1F8}
 .home-ais > div img { display:block; margin:38px auto 30px auto; width:auto; height:193px;}
.home-ais > div a {    font-size: 28px;    color: #fff;    font-weight: 600;    max-width: 200px;    display: block;    margin:0 auto;    line-height: 30px;cursor:pointer;}
#giant-home-title { min-height:170px; color:#fff;padding-left:210px; margin-top:8vh; font-size:72px; background:url(/images/classes.png) no-repeat left top transparent;  background-size:auto 130px;}
#fix-create-class { font-style: italic; padding-top:30px; font-size:36px; position:fixed;color:#fff; z-index:1000; bottom:0px; background:#3DB1F7; border-bottom:30px solid #fff; right:0; left:0; min-width:100%; height:143px; text-align:center;}
#fix-create-class a {cursor:pointer; color:#fff;}
#fix-create-class b { font-style: normal; }
#fix-create-class b a {  text-decoration:underline;}
#fix-create-class a img {width:60px;display: inline-block;    margin-right: 20px;    margin-bottom: -20px;}
@media screen and ( max-height:600px) {    #fix-create-class { position:static;  bottom:auto;   right:auto;   ; left:auto;   ;  }
}
/* THE3-legend */#tbl .the3-legend h2 { padding-top:0px;padding-left:0px;}
#tbl .the3-legend h2 span{margin:50px 0 0 0;}
.the3-legend .the3 div {background:url(/images/blue-circ.png) no-repeat center top;color:#fff; width:92px; height:142px;display:block;font-size:34px;line-height:92px;text-align:center;    float: left; margin-right:34px; }
.the3-legend .the3 div label {line-height:30px; margin-top:10px; color:#343434; font-size:18px; display: block;}
/* MENU */#appnav-menu.opened ul {width:261px; display:block;  background:#fff; right:0px; top:88px; height:100vh;}
#appnav-menu.opened ul li {    padding:10px 20px;    text-align: left;    list-style-type: none; }
#appnav-menu.opened ul li.info {padding:0px; padding-bottom:10px;}
#appnav-menu.opened ul li a {color:#48B2F3; font-size:18px;}
#appnav-menu img { display:block;width:261px; margin:0px auto;}
#appnav-menu a img {cursor:pointer;    width: auto;    float: left;    position: absolute;    top: 10px;    left: 10px;}
/* IPHONE UPD */.this-i-phone   {  }
.ui-draggable, .ui-droppable {    -ms-touch-action: none;    touch-action: none;}
 @media (min-width:800px) and (max-width:1260px) {   body { zoom: 53%;}
     .container { width:1200px;}
}
  /*To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.*//*     Created on : 30-Jul-2019, 11:00:32    Author     : Oren*/@media screen and ( min-width:679px) {    }
@media screen and ( max-width:678px) {       }