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:right;direction:rtl;
        font-weight: 400;
        
}

.clear { clear:both;}
.centere { text-align:center;} 
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:right;direction:rtl;
}
/* containers */
.main-container {  padding-top:10px; padding-bottom: 50px; min-height:calc(100% - 116px); }
 .container img {max-width:100vw;}
 
 @media (min-width: 1300px){
.title, 	 
.container {
    width: 1250px;
}
}
 
 
.main-container > .main-section h1 { padding-right: 15px;
    padding-left: 15px;max-width: 1250px;margin-right: auto;
    margin-left: auto;font-size:20px; font-weight:bold; line-height:188%;}
 
 
 
p { margin-bottom:8px;}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

b, strong {
    font-weight: 600;
}


header {
    text-align: center;
}

header .logo img {
    height: 55px;    margin-top: 4px;
}

body.swal-shw-ev {}
body.swal-shw-ev .swal-overlay { display:none !important;}
.swal-overlay[class='swal-overlay'] { height:0px;}

.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-right: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-left:10px;}
.swal-content li {    text-align: right;    margin-right: 20px;    margin-left: 10px;}
.swal-content  .swal--c-content
.swal-content .swal--c-content {
    font-size: 20px;
    padding: 10px 0px;
}

.swal--c-content {
    max-height: calc(85vh - 40px);
    overflow: auto;
}

 













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-left: 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: right;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    background: #ECECEC;
    border: 4px solid #c4c4c4;
    outline: none;
}
input.ascheckbox:checked:before, input[type=checkbox]:checked:before {
     background: #518FFF;
  border: 1px solid #518FFF;outline: none;
}

 

 
 

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, left bottom, right 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: right;
    z-index: 300;
    margin-right: 10px;
    margin-left: -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: right;
    margin-top: 25px;
}
.swal-content .formitem label {
    display: block;
    text-align: right;
    width: 200px;
    margin: 0 auto;
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 20px;
    color: #474747;
}
.swal-content .formitem label small + small {display:none;}
.swal-content .formitem label small { font-size: 11px;
    color: red;
    float: left;
    display: inline-block;
    height: 24px;
    max-width: 100px;
    overflow: hidden;
    text-align: left;}
.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.formitem-file label {
    margin-bottom: 90px;
}
.swal-content .formitem.formitem-file {position:relative;}
.swal-content .formitem.formitem-file #afile:before {
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 100%;
    height: 30px;
    content: 'Upload file button';
    text-align: center;
    background: linear-gradient(90deg, #878787, #a4a4a4);
    border:1px solid #a4a4a4;
    color: #fff;
    line-height: 27px;
    cursor:pointer;
}

.swal-content .formitem.formitem-file:hover #afile:before,
.swal-content .formitem.formitem-file #afile:hover:before {
    background: linear-gradient(90deg, #a3a3a3, #c3c3c3);
    border:1px solid #a4a4a4;
}


.swal-content .formitem.formitem-file #afile.selected:after {
    content: "[[[file uploaded]]]";
    position: absolute;
    margin-top: 6px;
    background: transparent;
    color: #000;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
}


.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: left 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;
        }
   
 #circle-desc {float:left;position:absolute;    right: 0px; width:50%; display:block;}
.smiles3 { background:url(/images/smiles3.png) no-repeat right top; min-height:90px; min-width:130px; padding-right: 130px;
background-size: auto 90px;

}
nav #theprint { background:url(/images/print.png) no-repeat center center;}
nav #thehelp img {width:auto; float:right; }
nav #thehelp  { text-align: right; text-indent:15px; color:#3FA9F5; width:120px; line-height:36px;}
/* HEADER */
#goback { display:none;}
#header-spc { height:68px;}
header { height:68px; position:fixed; top:0px; left:0px; right:0px; z-index:10000; background:#fff;}
header .logo {    margin-top: 0px; float:right; margin-right:2%;}
#appnav-menu ul { display:none;}
header button { 
    position: relative;;
        border: none;padding: 0px;    margin-top: 13px;
        float:left; background:transparent; width:44px; height:42px;
        margin-left:2%;
}
.title { margin:0 auto; }
.title #printbtn ,
.title #goback {  cursor:pointer; margin-right:8px;   margin-top: 11px;float:left; display:block; background:#337ab7; color:#fff; padding:3px 10px; font-size:20px;}
.gn-page header,
.st-page header { border-bottom:2px solid #3DABF5}
.st-page .main-container > .main-section h1,
.st-page h1 {
    color: #3DABF5;
    font-size: 52px;
    line-height: 133%;
}

div.div-clear {
    width: 100% !important;
    clear: both  !important;
    border: none !important;
    height: 0px !important;
    padding: 0px;
    margin: 0px !important;
    min-height: 0px;
}

.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 right */

.hdr-s-content .right-nav {
    color: #3DABF5;
    margin: 0px auto;
    padding-top: 13px;
    float: none;
    max-width: 47vw;
    text-align: right;
    font-size: 18px;
    width: 900px;
}

.hdr-s-content .right-nav .m {cursor:pointer;}

 
.hdr-s-content .right-nav a { color:#3DABF5; font-size:20px;}
.hdr-s-content .right-nav .m img {margin-left:10px;     margin-bottom: -8px }
.hdr-s-content .right-nav .ml { margin-right:30px; padding-right:30px; border-right:1px solid #3DABF5;}

#classes-cnt {
    color: #fff;
    padding-bottom: 25px;
}
/* CLASSES */

.class-box { position:relative; background:#fff; width:260px; height:310px;height:360px; float:right; padding:20px; margin-left:26px;
border-radius:20px 0 20px  20px;
-webkit-border-radius:20px 0 20px  20px;
margin-bottom:32px;
}
.class-box h2 { color:#000000; font-size:26px;margin-bottom: 6px; font-weight:bold;}
.class-box h3 {
    color: #333333;
    font-size: 18px;
    background: url(/images/class_loc.png) no-repeat right top;
    padding-right: 23px;margin-top: 2px;
    height: 24px;margin-right: -2px;
    
}
.class-box .simp-mb {
    float: left;
    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: 260px;
    border-top: 1px solid #CACACA;
    margin-right: -20px;
    height: 12px;
}
.class-box .linx a  { cursor:pointer;display:block; height:50px; font-size:26px; color:#434343; clear:both; margin-left:-15px;}
.class-box .linx a img { margin-left:16px; float:Right; width:32px; height:auto;}

.class-box .linx a.long{
    font-size: 22px;
    line-height: 20px;
    height: 60px;
   }

p.linx.simp-menu {
    position: absolute;
    top: 28px;
    background: #fff;
    border: 1px solid #ccc;
    left: 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-right: 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-left: 7px;
}



/* ANALYZED ACIRCS */
.ancirc.acirc { 
	border-radius:50%;
	-webkit-border-radius:50%;margin:80px 0px 60px 0px;
margin-right:10px; width:250px ; height:250px; margin-right:100px;}

.ancirc.acirc .fc-info .fc-tooltip {
    font-size: 13px;
    padding: 4px;
}
.ancirc.acirc:before { display:none;}
.circ-r-wrap { float:right; width:50%; }
.circ-l-wrap { float:left; width:50%;  }

.acirc .layer6 {
    background: #fff;
    top: 15%;
    left: 15%;
    right: 15%;
    bottom: 15%;
    text-align: center;
    line-height: 165px;
    font-size: 50px;
}

.dbl-button,
.bl-button {
    background-color: #3A8FFC;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 14px;
    font-weight: 600;
    font-size: 13px;
    padding: 5px 13px;
    margin: 0;
    cursor: pointer;
}
.bl-button:hover,
.bl-button:focus,
.bl-button:active { color:#fff; opacity:0.94;}

/* SMALL PERSONAL MAP  */



.acirc .drg.bubble[data-relsum] label:before {
    background: #e26c5e;
    width: 9px;
    height: 14px;
    display: block;
    float: right;
    content: ' ';
    border-radius: 5px;
    position: absolute;
    right: -2px;
    top: 4px;
}

.acirc .drg.bubble[data-relsum='7'] label:before { display:none; }
.acirc .drg.bubble[data-relsum='6'] label:before { background:#F2CF4C;}
.acirc .drg.bubble[data-relsum='5'] label:before { background:#A8C96A;}
.acirc .drg.bubble[data-relsum='4'] label:before { background:#87D3DD;}
.acirc .drg.bubble[data-relsum='3'] label:before { background:#3FA9F5;}
.acirc .drg.bubble[data-relsum='2'] label:before { background:#CA7CB1;}
.acirc .drg.bubble[data-relsum='1'] label:before { background:#e26c5e;}

.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: right;
    margin-right: -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-right: 10px;
    width: 90px;
    height: 90px;
    margin-right: 5px;
}
  
.proc-item  .acirc .layer6 {
    background: #fff;
    top: 15%;
    left: 15%;
    right: 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;
    left: 0px;
    cursor:pointer;
    right: 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; padding:2px}

.ambi {
    float: right;
    padding-top: 13px;
    line-height: 20px;
    margin-right: 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: right;
    margin-left: 10px;
}

/* lang - switch */

#lang-sw { position:fixed; left:1px; cursor:pointer; bottom:1px; z-index:4000; background:none; border-radius:50%; border:none;}
.swal-lang-sw { position: absolute;
    bottom: 67px;
    left: 10px;
    max-width: 230px;
   }
.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: 0 !important;
     }
     
     .jumbotron {
       padding-top: 80px;
     }



/* DRAG KD6 */
.kd6row { user-select: none;-webkit-user-select: none;   -ms-user-select: none; width: 350px; width:100%; direction:rtl;}

#form .chkbox-wrp label {
    width: auto;
    max-width: none !important;
}
.kd6row .drg-cloned {     opacity: 0;}
.kd6row > label {     margin-top: 30px;  font-size:20px;width:130px; float:right;}
 .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; padding:4px;}
.acirc .drg button,
.kd6row .drg button { background:none; width:100%; max-height:40px; height:auto; border:none; padding:0px;}
 
.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%; left:0px; right: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 { padding:4px; 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 {          left: 120px;    top: -20px;}
.fc-info.deg-100 {          left: 90px;    top: -20px;}		
.fc-info.deg-5 {
    left: 128px;
    top: -15px;
}
    
.fc-info.deg-10 {
    left: 178px;
    top: 4px;
}
.fc-info.deg-15 {
    left: 203px;
    top: 25px;
}
.fc-info.deg-20 {
    left: 219px;
    top: 70px;
}

	
.fc-info.deg-25 {
    left: 220px;
    top: 100px;
}
.fc-info.deg-30 {    top: 138px;    left: 225px;}
.fc-info.deg-35 {
    top: 170px;
    left: 200px;
}
.fc-info.deg-40 {
    top: 190px;
    left: 180px;
}

.fc-info.deg-45 {
    top: 213px;
    left: 131px;
}
.fc-info.deg-50 {
    left: 103px;
    top: 218px;
}
.fc-info.deg-55 {
    top: 213px;
    left: 74px;
}
.fc-info.deg-60 {
    left: 36px;
    top: 200px;
}

.fc-info.deg-65 {
    left: 5px;
    top: 171px;
}
.fc-info.deg-70 {    top: 138px;    left: -5px;}
.fc-info.deg-75 {
    left: -20px;
    top: 100px;
}
.fc-info.deg-80 {
    left: -11px;
    top: 70px;
}
.fc-info.deg-85 {
    left: 1px;
    top: 34px;
}

.fc-info.deg-90 {
    top: -4px;
    left: 44px;
}
.fc-info.deg-95 {
    top: -12px;
    left: 73px;
}


.acirc .fc-info.s-top span { margin-top: -80px;   }
.acirc .fc-info.s-right span {     margin-top: -40px;    margin-right: -42px;  }
.acirc .fc-info.s-left span {    margin-top: -40px;    margin-right: 42px;}
.acirc .fc-info.s-bottom span { margin-top: 0px;   }   
.top5 .fc-tooltip,
#the3 .fc-tooltip,
#graph .fc-tooltip,
.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;
   min-width:75px;
 }
.acirc .fc-info.s-top .fc-tooltip { margin-top:50px;}
.acirc .fc-info.s-right .fc-tooltip { margin-right:-20px;}

.top5 .fc-tooltip { position:absolute;}

.acirc .fc-info:hover { z-index:4000;}
.top5 div:hover .fc-tooltip,
#the3 .col:hover .fc-tooltip,
#the3 .col .fc-tooltip:hover,
#graph .graphcol:hover .fc-tooltip,
#graph .graphcol.fc-tooltip:hover,
.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);} 





.circ-url {
    color: #3DABF5;
    border:1px solid #3DABF5;
    font-size: 20px;
    display:inline-block;
    min-width:150px;
    text-align:center;
    height:40px;
    padding-top:10px;
    border-radius:20px;
    -webkit-border-radius:20px;
}





.ans-kid-list span { display:inline-block; margin-left:10px;}
.ans-kid-list {
    float: right;    width: 90%;    clear: none;    margin-top: 0px;       text-align: right;    height: auto;    border-radius: 5px 5px 0px 0px;
}


/* custom form answer */

.mdl-cfrdata #the3 > div.wide6 { height:234px;}
.mdl-cfrdata #the3 > div { height:200px;}
.mdl-cfrdata #the3 .ggraph .col   { opacity:0.2; }
.mdl-cfrdata #the3 .ggraph .col.ks { opacity:1;}

.mdl-cfrdata #the3 .ggraph .col:hover .fc-tooltip { display:none !important;; opacity:0;}

.top5 div .fc-tooltip {
    right: 50px;
    z-index: 333;
    top: 7px;
    font-size: 14px;
    line-height: 70%;
}

.top5 div .fc-tooltip p {
    display: inline-block;
    width: 48%;
    min-width: 70px;
}







/*HOME */


.home-ais { margin:35px auto 0 auto; width:671px;}
.home-ais > div { text-align:center; width:335px; float: right;height:270px; overflow:hidden;}
.home-ais > div:nth-child(1) {border-bottom:1px solid #84C1F8; border-left:1px solid #84C1F8}
.home-ais > div:nth-child(2) {border-bottom:1px solid #84C1F8;}
.home-ais > div:nth-child(3) {border-left:1px solid #84C1F8} 
.home-ais > div img {
    display: block;
    margin: 28px auto 20px auto;
    width: auto;
    height: 153px;
}
.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:150px; color:#fff;padding-right:210px; margin-top:8vh; font-size:60px; background:url(/images/classes.png) no-repeat right 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; left:0; right: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-left: 20px;
    margin-bottom: -20px;}
@media screen and ( max-height:600px) {
    #fix-create-class { position:static;  bottom:auto;   left:auto;   ; right:auto;   ;  }
}



/* THE3-legend */
#tbl .the3-legend h2 { padding-top:0px;padding-right: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: right; margin-left: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; left:0px; top:68px; height:100vh;}

#appnav-menu.opened ul li {
    padding: 10px 20px;
    text-align: right;
    list-style-type: none; 
}
#appnav-menu.opened ul li.info {padding:0px; padding-bottom:10px;    height: 71px;
    overflow: hidden;}
#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: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
/* IPHONE UPD */
.this-i-phone   {  }


.ui-draggable, .ui-droppable {
    -ms-touch-action: none;
    touch-action: none;
}



.mdl-proc-float {   margin-top:30px; padding-top:10px;  float:right; width: 26%;}
.mdl-proc-float > p { font-weight:bold;}
.mdl-form  { float:right;   }
.mdl-pmap { float:right; width:100%; }
.mdl-da{ float:right; display:none; width:100%;}
.mdl-proc-float iframe,
.mdl-da iframe  {height: 900px; width:100% ; border:none;}
.mdl-frdata{ float:right; display:none; width:100%;}
.mdl-pfdata {  width:100%;float:right; display:none;     max-height: 100%;    overflow-y: auto; text-align:right;}
.mdl-pmap > p { line-height:25px;} 
 
.kform .z0 { font-weight:400; text-align:right;     margin: 2px 0px 31px; font-size:14px;}
.kform .z0 a {     margin-top: -10px;float:left; cursor:pointer;}
.kform .z1 {
    float: right;
    width: 25%;
    background: #F7F7F7;
    height: 160px;
    margin-top: -20px;
    padding-top: 30px;
}
.kform .z0 { text-align:center;}
.kform .z1 img { margin:20px 0px; width:50px;}
.kform .z2 {  height:115px; padding:0px 4%;   max-width: 210px; float:right; width:25%;}
.kform .z2 { display:none;}
.kform .z3 {  height:115px; padding:0px 4%;   max-width: 210px; float:right; width:25%;}
.kform .z4 { height:115px;   padding:0px 4%;  max-width: 210px; float:right; width:25%;}
.kform .z5 { clear:both; margin-top:30px; float:right; width:25%; text-align:right;}
.kform .z6 { margin-top:30px; float:right; width:75%; text-align:right;}
.kform .z6 .z6a { font-weight:normal; font-size:20px;}
.kform .z6 .z6a br {display:none;}
.kform .z6 .z6b { margin-top:20px;}
.kform .z6 .z6b span {
    display: inline-block;
    background: #F0F0F0;
    padding: 5px 10px;
    border-radius: 6px;
    margin-left: 10px;
    font-weight: normal;margin-bottom: 3px;
}
xx .kform .ans-n,
xx .kform .ans-y {
    font-size: 20px;
    padding-right: 40px;
    background: url(/images/yes.png?y=1) no-repeat right top transparent;
    width: 70px;
    margin: 0 auto;
    height: 34px;
    line-height: 33px;margin-top: 30px;
}
x .kform .ans-n {  background:url(/images/no.png?v=0) no-repeat right top transparent;}
 

 .completedInsBtn {
    margin-top: -60px;
    margin-bottom: 8px;
    width: 195px;
    text-align: center;
    line-height: 35px;
    float: left;
    background: transparent;
    color: #5090FF;
    font-size: 28px;
    border: none;
    background-color: #9600D4;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    color: #fff;
    max-width:70%;
    clear: both;
    margin: 20px auto;
    width: 100%;
}
.mdl-cfrdata .completedInsBtn,
.mdl-frdata .completedInsBtn {    float: none;
    max-width: 400px; }

.mdl-pmap {
     
    /* background: url(--LOGO-SRC--) no-repeat left top;*/
    background-size: auto 80px;
    
}
#st-insert-assistance {
      position: absolute;
    width: calc(100% - 50px);
    text-align: right;
    font-size: 89%;
    margin-top: 35px;
    right: 35px;
}
#cmap-calc-data td,
#cmap-calc-data {
    text-align: right;    padding: 0px 10px;
}
#cmap-calc-data td span.focus-kid { background:#3DABF5; color:#fff;}
#cmap-calc-data table td + td + td + td { display:none;}
#cmap-calc-data .size {display:none;}
#cmap-calc-data .size + td { font-weight:bold;}
#cmap-calc-data .size + td  {}

 


.mdl-frdata .top4 > div:after {
    clear: both;
    content: ' ';
    display: block;
}
.mdl-frdata .top4 > p {font-size: 15px; padding-bottom:10px; text-align: right;direction: rtl;}
.mdl-frdata .top4 > p select { font-size: 15px;margin-right:10px; margin-left:10px; background:#F6F6F6; border:none; border-radius:3px; display:inline-block;    padding: 2px 7px 2px 7px;
    border-right: 4px solid #f6f6f6;
    border-left: 4px solid #f6f6f6;}
.mdl-frdata .top4 .top4q.z6,
.mdl-frdata .top4 .top4q {
    font-size: 16px;
    background: #FBFBFB;
    min-height: 35px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding-right: 10px;
    padding: 0px 3px 10px 5px;
    width: 22%;
    display: inline-block;
    height: 170px;
    padding-top: 60px;
    text-align: center;
    font-weight: bold;
    margin-top:0px;
        overflow: hidden;
        float:none;
}
.mdl-frdata .top4 .top4q + .top4q {
    margin-right: 2%;
}
.mdl-frdata .top4 .z1.top4q img {
    width: 28px;
}

.mdl-frdata .top4 .top4q.z6.am-1 {
    padding-top: 25px;
}



.mdl-frdata .kform .ans-n, .mdl-frdata .kform .ans-y {
    float:none; display:inline-block;
}

.mdl-frdata .top4 .top4q .ans-y, .mdl-frdata .top4 .top4q .ans-n {
    padding-top: 0;
    display: block;
    clear: both;
    margin-top: 10px;
    width:50px;
        font-size: 15px;
}



.ppl-row3 { clear:Both;padding-top:10px;  padding-bottom:10px;}
.ppl-row3 img { max-width:35px;}
.ppl-row3 div { text-align:center; width:32.4%; display:block; float:right;; font-size:15px; line-height:33px;}
.ppl-row3.row3-hdr div {font-size:13px; font-weight:600;   height:20px; overflow:hidden; line-height:20px;}
.ppl-row3 div:nth-child(1) { text-align:right;}
.ppl-row3 div:nth-child(1) img {float:right; margin-left:6px;}
.ppl-row3 div:nth-child(2) img { max-width:30px;}
.ans-kid-list:after {
    content: ' ';
    display: block;
    clear: both;
}
.mdl-frdata .kform .z2z5 { width: 100%;}
.mdl-frdata .kform .z2z5 td{ width: 50%;}
.mdl-frdata .kform .z2 {
   
    margin-top: 3px;
    
    width: 100%;
    max-width: 100%;
    text-align: right; height: 90px;
    border-radius:0 0 5px 5px;
    display:block;
}


.mdl-frdata .kform .z2 p{
    font-size: 20px;
    font-weight:bold;
}
.mdl-frdata .kform .z5 {
    
    margin-top: 3px;
    width: 100%;
    max-width: 100%;
    text-align: right; height: 90px;
    border-radius:0 0 5px 5px;
}


.mdl-frdata .kform .z5 p{
    font-size: 20px;
    font-weight:bold;
}

xxx .mdl-frdata .kform .z6 {
    clear: none;
    margin-top: 3px;
    float: right;
    width: 75%;
    text-align: right;
        height: 90px;
        border-radius:5px 5px 0px 0px;
}
.mdl-frdata .top4 .clear {display:none;}


#graph .accor { border:1px solid #d3d3d3; border-radius:5px;  ;}
  #graph .accor h3 {font-weight:bold; line-height:30px; padding:0 15px; border-bottom:1px solid #d3d3d3; margin-bottom:5px;}
  #graph .accor img { width:28px; float:right; margin:0px 10px;}
  #graph .accor p { padding:2px 10px;}
    #graph .accor label { cursor:pointer; line-height:26px;}
  #graph .accor input[type=checkbox] {    margin-left:10px;  float: right;transform: scale(2);}
  #graph .accor input:before {    border: none; background-color:transparent;}
  #graph .accor input:checked:before {  transform: scale(0.5);  background:url(/images/bcheck.png) no-repeat right center transparent;}
    #graph .accor input:checked + label { font-weight:bold;}
    #graph .drop-d {
        cursor:pointer;
    background: url(/images/dropd.png) no-repeat right center transparent;
    display: inline-block;
    float: left;
    width: 20px;
    height: 30px;
    background-size: 17px auto;
    display:none;
}


#tch-selector {
    position: fixed;
    top: 80px;
    left: 10px;
    background: #ef8c8c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    z-index: 3000;
    width: 120px;
    height: 40px;
    padding: 7px 7px 0px 7px;
}
#tch-selector select {
    width: 100%;
    background: #ffffff;
    border: none;
    border-radius: 3px;
}

#tbl .rbox {   margin-bottom:30px; width:30%; margin-right:1.5%; margin-left:1.5%; float:right;  }
#tbl .rbox .innerbox {  border: 2px solid #F3F7F9;  background:#F3F7F9; border-radius:8px; padding-bottom:20px;}
#tbl .rbox .innerbox + p { line-height:33px; font-size:12px; padding:0px 5px;}
#tbl .rbox.hid { display:none;}
#tbl .rbox h2 { font-size:24px; font-weight: bold; text-align:center; display:block;} /* NAME */
#tbl .rbox h3 { font-size:14px;  text-align:center; display:block;  display:none;} /* NAME */
#tbl .rbox .top5 {margin-top:2px; background:#fff; padding:15px 8px; direction:rtl; text-align:right;}
#tbl .rbox .top4 {display:none; margin-top:15px; background:#fff; padding:15px 3px; direction:ltr; text-align:right; font-size:15px;}
#tbl .rbox .top3 {margin-top:15px; background:#fff; padding:15px 0; direction:ltr; text-align:center;}
.mdl-form { text-align:right;}
.mdl-form > span,
 #tbl .rbox .top4 > span { text-align:right; display:block; direction:rtl}
#tbl .rbox .top4 > div {
    background: #F3F7F9;
    margin: 4px 10px;
    padding: 6px 0px; border-radius:4px;
    direction:rtl;text-align: right;
}
#tbl .rbox .top6,
#tbl .rbox .top7,
#tbl .rbox .top5 ,
#tbl .rbox .top4 {
    margin-top:1px; background:#fff; padding:15px 8px; direction:ltr; text-align:right; font-size:15px;
}
 
#tbl .rbox .top4 .smtitle,
#tbl .rbox .top6 .smtitle,
#tbl .rbox .top7 .smtitle,
#tbl .rbox .top5 .smtitle {color:#010101; font-weight:Bold; font-size:16px; display:block; margin-bottom:5px; direction:rtl;}
#tbl .rbox .top5 div[y] {position:relative; padding:0px; color:#688453;   font-weight:Bold;  font-size:15px;}
#tbl .rbox .top5 div[r] {position:relative; padding:0px; color:#E64147;   font-weight:Bold ; font-size:15px;}
#tbl .rbox .top5 div[c] {position:relative; padding:0px; color:#E4C350; font-weight:Bold ; font-size:15px;}
#tbl .rbox .top3 span {
    width: 15%;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
}
    
span.chkbox-wrp.big-wrp { width:100%;}
#tbl .rbox .top p {font-size:12px; padding-right:6px;}
#tbl .rbox .top img {
    height: 37px;
    /* display: block; */
    margin-right: 20px;
    border-radius: 50%;
    box-shadow: 2px 3px 3px rgba(122,122,122,0.3);
    margin-top: 6px;
    margin-bottom: 7px;
}
#tbl .rbox.wclear { clear:both;}
#tbl .rbox .top2 { cursor:pointer;}
#tbl .rbox .top2 img  { height:80px; display:block; margin:-54px auto 9px auto;}
#tbl .rbox .top3 img  { max-width:65%;}
#tbl .rbox .top7 font,
#tbl .rbox .top6 font {     direction: rtl; display:inline-block; margin-left:10px; text-align:right;}
#tbl .rbox .top7 font img,
#tbl .rbox .top6 font img { display: inline-block;
    width: 16px;
    height: auto;
    margin-left: 2px;
    float: right;}
.top4 { font-size:12px; }
.kform.top4 >div ,
.rbox .kform > div {  padding-top:12px; padding-right:3px;}
 .kform .ans-n,  .kform .ans-y {
    font-size:12px;
    padding-right: 22px;
    background: url(/images/yes.png?y=2) no-repeat right top transparent;
    width: 40px;
    margin: 0 auto;
    height: 24px;
    line-height: 23px;
    font-weight:bold;
    display: inline-block;
    float: left;
    background-size: 24px auto;
        margin-top: -3px;
}


 .kform .ans-n {
    background: url(/images/no.png?y=2) no-repeat right top transparent;
     background-size: 24px auto;
}


.ancirc.acirc{
}


.reclnk{  text-align: center; overflow: hidden; height: 280px;display:inline-block; width:220px; background:#dae3f4; color:#416194; font-size:19px; line-height:133%; margin:20px;

border:2px solid #D4D4D4;
border-radius:6px;
-webkit-border-radius:6px;

}
.reclnk span {background:#fff; display:block;}
.reclnk a span:nth-child(2) {height:70px;  color:#000; display:block;}
.reclnk a span:nth-child(3) {
    height: 35px;
    background: #F4F7FC;
    color: #5B7EC7;
    line-height: 32px;
    text-decoration: underline;
}
.reclnk img {max-width:100%; height:170px;background:#fff; }

.ltr-lo .mdl-frdata .top4 > p {  text-align: left;direction: ltr;}


.ltr-lo .reclnk  { height:285px;}

.ltr-lo .reclnk a span:nth-child(2) {
    font-size: 16px;
    line-height: 23px;
}
.ltr-lo .covdata-map #the3 > div > span {
    display: none;
}
 
.ltr-lo .longer.fc-tooltip.fc-full-mdl {
    height: 70px;
    padding-top: 0px !important;
    font-size: 13px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


span.qm-info {
    display: inline-block;
    background: #AEAEAE;
    margin: 0px 6px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    line-height: 17px;
    color: #fff;
    font-family: arial;
    float: none;
    cursor:pointer;
}
#info-active { position:fixed;
    z-index:200000;
    background:#ffffff;
    box-shadow: 1px 1px #c3c3c3;
    padding:20px;
    border:1px solid #d3d3d3;
    color:#000;font-size:17px; text-align: right;direction:rtl;
}
 
.mdl-form,
.mdl-proc {
    border: 2px solid #F3F7F9;
    background: #F3F7F9;
    border-radius: 8px;
    padding-bottom: 20px;
    width:100%;
}
 .mdl-proc {  border-radius: 8px 8px 0 0 ; }
 .mdl-form {  padding:0px; border-radius:0 0 8px 8px   ; }
 .mdl-form .kform { padding: 3px; background:#fff;}
.mdl-form .kform .ans-n,  .kform .ans-y { float:right;}
.kform.top4 >div, .rbox .kform > div {text-align:right;}
#qgsearch , #qsearch { font-size:14px; margin:10px auto; width:80%; display:block;}

 
@media (min-width:800px) and (max-width:1260px) {
   
    .title , .container { width:1200px;}
}
  

@media print {
    .title #printbtn, .title #goback,
    .hdr-s-content .right-nav{ display:none;}
}