html {width:100%;height:100%} body {height:1800px;width:880px} .app-viewport {position:absolute;top:0;bottom:0;width:100%} html{background:#eeeeee}body{background:rgba(255,255,255,0);position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto}p,h1,h2,h3,h4,h5,h6{overflow:hidden}a:focus,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:0}.nav,.pagination,.carousel,.panel-title a{cursor:pointer}.modal{overflow:auto}.modal-dialog{margin-top:0;margin-bottom:0;padding-top:10px}.modal-content{overflow:hidden}.modal-backdrop{opacity:.5}.pagination{margin:0}.input-group-btn{vertical-align:top}.input-group-btn>.btn{height:100%}.input-group>.form-control{height:100%}.input-group{padding:0}.neocheckbox [type="checkbox"]:not(:checked),.neocheckbox [type="checkbox"]:checked{position:absolute;left:-9999px}.neocheckbox [type="checkbox"]:not(:checked) + label,.neocheckbox [type="checkbox"]:checked + label{position:relative;padding-left:1.95em;cursor:pointer}.neocheckbox [type="checkbox"]:not(:checked) + label:before,.neocheckbox [type="checkbox"]:checked + label:before{content:'';position:absolute;left:0;top:0;width:1.25em;height:1.25em;border:0.15em solid #aaa;background:#fff;border-radius:4px}.neocheckbox [type="checkbox"]:not(:checked) + label:after,.neocheckbox [type="checkbox"]:checked + label:after{content:"✓";position:absolute;top:.2em;left:.2em;font-size:1.1em;line-height:0.8;color:#444444;transition:all .2s;font-family:'Lucida Sans Unicode','Arial Unicode MS',Arial}.neocheckbox [type="checkbox"]:not(:checked) + label:after{opacity:0;transform:scale(0)}.neocheckbox [type="checkbox"]:checked + label:after{opacity:1;transform:scale(1)}.neocheckbox [type="checkbox"]:disabled:not(:checked) + label:before,.neocheckbox [type="checkbox"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}.neocheckbox [type="checkbox"]:disabled:checked + label:after{color:#999}.neocheckbox [type="checkbox"]:disabled + label{color:#aaa}.neocheckbox label:hover:before{border:0.15em solid #888!important}.neoradio [type="radio"]:not(:checked),.neoradio [type="radio"]:checked{position:absolute;left:-9999px}.neoradio [type="radio"]:not(:checked) + label,.neoradio [type="radio"]:checked + label{position:relative;padding-left:1.95em;cursor:pointer}.neoradio [type="radio"]:not(:checked) + label:before,.neoradio [type="radio"]:checked + label:before{content:'';position:absolute;left:0;top:0;width:1.25em;height:1.25em;border:0.15em solid #aaa;background:#fff;border-radius:100px}.neoradio [type="radio"]:not(:checked) + label:after,.neoradio [type="radio"]:checked + label:after{content:"✓";position:absolute;top:.2em;left:.2em;font-size:1.1em;line-height:0.8;color:#444444;transition:all .2s;font-family:'Lucida Sans Unicode','Arial Unicode MS',Arial}.neoradio [type="radio"]:not(:checked) + label:after{opacity:0;transform:scale(0)}.neoradio [type="radio"]:checked + label:after{opacity:1;transform:scale(1)}.neoradio [type="radio"]:disabled:not(:checked) + label:before,.neoradio [type="radio"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}.neoradio [type="radio"]:disabled:checked + label:after{color:#999}.neoradio [type="radio"]:disabled + label{color:#aaa}.neoradio label:hover:before{border:0.15em solid #888!important}.container{position:relative!important;min-height:30px;width:100%!important;height:auto!important;top:auto!important;left:auto!important}.row{position:relative!important;min-height:30px;width:100%!important;height:auto!important;top:auto!important;left:auto!important;padding:10px}.flow{position:relative!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;min-width:15px;min-height:15px}.col,[class*="col-"]{position:relative!important;min-height:30px;height:auto!important;top:auto!important;left:auto!important;padding:5px}.neo-top-right{top:0px!important;right:0px;left:auto!important}.neo-bottom-right{bottom:0px!important;top:auto!important;right:0px;left:auto!important}.neo-top-left{top:0px!important;left:0px!important}.neo-bottom-left{bottom:0px!important;top:auto!important;right:auto;left:0px!important}.neo-top-center{top:0px!important;left:0px!important;right:0px!important;margin:auto!important}.neo-bottom-center{bottom:0px!important;top:auto!important;right:0px!important;left:0px!important;margin:auto!important}.neo-middle-center{top:0px!important;left:0px!important;right:0px!important;bottom:0px!important;margin:auto!important}.neo-middle-left{top:0px!important;left:0px!important;right:auto!important;bottom:0px!important;margin:auto!important}.neo-middle-right{top:0px!important;left:auto!important;right:0px!important;bottom:0px!important;margin:auto!important} #loginPage {position:relative;width:100%;height:100%;overflow:auto;;background-color:#e9e9e9} #Container57 {position:absolute;left:0px;top:0px;width:840px;height:221px;margin:0;background-color:#709ac0;border-radius:0% 60% 45% 0% / 10% 0% 100% 70%;overflow-x:hidden;overflow-y:hidden} #Login {position:absolute;left:358px;top:59px;width:381px;height:455px;margin:0;background-color:#fff;border-radius:20px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);overflow-x:hidden;overflow-y:hidden} #Container53 {position:absolute;left:37px;top:203px;width:300px;height:60px;margin:0;background-color:#fff;overflow-y:visible;overflow-x:hidden} #Container54 {position:absolute;left:37px;top:135px;width:300px;height:60px;margin:0;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Image2 {position:absolute;left:102px;top:15px;width:177px;height:99px;margin:0;} #Container55 {position:absolute;left:189px;top:274px;width:147px;height:25px;margin:0;color:gray;font-weight:bold;text-align:right;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container56 {position:absolute;left:46px;top:323px;width:281px;height:48px;margin:0;color:white;font-size:14pt;font-weight:bold;background-color:#709ac0;border-color:#709ac0;border-radius:25px;border-style:solid;border-width:1px;transition:all 0.3s ease 0s;overflow-x:hidden;overflow-y:hidden} #Container56:hover {color:#709ac0;background-color:white} #Quill {position:relative;width:100%;height:100%;overflow:auto;;background-color:white} #Container352 {position:absolute;left:639px;top:10px;width:116px;height:41px;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden} #mypdf {position:relative;width:100%;height:100px;background-color:#fff;transition:all 1s ease 0s;overflow-x:hidden;overflow-y:hidden} #Container9 {position:absolute;left:43px;top:118px;width:85px;height:39px;margin:0;background-color:rgba(0,0,0,0.33);border-radius:50px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #renderplate {position:relative;width:90%;height:100px;margin:0 0 0 5%;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container19 {position:relative;width:94%;height:90%;margin:0 5px 0 0;;overflow-x:hidden;overflow-y:hidden} #output {position:relative;width:98%;height:50%;margin:0 0 0 1%;direction:rtl;background-color:#D3F3FF;padding-right:5px;padding-top:5px;overflow-x:hidden;overflow-y:hidden} #Container21 {position:relative;width:98%;height:50%;margin:0 0 0 1%;background-color:#D3F3FF;overflow-x:hidden;overflow-y:hidden} #answer4 {position:relative;width:24%;height:90%;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden} #answer3 {position:relative;width:24%;height:90%;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden} #answer2 {position:relative;width:24%;height:90%;border-right:1px solid gray;overflow-x:hidden;overflow-y:hidden} #answer1 {position:relative;width:24%;height:90%;;overflow-x:hidden;overflow-y:hidden} #Container18 {position:absolute;left:12px;top:5px;width:25px;height:25px;margin:0;color:white;font-size:13pt;background-color:rgba(0,0,0,0.61);border-radius:100%;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #circle {position:absolute;left:745px;top:38px;width:25px;height:25px;margin:0;background-color:rgba(224,224,224,0.65);border-radius:100%;border-style:solid;border-width:1px;transition:all 0.3s ease 0s;overflow-x:hidden;overflow-y:hidden} #circle:hover {background-color:#B7FFFC} #SVGicon2 {position:absolute;left:4px;top:4px;width:15px;height:14px;margin:0;fill:#A8A8A8;stroke:black;stroke-width:1px;transition:all 0.2s ease 0s} #Container1 {position:relative;width:100%;height:60px;background-color:#fff;border-width:1px;overflow-y:auto;overflow-x:hidden} #Container27 {position:relative;width:91px;height:40px;color:white;background-color:#709ac0;border-color:#709ac0;border-radius:10px 0px 0px 10px;border-style:solid;border-width:1px;cursor:pointer;transition:all 0.2s ease 0s;overflow-x:hidden;overflow-y:hidden} #Container27:hover {color:#709ac0;background-color:white} #Container2 {position:relative;width:300px;height:50px;margin:0 10px;overflow-x:visible;overflow-y:visible} #mybutton {position:relative;width:91px;height:40px;color:white;background-color:#709ac0;border-color:#709ac0;border-radius:0px 10px 10px 0px;border-style:solid;border-width:1px;cursor:pointer;transition:all 0.2s ease 0s;overflow-x:hidden;overflow-y:hidden} #mybutton:hover {color:#709ac0;background-color:white} #copy1 {position:absolute;left:401px;top:10px;width:94px;height:30px;margin:0;color:white;background-color:rgba(255,87,56,0.67);border-radius:5px;overflow-x:hidden;overflow-y:hidden} #Container3 {position:relative;width:90%;height:200px;margin:0 0 0 5%;;overflow-x:hidden;overflow-y:hidden} #Container4 {position:relative;width:46%;height:90%;margin:0 5px 0 0;background-color:#fff;overflow-x:visible;overflow-y:visible} #Container6 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #a {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #aa {position:relative;float:right;width:88%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container8 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #b {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #bb {position:relative;float:right;width:88%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container10 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #c {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #cc {position:relative;float:right;width:88%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container12 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #d {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #dd {position:relative;float:right;width:88%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container5 {position:relative;width:48%;height:90%;margin:0 0 0 5px;;overflow-x:hidden;overflow-y:hidden} #Container14 {position:relative;width:96%;height:70%;margin:6px 0 0 2%;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container15 {position:relative;float:right;width:12%;height:100%;color:white;font-family:my-font-san;font-size:12pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;overflow-x:hidden;overflow-y:hidden} #SVGicon1 {position:absolute;left:11px;top:9px;width:26px;height:28px;margin:0;fill:white;stroke:black;stroke-width:1px} #SVGicon1:hover {fill:#E0E0E0} #Container11 {position:absolute;left:7px;top:94px;width:28px;height:25px;margin:0;;overflow-x:hidden;overflow-y:hidden} #input {position:relative;float:right;width:86%;height:100%;direction:rtl;font-size:12pt;border-radius:0px} #Container16 {position:relative;width:96%;height:21%;margin:6px 0 0 2%;overflow-x:visible;overflow-y:visible} #Container79 {position:relative;width:70px;height:27px;margin:0 10px 0 0;background-color:#fff;border-color:#E4E4E4;border-radius:5px;border-style:solid;border-width:1px;cursor:default;overflow-x:hidden;overflow-y:hidden} #Container79:hover {color:#0392CE;border-color:#0392CE} #Container17 {position:relative;width:91px;height:40px;color:white;background-color:#709ac0;border-color:#709ac0;border-radius:10px 0px 0px 10px;border-style:solid;border-width:1px;cursor:pointer;transition:all 0.2s ease 0s;overflow-x:hidden;overflow-y:hidden} #Container17:hover {color:#709ac0;background-color:white} #copyadd {position:relative;width:91px;height:40px;margin:0 0 0 10px;color:white;background-color:#FD5308;border-color:#FD5308;border-radius:0px 10px 10px 0px;border-style:solid;border-width:1px;cursor:pointer;transition:all 0.2s ease 0s;overflow-x:hidden;overflow-y:hidden} #copyadd:hover {background-color:#FE2712} #Container80 {position:relative;width:70px;height:27px;margin:0 0 0 10px;background-color:#fff;border-color:#E4E4E4;border-radius:5px;border-style:solid;border-width:1px;cursor:default;overflow-x:hidden;overflow-y:hidden} #Container80:hover {color:#0392CE;border-color:#0392CE} #copy2 {position:absolute;left:111px;top:51px;width:100px;height:39px;margin:0;color:white;background-color:rgba(0,255,0,0.67);border-radius:5px;overflow-x:hidden;overflow-y:hidden} #not1 {position:absolute;left:293px;top:377px;width:215px;height:25px;margin:0;color:white;font-family:my-font-san;background-color:rgba(47,47,0,0.96);border-radius:5px;overflow-x:hidden;overflow-y:hidden} #tableQuestion {position:relative;width:90%;height:500px;margin:0 0 0 5%;font-family:my-font-san;font-size:8pt;border-bottom:1px solid gray;overflow-y:auto;overflow-x:hidden} #Container60 {position:relative;width:90%;height:60px;margin:0 0 0 5%;font-family:my-font-san;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #join {position:relative;width:156px;height:40px;margin:0 10px 0 0;color:white;background-color:#FD5308;border-radius:10px 0px 0px 10px;overflow-x:hidden;overflow-y:hidden} #join:hover {background-color:#5b8ab5} #readbutton {position:relative;width:100px;height:40px;margin:0 10px 0 0;color:white;background-color:#709ac0;border-radius:10px 0px 0px 10px;overflow-x:hidden;overflow-y:hidden} #readbutton:hover {background-color:#5b8ab5} #PushButton3 {position:relative;width:134px;height:40px;margin:0 0px 0 0;color:white;background-color:#709ac0;border-radius:10px 0px 0px 10px;overflow-x:hidden;overflow-y:hidden} #PushButton3:hover {background-color:#5b8ab5} #SVGicon3 {position:absolute;left:85px;top:-168px;width:104px;height:82px;margin:0;stroke:black;stroke-width:1px;fill:#A8A8A8} #Container48 {position:relative;width:90%;height:23px;margin:0 0 10px 5%;color:#707070;direction:rtl;font-family:my-font-san;background-color:rgba(224,224,224,0.67);padding-right:10px;overflow-x:hidden;overflow-y:hidden} #QuestionTable {position:relative;width:90%;height:400px;margin:0 0 0 5%;font-size:8pt;background-color:#fff;border-bottom:1px solid gray;border-width:1px;overflow-x:auto;overflow-y:auto} #dots {position:absolute;left:65px;top:148px;width:103px;height:28px;margin:0;} #Container58 {position:relative;width:90%;height:60px;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container64 {position:relative;width:134px;height:40px;color:white;font-family:my-font-san;background-color:#FF446B;border-radius:10px 0px 0px 10px;overflow-x:hidden;overflow-y:hidden} #Container64:hover {background-color:#5b8ab5} #joinedQuestion {position:relative;width:387px;height:23px;margin:0 0 0 5%;color:#707070;direction:rtl;font-family:my-font-san;font-size:9pt;background-color:rgba(224,224,224,0.67);border-radius:5px;padding-right:10px;overflow-x:hidden;overflow-y:hidden} #send {position:relative;width:167px;height:40px;color:white;font-family:my-font-san;background-color:#f9bb0d;border-radius:10px 0px 0px 10px;overflow-x:hidden;overflow-y:hidden} #send:hover {background-color:#5b8ab5} #not2 {position:absolute;left:314px;top:1092px;width:215px;height:25px;margin:0;color:white;font-family:my-font-san;background-color:rgba(47,47,0,0.96);border-radius:5px;overflow-x:hidden;overflow-y:hidden} #editBox {position:absolute;left:96px;top:998px;width:562px;height:316px;margin:0;background-color:#fff;border-color:#0392CE;border-style:solid;border-width:2px;overflow-x:hidden;overflow-y:hidden} #hand1 {position:relative;width:60%;height:35px;margin:0 0 10px 20%;background-color:#0392CE;border-radius:0px 0px 15px 15px;overflow-x:hidden;overflow-y:hidden} #delete {position:absolute;left:;top:;width:85px;height:25px;margin:0;color:white;border-radius:0px 10px 10px 0px;cursor:auto;overflow-x:hidden;overflow-y:hidden} #delete:hover {color:#FE2712;background-color:white} #Container72 {position:absolute;left:95px;top:5px;width:96px;height:25px;margin:0;color:white;direction:rtl;border-radius:10px;overflow-x:hidden;overflow-y:hidden} #Container65 {position:relative;width:54%;height:200px;margin:0 0 0 2%;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container69 {position:relative;width:100%;height:21%;margin:0px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #a1 {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #TextArea2 {position:relative;float:right;width:86%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container71 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #b1 {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #TextArea3 {position:relative;float:right;width:86%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container73 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #c1 {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #TextArea4 {position:relative;float:right;width:86%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container75 {position:relative;width:100%;height:21%;margin:6px 0 0 1%;background-color:#fff;overflow-x:visible;overflow-y:visible} #d1 {position:relative;float:right;width:12%;height:100%;color:white;font-size:16pt;background-color:#709ac0;border-radius:0px 10px 10px 0px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #TextArea5 {position:relative;float:right;width:86%;height:100%;direction:rtl;font-size:11pt;border-radius:0px} #Container66 {position:relative;width:42%;height:194px;margin:0 0 0 2%;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #TextArea1 {position:relative;width:95%;height:143px;direction:rtl;font-size:12pt;border-radius:0px} #Container63 {position:relative;width:90%;height:21%;margin:6px 0 0 2%;overflow-x:visible;overflow-y:visible} #Container68 {position:relative;width:91px;height:40px;margin:0 0 0 10px;color:white;background-color:#709ac0;border-color:#709ac0;border-radius:10px 0px 0px 10px;border-style:solid;border-width:1px;cursor:pointer;transition:all 0.2s ease 0s;overflow-x:hidden;overflow-y:hidden} #Container68:hover {color:#709ac0;background-color:white} #Container70 {position:relative;width:91px;height:40px;margin:0 0 0 10px;color:white;background-color:#FD5308;border-color:#FD5308;border-radius:0px 10px 10px 0px;border-style:solid;border-width:1px;cursor:pointer;transition:all 0.2s ease 0s;overflow-x:hidden;overflow-y:hidden} #Container70:hover {background-color:#FE2712} #Container67 {position:absolute;left:;top:;width:25px;height:25px;margin:0;color:white;font-size:13pt;background-color:rgba(0,0,0,0.61);border-radius:100%;cursor:pointer;max-height:25px;max-width:25px;min-height:25px;min-width:25px;overflow-x:hidden;overflow-y:hidden} #excel {position:absolute;left:283px;top:126px;width:320px;height:284px;margin:0;background-color:#fff;border-color:#0392CE;border-radius:10px;border-style:solid;border-width:2px;cursor:default;overflow-x:hidden;overflow-y:hidden} #close3 {position:absolute;left:;top:;width:40px;height:37px;margin:0;border-radius:10px;overflow-x:hidden;overflow-y:hidden} #close3:hover {background-color:#F1F1F1} #Container47 {position:absolute;left:28px;top:52px;width:220px;height:61px;margin:0;;overflow-x:hidden;overflow-y:hidden} #Container59 {position:relative;width:60px;height:40px;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #myArea {position:relative;width:241px;height:40px;margin:5px 0 0 0;border-radius:0px} #Container76 {position:absolute;left:82px;top:199px;width:152px;height:42px;margin:0;color:white;background-color:#0392CE;border-radius:10px;overflow-x:hidden;overflow-y:hidden} #Container76:hover {background-color:#006ce2} #Container77 {position:absolute;left:56px;top:110px;width:220px;height:62px;margin:0;color:gray;padding-top:10px;overflow-x:hidden;overflow-y:hidden} #hand2 {position:absolute;left:48px;top:-1px;width:198px;height:25px;margin:0;background-color:#0392CE;border-radius:0px 0px 20px 20px;overflow-x:hidden;overflow-y:hidden} #Container78 {position:absolute;left:-213px;top:21px;width:134px;height:77px;margin:0;border-width:1px;border-style:solid;background-color:#fff;;overflow-x:hidden;overflow-y:hidden} #myfileButton {position:absolute;left:0px;top:0px;width:100px;height:45px;margin:0;} #math {position:absolute;left:132px;top:172px;width:537px;height:361px;margin:0;background-color:#fff;border-color:#0392CE;border-style:solid;border-width:2px;overflow-x:hidden;overflow-y:hidden} #Container20 {position:relative;width:401px;height:70px;margin:5px 0 0 2%;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container25 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container13 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container28 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container29 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container30 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container31 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container43 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container44 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container45 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container46 {position:relative;width:60px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container22 {position:relative;width:512px;height:46%;margin:6px 0 6px 2%;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #myformula {position:relative;width:50%;height:90%;margin:0px 0 0 0;font-family:10pt;text-align:left;border-color:#E0E0E0;border-radius:0px} #formula {position:relative;width:45%;height:90%;margin:0px 0 0 5px;font-size:10pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden} #Container49 {position:absolute;left:237px;top:13px;width:25px;height:25px;margin:0;color:white;font-size:13pt;background-color:rgba(0,0,0,0.61);border-radius:100%;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container50 {position:absolute;left:215px;top:127px;width:47px;height:25px;margin:0;color:white;font-size:9pt;background-color:rgba(254,39,18,0.61);border-radius:5px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container24 {position:relative;width:96%;height:20%;margin:0 0 0 2%;background-color:#fff;overflow-x:visible;overflow-y:visible} #Container32 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container32:hover {font-size:11pt} #Container34 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container34:hover {font-size:11pt} #Container35 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container35:hover {font-size:11pt} #Container36 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container36:hover {font-size:11pt} #Container37 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container37:hover {font-size:11pt} #Container38 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container38:hover {font-size:11pt} #Container39 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container39:hover {font-size:11pt} #Container40 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container40:hover {font-size:11pt} #Container41 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container41:hover {font-size:11pt} #Container90 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container90:hover {font-size:11pt} #Container91 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container91:hover {font-size:11pt} #Container92 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container92:hover {font-size:11pt} #Container93 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container93:hover {font-size:11pt} #Container94 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container94:hover {font-size:11pt} #Container95 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container95:hover {font-size:11pt} #Container98 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container98:hover {font-size:11pt} #Container99 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container99:hover {font-size:11pt} #Container100 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container100:hover {font-size:11pt} #Container101 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container101:hover {font-size:11pt} #Container102 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container102:hover {font-size:11pt} #Container103 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container103:hover {font-size:11pt} #Container104 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container104:hover {font-size:11pt} #Container26 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container26:hover {font-size:11pt} #Container33 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container33:hover {font-size:11pt} #Container42 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container42:hover {font-size:11pt} #Container51 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container51:hover {font-size:11pt} #Container52 {position:relative;width:30px;height:30px;margin:0px 5px 5px 0px;color:#707070;font-size:9pt;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Container52:hover {font-size:11pt} #Container23 {position:relative;float:right;width:25px;height:100%;margin:5px 5px 0 0;color:white;font-size:13pt;background-color:rgba(0,0,0,0.61);border-radius:100%;cursor:pointer;max-height:25px;max-width:25px;min-height:25px;min-width:25px;overflow-x:hidden;overflow-y:hidden} #copy3 {position:absolute;left:233px;top:46px;width:94px;height:30px;margin:0;color:white;background-color:rgba(255,87,56,0.67);border-radius:5px;overflow-x:hidden;overflow-y:hidden} #hand {position:absolute;left:424px;top:11px;width:99px;height:43px;margin:0;background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden} #DialogContainer1 {margin-left:auto;margin-right:auto;width:485px;height:309px;border-radius:20PX} #Container7 {position:absolute;left:77px;top:197px;width:338px;height:61px;margin:0;font-family:my-font-san;font-size:14pt;overflow-x:hidden;overflow-y:hidden} #closeDialogbtn {position:absolute;left:;top:;width:25px;height:25px;margin:0;color:white;font-size:13pt;background-color:rgba(0,0,0,0.61);border-radius:100%;cursor:pointer;overflow-x:hidden;overflow-y:hidden} #Image1 {position:absolute;left:128px;top:41px;width:210px;height:135px;margin:0;} #DialogContainer2 {margin-left:auto;margin-right:auto;width:880px;height:1800px;border-radius:20px} #Container74 {position:absolute;left:48px;top:-1px;width:198px;height:25px;margin:0;background-color:#0392CE;border-radius:0px 0px 20px 20px;overflow-x:hidden;overflow-y:hidden} #Container81 {position:absolute;left:;top:;width:40px;height:37px;margin:0;border-radius:10px;overflow-x:hidden;overflow-y:hidden} #Container81:hover {background-color:#F1F1F1} #Container82 {position:absolute;left:49px;top:76px;width:279px;height:60px;margin:0;;overflow-x:hidden;overflow-y:hidden} #Container83 {position:relative;width:80px;height:50px;background-color:#fff;overflow-x:hidden;overflow-y:hidden} #Container84 {position:relative;width:163px;height:50px;;overflow-x:hidden;overflow-y:hidden} #testfile {position:relative;width:143px;height:38px;margin:0 0 0 5px;} #Container85 {position:absolute;left:119px;top:163px;width:145px;height:37px;margin:0;color:white;font-family:my-font-san;font-size:12pt;background-color:#0392CE;border-radius:10px;cursor:default;overflow-x:hidden;overflow-y:hidden} #Container85:hover {background-color:#006ce2} #not3 {position:absolute;left:90px;top:46px;width:215px;height:25px;margin:0;color:white;font-family:my-font-san;background-color:rgba(47,47,0,0.96);border-radius:5px;overflow-x:hidden;overflow-y:hidden} .chromescroll::-webkit-scrollbar {display: none;overflow: hidden;} .greenBg{background:#00FF00} #DialogContainer2{width:380px;height:260px;position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;} #send svg{width: 50px;height: 50px;display:inline-block;} #closeDialogbtn{right:8px;top:8px;} .boxleft{top:5px;left:5px;} .closebtn{top:5px;right:5px;} .bottomBtn{bottom:8px;right:8px;} #editBox{display:flex;flex-wrap:wrap;justify-content: flex-start;align-content: flex-start;} /*..........box shadow................*/ .boxShadow {box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);} /*............................. drop down menu.....*/ .dropdown-menu{height: auto;max-height: 240px;width:150px;overflow-x: hidden;text-align:right;} /*Menu colors*/ .dropdown-menu{background:#fafafa} .dropdown a{color:#000!important;height: 36px;font-family:my-font-san;display: flex!important;justify-content: center!important;align-items: center!important;font-size: 12pt;} .dropdown a:hover{background:#0076fc!important;color:white!important} /*.......................................*/ /*...small css .....*/ .flip{transform: scaleY(-1);} /*...small css .....*/ .myitem{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;} .myinput, #tableQuestion input {outline: none;box-shadow:none !important;border:1px solid #ccc !important;resize: none;caret-color: red;} #answer1::after{border-radius:10px;content: "1";display:block;width:20px;text-align:center;color:white;background-color:#709ac0;top:0px;margin-left:5px} #answer2::after{border-radius:10px;content: "2";display:block;width:20px;text-align:center;color:white;background-color:#709ac0;top:0px;margin-left:5px} #answer3::after{border-radius:10px;content: "3";display:block;width:20px;text-align:center;color:white;background-color:#709ac0;top:0px;margin-left:5px} #answer4::after{border-radius:10px;content: "4";display:block;width:20px;text-align:center;color:white;background-color:#709ac0;top:0px;margin-left:5px} /*..................css math input ......................*/ .mq-editable-field, .mq-math-mode .mq-editable-field{width:300px;height:50px;display:flex;justify-content:center;align-items:center;} /*.....................css linear input .......*/ .box input{width:100%;height:100%;padding-top:20px;border:none;outline:none;} .box label{position:absolute;left:0%;bottom:0px;width:100%;height:100%;pointer-events:none;color:gray;border-bottom:1px solid gray;} .box label::after{content:"";left:0px;bottom:-1px;position:absolute;height:100%;width:100%;border-bottom:3px solid #709ac0;transform:translateX(-100%);transition:transform 0.3s ease;} .content-name{position:absolute;bottom:5px;left:0px;transition: all 0.3s ease;} .box input:focus + .label-name .content-name, .box input:valid + .label-name .content-name{transform:translateY(-150%);font-size:14px;color:#709ac0;} .box input:focus + .label-name::after, .box input:valid + .label-name::after{transform:translateX(0%);} .flexRight{display:flex;align-items:center;justify-content:flex-end;} /*...css login public..*/ .flexCenter{display:flex;justify-content:center;align-items:center;} .flexSpacebetween{display:flex;align-items:center;justify-content:space-between;} .flexRight{display:flex;align-items:center;} .flexLeft{display:flex;align-items:center;justify-content:flex-start;} .select{user-select:none;} .xCenter{left:0px!important;right:0px!important;margin:auto!important;} .yCenter{top:0px!important;bottom:0px!important;margin:auto!important;} .center{top:0px!important;left:0px!important;right:0px!important;bottom:0px!important;margin:auto!important;} @font-face {font-family: "my-font-san";src: url("../fonts/IRANSans.ttf");} th{text-align:center;background-color:#D3F3FF} td{direction:rtl;}