.authMasterPage{position:relative;height:100%}.authMasterPage .sa-main-header{width:100%;height:90px;box-shadow:0 0 7px 0 rgb(98 98 98);z-index:1;position:relative;padding:0 0;display:flex;background:rgb(235 248 255);background:radial-gradient(circle,rgb(237 249 255) 50%,rgb(253 254 255) 100%)}.authMasterPage .sa-main-header .detail-icon{width:55px;height:100%;float:right;text-align:center;line-height:60px;font-size:24px;color:#929292;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;right:0}.authMasterPage .sa-main-header .header-school-title{font-size:21px;color:#0d65d2;padding:13px 20px;font-weight:700;cursor:pointer;border-radius:0 0 10px 10px;margin:-3px auto 42px;box-shadow:0 3px 3px #024f92;background:#cfeeff;background:radial-gradient(circle,rgba(207,238,255,.3169642857142857) 50%,rgba(225,241,255,.7875525210084033) 100%)}.authMasterPage .sa-main-header .header-school-title i{float:right;margin:4px 0 0 5px;color:#003f8e}.authMasterPage .sa-main-header .figure-header{width:210px;height:100%;background:url(../images/personnelModules.png) no-repeat;background-position:-143px -126px;float:right;margin-right:65px}.authMasterPage .sidenav{height:100%;width:0;position:fixed;z-index:999;top:0;right:0;background-color:#2878dc;overflow-x:hidden;transition:.6s;font-size:16px;font-weight:300;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;padding-top:30px}.authMasterPage .sidenav a{padding:8px 8px 8px 8px;text-decoration:none;font-size:25px;color:#8b0000;display:block;transition:.3s}.authMasterPage .sidenav a:hover{color:#f1f1f1}.authMasterPage .sidenav .closebtn{position:absolute;top:0;left:0;font-size:36px}.authMasterPage .sidenav .info{color:#fff;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.authMasterPage .profile-link{text-decoration:underline;cursor:pointer}.authMasterPage .sidenav .info .mobile{display:block;height:35px;line-height:30px;padding:0 1% 0 0;width:100%;text-align:center}.authMasterPage .sidenav .info .name{font-weight:400}.authMasterPage .sidenav .info .mobile{font-weight:200}.authMasterPage .sidenav .detail{padding:10px 0;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;height:190px}.authMasterPage .sidenav .detail span{display:block;padding:5px 15%;width:100%;text-align:center}.authMasterPage .sidenav .list{padding:10px 0 0 0;width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.authMasterPage .sidenav .list .part{display:block;height:45px;line-height:45px;border-bottom:solid 1px #bfd38e;cursor:pointer;padding-right:10px;color:#fff;width:100%}.authMasterPage .sidenav .list .part:hover{background-color:#f39420;color:#000}.authMasterPage .sidenav .version{line-height:45px;color:#fff;font-size:11px}.authMasterPage .sidenav .version:hover{text-shadow:0 0 8px #fffb00}.authMasterPage .can-change-school{text-decoration:underline;color:orange;cursor:pointer}#sidenav-overlay{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.authMasterPage .navigation-left-part{position:absolute;top:28px;left:15px;display:flex;align-items:center;justify-content:end}.authMasterPage .main-guide{color:#8b0000;font-size:18px;cursor:pointer;line-height:90px;display:flex;align-items:center;animation:guide-question-anim .7s infinite}.authMasterPage .main-guide i{animation:guide-question-anim .7s infinite;font-size:30px;margin-left:3px}.authMasterPage .main-guide span{animation:guide-anim 1s infinite}@keyframes guide-anim{0%{color:#8b0000}50%{color:#d2691e}100%{color:#8b0000}}@keyframes guide-question-anim{0%{margin-bottom:0}50%{margin-bottom:7px}100%{margin-bottom:0}}.authMasterPage .notification-alert .fa-bell-o{color:#006ab5;font-size:31px;cursor:pointer;line-height:30px;display:flex;align-items:center;justify-content:center;margin-left:7px}.authMasterPage .notif-count{position:absolute;top:0;font-size:12px;color:#009700}.authMasterPage .shake-bell{animation:shake-bell .5s infinite ease-in-out}@keyframes shake-bell{0%{transform:rotateZ(0)}25%{transform:rotateZ(10deg)}50%{transform:rotateZ(0)}75%{transform:rotateZ(-10deg)}100%{transform:rotateZ(0)}}.authMasterPage .reminder-box{position:fixed;left:25%;bottom:55px;z-index:10;padding:17px 0 0;background:#fff;width:50%;font-size:14px;box-shadow:1px 1px 3px 0 #737373;color:#004475;text-align:center;border-radius:10px 10px 0 0}.authMasterPage .close-reminder{position:absolute;right:12px;top:17px;color:#8b0000;font-size:21px;cursor:pointer}.authMasterPage .reminder-box .view-reminder{margin-right:25px;border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676}.authMasterPage .timer-line{height:3px;background:#e6e6e6;width:100%;margin-top:11px}.authMasterPage .close-line{background:#575757;height:100%}@media screen and (max-width:1023px){.authMasterPage .sa-main-header{height:60px;padding:0}.authMasterPage .sa-main-header .header-school-title{padding:8px 20px;margin:-5px auto 22px}.authMasterPage .sa-main-header .detail-icon{width:55px;height:100%;float:right;text-align:center;line-height:60px;font-size:24px;color:#929292;display:inline-block}.authMasterPage .sa-main-header .figure-header{width:147px;height:100%;background-position:-94px -88px;background-size:1320px}.authMasterPage .sa-main-header .go-back{float:left;height:40px;width:55px;background:url(../images/personnelModules.png) no-repeat;background-position:-85px -610px;background-size:1210px;border-right:solid 1px #afafaf;margin:11px 0 0 0}.authMasterPage .navigation-left-part{top:15px}.authMasterPage .main-guide{line-height:60px}}@media (max-width:768px){.authMasterPage .sa-main-header .header-school-title{padding:13px 6px;font-size:14px}.authMasterPage .reminder-box{left:15%;padding:17px 0 0;width:70%;font-size:13px}.authMasterPage .close-reminder{font-size:19px;top:19px}.authMasterPage .navigation-left-part{left:8px}.authMasterPage .notification-alert .fa-bell-o{font-size:28px}}@media screen and (max-width:480px){.authMasterPage .sa-main-header .detail-icon{width:37px}.authMasterPage .sa-main-header .figure-header{margin-right:45px}.authMasterPage .sa-main-header .header-school-title i{font-size:18px}.authMasterPage .main-guide{font-size:13px;left:4px}.authMasterPage .main-guide i{font-size:20px}.authMasterPage .reminder-box{left:3%;width:94%;font-size:12px}.authMasterPage .close-reminder{right:5px;top:18px;font-size:18px}.authMasterPage .notification-alert .fa-bell-o{font-size:22px;margin-left:5px}}@media screen and (max-height:480px){.authMasterPage .sidenav{padding-top:15px}.authMasterPage .sidenav a{font-size:18px}}.temporary-login-dialog.dialog-header div{font-size:18px;margin-top:6px}.temporary-login-dialog .flex-display{display:flex;align-items:center}.temporary-login-dialog .justify-between{justify-content:space-between}.temporary-login-dialog .login-container{width:450px;margin:0 auto 0}.temporary-login-dialog .btn{height:45px;width:200px;margin:10px;border-radius:10px;font-size:18px;box-shadow:0 2px 5px 0 rgb(0 0 0 / 26%);background:#94c221;border:solid 2px #7da511;cursor:pointer}.temporary-login-dialog .close-dialog{font-size:19px;position:absolute;top:-10px;right:-10px;color:#dbdbdb;cursor:pointer}.temporary-login-dialog .close-dialog .fa-close{z-index:2;color:#930000;font-size:21px}.temporary-login-dialog.add-edit-loading{width:100%;display:inline-block;right:0;text-align:center;top:20%;position:absolute}.temporary-login-dialog.add-loading{font-size:30px}@media screen and (max-width:768px){.temporary-login-dialog .add-loading{font-size:25px}.temporary-login-dialog .login-container{width:350px}.temporary-login-dialog .btn{height:42px;width:150px;font-size:16px}}@media screen and (max-width:480px){.temporary-login-dialog .add-loading{font-size:20px}.temporary-login-dialog .login-container{width:100%}.temporary-login-dialog .btn{height:40px;width:120px;font-size:13px}}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.Font{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}body,html{direction:rtl;font-size:12px;width:100%;height:100%}@font-face{font-family:Dinar;src:url(../fonts/dinar/Dinar.eot) format('embedded-opentype'),url(../fonts/dinar/Dinar.woff) format('woff'),url(../fonts/dinar/Dinar.ttf) format('truetype')}@font-face{font-family:iransans;font-weight:300;src:url('../fonts/iranSansWeb/IRANSansWeb(FaNum).eot') format('embedded-opentype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum).ttf') format('truetype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum).woff') format('woff')}@font-face{font-family:iransans;font-weight:500;src:url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Bold.eot') format('embedded-opentype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Bold.woff') format('woff')}@font-face{font-family:iransans;font-weight:200;src:url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Light.eot') format('embedded-opentype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Light.ttf') format('truetype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Light.woff') format('woff')}@font-face{font-family:iransans;font-weight:400;src:url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_Medium.woff') format('woff')}@font-face{font-family:iransans;font-weight:100;src:url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_UltraLight.eot') format('embedded-opentype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'),url('../fonts/iranSansWeb/IRANSansWeb(FaNum)_UltraLight.woff') format('woff')}@font-face{font-family:UnifrakturMaguntia;font-style:normal;font-weight:400;src:url(../fonts/jqMath/forjqmath.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:STIXGeneral;font-style:normal;font-weight:400;src:url(../fonts/jqMath/STIIX/STIX-Regular.woff2) format("woff2"),url(../fonts/jqMath/STIIX/STIX-Regular.woff) format('woff'),url(../fonts/jqMath/STIIX/STIX-Regular.svg) format('svg'),url(../fonts/jqMath/STIIX/STIX-Regular.eot) format('eot'),url(../fonts/jqMath/STIIX/STIX-Regular.ttf) format('truetype')}*{font-family:iransans;box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;font-family:inherit}.center{text-align:center}.index{height:calc(100% - 90px)}.root{height:100%;overflow:auto;scroll-behavior:smooth}.main-content{height:100%;float:right;width:calc(100% - 350px)}.sa-clearfix{clear:both}.max-height{height:100%;display:block}.height-100{height:100%;display:block}.max-height-100{max-height:100%;display:block}.min-height-100{min-height:100%;display:block}.width-100{width:100%}.sa-cursor-pointer{cursor:pointer}.layout-right{width:350px;background:#7ea71b;height:100%;float:right;color:#fff;font-size:16px;font-weight:300}.layout-right .info{background:#719a16;padding:10% 14% 5%;color:#fff;font-size:18px}.layout-right .info .mobile,.layout-right .info .name{display:block;height:35px;line-height:30px;padding:0 1% 0 0}.layout-right .info .name{font-weight:400}.layout-right .info .mobile{font-weight:200}.layout-right .info .img{display:block;width:6vw;height:6vw;border-radius:50%;background:center center no-repeat;overflow:hidden;background-size:cover;margin:0 0 15px}.layout-right .detail{background:#669012;padding:10px 0}.layout-right .detail span{display:block;padding:5px 15%}.layout-right .list{padding:10px 15% 0 0}.layout-right .list .part{display:block;height:45px;line-height:45px;border-bottom:solid 1px #bfd38e;cursor:pointer}.layout-right .list .part:hover{background:#669012}.dialog{background:#fdfff4;padding:15px;border:5px solid #dcdcdc;box-shadow:1px 1px 4px 3px #3e3e3e}.dialog-header{font-size:22px;margin:0 0 15px;text-align:center;padding:0 0 12px;border-bottom:2px dashed #0055bf;color:#0055bf}.input-box{padding:0 5%;margin:10px 0}.input-box input{width:100%;border:dashed 1px #1462a7;height:43px;text-align:center;font-size:16px;background:#fffbf9;border-radius:5px}.input-box input.ng-invalid.ng-touched{border:1px dashed #ef6d4d;outline:0}.input-box select{width:100%;height:45px;border:dashed 1px #1462a7;border-radius:5px;background:#fffbf9}.dialog-button-container{display:flex;justify-content:space-around;margin:20px 0 20px;align-items:center}.confirm-btn{background:#94c221;min-width:115px;border-radius:5px;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #7da511;color:#000}.cancel-btn{background:#ff6a40;min-width:115px;border-radius:5px;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #f32121;color:#000}.disabled-btn{border:2px solid #8d8d8d;background:#d9d9d9;color:#898989;cursor:default}@media (max-width:768px){.dialog-header{font-size:18px}.input-box input{height:40px;font-size:14px}.cancel-btn,.confirm-btn{min-width:110px;font-size:14px;padding:5px 5px}}@media (max-width:480px){.dialog-header{font-size:15px}.cancel-btn,.confirm-btn{min-width:95px;font-size:13px;padding:4px 5px}}.swal2-modal .swal2-styled,.swal2-modal .swal2-title{font-family:iransans}@media (max-width:480px){.swal2-modal .swal2-styled.swal2-confirm{margin-bottom:8px}}@media (max-width:1023px){.index{height:calc(100% - 60px)}.layout-right{position:absolute;width:calc(100% - 50px);height:calc(100% - 60px);right:-100%;transition:all .4s linear;top:60px;overflow:auto;z-index:2;box-shadow:-4px 0 3px 0 rgba(0,0,0,.26)}.layout-right.show{right:0}.layout-right .info .img{width:80px;height:80px}.main-content{width:100%}}.ivh-treeview-material li,.ivh-treeview-material ul{list-style:none!important}.ivh-treeview-material ul li{margin-right:30px}.ivh-treeview-material .span--checkbox{position:relative;margin:.5rem;font-family:Arial,sans-serif;line-height:135%;cursor:pointer}.ivh-treeview-material input[type=checkbox]{position:relative;top:-.375rem;margin:0 1rem 0 0;cursor:pointer}.ivh-treeview-material input[type=checkbox]:disabled:before{border-color:silver!important}.ivh-treeview-material input[type=checkbox]:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;content:"";position:absolute;left:0;z-index:1;width:2rem;height:2rem;border:2px solid #7f7f7f}.ivh-treeview-material input[type=checkbox]:checked:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);height:.5rem;border-color:#009688;border-top-style:none;border-right-style:none}.ivh-treeview-material input[type=checkbox]:after{content:"";position:absolute;top:-.125rem;left:0;width:2.1rem;height:2.1rem;background:#fff;cursor:pointer}.ivh-treeview-material input[type=checkbox]:indeterminate:before{height:.5rem;border-color:#009688;border-top-style:none;border-right-style:none;border-left-style:none;margin-top:4px}.ivh-treeview-material ul li{font-weight:700;font-size:20px}.ivh-treeview-material ul li.ivh-treeview-node-leaf{margin:10px 0;font-weight:400;font-size:inherit;margin-right:50px}.ivh-treeview-node-label,.ivh-treeview-twistie{cursor:pointer}.ADMdtp-box{z-index:999999!important}.swal2-container{z-index:2000!important}.background-blue1{background-color:#f7fafc}.background-blue5{background-color:#8cdff7}.background-blue6{background-color:#dcf2ff}.background-blue7{background-color:#0d65d2}.background-blue8{background-color:#cddeef}.background-blue10{background-color:#064ba0}.background-orange4{background-color:#f7aa4c}.background-orange5{background-color:#f58527}.background-orange6{background-color:#ffc800}.background-white-5{background-color:#ffffff66}.background-gray-1{background-color:#e4e4e8}.background-gray-1:hover{background-color:#e8e8eaad}.mg-10-0{margin:10px 0}.mg-l-5{margin-left:5px}.mg-t-10{margin-top:10px}.font-blue5{color:#8cdff7}.font-blue7{color:#0d65d2}.font-blue10{color:#064ba0}.font-orange5{color:#f58527}.font-orange6{color:#ffc800}.white-font{color:#fff}.border-blue5{border-color:#8cdff7}.border-blue7{border-color:#0d65d2}.border-blue10{border-color:#064ba0}.border-orange4{border-color:#f7aa4c}.border-orange6{border-color:#ff7c41}.border-orange5{border-color:#f99a4a}.button-type-1{border-radius:5px;font-size:15px;color:#000;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:75px;padding:2px 6px;box-shadow:1px 1px 3px #00000082}.button-type-1:hover{background:#ff9f29}.button-inline-type-1{margin:5px;min-width:100px;padding:1px 10px;border-radius:6px;box-shadow:4px 4px 4px #00000069;font-size:15px;border:none;background-color:#00000029;cursor:pointer}.button-type2{border:3px solid #128574;background-color:#12a48f;border-radius:3px;font-size:15px;color:#fff;padding:6px 12px;cursor:pointer}.button-type3{border:3px solid #66f;background-color:#99f;border-radius:3px;font-size:15px;color:#fff}@media screen and (max-width:768px){.button-type-1{font-size:14px;min-width:85px;padding:2px 5px}}@media screen and (max-width:480px){.button-type-1{font-size:12px;min-width:58px;padding:2px 4px}}.fonticon-color-orange5{color:#c54903}.card-color-blue-4{background-color:#e8e8eaad;box-shadow:2px 2px 4px #000000bf;border-radius:5px}.card-color-blue-5{background-color:#e4e4e8;box-shadow:2px 2px 4px #000000bf;border-radius:5px}.card-color-blue-5:hover{background-color:#e8e8eaad}.card-color-blue-6{background-color:#d5d5d8;box-shadow:2px 2px 4px #000000bf;border-radius:5px}.orange-light{background-color:#fff8e8}.orange{color:#f60}.firooz{color:#c3f7ed}.firooz-2x{color:#93e2d6}.firooz-3x{color:#49b5a4}.background-firooz{background-color:#c3f7ed}.background-firooz-2x{background-color:#93e2d6}.background-firooz-3x{background-color:#33a492}.border-firooz{border-color:#c3f7ed}.border-firooz-2x{border-color:#93e2d6}.border-firooz-3x{border-color:#33a492}.violet-light{color:#e4e2fd}.violet{color:#c7c4fb}.violet-2x{color:#99f}.violet-3x{color:#63f}.background-violet-light{background-color:#e4e2fd}.background-violet{background-color:#c7c4fb}.background-violet-2x{background-color:#99f}.background-violet-3x{background-color:#63f}.border-violet{border-color:#e4e2fd}.border-violet-2x{border-color:#99f}.border-violet-3x{border-color:#63f}.sa-color-red{color:#b42528}.sa-info-color-gray{color:#5a5a5a}.loading{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:2;display:flex;justify-content:center;align-items:center}.loading-parent{position:relative}.loading:after{content:"";background:url(../images/loading4.png) no-repeat center center;width:90px;height:90px;background-size:contain;-webkit-animation:loading .85s linear infinite;animation:loading .85s linear infinite}.loading-small1:after{width:70px;height:70px}.loading-small2:after{width:60px;height:60px}.loading-small3:after{width:50px;height:50px}.loading-small4:after{width:40px;height:40px}.loading-small5:after{width:30px;height:30px}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes snackbar-bottom-fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes snackbar-bottom-fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes snackbar-bottom-fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes snackbar-bottom-fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#snackbar-bottom{visibility:hidden;text-align:center;position:absolute;z-index:999999;width:100%;bottom:30px}#snackbar-bottom div{display:inline-block;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px}#snackbar-bottom.show{visibility:visible;-webkit-animation:snackbar-bottom-fadein .5s,snackbar-bottom-fadeout .5s 2.5s;animation:snackbar-bottom-fadein .5s,snackbar-bottom-fadeout .5s 2.5s}@-webkit-keyframes snackbar-top-fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@keyframes snackbar-top-fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@-webkit-keyframes snackbar-top-fadeout{from{top:30px;opacity:1}to{top:0;opacity:0}}@keyframes snackbar-top-fadeout{from{top:30px;opacity:1}to{top:0;opacity:0}}#snackbar-top{visibility:hidden;text-align:center;position:absolute;z-index:999999;width:100%;top:30px}#snackbar-top div{display:inline-block;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px}#snackbar-top.show{visibility:visible;-webkit-animation:snackbar-top-fadein .5s,snackbar-top-fadeout .5s 2.5s;animation:snackbar-top-fadein .5s,snackbar-top-fadeout .5s 2.5s}@-webkit-keyframes snackbar-center-fadein{from{bottom:Calc(50% - 30px);opacity:0}to{bottom:50%;opacity:1}}@keyframes snackbar-center-fadein{from{bottom:Calc(50% - 30px);opacity:0}to{bottom:50%;opacity:1}}@-webkit-keyframes snackbar-center-fadeout{from{bottom:50%;opacity:1}to{bottom:Calc(50% - 30px);opacity:0}}@keyframes snackbar-center-fadeout{from{bottom:50%;opacity:1}to{bottom:Calc(50% - 30px);opacity:0}}#snackbar-center{visibility:hidden;text-align:center;position:absolute;z-index:999999;width:100%;bottom:50%}#snackbar-center div{display:inline-block;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px}#snackbar-center.show{visibility:visible;-webkit-animation:snackbar-center-fadein .5s,snackbar-center-fadeout .5s 2.5s;animation:snackbar-center-fadein .5s,snackbar-center-fadeout .5s 2.5s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin}#main{transition:margin-left .5s;height:Calc(100% - 90px);background:url(../images/side-background-1.jpg)}pre{background-color:transparent;border:transparent;font-family:iransans;white-space:pre-line;word-break:break-word;text-align:justify}.splash{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.6;background-image:repeating-linear-gradient(45deg,#fff,#0065bf);display:flex;justify-content:center;align-items:center;flex-direction:column}.splash .loading-container{height:12%;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.splash .loading-container .first-letter{font-size:80px;font-weight:bolder;color:#efff01;position:relative;animation-name:first;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes first{0%{bottom:0}20%{bottom:100%}40%{bottom:0}100%{bottom:0}}.splash .loading-container .second-letter{font-size:80px;font-weight:bolder;color:#a50000;position:relative;animation-name:second;animation-duration:1s;animation-timing-function:linear;animation-delay:125ms;animation-iteration-count:infinite}@keyframes second{0%{bottom:0}20%{bottom:100%}40%{bottom:0}100%{bottom:0}}.splash .loading-container .third-letter{font-size:80px;font-weight:bolder;color:#0cb30c;position:relative;animation-name:third;animation-duration:1s;animation-timing-function:linear;animation-delay:.25s;animation-iteration-count:infinite}@keyframes third{0%{bottom:0}20%{bottom:100%}40%{bottom:0}100%{bottom:0}}.splash .loading-container .fourth-letter{font-size:80px;font-weight:bolder;color:#00f;position:relative;animation-name:fourth;animation-duration:1s;animation-timing-function:linear;animation-delay:375ms;animation-iteration-count:infinite}@keyframes fourth{0%{bottom:0}20%{bottom:100%}40%{bottom:0}100%{bottom:0}}.splash .loading-content{text-align:center;position:absolute;top:70px;font-size:40px;color:#000}.splash .loading-title{font-size:20px;width:100%;margin:40px 0;color:#000;text-align:center}.splash .loading-site{font-size:20px;width:100%;text-align:center;color:#00f;font-weight:bolder}.ui-notification.notification-box{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-radius:5px;background-color:#2878dc}.ui-notification .notification-header{text-align:right;width:94%}.ui-notification .notification-view{width:100%;display:flex;justify-content:flex-end;padding-left:20px}.ui-notification .close-notification{position:absolute;font-size:11px;top:3px;left:5px;color:#fff;cursor:pointer}.ui-notification .cross{font-family:cursive;font-size:14px;top:0}.sa-tooltip{position:relative;display:inline-block}.sa-tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.sa-tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.sa-tooltip:hover .tooltiptext{visibility:visible;opacity:1}fmath *,math *{font-family:STIXGeneral!important;font-weight:700}math *{font-weight:400}fmath mi,fmath mn,math mi,math mn{font-family:iranSans!important}@media screen and (max-width:480px){fmath,math{font-size:12px}}.sa-main-page{height:100%;padding-left:0;padding-right:0;background-color:#fff;position:relative}.new-main-page{padding-left:0;padding-right:0;background-color:#fff}.student-background{background:url(../images/side-background-1.jpg)}.sa-scrollable{overflow:auto}sa-text-center{text-align:center}.no-padding{padding:0}.oddrow{background-color:#eceaeb}.icon-paging{font-size:32px;margin:0 12%}.for-teacher.filter-icon{color:#33a492;font-weight:700;border:2px solid #33a492;border-radius:50%;padding:8px;margin:2px;text-align:center;font-size:20px}.teacher-homework-list .lesson-title{font-size:36px}.teacher-homework-list .sa-tab .tab-title{font-size:20px}.teacher-homework-list .homework-item.odd{background-color:#eceaeb}.tab-addhomework-option .active{border-bottom-color:transparent;border:1px solid #ddd}.teacher-homework-list .font-icon-inline{font-size:32px}.teacher-homework-list .homeworkbank-item .title{color:#f60;font-size:18px;margin:0}.teacher-homework-list .senthomework-item{display:inline-block;width:50%;padding:5px 10px;border:1px solid #ddd}.teacher-homework-list .senthomework-item .title{color:#f60;font-size:18px;margin:0}.sa-image-box{border:2px dashed #999;margin:5px 0 5px 0;border-radius:5px;margin-bottom:10px}.sa-image{position:relative}.sa-image .secure-img{display:block;margin-left:auto;margin-right:auto;max-height:1500px;transition:max-height;transition-duration:.7s;-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;background-color:#fff}.hidden-image .sa-image .secure-img{max-height:0}.sa-image .slide{position:absolute;bottom:0;text-align:center;width:100%}.hidden-image .sa-image .slide{display:none}.sa-image button.btn-dot{background:#ccc;margin:5px;height:20px;width:20px;border:2px solid #999;border-radius:50%;text-align:center}.sa-image button.btn-dot.active{background:#66f;border:2px solid #999}.sa-image-box .img-head{font-size:24px;padding:10px 0}@media (min-width:1024px){.teacher-homework-list .senthomework-item.gray{background-color:#eceaeb}.teacher-homework-list .homeworkbank-item.gray{background-color:#eceaeb}}@media (max-width:1023px){.ui-notification .cross{top:0}#main{height:Calc(100% - 60px)}.sidenav .info .img{width:80px;height:80px}.teacher-homework-list .homeworkbank-item{display:block;width:100%}.teacher-homework-list .homeworkbank-item.odd{background-color:#eceaeb}.teacher-homework-list .senthomework-item{display:block;width:100%}.teacher-homework-list .senthomework-item.odd{background-color:#eceaeb}}@media (max-width:768px){.sa-main-page{padding-left:0;padding-right:0}.sa-image button.btn-dot{margin:5px}.icon-paging{font-size:20px}.student-homework-answering .header-box{margin-bottom:10px}.student-homework-answering .homework-options{font-size:14px}.teacher-homework-list .lesson-title{font-size:20px}.teacher-homework-list .sa-tab .tab-title{font-size:14px}.teacher-homework-list .font-icon-inline{font-size:20px}.student-homework-list .homework-title{font-size:20px;margin-top:10px}.sa-image-box .img-head{font-size:14px;padding:6px 0}.teacher-homework-evaluation .custom-content{height:90%}.teacher-homework-evaluation .quantitative-options .option{width:15%;margin:0;padding:10px 0}.teacher-homework-evaluation .sa-tab{font-size:18px;padding:10px 0;width:49%}.teacher-homework-evaluation .homework-questions-tab .sa-title{font-size:12px;padding:12px 0}.teacher-homework-evaluation .student-answer-tab .header-data{font-size:16px}.teacher-homework-evaluation .student-answer-tab .gear-icon{font-size:24px}}@media screen and (min-width:992px){.hidden-in-desktop{display:none!important}}@media screen and (min-width:481px) and (max-width:991px){.hidden-in-tablet{display:none!important}}@media screen and (max-width:480px){.ui-notification .cross{top:0}.loading:after{width:65px;height:65px}.hidden-in-mobile{display:none!important}.teacher-homework-evaluation .student-answer-tab .header-data{font-size:14px}.teacher-homework-evaluation .student-answer-tab .part-question-number{width:23%}.teacher-homework-evaluation .student-answer-tab .part-student-title{width:60%}.ui-notification.notification-box{width:280px}}.circle333{width:63px;height:50px;border-radius:25px;color:#fff;line-height:46px;background:#8e87f9;margin:auto}.circle333.active{width:80px;height:58px;border:4px solid;border-color:#fdb516}.sa-guide{font-style:italic;font-weight:300;font-size:14px;text-align:justify;line-height:1.5;margin:5px}.sa-guide .sa-guide-title{color:red;font-size:15px}.sa-guide-icon{float:right;margin:0 5px;display:flex;align-items:center}.sa-guide-icon i{font-size:27px;color:#8b0000;cursor:pointer}@media screen and (max-width:768px){.sa-guide{font-size:13px}.sa-guide .sa-guide-title{font-size:14px}.sa-guide-icon i{font-size:25px}}@media screen and (max-width:480px){.sa-guide{font-size:12px}.sa-guide .sa-guide-title{font-size:13px}.sa-guide-icon i{font-size:23px}}.sa-warning,.warning{color:red;font-size:11px;margin-top:3px;text-align:right}.text-gradiant-animation1{background:linear-gradient(to right,#044698 10%,#3ac1ff 50%,#ff925c 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;display:inline-block}.text-gradiant-animation2{background:linear-gradient(to right,#ff910a 10%,#63ff3a 50%,#ff4b76 80%);background-size:auto auto;background-clip:border-box;background-size:200% auto;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;display:inline-block}.text-gradiant-animation3{background:linear-gradient(to right,#6a6a6a 10%,#57a3ff 30%,#4646ff 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;display:inline-block}@keyframes textclip{to{background-position:200% center}}.small-font .personnel-question-root{font-size:13px}.small-font .student-file-question,.small-font .student-question{font-size:13px}.large-font .personnel-question-root{font-size:15px}.large-font .student-file-question,.large-font .student-question{font-size:15px}.small-font .personnel-question-root .english-font,.small-font .personnel-question-root .english-font *,.small-font .student-question .student-question-root .english-font,.small-font .student-question .student-question-root .english-font *{font-size:14px}.large-font .personnel-question-root .english-font,.large-font .personnel-question-root .english-font *,.large-font .student-question .student-question-root .english-font,.large-font .student-question .student-question-root .english-font *{font-size:16px}@media screen and (max-width:768px){.small-font .personnel-question-root{font-size:12px}.small-font .student-file-question,.small-font .student-question{font-size:12px}.large-font .personnel-question-root{font-size:14px}.large-font .student-file-question,.large-font .student-question{font-size:14px}.small-font .personnel-question-root .english-font,.small-font .personnel-question-root .english-font *,.small-font .student-question .student-question-root .english-font,.small-font .student-question .student-question-root .english-font *{font-size:13px}.large-font .personnel-question-root .english-font,.large-font .personnel-question-root .english-font *,.large-font .student-question .student-question-root .english-font,.large-font .student-question .student-question-root .english-font *{font-size:15px}}.print-mode{display:none}@media print{.print-mode{display:block}.print-mode.flex-display{display:flex;align-items:center}.hide-in-print{display:none}}.sa-container-height{height:calc(100% - 90px);padding-left:0;padding-right:0;background-color:#fff}.sa-container-min-height{min-height:calc(100% - 90px);padding-left:0;padding-right:0;background-color:#fff}.sa-body-height{height:calc(100% - 60px);background-color:#fff}.sa-body-min-height{min-height:calc(100% - 60px);background-color:#fff}.sa-width-50-percent{display:inline-block;width:50%}.sa-width-33-percent{display:inline-block;width:33%}.sa-flex-display{display:flex;align-items:center}.sa-header-page{font-size:23px;padding:5px;text-align:center}.sa-header-page-title{height:100%;padding:5px}.background-blue-header{background-color:#064ba0}.font-white-header{color:#fff}.border-orange-header{border:2px solid #f7aa4c;border-radius:5px}.sa-delete-button-color{background-color:#faafaf;border:2px solid #a70000;color:#680000}.sa-confirm-button-color{background-color:#c9e6c9;border:2px solid #228b22;color:#006800}.sa-normal-button-color{color:#033c81;border:2px solid #eb7b3c;background-color:#ffc47d}.hidden-above-1024px{display:none!important}.hidden-in-1024px{display:unset}.hidden-in-768px{display:unset}.hidden-in-480px{display:unset}.sa-filter-box{background-color:#e1caf9;padding:5px;border-radius:7px;border:2px solid #8a57bd;overflow:hidden}.sa-filter-icon{color:#ecd9ff;background-color:#8a57bd;border:2px solid #8a57bd}.sa-multiselect-parent{width:100%;position:relative;display:inline-block;vertical-align:middle}.sa-multiselect-parent .sa-dropdown-toggle{position:relative;width:100%;color:#333;background-color:#fff;border-color:#ccc;display:inline-block;margin-bottom:0;font-weight:400;display:flex;align-items:center;justify-content:space-between;vertical-align:middle;cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sa-multiselect-parent .sa-dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:100%;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.sa-multiselect-parent .sa-dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.sa-multiselect-parent .sa-dropdown-header{display:block;padding:3px 12px;font-size:12px;line-height:1.42857143;color:#999}.sa-multiselect-parent .sa-dropdown-header .sa-form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.sa-multiselect-parent .sa-checkbox{display:block;min-height:20px;margin-top:3px;margin-bottom:0;padding-left:20px}.sa-multiselect-parent .sa-checkbox i{position:relative;top:1px;padding:3px 0 0 3px}.sa-multiselect-parent .sa-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1024px){.sa-container-height{height:calc(100% - 60px)}.sa-container-min-height{min-height:calc(100% - 60px)}.hidden-above-1024px{display:unset}.hidden-in-1024px{display:none!important}.hidden-in-768px{display:unset}.hidden-in-480px{display:unset}}@media screen and (max-width:768px){.sa-body-height{height:calc(100% - 50px)}.sa-body-min-height{min-height:calc(100% - 50px)}.hidden-above-1024px{display:unset}.hidden-in-1024px{display:unset}.hidden-in-768px{display:none!important}.hidden-in-480px{display:unset}}@media screen and (max-width:480px){.hidden-above-1024px{display:unset}.hidden-in-1024px{display:unset}.hidden-in-768px{display:unset}.hidden-in-480px{display:none!important}}.sa-personnel .sa-header{height:15%}.sa-personnel .sa-header h1{margin:0;background-color:transparent;font-size:34px;color:#ff0;padding:45px 0;text-align:center}.sa-personnel .sa-header-withoutpaye{height:15%}.sa-personnel .sa-header-withoutpaye h1{margin:0;background-color:transparent;font-size:35px;color:#ff0;padding:25px 0;text-align:center}.sa-personnel .button-type1{border:3px solid #66f;background-color:#99f;border-radius:3px;font-size:15px;color:#fff}.sa-personnel .dark-button{border:3px solid #128574;background-color:#12a48f;border-radius:3px;font-size:15px;color:#fff;padding:6px 12px;cursor:pointer}.sa-personnel .inline-button{font-size:17px;background-color:wheat;color:#000;border:4px outset #deb887;border-radius:3px;margin:0 3px 0 6px;padding:0 5px;cursor:pointer}.sa-personnel audio#audioSection{width:90%}.sa-personnel .repeated-lesson-container{display:flex;justify-content:center;flex-wrap:wrap;width:100%;padding:0 40px}.sa-personnel .repeated-lesson-container .repeated-lesson{width:25%;text-align:center;margin-bottom:35px}.sa-personnel .repeated-lesson-container .repeated-lesson .constant-item{width:233px;margin:auto}.sa-personnel .repeated-lesson-container .item-lesson{content:"";width:100%;background:url(../images/icon-dars_2.png) no-repeat;background-size:1251px 1070px;height:180px;display:block;cursor:pointer;margin:0 auto 10px}.sa-personnel .repeated-lesson-container .title-lesson{width:100%;font-size:22px;margin-top:15px;color:#033}.sa-personnel .repeated-lesson-container .item-lesson.riazi{background-position:-398px -414px}.sa-personnel .repeated-lesson-container .item-lesson.oloom{background-position:-671px -414px}.sa-personnel .repeated-lesson-container .item-lesson.farsi{background-position:-942px -101px}.sa-personnel .repeated-lesson-container .item-lesson.negaresh{background-position:-402px -731px}.sa-personnel .repeated-lesson-container .item-lesson.qoran{background-position:-398px -96px}.sa-personnel .repeated-lesson-container .item-lesson.hedye{background-position:-671px -93px}.sa-personnel .repeated-lesson-container .item-lesson.motaleat{background-position:-943px -413px}.sa-personnel .repeated-lesson-container .item-lesson.tafakor{background-position:-80px -737px}.sa-personnel .repeated-lesson-container .item-lesson.fanavari{background-position:-669px -732px}.sa-personnel .repeated-lesson-container .item-lesson.fogheBarname{background-position:-946px -738px}.sa-personnel .repeated-lesson-container .item-lesson.arabi{background-position:-84px -104px}.sa-personnel .repeated-lesson-container .item-lesson.english{background-position:-84px -413px}.sa-personnel .all-lessons{border-top:transparent;padding:2% 2% 0 2%;text-align:center;overflow:auto}.sa-personnel .all-lessons .whole-item-lesson{position:relative;width:100%;padding:9px 0}.sa-personnel .all-lessons .title-lesson{width:100%;position:absolute;right:3px;font-size:22px;margin-top:15px;color:#033}.sa-personnel .all-lessons .lesson-repeated{width:33.33%;display:inline-block;margin:0 0 35px;font-size:18px;float:right;height:initial;margin-bottom:51px;padding:1vh 0;line-height:0!important}.sa-personnel .all-lessons .item-lesson:before{content:"";width:180px;background:url(../images/icon-dars_2.png) no-repeat;height:180px;display:block;cursor:pointer;margin:0 auto 10px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.farsi:before{background-position:-1158px -152px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.hedye:before{background-position:-838px -152px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.qoran:before{background-position:-520px -152px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.motaleat:before{background-position:-1158px -524px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.oloom:before{background-position:-835px -524px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.riazi:before{background-position:-524px -524px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.fogheBarname:before{background-position:-1160px -902px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.fanavari:before{background-position:-837px -902px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.negaresh:before{background-position:-519px -902px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.tafakor:before{background-position:-141px -902px}.sa-personnel .all-lessons .lesson-repeated .checked-badge{font-size:104px;color:green;position:absolute;top:4%;left:56%;line-height:2;width:33px;height:33px;cursor:pointer}.sa-personnel .all-lessons .lesson-repeated .locked-badge{font-size:104px;color:red;position:absolute;top:4%;left:49%;line-height:2;width:33px;height:33px;cursor:pointer}.sa-personnel .font-shadow{text-shadow:0 0 0 #033,0 1px 0 #033,1px 0 0 #033,1px 2px 4px #033}.sa-personnel textarea.student-description{width:100%;padding:5px 10px;border:2px dashed #999;border-radius:5px;color:#000;resize:none;overflow:hidden;line-height:2;font-size:14px;margin-top:10px;margin-bottom:10px}.bg_h_one{margin:0;background:#99f;color:#33a492;text-shadow:0 0 3px #fff,0 0 5px #fff}.darsname_bg_row{background:#ccf;padding-top:100px;padding-bottom:100px}.darsname_bg_item{background:#9cc;text-align:center;direction:rtl!important;margin:0 auto 100px auto!important}.darsname_row_center{margin:0 auto!important}.row-payeha{margin-top:100px;margin-right:10px!important}.poltrona{position:relative;width:40%;padding:30%;border-radius:50%;background:#9cc;background-color:#b5b2f7;font-size:.5vw;margin:20px auto}.poltrona h3{margin:0 auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.second-part{position:relative;float:right;width:15%;height:100px}.third-part{position:relative;float:right;width:15%;height:100px}.teacher-darsname-list .icon-circle{top:5%;position:relative;width:16%;background:#8e87f9;padding:33%;border-radius:50%}.teacher-darsname-list .icon-circle.active{border:7px solid red}.teacher-darsname-list .darsname-item.odd{background-color:#eceaeb}.title-span{position:absolute;font-size:14px;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%)}.darsname-style-title{position:relative;float:right;width:55%;height:100px}.darsname-title{position:absolute;top:52%;font-size:32px;font-weight:700;color:#49b5a5!important;text-shadow:0 0 8px #fff,0 0 5px #fff}.darsname-icons{position:relative;float:right;width:15%;cursor:pointer}.darsname-titr{color:#f60}.darsname-summery-titr{color:#000;font-weight:700}.darsname-rest-titr{color:#000;font-weight:300}.violet-color{color:#63f;font-weight:700;border:2px solid #63f;border-radius:50%;padding:8px;margin:2px;text-align:center;font-size:20px}.circle{position:relative;width:40%;background:#9cc;border:solid 5px #3c9;padding:30%;border-radius:50%}.circle h3{margin:0 auto!important;position:absolute;top:50%;left:50%;font-size:1.5vw;transform:translate(-50%,-50%)}.darsname-top-row{position:relative;padding:3%!important}.addDarsname-h1{font-size:36px;background:#fc6;color:#33a492;text-shadow:0 0 10px #fff,0 0 5px #fff}.input-fasl select{width:100%;margin:10px 0;padding:10px;color:#fff;background:#8079fd;border-radius:5px}.input-sub-subject select{width:100%;margin:10px 0;padding:10px;color:#fff;background:#8079fd;border-radius:5px}.addDarsname{direction:rtl;text-align:center}.col-md-6.input-fasl{position:relative;float:right}.col-md-6.input-sub-subject{position:relative;float:left}.col-md-6.input-fasl{padding-right:0}.col-md-6.input-sub-subject{padding-left:0}.add-darsname .model-title{width:100%;height:50px;padding:0 15px;text-align:center;border:dashed 2px #777!important;border-radius:5px;font-size:16px;color:#777!important;margin:10px 0}.add-darsname .model-body-text{width:100%;height:250px;padding:15px;text-align:right;border:dashed 2px #777!important;border-radius:5px;font-size:16px;color:#777!important;margin:10px 0}button.add.center.ng-isolate-scope{background:#99f;padding:10px 40px;border:3px solid #66f;border-radius:5px;font-size:18px;margin-top:10px;color:#000}span.title.col-md-4.center{float:right}i.Font.fa.fa-trash.col-md-4{float:right}.mainPage .field .field-head .plus{background:url(../images/personnelModules.png) no-repeat;float:right;width:45px;height:30px;background-position:-440px -536px;background-size:1300px;cursor:pointer}.circle-trash{padding:5px;border:2px solid #66f;border-radius:50%;height:30px;width:32px;color:#66f;text-align:center}.circle-plus{padding:5px;border:2px solid #66f;border-radius:50%;height:30px;width:32px;margin-right:10px;color:#66f;text-align:center}.mainPage .scroll{border:none!important}.col-md-4.col-xs-4.microphone{float:right;text-align:right}.col-md-4.col-xs-4.title-sound{float:right;text-align:center}.col-md-4.col-xs-4.sound-trash{text-align:left}button.apply.btn-confirm{background:#99f;padding:10px 40px;border:3px solid #66f;border-radius:5px;font-size:18px;margin-top:10px;color:#000}progress,video{display:inline-block;vertical-align:baseline;margin:60px 0;width:100%;float:right}button.col-md-3.col-xs-3.upload-sound{margin:60px 16px;background:#deddf6;padding:12px 0;border:3px solid #dedddb;border-radius:50px;font-size:14px;color:#000;float:right}.darsname-detail .title-darsname{text-align:center;padding:28px 10px;font-size:32px;background:#fc6;color:#699;text-shadow:0 0 3px #fff,0 0 5px #fff}.darsname-detail .body-text-darsname{font-size:22px;text-align:center;margin:60px 5px}.darsname-detail .field-table.loading-parent.open{width:80%;position:relative;margin:0 auto}.darsname-detail i.Font.fa.fa-send{float:left;margin-top:3px!important;margin-left:10px;font-size:24px;cursor:pointer;color:#63f;border:2px solid #63f;padding:7px;border-radius:50%}.darsname-edit .title-edit{text-align:center;padding:28px;font-size:32px;background:#fc6;color:#699;text-shadow:0 0 3px #fff,0 0 5px #fff}.darsname-edit .row{margin:25px 0}.subject.col-md-4.col-xs-4{float:right;width:50%}.sub-subject.col-md-4.col-xs-4{float:right;width:50%}input.chapter-section{width:100%;padding:16px;border-radius:5px;background:#96f;color:#fff;font-size:18px;text-align:center;border:none;margin:0}input.subtopic-section{width:100%;padding:16px;border-radius:5px;background:#96f;color:#fff;font-size:18px;text-align:center;border:none;margin:0}.darsname-edit .title-darsname input{padding:20px 5px;border:2px dashed #777;margin:20px 0;width:100%;text-align:center;font-size:22px}.darsname-edit .body-text-darsname textarea{padding:20px 20px;border:2px dashed #777;margin:20px 0;width:100%;text-align:right;font-size:18px;min-height:150px}.darsname-edit .subject.col-md-4.col-xs-4{padding-right:0}.darsname-edit .sub-subject.col-md-4.col-xs-4{padding-left:0}.darsname-edit .btn-send.center button{background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:18px;margin-top:10px;margin-bottom:30px;color:#000;padding:10px 60px}.darsname-filter-dialog{background:#fff}.darsname-filter-dialog select{width:100%;color:#fff;background:#96f;padding:10px;border-radius:5px}.darsname-filter-dialog .modal .modal-content{background:#fff}.darsname-filter-dialog .chapter{float:right}.darsname-filter-dialog .subtopic{float:left}.darsname-cooki label{font-size:18px;margin:30px 0 0 0}.darsname-cooki input{width:46px;height:29px;margin:29px 0 13px 0}.darsname-sahand label{font-size:18px;margin:12px 0 0 0}.darsname-sahand input{width:43px;height:29px;margin:10px 0 25px}.darsname-filter-dialog .row.row-button{width:80%;margin:0 auto!important}.darsname-filter-dialog .btn-confirm{float:right;width:40%;background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:16px;margin-top:10px;color:#000}.darsname-filter-dialog .btn-cancel{width:40%;background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:16px;margin-top:10px;color:#000}.darsname-filter-dialog .row{padding:20px}span.chapter{font-size:15px}.sent-darsname-filter-dialog{background:#fff;padding:20px}.sent-darsname-filter-dialog select{width:100%;color:#fff;background:#96f;padding:10px;border-radius:5px}.sent-darsname-filter-dialog .modal .modal-content{background:#fff}.sent-darsname-filter-dialog .chapter{float:right}.sent-darsname-filter-dialog .subtopic{float:left}.col-md-6.col-xs-12.from-date{float:right}.sent-darsname-filter-dialog .to-date-input{border:1px dashed #63f;background:#ccf}.sent-darsname-filter-dialog .from-date-input{border:1px dashed #63f;background:#ccf}.row.input-date{margin-top:25px}.row.select-class{margin-top:40px}.text-select.center{font-size:16px;margin-top:15px;margin-bottom:20px;color:#000}.select-class{margin-top:30px}.select-class .col-xs-12{padding:0}.row.hidden-auxiliary-textbook{margin-top:40px}.auxiliary-textbook-text{font-size:18px;margin-top:3px}.auxiliary-textbook-input{text-align:left;float:left;width:50px;height:24px}.sent-darsname-filter-dialog .row.row-button{width:92%;margin:0 auto;padding:20px 0}.sent-darsname-filter-dialog .btn-confirm{float:right;width:40%;background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:16px;margin-top:10px;color:#000}.sent-darsname-filter-dialog .btn-cancel{width:40%;background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:16px;margin-top:10px;color:#000}.input-chapter select{width:95%;margin:10px 0;padding:10px;color:#fff;background:#8079fd;border-radius:5px}span.item-number.ng-binding{border:1px solid #8278fd;border-radius:50%;width:50px;height:50px;padding:0 9px;margin-right:-21px;background:#b7b3f4}span.zero.ng-binding{text-align:center;width:100%;right:43%;position:relative}.row.input-date{margin-top:25px}.row.select-class{margin-top:40px}.text-select.center{font-size:16px;margin-top:15px;margin-bottom:20px;color:#000}.select-class{margin-top:30px}.select-class .col-xs-12{padding:0}.row.hidden-auxiliary-textbook{margin-top:40px}.auxiliary-textbook-text{font-size:18px;margin-top:3px}.auxiliary-textbook-input{text-align:left;float:left;width:50px;height:24px}span.deadline{font-size:16px}span.choose-class{font-size:16px}.fast-spin{-webkit-animation:fa-spin .6s infinite linear;animation:fa-spin .6s infinite linear}.question-root-personnel em{text-decoration:underline;font-style:normal}.question-root-personnel .left-to-right{direction:ltr}.question-root-personnel .question{width:100%;display:flex}.question-root-personnel .image-is-beneath{flex-direction:column}.question-root-personnel .right-column{width:100%;margin-left:10px;display:flex;flex-direction:column}.question-root-personnel .image-is-beneath .right-column{width:100%}.question-root-personnel .left-to-right .right-column{margin-left:0;margin-right:5px}.question-root-personnel .english-font *{font-family:FontAwesome;font-weight:600}.question-root-personnel .question-column{flex-direction:column}.question-root-personnel .question-number{width:100px;border-radius:5px 0 0 5px;border-right:none;margin:0 -11px 0 6px;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding:3px 0}.question-root-personnel .left-to-right .question-number{width:100px;height:21px;border:2px solid green;border-radius:0 5px 5px 0;border-right:none;margin:0 4px 7px -10px;text-align:center;background-color:green;color:#fff;display:inline-block}.question-root-personnel .question-column .question-body{width:100%}.question-root-personnel .question-body{width:100%;text-align:justify;line-height:2}.question-root-personnel .question-subbody{width:100%;text-align:center;line-height:3}.question-root-personnel .question-image{width:100%;margin:0 auto;display:flex;align-items:center}.question-root-personnel .image-is-beneath .question-image{width:100%;margin:0 auto;text-align:center}.question-root-personnel .question-image img{max-width:100%;height:auto;margin:0 auto;border-radius:5px}.question-root-personnel .option-container{width:100%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin-top:3px}.question-root-personnel .left-to-right .option-container{padding-left:0;padding-right:20px}.question-root-personnel .two-column .option-container{flex-direction:row;padding-left:0;flex-wrap:wrap;justify-content:flex-start}.question-root-personnel .three-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.question-root-personnel .four-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.question-root-personnel .each-option{width:100%;display:flex;flex-direction:row;align-items:center;border-radius:5px;position:relative}.question-root-personnel .left-to-right .each-option{background-position:right}.question-root-personnel .two-column .each-option{justify-content:flex-start;width:50%}.question-root-personnel .two-column .each-descriptive-option{justify-content:flex-start;width:50%}.question-root-personnel .each-descriptive-option.is-poem{justify-content:flex-start;width:47%}.question-root-personnel .three-column .each-option{justify-content:flex-start;width:33%}.question-root-personnel .three-column .each-descriptive-option{justify-content:flex-start;width:33%}.question-root-personnel .four-column .each-option{justify-content:flex-start;width:25%}.question-root-personnel .four-column .each-descriptive-option{justify-content:flex-start;width:25%}.question-root-personnel .is-poem{justify-content:center!important}.question-root-personnel .star{width:100%;text-align:center}.question-root-personnel .each-descriptive-option{display:flex;flex-direction:row;margin:7px 0;padding:5px 0;align-items:center;background-size:200%;transition:.5s ease-out;border-radius:5px;cursor:pointer;position:relative}.question-root-personnel .option-number{display:flex;align-items:center;justify-content:center}.question-root-personnel .correct-option{color:green;display:flex;justify-content:center;align-items:center;margin:0 0 0 7px;font-size:15px}.question-root-personnel .option{display:flex;align-items:center;flex-wrap:wrap;margin:6px;line-height:2}.question-root-personnel .verse{width:50%;display:flex}.question-root-personnel .poem-alignment{justify-content:flex-end}@media screen and (max-width:1024px){.sa-personnel .repeated-lesson-container{padding:0 4px}.sa-personnel .repeated-lesson-container .repeated-lesson{margin-bottom:35px}.sa-personnel .repeated-lesson-container .repeated-lesson .constant-item{width:178px;margin:auto}.sa-personnel .repeated-lesson-container .item-lesson{background-size:1082px 925px;height:150px;margin:0 auto 10px}.sa-personnel .repeated-lesson-container .title-lesson{width:100%;font-size:18px;margin-top:15px;color:#033}.sa-personnel .repeated-lesson-container .item-lesson.riazi{background-position:-358px -364px}.sa-personnel .repeated-lesson-container .item-lesson.oloom{background-position:-592px -364px}.sa-personnel .repeated-lesson-container .item-lesson.farsi{background-position:-827px -94px}.sa-personnel .repeated-lesson-container .item-lesson.negaresh{background-position:-358px -637px}.sa-personnel .repeated-lesson-container .item-lesson.qoran{background-position:-358px -88px}.sa-personnel .repeated-lesson-container .item-lesson.hedye{background-position:-593px -88px}.sa-personnel .repeated-lesson-container .item-lesson.motaleat{background-position:-828px -363px}.sa-personnel .repeated-lesson-container .item-lesson.tafakor{background-position:-81px -644px}.sa-personnel .repeated-lesson-container .item-lesson.fanavari{background-position:-590px -641px}.sa-personnel .repeated-lesson-container .item-lesson.fogheBarname{background-position:-828px -645px}.sa-personnel .repeated-lesson-container .item-lesson.arabi{background-position:-83px -94px}.sa-personnel .repeated-lesson-container .item-lesson.english{background-position:-84px -361px}}@media screen and (max-width:768px){.sa-personnel .button-type1{font-size:13px}.sa-personnel audio#audioSection{width:100%;height:40px}.sa-personnel .repeated-lesson-container{padding:0 4px}.sa-personnel .repeated-lesson-container .repeated-lesson{margin-bottom:0;width:33%;height:200px}.sa-personnel .repeated-lesson-container .repeated-lesson .constant-item{width:160px;margin:auto}.sa-personnel .repeated-lesson-container .item-lesson{background-size:994px 850px;height:140px;margin:0 auto 10px}.sa-personnel .repeated-lesson-container .title-lesson{width:100%;font-size:16px;margin-top:15px;color:#033}.sa-personnel .repeated-lesson-container .item-lesson.riazi{background-position:-331px -333px}.sa-personnel .repeated-lesson-container .item-lesson.oloom{background-position:-546px -333px}.sa-personnel .repeated-lesson-container .item-lesson.farsi{background-position:-763px -85px}.sa-personnel .repeated-lesson-container .item-lesson.negaresh{background-position:-329px -584px}.sa-personnel .repeated-lesson-container .item-lesson.qoran{background-position:-332px -81px}.sa-personnel .repeated-lesson-container .item-lesson.hedye{background-position:-547px -79px}.sa-personnel .repeated-lesson-container .item-lesson.motaleat{background-position:-762px -332px}.sa-personnel .repeated-lesson-container .item-lesson.tafakor{background-position:-76px -589px}.sa-personnel .repeated-lesson-container .item-lesson.fanavari{background-position:-545px -584px}.sa-personnel .repeated-lesson-container .item-lesson.fogheBarname{background-position:-763px -592px}.sa-personnel .repeated-lesson-container .item-lesson.arabi{background-position:-75px -84px}.sa-personnel .repeated-lesson-container .item-lesson.english{background-position:-78px -331px}.sa-personnel .all-lessons .lesson-repeated{width:29.3%;margin:0 2% 35px;font-size:13px;float:right}.sa-personnel .all-lessons .item-lesson:before{content:"";width:100px;height:100px;background-size:770px;margin:0 auto}.sa-personnel .all-lessons .title-lesson{font-size:13px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.farsi:before{background-position:-604px -75px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.hedye:before{background-position:-435px -78px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.qoran:before{background-position:-270px -76px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.motaleat:before{background-position:-604px -271px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.oloom:before{background-position:-435px -271px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.riazi:before{background-position:-274px -271px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.fogheBarname:before{background-position:-604px -469px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.fanavari:before{background-position:-435px -469px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.negaresh:before{background-position:-269px -469px}.sa-personnel .all-lessons .lesson-repeated .item-lesson.tafakor:before{background-position:-72px -469px}.sa-personnel .all-lessons .lesson-repeated .item-lesson:before{background-position:-72px -469px}.sa-personnel .all-lessons .lesson-repeated .checked-badge{font-size:72px;top:-8%;left:50%;width:33px;height:33px}.sa-personnel .all-lessons .lesson-repeated .locked-badge{font-size:72px;top:1%;left:41%;width:33px;height:33px}.sa-personnel .sa-header h1{font-size:24px;padding:25px 0}span.deadline{font-size:12px}span.choose-class{font-size:12px}span.zero.ng-binding{right:27%}.total-options{margin:1px 15px}.barem-bandi{width:86%;height:100px;margin:-66px 0}.full-width.barem{background:#fff;margin-top:20px}.nim-manfi{margin:5px;height:50px;width:50px;font-size:14px}.nim-mosbat{height:50px;width:50px;font-size:14px;margin:5px}.mosbat-25{margin:5px;height:50px;width:50px;font-size:14px}.manfi-25{margin:5px;height:50px;width:50px;font-size:14px}input.firstQualitativeOption{width:95%;font-size:13px}input.secondQualitativeOption{width:95%;font-size:13px}input.thirdQualitativeOption{width:95%;font-size:13px}input.fotrhQualitativeOption{width:95%;font-size:13px}.violet-color{color:#63f;font-weight:700;border:2px solid #63f;border-radius:50%;padding:8px;margin:6px 0 0 0;text-align:center;font-size:12px}.sent-darsname-filter-dialog .subtopic{float:left;margin-top:12px}.select-class .col-xs-12{padding:0 15px!important}.row.hidden-auxiliary-textbook{margin-top:35px!important}.auxiliary-textbook-text{font-size:12px;margin-top:10px}.sent-darsname-filter-dialog .to-date{margin-top:20px}.sent-darsname-filter-dialog .row.input-date{margin-top:25px}.sent-darsname-filter-dialog .row{margin:0}.sent-darsname-filter-dialog .chapter{margin-right:0;margin-bottom:10px}.sent-darsname-filter-dialog{background:#fff;padding:0}.darsname-filter-dialog .row{margin:0}.darsname-filter-dialog .chapter{margin-right:0;margin-bottom:10px}.darsname-filter-dialog .subtopic{margin-left:0;margin-top:20px}span.chapter{font-size:12px}.empty-box{height:100px;width:1px}.darsname-cooki label{font-size:16px;margin:45px 0 0}.darsname-cooki input{width:19px;height:24px;margin:42px 0 20px 0}.darsname-sahand label{font-size:16px}.darsname-sahand input{width:19px;height:24px}.darsname-edit .btn-send.center button{font-size:14px;padding:10px 20px}.darsname-edit .title-darsname input{font-size:16px}.darsname-edit .body-text-darsname textarea{padding:10px 10px;font-size:16px;min-height:150px}input.chapter-section{padding:12px;font-size:14px}input.subtopic-section{padding:12px;font-size:14px}.darsname-edit .title-edit{font-size:28px}.darsname-detail i.Font.fa.fa-send{float:left;font-size:14px}.darsname-detail i.Font.fa.fa-send{float:left;margin-top:-5px!important;font-size:16px;margin-left:0!important}.darsname-detail .title-darsname{font-size:16px}button.col-md-3.col-xs-3.upload-sound{width:20%}button.apply.btn-confirm{background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:14px;margin-top:10px;color:#000}button.add.center.ng-isolate-scope{background:#99f;padding:8px 20px;border:3px solid #66f;border-radius:5px;font-size:14px;margin-top:10px;color:#000}.col-xs-6.input-fasl{padding-right:0}.col-xs-6.input-sub-subject{padding-left:0}.addDarsname-h1{margin-bottom:0}.input-fasl select{margin:10px 0;padding:10px}.input-sub-subject select{margin:10px 0;padding:10px}.addDarsname-h1{font-size:18px}.darsname-style-title{position:relative;float:right;width:40%;height:100px}.second-part{position:relative;float:right;width:25%;height:100px}.darsname-title{font-size:18px}.third-part{position:relative;float:right;width:25%;height:100px}.darsname-icons{position:relative;float:right;width:20%;margin-top:5px;cursor:pointer}.teacher-darsname-list .icon-circle{top:28%;width:70%;padding:35%}.teacher-darsname-list .icon-circle.active{border:7px solid red}.title-span{position:absolute;font-size:10px;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%)}.darsname-titr{color:#f60;font-size:18px}.darsname-summery-titr{color:#000;font-weight:700;font-size:16px}.darsname-rest-titr{color:#000;font-weight:300;font-size:14px;margin-top:5px}.question-root-personnel .option{flex-direction:column;align-items:flex-start;width:84%;text-align:justify;margin:4px}.question-root-personnel .each-descriptive-option.is-poem .option{align-items:center!important}.question-root-personnel .verse{width:100%}}@media screen and (max-width:480px){.sa-personnel .repeated-lesson-container{padding:0 4px}.sa-personnel .repeated-lesson-container .repeated-lesson{margin-bottom:0;width:33%;height:146px}.sa-personnel .repeated-lesson-container .repeated-lesson .constant-item{width:106px;margin:auto}.sa-personnel .repeated-lesson-container .item-lesson{background-size:702px 600px;height:95px;margin:22px auto -7px}.sa-personnel .repeated-lesson-container .title-lesson{width:100%;font-size:14px;margin-top:15px;color:#033}.sa-personnel .repeated-lesson-container .item-lesson.riazi{background-position:-240px -240px}.sa-personnel .repeated-lesson-container .item-lesson.oloom{background-position:-388px -240px}.sa-personnel .repeated-lesson-container .item-lesson.farsi{background-position:-542px -63px}.sa-personnel .repeated-lesson-container .item-lesson.negaresh{background-position:-237px -415px}.sa-personnel .repeated-lesson-container .item-lesson.qoran{background-position:-242px -61px}.sa-personnel .repeated-lesson-container .item-lesson.hedye{background-position:-390px -58px}.sa-personnel .repeated-lesson-container .item-lesson.motaleat{background-position:-541px -239px}.sa-personnel .repeated-lesson-container .item-lesson.tafakor{background-position:-56px -420px}.sa-personnel .repeated-lesson-container .item-lesson.fanavari{background-position:-389px -417px}.sa-personnel .repeated-lesson-container .item-lesson.fogheBarname{background-position:-542px -422px}.sa-personnel .repeated-lesson-container .item-lesson.arabi{background-position:-59px -64px}.sa-personnel .repeated-lesson-container .item-lesson.english{background-position:-59px -237px}.question-root-personnel .images{width:100%;height:64px;margin:10px auto}.question-root-personnel .question{width:100%;display:flex;flex-direction:column}.question-root-personnel .right-column{width:100%;margin-left:0}.question-root-personnel .right-column .question-body{width:100%}.question-root-personnel .question-image{max-width:100%}.question-root-personnel .worksheet-content{margin-bottom:20px}.question-root-personnel .each-option{padding:3px 0}.question-root-personnel .two-column .each-option{width:100%}.question-root-personnel .two-column .each-descriptive-option{width:100%}.question-root-personnel .three-column .each-option{width:100%}.question-root-personnel .three-column .each-descriptive-option{width:100%}.question-root-personnel .four-column .each-option{width:100%;font-size:12px}.question-root-personnel .four-column .each-descriptive-option{width:100%}.question-root-personnel .is-poem{flex-direction:column}.question-root-personnel .is-poem .option{justify-content:center}}.sa-student .sa-header{height:15%;background-color:#33a492}.sa-student .sa-header h1{margin:0;background-color:transparent;font-size:34px;color:#fff;padding:45px 0;text-align:center}.sa-student .sa-content{height:85%}.relative{position:relative}.sa-student .all-lessons{height:89%;border-top:transparent;padding:2%;text-align:center;overflow:auto}.sa-student .button-type1{border:3px solid #66f;background-color:#99f;border-radius:3px;font-size:15px;color:#fff}.sa-student .all-lessons .item-lesson:before{content:"";width:180px;background:url(../images/icon-dars_2.png) no-repeat;height:180px;display:block;margin:0 auto 10px;cursor:pointer}.sa-student .all-lessons .lesson-repeated{padding:1vh 0}.sa-student .all-lessons .lesson-repeated{width:33.33%;display:inline-block;margin:0 0 35px;font-size:18px;float:right;height:initial;margin-bottom:51px}.sa-student .lesson-repeated{display:inline-block;width:27%;margin:2%}.sa-student .all-lessons .lesson-repeated{padding:1vh 0;line-height:0!important}.sa-student .all-lessons .lesson-repeated .item-lesson.farsi:before{background-position:-1158px -152px}.sa-student .all-lessons .lesson-repeated .item-lesson.hedye:before{background-position:-838px -152px}.sa-student .all-lessons .lesson-repeated .item-lesson.qoran:before{background-position:-520px -152px}.sa-student .all-lessons .lesson-repeated .item-lesson.motaleat:before{background-position:-1158px -524px}.sa-student .all-lessons .lesson-repeated .item-lesson.oloom:before{background-position:-835px -524px}.sa-student .all-lessons .lesson-repeated .item-lesson.riazi:before{background-position:-524px -524px}.sa-student .all-lessons .lesson-repeated .item-lesson.fogheBarname:before{background-position:-1160px -902px}.sa-student .all-lessons .lesson-repeated .item-lesson.fanavari:before{background-position:-837px -902px}.sa-student .all-lessons .lesson-repeated .item-lesson.negaresh:before{background-position:-519px -902px}.sa-student .all-lessons .lesson-repeated .item-lesson.tafakor:before{background-position:-141px -902px}.sa-student .all-lessons .lesson-repeated .item-lesson.arabi:before{background-position:-141px -153px}.sa-student .all-lessons .lesson-repeated .item-lesson.english:before{background-position:-141px -516px}.sa-student .all-lessons .whole-item-lesson{position:relative;width:100%;padding:9px 0}.sa-student .all-lessons span.lesson-badge{background:red;font-size:18px;border-radius:50%;color:#fff;position:absolute;top:5%;left:60%;line-height:2;width:33px;height:33px;box-shadow:5px 4px 9px 1px rgba(0,0,0,.26)}.sa-student .all-lessons .title-lesson{width:100%;position:absolute;right:3px;font-size:22px;margin-top:15px;color:#033}.student-darsname-selectlesson .sa-footer,.student-homework-selectlesson .sa-footer{text-align:center;color:#fff;width:100%;padding:15px 0;height:11%;font-size:18px}.sa-student .font-shadow{text-shadow:0 0 0 #033,0 1px 0 #033,1px 0 0 #033,1px 2px 4px #033}.sa-student .text-shadow-light{text-shadow:-1px -1px 5px #fff,1px -1px 5px #fff,-1px 1px 5px #fff,1px 1px 5px #fff}.sa-student .teacher-description{border:2px dashed #999;margin-top:10px;padding:10px 10px;border-radius:5px}.sa-student .voice-player audio{width:90%;height:40px}.question-root-student em{text-decoration:underline;font-style:normal}.question-root-student .left-to-right{direction:ltr}.question-root-student .question{width:100%;display:flex}.question-root-student .image-is-beneath{flex-direction:column}.question-root-student .right-column{width:100%;margin-left:10px;display:flex;flex-direction:column}.question-root-student .left-to-right .right-column{margin-left:0;margin-right:5px}.question-root-student .english-font *{font-family:FontAwesome;font-weight:600}.question-root-student .question-column{flex-direction:column}.question-root-student .question-number{width:100px;height:21px;border-radius:5px 0 0 5px;border-right:none;margin:0 -11px 0 6px;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding-top:2px}.question-root-student .left-to-right .question-number{width:100px;height:21px;border:2px solid green;border-radius:0 5px 5px 0;border-right:none;margin:0 4px 7px -10px;text-align:center;background-color:green;color:#fff;display:inline-block}.question-root-student .question-column .question-body{width:100%}.question-root-student .question-body{width:100%;text-align:justify;line-height:2}.question-root-student .question-subbody{width:100%;text-align:center;line-height:3}.question-root-student .question-image{width:100%;margin:0 auto;display:flex;align-items:center}.question-root-student .question-image img{max-width:100%;height:auto;margin:0 auto;border-radius:5px}.question-root-student .option-container{width:100%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.question-root-student .left-to-right .option-container{padding-left:0;padding-right:20px}.question-root-student .two-column .option-container{flex-direction:row;padding-left:0;flex-wrap:wrap;justify-content:flex-start}.question-root-student .three-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.question-root-student .four-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.question-root-student .option-wrapper{width:100%;display:flex;flex-direction:row}.question-root-student .each-option{width:100%;display:flex;flex-direction:row;margin:7px 10px;padding:5px;align-items:center;background:linear-gradient(to right,rgb(214 211 211) 50%,#f7aa4c 50%) left;background-size:200%;transition:.5s ease-out;border-radius:5px;cursor:pointer;box-shadow:0 4px 9px #00000082;position:relative}.question-root-student .selected{color:#00f}.question-root-student .left-to-right .each-option{background-position:right;background:linear-gradient(to right,#f7aa4c 50%,rgb(214 211 211) 50%) right;background-size:200%;transition:.5s ease-out}.question-root-student .each-option.selected{background:linear-gradient(to right,rgb(214 211 211) 50%,#f7aa4c 50%) right;background-size:200%;transition:.5s ease-out}.question-root-student .left-to-right .each-option.selected{background:linear-gradient(to left,rgb(214 211 211) 50%,#f7aa4c 50%) left;background-size:200%;transition:.5s ease-out}.question-root-student .option-number{display:flex;align-items:center;justify-content:center}.question-root-student .option{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin:6px;width:100%;line-height:2}.question-root-student .verse{width:50%;display:flex}.question-root-student .checkbox-container{width:23px;display:flex;justify-content:flex-end;align-items:center}.question-root-student .check-box{width:20px;height:20px;border:2px solid #000;display:flex;justify-content:center;align-items:center;border-radius:4px}.question-root-student .checked{font-size:18px}.question-root-student .two-column .option-wrapper{justify-content:flex-start;width:50%}.question-root-student .two-column .each-descriptive-option{justify-content:flex-start;width:47%}.question-root-student .three-column .option-wrapper{justify-content:flex-start;width:33.33%}.question-root-student .three-column .each-descriptive-option{justify-content:flex-start;width:30%}.question-root-student .four-column .option-wrapper{justify-content:flex-start;width:25%}.question-root-student .four-column .each-descriptive-option{justify-content:flex-start;width:22%}.question-root-student .is-poem{justify-content:center!important}.question-root-student .star{width:100%;text-align:center}.question-root-student .each-descriptive-option{display:flex;flex-direction:row;margin:7px 10px;padding:5px;align-items:center;background-size:200%;transition:.5s ease-out;border-radius:5px;cursor:pointer;position:relative}.question-root-student .poem-alignment{justify-content:flex-end}@media screen and (max-width:1024px){.question-root-student .two-column .option-wrapper{width:50%}.question-root-student .three-column .option-wrapper{width:33.33%}.question-root-student .four-column .option-wrapper{width:25%}}@media (max-width:768px){.search-homework-dialog .filter-student{display:block;width:100%}.search-homework-dialog .filter-number-question{display:block;width:100%;margin:15px 0}.search-homework-dialog .filter-student span.error{font-size:10px}.search-homework-dialog .filter-number-question span.error{font-size:10px}.search-homework-dialog .filter-number-question span{margin-right:0;font-size:14px}.search-homework-dialog .filter-student span{margin-right:0;font-size:14px}.search-homework-dialog .title-form{padding:10px;font-size:20px}.search-homework-dialog .bottom-form{padding:10px;margin-top:15px}.search-homework-dialog button.btn-confirm{font-size:15px}.search-homework-dialog button.btn-cancel{font-size:15px}.search-homework-dialog .filter-student select{padding:5px}.search-homework-dialog .filter-number-question select{padding:5px}.search-homework-dialog .main-form{padding:6% 3% 20% 3%}.sa-student .sa-header{height:12%}.sa-student .sa-content{height:85%}.student-homework-selectlesson h1{font-size:22px}.sa-student .sa-header h1{font-size:24px;padding:25px 0}.student-darsname-selectlesson .sa-footer,.student-homework-selectlesson .sa-footer{padding:14px 0!important;font-size:12px}.sa-student .all-lessons .title-lesson{width:100%;position:absolute;right:3px;font-size:12px}.sa-student .all-lessons span.lesson-badge{font-size:14px;height:28px;width:28px}.sa-student .all-lessons .lesson-repeated{width:29.3%;margin:0 2% 35px;font-size:13px;float:right}.sa-student .all-lessons .item-lesson:before{content:"";width:100px;height:100px;background-size:770px;margin:0 auto}.sa-student .all-lessons .lesson-repeated .item-lesson.farsi:before{background-position:-604px -75px}.sa-student .all-lessons .lesson-repeated .item-lesson.hedye:before{background-position:-435px -78px}.sa-student .all-lessons .lesson-repeated .item-lesson.qoran:before{background-position:-270px -76px}.sa-student .all-lessons .lesson-repeated .item-lesson.motaleat:before{background-position:-604px -271px}.sa-student .all-lessons .lesson-repeated .item-lesson.oloom:before{background-position:-435px -271px}.sa-student .all-lessons .lesson-repeated .item-lesson.riazi:before{background-position:-274px -271px}.sa-student .all-lessons .lesson-repeated .item-lesson.fogheBarname:before{background-position:-604px -469px}.sa-student .all-lessons .lesson-repeated .item-lesson.fanavari:before{background-position:-435px -469px}.sa-student .all-lessons .lesson-repeated .item-lesson.negaresh:before{background-position:-269px -469px}.sa-student .all-lessons .lesson-repeated .item-lesson.tafakor:before{background-position:-72px -469px}.sa-student .all-lessons .lesson-repeated .item-lesson.arabi:before{background-position:-74px -73px}.sa-student .all-lessons .lesson-repeated .item-lesson.english:before{background-position:-73px -265px}.sa-student .all-lessons .lesson-repeated .item-lesson:before{background-position:-72px -469px}.question-root-student .two-column .option-wrapper{justify-content:flex-start;width:50%}.question-root-student .two-column .each-descriptive-option{justify-content:flex-start;width:45%}.question-root-student .three-column .option-wrapper{justify-content:flex-start;width:33.33%}.question-root-student .three-column .each-descriptive-option{justify-content:flex-start;width:28%}.question-root-student .four-column .option-wrapper{justify-content:flex-start;width:25%;font-size:11px}.question-root-student .option{flex-direction:column;align-items:flex-start}.question-root-student .each-descriptive-option.is-poem .option{align-items:center!important}.question-root-student .verse{width:100%}.question-root-student .four-column .each-descriptive-option{justify-content:flex-start;width:20%}}@media screen and (max-width:480px){.question-root-student .images{width:100%;height:64px;margin:10px auto}.question-root-student .question{width:100%;display:flex;flex-direction:column}.question-root-student .right-column{width:100%;margin-left:0}.question-root-student .right-column .question-body{width:100%}.question-root-student .question-image{max-width:100%}.question-root-student .worksheet-content{margin-bottom:20px}.question-root-student .option-wrapper{padding:3px 7px}.question-root-student .two-column .option-wrapper{width:100%}.question-root-student .two-column .each-descriptive-option{width:100%}.question-root-student .three-column .option-wrapper{width:100%}.question-root-student .each-option{margin:3px 0;padding:2px 5px}.question-root-student .three-column .each-descriptive-option{width:100%}.question-root-student .four-column .option-wrapper{width:100%;font-size:12px}.question-root-student .four-column .each-descriptive-option{width:100%}.question-root-student .is-poem{flex-direction:column}.question-root-student .is-poem .option{justify-content:center}}.error-404{background:repeating-linear-gradient(45deg,#fff,#0065bf);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-404 .error-body{text-align:center;font-size:24px;color:#663399}.error-404 .error-button{text-align:center;margin-top:10px}.error-500{background:repeating-linear-gradient(45deg,#fff,#0065bf);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-500 .error-body{text-align:center;font-size:24px;color:#663399}.error-500 .error-button{text-align:center;margin-top:10px}.error-403{background:repeating-linear-gradient(45deg,#fff,#0065bf);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-403 .error-body{text-align:center;font-size:24px;color:#663399}.error-403 .error-button{text-align:center;margin-top:10px}@media screen and (max-width:480px){.error-404 .error-body{font-size:16px}.error-500 .error-body{font-size:16px}.error-403 .error-body{font-size:16px}}.notification-dialog{padding:15px;background-color:#fff;border:2px solid gray;border-radius:5px;background:url(../images/patern.png)}.notification-dialog .title{display:flex;flex-direction:column;justify-content:center;align-items:center}.notification-dialog .title-icon{font-size:50px;display:flex}.notification-dialog .separator-border{border-bottom:5px dotted #8a2be2;width:180px;margin-top:25px}.notification-dialog .title-text{font-size:20px;padding-top:20px}.notification-dialog .body{display:flex;justify-content:center;align-items:center;text-align:justify;padding:10px;font-size:14px}.notification-dialog .close-button{width:80px;background-color:#8a2be2;border-radius:4px;border:2px solid violet;color:#fffaf0;cursor:pointer;text-align:center;padding:7px;font-size:17px;margin:5px auto;display:block}.notification-dialog .close-button:hover{background-color:#5167ef}.notification-dialog .type4-buttons{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.notification-dialog .yes-button{width:80px;background-color:green;border-radius:4px;border:2px solid #006400;color:#fffaf0;cursor:pointer;text-align:center;padding:7px;font-size:17px}.notification-dialog .yes-button:hover{background-color:#18a218}.notification-dialog .no-button{width:80px;background-color:red;border-radius:4px;border:2px solid #8b0000;color:#fffaf0;cursor:pointer;text-align:center;padding:7px;font-size:17px}.notification-dialog .no-button:hover{background-color:#ff3131}@media screen and (max-width:1024px){.notification-dialog{padding:10px 0}}@media screen and (max-width:768px){.notification-dialog .title{margin-top:5px}}@media screen and (max-width:480px){.notification-dialog .title-icon{font-size:40px}.notification-dialog .title-text{font-size:17px}.notification-dialog .body{font-size:12px}.notification-dialog .close-button{font-size:15px}.notification-dialog .yes-button{font-size:15px}.notification-dialog .no-button{font-size:15px}}.file-uploader-dialog .uploader{margin:5px auto}.file-uploader-dialog .add-photo{cursor:pointer;box-shadow:0 0 4px 0 #002c63;color:#0d65d2;width:93px;height:89px;display:flex;position:relative;justify-content:center;align-items:center;margin:0 auto;flex-direction:column;border-radius:18px;border:1px solid #4169e1}.file-uploader-dialog .add-photo-icon{position:relative;width:55px;height:48px;display:flex;margin-bottom:3px}.file-uploader-dialog .add-photo-icon .fa-photo{font-size:50px}.file-uploader-dialog .add-photo-icon .fa-plus-circle{position:absolute;z-index:2;font-size:24px;bottom:-4px;right:-10px;background:#efefef;border-radius:50px}.file-uploader-dialog .photo-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;background:gray;opacity:.8;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:2;border-radius:15px}.file-uploader-dialog .photo-name{text-align:center;color:red;margin:5px;font-size:14px;height:20px}.select-dropdown-dialog{text-align:center;padding:35px;background-color:#fff}.select-dropdown-dialog .dropdown-title{font-size:16px}.select-dropdown-dialog .paye-dropdown{min-width:147px;border-radius:5px;margin-top:7px;font-size:15px}.select-dropdown-dialog .select-dialog-button{display:flex;align-items:center;justify-content:space-around;margin:20px 0 0}.triplex-list-dialog .list-dialog-container{width:100%;max-height:75vh;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;padding:0 0;border-radius:5px}.triplex-list-dialog .list-dialog-container.single-column{flex-direction:column;flex-wrap:nowrap}.triplex-list-dialog .list-dialog-card{width:47%;color:#000;border-radius:5px;margin:2px;font-size:16px;display:flex;justify-content:center;align-items:center;padding:3px}.triplex-list-dialog .selectable{cursor:pointer;border:1px outset #a9a9a9}.triplex-list-dialog .selectable:hover{background-color:#ffbf00}.triplex-list-dialog .first-color{background-color:#86de86}.triplex-list-dialog .second-color{background-color:#ff6f6f}.triplex-list-dialog .list-dialog-footer{width:100%;display:flex;justify-content:center;align-items:center;margin:10px 0;height:35px}.triplex-list-dialog .list-dialog-guide-container{width:48%;display:flex;justify-content:center;align-items:center}.triplex-list-dialog .list-dialog-guide{display:flex;width:115px;border:2px solid #4e4141;border-radius:5px;height:40px}.triplex-list-dialog .guide-colum1{width:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-left:2px solid #4e4141;height:100%}.triplex-list-dialog .guide-colum2{width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000}.triplex-list-dialog .guide-colum2-top{width:100%;height:50%;background-color:#86de86;border-radius:5px 0 0 0;display:flex;justify-content:center;align-items:center}.triplex-list-dialog .guide-colum2-bottom{width:100%;height:50%;background-color:#ff6f6f;display:flex;justify-content:center;align-items:center}.triplex-list-dialog .list-dialog-button{width:48%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.triplex-list-dialog .list-dialog-message{font-size:17px}.triplex-list-dialog .list-dialog-card{font-size:13px}}@media screen and (max-width:480px){.triplex-list-dialog .list-dialog-message{font-size:14px}.triplex-list-dialog .list-dialog-card{font-size:10px;width:48%}.triplex-list-dialog .list-dialog-guide{right:2px;bottom:-2px;width:90px;font-size:10px}.triplex-list-dialog .guide-colum1{width:35%}.triplex-list-dialog .guide-colum2{width:65%}}.add-question .flex-display{display:flex;align-items:center}.add-question .header{padding:5px;border-radius:5px 5px 0 0;background:#064ba0}.add-question .header-border{border:2px solid #f7aa4c;padding:8px 0;border-radius:5px 5px 0 0;color:#fff;font-size:18px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap}.add-question .content{border:1px solid #b3b3b3;border-radius:5px}.add-question .question-main-content{padding:0 8px;font-size:15px}.add-question .question-direction-content,.add-question .question-type-content{justify-content:center;margin:20px 0}.add-question .question-direction,.add-question .question-type{margin-right:15px;justify-content:space-around;flex-wrap:wrap}.add-question .question-direction div,.add-question .question-type div{margin:0 20px}.add-question .question-main-content input[type=radio]{margin:0 0 0 3px}.add-question .question-main-content textarea{resize:none;width:100%;height:150px;border-radius:5px;margin:5px auto 0;padding:5px;font-size:14px}.add-question .question-body{margin:10px auto;padding:0 25px}.add-question .question-options{text-align:justify;border:1px solid #0653b4;padding:5px 10px 0;border-radius:5px;margin:0 auto 10px;width:98%}.add-question .question-options legend{border:none;width:120px;margin:0 auto 7px;font-size:18px;color:#0d65d2;text-align:center}.add-question .question-options textarea{width:70%;height:33px;margin:0 0 0 8px}.add-question .question-options button{color:#01377b;border-radius:5px;border:2px solid #fd8a00;padding:3px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525}.add-question .each-option{margin:10px 0;font-size:14px;line-height:1.8;justify-content:space-around;border-bottom:1px solid #dedede;padding-bottom:4px}.add-question .each-option:last-child{border-bottom:none}.add-question .option-number{margin-left:5px}.add-question .option-buttons{margin-right:8px}.add-question .each-option button{font-size:20px;padding:2px 3px;min-width:30px;margin:0 5px;display:inline-flex;justify-content:center}.add-question .add-question-button{display:block;margin:15px auto;color:#01377b;border-radius:5px;border:2px solid #fd8a00;padding:3px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525}@media screen and (max-width:768px){.add-question .header-border{padding:6px 0;font-size:16px}.add-question .question-main-content{font-size:13px}.add-question .question-direction-content,.add-question .question-type-content{margin:15px 0}.add-question .question-direction,.add-question .question-type{margin-right:0}.add-question .question-direction div,.add-question .question-type div{margin:0 6px}.add-question .question-main-content textarea{font-size:12px}.add-question .question-body{padding:0 5px;margin:5px auto}.add-question .question-options legend{width:98px;font-size:15px}.add-question .question-options textarea{width:75%;height:29px}.add-question .question-options button{padding:3px 4px}.add-question .each-option{margin:8px 0;font-size:12px;padding-bottom:8px}.add-question .each-option button{font-size:16px;padding:2px 3px;min-width:26px;margin:0 3px}}@media screen and (max-width:480px){.add-question .header-border{padding:6px 0;font-size:14px}.add-question .question-main-content{font-size:12px}.add-question .question-direction-content,.add-question .question-type-content{margin:12px 0;flex-direction:column}.add-question .question-direction-content span,.add-question .question-type-content span{margin-bottom:4px}.add-question .question-body{padding:0 0}.add-question .question-options legend{width:90px;font-size:14px}.add-question .add-option{flex-direction:column}.add-question .question-options{padding:5px 6px 0;border-radius:5px;margin:0 auto 0;width:100%}.add-question .question-main-content textarea{height:110px}.add-question .question-options textarea{margin:0 0 5px;width:100%;height:28px;font-size:11px}.add-question .question-options button{padding:2px 4px;min-width:23px}.add-question .each-option{flex-direction:column;background:#ededed;padding-bottom:5px;box-shadow:1px 1px 2px 0 #515151;border-radius:5px 5px 0 0}.add-question .option-text{flex-direction:column}.add-question .option-text span:last-child{padding:3px}.add-question .option-number{margin-left:0;background:#4682b4;width:100%;text-align:center;border-radius:5px 5px 0 0;color:#fff}.add-question .add-question-button{margin:10px auto}.add-question .each-option button{font-size:14px}}@media screen and (max-width:768px){.game .puzzle-container{font-size:21px;height:calc(100% - 180px)}.game .letter{width:40px;height:40px;margin:3px 2px;line-height:31px}.game .keyboard-btn{width:33px;height:36px}.game tr{flex-direction:column}.game svg{width:20px;height:20px}}@media screen and (max-width:480px){.game .puzzle-container{font-size:19px;height:calc(100% - 180px)}.game .letter{width:37px;height:37px;margin:2px 1px;line-height:26px}.game .keyboard-btn{width:21px;height:25px}.game .keyboard{font-size:13px;padding:3px 1px}.game svg{width:14px;height:14px}}@media screen and (max-width:1024px){.math-game{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.math-game .digit{width:45px;height:45px;font-size:17px;line-height:45px}.math-game .header-options{width:95%;padding:19px 7px;height:0;margin:0 auto}.math-game .how-play{font-size:30px}.math-game .coins{font-size:14px}.math-game .total-coin{background-position:-214px -48px;background-size:746px 490px;width:24px;height:29px}}@media screen and (max-width:480px){.math-game .digits-container{width:300px}.math-game .digit{margin:2px;border:2px solid #5c5c5c}}.download-software .softwares-content{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:15px}.download-software .software{width:97%;margin:10px;padding:10px;border:1px solid #b8b8b8;border-radius:8px;box-shadow:0 0 4px 0 grey;position:relative}.download-software .software-num{position:absolute;top:10px;right:15px;font-size:34px;border-radius:84px;color:#064ba0;width:43px;height:43px;border:2px solid #064ba0;text-align:center}.download-software .software:hover{background:#f4f4f4;box-shadow:1px 1px 4px 1px grey}.download-software .software-icon{text-align:center;margin:0 0 6px}.download-software .software-icon i.fa-firefox{color:#ff4500;font-size:30px}.download-software .software-name{text-align:center;font-size:14px;color:#003f8e}.download-software .software-description{text-align:center;margin-top:5px;font-size:14px}.download-software .software a,.download-software .software a:hover{display:block;font-size:13px;background:#04cb00;padding:2px 5px;margin:10px auto 5px;border-radius:5px;border:1px solid #04a800;min-width:65px;box-shadow:1px 1px 3px 1px grey;cursor:pointer;text-align:center;text-decoration:none;color:#000}@media screen and (max-width:720px){.download-software .software-num{font-size:25px;width:36px;height:35px}}@media screen and (max-width:480px){.download-software .software{width:100%;margin:7px}}.switch-user{width:100%;height:100%;background-size:cover;text-align:center;overflow:auto}.switch-user .logo{width:328px;height:193px;margin:0 auto 0;background-position:-90px -229px}.switch-user .list{width:80%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap}.switch-user .box{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px;width:270px;margin:10px 5px;height:200px}.switch-user .identification{display:flex;width:100%;height:70px}.switch-user .image{width:30%;height:100%;font-size:50px;display:flex;justify-content:center;align-items:center;margin-left:10px;background-size:1380px 895.1159px;background-position:-316px -198px}.switch-user .image.user-is-teacher{background-position:-386px -197px}.switch-user .id-detail{display:flex;width:70%;flex-direction:column}.switch-user .user-title{width:100%;text-align:right;line-height:25px;height:33%}.switch-user .main-row{width:100%;height:Calc(100% - 100px);display:flex;flex-direction:row}.switch-user .detail{width:80%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;text-align:right}.switch-user .each-detail{width:100%;text-align:right;line-height:25px}.switch-user .card-footer{width:100%;display:flex;justify-content:space-around;align-items:flex-end;height:30px}.switch-user .footer{width:100%;display:flex;justify-content:center;align-items:center}.switch-user .btn{height:45px;width:200px;margin:10px;border-radius:10px;font-size:18px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);background:#94c221;border:solid 2px #7da511;cursor:pointer}.switch-user .active-user{border-style:solid;border-width:2px;animation-name:ActiveUser;animation-duration:1s;animation-iteration-count:infinite}@keyframes ActiveUser{0%{border-color:#000}50%{border-color:gold}100%{border-color:#000}}@media screen and (max-width:480px){.switch-user .logo{width:314px;background-position:-105px -229px}}.admin-permit-list{border:1px solid gray;border-width:0 1px}.admin-permit-list .outer-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:10px;z-index:2}.admin-permit-list .inner-tab-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.admin-permit-list .inner-tab-container::-webkit-scrollbar{display:none}.admin-permit-list .inner-tab-container .tab-list{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.admin-permit-list .inner-tab-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.admin-permit-list .inner-tab-container .each-tab{height:100%;padding:4px 15px;min-width:100px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.admin-permit-list .inner-tab-container .each-tab.selected-tab{border-width:2px 2px 0;padding:7px 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.admin-permit-list .admin-list-tab{height:calc(100% - 50px);overflow:auto}.admin-permit-list .admin-list-tab .admin-title{text-align:center;background:#add8e6;font-size:large;padding:5px;position:sticky;top:0;border-bottom:2px solid gray}.admin-permit-list .admin-list-tab .table-container{overflow-x:auto}.admin-permit-list .admin-list-tab .table-container>table{min-width:100%;background-color:#f3f3f3}.admin-permit-list .admin-list-tab .table-container>table .odd-rows{background-color:#e6eff9}.admin-permit-list .admin-list-tab .table-container>table td,.admin-permit-list .admin-list-tab .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-permit-list .admin-list-tab .table-container>table th{padding:7px 2px}.admin-permit-list .admin-list-tab .table-container>table .add-access{padding:2px 10px;margin:3px 0;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;border-radius:5px}.admin-permit-list .admin-list-tab .table-container>table .remove-access{padding:2px 10px;margin:3px 0;background-color:#faafaf;border:2px solid #a70000;color:#680000;border-radius:5px}.admin-permit-list .permit-list-tab{height:calc(100% - 50px);overflow:auto}.admin-permit-list .permit-list-tab .permit-title{text-align:center;background:#add8e6;font-size:large;padding:5px;position:sticky;top:0;border-bottom:2px solid gray}.admin-permit-list .permit-list-tab .table-container{overflow-x:auto;text-align:center}.admin-permit-list .permit-list-tab .table-container>table{min-width:100%;background-color:#f3f3f3}.admin-permit-list .permit-list-tab .table-container>table .odd-rows{background-color:#e6eff9}.admin-permit-list .permit-list-tab .table-container>table td,.admin-permit-list .permit-list-tab .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-permit-list .permit-list-tab .table-container>table th{padding:7px 2px}.admin-permit-list .permit-list-tab .table-container>table .add-new-admin{padding:2px 10px;margin:3px 0;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;border-radius:5px}.admin-permit-list .permit-list-tab .table-container>table .remove-access{padding:2px 10px;margin:3px 0;background-color:#faafaf;border:2px solid #a70000;color:#680000;border-radius:5px}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-dashboard{border:1px solid gray;border-width:0 1px;padding:10px}.admin-dashboard .each-item{font-size:15px;padding:5px}.admin-dashboard .each-item a{transition:.4s;position:relative;right:0}.admin-dashboard .each-item a:hover{text-decoration:none;right:5px;color:#126fc1}.admin-dashboard .hr-type1{margin:10px 0 0;border-top:1px solid #999}.admin-lesson-topic-list{border:1px solid gray;border-width:0 1px}.admin-lesson-topic-list .filter-box{position:relative;margin:5px 7px 0}.admin-lesson-topic-list .filter-box .filter-icon{position:absolute;top:0;right:0;width:40px;height:39px;border-radius:0 0 0 7px;font-size:27px;padding:0 6px}.admin-lesson-topic-list .input-container{padding:0 40px 0 0}.admin-lesson-topic-list .input-container input{border:2px solid #8a57bd;border-radius:7px;padding:5px 3px;font-size:13px;width:100%}.admin-lesson-topic-list .checkbox-container{padding:9px 0 2px;font-size:14px}.admin-lesson-topic-list .checkbox-container i{position:relative;top:3px;padding-right:2px;font-size:18px}.admin-lesson-topic-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-lesson-topic-list .operation-btn-container{text-align:center;padding:5px}.admin-lesson-topic-list .operation-btn-container button{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;margin:0 7px;background-color:#f7aa4c;color:#064ba0;font-size:13px}.admin-lesson-topic-list .table-container{border:1px solid grey;margin:10px;overflow-x:auto;height:calc(100% - 143px)}.admin-lesson-topic-list .table-container>table{min-width:100%}.admin-lesson-topic-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-lesson-topic-list .table-container>table .chapter-row{background-color:#ffe8d6;font-size:14px}.admin-lesson-topic-list .table-container>table th{border:1px solid gray;border-top:0;padding:3px 2px 5px;text-align:center;background-color:#064ba0;color:#fff;font-weight:400;font-size:15px}.admin-lesson-topic-list .table-container>table td{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-lesson-topic-list .table-container>table td.name-cell,.admin-lesson-topic-list .table-container>table th.name-cell{text-align:right}.admin-lesson-topic-list .table-container .chapter-sign{position:absolute;right:0;top:0;height:100%;width:5px;background-color:#f7aa4c}.admin-lesson-topic-list .edit-mode .each-input{padding:7px 10px;margin:0 7px;width:450px}.admin-lesson-topic-list .edit-mode .each-input input{width:100%;background-color:#efefef;border:2px solid gray;border-radius:5px;padding:3px;margin-right:5px}.admin-lesson-topic-list .edit-mode .input-title{font-size:14px;color:#064ba0;white-space:nowrap}.admin-lesson-topic-list .edit-mode .hr-type2{margin:0 7px;border-top:1px solid #999}.admin-lesson-topic-list .edit-mode .button-row{padding:10px;justify-content:center}.admin-lesson-topic-list .edit-mode .button-row button{margin:7px 20px}@media screen and (max-width:768px){.admin-lesson-topic-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-lesson-topic-list .table-container{margin:5px;overflow-x:auto;height:calc(100% - 134px)}.admin-lesson-topic-list .table-container>table th{padding:1px 2px 3px;font-size:14px}}@media screen and (max-width:480px){.admin-lesson-topic-list .input-container .each-input input{font-size:12px;width:140px}.admin-lesson-topic-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-lesson-topic-list .add-record{width:160px;padding:3px}.admin-lesson-topic-list .table-container{margin:3px;height:calc(100% - 138px)}.admin-lesson-topic-list .table-container>table{font-size:11px}.admin-lesson-topic-list .table-container>table th{font-size:12px}.admin-lesson-topic-list .table-container>table td{padding:3px 2px 1px}.admin-lesson-topic-list .table-container>table .chapter-row{font-size:12px}.admin-lesson-topic-list .input-container{padding:0 36px 0 0}.admin-lesson-topic-list .input-container input{font-size:12px}.admin-lesson-topic-list .filter-box .filter-icon{width:36px;height:36px;font-size:23px;padding:2px 6px}.admin-lesson-topic-list .checkbox-container{padding:7px 0 1px;font-size:13px}.admin-lesson-topic-list .checkbox-container i{position:relative;top:2px;padding-right:2px;font-size:16px}.admin-lesson-topic-list .operation-btn-container button{width:132px;border:2px solid #f37a32;border-radius:5px;padding:2px 0 3px;margin:0 7px;background-color:#f7aa4c;color:#064ba0;font-size:12px}}.admin-message-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-message-list .admin-message-list-body{padding:5px}.admin-message-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-message-list .input-container .each-input{height:40px}.admin-message-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-message-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-message-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-message-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-message-list .from-date,.admin-message-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-message-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-message-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-message-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-message-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-message-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-message-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-message-list .table-container{padding:10px;overflow-x:auto}.admin-message-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-message-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-message-list .table-container>table td,.admin-message-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-message-list .table-container>table td.name-cell,.admin-message-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-message-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-message-list .drop-down-container .each-drop-down{width:180px}.admin-message-list .drop-down-container .each-drop-down select{width:160px}.admin-message-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-message-list .input-container .each-input input{font-size:12px;width:140px}.admin-message-list .drop-down-container .each-drop-down{width:150px}.admin-message-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-message-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-message-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-message-list .add-record{width:160px;padding:3px}}.admin-test-order-management{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-test-order-management .admin-test-order-management-body{padding:5px}.admin-test-order-management .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-test-order-management .input-container .each-input{height:40px}.admin-test-order-management .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-test-order-management .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-test-order-management .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-test-order-management .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-test-order-management .from-date,.admin-test-order-management .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-test-order-management .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-test-order-management .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-test-order-management .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-test-order-management .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-test-order-management .hr-type1{margin:5px;border-top:1px solid #999}.admin-test-order-management .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-test-order-management .table-container{padding:10px;overflow-x:auto}.admin-test-order-management .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-test-order-management .table-container>table .odd-rows{background-color:#e6eff9}.admin-test-order-management .table-container>table td,.admin-test-order-management .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-test-order-management .table-container>table td.name-cell,.admin-test-order-management .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-test-order-management .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-test-order-management .drop-down-container .each-drop-down{width:180px}.admin-test-order-management .drop-down-container .each-drop-down select{width:160px}.admin-test-order-management .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-test-order-management .input-container .each-input input{font-size:12px;width:140px}.admin-test-order-management .drop-down-container .each-drop-down{width:150px}.admin-test-order-management .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-test-order-management .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-test-order-management .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-test-order-management .add-record{width:160px;padding:3px}}.test-calculation-history{border:1px solid gray;border-width:0 1px;min-height:100%}.test-calculation-history .test-calculation-history-header{font-size:20px;padding:5px;text-align:center;position:relative}.test-calculation-history .home-button{font-size:32px;position:absolute;right:16px;top:8px}.test-calculation-history .filter-box{justify-content:space-evenly;flex-wrap:wrap;background-color:#e0eaf5;border-bottom:1px solid gray}.test-calculation-history .filter-box input{text-align:center;padding:2px 3px 1px}.test-calculation-history .filter-box .personnel-Id,.test-calculation-history .filter-box .rows-number,.test-calculation-history .filter-box .test-Id{width:30%;padding:5px;text-align:center}.test-calculation-history .filter-box .check-box-container{width:25%;padding:5px;font-size:15px}.test-calculation-history .filter-box .auto-request-button,.test-calculation-history .filter-box .instant-request-button,.test-calculation-history .filter-box .load-button{width:15%;padding:5px;margin:5px}.test-calculation-history .filter-box .load-button{border:2px solid #098507;border-radius:5px;background-color:#91e5a2;color:#015300}.test-calculation-history .filter-box .auto-request-button,.test-calculation-history .filter-box .instant-request-button{border:2px solid #f37a32;border-radius:5px;background-color:#f7aa4c;color:#064ba0}.test-calculation-history .filter-box .fa-square-o{font-size:18px;padding-left:3px}.test-calculation-history .filter-box .fa-check-square-o{font-size:18px;padding-left:3px;color:#228b22}.test-calculation-history .table-container{padding:10px;overflow-x:auto}.test-calculation-history .table-container table{min-width:100%;background-color:#ffeee0}.test-calculation-history .table-container table .delete-button{padding:1px;font-size:10px}.test-calculation-history .table-container table .odd-rows{background-color:#e9eff7}.test-calculation-history .table-container table td,.test-calculation-history .table-container table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}@media screen and (max-width:768px){.test-calculation-history .test-calculation-history-header{font-size:16px}.test-calculation-history .home-button{font-size:25px;right:12px;top:9px}.test-calculation-history .filter-box input{width:100%}.test-calculation-history .filter-box .auto-request-button,.test-calculation-history .filter-box .instant-request-button,.test-calculation-history .filter-box .load-button{width:30%}.test-calculation-history .filter-box .check-box-container{width:40%}.test-calculation-history .filter-box .personnel-Id,.test-calculation-history .filter-box .rows-number,.test-calculation-history .filter-box .test-Id{width:30%;padding:5px;text-align:center}}@media screen and (max-width:480px){.test-calculation-history .filter-box .auto-request-button,.test-calculation-history .filter-box .instant-request-button,.test-calculation-history .filter-box .load-button{width:46%}.test-calculation-history .filter-box .check-box-container{width:45%;padding:9px 2px 11px;font-size:11px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-personnel-detail{border:1px solid gray;border-width:0 1px;min-height:100%}.admin-personnel-detail .admin-personnel-detal-header{font-size:23px;padding:5px;text-align:center}.admin-personnel-detail .admin-personnel-detal-title{height:100%;padding:5px}.admin-personnel-detail .home-button{position:absolute;right:15px;font-size:30px;top:11px;cursor:pointer}.admin-personnel-detail .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.admin-personnel-detail .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.admin-personnel-detail .inner-lesson-container::-webkit-scrollbar{display:none}.admin-personnel-detail .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content}.admin-personnel-detail .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson{height:100%;min-width:95px;padding:8px 7px 0;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson.selected{border-width:2px 2px 0;padding:9px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.admin-personnel-detail .personnel-info .information-box{justify-content:space-evenly;flex-wrap:wrap;padding:10px}.admin-personnel-detail .personnel-info .each-info-item{min-width:210px;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:5px;font-size:13px}.admin-personnel-detail .personnel-info .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-detail .personnel-info .school-list-title{padding:10px 15px 0;font-size:16px;color:#064ba0}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0 15px}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:12px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .school-list{padding:0 7px}.admin-personnel-detail .personnel-info .each-school{font-size:13px}.admin-personnel-detail .personnel-info .school-content{padding:0 7px}.admin-personnel-detail .personnel-info .school-content .fa-circle{font-size:8px;padding-left:2px;padding-bottom:2px}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:left;padding-left:7px}.admin-personnel-detail .personnel-info .invite-sms-btn button{border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .login-description{padding-bottom:5px}.admin-personnel-detail .personnel-info .login-btn{font-size:12px;padding:3px;border:2px solid #27950c;border-radius:5px;background-color:#bbe1bc;color:#24432c}.admin-personnel-detail .personnel-info .footer-row{position:sticky;bottom:0;display:flex;justify-content:space-evenly;padding:7px;margin:5px 7px 0;border-top:1px solid gray;background-color:#fff;z-index:10}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .add-new-record{padding:10px;text-align:center}.admin-personnel-detail .conversations .add-new-record button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .table-container{padding:0 10px;overflow-x:auto}.admin-personnel-detail .conversations .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .conversations .conversations-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .conversations .conversations-table td,.admin-personnel-detail .conversations .conversations-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .conversations .conversations-table .odd-rows{background-color:#e6eff9}.admin-personnel-detail .conversations .conversations-table .fa-edit{cursor:pointer;font-size:20px;color:#064ba0;position:relative;top:2px;left:2px}.admin-personnel-detail .daily-resort{padding:10px}.admin-personnel-detail .daily-resort .table-container{overflow-x:auto;padding:1px}.admin-personnel-detail .daily-resort .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .daily-resort .daily-resort-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .daily-resort .daily-resort-table td,.admin-personnel-detail .daily-resort .daily-resort-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .daily-resort .daily-resort-table .odd-rows{background-color:#e6eff9}@media screen and (max-width:768px){.admin-personnel-detail .admin-personnel-detal-header{font-size:16px;padding:5px}.admin-personnel-detail .admin-personnel-detal-title{padding:5px 35px 5px 5px}.admin-personnel-detail .home-button{font-size:24px;top:9px}}@media screen and (max-width:480px){.admin-personnel-detail .outer-lesson-container{height:40px;padding-top:5px}.admin-personnel-detail .each-lesson{height:100%;min-width:70px;padding:6px 4px 0;font-size:12px}.admin-personnel-detail .each-lesson.selected{padding:7px 10px 0;font-size:13px}.admin-personnel-detail .personnel-info .each-info-item{min-width:100%;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:2px 5px;font-size:12px}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:2px;background-color:#f7aa4c;font-size:12px;color:#064ba0;min-width:144px;width:45%}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:center;padding:0}.admin-personnel-detail .personnel-info .invite-sms-btn button{padding:2px;margin:0 4px}.admin-personnel-detail .personnel-info .school-list-title{width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0;width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:11px;min-width:110px;border:2px solid #f37a32;border-radius:5px;padding:3px 4px 2px;margin:0 7px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .daily-resort .daily-resort-table{font-size:11px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-personnel-detail{border:1px solid gray;border-width:0 1px;min-height:100%}.admin-personnel-detail .admin-personnel-detal-header{font-size:23px;padding:5px;text-align:center}.admin-personnel-detail .admin-personnel-detal-title{height:100%;padding:5px}.admin-personnel-detail .home-button{position:absolute;right:15px;font-size:30px;top:11px;cursor:pointer}.admin-personnel-detail .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.admin-personnel-detail .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.admin-personnel-detail .inner-lesson-container::-webkit-scrollbar{display:none}.admin-personnel-detail .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content}.admin-personnel-detail .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson{height:100%;min-width:95px;padding:8px 7px 0;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson.selected{border-width:2px 2px 0;padding:9px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.admin-personnel-detail .personnel-info .information-box{justify-content:space-evenly;flex-wrap:wrap;padding:10px}.admin-personnel-detail .personnel-info .each-info-item{min-width:210px;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:5px;font-size:13px}.admin-personnel-detail .personnel-info .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-detail .personnel-info .school-list-title{padding:10px 15px 0;font-size:16px;color:#064ba0}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0 15px}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:12px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .school-list{padding:0 7px}.admin-personnel-detail .personnel-info .each-school{font-size:13px}.admin-personnel-detail .personnel-info .school-content{padding:0 7px}.admin-personnel-detail .personnel-info .school-content .fa-circle{font-size:8px;padding-left:2px;padding-bottom:2px}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:left;padding-left:7px}.admin-personnel-detail .personnel-info .invite-sms-btn button{border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .login-description{padding-bottom:5px}.admin-personnel-detail .personnel-info .login-btn{font-size:12px;padding:3px;border:2px solid #27950c;border-radius:5px;background-color:#bbe1bc;color:#24432c}.admin-personnel-detail .personnel-info .footer-row{position:sticky;bottom:0;display:flex;justify-content:space-evenly;padding:7px;margin:5px 7px 0;border-top:1px solid gray;background-color:#fff;z-index:10}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .add-new-record{padding:10px;text-align:center}.admin-personnel-detail .conversations .add-new-record button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .table-container{padding:0 10px;overflow-x:auto}.admin-personnel-detail .conversations .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .conversations .conversations-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .conversations .conversations-table td,.admin-personnel-detail .conversations .conversations-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .conversations .conversations-table .odd-rows{background-color:#e6eff9}.admin-personnel-detail .conversations .conversations-table .fa-edit{cursor:pointer;font-size:20px;color:#064ba0;position:relative;top:2px;left:2px}.admin-personnel-detail .daily-resort{padding:10px}.admin-personnel-detail .daily-resort .table-container{overflow-x:auto;padding:1px}.admin-personnel-detail .daily-resort .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .daily-resort .daily-resort-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .daily-resort .daily-resort-table td,.admin-personnel-detail .daily-resort .daily-resort-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .daily-resort .daily-resort-table .odd-rows{background-color:#e6eff9}@media screen and (max-width:768px){.admin-personnel-detail .admin-personnel-detal-header{font-size:16px;padding:5px}.admin-personnel-detail .admin-personnel-detal-title{padding:5px 35px 5px 5px}.admin-personnel-detail .home-button{font-size:24px;top:9px}}@media screen and (max-width:480px){.admin-personnel-detail .outer-lesson-container{height:40px;padding-top:5px}.admin-personnel-detail .each-lesson{height:100%;min-width:70px;padding:6px 4px 0;font-size:12px}.admin-personnel-detail .each-lesson.selected{padding:7px 10px 0;font-size:13px}.admin-personnel-detail .personnel-info .each-info-item{min-width:100%;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:2px 5px;font-size:12px}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:2px;background-color:#f7aa4c;font-size:12px;color:#064ba0;min-width:144px;width:45%}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:center;padding:0}.admin-personnel-detail .personnel-info .invite-sms-btn button{padding:2px;margin:0 4px}.admin-personnel-detail .personnel-info .school-list-title{width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0;width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:11px;min-width:110px;border:2px solid #f37a32;border-radius:5px;padding:3px 4px 2px;margin:0 7px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .daily-resort .daily-resort-table{font-size:11px}}.admin-comprehensive-report{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-comprehensive-report .admin-comprehensive-report-body{padding:5px}.admin-comprehensive-report .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-comprehensive-report .input-container .each-input{height:40px}.admin-comprehensive-report .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-comprehensive-report .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-comprehensive-report .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-comprehensive-report .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-comprehensive-report .from-date,.admin-comprehensive-report .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-comprehensive-report .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-comprehensive-report .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-comprehensive-report .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-comprehensive-report .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-comprehensive-report .hr-type1{margin:5px;border-top:1px solid #999}.admin-comprehensive-report .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-comprehensive-report .table-container{padding:10px;overflow-x:auto}.admin-comprehensive-report .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-comprehensive-report .table-container>table .odd-rows{background-color:#e6eff9}.admin-comprehensive-report .table-container>table td,.admin-comprehensive-report .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-comprehensive-report .table-container>table td.name-cell,.admin-comprehensive-report .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-comprehensive-report .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-comprehensive-report .drop-down-container .each-drop-down{width:180px}.admin-comprehensive-report .drop-down-container .each-drop-down select{width:160px}.admin-comprehensive-report .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-comprehensive-report .input-container .each-input input{font-size:12px;width:140px}.admin-comprehensive-report .drop-down-container .each-drop-down{width:150px}.admin-comprehensive-report .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-comprehensive-report .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-comprehensive-report .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-comprehensive-report .add-record{width:160px;padding:3px}}.admin-personnel-detail{border:1px solid gray;border-width:0 1px;min-height:100%}.admin-personnel-detail .admin-personnel-detal-header{font-size:23px;padding:5px;text-align:center}.admin-personnel-detail .admin-personnel-detal-title{height:100%;padding:5px}.admin-personnel-detail .home-button{position:absolute;right:15px;font-size:30px;top:11px;cursor:pointer}.admin-personnel-detail .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.admin-personnel-detail .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.admin-personnel-detail .inner-lesson-container::-webkit-scrollbar{display:none}.admin-personnel-detail .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content}.admin-personnel-detail .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson{height:100%;min-width:95px;padding:8px 7px 0;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson.selected{border-width:2px 2px 0;padding:9px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.admin-personnel-detail .personnel-info .information-box{justify-content:space-evenly;flex-wrap:wrap;padding:10px}.admin-personnel-detail .personnel-info .each-info-item{min-width:210px;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:5px;font-size:13px}.admin-personnel-detail .personnel-info .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-detail .personnel-info .school-list-title{padding:10px 15px 0;font-size:16px;color:#064ba0}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0 15px}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:12px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .school-list{padding:0 7px}.admin-personnel-detail .personnel-info .each-school{font-size:13px}.admin-personnel-detail .personnel-info .school-content{padding:0 7px}.admin-personnel-detail .personnel-info .school-content .fa-circle{font-size:8px;padding-left:2px;padding-bottom:2px}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:left;padding-left:7px}.admin-personnel-detail .personnel-info .invite-sms-btn button{border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .login-description{padding-bottom:5px}.admin-personnel-detail .personnel-info .login-btn{font-size:12px;padding:3px;border:2px solid #27950c;border-radius:5px;background-color:#bbe1bc;color:#24432c}.admin-personnel-detail .personnel-info .footer-row{position:sticky;bottom:0;display:flex;justify-content:space-evenly;padding:7px;margin:5px 7px 0;border-top:1px solid gray;background-color:#fff;z-index:10}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .add-new-record{padding:10px;text-align:center}.admin-personnel-detail .conversations .add-new-record button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .table-container{padding:0 10px;overflow-x:auto}.admin-personnel-detail .conversations .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .conversations .conversations-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .conversations .conversations-table td,.admin-personnel-detail .conversations .conversations-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .conversations .conversations-table .odd-rows{background-color:#e6eff9}.admin-personnel-detail .conversations .conversations-table .fa-edit{cursor:pointer;font-size:20px;color:#064ba0;position:relative;top:2px;left:2px}.admin-personnel-detail .daily-resort{padding:10px}.admin-personnel-detail .daily-resort .table-container{overflow-x:auto;padding:1px}.admin-personnel-detail .daily-resort .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .daily-resort .daily-resort-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .daily-resort .daily-resort-table td,.admin-personnel-detail .daily-resort .daily-resort-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .daily-resort .daily-resort-table .odd-rows{background-color:#e6eff9}@media screen and (max-width:768px){.admin-personnel-detail .admin-personnel-detal-header{font-size:16px;padding:5px}.admin-personnel-detail .admin-personnel-detal-title{padding:5px 35px 5px 5px}.admin-personnel-detail .home-button{font-size:24px;top:9px}}@media screen and (max-width:480px){.admin-personnel-detail .outer-lesson-container{height:40px;padding-top:5px}.admin-personnel-detail .each-lesson{height:100%;min-width:70px;padding:6px 4px 0;font-size:12px}.admin-personnel-detail .each-lesson.selected{padding:7px 10px 0;font-size:13px}.admin-personnel-detail .personnel-info .each-info-item{min-width:100%;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:2px 5px;font-size:12px}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:2px;background-color:#f7aa4c;font-size:12px;color:#064ba0;min-width:144px;width:45%}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:center;padding:0}.admin-personnel-detail .personnel-info .invite-sms-btn button{padding:2px;margin:0 4px}.admin-personnel-detail .personnel-info .school-list-title{width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0;width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:11px;min-width:110px;border:2px solid #f37a32;border-radius:5px;padding:3px 4px 2px;margin:0 7px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .daily-resort .daily-resort-table{font-size:11px}}.admin-school-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-school-list .admin-school-list-body{padding:5px}.admin-school-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-school-list .input-container .each-input{height:40px}.admin-school-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-school-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-school-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-school-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-school-list .from-date,.admin-school-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-school-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-school-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-school-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-school-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-school-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-school-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-school-list .table-container{padding:10px;overflow-x:auto}.admin-school-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-school-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-school-list .table-container>table td,.admin-school-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-school-list .table-container>table td.name-cell,.admin-school-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-school-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-school-list .drop-down-container .each-drop-down{width:180px}.admin-school-list .drop-down-container .each-drop-down select{width:160px}.admin-school-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-school-list .input-container .each-input input{font-size:12px;width:140px}.admin-school-list .drop-down-container .each-drop-down{width:150px}.admin-school-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-school-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-school-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-school-list .add-record{width:160px;padding:3px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-personnel-detail{border:1px solid gray;border-width:0 1px;min-height:100%}.admin-personnel-detail .admin-personnel-detal-header{font-size:23px;padding:5px;text-align:center}.admin-personnel-detail .admin-personnel-detal-title{height:100%;padding:5px}.admin-personnel-detail .home-button{position:absolute;right:15px;font-size:30px;top:11px;cursor:pointer}.admin-personnel-detail .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.admin-personnel-detail .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.admin-personnel-detail .inner-lesson-container::-webkit-scrollbar{display:none}.admin-personnel-detail .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content}.admin-personnel-detail .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson{height:100%;min-width:95px;padding:8px 7px 0;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson.selected{border-width:2px 2px 0;padding:9px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.admin-personnel-detail .personnel-info .information-box{justify-content:space-evenly;flex-wrap:wrap;padding:10px}.admin-personnel-detail .personnel-info .each-info-item{min-width:210px;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:5px;font-size:13px}.admin-personnel-detail .personnel-info .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-detail .personnel-info .school-list-title{padding:10px 15px 0;font-size:16px;color:#064ba0}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0 15px}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:12px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .school-list{padding:0 7px}.admin-personnel-detail .personnel-info .each-school{font-size:13px}.admin-personnel-detail .personnel-info .school-content{padding:0 7px}.admin-personnel-detail .personnel-info .school-content .fa-circle{font-size:8px;padding-left:2px;padding-bottom:2px}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:left;padding-left:7px}.admin-personnel-detail .personnel-info .invite-sms-btn button{border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .login-description{padding-bottom:5px}.admin-personnel-detail .personnel-info .login-btn{font-size:12px;padding:3px;border:2px solid #27950c;border-radius:5px;background-color:#bbe1bc;color:#24432c}.admin-personnel-detail .personnel-info .footer-row{position:sticky;bottom:0;display:flex;justify-content:space-evenly;padding:7px;margin:5px 7px 0;border-top:1px solid gray;background-color:#fff;z-index:10}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .add-new-record{padding:10px;text-align:center}.admin-personnel-detail .conversations .add-new-record button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .table-container{padding:0 10px;overflow-x:auto}.admin-personnel-detail .conversations .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .conversations .conversations-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .conversations .conversations-table td,.admin-personnel-detail .conversations .conversations-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .conversations .conversations-table .odd-rows{background-color:#e6eff9}.admin-personnel-detail .conversations .conversations-table .fa-edit{cursor:pointer;font-size:20px;color:#064ba0;position:relative;top:2px;left:2px}.admin-personnel-detail .daily-resort{padding:10px}.admin-personnel-detail .daily-resort .table-container{overflow-x:auto;padding:1px}.admin-personnel-detail .daily-resort .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .daily-resort .daily-resort-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .daily-resort .daily-resort-table td,.admin-personnel-detail .daily-resort .daily-resort-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .daily-resort .daily-resort-table .odd-rows{background-color:#e6eff9}@media screen and (max-width:768px){.admin-personnel-detail .admin-personnel-detal-header{font-size:16px;padding:5px}.admin-personnel-detail .admin-personnel-detal-title{padding:5px 35px 5px 5px}.admin-personnel-detail .home-button{font-size:24px;top:9px}}@media screen and (max-width:480px){.admin-personnel-detail .outer-lesson-container{height:40px;padding-top:5px}.admin-personnel-detail .each-lesson{height:100%;min-width:70px;padding:6px 4px 0;font-size:12px}.admin-personnel-detail .each-lesson.selected{padding:7px 10px 0;font-size:13px}.admin-personnel-detail .personnel-info .each-info-item{min-width:100%;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:2px 5px;font-size:12px}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:2px;background-color:#f7aa4c;font-size:12px;color:#064ba0;min-width:144px;width:45%}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:center;padding:0}.admin-personnel-detail .personnel-info .invite-sms-btn button{padding:2px;margin:0 4px}.admin-personnel-detail .personnel-info .school-list-title{width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0;width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:11px;min-width:110px;border:2px solid #f37a32;border-radius:5px;padding:3px 4px 2px;margin:0 7px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .daily-resort .daily-resort-table{font-size:11px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.admin-personnel-detail{border:1px solid gray;border-width:0 1px;min-height:100%}.admin-personnel-detail .admin-personnel-detal-header{font-size:23px;padding:5px;text-align:center}.admin-personnel-detail .admin-personnel-detal-title{height:100%;padding:5px}.admin-personnel-detail .home-button{position:absolute;right:15px;font-size:30px;top:11px;cursor:pointer}.admin-personnel-detail .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.admin-personnel-detail .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.admin-personnel-detail .inner-lesson-container::-webkit-scrollbar{display:none}.admin-personnel-detail .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content}.admin-personnel-detail .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson{height:100%;min-width:95px;padding:8px 7px 0;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.admin-personnel-detail .each-lesson.selected{border-width:2px 2px 0;padding:9px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.admin-personnel-detail .personnel-info .information-box{justify-content:space-evenly;flex-wrap:wrap;padding:10px}.admin-personnel-detail .personnel-info .each-info-item{min-width:210px;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:5px;font-size:13px}.admin-personnel-detail .personnel-info .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-detail .personnel-info .school-list-title{padding:10px 15px 0;font-size:16px;color:#064ba0}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0 15px}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:12px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .school-list{padding:0 7px}.admin-personnel-detail .personnel-info .each-school{font-size:13px}.admin-personnel-detail .personnel-info .school-content{padding:0 7px}.admin-personnel-detail .personnel-info .school-content .fa-circle{font-size:8px;padding-left:2px;padding-bottom:2px}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:left;padding-left:7px}.admin-personnel-detail .personnel-info .invite-sms-btn button{border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .personnel-info .login-description{padding-bottom:5px}.admin-personnel-detail .personnel-info .login-btn{font-size:12px;padding:3px;border:2px solid #27950c;border-radius:5px;background-color:#bbe1bc;color:#24432c}.admin-personnel-detail .personnel-info .footer-row{position:sticky;bottom:0;display:flex;justify-content:space-evenly;padding:7px;margin:5px 7px 0;border-top:1px solid gray;background-color:#fff;z-index:10}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .add-new-record{padding:10px;text-align:center}.admin-personnel-detail .conversations .add-new-record button{border:2px solid #f37a32;border-radius:5px;padding:5px;background-color:#f7aa4c;font-size:13px;color:#064ba0;min-width:200px}.admin-personnel-detail .conversations .table-container{padding:0 10px;overflow-x:auto}.admin-personnel-detail .conversations .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .conversations .conversations-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .conversations .conversations-table td,.admin-personnel-detail .conversations .conversations-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .conversations .conversations-table .odd-rows{background-color:#e6eff9}.admin-personnel-detail .conversations .conversations-table .fa-edit{cursor:pointer;font-size:20px;color:#064ba0;position:relative;top:2px;left:2px}.admin-personnel-detail .daily-resort{padding:10px}.admin-personnel-detail .daily-resort .table-container{overflow-x:auto;padding:1px}.admin-personnel-detail .daily-resort .table-container::-webkit-scrollbar{height:3px}.admin-personnel-detail .daily-resort .daily-resort-table{background-color:#ffe8d6;min-width:100%;font-size:13px}.admin-personnel-detail .daily-resort .daily-resort-table td,.admin-personnel-detail .daily-resort .daily-resort-table th{border:1px solid gray;text-align:center;padding:3px 3px 2px}.admin-personnel-detail .daily-resort .daily-resort-table .odd-rows{background-color:#e6eff9}@media screen and (max-width:768px){.admin-personnel-detail .admin-personnel-detal-header{font-size:16px;padding:5px}.admin-personnel-detail .admin-personnel-detal-title{padding:5px 35px 5px 5px}.admin-personnel-detail .home-button{font-size:24px;top:9px}}@media screen and (max-width:480px){.admin-personnel-detail .outer-lesson-container{height:40px;padding-top:5px}.admin-personnel-detail .each-lesson{height:100%;min-width:70px;padding:6px 4px 0;font-size:12px}.admin-personnel-detail .each-lesson.selected{padding:7px 10px 0;font-size:13px}.admin-personnel-detail .personnel-info .each-info-item{min-width:100%;border:2px solid #efa96f;background-color:#e4eef8;border-radius:5px;padding:5px;margin:2px 5px;font-size:12px}.admin-personnel-detail .personnel-info .footer-row button{border:2px solid #f37a32;border-radius:5px;padding:2px;background-color:#f7aa4c;font-size:12px;color:#064ba0;min-width:144px;width:45%}.admin-personnel-detail .personnel-info .invite-sms-btn{text-align:center;padding:0}.admin-personnel-detail .personnel-info .invite-sms-btn button{padding:2px;margin:0 4px}.admin-personnel-detail .personnel-info .school-list-title{width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container{padding:5px 5px 0;width:100%;text-align:center}.admin-personnel-detail .personnel-info .demo-button-container button{font-size:11px;min-width:110px;border:2px solid #f37a32;border-radius:5px;padding:3px 4px 2px;margin:0 7px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-detail .daily-resort .daily-resort-table{font-size:11px}}.admin-personnel-list{min-height:100%;border:1px solid gray;border-width:0 1px}.admin-personnel-list .admin-personnel-list-body{padding:5px}.admin-personnel-list .input-container{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.admin-personnel-list .input-container .each-input{height:40px}.admin-personnel-list .input-container .each-input input{border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;width:220px}.admin-personnel-list .drop-down-container{justify-content:space-evenly;padding:6px 0;flex-wrap:wrap}.admin-personnel-list .drop-down-container .each-drop-down{width:220px;text-align:center}.admin-personnel-list .drop-down-container .each-drop-down select{border:2px solid #2975d1;border-radius:5px;font-size:13px}.admin-personnel-list .from-date,.admin-personnel-list .to-date{padding:4px;flex-wrap:wrap;justify-content:space-evenly}.admin-personnel-list .other-filter-types{padding:5px;justify-content:space-evenly;flex-wrap:wrap}.admin-personnel-list .search-btn{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.admin-personnel-list .manage-width-in-tablet{width:60%;justify-content:space-evenly}.admin-personnel-list .removed-visiblity{padding:3px 5px 2px;font-size:14px}.admin-personnel-list .hr-type1{margin:5px;border-top:1px solid #999}.admin-personnel-list .add-record{width:200px;border:2px solid #f37a32;border-radius:5px;padding:3px;background-color:#f7aa4c;color:#064ba0}.admin-personnel-list .table-container{padding:10px;overflow-x:auto}.admin-personnel-list .table-container>table{min-width:100%;background-color:#ffe8d6}.admin-personnel-list .table-container>table .odd-rows{background-color:#e6eff9}.admin-personnel-list .table-container>table td,.admin-personnel-list .table-container>table th{border:1px solid gray;padding:2px;direction:rtl;text-align:center}.admin-personnel-list .table-container>table td.name-cell,.admin-personnel-list .table-container>table th.name-cell{text-align:right}@media screen and (max-width:768px){.admin-personnel-list .input-container .each-input input{padding:3px;width:180px;margin:2px}.admin-personnel-list .drop-down-container .each-drop-down{width:180px}.admin-personnel-list .drop-down-container .each-drop-down select{width:160px}.admin-personnel-list .manage-width-in-tablet{width:100%}}@media screen and (max-width:480px){.admin-personnel-list .input-container .each-input input{font-size:12px;width:140px}.admin-personnel-list .drop-down-container .each-drop-down{width:150px}.admin-personnel-list .drop-down-container .each-drop-down select{font-size:12px;width:140px}.admin-personnel-list .removed-visiblity{padding:3px 0 2px 7px;font-size:13px}.admin-personnel-list .search-btn{width:100px;padding:3px;margin-top:8px;font-size:13px}.admin-personnel-list .add-record{width:160px;padding:3px}}.personnel-daily-absent{min-height:100%;border:1px solid gray;border-width:0 1px}.personnel-daily-absent .personnel-daily-absent-header{padding-left:35px;position:relative}.personnel-daily-absent .personnel-daily-absent-header .new-exam-btn{position:absolute;top:15px;left:18px}.personnel-daily-absent .personnel-daily-absent-header .new-exam-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 11px 3px 8px;border-color:#f5962e;background-color:#ffa639}.personnel-daily-absent .detail-box .change-date{padding:7px 10px 0;font-size:14px;text-align:center}.personnel-daily-absent .detail-box .change-date button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.personnel-daily-absent .detail-box .daily-absent-detail{font-size:13px;text-align:center;padding:7px 5px 0}.personnel-daily-absent .detail-box .delay-count{color:#b57f00;padding-left:7px}.personnel-daily-absent .detail-box .unjustified-count{color:#bb2121;padding-left:7px}.personnel-daily-absent .detail-box .justified-count{color:#737171;padding-left:7px}.personnel-daily-absent .guide-box{padding:5px 2px 2px 2px}.personnel-daily-absent .guide-box .each-guide{padding:2px 5px;font-size:13px}.personnel-daily-absent .guide-box .each-guide .fa-circle{color:#b42528;font-size:8px}.personnel-daily-absent .guide-box .each-guide .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.personnel-daily-absent .current-user-filter{padding:2px 5px 5px;font-size:14px}.personnel-daily-absent .current-user-filter i{font-size:17px;position:relative;top:1px}.personnel-daily-absent .filter-box{position:relative;margin:5px 20px 10px}.personnel-daily-absent .filter-box .filter-icon{position:absolute;width:36px;height:36px;top:0;right:0;border-radius:0 0 0 7px;font-size:23px;padding:2px 6px}.personnel-daily-absent .filter-box .filter-icon .fa-remove{cursor:pointer;color:#ffe768;padding:0 4px;position:relative;left:4px}.personnel-daily-absent .filter-box .input-and-select{justify-content:space-evenly;flex-wrap:wrap;padding:0 35px}.personnel-daily-absent .filter-box .student-search input{width:210px;padding:3px 5px;font-size:13px}.personnel-daily-absent .filter-box .personnel-select select{width:210px;padding:1px 5px;font-size:13px}.personnel-daily-absent .filter-box .paye-select select{width:210px;padding:1px 5px;font-size:13px}.personnel-daily-absent .filter-box .show-present-checkbox{padding:7px 5px 3px;font-size:14px}.personnel-daily-absent .filter-box .show-present-checkbox i{font-size:19px;position:relative;top:3px}.personnel-daily-absent .each-record-row{padding:2px 8px;border-bottom:2px solid #646464;position:relative;text-align:center}.personnel-daily-absent .each-record-row.background-gray1{background-color:#f3f3f3}.personnel-daily-absent .each-record-row .class-title{font-size:15px;color:#064ba0;padding:5px 65px 7px}.personnel-daily-absent .each-record-row .class-title i{font-size:18px;position:relative;top:2px}.personnel-daily-absent .each-record-row .edit-button{position:absolute;left:9px;top:5px}.personnel-daily-absent .each-record-row .edit-button button{font-size:13px;border-radius:4px;color:#064ba0;padding:1px 9px 3px 8px;border-color:#f5962e;background-color:#ffa639}.personnel-daily-absent .each-record-row .date-detail{font-size:13px;padding-bottom:2px;color:gray}.personnel-daily-absent .each-record-row .description{font-size:13px;padding-bottom:2px;color:gray}.personnel-daily-absent .each-record-row .hr-type1{margin:5px;border-top:1px solid #8d8d8d}.personnel-daily-absent .each-record-row .table-container{padding:5px 5px 10px}.personnel-daily-absent .each-record-row .table-container table{min-width:500px;margin:0 auto}.personnel-daily-absent .each-record-row .table-container tr{background-color:#fff}.personnel-daily-absent .each-record-row .table-container tr.background-even-row{background-color:#f5efe5}.personnel-daily-absent .each-record-row .table-container td,.personnel-daily-absent .each-record-row .table-container th{border:1px solid gray;padding:3px;text-align:center}.personnel-daily-absent .send-sms-btn{position:sticky;bottom:0;padding:10px 5px 15px;text-align:center;background-color:#fff;border-top:2px solid #646464}.personnel-daily-absent .send-sms-btn button{font-size:14px;border-radius:4px;color:#064ba0;padding:4px 25px 6px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:1024px){.personnel-daily-absent .filter-box .input-and-select{justify-content:space-evenly;flex-wrap:wrap;padding:0 35px 0 0}.personnel-daily-absent .filter-box .student-search input{width:200px}.personnel-daily-absent .filter-box .paye-select select{width:200px}.personnel-daily-absent .filter-box .personnel-select select{width:200px}}@media screen and (max-width:768px){.personnel-daily-absent .filter-box .input-and-select{padding:0 35px 0 0}.personnel-daily-absent .filter-box .student-search input{width:125px;padding:4px 5px;font-size:11px}.personnel-daily-absent .filter-box .paye-select select{width:125px;padding:2px 5px;font-size:12px}.personnel-daily-absent .filter-box .personnel-select select{width:125px;padding:2px 5px;font-size:12px}.personnel-daily-absent .filter-box .show-present-checkbox{padding:7px 5px 1px;font-size:13px}.personnel-daily-absent .filter-box .show-present-checkbox i{font-size:18px;position:relative;top:3px}.personnel-daily-absent .each-record-row .table-container table{min-width:430px}}@media screen and (max-width:480px){.personnel-daily-absent .personnel-daily-absent-header .new-exam-btn{top:11px;left:12px}.personnel-daily-absent .personnel-daily-absent-header .new-exam-btn button{font-size:12px;padding:2px 7px 3px 5px}.personnel-daily-absent .detail-box .change-date{font-size:13px}.personnel-daily-absent .detail-box .change-date button{font-size:11px;padding:3px 4px 1px 4px;margin:3px 3px 1px}.personnel-daily-absent .guide-box .each-guide{padding:2px 5px;font-size:11px}.personnel-daily-absent .guide-box .each-guide .change-school-btn{font-size:10px;border-radius:11px;padding:2px 3px 1px 2px;margin:4px 2px 0}.personnel-daily-absent .filter-box{margin:5px 7px 10px}.personnel-daily-absent .filter-box .input-and-select{padding:0}.personnel-daily-absent .filter-box .student-search{padding:0 35px 5px 5px;text-align:center;width:100%}.personnel-daily-absent .filter-box .student-search input{width:210px;padding:3px 5px;font-size:12px}.personnel-daily-absent .filter-box .paye-select select{width:135px;padding:1px 5px;font-size:12px;margin-top:2px}.personnel-daily-absent .filter-box .personnel-select select{width:135px;padding:1px 5px;font-size:12px;margin-top:2px}.personnel-daily-absent .filter-box .show-present-checkbox{padding:5px 5px 0;font-size:12px}.personnel-daily-absent .filter-box .show-present-checkbox i{font-size:17px;position:relative;top:3px}.personnel-daily-absent .detail-box .daily-absent-detail{font-size:12px;text-align:center;padding:4px}.personnel-daily-absent .current-user-filter{padding:2px 4px 5px;font-size:12px}.personnel-daily-absent .current-user-filter i{font-size:17px;position:relative;top:2px;right:1px}.personnel-daily-absent .each-record-row{padding:0 5px}.personnel-daily-absent .each-record-row .hr-type1{margin:5px 0;border-top:1px solid #8d8d8d}.personnel-daily-absent .each-record-row .table-container{padding:0 0 5px}.personnel-daily-absent .each-record-row .table-container table{min-width:100%;font-size:11px}.personnel-daily-absent .each-record-row .class-title{font-size:13px;padding:5px 5px 5px 55px;text-align:right}.personnel-daily-absent .each-record-row .edit-button{left:7px;top:4px}.personnel-daily-absent .each-record-row .edit-button button{font-size:11px;padding:1px 6px}.personnel-daily-absent .each-record-row .date-detail{font-size:11px;text-align:right;padding:2px 5px}.personnel-daily-absent .each-record-row .description{font-size:11px;text-align:right;padding:0 5px 4px}}.submit-absent-list{min-height:100%;border:1px solid gray;border-width:0 1px}.submit-absent-list .class-selection-mode .submit-absent-list-header{padding-left:35px;position:relative}.submit-absent-list .class-selection-mode .select-class-expression{font-size:14px;color:#064ba0;text-align:center;padding:10px 5px 0}.submit-absent-list .class-selection-mode .guide-box{padding:5px 2px 2px 2px}.submit-absent-list .class-selection-mode .guide-box .each-guide{padding:2px 5px;font-size:13px}.submit-absent-list .class-selection-mode .guide-box .each-guide .fa-circle{color:#b42528;font-size:8px}.submit-absent-list .class-selection-mode .guide-box .each-guide .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.submit-absent-list .edit-mode .submit-absent-list-header{padding-left:35px;position:relative}.submit-absent-list .edit-mode .header-btn-container{position:absolute;left:3px;top:5px}.submit-absent-list .edit-mode .header-btn-container .selection-mode-btn{font-size:13px;border-radius:4px;color:#064ba0;padding:1px 3px 3px 1px;border-color:#f5962e;background-color:#ffa639;position:absolute;width:85px;left:7px;top:10px}.submit-absent-list .edit-mode .header-btn-container .menu-button{color:#fff;font-size:30px;padding-left:7px;padding-top:5px;text-align:center;position:relative;width:40px}.submit-absent-list .edit-mode .header-btn-container .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.submit-absent-list .edit-mode .header-btn-container .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.submit-absent-list .edit-mode .header-btn-container .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.submit-absent-list .edit-mode .header-btn-container .menu-button .each-feature{border-radius:3px;cursor:pointer}.submit-absent-list .edit-mode .header-btn-container .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.submit-absent-list .edit-mode .absent-detail{padding:5px;color:#064ba0;font-size:14px}.submit-absent-list .edit-mode .absent-detail i{font-size:18px;position:relative}.submit-absent-list .edit-mode .absent-detail .edit-date button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.submit-absent-list .edit-mode .absent-detail .description{margin-top:5px}.submit-absent-list .edit-mode .absent-detail .description input{height:35px;width:370px;padding:2px 3px 3px;border-radius:7px;border:2px solid #474747}.submit-absent-list .edit-mode .absent-detail .submit-date{height:50px;padding-bottom:15px}.submit-absent-list .edit-mode .absent-detail .submit-date.manage-height{height:35px;padding-bottom:0}.submit-absent-list .edit-mode .absent-detail .select-date{direction:ltr;display:inline-block;width:200px;height:35px}.submit-absent-list .edit-mode .table-container{padding:5px 0;overflow:auto}.submit-absent-list .edit-mode .table-container::-webkit-scrollbar{height:7px}.submit-absent-list .edit-mode .table-container::-webkit-scrollbar-thumb{border-radius:2px}.submit-absent-list .edit-mode .table-container table{width:100%}.submit-absent-list .edit-mode .table-container table td,.submit-absent-list .edit-mode .table-container table th{border:1px solid #515151;border-width:2px 0;text-align:center}.submit-absent-list .edit-mode .table-container table th{height:45px}.submit-absent-list .edit-mode .table-container table th.student-title-col{width:180px;padding:3px;position:relative;border-left:2px solid #515151}.submit-absent-list .edit-mode .table-container table th.student-title-col .fa-close{cursor:pointer;position:absolute;left:10px;top:11px;font-size:20px;color:#d72323}.submit-absent-list .edit-mode .table-container table th.student-title-col input{width:100%;height:100%;padding:1px 3px}.submit-absent-list .edit-mode .table-container table tr.background-gray{background-color:#f2f2f2}.submit-absent-list .edit-mode .table-container table td.student-title-col{font-size:14px;padding:3px;border-left:2px solid #515151}.submit-absent-list .edit-mode .table-container .result-cell{justify-content:space-between}.submit-absent-list .edit-mode .table-container .add-description-btn{margin-left:7px;font-weight:300;color:#257cc8;text-decoration:underline;font-size:12px;cursor:pointer;width:50px}.submit-absent-list .edit-mode .table-container .absent-result-container{padding:5px;justify-content:center;flex-wrap:wrap;width:calc(100% - 50px)}.submit-absent-list .edit-mode .table-container .absent-result{border-radius:7px;padding:2px;margin:0 15px;border:2px solid;font-size:13px;width:95px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer;display:inline-block}.submit-absent-list .edit-mode .table-container .absent-result.present{border:2px solid #006e0f}.submit-absent-list .edit-mode .table-container .absent-result.present.selected{background:#006e0f;color:#fff}.submit-absent-list .edit-mode .table-container .absent-result.delay{border:2px solid #ad8b00}.submit-absent-list .edit-mode .table-container .absent-result.delay.selected{background:#ad8b00;color:#fff}.submit-absent-list .edit-mode .table-container .absent-result.absent-unjustified{border:2px solid #d72323}.submit-absent-list .edit-mode .table-container .absent-result.absent-unjustified.selected{background:#d72323;color:#fff}.submit-absent-list .edit-mode .table-container .absent-result.absent-justified{border:2px solid #6d6d6d}.submit-absent-list .edit-mode .table-container .absent-result.absent-justified.selected{background:#6d6d6d;color:#fff}.submit-absent-list .edit-mode .textarea-container{height:24px}.submit-absent-list .edit-mode .textarea-container textarea{width:100%;height:100%;border:none;padding:3px 5px;resize:none;line-height:1.5;color:#797878;overflow:hidden}.submit-absent-list .edit-mode .footer-row{position:sticky;bottom:-1px;z-index:10;height:0;background-color:#fff;padding:0;text-align:center;color:#8b0000;border-top:2px solid grey;font-size:14px;overflow:hidden;transition:.4s ease-out}.submit-absent-list .edit-mode .footer-row.open-box{padding:10px 5px 15px;height:55px}.submit-absent-list .edit-mode .footer-row .btn-disabled{color:#636363}.submit-absent-list .edit-mode .footer-row button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 2px 3px 1px;border-color:#f5962e;background-color:#ffa639;min-width:90px;position:relative;bottom:1px}.submit-absent-list .edit-mode .footer-row button[disabled]{color:#313131;border-color:#939393;background-color:#afafaf}.submit-absent-list .edit-mode .footer-row .animation-element{position:absolute;height:3px;left:0;bottom:-7px;background-color:#8b0000;border-radius:2px}.submit-absent-list .edit-mode .footer-row .animation-element.start-animation{animation:submit-absent-list-enable-edit-mode1 1s infinite ease-in alternate,submit-absent-list-enable-edit-mode2 1s infinite ease-out alternate}@-webkit-keyframes submit-absent-list-enable-edit-mode1{0%{left:0}100%{left:calc(100% - 5px)}}@-webkit-keyframes submit-absent-list-enable-edit-mode2{0%{right:calc(100% - 5px)}100%{right:0}}.submit-absent-list .result-guide{justify-content:space-around;background-color:#cbe2fe;font-size:13px;padding:3px 0;margin:7px 5px;border-radius:7px;border:1px solid #6a9bd5;flex-wrap:wrap}.submit-absent-list .result-guide>div{padding:3px;border-radius:5px;color:#fff;width:fit-content;margin:3px auto;width:140px;text-align:center}.submit-absent-list .result-guide i{position:relative;top:3px}@media screen and (max-width:768px){.submit-absent-list .edit-mode .header-btn-container{left:0;top:2px}.submit-absent-list .edit-mode .header-btn-container .selection-mode-btn{font-size:12px;width:80px}.submit-absent-list .edit-mode .header-btn-container .menu-button{font-size:26px;padding-left:7px;padding-top:7px;width:33px}.submit-absent-list .edit-mode .header-btn-container .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:0;width:27px}.submit-absent-list .edit-mode .absent-detail .description input{width:230px}.submit-absent-list .edit-mode .absent-detail{font-size:13px}.submit-absent-list .edit-mode .table-container table th.student-title-col{width:26%;min-width:120px;padding:3px;position:relative}.submit-absent-list .edit-mode .table-container .absent-result-container{padding:3px 2px 3px 5px;width:calc(100% - 50px)}.submit-absent-list .edit-mode .table-container .absent-result{padding:3px 2px;margin:0 5px;font-size:12px;min-width:50px;white-space:nowrap;width:unset}.submit-absent-list .edit-mode .table-container table th.student-title-col .fa-close{left:10px;top:13px;font-size:16px}.submit-absent-list .edit-mode .table-container table td.student-title-col{font-size:12px}}@media screen and (max-width:480px){.submit-absent-list .edit-mode .header-btn-container .selection-mode-btn{font-size:11px;padding:2px 3px 2px 1px;width:70px;left:7px;top:11px}.submit-absent-list .edit-mode .table-container .absent-result-container{min-width:180px;width:unset}.submit-absent-list .edit-mode .table-container .add-description-btn{font-size:11px;margin-left:2px}.submit-absent-list .edit-mode .table-container .absent-result{padding:3px 2px;margin:3px;font-size:12px;min-width:unset;white-space:nowrap;width:21%}.submit-absent-list .edit-mode .table-container table th.student-title-col{width:36%;min-width:110px;padding:3px;position:relative}.submit-absent-list .edit-mode .textarea-container{height:22px}.submit-absent-list .edit-mode .textarea-container textarea{font-size:11px}.submit-absent-list .edit-mode .footer-row{font-size:12px}.submit-absent-list .edit-mode .footer-row.open-box{padding:10px 5px;height:50px}.submit-absent-list .edit-mode .footer-row button{font-size:12px;padding:2px 2px 2px 1px;min-width:60px}}.register-personnel{width:100%;height:100%;background-size:cover;text-align:center;overflow:auto;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:#ebebeb}.register-personnel .register-card{width:450px;background-color:#fff;border-radius:12px;box-shadow:0 4px 13px 2px grey;padding-bottom:12px}.register-personnel .register-card .card-header{background-color:#1462a7;padding:20px 0;font-size:18px;color:#fff;border-radius:10px 10px 0 0}.register-personnel .register-card .card-body{padding-top:25px}.register-personnel .register-card .register-button-container{position:relative}.register-personnel .register-card .register-button-container button{font-size:16px;background:#94c221;width:390px;margin:auto;border:solid 2px #7da511;border-radius:10px;height:40px;display:flex;justify-content:center;align-items:center}.register-personnel .register-card .register-button-container button[disabled]{opacity:.65}.register-personnel .register-card .register-button-container i{font-size:21px}.register-personnel .register-card .register-personnel-alert{transition:all .5s ease-in-out;font-size:15px;opacity:0;position:absolute;bottom:-5px;right:0;color:red;text-shadow:0 0 0 #320000;width:100%;direction:rtl}.register-personnel .register-card .show-alert{opacity:1;bottom:42px}.register-personnel .register-card hr{margin:20px 0 10px;border-top:1px solid #d5d5d5}.register-personnel .register-card .footer-row{font-size:12px;padding:0 35px;justify-content:space-between}.register-personnel .register-card .go-to-student-register{color:#428bca;text-decoration:underline;cursor:pointer}.register-personnel .register-card .go-to-login{color:#428bca;text-decoration:underline;cursor:pointer}.register-personnel .register-card .each-field{width:100%;margin:6px auto 15px;height:70px;position:relative}.register-personnel .register-card .each-field input{width:390px;height:50px;padding:0 15px;text-align:center;border:dashed 2px #1462a7;border-radius:5px;font-size:16px;color:#404040}.register-personnel .register-card input.ng-invalid.ng-touched{border:2px dashed #ef6d4d;outline:0}.register-personnel .register-card input{outline:0}.register-personnel .confirm-number-card{width:450px;background-color:#fff;border-radius:12px;box-shadow:0 4px 13px 2px grey;padding-bottom:12px}.register-personnel .confirm-number-card .card-header{background-color:#1462a7;padding:12px 15px 7px;font-size:18px;color:#fff;border-radius:10px 10px 0 0;text-align:right}.register-personnel .confirm-number-card .card-header i{font-size:26px}.register-personnel .confirm-number-card .user-name{position:relative;bottom:4px}.register-personnel .confirm-number-card .each-field{padding:15px 0;position:relative}.register-personnel .confirm-number-card .each-field input{width:62px;height:50px;padding:0 15px;text-align:center;border:dashed 2px #ef6d4d;border-radius:5px;color:#404040}.register-personnel .confirm-number-card .each-field input:focus{border:dashed 2px #ef6d4d;outline:0}.register-personnel .confirm-number-card input.filled-input{border:2px dashed #1462a7;outline:0}.register-personnel .confirm-number-card .mobile-number{font-size:17px;color:#182332;padding:10px 5px 0}.register-personnel .confirm-number-card .login-btn{font-size:16px;background:#94c221;width:390px;margin:auto;border:solid 2px #7da511;border-radius:10px;height:40px;display:flex;justify-content:center;align-items:center}.register-personnel .confirm-number-card .login-btn[disabled]{opacity:.65}.register-personnel .confirm-number-card .sms-rquest{font-size:14px;color:#686868;padding:60px 0 5px}.register-personnel .confirm-number-card .resend-code-btn{color:#004eb3;font-size:14px;text-decoration:underline;cursor:pointer;margin-bottom:7px;text-align:right}.register-personnel .confirm-number-card .change-info{color:#004eb3;font-size:14px;text-decoration:underline;cursor:pointer;margin:7px 0}.register-personnel .confirm-number-card .register-personnel-alert{transition:all .5s ease-in-out;font-size:15px;opacity:0;position:absolute;bottom:17px;right:0;color:red;text-shadow:0 0 0 #320000;width:100%;direction:rtl}.register-personnel .confirm-number-card .show-alert{opacity:1;bottom:-16px}.register-personnel .format.register-personnel-data .choose-user-type{padding:0 5% 7px;font-size:16px;color:#182332}.register-personnel .choose-user-type i{font-size:19px;margin-left:5px}.register-personnel .fa-dot-circle-o{color:#317200}.register-personnel .register-personnel-guide{margin-top:35px;font-size:16px}.register-personnel .register-personnel-guide i{color:#8b0000;font-size:28px;margin-left:5px}.register-personnel .sa-warning{text-align:center;direction:rtl;font-size:12px}@media screen and (max-width:768px){.register-personnel{font-size:15px}.register-personnel .register-card{width:400px}.register-personnel .register-card .register-button-container button{width:350px}.register-personnel .register-card .card-header{font-size:17px}.register-personnel .register-card .go-to-login{padding-right:30px}.register-personnel .register-card .each-field input{font-size:15px;width:350px}.register-personnel .register-card .register-personnel-alert{font-size:13px;bottom:10px}.register-personnel .register-card .show-alert{opacity:1;bottom:42px}.register-personnel .confirm-number-card{width:400px}.register-personnel .confirm-number-card .mobile-number{font-size:15px}.register-personnel .confirm-number-card .each-field{padding:10px 0 5px}.register-personnel .confirm-number-card .each-field input{width:48px;height:45px;padding:5px}.register-personnel .confirm-number-card .login-btn{width:365px}.register-personnel .confirm-number-card .register-personnel-alert{font-size:13px;bottom:18px}.register-personnel .confirm-number-card .show-alert{opacity:1;bottom:-16px}}@media screen and (max-width:480px){.register-personnel{font-size:13px}.register-personnel .register-card{width:300px}.register-personnel .register-card .register-button-container button{width:260px}.register-personnel .register-card .go-to-login{padding-right:25px}.register-personnel .register-card .each-field{height:60px}.register-personnel .register-card .each-field input{font-size:14px;width:260px;height:45px}.register-personnel .register-card .card-body{padding-top:20px}.register-personnel .register-card .register-personnel-alert{font-size:12px;bottom:10px}.register-personnel .register-card .show-alert{opacity:1;bottom:42px}.register-personnel .confirm-number-card{width:300px}.register-personnel .confirm-number-card .card-header{padding:8px 15px 4px;font-size:15px}.register-personnel .confirm-number-card .card-header i{font-size:22px}.register-personnel .confirm-number-card .mobile-number{padding:10px}.register-personnel .confirm-number-card .sms-rquest{padding:50px 10px 5px}.register-personnel .confirm-number-card .login-btn{width:275px}.register-personnel .confirm-number-card .change-info{margin:0 0 7px}.register-personnel .confirm-number-card .resend-code-btn{text-align:center;display:block}.register-personnel .confirm-number-card .register-personnel-alert{font-size:12px;bottom:10px}.register-personnel .confirm-number-card .show-alert{bottom:-20px}}.personnel-history-daily-book .flex-display{display:flex;align-items:center}.personnel-history-daily-book .justify-around{justify-content:space-around}.personnel-history-daily-book .justify-center{justify-content:center}.personnel-history-daily-book .header{width:100%;padding:5px;color:#fff;font-size:17px;background:#064ba0}.personnel-history-daily-book .header-border{border:2px solid #f7aa4c;padding:8px 10px;border-radius:5px;text-align:center;position:relative}.personnel-history-daily-book .this-month{width:190px}.personnel-history-daily-book .next-month,.personnel-history-daily-book .previous-month{color:#ff7c41;font-size:13px;line-height:12px;margin:4px 10px 0;cursor:pointer;width:50px;z-index:6}.personnel-history-daily-book .next-month i,.personnel-history-daily-book .previous-month i{font-size:18px}.personnel-history-daily-book .disabled-next-month{color:#afafaf;cursor:default}.personnel-history-daily-book .select-paye-content{flex-direction:column;position:absolute;top:12px;right:10px}.personnel-history-daily-book .select-paye{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;font-size:14px;z-index:4;color:#064ba0;z-index:5;transition:all .1s cubic-bezier(.55,0,.55,.2)}.personnel-history-daily-book .active-select-paye{background:#ff8b39;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%)}.personnel-history-daily-book .select-paye i{margin-right:3px;font-size:9px;margin-top:-3px}.personnel-history-daily-book button{font-size:15px}.personnel-history-daily-book .paye-content{flex-direction:column;transform:translateY(-48px);transition:all .3s cubic-bezier(.55,0,.55,.2)}.personnel-history-daily-book .each-paye{border-radius:5px;background:#ebebeb;color:#064ba0;font-size:13px;justify-content:center;cursor:pointer;box-shadow:1px 1px 3px 0 #262626;margin:4px 0;transition:all .3s cubic-bezier(.55,0,.55,.2);opacity:0;visibility:hidden;text-align:center;padding:3px 12px}.personnel-history-daily-book .selected-paye{background:#ffcd8f;color:#011732;border:2px solid #ff7819;padding:2px 10px}.personnel-history-daily-book .show-paye{opacity:1;visibility:visible}.personnel-history-daily-book .show-paye-content{transform:translateY(0);z-index:6}.personnel-history-daily-book .dailyBook-content{border:1px solid #cdcdcd;border-top:none;min-height:calc(100% - 90px);font-size:15px;color:#064ba0}.personnel-history-daily-book .calendar{padding:11px 45px 11px;font-size:16px;text-align:center;justify-content:center}.personnel-history-daily-book .calendar button{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;font-size:13px;width:65px;margin:0 10px}.personnel-history-daily-book .calendar .disabled-btn{border:2px solid #8d8d8d;background:#d9d9d9;color:#898989;cursor:default}.personnel-history-daily-book .filter{width:98%;margin:8px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff}.personnel-history-daily-book .filter i{font-size:25px;padding:10px 20px;border-left:1px solid #b3d9ff}.personnel-history-daily-book .fiter-options{justify-content:space-around;width:100%;flex-wrap:wrap}.personnel-history-daily-book .filter select{border-radius:5px;width:125px;text-align:center;font-size:14px;margin:0 15px;z-index:5;height:32px}.personnel-history-daily-book .each-day-box{margin:8px auto;width:98%;background:#ededed;border:1px solid #c1d0ff}.personnel-history-daily-book .date{text-align:center;padding:5px;background:#dcf2ff;border-bottom:1px solid #c1d0ff}.personnel-history-daily-book .date button{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676}.personnel-history-daily-book .header-titles{justify-content:space-between;padding:5px 0;background:#dcf2ff;font-size:14px;color:#d17300}.personnel-history-daily-book .each-operation{justify-content:space-between;padding:7px 0;font-size:13px}.personnel-history-daily-book .each-operation-odd{background:#f7f7f7}.personnel-history-daily-book .each-operation button{border-radius:5px;padding:2px 4px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;height:25px;line-height:23px;font-size:18px}.personnel-history-daily-book .monthly-sticky-top{position:-webkit-sticky;position:sticky;top:0}.personnel-history-daily-book .each-operation span,.personnel-history-daily-book .header-titles span{text-align:center}.personnel-history-daily-book .title{width:22%}.personnel-history-daily-book .lesson{width:15%}.personnel-history-daily-book .class-name{width:20%}.personnel-history-daily-book .operation{width:12%}.personnel-history-daily-book .creator{width:20%}.personnel-history-daily-book .row-button{width:6%}.personnel-history-daily-book .add-to-book{position:absolute;top:12px;left:10px;border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;font-size:14px;cursor:pointer;color:#064ba0}.personnel-history-daily-book .little-add-to-book{border-radius:5px;padding:1px 2px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;font-size:12px;cursor:pointer;color:#064ba0;margin:0 5px}.personnel-history-daily-book .add-panel-container{max-height:0;position:absolute;bottom:0;width:100%;z-index:10;background-color:#fff;overflow:hidden;transition:max-height ease-in-out .4s;font-size:15px}.personnel-history-daily-book .add-panel{padding:40px 0;text-align:center}.personnel-history-daily-book .add-panel-overlay{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:9}.personnel-history-daily-book .close-panel{position:absolute;top:3px;font-size:27px;color:#8b0000;right:40px;cursor:pointer}.personnel-history-daily-book .panel-option{padding:7px 6px;border-radius:5px;box-shadow:1px 1px 5px 0 #606060;margin:20px 15px;background:#e1e1e1;cursor:pointer;text-align:center}.personnel-history-daily-book .panel-option:hover{background:#c5c5c5}@media screen and (max-width:1024px){.personnel-history-daily-book .dailyBook-content{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.personnel-history-daily-book .hidden-in-devices{display:none}.personnel-history-daily-book button{font-size:13px}.personnel-history-daily-book .header{padding:4px;font-size:14px}.personnel-history-daily-book .header-border{padding:6px 10px}.personnel-history-daily-book .select-paye-content{top:12px;right:5px}.personnel-history-daily-book .select-paye{font-size:12px}.personnel-history-daily-book .each-paye{font-size:12px;margin:4px 0}.personnel-history-daily-book .add-to-book{font-size:12px;left:5px}.personnel-history-daily-book .calendar{padding:8px 45px 8px;font-size:14px}.personnel-history-daily-book .calendar button{font-size:12px}.personnel-history-daily-book .filter i{font-size:22px;padding:11px 10px}.personnel-history-daily-book .filter select{width:125px;font-size:12px;margin:4px 4px;height:27px}.personnel-history-daily-book .dailyBook-content{font-size:14px}.personnel-history-daily-book .header-titles{padding:3px 0;font-size:13px}.personnel-history-daily-book .next-month,.personnel-history-daily-book .previous-month{width:40px}.personnel-history-daily-book .each-operation{padding:4px 0;font-size:12px}.personnel-history-daily-book .this-month{width:145px}.personnel-history-daily-book .lesson{width:17%}.personnel-history-daily-book .operation{width:14%}.personnel-history-daily-book .each-operation button{padding:0 3px;height:23px;font-size:15px}.personnel-history-daily-book .add-panel{padding:25px 0}.personnel-history-daily-book .close-panel{font-size:24px;right:18px}.personnel-history-daily-book .panel-option{padding:6px 4px;margin:20px 15px}.personnel-history-daily-book .add-panel-container{font-size:14px}}@media screen and (max-width:480px){.personnel-history-daily-book button{font-size:12px}.personnel-history-daily-book .header{font-size:13px;height:74px}.personnel-history-daily-book .header-border{padding:2px 10px;height:67px}.personnel-history-daily-book .select-paye-content{top:35px}.personnel-history-daily-book .select-paye{font-size:11px}.personnel-history-daily-book .select-paye i{margin-right:2px;font-size:7px;margin-top:0}.personnel-history-daily-book .each-paye{font-size:11px}.personnel-history-daily-book .next-month,.personnel-history-daily-book .previous-month{font-size:12px}.personnel-history-daily-book .add-to-book{font-size:11px;top:35px}.personnel-history-daily-book .next-month i,.personnel-history-daily-book .previous-month i{font-size:16px}.personnel-history-daily-book .dailyBook-content{font-size:13px}.personnel-history-daily-book .filter i{font-size:19px;padding:8px 6px}.personnel-history-daily-book .filter select{width:120px;font-size:11px;margin:2px 2px;height:25px}.personnel-history-daily-book .date button{padding:0 5px}.personnel-history-daily-book .date{padding:2px}.personnel-history-daily-book .header-titles{font-size:11px}.personnel-history-daily-book .each-operation{padding:2px 3px;font-size:11px}.personnel-history-daily-book .each-operation button{padding:0 2px;height:21px;font-size:14px}.personnel-history-daily-book .title{width:20%}.personnel-history-daily-book .lesson{width:15%}.personnel-history-daily-book .close-panel{font-size:21px;right:8px}.personnel-history-daily-book .add-panel-container{font-size:12px}}.sa-personnel.dashboard{background-size:cover;width:100%;min-height:calc(100% - 90px);background-color:#fbfbfb}.sa-personnel.dashboard .all-modules{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:18px}.sa-personnel.dashboard .all-modules .outer-module{width:270px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:7px 15px;border:2px solid #276a9e;border-radius:15px;box-shadow:0 0 4px #9e9e9e;transition:.25s;cursor:pointer;background-color:#fff3e4}.sa-personnel.dashboard .all-modules .outer-module:hover{box-shadow:unset}.sa-personnel.dashboard .all-modules .outer-module .module-title{margin:7px 0;font-size:19px;color:#5b2e00fc}.sa-personnel.dashboard .all-modules .outer-module .module-title.in-process{opacity:.5}.sa-personnel.dashboard .all-modules .module{position:relative;height:160px;margin-top:6px;width:230px;background:url(../images/personnelModules2.png) no-repeat;background-size:1230px 915px;display:block}.sa-personnel.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:20px}.sa-personnel.dashboard .sa-badge-dashboard{font-size:24px;position:absolute;top:-14px;left:55%}.sa-personnel.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:138px;height:34px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:18px;position:absolute;top:-2px;left:15px}.sa-personnel.dashboard .all-modules .outer-module .module.calendar{background-position:-1208px -100px}.sa-personnel.dashboard .all-modules .outer-module .module.books{background-position:-974px -100px}.sa-personnel.dashboard .all-modules .outer-module .module.model{background-position:-728px -100px}.sa-personnel.dashboard .all-modules .outer-module .module.online-class{background-position:-753px -730px}.sa-personnel.dashboard .all-modules .outer-module .module.lesson{background-position:-1206px -386px}.sa-personnel.dashboard .all-modules .outer-module .module.absent{background-position:-750px -558px}.sa-personnel.dashboard .all-modules .outer-module .module.bulletin{background-position:-491px -551px}.sa-personnel.dashboard .all-modules .outer-module .module.homework{background-position:-981px -381px}.sa-personnel.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-492px -28px}.sa-personnel.dashboard .all-modules .outer-module .module.daily-book{background-position:-235px -377px}.sa-personnel.dashboard .all-modules .outer-module .module.learning-video{background-position:-494px -730px}.sa-personnel.dashboard .all-modules .outer-module .module.financial-management{background-position:-986px -554px}.sa-personnel.dashboard .all-modules .outer-module .module.karpooshe{background-position:-746px -204px}.sa-personnel.dashboard .all-modules .outer-module .module.test{background-position:-742px -25px}.sa-personnel.dashboard .all-modules .outer-module .module.exam{background-position:-985px -731px}.sa-personnel.dashboard .all-modules .outer-module .module.project{background-position:-241px -733px}.sa-personnel.dashboard .all-modules .outer-module .module.outcome{background-position:-213px -549px;background-size:1150px 915px}.sa-personnel.dashboard .all-modules .outer-module .module.message{background-position:-492px -381px}.sa-personnel.dashboard .all-modules .outer-module .module.films{background-position:-729px -664px}.sa-personnel.dashboard .all-modules .outer-module .module.settings{background-position:-728px -667px}.sa-personnel.dashboard .all-modules .outer-module .module.game{background-position:-743px -379px}.sa-personnel.dashboard .all-modules .outer-module .module.ticketing{background-position:-973px -527px}.sa-personnel.dashboard .all-modules .outer-module .module.disciplinary{background-position:-971px -24px}.sa-personnel.dashboard .all-modules .outer-module .module.agreement{background-position:-924px -206px;background-size:1165px 915px}.sa-personnel.dashboard .all-modules .outer-module .module.Issuance-of-plaques{background-position:-495px -207px}@media screen and (max-width:1024px){.sa-personnel.dashboard .all-modules .outer-module{width:170px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:7px 9px}.sa-personnel.dashboard{min-height:calc(100% - 60px)}.sa-personnel.dashboard .all-modules .outer-module .module-title{margin-top:10px;font-size:17px}.sa-personnel.dashboard .all-modules .module{height:87px;width:140px;background-size:669px 540px;display:block}.sa-personnel.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:18px}.sa-personnel.dashboard .sa-badge-dashboard{font-size:22px;position:absolute;top:-14px;left:55%}.sa-personnel.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:131px;height:34px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:17px;position:absolute;top:-2px;left:18px}.sa-personnel.dashboard .all-modules .outer-module .module.calendar{background-position:-1140px -100px}.sa-personnel.dashboard .all-modules .outer-module .module.books{background-position:-919px -100px}.sa-personnel.dashboard .all-modules .outer-module .module.model{background-position:-686px -100px}.sa-personnel.dashboard .all-modules .outer-module .module.online-class{background-position:-398px -433px}.sa-personnel.dashboard .all-modules .outer-module .module.lesson{background-position:-1139px -370px}.sa-personnel.dashboard .all-modules .outer-module .module.absent{background-position:-399px -331px}.sa-personnel.dashboard .all-modules .outer-module .module.bulletin{background-position:-259px -328px}.sa-personnel.dashboard .all-modules .outer-module .module.homework{background-position:-527px -227px}.sa-personnel.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-254px -19px}.sa-personnel.dashboard .all-modules .outer-module .module.learning-video{background-position:-261px -433px}.sa-personnel.dashboard .all-modules .outer-module .module.financial-management{background-position:-526px -330px}.sa-personnel.dashboard .all-modules .outer-module .module.daily-book{background-position:-121px -222px}.sa-personnel.dashboard .all-modules .outer-module .module.karpooshe{background-position:-398px -121px}.sa-personnel.dashboard .all-modules .outer-module .module.test{background-position:-392px -19px}.sa-personnel.dashboard .all-modules .outer-module .module.exam{background-position:-529px -433px}.sa-personnel.dashboard .all-modules .outer-module .module.project{background-position:-124px -431px}.sa-personnel.dashboard .all-modules .outer-module .module.outcome{background-position:-122px -328px;background-size:669px 540px}.sa-personnel.dashboard .all-modules .outer-module .module.message{background-position:-261px -228px}.sa-personnel.dashboard .all-modules .outer-module .module.films{background-position:-686px -634px}.sa-personnel.dashboard .all-modules .outer-module .module.settings{background-position:-686px -634px}.sa-personnel.dashboard .all-modules .outer-module .module.game{background-position:-396px -225px}.sa-personnel.dashboard .all-modules .outer-module .module.ticketing{background-position:-917px -503px}.sa-personnel.dashboard .all-modules .outer-module .module.agreement{background-position:-525px -124px;background-size:669px 540px}.sa-personnel.dashboard .all-modules .outer-module .module.disciplinary{background-position:-523px -19px}.sa-personnel.dashboard .all-modules .outer-module .module.Issuance-of-plaques{background-position:-258px -122px}}@media (max-width:768px){.sa-personnel.dashboard .all-modules .outer-module{width:130px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 7px 11px;border-radius:12px}.sa-personnel.dashboard .all-modules .outer-module .module-title{margin:0 0 4px;font-size:14px}.sa-personnel.dashboard .all-modules .module{height:75px;width:120px;background-size:584px 445px;display:block}.sa-personnel.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:16px}.sa-personnel.dashboard .sa-badge-dashboard{font-size:20px;position:absolute;top:-14px;left:55%}.sa-personnel.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:106px;height:30px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:14px;position:absolute;top:-2px;left:9px}.sa-personnel.dashboard .all-modules .outer-module .module.calendar{background-position:-1022px -87px}.sa-personnel.dashboard .all-modules .outer-module .module.books{background-position:-828px -87px}.sa-personnel.dashboard .all-modules .outer-module .module.model{background-position:-622px -87px}.sa-personnel.dashboard .all-modules .outer-module .module.online-class{background-position:-351px -361px}.sa-personnel.dashboard .all-modules .outer-module .module.lesson{background-position:-1023px -327px}.sa-personnel.dashboard .all-modules .outer-module .module.absent{background-position:-350px -272px}.sa-personnel.dashboard .all-modules .outer-module .module.bulletin{background-position:-227px -269px}.sa-personnel.dashboard .all-modules .outer-module .module.homework{background-position:-461px -190px}.sa-personnel.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-228px -15px}.sa-personnel.dashboard .all-modules .outer-module .module.learning-video{background-position:-229px -361px}.sa-personnel.dashboard .all-modules .outer-module .module.financial-management{background-position:-462px -271px}.sa-personnel.dashboard .all-modules .outer-module .module.daily-book{background-position:-107px -188px}.sa-personnel.dashboard .all-modules .outer-module .module.karpooshe{background-position:-350px -102px}.sa-personnel.dashboard .all-modules .outer-module .module.test{background-position:-347px -15px}.sa-personnel.dashboard .all-modules .outer-module .module.exam{background-position:-463px -359px}.sa-personnel.dashboard .all-modules .outer-module .module.project{background-position:-109px -360px}.sa-personnel.dashboard .all-modules .outer-module .module.outcome{background-position:-99px -273px;background-size:555px 445px}.sa-personnel.dashboard .all-modules .outer-module .module.message{background-position:-228px -188px}.sa-personnel.dashboard .all-modules .outer-module .module.films{background-position:-622px -562px}.sa-personnel.dashboard .all-modules .outer-module .module.settings{background-position:-621px -561px}.sa-personnel.dashboard .all-modules .outer-module .module.game{background-position:-348px -189px}.sa-personnel.dashboard .all-modules .outer-module .module.ticketing{background-position:-827px -445px}.sa-personnel.dashboard .all-modules .outer-module .module.agreement{background-position:-453px -103px;background-size:576px 445px}.sa-personnel.dashboard .all-modules .outer-module .module.disciplinary{background-position:-459px -16px}.sa-personnel.dashboard .all-modules .outer-module .module.Issuance-of-plaques{background-position:-228px -102px}}@media screen and (max-width:480px){.sa-personnel.dashboard .all-modules{padding:19px 10px 10px 10px}.sa-personnel.dashboard .all-modules .outer-module{width:90px;border-radius:10px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 5px 10px;box-shadow:0 0 2px #9f9f9f}.sa-personnel.dashboard .all-modules .outer-module .module-title{margin:3px 0;font-size:12px}.sa-personnel.dashboard .all-modules .module{height:50px;width:82px;margin-top:2px;background-size:359px 290px;display:block;border-radius:4px}.sa-personnel.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:14px}.sa-personnel.dashboard .sa-badge-dashboard{font-size:18px;position:absolute;top:-14px;left:55%}.sa-personnel.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:94px;height:25px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:13px;position:absolute;top:-7px;left:-1px}.sa-personnel.dashboard .all-modules .outer-module .module.calendar{background-position:-772px -66px}.sa-personnel.dashboard .all-modules .outer-module .module.books{background-position:-625px -66px}.sa-personnel.dashboard .all-modules .outer-module .module.model{background-position:-469px -65px}.sa-personnel.dashboard .all-modules .outer-module .module.online-class{background-position:-212px -232px}.sa-personnel.dashboard .all-modules .outer-module .module.lesson{background-position:-770px -245px}.sa-personnel.dashboard .all-modules .outer-module .module.absent{background-position:-211px -175px}.sa-personnel.dashboard .all-modules .outer-module .module.bulletin{background-position:-135px -175px}.sa-personnel.dashboard .all-modules .outer-module .module.homework{background-position:-279px -122px}.sa-personnel.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-135px -9px}.sa-personnel.dashboard .all-modules .outer-module .module.learning-video{background-position:-136px -232px}.sa-personnel.dashboard .all-modules .outer-module .module.financial-management{background-position:-278px -175px}.sa-personnel.dashboard .all-modules .outer-module .module.daily-book{background-position:-61px -120px}.sa-personnel.dashboard .all-modules .outer-module .module.karpooshe{background-position:-210px -64px}.sa-personnel.dashboard .all-modules .outer-module .module.test{background-position:-210px -9px}.sa-personnel.dashboard .all-modules .outer-module .module.exam{background-position:-280px -231px}.sa-personnel.dashboard .all-modules .outer-module .module.project{background-position:-63px -231px}.sa-personnel.dashboard .all-modules .outer-module .module.outcome{background-position:-61px -175px;background-size:359px 290px}.sa-personnel.dashboard .all-modules .outer-module .module.message{background-position:-177px -137px;background-size:442px 321px}.sa-personnel.dashboard .all-modules .outer-module .module.films{background-position:-469px -422px}.sa-personnel.dashboard .all-modules .outer-module .module.settings{background-position:-469px -421px}.sa-personnel.dashboard .all-modules .outer-module .module.game{background-position:-209px -121px}.sa-personnel.dashboard .all-modules .outer-module .module.ticketing{background-position:-623px -334px}.sa-personnel.dashboard .all-modules .outer-module .module.agreement{background-position:-278px -64px;background-size:359px 290px}.sa-personnel.dashboard .all-modules .outer-module .module.disciplinary{background-position:-278px -7px}.sa-personnel.dashboard .all-modules .outer-module .module.Issuance-of-plaques{background-position:-136px -65px}}.personnel-reminder-list{border:1px solid #cdcdcd;border-top:none;min-height:calc(100% - 90px);font-size:13px}.personnel-reminder-list .header{width:100%;padding:5px;color:#fff;font-size:18px;background:#064ba0}.personnel-reminder-list .header-border{border:2px solid #f7aa4c;padding:8px 10px;border-radius:5px;text-align:center}.personnel-reminder-list .flex-display{display:flex;align-items:center}.personnel-reminder-list .flex-wrap{flex-wrap:wrap}.personnel-reminder-list .justify-around{justify-content:space-around}.personnel-reminder-list .justify-between{justify-content:space-between}.personnel-reminder-list .reminder-box{border-radius:5px;border:1px solid gray;margin:5px 4px;width:49%;height:65px}.personnel-reminder-list .reminder-content{width:100%;padding:8px 11px}.personnel-reminder-list .reminder-test{border:2px solid #6a0000}.personnel-reminder-list .reminder-exam{border:2px solid #ac3000}.personnel-reminder-list .reminder-homework{border:2px solid #009310}.personnel-reminder-list .reminder-message{border:2px solid #2f3cff}.personnel-reminder-list .reminder-ticket{border:2px solid #00969d}.personnel-reminder-list .test-subject{color:#6a0000;font-size:16px;text-shadow:0 0 #8c2700}.personnel-reminder-list .exam-subject{color:#ac3000;font-size:16px;text-shadow:0 0 #ac3000}.personnel-reminder-list .homework-subject{color:#009310;font-size:16px;text-shadow:0 0 #009310}.personnel-reminder-list .message-subject{color:#2f3cff;font-size:16px;text-shadow:0 0 #2f3cff}.personnel-reminder-list .ticket-subject{color:#00969d;font-size:16px;text-shadow:0 0 #00969d}.personnel-reminder-list .reminder-title{color:#002655}.personnel-reminder-list .left-time{font-size:12px;color:#002553;margin-top:5px}.personnel-reminder-list .timer{color:#00408e}.personnel-reminder-list .view-reminder{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;color:#00408e}@media screen and (max-width:1023px){.personnel-reminder-list{min-height:calc(100% - 60px)}.personnel-reminder-list .reminder-box{width:98%}}@media (max-width:768px){.personnel-reminder-list .header{font-size:16px}.personnel-reminder-list{font-size:12px}.personnel-reminder-list .reminder-box{width:100%}.personnel-reminder-list .exam-subject,.personnel-reminder-list .homework-subject,.personnel-reminder-list .message-subject,.personnel-reminder-list .test-subject,.personnel-reminder-list .ticket-subject{font-size:14px}.personnel-reminder-list .left-time{font-size:11px}.personnel-reminder-list .view-reminder{font-size:12PX}}@media screen and (max-width:480px){.personnel-reminder-list .header{font-size:15px}.personnel-reminder-list{font-size:11px}.personnel-reminder-list .exam-subject,.personnel-reminder-list .homework-subject,.personnel-reminder-list .message-subject,.personnel-reminder-list .test-subject,.personnel-reminder-list .ticket-subject{font-size:13px}.personnel-reminder-list .reminder-content{padding:5px 5px;flex-direction:column}.personnel-reminder-list .reminder-box{height:auto;text-align:center}.personnel-reminder-list .left-time{font-size:10px}.personnel-reminder-list .view-reminder{font-size:11PX;margin-top:6px}}.personnel-School-List{font-size:15px;border:1px solid #cdcdcd;border-top:none;min-height:100%;color:#064ba0}.personnel-School-List .flex-display{display:flex;align-items:center}.personnel-School-List .header{width:100%;padding:5px;color:#fff;font-size:17px;background:#064ba0;height:58px}.personnel-School-List .header-border{border:2px solid #f7aa4c;padding:10px;border-radius:5px;text-align:center}.personnel-School-List input[type=number],.personnel-School-List input[type=text]{border-radius:5px;border:1px solid gray;padding:5px 4px;text-align:center;unicode-bidi:plaintext}.personnel-School-List input[type=radio]{margin:0 0 0 3px}.personnel-School-List .filter{width:98%;margin:10px auto 20px;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;justify-content:space-around;padding:9px 0}.personnel-School-List .add-school{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;display:block;margin:0 auto}.personnel-School-List .add-school i{margin-left:3px}.personnel-School-List .schools{flex-wrap:wrap}.personnel-School-List .each-school{border-radius:5px;padding:0 2px;cursor:pointer;margin:8px 2%;width:29%}.personnel-School-List .school-id{unicode-bidi:plaintext}@media screen and (max-width:1024px){.personnel-School-List .each-school{width:46%}}@media screen and (max-width:768px){.personnel-School-List{font-size:14px}.personnel-School-List .header{font-size:16px;height:53px}.personnel-School-List .header-border{padding:8px}.personnel-School-List input[type=number],.personnel-School-List input[type=text]{padding:2px 4px;width:100px}.personnel-School-List .filter{margin:10px auto 10px}.personnel-School-List .each-school{margin:8px}}@media screen and (max-width:480px){.personnel-School-List{font-size:13px}.personnel-School-List .header{font-size:15px;height:51px}.personnel-School-List .filter{margin:7px auto 7px;flex-direction:column;padding:1px 0}.personnel-School-List .filter span{margin:5px 0}.personnel-School-List input[type=number],.personnel-School-List input[type=text]{padding:1px 4px;width:140px}.personnel-School-List .schools{justify-content:space-between;margin:0 4%}.personnel-School-List .each-school{margin:4px 5px;width:100%}}.add-disciplinary{border:1px solid gray;border-width:0 1px}.add-disciplinary .disciplinary-header{position:relative;height:60px}.add-disciplinary .home-button{position:absolute;font-size:28px;right:20px}.add-disciplinary .home-button i{cursor:pointer}.add-disciplinary .header-title{height:100%;padding:5px}.add-disciplinary .flex-display{display:flex;align-items:center}.add-disciplinary .justify-center{justify-content:center}.add-disciplinary .padding-content{padding:10px 10px 10px;font-size:14px;text-align:justify;height:calc(100% - 105px);overflow-y:auto}.add-disciplinary .disciplinary-contact{display:flex;justify-content:space-evenly;margin-bottom:5px;flex-wrap:wrap}.add-disciplinary .input-num-variable{height:28px;border-radius:5px;font-size:12px;width:80px;padding:3px;text-align:center;border:1px solid #a5a5a5;margin-right:3px}.add-disciplinary .select-width{width:235px}.add-disciplinary .float-right{float:right}.add-disciplinary .clearfix{clear:both}.padding-top3{padding-top:6px}.add-disciplinary .add-disciplinary-receiver p:first-child{font-size:15px;color:#0d65d2}.add-disciplinary .add-disciplinary-receiver{border:1px solid #004186;padding:0 8px 8px;border-radius:5px}.add-disciplinary .disciplinary-receivers{background:#fff;margin-top:-15px;padding:0 5px}.add-disciplinary .select-subject{justify-content:space-between}.add-disciplinary .select-subject select{width:calc(100% - 45px);border-radius:5px;font-size:13px;height:30px}.add-disciplinary .select-subject .fa-plus-circle{font-size:23px;color:#2761a9;cursor:pointer}.add-disciplinary .select-subject .fa-trash-o{font-size:23px;color:red;cursor:pointer}.add-disciplinary .fields-container input[type=text],.add-disciplinary textarea{margin:10px auto 0;padding:5px;width:100%;border:1px solid #a5a5a5;display:block;border-radius:5px}.add-disciplinary .template-disciplinary-options{margin:15px 0 0}.add-disciplinary .disciplinary-variable{color:#004581}.add-disciplinary .template-disciplinary-each-option{margin:8px 0 0}.add-disciplinary .disciplinary-datepicker,.add-disciplinary .disciplinary-timepicker{margin-right:3px}.add-disciplinary .template-disciplinary-options input[type=text]{width:60%;margin:0 3px 0 0}.add-disciplinary .disciplinary-datepicker input[type=text]{margin:0;padding:6px 12px;width:100%;border:1px solid #ccc;border-radius:4px 0 0 4px}.add-disciplinary .disciplinary-timepicker input[type=text]{margin:0;padding:6px 12px;width:100%;border:1px solid #ccc}.add-disciplinary .disciplinary-timepicker .btn{padding:0 12px;outline:0}.add-disciplinary .disciplinary-timepicker .btn .glyphicon{top:3px}.add-disciplinary textarea{height:50px;resize:none;margin-bottom:0}.add-disciplinary textarea::-webkit-scrollbar{display:none}.add-disciplinary .add-disciplinary-footer button{display:block;margin:10px auto 0;border-radius:5px;font-size:16px}.add-disciplinary .sms-parent{margin-bottom:10px;margin-top:10px}.add-disciplinary .sms-parent i{font-size:20px;color:#5a5a5a;margin-left:5px}.add-disciplinary .sms-parent i.fa-check-square{color:#0061d3;font-size:19px}.add-disciplinary .survey-checkbox-container{margin:10px 0 5px}.add-disciplinary hr{margin:10px 0;border-top:1px solid #dbdbdb}.add-disciplinary .flex-align-center{display:flex;justify-content:center}.add-disciplinary .choose-col-50{display:flex;align-items:center}.add-disciplinary input[type=checkbox]{float:right;margin:2px 0 2px 5px;width:15px;height:15px}.add-disciplinary .m10-0{margin:10px 0}.add-disciplinary .survey-container input[type=text]{width:390px;margin:0;padding:5px 5px 5px 30px}.add-disciplinary .sms{width:310px}.add-disciplinary .middle input{padding:5px;width:350px;margin-left:5px}.add-disciplinary .add-survey-options{display:inline-block;margin:0 auto;position:relative}.add-disciplinary .add-survey-btn{position:absolute;left:2px;top:2px;background:#e97c0b;border:1px solid #ff650e;border-radius:5px;height:28px;width:27px;font-size:16px;line-height:31px;color:#fff}.add-disciplinary .middle{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.add-disciplinary .publish-disciplinary{font-size:15px;line-height:1.5}.add-disciplinary .disciplinary-property{text-decoration:underline;color:#8a0000}.add-disciplinary .date-picker-container{margin-top:8px;justify-content:center;flex-wrap:wrap}.add-disciplinary .date-picker-container span{padding:0 5px}.add-disciplinary input.student-search{border-radius:5px;border:1px solid gray;padding:5px 4px;margin:8px auto;text-align:center;width:100%;max-width:500px}.add-disciplinary .last-row{flex-wrap:wrap;height:45px;padding:5px 15px;background-color:#c6dcef;box-shadow:0 -5px 7px -2px #a9a9a9;justify-content:space-around}.add-disciplinary .send-sms-container{width:50%}.add-disciplinary .send-sms-container i{font-size:20px;cursor:pointer}.add-disciplinary .send-sms-container span{position:relative;bottom:4px}.add-disciplinary .submit-button-container{width:50%;text-align:center}.add-disciplinary .submit-button-container>button{border-radius:5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 3px #00000082;font-size:14px;width:75px;padding:1px 0}.add-disciplinary .open-list-btn{background-color:#b4cfef;text-align:center;font-size:17px;padding:5px;border-radius:5px;cursor:pointer}@media screen and (max-width:768px){.add-disciplinary .disciplinary-header{height:45px}.add-disciplinary .disciplinary-header>div{font-size:15px}.add-disciplinary .home-button{font-size:24px;right:15px;top:9px}.add-disciplinary .padding-content{font-size:13px;height:calc(100% - 90px)}.add-disciplinary .select-width{width:200px}.add-disciplinary .each-survay-option{width:98%}.add-disciplinary .add-survey-btn{height:22px;width:22px;font-size:14px;line-height:26px}.add-disciplinary .sms{margin:10px auto;display:block}.add-disciplinary .sms-description{font-size:12px}.add-disciplinary fieldset{padding:0 5px 10px}.add-disciplinary select-subject select{width:163px;font-size:12px}.add-disciplinary .contact-button{padding:2px 3px}.add-disciplinary .choose-col-50{text-align:center;justify-content:center}.multi-selector-directive .collapse-icon{font-size:14px}.add-disciplinary .survey-container input[type=text]{padding:3px;width:320px}.add-disciplinary .middle input{margin-bottom:10px}.add-disciplinary .add-disciplinary-footer button{margin:15px auto 0;font-size:14px}.add-disciplinary .send-sms-container{width:70%}.add-disciplinary .submit-button-container{width:30%}.add-disciplinary .submit-button-container>button{width:65px}}@media screen and (max-width:480px){.add-disciplinary .header-title{padding:2px}.add-disciplinary .padding-content{padding:5px 5px 10px;font-size:12px}.add-disciplinary select-subject select{width:100%;font-size:11px;height:26px}.add-disciplinary .each-survay-option{width:100%;padding:2px 5px}.add-disciplinary .add-survey-options{width:100%}.add-disciplinary .del-option{font-size:18px}.add-disciplinary .sms{margin:5px auto;width:290px}.add-disciplinary .sms-description{font-size:11px}.add-disciplinary .survey-container input[type=text]{width:100%}.add-disciplinary .add-survey-btn{height:21px;font-size:13px;line-height:25px}.add-disciplinary .col-50{width:100%}.add-disciplinary .choose-col-50{text-align:center;justify-content:center}.add-disciplinary .select-width{width:100%}.add-disciplinary .send-sms-container{height:100%}}.disciplinary-list{padding:0}.disciplinary-list .disciplinary-header{width:100%;height:60px;position:relative}.disciplinary-list .add-disciplinary-btn{position:absolute;top:12px;left:14px}.disciplinary-list .home-button{position:absolute;font-size:28px;top:13px;right:18px}.disciplinary-list .home-button i{cursor:pointer}.disciplinary-list .add-disciplinary-btn button{font-size:14px;border-radius:5px;color:#064ba0;cursor:pointer;padding:2px 6px;box-shadow:1px 1px 3px #00000082;border:2px solid #ff7c41;background-color:#ffa639}.disciplinary-list .min-height{min-height:100%;height:100%}.disciplinary-list .main-height{border:1px solid #7d7d7d;min-height:calc(100% - 60px)}.disciplinary-list .select-paye-content{flex-direction:column;z-index:5;padding-top:5px;width:70px;position:absolute;height:0;top:12px;right:14px}.disciplinary-list .select-paye{border-radius:5px;background:#ffa639;color:#064ba0;font-size:14px;padding:1px 5px;cursor:pointer;border:2px solid #ff7c41;box-shadow:0 1px 3px 0 #141414;z-index:5;transition:all .1s cubic-bezier(.55,0,.55,.2);position:relative;text-align:center}.disciplinary-list .active-select-paye{background:#ff8b39;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%)}.disciplinary-list .select-paye i{margin-right:3px;font-size:9px;margin-top:-3px}.disciplinary-list .paye-content{flex-direction:column;transform:translateY(-48px);transition:all .3s cubic-bezier(.55,0,.55,.2);height:0}.disciplinary-list .each-paye{border-radius:5px;background:#ebebeb;color:#064ba0;font-size:13px;text-align:center;cursor:pointer;box-shadow:1px 1px 3px 0 #262626;margin:6px 0;transition:all .3s cubic-bezier(.55,0,.55,.2);opacity:0;visibility:hidden;padding:2px 12px}.disciplinary-list .selected-paye{background:#ffcd8f;color:#011732;border:3px solid #ff7819}.disciplinary-list .show-paye{opacity:1;visibility:visible}.disciplinary-list .show-paye-content{transform:translateY(0)}.disciplinary-list .filter-box{position:relative;margin:10px 10px 20px}.disciplinary-list .filter-box .filter-icon{position:absolute;width:45px;height:45px;top:0;right:0;font-size:27px;padding:4px 9px}.disciplinary-list .filter-box .filter-container{padding:0 50px 0 5px;justify-content:space-around;flex-wrap:wrap}.disciplinary-list .filter-box .input-container>input{height:32px;width:210px;padding:2px 3px;border:1px solid #8a57bd;border-radius:5px}.disciplinary-list .filter-box .select-container>select{height:32px;width:210px;padding:2px;border:1px solid #8a57bd;border-radius:5px;text-align:center}.disciplinary-list .filter-box .date-picker-container .date-picker{direction:ltr;width:210px}.disciplinary-list .each-disciplinary-record{padding:5px;border-bottom:1px solid #bfbfbf}.disciplinary-list .each-disciplinary-record .fa-caret-left{position:relative;top:2px}.disciplinary-list .each-disciplinary-record.backgroundcolor-gray{background-color:#f3f3f3}.disciplinary-list .delete-button{font-size:20px;color:red;position:relative;left:5px;top:1px;cursor:pointer}.disciplinary-list .student-title{font-size:15px;padding:2px 3px}.disciplinary-list .personnel-title{font-size:14px;padding:2px 3px}.disciplinary-list .subject-title{font-size:14px;padding:2px 3px}.disciplinary-list .extra-info{font-size:13px;padding:2px 3px}.disciplinary-list .go-to-top{position:absolute;bottom:25px;border-radius:50%;padding:10px 11px;display:flex;align-items:center;justify-content:center;background:#0d65d2;cursor:pointer;font-size:26px;color:#fff}@media screen and (max-width:768px){.disciplinary-list .select-paye-content{padding-top:1px;width:63px}.disciplinary-list .select-paye{font-size:13px}.disciplinary-list .each-disciplinary-card{width:98%}.disciplinary-list .disciplinary-header{height:50px}.disciplinary-list .disciplinary-header .disciplinary-header-title{padding-top:7px;font-size:16px}.disciplinary-list .home-button{position:absolute;font-size:24px;top:11px;right:16px}.disciplinary-list .add-disciplinary-btn{position:absolute;top:7px;left:13px}.disciplinary-list .add-disciplinary-btn button{font-size:12px;padding:2px 4px}.disciplinary-list .filter-box .filter-icon{position:absolute;width:38px;height:38px;top:0;right:0;font-size:23px;padding:3px 7px;border-radius:0 0 0 7px}.disciplinary-list .filter-box .filter-container{padding:0 5px}.disciplinary-list .filter-box .input-container{padding:0 45px 5px 5px;width:100%;text-align:center;padding:2px 3px}.disciplinary-list .filter-box .input-container>input{height:32px;width:70%}.disciplinary-list .filter-box .select-container{width:45%}.disciplinary-list .filter-box .select-container>select{height:32px;width:100%}.disciplinary-list .filter-box .date-picker-container{width:45%}.disciplinary-list .filter-box .date-picker-container .date-picker{direction:ltr;width:100%}.disciplinary-list .student-title{font-size:14px}.disciplinary-list .subject-title{font-size:13px}.disciplinary-list .personnel-title{font-size:13px}.disciplinary-list .extra-info{font-size:12px}}@media screen and (max-width:480px){.disciplinary-list .filter-box .filter-container{padding:0}.disciplinary-list .filter-box .input-container{padding:1px 39px 5px 1px}.disciplinary-list .filter-box .input-container>input{width:80%;min-width:239px}.disciplinary-list .filter-box .select-container{width:48%}.disciplinary-list .filter-box .date-picker-container{width:48%}.disciplinary-list .student-title{font-size:13px}.disciplinary-list .subject-title{font-size:12px}.disciplinary-list .personnel-title{font-size:12px}.disciplinary-list .extra-info{font-size:11px}}.personnel-exam-list{border:1px solid gray}.personnel-exam-list .personnel-exam-list-header{width:calc(100% - 100px)}.personnel-exam-list .new-exam-btn{width:100px;text-align:center}.personnel-exam-list .new-exam-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:1px 3px 3px;border-color:#f5962e;background-color:#ffa639}.personnel-exam-list .exam-list-header-title{height:100%;width:calc(100% - 210px);padding-top:7px}.personnel-exam-list .title-and-buttons-row{justify-content:space-between;height:50px}.personnel-exam-list .toggle-row{height:50px;padding-top:7px;background-color:#064ba0}.personnel-exam-list .exam-list-toggle-box{height:35px;justify-content:space-around;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#c8d7ea;font-size:16px}.personnel-exam-list .toggle-switch-part{position:absolute;width:50%;bottom:-10px;height:7px;transition:.7s ease-in-out}.personnel-exam-list .toggle-switch-part>div{background-color:#fff;width:97%;margin:0 auto;height:5px;border-radius:22px;box-shadow:0 3px 5px -2px #717171}.personnel-exam-list .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.personnel-exam-list .toggle-items-title.selected-tab{color:#fff}.personnel-exam-list .exam-list-body{height:calc(100% - 49px);overflow:hidden}.personnel-exam-list .tabs-container{height:100%;overflow:hidden;position:relative}.personnel-exam-list .exam-posted-tab{position:absolute;width:100%;height:100%;transition:.7s ease-in-out;overflow:auto}.personnel-exam-list .exam-posted-tab .guide-box{padding:5px 2px 2px 2px}.personnel-exam-list .exam-posted-tab .each-guide{padding:2px 5px;font-size:13px}.personnel-exam-list .exam-posted-tab .each-guide .fa-circle{color:#b42528;font-size:8px}.personnel-exam-list .exam-posted-tab .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.personnel-exam-list .exam-posted-tab .posted-tab-filter{position:relative}.personnel-exam-list .exam-posted-tab .filter-icon{position:absolute;width:36px;height:36px;top:0;right:0;border-radius:0 0 0 7px;font-size:23px;padding:2px 6px}.personnel-exam-list .exam-posted-tab .input-select-row{justify-content:space-evenly;padding:5px;flex-wrap:wrap}.personnel-exam-list .exam-posted-tab .date-picker-row{justify-content:space-evenly;flex-wrap:wrap}.personnel-exam-list .exam-posted-tab .each-filter input{height:34px;width:200px;padding-right:2px}.personnel-exam-list .exam-posted-tab .each-filter select{height:34px;width:200px}.personnel-exam-list .exam-posted-tab .date-picker-container{width:300px;justify-content:center}.personnel-exam-list .exam-posted-tab .date-picker-width{justify-content:space-evenly;width:210px;padding:5px 0}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter{font-size:13px;padding:0 40px 8px 0}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter>span{cursor:pointer;position:relative;bottom:2px}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter i{font-size:20px;position:relative;top:4px}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter .set-asc-desc{padding-right:25px}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter .set-asc-desc i{font-size:15px;position:relative;top:3px}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter .disable-sort{color:#9399a0}.personnel-exam-list .exam-posted-tab .background-gray{background-color:#f3f3f3}.personnel-exam-list .exam-posted-tab .each-exam-row{width:calc(100% - 10px);margin:0 5px;padding:0 3px;display:flex;flex-wrap:wrap;position:relative}.personnel-exam-list .exam-posted-tab .exam-and-lesson-title{margin:2px 0 5px;font-size:17px;padding:0 3px}.personnel-exam-list .exam-posted-tab .exam-and-lesson-title .lesson-title{font-size:13px;padding:2px 3px 0;color:#313131}.personnel-exam-list .exam-posted-tab .exam-and-lesson-title .fa-caret-left{font-size:23px;padding-left:4px}.personnel-exam-list .exam-posted-tab .start-time{font-size:13px;padding:2px 15px 2px 5px}.personnel-exam-list .exam-posted-tab .duration-time{font-size:13px;padding:2px 15px 2px 5px}.personnel-exam-list .exam-posted-tab .class-title{font-size:13px;padding:2px 14px 2px 5px}.personnel-exam-list .exam-posted-tab .personnel-title{font-size:13px;padding:2px 14px 2px 5px}.personnel-exam-list .exam-posted-tab .fa-calendar,.personnel-exam-list .exam-posted-tab .fa-clock-o,.personnel-exam-list .exam-posted-tab .fa-group,.personnel-exam-list .exam-posted-tab .fa-user-circle{font-size:15px;position:relative;top:1px}.personnel-exam-list .exam-posted-tab .exam-detail-btn{font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639;position:absolute;left:10px}.personnel-exam-list .exam-posted-tab .live-sign{position:relative;text-align:center;color:#e10000;bottom:1px;font-size:12px;padding-right:9px;animation:personnel-exam-list-live-sign 2s linear infinite;white-space:nowrap}.personnel-exam-list .exam-posted-tab .live-sign .fa-circle{font-size:9px;position:relative;top:1px}@keyframes personnel-exam-list-live-sign{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.personnel-exam-list .exam-bank-tab{position:absolute;width:100%;height:100%;transition:.7s ease-in-out;overflow:auto}.personnel-exam-list .exam-bank-tab .filter-box-container{padding:5px;position:sticky;top:0;z-index:10;background-color:#fff}.personnel-exam-list .exam-bank-tab .filter-box-container .inner-filter-container{justify-content:space-evenly;padding-right:50px}.personnel-exam-list .exam-bank-tab .filter-box-container .filter-icon{position:absolute;top:0;right:0;width:43px;height:42px;font-size:24px;padding:5px 9px}.personnel-exam-list .exam-bank-tab .filter-box-container .fa-remove{position:absolute;font-size:16px;color:#db0000;top:6px;left:7px;cursor:pointer}.personnel-exam-list .exam-bank-tab .filter-box-container input{width:200px;padding:3px 6px;font-size:13px;height:32px;border-radius:5px;border:1px solid #171717}.personnel-exam-list .exam-bank-tab .filter-box-container select{width:200px;padding:3px 6px;font-size:13px;height:32px;border-radius:5px;border:1px solid #171717}.personnel-exam-list .exam-bank-tab .guide-and-exam-btn{padding-top:2px;flex-wrap:wrap}.personnel-exam-list .exam-bank-tab .guide-and-exam-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 5px;border-color:#f5962e;background-color:#ffa639}.personnel-exam-list .exam-bank-tab .new-exam-btn{width:90px}.personnel-exam-list .exam-bank-tab .each-guide{padding:2px 5px;font-size:13px}.personnel-exam-list .exam-bank-tab .each-guide .fa-circle{color:#b42528;font-size:8px}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam{border-bottom:1px solid #999;display:flex;min-height:45px;position:relative}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-title-box{width:calc(50% - 45px);padding:2px 5px;height:100%}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-title-box .exam-title{font-size:14px;color:#064ba0;padding-bottom:3px;padding-right:17px}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-title-box .exam-title i{font-size:25px;position:absolute;top:0;right:7px}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-title-box .lesson-title{color:#777676}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-detail-btn{width:90px;justify-content:center}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-detail-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 5px;border-color:#f5962e;background-color:#ffa639}.personnel-exam-list .exam-bank-tab .exam-list-content .empty-list-expression{font-size:16px;margin-top:50px;margin-bottom:10px;text-align:center}@media screen and (max-width:1024px){.personnel-exam-list{min-height:calc(100% - 60px)}.personnel-exam-list .exam-posted-tab .each-filter input{width:160px}.personnel-exam-list .exam-posted-tab .each-filter select{width:160px}}@media screen and (max-width:768px){.personnel-exam-list .personnel-exam-list-header{width:calc(100% - 85px)}.personnel-exam-list .new-exam-btn{width:85px;text-align:right;padding-bottom:1px}.personnel-exam-list .new-exam-btn button{font-size:12px;padding:3px 4px 4px 3px}.personnel-exam-list .exam-list-body{height:calc(100% - 39px);overflow:hidden}.personnel-exam-list .title-and-buttons-row{height:40px}.personnel-exam-list .exam-list-guide{font-size:25px;margin-left:10px}.personnel-exam-list .toggle-row{height:40px}.personnel-exam-list .exam-list-toggle-box{height:30px;border-radius:15px;font-size:14px}.personnel-exam-list .toggle-items-title{font-size:15px;padding-top:5px}.personnel-exam-list .toggle-switch-part{bottom:-5px}.personnel-exam-list .toggle-switch-part>div{width:95%;height:4px;box-shadow:0 2px 4px -1px #afafaf}.personnel-exam-list .exam-bank-tab .filter-box-container .inner-filter-container{padding-right:40px}.personnel-exam-list .exam-bank-tab .exam-title{font-size:14px}.personnel-exam-list .exam-bank-tab .lesson-title{font-size:13px}.personnel-exam-list .posted-tab-filter{padding:0 0 4px}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter{font-size:13px;padding:4px 40px 5px 0}.personnel-exam-list .exam-posted-tab .each-filter{width:33%;text-align:center}.personnel-exam-list .exam-posted-tab .each-filter.increase-width{width:100%;text-align:center;padding-bottom:5px}.personnel-exam-list .exam-posted-tab .each-filter.increase-width input{width:calc(100% - (100% - 390px)/ 3)}.personnel-exam-list .exam-posted-tab .each-filter input{height:29px;width:130px}.personnel-exam-list .exam-posted-tab .each-filter select{height:29px;width:130px}.personnel-exam-list .exam-posted-tab .date-picker-container{width:45%}.personnel-exam-list .exam-posted-tab .date-picker-width{width:145px;padding:5px 0}.personnel-exam-list .exam-posted-tab .input-select-row{padding:10px 5px 3px}.personnel-exam-list .exam-posted-tab .each-guide{font-size:11px;text-align:justify}.personnel-exam-list .exam-bank-tab .filter-box-container .filter-icon{width:41px;height:42px;padding:5px 8px}}@media screen and (max-width:480px){.personnel-exam-list .personnel-exam-list-header{width:calc(100% - 75px)}.personnel-exam-list .new-exam-btn{width:75px;text-align:right;padding-bottom:1px}.personnel-exam-list .new-exam-btn button{font-size:11px;padding:3px 4px 3px 3px}.personnel-exam-list .exam-list-body{height:calc(100% - 29px);overflow:hidden}.personnel-exam-list .add-new-exam{height:100%;padding-top:4px;text-align:left;width:90px}.personnel-exam-list .add-new-exam button{font-size:12px;height:24px;padding:2px 3px}.personnel-exam-list .toggle-row{padding-top:0;height:29px}.personnel-exam-list .exam-list-toggle-box{height:28px;width:95%}.personnel-exam-list .toggle-items-title{font-size:12px;padding-top:4px}.personnel-exam-list .toggle-switch-part{bottom:-3px}.personnel-exam-list .toggle-switch-part>div{width:95%;height:3px;box-shadow:0 2px 2px -1px #000}.personnel-exam-list .exam-posted-tab .date-picker-container{width:100%}.personnel-exam-list .exam-posted-tab .date-picker-width{width:60%;padding:5px 0}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter{font-size:12px;padding:2px 40px 0 0;display:flex;align-items:center;height:36px}.personnel-exam-list .exam-posted-tab .posted-tab-filter .sort-filter i{font-size:18px;top:3px}.personnel-exam-list .exam-posted-tab .each-filter{width:50%;text-align:center;padding:2px}.personnel-exam-list .exam-posted-tab .each-filter input{width:95%}.personnel-exam-list .exam-posted-tab .each-filter select{width:95%}.personnel-exam-list .exam-posted-tab .each-filter.increase-width{width:50%;text-align:center;padding:2px}.personnel-exam-list .exam-posted-tab .each-filter.increase-width input{width:95%}.personnel-exam-list .exam-posted-tab .exam-and-lesson-title{margin:2px 0 5px;font-size:15px;padding:0 3px;flex-wrap:wrap;overflow:hidden}.personnel-exam-list .exam-posted-tab .start-time{font-size:11px;padding:2px 10px 2px 5px}.personnel-exam-list .exam-posted-tab .class-title{font-size:11px;padding:2px 8px 2px 5px}.personnel-exam-list .exam-posted-tab .duration-time{font-size:11px;padding:2px 10px 2px 5px}.personnel-exam-list .exam-posted-tab .personnel-title{font-size:11px;padding:2px 8px 2px 5px}.personnel-exam-list .exam-posted-tab .fa-calendar,.personnel-exam-list .exam-posted-tab .fa-clock-o,.personnel-exam-list .exam-posted-tab .fa-group{font-size:13px}.personnel-exam-list .exam-posted-tab .exam-detail-btn{width:82px;font-size:11px;padding:3px 2px 2px;left:5px}.personnel-exam-list .exam-posted-tab .live-sign{bottom:1px;font-size:9px;padding-right:5px}.personnel-exam-list .exam-posted-tab .live-sign .fa-circle{font-size:6px;top:0}.personnel-exam-list .exam-posted-tab .change-school-btn{bottom:1px;font-size:11px;padding:3px 3px 1px;margin:3px 2px 1px}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-title-box{width:calc(100% - 60px)}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-title-box .exam-title i{font-size:23px}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-detail-btn{width:60px;justify-content:right}.personnel-exam-list .exam-bank-tab .exam-list-content .each-exam .exam-detail-btn button{font-size:12px;padding:2px 4px}.personnel-exam-list .exam-bank-tab .filter-box-container{padding:2px 5px 5px}.personnel-exam-list .exam-bank-tab .filter-box-container input{width:125px;height:29px;padding:3px 6px;font-size:11px}.personnel-exam-list .exam-bank-tab .filter-box-container select{width:125px;height:29px;padding:3px 6px;font-size:11px}.personnel-exam-list .exam-bank-tab .filter-box-container .fa-remove{font-size:13px;top:8px;left:5px}.personnel-exam-list .exam-bank-tab .filter-box-container .filter-icon{width:37px;height:39px;font-size:22px;padding:5px 7px}.personnel-exam-list .exam-bank-tab .filter-box-container .inner-filter-container{justify-content:space-around;padding-right:35px}.personnel-exam-list .exam-bank-tab .each-guide{font-size:11px}}.personnel-main-header{height:60px;background-color:#064ba0;color:#fff;padding:0 10px}.personnel-main-header .back-button-container{width:35px;height:100%;padding-right:5px}.personnel-main-header .back-button-container i{font-size:23px}.personnel-main-header .header-title{width:calc(100% - 80px);height:100%;padding:0 7px;font-size:20px;justify-content:center;text-align:center}.personnel-main-header .header-title.guide-is-hide{width:calc(100% - 35px)}.personnel-main-header .header-title.back-is-hide{width:calc(100% - 45px)}.personnel-main-header .header-title.back-is-hide.guide-is-hide{width:100%}.personnel-main-header .buttons{width:45px;justify-content:flex-end}.personnel-main-header .buttons .guide-button{color:#a00606;background-color:#fff;padding:5px;border-radius:7px;font-weight:700;box-shadow:0 0 4px #fff;cursor:pointer;font-size:12px}.personnel-main-header .transition04{transition:.4s ease-out}.personnel-main-header .header-menu{position:relative}.personnel-main-header .header-menu .open-menu-btn{width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer}.personnel-main-header .header-menu .open-menu-btn i{font-size:28px}.personnel-main-header .header-menu .outer-box{position:absolute;overflow:hidden;border-radius:5px;z-index:10;color:#000;background-color:#f0f8ff;left:-4px;top:10px}.personnel-main-header .header-menu .inner-box{width:150px;padding:3px}.personnel-main-header .header-menu .first-row{text-align:center;height:10px}.personnel-main-header .header-menu .first-row i{font-size:22px;position:relative;bottom:5px}.personnel-main-header .header-menu .each-option{text-align:center}.personnel-main-header .header-menu .each-option hr{margin:3px 0;border-top:1px solid #b6babd}.personnel-main-header .header-menu .option-title{border-radius:5px;padding:4px 2px;font-size:14px;line-height:1.2}.personnel-main-header .header-menu .option-title:hover{background-color:#c2c8cb}@media screen and (max-width:1024px){.personnel-main-header .header-title{font-size:18px}}@media (max-width:768px){.personnel-main-header{height:50px}.personnel-main-header .header-title{justify-content:right;text-align:right;font-size:16px;width:calc(100% - 75px)}.personnel-main-header .header-title.guide-is-hide{width:calc(100% - 30px)}.personnel-main-header .header-title.back-is-hide{width:calc(100% - 45px)}.personnel-main-header .header-title.back-is-hide.guide-is-hide{width:100%}.personnel-main-header .back-button-container{width:30px}.personnel-main-header .back-button-container i{font-size:21px}.personnel-main-header .buttons .guide-button{font-size:11px;padding:5px 5px 4px}.personnel-main-header .buttons .fa-question-circle{font-size:25px}.personnel-main-header .header-menu .open-menu-btn i{font-size:26px}}@media screen and (max-width:480px){.personnel-main-header{padding:0 5px}.personnel-main-header .header-title{width:calc(100% - 65px);font-size:14px;padding:0 4px}.personnel-main-header .header-title.guide-is-hide{width:calc(100% - 25px)}.personnel-main-header .header-title.back-is-hide{width:calc(100% - 40px)}.personnel-main-header .header-title.back-is-hide.guide-is-hide{width:100%}.personnel-main-header .back-button-container{width:25px}.personnel-main-header .back-button-container i{font-size:19px}.personnel-main-header .buttons{width:40px;padding-bottom:2px}.personnel-main-header .buttons>div{height:100%;width:35px}.personnel-main-header .header-menu .open-menu-btn i{font-size:24px}.personnel-main-header .buttons .fa-question-circle{font-size:23px}.personnel-main-header .header-menu .open-menu-btn{padding-right:10px}}.personnel-karbarg-video{border:1px solid #cdcdcd;border-top:none;min-height:calc(100% - 90px);font-size:15px;position:relative}.personnel-karbarg-video .header{width:100%;padding:5px;color:#fff;font-size:18px;background:#064ba0}.personnel-karbarg-video .header-border{border:2px solid #f7aa4c;padding:8px 10px;border-radius:5px;text-align:center}.personnel-karbarg-video .flex-display{display:flex;align-items:center}.personnel-karbarg-video .flex-wrap{flex-wrap:wrap}.personnel-karbarg-video .justify-around{justify-content:space-around}.personnel-karbarg-video .justify-between{justify-content:space-between}.personnel-karbarg-video .justify-center{justify-content:center}.personnel-karbarg-video select{border-radius:5px;background:#fff;font-size:14px}.personnel-karbarg-video .paye-selection{text-align:center;margin:12px auto}.personnel-karbarg-video .paye-selection span{color:#064ba0}.personnel-karbarg-video .video-box{border-radius:5px;width:97%;border:2px solid #064ba0;margin:5px 0;padding:8px 25px}.personnel-karbarg-video .video-box span{color:#001a3a}.personnel-karbarg-video .watch-movie{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;cursor:pointer;color:#064ba0;text-decoration:none;font-size:14px}.personnel-karbarg-video .disable-btn{color:#5e5e5e;background:#d7d7d7;border:2px solid #5a5a5a;position:relative;cursor:default}.personnel-karbarg-video .disable-btn i{position:absolute;font-size:20px;color:#a90000}@media screen and (max-width:1024px){.personnel-karbarg-video{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.personnel-karbarg-video .header{font-size:15px}.personnel-karbarg-video{font-size:13px}.personnel-karbarg-video select{font-size:12px}.personnel-karbarg-video .watch-movie{font-size:13px}}@media screen and (max-width:480px){.personnel-karbarg-video .header{font-size:14px}.personnel-karbarg-video{font-size:12px}.personnel-karbarg-video select{font-size:11px}.personnel-karbarg-video .video-box{padding:8px 15px}.personnel-karbarg-video .watch-movie{font-size:12px}}.personnel-karpooshe{border:1px solid #cdcdcd;font-size:14px;min-height:100%;position:relative}.personnel-karpooshe .personnel-karpooshe-header{position:relative;padding-left:35px;background-color:#064ba0}.personnel-karpooshe .personnel-karpooshe-header .selection-mode-btn{position:absolute;top:15px;left:15px}.personnel-karpooshe .personnel-karpooshe-header .selection-mode-btn button{border-radius:5px;background:#ffb459;padding:1px 4px;box-shadow:1px 1px 3px grey;border:2px solid #ff8562;text-align:center;color:#064ba0;font-size:14px}.personnel-karpooshe .flex-display{display:flex;align-items:center}.personnel-karpooshe .flex-wrap{flex-wrap:wrap}.personnel-karpooshe .justify-around{justify-content:space-around}.personnel-karpooshe .justify-between{justify-content:space-between}.personnel-karpooshe .search-student{margin:10px auto}.personnel-karpooshe input.student-search{border-radius:5px;border:1px solid gray;padding:5px 4px;margin:8px auto;text-align:center;display:block;width:100%;max-width:500px}.personnel-karpooshe .students-list{margin:0 10px}.personnel-karpooshe .select-student-btn{position:absolute;top:15px;left:15px;border-radius:5px;background:#ffb459;padding:1px 4px;box-shadow:1px 1px 3px grey;border:2px solid #ff8562;text-align:center;color:#064ba0;font-size:14px}.personnel-karpooshe .select-student-btn i{margin-right:5px}.personnel-karpooshe .student-info{padding:15px 5px 10px;text-align:center;background-color:#e9e9e9}.personnel-karpooshe .student-info fieldset{text-align:justify;border:1px solid #4b9bff;padding:0 20px 5px;margin:0 auto;border-radius:5px;width:98%;color:#002048;font-size:15px;background-color:#fff}.personnel-karpooshe .student-info .fieldset-title{border:none;padding:7px 5px 12px 5px;width:175px;margin:0 auto 0;font-size:17px;color:#0d65d2;text-align:center}.personnel-karpooshe .student-info .fieldset-title i{font-size:20px;margin-left:5px;color:#1353a1}.personnel-karpooshe .info-detail{margin:5px;width:30%;text-align:center}.personnel-karpooshe .fa-mobile{font-size:22px}.personnel-karpooshe .report-type-slider{width:100%;height:53px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;border-radius:0 0 5px 5px;margin:0 auto}.personnel-karpooshe .scroll{width:2%;height:100%;font-size:40px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 -4px 10px -4px}.personnel-karpooshe .report-type{width:89%;height:100%;white-space:nowrap;overflow:auto;overflow-y:auto;display:inline-block;margin:0 18px;text-align:center;overflow-y:hidden;padding-top:9px;-ms-overflow-style:none;scrollbar-width:none}.personnel-karpooshe .report-type::-webkit-scrollbar{display:none}.personnel-karpooshe .each-report-type{min-width:130px;padding:3px 5px;display:inline-block;color:#000;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069;border:1px solid #c6c6c6}.personnel-karpooshe .each-report-type.selected-report-type{background-color:#0d65d2;color:#fff;border:1px solid #054a9f}.personnel-karpooshe .selected-icon{position:absolute;font-size:30px;width:100%;color:#0d65d2;animation-name:selectedFlasher;animation-duration:1s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;right:0}.personnel-karpooshe .each-report-type:hover{background-color:#064ba0;color:#fff;border:1px solid #054a9f}.personnel-karpooshe.min-height-auto{min-height:unset}.personnel-karpooshe .next-previous-box{justify-content:space-evenly;padding:0 7px 7px}.personnel-karpooshe .next-previous-box>button{border-radius:5px;padding:3px 5px;box-shadow:1px 1px 2px 1px #767676;font-size:14px;background-color:#ffa639;border:2px solid #ff7c41;cursor:pointer;color:#064ba0;margin:5px;height:40px;width:150px}.personnel-karpooshe .next-previous-box>div{width:85px;height:85px;justify-content:center;border-radius:7px;overflow:hidden;border:1px solid;color:#0251b3}.personnel-karpooshe .next-previous-box>div>div{width:100%;height:100%;justify-content:center;background-color:#cddeef;font-size:31px}.personnel-karpooshe .next-previous-box>div>img{max-width:100%;max-height:100%}.personnel-karpooshe .outer-report-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.personnel-karpooshe .outer-report-tab-container .inner-report-tab-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.personnel-karpooshe .outer-report-tab-container .inner-report-tab-container::-webkit-scrollbar{display:none}.personnel-karpooshe .outer-report-tab-container .inner-report-tab-container .tabs-list{height:100%;white-space:nowrap;width:fit-content}.personnel-karpooshe .outer-report-tab-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.personnel-karpooshe .outer-report-tab-container .each-tab{height:100%;min-width:140px;padding:8px 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.personnel-karpooshe .outer-report-tab-container .tab-title{min-width:90px}.personnel-karpooshe .outer-report-tab-container .each-tab.Selected_Tab{border-width:2px 2px 0;padding:10px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}@media (max-width:768px){.personnel-karpooshe{font-size:12px}.personnel-karpooshe .personnel-karpooshe-header .selection-mode-btn{top:12px}.personnel-karpooshe .info-detail{width:40%}.personnel-karpooshe .select-student-btn{font-size:13px}.personnel-karpooshe .student-info{padding:12px 3px 7px;text-align:center;background-color:#e9e9e9}.personnel-karpooshe .student-info fieldset{font-size:13px;padding:0 0 5px}.personnel-karpooshe .student-info .fieldset-title{font-size:15px}.personnel-karpooshe .report-type-slider{width:95%}.personnel-karpooshe .scroll{font-size:35px}.personnel-karpooshe .each-report-type{min-width:115px;font-size:13px}.personnel-karpooshe .next-previous-box{justify-content:space-evenly}.personnel-karpooshe .next-previous-box>button{width:110px}.personnel-karpooshe .outer-report-tab-container{height:44px}.personnel-karpooshe .outer-report-tab-container .each-tab{min-width:110px;padding:8px 7px 0;font-size:13px}.personnel-karpooshe .outer-report-tab-container .each-tab.Selected_Tab{padding:9px 7px 0;font-size:13px}}@media screen and (max-width:480px){.personnel-karpooshe{font-size:11px}.personnel-karpooshe .personnel-karpooshe-header .selection-mode-btn{top:13px;left:12px}.personnel-karpooshe .personnel-karpooshe-header .selection-mode-btn button{font-size:11px;padding:3px 2px 1px}.personnel-karpooshe .select-student-btn{font-size:12px;left:11px;padding:1px 2px}.personnel-karpooshe .info-detail{width:48%;margin:2px}.personnel-karpooshe .student-info fieldset{font-size:12px;padding:0 0 5px}.personnel-karpooshe .student-info .fieldset-title{width:153px;font-size:14px;padding:5px}.personnel-karpooshe .student-info .fieldset-title i{font-size:17px}.personnel-karpooshe .report-type-slider{width:91%}.personnel-karpooshe .scroll{font-size:31px}.personnel-karpooshe .each-report-type{min-width:105px;font-size:12px}.personnel-karpooshe .next-previous-box>button{width:75px;height:30px}.personnel-karpooshe .outer-report-tab-container{height:40px}.personnel-karpooshe .outer-report-tab-container .each-tab{min-width:90px;padding:7px 5px 0;font-size:12px}.personnel-karpooshe .outer-report-tab-container .each-tab.Selected_Tab{padding:8px 5px 0;font-size:12px}}@media print{@page{margin:.3cm .3cm .6cm .3cm;size:auto}html{height:auto;padding:0;margin:0}body{display:table;table-layout:fixed;margin:.5cm 0;padding:0;height:auto}.personnel-karpooshe{margin:0 auto;width:98%}}.personnel-meeting-list{border:1px solid #c1c1c1;min-height:calc(100% - 90px)}.personnel-meeting-list .header{text-align:center;font-size:22px;padding:11px 0;height:50px;position:relative;display:flex;justify-content:center;align-items:center;font-weight:700;color:#064ba0}.personnel-meeting-list .previous-videos{margin-left:15px;color:#b00;cursor:pointer}.personnel-meeting-list .sa-guide-icon{margin-right:20px;position:absolute;right:0;color:#b00;font-size:17px}.personnel-meeting-list .sa-guide-icon i{font-size:2em;color:#b00}.personnel-meeting-list .paye-repeated-content select{border-radius:5px;font-size:17px;border:1px solid #000;color:#000}.personnel-meeting-list .meeting-classes-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.personnel-meeting-list .weeks{display:flex;justify-content:space-between;align-items:flex-start;padding:7px 15px 0;margin-bottom:5px}.personnel-meeting-list .disable-btn{background:#e0e0e0;border:1px solid gray;cursor:default}.personnel-meeting-list .day-slider{position:-webkit-sticky;position:sticky;top:0;z-index:5;background-color:#cef4ff;padding-bottom:1px}.personnel-meeting-list .DayOfWeek-container{width:100%;height:68px;margin-bottom:9px;display:flex;justify-content:center;align-items:flex-start;border-radius:0 0 5px 5px}.personnel-meeting-list .scroll{width:2%;height:100%;font-size:50px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:-5px 0 0 -4px;color:#ff6a00}.personnel-meeting-list .days{width:89%;height:100%;white-space:nowrap;overflow:auto;display:inline-block;margin:0 18px;text-align:center;overflow-y:hidden;padding-top:10px;-ms-overflow-style:none;scrollbar-width:none}.personnel-meeting-list .days::-webkit-scrollbar{display:none}.personnel-meeting-list .each-day{min-width:115px;padding:3px 5px 0;display:inline-block;color:#fff;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069;background:#064ba0}.personnel-meeting-list .each-day.selected-day,.personnel-meeting-list .each-day.selected-day:hover{background-color:#ff870c;color:#000;cursor:default}.personnel-meeting-list .selected-icon{position:absolute;font-size:30px;width:100%;color:#ff870c;animation-name:selectedFlasher;animation-duration:1s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;right:0}.personnel-meeting-list .online-class-paye{font-size:21px;color:red;text-align:center;margin:9px 0 5px}@keyframes selectedFlasher{0%{bottom:-24px}50%{bottom:-20px}100%{bottom:-24px}}.personnel-meeting-list .each-day:hover{background-color:#052e8c;color:#fff}.personnel-meeting-list .online-class-box{border:2px solid #0d65d2;border-radius:6px;padding:1px;margin:5px 0;width:98%;font-size:15px;background:#fff;box-shadow:1px 1px 3px 1px #494949}.personnel-meeting-list .online-class-box i{color:#0d65d2}.personnel-meeting-list .today-text{font-size:16px;padding:6px;text-align:center}.personnel-meeting-list .today-date,.personnel-meeting-list .today-text i{color:#b00;font-weight:700}.personnel-meeting-list .lesson-teacher{padding:7px 8px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 0 3px grey;background:#0d65d2;color:#fff;border-radius:3px 3px 0 0;font-size:17px;flex-wrap:wrap}.personnel-meeting-list .lesson-teacher span{color:#f7aa4c}.personnel-meeting-list .lesson-teacher i{color:#f7aa4c;margin-left:5px;font-size:16px}.personnel-meeting-list .class-day{text-align:center;padding:7px}.personnel-meeting-list .class-time{padding:17px 8px 7px;display:flex;justify-content:space-evenly;align-items:center}.personnel-meeting-list .class-time i{font-size:18px}.personnel-meeting-list .class-time span{color:#0d65d2}.personnel-meeting-list .enter-class{position:relative;margin:5px auto 7px}.personnel-meeting-list .locked-btn{display:flex;justify-content:center;align-items:center;font-size:19px;position:absolute;top:0;right:0;width:101%;height:100%;color:red;background:#7c7c7c;opacity:.8;cursor:default}.personnel-meeting-list .locked-btn i{color:red}@media screen and (max-width:1024px){.personnel-meeting-list{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.personnel-meeting-list .days{width:87%}.personnel-meeting-list .scroll{font-size:46px;margin:-4px -6px 0 -8px}.personnel-meeting-list .class-time{padding:7px 8px 3px;flex-direction:column}.personnel-meeting-list .class-time div{margin:3px 0}.personnel-meeting-list .online-class-paye{font-size:18px}.personnel-meeting-list .paye-repeated-content select{font-size:14px}.personnel-meeting-list .lesson-teacher{font-size:14px;padding:4px 8px}.personnel-meeting-list .online-class-box{font-size:14px;width:96%}.personnel-meeting-list .lesson-teacher div{margin:3px 5px}}@media screen and (max-width:480px){.personnel-meeting-list .header{font-size:17px}.personnel-meeting-list .sa-guide-icon{margin-right:5px;font-size:14px}.personnel-meeting-list .sa-guide-icon i{font-size:24px}.personnel-meeting-list .previous-videos{margin-left:5px}.personnel-meeting-list .weeks button{font-size:12px}.personnel-meeting-list .each-day{min-width:126px;height:39px;font-size:12px}.personnel-meeting-list .DayOfWeek-container{height:60px}.personnel-meeting-list .scroll{font-size:34px;margin:-4px 2px 3px 0}.personnel-meeting-list .days{margin:0 10px;width:83%;padding-top:5px}@keyframes selectedFlasher{0%{bottom:-20px}50%{bottom:-18px}100%{bottom:-20px}}.personnel-meeting-list .today-text{font-size:14px}}.personnel-worksheet-video{border:1px solid #cdcdcd;border-top:none;min-height:calc(100% - 90px);font-size:15px;position:relative}.personnel-worksheet-video .header{width:100%;padding:5px;color:#fff;font-size:18px;background:#064ba0}.personnel-worksheet-video .header-border{border:2px solid #f7aa4c;padding:8px 10px;border-radius:5px;text-align:center}.personnel-worksheet-video .flex-display{display:flex;align-items:center}.personnel-worksheet-video .flex-wrap{flex-wrap:wrap}.personnel-worksheet-video .justify-around{justify-content:space-around}.personnel-worksheet-video .justify-between{justify-content:space-between}.personnel-worksheet-video .justify-center{justify-content:center}.personnel-worksheet-video select{border-radius:5px;background:#fff;font-size:14px}.personnel-worksheet-video .selection-container{text-align:center;margin:7px auto;display:flex;justify-content:space-around}.personnel-worksheet-video .selection-container span{color:#064ba0;width:120px}.personnel-worksheet-video .selection-container select{text-align:center;width:120px}.personnel-worksheet-video .lesson-selection,.personnel-worksheet-video .paye-selection{width:40%;margin:3px 0 0}.personnel-worksheet-video .video-box{border-radius:5px;width:97%;border:2px solid #064ba0;margin:5px 0;padding:8px 25px}.personnel-worksheet-video .video-box span{color:#001a3a}.personnel-worksheet-video .watch-movie{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;cursor:pointer;color:#064ba0;text-decoration:none;font-size:14px}.personnel-worksheet-video .disable-btn{color:#5e5e5e;background:#d7d7d7;border:2px solid #5a5a5a;position:relative;cursor:default}.personnel-worksheet-video .disable-btn i{position:absolute;font-size:20px;color:#a90000}@media screen and (max-width:1024px){.personnel-worksheet-video{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.personnel-worksheet-video{font-size:14px}.personnel-worksheet-video .header{font-size:15px}.personnel-worksheet-video select{font-size:13px}.personnel-worksheet-video .watch-movie{font-size:13px}}@media screen and (max-width:480px){.personnel-worksheet-video .header{font-size:14px}.personnel-worksheet-video select{font-size:12px}.personnel-worksheet-video .video-box{padding:8px 15px}.personnel-worksheet-video .watch-movie{font-size:12px}.personnel-worksheet-video .selection-container{flex-direction:column}.personnel-worksheet-video .selection-container span{line-height:1.7}.personnel-worksheet-video .lesson-selection,.personnel-worksheet-video .paye-selection{display:flex;justify-content:center;width:100%}}.manage-test{border:1px solid gray;border-radius:5px;min-height:calc(100% - 90px);font-size:15px}.manage-test .header{margin:0 auto 0;width:100%;border-radius:5px;padding:5px;color:#fff;font-size:22px;background:#064ba0}.manage-test .header-border{border:2px solid #f7aa4c;padding:6px 5px;border-radius:5px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap}.manage-test .outcome-main-content .fa-caret-left{font-size:17px;margin-left:3px;color:#064ba0}.flex-display2,.manage-test .flex-display1{display:flex;align-items:center}.manage-test .select-paye{border-radius:5px;margin:0 5px;border:1px solid;width:150px;height:33px;padding-bottom:2px;background:#fff;text-align:center}.manage-test .test-title{justify-content:center;width:70%;margin:8px auto 20px}.manage-test .test-title input[type=text]{border-radius:5px;border:1px solid;width:100%;height:33px;padding:5px;text-align:center}.manage-test .lesson-title{display:inline-block;min-width:calc(100% - 95px);height:100%;padding:5px;cursor:pointer}.manage-test .select-designer>span{font-size:12px;padding-left:7px;width:68px;text-align:center}.manage-test .select-designer>div{width:calc(100% - 68px)}.manage-test .select-lesson-factor{text-align:center;display:inline-block;width:90px}.manage-test .each-lesson select{width:100%;text-align:center;border-width:0;background-color:#e6e6e6;border-radius:10px;border:1px solid #cbcbcb}.manage-test .choose-lessons{font-size:13px;text-align:justify;border:2px solid #4f9bf9;padding:0 7px 6px;border-radius:5px;margin:5px auto 10px;width:99%}.manage-test .choose-lessons legend{border:none;padding:0 5px;width:186px;margin:8px 2px;font-size:19px;color:#0d65d2;text-align:center}.manage-test .lesson-list{flex-wrap:wrap;justify-content:center}.manage-test .each-lesson{border:2px solid #40786b;margin:5px 6px;border-radius:3px;min-width:30%;font-size:15px;height:80px;padding:0 3px;position:relative}.manage-test .each-lesson hr{margin:2px 5px 5px;border-top:1px solid #d5d5d5}.manage-test .each-lesson i{color:#3f3f3f;font-size:17px;position:relative;top:4px}.manage-test .each-lesson.selected{background:#c0ffc0;border:2px inset #3bbb3b}.manage-test .each-lesson input[type=checkbox]{margin:0 0 0 4px}.manage-test .date{justify-content:center;margin:10px auto 23px}.manage-test .time{justify-content:center;margin-top:-12px}.manage-test .teacher-ability{padding:2px 20px 2px 4px;font-size:16px}.manage-test .teacher-ability i{padding:0 4px 5px;font-size:23px;cursor:pointer}@media screen and (max-width:1024px){.manage-test{min-height:calc(100% - 60px)}.manage-test .lesson-title{min-width:calc(100% - 80px);font-size:14px}.manage-test .select-lesson-factor{width:77px}.manage-test .each-lesson select{font-size:13px}}@media screen and (max-width:768px){.manage-test .outcome-main-content{font-size:13px}.manage-test .lesson-title{padding:5px 5px 8px;width:calc(100% - 80px)}.manage-test .test-title{width:80%}.manage-test .each-lesson{min-height:43px;min-width:47%;font-size:13px;height:unset}.manage-test .choose-lessons legend{width:168px;font-size:17px}.manage-test .teacher-ability{padding:2px 4px;font-size:14px}.manage-test .teacher-ability i{padding:0 4px 2px;font-size:18px}.manage-test .select-designer>div{width:calc(100% - 115px)}.manage-test .select-designer>span{width:115px}.manage-test .each-lesson{height:73px}}@media screen and (max-width:480px){.manage-test .each-lesson{width:100%;height:unset;font-size:12px;margin:3px;padding-bottom:3px}.manage-test .header{font-size:18px;height:51px}.manage-test select-paye{height:28px;margin-top:5px}.manage-test .test-title{width:97%}.manage-test .test-title input[type=text]{height:28px}.manage-test .ADMdtp{margin-top:5px}.manage-test .outcome-main-content{font-size:12px}.manage-test select-paye{height:25px;margin-top:5px}.manage-test .choose-lessons legend{width:148px;font-size:15px}.manage-test .choose-lessons .each-lesson i{font-size:14px}.manage-test .select-lesson-factor{width:80px}.manage-test .teacher-ability{font-size:12px;padding:2px 1px}.manage-test .teacher-ability i{padding:0 4px 2px 2px;font-size:16px}.manage-test .select-paye{width:95px;height:30px}.manage-test .lesson-title{width:calc(100% - 95px)}}.personnel-test-draft-list{border:1px solid gray;border-width:0 1px}.personnel-test-draft-list .personnel-test-draft-list-header{width:calc(100% - 120px)}.personnel-test-draft-list .new-test-btn{width:120px}.personnel-test-draft-list .new-test-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:1px 3px 3px;border-color:#f5962e;background-color:#ffa639}.personnel-test-draft-list .guide-box{text-align:justify;padding:5px}.personnel-test-draft-list .filter-box{position:relative;margin:5px 10px 10px}.personnel-test-draft-list .filter-icon{position:absolute;top:0;right:0;height:42px;width:42px;font-size:28px;padding:2px 7px}.personnel-test-draft-list .select-paye{padding-right:40px;text-align:center}.personnel-test-draft-list .select-paye select{font-size:14px;padding:2px 3px;width:450px;text-align:center}.personnel-test-draft-list .each-test-row{border-bottom:1px solid #bfbfbf;padding:2px 7px 4px 5px}.personnel-test-draft-list .each-test-row .incomplete-warning{color:#c30000;padding-right:3px}.personnel-test-draft-list .each-test-row.background-gray{background-color:#f3f3f3}.personnel-test-draft-list .each-test-row .test-title{padding:2px 3px 5px;font-size:17px;position:relative}.personnel-test-draft-list .each-test-row .test-title i{position:absolute;font-size:28px;top:0}.personnel-test-draft-list .each-test-row .test-title>span{padding-right:12px}.personnel-test-draft-list .each-test-row .test-info{display:flex}.personnel-test-draft-list .each-test-row .test-details{width:calc(100% - 190px);display:flex;flex-direction:column;justify-content:space-between}.personnel-test-draft-list .each-test-row .test-details .fa-circle{font-size:8px}.personnel-test-draft-list .each-test-row .test-details .personnel-title{font-size:14px;padding-top:2px;padding-right:12px}.personnel-test-draft-list .each-test-row .test-details .personnel-title i{color:#064ba0;font-size:18px;position:relative;top:2px}.personnel-test-draft-list .each-test-row .test-details .paye-title{font-size:14px;padding:2px 12px 10px 5px}.personnel-test-draft-list .each-test-row .test-details .paye-title i{color:#064ba0;font-size:18px;position:relative;top:2px}.personnel-test-draft-list .each-test-row .button-container{width:190px;text-align:center;margin-top:auto}.personnel-test-draft-list .each-test-row .button-container button{font-size:13px;width:175px;border-radius:4px;color:#064ba0;padding:2px 3px;margin:3px 1px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:768px){.personnel-test-draft-list .filter-icon{height:40px;width:39px;font-size:26px;padding:3px 6px}.personnel-test-draft-list .select-paye select{font-size:13px;padding:2px 3px;max-width:450px;width:96%}.personnel-test-draft-list .each-test-row{padding:2px 4px 4px 5px}.personnel-test-draft-list .each-test-row .incomplete-warning{padding-right:5px;padding-left:1px}.personnel-test-draft-list .each-test-row .test-details{width:calc(100% - 170px)}.personnel-test-draft-list .each-test-row .button-container{width:170px}.personnel-test-draft-list .each-test-row .button-container button{font-size:12px;width:160px;padding:3px 3px;margin:3px 1px}.personnel-test-draft-list .each-test-row .test-details .personnel-title{padding-right:5px}.personnel-test-draft-list .each-test-row .test-details .paye-title{padding:2px 5px 10px 5px}}@media screen and (max-width:480px){.personnel-test-draft-list .personnel-test-draft-list-header{width:calc(100% - 75px)}.personnel-test-draft-list .new-test-btn{width:75px}.personnel-test-draft-list .new-test-btn button{font-size:11px;padding:2px 4px 2px 3px;width:65px}.personnel-test-draft-list .filter-box{position:relative;margin:0 7px 7px}.personnel-test-draft-list .filter-icon{height:37px;width:37px;font-size:24px;padding:3px 6px}.personnel-test-draft-list .select-paye{padding-right:37px}.personnel-test-draft-list .select-paye select{font-size:12px;padding:1px 3px 2px;width:97%}.personnel-test-draft-list .each-test-row .test-details{width:calc(100% - 100px);font-size:10px}.personnel-test-draft-list .each-test-row .test-details .personnel-title{font-size:12px;padding-top:2px}.personnel-test-draft-list .each-test-row .test-details .personnel-title i{font-size:15px;top:1px}.personnel-test-draft-list .each-test-row .test-details .paye-title{font-size:12px}.personnel-test-draft-list .each-test-row .test-details .paye-title i{font-size:15px;top:1px}.personnel-test-draft-list .each-test-row .test-title{padding:2px 3px 5px;font-size:15px}.personnel-test-draft-list .each-test-row .test-title i{font-size:26px}.personnel-test-draft-list .each-test-row .button-container{width:100px}.personnel-test-draft-list .each-test-row .button-container button{font-size:11px;width:90px;padding:2px 3px;margin:2px 1px}}.personnel-test-info{border:1px solid #000;border-width:0 1px;height:100%}.personnel-test-info .personnel-test-info-header .main-header-container{width:calc(100% - 50px)}.personnel-test-info .personnel-test-info-header .menu-button-container{width:50px}.personnel-test-info .personnel-test-info-header .menu-button{color:#fff;font-size:30px;padding-left:7px;padding-top:10px;cursor:pointer;text-align:center;position:relative}.personnel-test-info .personnel-test-info-header .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.personnel-test-info .personnel-test-info-header .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.personnel-test-info .personnel-test-info-header .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.personnel-test-info .personnel-test-info-header .menu-button .each-feature{border-radius:3px;cursor:pointer}.personnel-test-info .personnel-test-info-header .menu-button .each-feature i{font-size:15px;margin-right:6px}.personnel-test-info .personnel-test-info-header .menu-button .each-feature span{margin-right:7px}.personnel-test-info .personnel-test-info-header .menu-button .each-feature:hover{background-color:#bdc3c9}.personnel-test-info .toggle-row{height:50px;padding-top:7px;background-color:#064ba0}.personnel-test-info .exam-list-toggle-box{height:35px;justify-content:space-around;width:90%;margin:0 auto;text-align:center;position:relative;color:#c8d7ea;font-size:16px}.personnel-test-info .toggle-switch-part{position:absolute;width:50%;bottom:-10px;height:7px;transition:.7s ease-in-out}.personnel-test-info .toggle-switch-part>div{background-color:#fff;width:97%;margin:0 auto;height:5px;border-radius:22px;box-shadow:0 3px 5px -2px #717171}.personnel-test-info .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.personnel-test-info .toggle-items-title.selected-tab{color:#fff}.personnel-test-info .personnel-test-detail-tab .school-title{width:calc(100% - 50px);padding:10px 50px 0 0;font-size:16px;text-align:center}.personnel-test-info .personnel-test-detail-tab .menu-button-container{width:50px}.personnel-test-info .personnel-test-detail-tab .menu-button{font-size:24px;padding-left:7px;padding-top:5px;cursor:pointer;text-align:center;position:relative}.personnel-test-info .personnel-test-detail-tab .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.personnel-test-info .personnel-test-detail-tab .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.personnel-test-info .personnel-test-detail-tab .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.personnel-test-info .personnel-test-detail-tab .menu-button .each-feature{border-radius:3px;cursor:pointer}.personnel-test-info .personnel-test-detail-tab .menu-button .each-feature i{font-size:15px;margin-right:6px}.personnel-test-info .personnel-test-detail-tab .menu-button .each-feature span{margin-right:7px}.personnel-test-info .personnel-test-detail-tab .menu-button .each-feature:hover{background-color:#bdc3c9}.personnel-test-info .personnel-test-detail-tab .date-info{padding:5px;text-align:center}.personnel-test-info .personnel-test-detail-tab .date-info i{color:#064ba0}.personnel-test-info .personnel-test-detail-tab .date-info .date-title{font-size:14px;width:50%;padding:2px}.personnel-test-info .personnel-test-detail-tab .date-info .duration-title{font-size:14px;width:50%;padding:2px}.personnel-test-info .personnel-test-detail-tab .date-info .duration-title>i{position:relative;top:2px}.personnel-test-info .personnel-test-detail-tab .date-info .personnel-title{font-size:14px;width:50%;padding:2px}.personnel-test-info .personnel-test-detail-tab .date-info .personnel-title>i{position:relative;top:2px}.personnel-test-info .personnel-test-detail-tab .subtab-container{width:100%;height:40px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;position:sticky;top:0;background:#fff;z-index:7;-ms-overflow-style:none;scrollbar-width:none;padding:5px 0 7px;margin-top:5px}.personnel-test-info .personnel-test-detail-tab .subtab-container::-webkit-scrollbar{display:none}.personnel-test-info .personnel-test-detail-tab .subtab-button{min-width:130px;padding:2px 5px 0;text-align:center;font-size:14px;cursor:pointer;color:#717171;border-bottom:2px solid #b2b2b2}.personnel-test-info .personnel-test-detail-tab .subtab-button:hover{background-color:#e3e3e3}.personnel-test-info .personnel-test-detail-tab .subtab-button.selected{border-color:#064ba0;color:#000;box-shadow:inset 0 -7px 9px -9px #064ba0}.personnel-test-info .personnel-test-detail-tab .each-guide{padding:2px 5px 4px;font-size:13px;text-align:justify}.personnel-test-info .personnel-test-detail-tab .each-guide .fa-circle{color:#b42528;font-size:8px}.personnel-test-info .personnel-test-detail-tab .each-guide button{font-size:11px;border-radius:11px;color:#033c81;padding:3px 5px 0;margin-top:5px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565}.personnel-test-info .personnel-test-detail-tab .guide-box-for-send{padding:5px 2px 2px 2px}.personnel-test-info .personnel-test-detail-tab .guide-box-for-send .each-guide{padding:2px 5px;font-size:13px}.personnel-test-info .personnel-test-detail-tab .guide-box-for-send .fa-circle{color:#b42528;font-size:8px}.personnel-test-info .personnel-test-detail-tab .constant-data{width:100%;height:45px;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:5px 0;font-size:14px;position:relative}.personnel-test-info .personnel-test-detail-tab select{padding:0;color:#000;border-radius:5px;min-width:100px;text-align:center}.personnel-test-info .personnel-test-detail-tab .student{padding:0 0 10px 0;margin:10px auto;width:99%}.personnel-test-info .personnel-test-detail-tab .table-info{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;color:#064ba0;padding:10px;padding-bottom:0}.personnel-test-info .personnel-test-detail-tab ::-webkit-scrollbar{height:5px!important;display:block;cursor:pointer;direction:rtl}.personnel-test-info .personnel-test-detail-tab ::-webkit-scrollbar-track{background:#f1f1f1}.personnel-test-info .personnel-test-detail-tab ::-webkit-scrollbar-thumb{background:#888}.personnel-test-info .personnel-test-detail-tab ::-webkit-scrollbar-thumb:hover{background:#555}.personnel-test-info .personnel-test-detail-tab{scrollbar-width:thin}.personnel-test-info .personnel-test-detail-tab .table-container{width:99%;margin:0 auto;border-radius:0 0 5px 5px}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:0 0 5px 5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px;padding:10px;margin-top:0}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .table-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .header-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;border-right:none}.personnel-test-info .personnel-test-detail-tab .student .single-row{width:55px!important}.personnel-test-info .personnel-test-detail-tab .student .rank{width:70px!important}.personnel-test-info .personnel-test-detail-tab .student .balance{width:45px!important}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .table-data{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .student .background-color{background-color:#f0f8ff}.personnel-test-info .personnel-test-detail-tab .student .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.personnel-test-info .personnel-test-detail-tab .student .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-right:none;border-left:none;width:49%}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-header .header-title{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;width:90px;border-bottom:none;border-left:none}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-table .subtopic{width:470px;border-left:1px solid #064ba0}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-content{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:49%}.personnel-test-info .personnel-test-detail-tab .student .answer-data{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid #064ba0;border-top:none;width:90px;border-left:none;font-size:9px}.personnel-test-info .personnel-test-detail-tab .consultant{padding:0 0 10px 0;margin:0 auto;width:99%;height:Calc(100% - 129px)}.personnel-test-info .personnel-test-detail-tab .consultant-table-container{overflow:auto;transform:rotateX(180deg)}.personnel-test-info .personnel-test-detail-tab .consultant-chart-info{margin:0 auto;font-size:12px;border-radius:5px;justify-content:space-between;padding:5px 0}.personnel-test-info .personnel-test-detail-tab .consultant-chart-info .fa-circle{font-size:8px}.personnel-test-info .personnel-test-detail-tab .consultant-header-buttons{justify-content:space-evenly}.personnel-test-info .personnel-test-detail-tab .consultant-header-buttons button{font-size:22px;border-radius:5px;border:2px solid gray;display:inline-flex;padding:1px 8px;box-shadow:1px 1px 1px #252525;margin:0 5px}.personnel-test-info .personnel-test-detail-tab .consultant-tab-guide{font-size:13px}.personnel-test-info .personnel-test-detail-tab .data-container{overflow:auto;display:inline-block;height:Calc(100% - 35px);margin:0 auto;scrollbar-width:none}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table{font-size:10px;padding:10px;padding-bottom:5px;transform:rotateX(180deg);margin:auto}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .table-header{height:35px;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0;padding-left:5px;border-top:none}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .header-title{min-width:135px;text-align:center;height:100%;padding:5px;border:1px solid}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .student-cell{position:sticky;min-width:150px;right:0;z-index:5;background-color:#fff}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .numeric-cell{min-width:55px}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .student-search-box{display:block;width:100%;height:100%;position:absolute;padding:7px 3px;top:0;right:0}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .student-search-box input{width:100%;height:100%;text-align:center}.personnel-test-info .personnel-test-detail-tab .consultant .student-search-box input::-webkit-inner-spin-button,.personnel-test-info .personnel-test-detail-tab .consultant .student-search-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.personnel-test-info .personnel-test-detail-tab .consultant .student-search-box input[type=number]{-moz-appearance:textfield}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .student-search-box .fa-close{cursor:pointer;position:absolute;font-size:15px;left:7px;top:calc(50% - 8px)}.personnel-test-info .personnel-test-detail-tab .consultant .rank{width:27px!important;border-right:1px solid!important}.personnel-test-info .personnel-test-detail-tab .consultant .balance{width:30px!important}.personnel-test-info .personnel-test-detail-tab .consultant .lessons{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:row}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .top-row{width:100%;padding:0 5px 2px;font-size:11px;border-bottom:1px solid #333}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .bottom-row{width:100%;padding-top:3px;text-align:center;display:flex;flex-wrap:nowrap}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .consultant .table-data{height:35px;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .consultant .data-title{width:135px;height:100%;align-items:center;justify-content:center;border:1px solid;border-top:none;border-right:none;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .consultant .lesson-cell{display:flex;width:135px;height:100%;align-items:center;justify-content:center}.personnel-test-info .personnel-test-detail-tab .consultant .background-color{background-color:#f0f8ff}.personnel-test-info .personnel-test-detail-tab .consultant .background-color .student-cell{background-color:#f0f8ff}.personnel-test-info .personnel-test-detail-tab .rank-in-class{text-align:center}.personnel-test-info .personnel-test-detail-tab .rank-in-class .hide-br{display:none}.personnel-test-info .personnel-test-detail-tab .rank-in-class .background-color{background-color:#f0f8ff}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-container{width:99%;display:inline-block;margin:10px auto;padding:2px 6px}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-wrapper{width:100%;display:flex;flex-wrap:wrap}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:11px}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:100%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-header .header-title{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border-top:none;width:30%;border-bottom:none;background-color:#8cdff7;border:1px solid;border-left:none}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-table .border-left{border-left:1px solid #064ba0}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-content{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:100%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .answer-data{display:flex;height:100%;align-items:center;justify-content:center;border:1px solid #064ba0;border-top:none;width:30%;border-left:none}.personnel-test-info .personnel-test-detail-tab .rank-in-class .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.personnel-test-info .personnel-test-detail-tab .rank-in-class .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.personnel-test-info .personnel-test-detail-tab .rank-in-class .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.personnel-test-info .personnel-test-detail-tab .rank-in-class .border-style{border:1px solid;border-top:none;border-bottom:none;border-color:#064ba0}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-pdf-btn{width:300px;height:30px;color:#064baf;background-color:#ffb357;border:2px solid #ff8946;border-radius:5px;justify-content:center;margin:0 auto}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-chart-info{margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;padding:5px 0}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-chart-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;padding:10px 5px}.personnel-test-info .personnel-test-detail-tab .class-comparison{background-color:#fff;margin-top:-6px;padding:5px 0}.personnel-test-info .personnel-test-detail-tab .class-comparison .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.personnel-test-info .personnel-test-detail-tab .class-comparison .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff;position:relative}.personnel-test-info .personnel-test-detail-tab .class-comparison .chart-box .pdf-report{position:absolute;top:10px;right:10px;z-index:1}.personnel-test-info .personnel-test-detail-tab .class-comparison .chart-box .excel-report{position:absolute;top:10px;right:10px;z-index:1}.personnel-test-info .personnel-test-detail-tab .class-comparison .details{position:absolute;left:10px;z-index:1;top:10px}.personnel-test-info .personnel-test-detail-tab .chart-info{width:99%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;margin-bottom:-3px;padding:5px 0}.personnel-test-info .personnel-test-detail-tab .chart-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;display:flex;align-items:center;padding:10px;text-align:center;position:relative;justify-content:space-between}.personnel-test-info .personnel-test-detail-tab .pdf-report i{font-size:18px;margin-right:3px;color:#c70f0f}.personnel-test-info .personnel-test-detail-tab .excel-report i{font-size:18px;margin-right:3px;color:#438706}.personnel-test-info .personnel-test-detail-tab .subtopic-constant-data{width:100%;height:45px;display:flex;justify-content:center;align-items:center;flex-direction:row;border-radius:5px;padding:5px 0;font-size:14px;position:relative;margin-bottom:10px}.personnel-test-info .personnel-test-detail-tab .subtopic-comparison{background-color:#fff;margin-top:-6px;padding:5px 0;height:Calc(100% - 52px)}.personnel-test-info .personnel-test-detail-tab .subtopic-comparison .all-charts{height:Calc(100% - 58px);overflow:auto;margin-top:10px;position:relative}.personnel-test-info .personnel-test-detail-tab .subtopic-comparison .all-charts .pdf-report{position:absolute;top:5px;right:5px;font-size:12px;z-index:2}.personnel-test-info .personnel-test-detail-tab .subtopic-comparison .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.personnel-test-info .personnel-test-detail-tab .subtopic-comparison .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff;position:relative}.personnel-test-info .personnel-test-detail-tab .chart-details{position:absolute;left:10px;top:10px}.personnel-test-info .personnel-test-detail-tab .subtopic-title{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.personnel-test-info .personnel-test-detail-tab .each-lesson-table-header{justify-content:space-evenly;flex-wrap:wrap;width:100%;font-size:15px;padding:0 5px 10px}.personnel-test-info .personnel-test-detail-tab .each-lesson-title{color:#064ba0}.personnel-test-info .personnel-test-question-tab .personnel-test-question-header{width:calc(100% - 50px)}.personnel-test-info .personnel-test-question-tab .menu-button-container{width:50px}.personnel-test-info .personnel-test-question-tab .state-one-two-container{height:100%;width:100%}.personnel-test-info .personnel-test-question-tab .personnel-test-question-list-header .title-row{padding-top:1px;font-size:20px;padding-bottom:8px}.personnel-test-info .personnel-test-question-tab .personnel-test-question-list-header .test-detail-guide{color:#e38484;cursor:pointer;position:relative;bottom:1px;padding-right:3px}.personnel-test-info .personnel-test-question-tab .personnel-test-question-list-header .test-detail-guide span{font-size:12px;text-decoration:underline}.personnel-test-info .personnel-test-question-tab .personnel-test-question-list-header .test-detail-guide i{position:relative;font-size:25px;top:4px}.personnel-test-info .personnel-test-question-tab .personnel-test-question-list-header .test-title{padding:0 40px;justify-content:center}.personnel-test-info .personnel-test-question-tab .menu-button{font-size:24px;padding-left:7px;padding-top:5px;cursor:pointer;text-align:center;position:relative}.personnel-test-info .personnel-test-question-tab .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.personnel-test-info .personnel-test-question-tab .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.personnel-test-info .personnel-test-question-tab .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.personnel-test-info .personnel-test-question-tab .home-button{position:absolute;font-size:30px;top:7px;right:15px}.personnel-test-info .personnel-test-question-tab .home-button i{cursor:pointer}.personnel-test-info .personnel-test-question-tab .menu-button .each-feature{border-radius:3px;cursor:pointer}.personnel-test-info .personnel-test-question-tab .menu-button .each-feature i{font-size:15px;margin-right:6px}.personnel-test-info .personnel-test-question-tab .menu-button .each-feature span{margin-right:7px}.personnel-test-info .personnel-test-question-tab .menu-button .each-feature:hover{background-color:#bdc3c9}.personnel-test-info .personnel-test-question-tab .test-detail-toggle-box{height:35px;justify-content:space-around;background-color:#fff;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#000;font-size:16px}.personnel-test-info .personnel-test-question-tab .toggle-switch-part{position:absolute;width:50%;height:35px;transition:.6s ease-in-out}.personnel-test-info .personnel-test-question-tab .toggle-switch-part>div{background-color:#c5e3ff;width:97%;margin:0 auto;height:25px;border-radius:22px}.personnel-test-info .personnel-test-question-tab .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.personnel-test-info .personnel-test-question-tab .insides-tabs-container{height:100%;position:relative}.personnel-test-info .personnel-test-question-tab .confirm-mode-height{height:calc(100% - 55px);padding:5px 7px}.personnel-test-info .personnel-test-question-tab .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.personnel-test-info .personnel-test-question-tab .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.personnel-test-info .personnel-test-question-tab .inner-lesson-container::-webkit-scrollbar{display:none}.personnel-test-info .personnel-test-question-tab .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.personnel-test-info .personnel-test-question-tab .scroll{width:65px;height:calc((100% - 3px) * 90 / 100);font-size:45px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#8cbbf3;padding-bottom:5px;margin-bottom:3px;border-radius:5px;box-shadow:3px 3px 4px -1px #7f8285}.personnel-test-info .personnel-test-question-tab .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.personnel-test-info .personnel-test-question-tab .each-lesson{height:100%;padding:0 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.personnel-test-info .personnel-test-question-tab .lesson-title-and-number{justify-content:space-between;height:100%}.personnel-test-info .personnel-test-question-tab .number-of-questions{padding:0 4px;height:100%}.personnel-test-info .personnel-test-question-tab .lesson-title{min-width:90px}.personnel-test-info .personnel-test-question-tab .lesson-title .fa-check{position:relative;top:1px}.personnel-test-info .personnel-test-question-tab .lesson-title .fa-hourglass-half{position:relative;top:2px}.personnel-test-info .personnel-test-question-tab .selected-icon{padding:0 5px;color:#0d65d2;font-size:50px;height:20px;position:relative;bottom:15px}.personnel-test-info .personnel-test-question-tab .each-lesson.selected-lesson{border-width:2px 2px 0;padding:0 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.personnel-test-info .personnel-test-question-tab .operation-box{font-size:14px}.personnel-test-info .personnel-test-question-tab hr{margin:5px;border-top:1px solid #bebebe}.personnel-test-info .personnel-test-question-tab .add-question-button button{border-radius:5px;background:#ffa639;border:2px solid #ff7c41;padding:2px 4px;font-size:14px;color:#064ba0;width:200px}.personnel-test-info .personnel-test-question-tab .lesson-confirm-button button{border-radius:5px;background:#c7f7d4;border:2px solid #009d13;padding:2px 4px;font-size:14px;color:#009d13;width:200px}.personnel-test-info .personnel-test-question-tab .designer-name{padding:5px;text-align:center}.personnel-test-info .personnel-test-question-tab .designer-buttons{justify-content:space-evenly;padding:10px}.personnel-test-info .personnel-test-question-tab .lesson-complete{justify-content:center;padding:10px}.personnel-test-info .personnel-test-question-tab .lesson-complete button{width:95px;color:#fff;background-color:#d83232;border:2px solid #b22f2f;border-radius:5px;margin-right:5px}.personnel-test-info .personnel-test-question-tab .question-fontsize i.selected-font{color:#0d65d2}.personnel-test-info .personnel-test-question-tab .owner-title{padding:0 5px 3px;text-align:center;font-size:16px}.personnel-test-info .personnel-test-question-tab .hr-type1{margin:0 10px 6px;border-top:2px solid #356db2}.personnel-test-info .personnel-test-question-tab .hr-type2{margin:10px 5px 0;border-top:2px solid #c8c8c8}.personnel-test-info .personnel-test-question-tab .design-mode-box{border:2px solid #064ba0;border-radius:10px;padding:5px 8px;background-color:#dbe8f6;font-size:13px}.personnel-test-info .personnel-test-question-tab .finish-design-btn{font-size:15px;color:#d41010;padding-bottom:5px;text-align:center}.personnel-test-info .personnel-test-question-tab .finish-design-btn i{position:relative;top:1px}.personnel-test-info .personnel-test-question-tab .finish-design-btn button{border-radius:5px;background-color:#f7aa4c;border-color:#f7aa4c;box-shadow:1px 1px 3px #00000082;padding:2px 4px;font-size:14px;color:#000}.personnel-test-info .personnel-test-question-tab .guide-box .fa-circle{color:#b42528;font-size:8px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box{font-size:13px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .num-of-questions-guide{text-align:center;font-size:15px;padding-bottom:7px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .question-bank-btn{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 3px;margin:2px 1px 4px;border-color:#f5962e;background-color:#ffa639;position:relative;bottom:2px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .confirm-questions-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 6px 2px 5px;margin:3px 1px;border:2px solid #64b033;background-color:#d7ffbd;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .edit-questions-btn{font-size:12px;border-radius:13px;color:#033c81;padding:3px 6px 3px 5px;margin-top:3px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:4px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .fa-circle{color:#b42528;font-size:8px}.personnel-test-info .send-test-mode .send-test-mode-header{padding-left:35px;background-color:#064ba0}.personnel-test-info .send-test-mode .change-school-box{padding:2px 5px}.personnel-test-info .send-test-mode .current-school-expression{font-size:15px;padding:5px 3px 2px}.personnel-test-info .send-test-mode .change-school-btn{font-size:13px;padding:8px 2px 2px}.personnel-test-info .send-test-mode .change-school-btn button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.personnel-test-info .send-test-mode .guide-box{padding:2px 5px 7px;font-size:13px;text-align:justify}.personnel-test-info .send-test-mode .guide-box i{color:#b42528;font-size:8px}.personnel-test-info .send-test-mode .send-test-mode-body{padding:7px 7px 0}.personnel-test-info .send-test-mode .selector-container{border:2px solid #064ba0;border-radius:7px;padding:10px}.personnel-test-info .send-test-mode .selector-list-title{display:inline-block;width:fit-content;padding:3px 7px;border:none;margin:0 25px 0 0;font-size:17px}.personnel-test-info .send-test-mode .footer-row{border-top:2px solid gray;position:sticky;bottom:0;z-index:10;margin:30px -1px 0;padding:1px 4px 7px;background-color:#fff}.personnel-test-info .send-test-mode .next-step-btn{text-align:center}.personnel-test-info .send-test-mode .next-step-btn button{font-size:14px;border-radius:4px;padding:3px 3px 2px;min-width:110px;border-color:#f5962e;background-color:#ffa639;color:#064ba0}.personnel-test-info .send-test-mode .empty-list-expression{width:100%;text-align:center;padding:55px 5px 5px;font-size:16px}.personnel-test-info .selector-mode{overflow-y:auto}.personnel-test-info .selector-mode .selector-expression{padding:15px 5px 5px;color:#8b0000;font-size:14px}.personnel-test-info .selector-mode .select-all-check-box{text-align:right;padding:2px 10px;font-size:15px}.personnel-test-info .selector-mode .select-all-check-box i{position:relative;top:1px;width:17px;text-align:left}.personnel-test-info .selector-mode .exam-date-time{display:flex;justify-content:center;align-items:center;flex-direction:column}.personnel-test-info .selector-mode .exam-date-time i{margin:0 3px;font-size:16px;color:#064ba0}.personnel-test-info .selector-mode .date-of-exam{display:flex;align-items:flex-start}.personnel-test-info .selector-mode .exam-start-time{margin:-7px 0 -17px;display:flex;align-items:center}.personnel-test-info .selector-mode hr{width:80%;margin:16px 0 12px;border-top:1px solid #cbcbcb}.personnel-test-info .selector-mode .exam-duration{display:flex;align-items:center}.personnel-test-info .selector-mode .exam-duration select{border-radius:5px;min-width:70px;margin-right:2px}.personnel-test-info .selector-mode .button-row{position:sticky;bottom:0;background-color:#f0f8ff;box-shadow:0 0 10px 5px grey;padding:10px}.personnel-test-info .selector-container{padding:5px}@media screen and (max-width:1024px){.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .header-title{width:120px}.personnel-test-info .personnel-test-detail-tab .student .exam-scores-table .each-data{width:120px}.personnel-test-info .personnel-test-detail-tab .student .single-row{width:58px!important}.personnel-test-info .personnel-test-detail-tab .student .factor{width:30px!important}.personnel-test-info .personnel-test-detail-tab .student .rank{width:65px!important}.personnel-test-info .personnel-test-detail-tab .student .balance{width:40px!important}.personnel-test-info .review-test-mode table .button-column{min-width:200px}}@media screen and (max-width:991px){.personnel-test-info .keyfi-evaluation-btn{padding:3px 2px 2px;font-size:11px;width:90px}}@media screen and (max-width:768px){.personnel-test-info .personnel-test-info-header .exam-list-toggle-box{font-size:15px}.personnel-test-info .personnel-test-info-header .toggle-items-title{width:45%}.personnel-test-info .personnel-test-info-header .toggle-switch-part{bottom:-6px}.personnel-test-info .personnel-test-info-header .toggle-row{height:45px}.personnel-test-info .personnel-test-info-header .menu-button{padding-left:7px;padding-top:5px;height:45px}.personnel-test-info .personnel-test-detail-tab .menu-button{padding-left:7px;padding-top:5px;height:45px}.personnel-test-info .personnel-test-detail-tab .date-info .free-exam-info{width:100%;font-size:13px}.personnel-test-info .personnel-test-detail-tab .date-info .duration-title{width:100%;font-size:13px;padding-top:3px}.personnel-test-info .personnel-test-detail-tab .date-info .personnel-title{width:100%;font-size:13px;padding-bottom:3px}.personnel-test-info .personnel-test-detail-tab .date-info .date-title{font-size:13px}.personnel-test-info .personnel-test-detail-tab .guide-box-for-send .each-guide{font-size:12px}.personnel-test-info .personnel-test-detail-tab .constant-data{height:50px;font-size:12px;border-radius:0}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .header-title{min-width:110px}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .student-cell{min-width:120px}.personnel-test-info .personnel-test-detail-tab .consultant .exam-scores-table .student-search-box{padding:0}.personnel-test-info .personnel-test-detail-tab .options{border-radius:0}.personnel-test-info .personnel-test-detail-tab .grade{width:22%}.personnel-test-info .personnel-test-detail-tab .exam-title{width:50%}.personnel-test-info .personnel-test-detail-tab .change-exam{width:23%}.personnel-test-info .personnel-test-detail-tab .student .second-header{display:none}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-header{width:100%}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-wrapper{flex-direction:column}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-content{width:100%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .second-header{display:none}.personnel-test-info .personnel-test-detail-tab .rank-in-class .hide-br{display:block}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-header{width:98%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-header .header-title{min-width:30%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .answer-data{min-width:30%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .single-row{min-width:40px!important}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-wrapper{flex-direction:column}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-content{width:98%}.personnel-test-info .personnel-test-detail-tab .each-lesson-table-header{font-size:14px}.personnel-test-info .personnel-test-detail-tab .each-lesson-title{width:100%;padding-bottom:5px}.personnel-test-info .personnel-test-question-tab .design-mode-box{font-size:12px}.personnel-test-info .personnel-test-question-tab .finish-design-btn{font-size:14px}.personnel-test-info .personnel-test-question-tab .outer-lesson-container{height:44px}.personnel-test-info .personnel-test-question-tab .scroll{width:50px;font-size:36px;padding-bottom:3px;margin-bottom:4px}.personnel-test-info .personnel-test-question-tab .lesson-title{min-width:80px}.personnel-test-info .personnel-test-question-tab .number-of-questions{padding:0 4px 0 3px}.personnel-test-info .personnel-test-question-tab .each-lesson{padding:0 5px;font-size:13px}.personnel-test-info .personnel-test-question-tab .each-lesson.selected-lesson{border-width:2px 2px 0;padding:0 7px;border-radius:5px 5px 0 0;color:#000;font-size:14px}.personnel-test-info .send-test-mode .send-test-mode{padding-left:0}.personnel-test-info .send-test-mode .selector-list-title{margin:0 10px 0 0}.personnel-test-info .send-test-mode .footer-row{padding:1px 1px 7px;margin:7px -1px 0}.personnel-test-info .review-test-mode .button-container button{font-size:13px;min-width:75px}.personnel-test-info .review-test-mode table .date-title{display:block}.personnel-test-info .review-test-mode table .edit-date{display:block}.personnel-test-info .review-test-mode table th{font-size:14px}.personnel-test-info .review-test-mode table .button-column{min-width:150px}.personnel-test-info .review-test-mode table .test-date{min-width:150px}.personnel-test-info .review-test-mode table .school-title{min-width:150px}.personnel-test-info .review-test-mode table td.school-title{font-size:14px}.personnel-test-info .review-test-mode .refresh-btn{font-size:12px;width:115px;margin-top:2px}}@media screen and (max-width:480px){.personnel-test-info .toggle-row{height:40px;padding-top:2px}.personnel-test-info .exam-list-toggle-box{height:30px;justify-content:space-evenly;width:95%;margin:0 auto;text-align:center;position:relative;color:#c8d7ea;font-size:13px}.personnel-test-info .toggle-switch-part{width:50%;bottom:-10px;height:5px}.personnel-test-info .toggle-items-title{width:47%}.personnel-test-info .personnel-test-info-header .menu-button-container{width:45px}.personnel-test-info .personnel-test-info-header .menu-button{font-size:27px;padding-left:0;padding-top:9px;height:unset}.personnel-test-info .personnel-test-info-header .out-header-menu-container{left:7px}.personnel-test-info .personnel-test-detail-tab .menu-button-container{width:35px}.personnel-test-info .personnel-test-detail-tab .menu-button{font-size:22px;padding-left:0;height:unset}.personnel-test-info .personnel-test-detail-tab .out-header-menu-container{left:7px}.personnel-test-info .personnel-test-detail-tab .date-info .date-title{width:100%;padding-top:4px}.personnel-test-info .personnel-test-detail-tab .date-info .personnel-title{padding-bottom:0}.personnel-test-info .personnel-test-detail-tab .school-title{width:calc(100% - 40px);padding-right:40px;font-size:15px;text-align:center}.personnel-test-info .personnel-test-detail-tab .subtab-button{min-width:105px;padding:4px 5px 0;text-align:center;font-size:12px;cursor:pointer;color:#717171;border-bottom:2px solid #b2b2b2}.personnel-test-info .personnel-test-detail-tab .constant-data{height:47px;font-size:12px;flex-wrap:wrap}.personnel-test-info .personnel-test-detail-tab .consultant-tab-guide{font-size:11px;padding:3px 0 1px 3px}.personnel-test-info .personnel-test-detail-tab .consultant-header-buttons{justify-content:space-evenly;width:50px;flex-wrap:wrap}.personnel-test-info .personnel-test-detail-tab .consultant-header-buttons button{font-size:22px;width:33px;border-radius:5px;border:2px solid gray;padding:1px 4px;margin:2px 5px}.personnel-test-info .personnel-test-detail-tab .student-container{font-size:10px;padding-right:4px}.personnel-test-info .personnel-test-detail-tab .change-student{font-size:9px}.personnel-test-info .personnel-test-detail-tab .student-container button{font-size:10px}.personnel-test-info .personnel-test-detail-tab .chart-border{padding:5px}.personnel-test-info .personnel-test-detail-tab .exam-title{width:100%}.personnel-test-info .personnel-test-detail-tab .change-exam-button{font-size:12px}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-table{font-size:8px}.personnel-test-info .personnel-test-detail-tab .student .exam-answers-table .subtopic{font-size:8px}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-header{width:96%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .exam-answers-content{width:96%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-wrapper{width:99%}.personnel-test-info .personnel-test-detail-tab .rank-in-class .choose-class{font-size:10px;padding:1px 3px}.personnel-test-info .personnel-test-detail-tab .rank-in-class .rank-in-class-pdf-btn{width:240px;height:27px}.personnel-test-info .personnel-test-detail-tab .chart-border button{font-size:10px;padding:1px 3px}.personnel-test-info .personnel-test-detail-tab .pdf-report i{font-size:16px}.personnel-test-info .personnel-test-detail-tab .excel-report i{font-size:16px}.personnel-test-info .personnel-test-detail-tab .chart-border{font-size:10px}.personnel-test-info .personnel-test-detail-tab .class-comparison .chart-box .pdf-report,.personnel-test-info .personnel-test-detail-tab .class-comparison .details{font-size:12px;padding:0;min-width:60px}.personnel-test-info .personnel-test-detail-tab .chart-details{font-size:12px;padding:0;min-width:60px;left:5px}.personnel-test-info .personnel-test-detail-tab .subtopic-title{justify-content:flex-start;font-size:12px;padding-right:10px}.personnel-test-info .personnel-test-detail-tab .each-lesson-table-header{font-size:12px}.personnel-test-info .personnel-test-detail-tab .each-lesson-title{font-size:14px}.personnel-test-info .personnel-test-detail-tab select{min-width:75px}.personnel-test-info .personnel-test-detail-tab-each-student .each-student-header .close-btn{width:32px;height:32px;border-radius:8px}.personnel-test-info .personnel-test-question-tab .owner-title{font-size:13px;padding:0 20px 0 5px;width:calc(100% - 30px)}.personnel-test-info .personnel-test-question-tab .menu-button-container{width:25px}.personnel-test-info .personnel-test-question-tab .menu-button{font-size:21px}.personnel-test-info .personnel-test-question-tab .design-mode-box{font-size:11px}.personnel-test-info .personnel-test-question-tab .finish-design-btn{font-size:13px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box{font-size:11px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .num-of-questions-guide{font-size:13px;padding-bottom:7px;padding-top:2px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .question-bank-btn{font-size:11px;padding:2px 3px 1px 2px;margin:2px 1px 4px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .confirm-questions-btn{font-size:11px;padding:3px 5px 1px 4px;margin:3px 1px 1px}.personnel-test-info .personnel-test-question-tab .lesson-guide-box .edit-questions-btn{font-size:10px;padding:2px 4px 2px 4px}.personnel-test-info .personnel-test-question-tab .lessons>div{padding:0 7px}.personnel-test-info .personnel-test-question-tab .lesson-title{min-width:75px}.personnel-test-info .personnel-test-question-tab .each-lesson.selected-lesson{border-width:2px 2px 0;padding:0 7px;border-radius:5px 5px 0 0;color:#000;font-size:13px}.personnel-test-info .personnel-test-question-tab .side-div{width:5px}.personnel-test-info .send-test-mode .current-school-expression{font-size:13px;padding:5px 3px 2px}.personnel-test-info .send-test-mode .change-school-btn{font-size:12px;padding:5px 2px 2px}.personnel-test-info .send-test-mode .change-school-btn button{font-size:11px;border-radius:11px;padding:3px 4px 1px 4px;margin:4px 1px 1px 2px;bottom:2px}.personnel-test-info .send-test-mode .guide-box{font-size:12px}.personnel-test-info .send-test-mode .next-step-btn button{font-size:13px;border-radius:4px;padding:3px 3px 3px;min-width:90px}.personnel-test-info .review-test-mode .guide-expression{font-size:13px}.personnel-test-info .review-test-mode .date-row{font-size:12px;align-items:flex-end}.personnel-test-info .review-test-mode .date-row .fa-calendar{font-size:14px;top:0}.personnel-test-info .review-test-mode .button-container button{font-size:11px;padding:3px 5px 1px;min-width:70px}.personnel-test-info .review-test-mode .button-container.increase-height{width:70px;height:50px;display:flex;flex-direction:column;justify-content:space-between}.personnel-test-info .review-test-mode .button-container.increase-height button{font-size:11px;padding:2px 5px 1px;min-width:unset}.personnel-test-info .review-test-mode table .school-title{min-width:100px}.personnel-test-info .review-test-mode table .test-date{min-width:100px}.personnel-test-info .review-test-mode table .button-column{min-width:50px;font-size:12px}.personnel-test-info .review-test-mode table th{font-size:13px}.personnel-test-info .review-test-mode table td{font-size:12px}.personnel-test-info .review-test-mode table td.school-title{font-size:13px}.personnel-test-info .review-test-mode table .date-title{font-size:12px}.personnel-test-info .review-test-mode table .edit-date{font-size:11px}.personnel-test-info .review-test-mode table .edit-date i{font-size:14px}.personnel-test-info .review-test-mode .refresh-btn{font-size:11px;width:102px;border-radius:14px;padding:4px 2px 2px}}.personnel-test-list{border:1px solid gray;border-width:0 1px}.personnel-test-list .personnel-test-list-header{width:calc(100% - 125px)}.personnel-test-list .new-test-btn{width:125px}.personnel-test-list .new-test-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:1px 3px 3px;border-color:#f5962e;background-color:#ffa639}.personnel-test-list .submitted-tests-tab{overflow:auto;height:100%}.personnel-test-list .school-title{text-align:center;font-size:16px;padding-top:10px;color:#064ba0}.personnel-test-list .toggle-row{height:50px;padding-top:7px;background-color:#064ba0}.personnel-test-list .exam-list-toggle-box{height:35px;justify-content:space-around;width:90%;margin:0 auto;text-align:center;position:relative;color:#c8d7ea;font-size:16px}.personnel-test-list .toggle-switch-part{position:absolute;width:50%;bottom:-10px;height:7px;transition:.7s ease-in-out}.personnel-test-list .toggle-switch-part>div{background-color:#fff;width:97%;margin:0 auto;height:5px;border-radius:22px;box-shadow:0 3px 5px -2px #717171}.personnel-test-list .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.personnel-test-list .toggle-items-title.selected-tab{color:#fff}.personnel-test-list .submitted-tests-tab .guide-box{padding:5px 2px 2px 2px}.personnel-test-list .submitted-tests-tab .each-guide{padding:2px 5px;font-size:13px}.personnel-test-list .submitted-tests-tab .each-guide .fa-circle{color:#b42528;font-size:8px}.personnel-test-list .submitted-tests-tab .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.personnel-test-list .submitted-tests-tab .filter-box{position:relative}.personnel-test-list .submitted-tests-tab .filter-icon{position:absolute;width:36px;height:36px;top:0;right:0;border-radius:0 0 0 7px;font-size:23px;padding:2px 6px}.personnel-test-list .submitted-tests-tab .date-picker-and-select{justify-content:space-evenly;flex-wrap:wrap;padding-right:50px}.personnel-test-list .submitted-tests-tab .date-picker-and-select select{width:150px;height:30px}.personnel-test-list .submitted-tests-tab .date-picker-and-select .date-picker-container{width:200px;justify-content:center}.personnel-test-list .submitted-tests-tab .date-picker-and-select .date-picker-width{width:140px}.personnel-test-list .submitted-tests-tab .check-box-container{font-size:14px;padding:4px 5px 0}.personnel-test-list .submitted-tests-tab .check-box-container i{font-size:19px;position:relative;top:1px;padding-left:3px}.personnel-test-list .submitted-tests-tab .test-details{width:calc((100% - 120px))}.personnel-test-list .submitted-tests-tab .background-gray{background-color:#f3f3f3}.personnel-test-list .submitted-tests-tab .blinker-test{animation:personnel-test-list-blinker-test 1s 4}@keyframes personnel-test-list-blinker-test{0%{box-shadow:inset 0 0 4px 1px #3c6597}50%{box-shadow:inset 0 0 4px -2px #3c6597}100%{box-shadow:inset 0 0 4px 1px #3c6597}}.personnel-test-list .submitted-tests-tab .each-submitted-test{width:calc(100% - 10px);margin:0 5px;padding:2px 3px 4px;display:flex;flex-wrap:wrap}.personnel-test-list .submitted-tests-tab .each-submitted-test .test-title{width:100%;padding:2px 3px 5px;font-size:17px}.personnel-test-list .submitted-tests-tab .each-submitted-test .test-title .fa-caret-left{font-size:23px;padding-left:4px}.personnel-test-list .submitted-tests-tab .each-submitted-test .button-container{width:120px;position:relative;flex-direction:column;justify-content:flex-end;padding-bottom:3px}.personnel-test-list .submitted-tests-tab .each-submitted-test .button-container button{font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}.personnel-test-list .submitted-tests-tab .start-time{font-size:13px;padding:2px 15px 2px 5px}.personnel-test-list .submitted-tests-tab .duration-time{font-size:13px;padding:2px 15px 2px 5px}.personnel-test-list .submitted-tests-tab .class-title{font-size:13px;padding:2px 15px 2px 5px}.personnel-test-list .submitted-tests-tab .personnel-title{font-size:13px;padding:2px 15px 2px 5px}.personnel-test-list .submitted-tests-tab .fa-calendar,.personnel-test-list .submitted-tests-tab .fa-clock-o,.personnel-test-list .submitted-tests-tab .fa-group,.personnel-test-list .submitted-tests-tab .fa-user-circle{font-size:15px;color:#064ba0}@media screen and (max-width:768px){.personnel-test-list .exam-list-toggle-box{font-size:15px}.personnel-test-list .toggle-items-title{width:45%}.personnel-test-list .toggle-switch-part{bottom:-6px}.personnel-test-list .toggle-row{height:45px}.personnel-test-list .school-title{font-size:14px}.personnel-test-list .submitted-tests-tab .date-picker-and-select{padding-right:0}.personnel-test-list .submitted-tests-tab .date-picker-and-select .paye-filter{width:100%;text-align:center;padding-right:35px;padding-bottom:5px}.personnel-test-list .submitted-tests-tab .date-picker-and-select select{width:100%;height:30px;text-align:center}.personnel-test-list .submitted-tests-tab .date-picker-and-select .date-picker-container{width:50%}.personnel-test-list .submitted-tests-tab .date-picker-and-select .date-picker-width{width:75%}.personnel-test-list .submitted-tests-tab .check-box-container{font-size:13px;padding:7px 5px 0}.personnel-test-list .submitted-tests-tab .check-box-container i{font-size:18px;top:2px;padding-left:1px}.personnel-test-list .submitted-tests-tab .change-school-btn{bottom:2px}.personnel-test-list .test-bank-tab .filter-box input,.personnel-test-list .test-bank-tab .filter-box select{width:175px}.personnel-test-list .test-bank-tab .test-title{font-size:15px;padding:4px 3px 7px;display:flex}.personnel-test-list .test-bank-tab .test-title .fa-caret-left{font-size:21px}.personnel-test-list .test-bank-tab .show-lessons-btn button{padding:0 2px 3px;width:100px;font-size:12px}.personnel-test-list .test-bank-tab .test-details{width:calc(100% - 100px)}.personnel-test-list .test-bank-tab .test-info-btn{width:100px;text-align:right}.personnel-test-list .test-bank-tab .test-info-btn button{font-size:12px;width:90px;padding:2px}.personnel-test-list .header{border-radius:0;height:49px}.personnel-test-list .banner{width:75%;font-size:14px}.personnel-test-list .test-info{margin:5px 0 15px}.personnel-test-list .open-close-time{width:100%;text-align:center}.personnel-test-list .duration-title{width:100%;text-align:center;padding:4px 0 6px}}@media screen and (max-width:480px){.personnel-test-list .test-list-tabs-container{height:calc(100% - 40px)}.personnel-test-list .personnel-test-list-header{width:calc(100% - 80px)}.personnel-test-list .new-test-btn{width:75px;padding-top:1px}.personnel-test-list .new-test-btn button{font-size:10px;padding:1px 0 2px 0}.personnel-test-list .toggle-row{height:40px;padding-top:2px}.personnel-test-list .exam-list-toggle-box{height:30px;justify-content:space-evenly;width:95%;margin:0 auto;text-align:center;position:relative;color:#c8d7ea;font-size:13px}.personnel-test-list .toggle-switch-part{width:50%;bottom:-10px;height:5px}.personnel-test-list .toggle-items-title{width:47%}.personnel-test-list .submitted-tests-tab .each-submitted-test .test-title{padding:1px 3px 5px;font-size:14px}.personnel-test-list .submitted-tests-tab .each-submitted-test .test-title .fa-caret-left{font-size:19px;padding-left:3px}.personnel-test-list .submitted-tests-tab .test-details{width:calc((100% - 80px))}.personnel-test-list .submitted-tests-tab .each-submitted-test .button-container{width:80px}.personnel-test-list .submitted-tests-tab .each-submitted-test .button-container button{font-size:11px;width:75px;padding:3px 3px 1px}.personnel-test-list .submitted-tests-tab .class-title{font-size:11px;padding:2px 4px 2px 5px}.personnel-test-list .submitted-tests-tab .personnel-title{font-size:11px;padding:2px 4px 2px 5px}.personnel-test-list .submitted-tests-tab .start-time{font-size:11px;padding:2px 4px 2px 5px}.personnel-test-list .submitted-tests-tab .duration-time{font-size:11px;padding:2px 4px 2px 5px}.personnel-test-list .submitted-tests-tab .fa-calendar,.personnel-test-list .submitted-tests-tab .fa-clock-o,.personnel-test-list .submitted-tests-tab .fa-group,.personnel-test-list .submitted-tests-tab .fa-user-circle{font-size:14px}.personnel-test-list .submitted-tests-tab .date-picker-and-select .date-picker-container{width:100%;padding-bottom:4px;justify-content:center}.personnel-test-list .submitted-tests-tab .check-box-container{font-size:12px;padding:3px 5px 0}.personnel-test-list .submitted-tests-tab .each-guide{padding:2px 5px;font-size:12px}.personnel-test-list .submitted-tests-tab .change-school-btn{bottom:1px;font-size:11px;padding:3px 3px 1px;margin:3px 2px 1px}.personnel-test-list .test-bank-tab .filter-box .filter-icon{width:37px;height:39px;font-size:22px;padding:5px 7px}.personnel-test-list .test-bank-tab .filter-box .filter-container{justify-content:space-around;padding-right:35px}.personnel-test-list .test-bank-tab .filter-box input,.personnel-test-list .test-bank-tab .filter-box select{width:125px;height:29px;padding:3px 6px;font-size:11px}.personnel-test-list .test-bank-tab .test-title{font-size:14px}.personnel-test-list .test-bank-tab .show-lessons-btn button{padding:2px;width:90px;font-size:11px;position:relative;bottom:1px}.personnel-test-list .test-bank-tab .show-lessons-btn .fa-angle-down,.personnel-test-list .test-bank-tab .show-lessons-btn .fa-angle-up{font-size:13px}.personnel-test-list .test-bank-tab .lesson-list-show .lesoon-list{padding:5px;font-size:12px}.personnel-test-list .test-info{margin-top:0}.personnel-test-list .view-button{font-size:11px}.personnel-test-list .class-list{font-size:10px}.personnel-test-list .build-new-test-btn{top:8px;left:4px}.personnel-test-list .build-new-test-btn button{font-size:12px;padding:2px 3px}.personnel-test-list .unset-time-expression{padding-top:6px}}.personnel-test-question-list{border:1px solid gray;border-width:0 1px;min-height:100%}.personnel-test-question-list .test-question-list .personnel-test-question-header{width:calc(100% - 40px)}.personnel-test-question-list .test-question-list .menu-button-container{width:40px}.personnel-test-question-list .test-question-list .state-one-two-container{height:100%;width:100%}.personnel-test-question-list .test-question-list .personnel-test-question-list-header .title-row{padding-top:1px;font-size:20px;padding-bottom:8px}.personnel-test-question-list .test-question-list .personnel-test-question-list-header .test-detail-guide{color:#e38484;cursor:pointer;position:relative;bottom:1px;padding-right:3px}.personnel-test-question-list .test-question-list .personnel-test-question-list-header .test-detail-guide span{font-size:12px;text-decoration:underline}.personnel-test-question-list .test-question-list .personnel-test-question-list-header .test-detail-guide i{position:relative;font-size:25px;top:4px}.personnel-test-question-list .test-question-list .personnel-test-question-list-header .test-title{padding:0 40px;justify-content:center}.personnel-test-question-list .test-question-list .menu-button{color:#fff;font-size:30px;padding-left:15px;padding-top:7px;cursor:pointer;text-align:center;position:relative}.personnel-test-question-list .test-question-list .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.personnel-test-question-list .test-question-list .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.personnel-test-question-list .test-question-list .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.personnel-test-question-list .test-question-list .home-button{position:absolute;font-size:30px;top:7px;right:15px}.personnel-test-question-list .test-question-list .home-button i{cursor:pointer}.personnel-test-question-list .test-question-list .menu-button .each-feature{border-radius:3px;cursor:pointer}.personnel-test-question-list .test-question-list .menu-button .each-feature i{font-size:15px;margin-right:6px}.personnel-test-question-list .test-question-list .menu-button .each-feature span{margin-right:7px}.personnel-test-question-list .test-question-list .menu-button .each-feature:hover{background-color:#bdc3c9}.personnel-test-question-list .test-question-list .test-detail-toggle-box{height:35px;justify-content:space-around;background-color:#fff;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#000;font-size:16px}.personnel-test-question-list .test-question-list .toggle-switch-part{position:absolute;width:50%;height:35px;transition:.6s ease-in-out}.personnel-test-question-list .test-question-list .toggle-switch-part>div{background-color:#c5e3ff;width:97%;margin:0 auto;height:25px;border-radius:22px}.personnel-test-question-list .test-question-list .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.personnel-test-question-list .test-question-list .insides-tabs-container{height:100%;position:relative}.personnel-test-question-list .test-question-list .confirm-mode-height{height:calc(100% - 55px);padding:5px 7px}.personnel-test-question-list .test-question-list .outer-lesson-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.personnel-test-question-list .test-question-list .inner-lesson-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.personnel-test-question-list .test-question-list .inner-lesson-container::-webkit-scrollbar{display:none}.personnel-test-question-list .test-question-list .inner-lesson-container .lesoon-list{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.personnel-test-question-list .test-question-list .scroll{width:65px;height:calc((100% - 3px) * 90 / 100);font-size:45px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#8cbbf3;padding-bottom:5px;margin-bottom:3px;border-radius:5px;box-shadow:3px 3px 4px -1px #7f8285}.personnel-test-question-list .test-question-list .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.personnel-test-question-list .test-question-list .each-lesson{height:100%;padding:0 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.personnel-test-question-list .test-question-list .lesson-title-and-number{justify-content:space-between;height:100%}.personnel-test-question-list .test-question-list .number-of-questions{padding:0 4px;height:100%}.personnel-test-question-list .test-question-list .lesson-title{min-width:90px}.personnel-test-question-list .test-question-list .lesson-title .fa-check{position:relative;top:1px}.personnel-test-question-list .test-question-list .lesson-title .fa-hourglass-half{position:relative;top:2px}.personnel-test-question-list .test-question-list .selected-icon{padding:0 5px;color:#0d65d2;font-size:50px;height:20px;position:relative;bottom:15px}.personnel-test-question-list .test-question-list .each-lesson.selected-lesson{border-width:2px 2px 0;padding:0 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.personnel-test-question-list .test-question-list .operation-box{font-size:14px}.personnel-test-question-list .test-question-list hr{margin:5px;border-top:1px solid #bebebe}.personnel-test-question-list .test-question-list .add-question-button button{border-radius:5px;background:#ffa639;border:2px solid #ff7c41;padding:2px 4px;font-size:14px;color:#064ba0;width:200px}.personnel-test-question-list .test-question-list .lesson-confirm-button button{border-radius:5px;background:#c7f7d4;border:2px solid #009d13;padding:2px 4px;font-size:14px;color:#009d13;width:200px}.personnel-test-question-list .test-question-list .designer-name{padding:5px;text-align:center}.personnel-test-question-list .test-question-list .designer-buttons{justify-content:space-evenly;padding:10px}.personnel-test-question-list .test-question-list .lesson-complete{justify-content:center;padding:10px}.personnel-test-question-list .test-question-list .lesson-complete button{width:95px;color:#fff;background-color:#d83232;border:2px solid #b22f2f;border-radius:5px;margin-right:5px}.personnel-test-question-list .test-question-list .question-fontsize i.selected-font{color:#0d65d2}.personnel-test-question-list .test-question-list .owner-title{padding:0 5px 5px;text-align:center;font-size:16px;background-color:#064ba0;color:#fff}.personnel-test-question-list .test-question-list .hr-type1{margin:0 10px 6px;border-top:2px solid #356db2}.personnel-test-question-list .test-question-list .hr-type2{margin:10px 5px 0;border-top:2px solid #c8c8c8}.personnel-test-question-list .test-question-list .design-mode-box{border:2px solid #064ba0;border-radius:10px;padding:5px 8px;background-color:#dbe8f6;font-size:13px}.personnel-test-question-list .test-question-list .finish-design-btn{font-size:15px;color:#d41010;padding-bottom:5px;text-align:center}.personnel-test-question-list .test-question-list .finish-design-btn i{position:relative;top:1px}.personnel-test-question-list .test-question-list .finish-design-btn button{border-radius:5px;background-color:#f7aa4c;border-color:#f7aa4c;box-shadow:1px 1px 3px #00000082;padding:2px 4px;font-size:14px;color:#000}.personnel-test-question-list .test-question-list .guide-box .fa-circle{color:#b42528;font-size:8px}.personnel-test-question-list .test-question-list .lesson-guide-box{font-size:13px}.personnel-test-question-list .test-question-list .lesson-guide-box .num-of-questions-guide{text-align:center;font-size:15px;padding-bottom:7px}.personnel-test-question-list .test-question-list .lesson-guide-box .question-bank-btn{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 3px;margin:2px 1px 4px;border-color:#f5962e;background-color:#ffa639;position:relative;bottom:2px}.personnel-test-question-list .test-question-list .lesson-guide-box .confirm-questions-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 6px 2px 5px;margin:3px 1px;border:2px solid #64b033;background-color:#d7ffbd;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.personnel-test-question-list .test-question-list .lesson-guide-box .edit-questions-btn{font-size:12px;border-radius:13px;color:#033c81;padding:3px 6px 3px 5px;margin-top:3px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:4px}.personnel-test-question-list .test-question-list .lesson-guide-box .fa-circle{color:#b42528;font-size:8px}.personnel-test-question-list .send-test-mode .send-test-mode-header{padding-left:35px;background-color:#064ba0}.personnel-test-question-list .send-test-mode .change-school-box{padding:2px 5px}.personnel-test-question-list .send-test-mode .current-school-expression{font-size:15px;padding:5px 3px 2px}.personnel-test-question-list .send-test-mode .change-school-btn{font-size:13px;padding:8px 2px 2px}.personnel-test-question-list .send-test-mode .change-school-btn button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.personnel-test-question-list .send-test-mode .guide-box{padding:2px 5px 7px;font-size:13px;text-align:justify}.personnel-test-question-list .send-test-mode .guide-box i{color:#b42528;font-size:8px}.personnel-test-question-list .send-test-mode .send-test-mode-body{padding:7px 7px 0}.personnel-test-question-list .send-test-mode .selector-container{border:2px solid #064ba0;border-radius:7px;padding:10px}.personnel-test-question-list .send-test-mode .selector-list-title{display:inline-block;width:fit-content;padding:3px 7px;border:none;margin:0 25px 0 0;font-size:17px}.personnel-test-question-list .send-test-mode .footer-row{border-top:2px solid gray;position:sticky;bottom:0;z-index:10;margin:30px -1px 0;padding:1px 4px 7px;background-color:#fff}.personnel-test-question-list .send-test-mode .test-visibility{padding:0 7px 10px;font-size:13px}.personnel-test-question-list .send-test-mode .test-visibility i{font-size:19px;position:relative;top:4px;width:15px;direction:ltr}.personnel-test-question-list .send-test-mode .next-step-btn{text-align:center}.personnel-test-question-list .send-test-mode .next-step-btn button{font-size:14px;border-radius:4px;padding:3px 3px 2px;min-width:110px;border-color:#f5962e;background-color:#ffa639;color:#064ba0}.personnel-test-question-list .send-test-mode .empty-list-expression{width:100%;text-align:center;padding:55px 5px 5px;font-size:16px}.personnel-test-question-list .review-test-mode .guide-expression{font-size:14px;padding:10px 5px;margin-bottom:5px}.personnel-test-question-list .review-test-mode .refresh-btn{font-size:13px;width:125px;border-radius:14px;color:#033c81;padding:3px 5px;margin-top:3px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565}.personnel-test-question-list .review-test-mode .refresh-btn i{position:relative;top:1px}.personnel-test-question-list .review-test-mode .record-list-container{padding:10px 0;text-align:right}.personnel-test-question-list .review-test-mode .each-record{border-bottom:1px solid #bfbfbf}.personnel-test-question-list .review-test-mode .background-gray{background-color:#f3f3f3;border-bottom:1px solid #bfbfbf}.personnel-test-question-list .review-test-mode .footer-buttons{padding:10px 5px;text-align:center;margin:10px 10px 0;border-top:2px solid #b3b3b3;background-color:#fff;position:sticky;bottom:0;z-index:10}.personnel-test-question-list .review-test-mode .footer-buttons button{font-size:14px;border-radius:4px;color:#064ba0;padding:3px 5px 4px;border-color:#f5962e;background-color:#ffa639;min-width:200px}.personnel-test-question-list .review-test-mode .date-row{padding:5px;justify-content:space-between;font-size:13px}.personnel-test-question-list .review-test-mode .date-row .fa-calendar{font-size:16px;position:relative;top:1px}.personnel-test-question-list .review-test-mode .button-container button{font-size:14px;border-radius:4px;color:#064ba0;padding:2px 5px 2px;border-color:#f5962e;background-color:#ffa639;min-width:90px}.personnel-test-question-list .record-list-table{padding:10px}.personnel-test-question-list .review-test-mode .background-gray{background-color:#f3f3f3}.personnel-test-question-list .review-test-mode table{width:100%}.personnel-test-question-list .review-test-mode table th{color:#064ba0;text-align:center;font-size:15px;padding:7px 2px}.personnel-test-question-list .review-test-mode table td{text-align:center;font-size:13px;padding:7px 2px}.personnel-test-question-list .review-test-mode table td,.personnel-test-question-list .review-test-mode table th{border:1px solid gray}.personnel-test-question-list .review-test-mode table .school-title{min-width:250px}.personnel-test-question-list .review-test-mode table .test-date{min-width:250px}.personnel-test-question-list .review-test-mode table .button-column{min-width:250px}.personnel-test-question-list .review-test-mode table .detail-btn{text-decoration:underline;color:#257cc7;cursor:pointer}.personnel-test-question-list .review-test-mode table .date-title{font-size:14px;padding:0 2px 2px;display:inline-block}.personnel-test-question-list .review-test-mode table .edit-date{text-decoration:underline;color:#257cc7;display:inline-block;cursor:pointer}.personnel-test-question-list .review-test-mode table .edit-date i{font-size:16px;position:relative;top:3px;left:2px}.personnel-test-question-list .review-test-mode table td.school-title{font-size:15px}@media screen and (max-width:1024px){.personnel-test-question-list .review-test-mode table .button-column{min-width:200px}}@media screen and (max-width:768px){.personnel-test-question-list .test-question-list .design-mode-box{font-size:12px}.personnel-test-question-list .test-question-list .owner-title{font-size:15px}.personnel-test-question-list .test-question-list .finish-design-btn{font-size:14px}.personnel-test-question-list .test-question-list .outer-lesson-container{height:44px}.personnel-test-question-list .test-question-list .scroll{width:50px;font-size:36px;padding-bottom:3px;margin-bottom:4px}.personnel-test-question-list .test-question-list .lesson-title{min-width:80px}.personnel-test-question-list .test-question-list .number-of-questions{padding:0 4px 0 3px}.personnel-test-question-list .test-question-list .each-lesson{padding:0 5px;font-size:13px}.personnel-test-question-list .test-question-list .each-lesson.selected-lesson{border-width:2px 2px 0;padding:0 7px;border-radius:5px 5px 0 0;color:#000;font-size:14px}.personnel-test-question-list .send-test-mode .send-test-mode{padding-left:0}.personnel-test-question-list .send-test-mode .selector-list-title{margin:0 10px 0 0}.personnel-test-question-list .send-test-mode .footer-row{padding:1px 1px 7px;margin:7px -1px 0}.personnel-test-question-list .send-test-mode .test-visibility{font-size:13px}.personnel-test-question-list .send-test-mode .test-visibility i{font-size:17px}.personnel-test-question-list .review-test-mode .button-container button{font-size:13px;min-width:75px}.personnel-test-question-list .review-test-mode table .date-title{display:block}.personnel-test-question-list .review-test-mode table .edit-date{display:block}.personnel-test-question-list .review-test-mode table th{font-size:14px}.personnel-test-question-list .review-test-mode table .button-column{min-width:150px}.personnel-test-question-list .review-test-mode table .test-date{min-width:150px}.personnel-test-question-list .review-test-mode table .school-title{min-width:150px}.personnel-test-question-list .review-test-mode table td.school-title{font-size:14px}.personnel-test-question-list .review-test-mode .refresh-btn{font-size:12px;width:115px;margin-top:2px}}@media screen and (max-width:480px){.personnel-test-question-list .test-question-list .menu-button{font-size:27px;padding-left:4px;padding-top:9px;height:unset}.personnel-test-question-list .test-question-list .out-header-menu-container{left:7px}.personnel-test-question-list .test-question-list .more-button{top:4px;width:25px;padding-top:0}.personnel-test-question-list .test-question-list .owner-title{font-size:15px}.personnel-test-question-list .test-question-list .design-mode-box{font-size:11px}.personnel-test-question-list .test-question-list .finish-design-btn{font-size:13px}.personnel-test-question-list .test-question-list .lesson-guide-box{font-size:11px}.personnel-test-question-list .test-question-list .lesson-guide-box .num-of-questions-guide{font-size:13px;padding-bottom:7px;padding-top:2px}.personnel-test-question-list .test-question-list .lesson-guide-box .question-bank-btn{font-size:11px;padding:2px 3px 1px 2px;margin:2px 1px 4px}.personnel-test-question-list .test-question-list .lesson-guide-box .confirm-questions-btn{font-size:11px;padding:3px 5px 1px 4px;margin:3px 1px 1px}.personnel-test-question-list .test-question-list .lesson-guide-box .edit-questions-btn{font-size:10px;padding:2px 4px 2px 4px}.personnel-test-question-list .test-question-list .lessons>div{padding:0 7px}.personnel-test-question-list .test-question-list .lesson-title{min-width:75px}.personnel-test-question-list .test-question-list .each-lesson.selected-lesson{border-width:2px 2px 0;padding:0 7px;border-radius:5px 5px 0 0;color:#000;font-size:13px}.personnel-test-question-list .test-question-list .side-div{width:5px}.personnel-test-question-list .send-test-mode .current-school-expression{font-size:13px;padding:5px 3px 2px}.personnel-test-question-list .send-test-mode .change-school-btn{font-size:12px;padding:5px 2px 2px}.personnel-test-question-list .send-test-mode .change-school-btn button{font-size:11px;border-radius:11px;padding:3px 4px 1px 4px;margin:4px 1px 1px 2px;bottom:2px}.personnel-test-question-list .send-test-mode .guide-box{font-size:12px}.personnel-test-question-list .send-test-mode .test-visibility{padding:0 0 5px;font-size:12px}.personnel-test-question-list .send-test-mode .next-step-btn button{font-size:13px;border-radius:4px;padding:3px 3px 3px;min-width:90px}.personnel-test-question-list .review-test-mode .guide-expression{font-size:13px}.personnel-test-question-list .review-test-mode .date-row{font-size:12px;align-items:flex-end}.personnel-test-question-list .review-test-mode .date-row .fa-calendar{font-size:14px;top:0}.personnel-test-question-list .review-test-mode .button-container button{font-size:11px;padding:3px 5px 1px;min-width:70px}.personnel-test-question-list .review-test-mode .button-container.increase-height{width:70px;height:50px;display:flex;flex-direction:column;justify-content:space-between}.personnel-test-question-list .review-test-mode .button-container.increase-height button{font-size:11px;padding:2px 5px 1px;min-width:unset}.personnel-test-question-list .review-test-mode table .school-title{min-width:100px}.personnel-test-question-list .review-test-mode table .test-date{min-width:100px}.personnel-test-question-list .review-test-mode table .button-column{min-width:50px;font-size:12px}.personnel-test-question-list .review-test-mode table th{font-size:13px}.personnel-test-question-list .review-test-mode table td{font-size:12px}.personnel-test-question-list .review-test-mode table td.school-title{font-size:13px}.personnel-test-question-list .review-test-mode table .date-title{font-size:12px}.personnel-test-question-list .review-test-mode table .edit-date{font-size:11px}.personnel-test-question-list .review-test-mode table .edit-date i{font-size:14px}.personnel-test-question-list .review-test-mode .refresh-btn{font-size:11px;width:102px;border-radius:14px;padding:4px 2px 2px}}.personnel-test-report .constant-data{width:100%;height:45px;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:5px 0;font-size:14px;position:relative}.personnel-test-report .grade{width:33.33%;display:flex;justify-content:center;align-items:center}.personnel-test-report .exam-title{width:33.33%;display:flex;justify-content:center;align-items:center}.personnel-test-report .change-exam{width:33.33%;display:flex;justify-content:center;align-items:center}.personnel-test-report .options{width:100%;white-space:nowrap;overflow:auto;display:inline-block;text-align:center;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:8px;border-radius:0 0 5px 5px}.personnel-test-report .options::-webkit-scrollbar{display:none}.personnel-test-report .options-button:hover{background-color:#73bbd0;cursor:pointer}.personnel-test-report .options-button.selected{background-color:#0d65d2;color:#fff;border-style:solid;border-width:2px;animation-name:ReportTab;animation-duration:2s;animation-iteration-count:infinite}@keyframes ReportTab{0%{border-color:#0d65d2}50%{border-color:#95b3d8}100%{border-color:#0d65d2}}.personnel-test-report .Student-pointer{width:0;border-bottom:4px solid #064ba0;position:absolute;bottom:0;transition:width .2s linear}.personnel-test-report .Consultant-pointer{width:0;border-bottom:4px solid #064ba0;position:absolute;bottom:0;transition:width .2s linear}.personnel-test-report .class-comparison-pointer{width:0;border-bottom:4px solid #064ba0;position:absolute;bottom:0;transition:width .2s linear}.personnel-test-report .selected .options-tab-border{width:100%}.personnel-test-report .options-button{min-width:130px;height:23px;padding:0 5px;display:inline-block;color:#000;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069;background-color:#ffffff66}.personnel-test-report .student-container{width:99%;height:35px;display:flex;justify-content:space-between;align-items:center;border-radius:5px 5px 0 0;margin:0 auto;position:relative;background-color:#0d65d2;box-shadow:3px 0 2px #000000bf;padding:0 5px}.personnel-test-report .student-container button{font-size:12px}.personnel-test-report .student-name{text-align:center}.personnel-test-report .drop-down{width:33.33%;display:flex;align-items:center;justify-content:center}.personnel-test-report select{padding:0;color:#000;border-radius:5px;min-width:100px;height:28px;font-size:12px;text-align:center}.personnel-test-report .student{padding:0 0 10px 0;margin:10px auto;width:99%}.personnel-test-report .table-info{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;color:#064ba0;padding:10px;padding-bottom:0}.personnel-test-report ::-webkit-scrollbar{height:5px!important;display:block;cursor:pointer;direction:rtl}.personnel-test-report ::-webkit-scrollbar-track{background:#f1f1f1}.personnel-test-report ::-webkit-scrollbar-thumb{background:#888}.personnel-test-report ::-webkit-scrollbar-thumb:hover{background:#555}.personnel-test-report{scrollbar-width:thin}.personnel-test-report .table-container{width:99%;margin:0 auto;border-radius:0 0 5px 5px}.personnel-test-report .student .exam-scores-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:0 0 5px 5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px;padding:10px;margin-top:0}.personnel-test-report .student .exam-scores-table .table-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0}.personnel-test-report .student .exam-scores-table .header-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;border-right:none}.personnel-test-report .student .single-row{width:55px!important}.personnel-test-report .student .top-20{width:72px!important}.personnel-test-report .student .factor{width:33px!important}.personnel-test-report .student .rank{width:70px!important}.personnel-test-report .student .balance{width:45px!important}.personnel-test-report .student .exam-scores-table .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.personnel-test-report .student .exam-scores-table .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.personnel-test-report .student .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.personnel-test-report .student .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.personnel-test-report .student .exam-scores-table .table-data{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.personnel-test-report .student .exam-scores-table .each-data{display:flex;width:135px;height:100%;align-items:center;justify-content:center;border:1px solid;border-top:none;border-right:none;border-color:#064ba0}.personnel-test-report .student .background-color{background-color:#f0f8ff}.personnel-test-report .student .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.personnel-test-report .student .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff}.personnel-test-report .student .exam-answers-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:0 6px;flex-direction:column}.personnel-test-report .student .exam-answers-wrapper{width:100%;display:flex;flex-wrap:wrap}.personnel-test-report .student .exam-answers-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px}.personnel-test-report .student .exam-answers-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-right:none;border-left:none;width:49%}.personnel-test-report .student .exam-answers-header .header-title{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;width:90px;border-bottom:none;border-left:none}.personnel-test-report .student .exam-answers-table .subtopic{width:470px;border-left:1px solid #064ba0}.personnel-test-report .student .exam-answers-content{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:49%}.personnel-test-report .student .answer-data{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid #064ba0;border-top:none;width:90px;border-left:none;font-size:9px}.personnel-test-report .consultant{padding:0 0 10px 0;margin:0 auto;width:99%;height:Calc(100% - 129px)}.personnel-test-report .consultant-chart-info{margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;padding:5px 0}.personnel-test-report .consultant-chart-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;padding:10px}.personnel-test-report .consultant-header-title{padding-bottom:10px}.personnel-test-report .consultant-header-buttons{justify-content:space-evenly}.personnel-test-report .consultant-header-buttons button{border-radius:5px;font-size:15px;color:#000;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:75px;padding:2px 6px;box-shadow:1px 1px 3px #00000082;border-color:#f7aa4c;background-color:#f7aa4c}.personnel-test-report .consultant-tab-guide{color:#8f0000;font-size:13px;padding:5px 5px 0;line-height:1.7;text-align:center}.personnel-test-report .consultant-tab-guide i{font-size:20px;position:relative;top:3px}.personnel-test-report .data-container{overflow:auto;display:inline-block;height:Calc(100% - 35px);margin:0 auto;scrollbar-width:none}.personnel-test-report .consultant .exam-scores-table{width:99%;height:95%;white-space:nowrap;overflow:auto;display:flex;border-radius:0 0 5px 5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px;padding:10px;padding-bottom:5px}.personnel-test-report .consultant .exam-scores-table .table-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0;padding-left:5px;border-top:none}.personnel-test-report .consultant .exam-scores-table .header-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-right:none}.personnel-test-report .consultant .rank{width:27px!important;border-right:1px solid!important}.personnel-test-report .consultant .balance{width:30px!important}.personnel-test-report .consultant .lessons{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:row}.personnel-test-report .consultant .exam-scores-table .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px;border:1px solid;border-top:none;border-left:none}.personnel-test-report .consultant .exam-scores-table .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.personnel-test-report .consultant .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.personnel-test-report .consultant .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.personnel-test-report .consultant .table-data{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.personnel-test-report .consultant .data-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;border:1px solid;border-top:none;border-right:none;border-color:#064ba0}.personnel-test-report .consultant .background-color{background-color:#f0f8ff}.personnel-test-report .rank-in-class{text-align:center}.personnel-test-report .rank-in-class .hide-br{display:none}.personnel-test-report .rank-in-class .background-color{background-color:#f0f8ff}.personnel-test-report .rank-in-class .rank-in-class-container{width:99%;display:inline-block;margin:10px auto;padding:2px 6px}.personnel-test-report .rank-in-class .rank-in-class-wrapper{width:100%;display:flex;flex-wrap:wrap}.personnel-test-report .rank-in-class .exam-answers-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:11px}.personnel-test-report .rank-in-class .exam-answers-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:100%}.personnel-test-report .rank-in-class .exam-answers-header .header-title{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border-top:none;width:30%;border-bottom:none;background-color:#8cdff7;border:1px solid;border-left:none}.personnel-test-report .rank-in-class .exam-answers-table .border-left{border-left:1px solid #064ba0}.personnel-test-report .rank-in-class .exam-answers-content{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:100%}.personnel-test-report .rank-in-class .answer-data{display:flex;height:100%;align-items:center;justify-content:center;border:1px solid #064ba0;border-top:none;width:30%;border-left:none}.personnel-test-report .rank-in-class .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.personnel-test-report .rank-in-class .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.personnel-test-report .rank-in-class .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.personnel-test-report .rank-in-class .border-style{border:1px solid;border-top:none;border-bottom:none;border-color:#064ba0}.personnel-test-report .rank-in-class .rank-in-class-pdf-btn{width:300px;height:30px;color:#064baf;background-color:#ffb357;border:2px solid #ff8946;border-radius:5px;justify-content:center;margin:0 auto}.personnel-test-report .rank-in-class .rank-in-class-chart-info{margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;padding:5px 0}.personnel-test-report .rank-in-class .rank-in-class-chart-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;padding:10px 5px}.personnel-test-report .class-comparison{background-color:#fff;margin-top:-6px;padding:5px 0}.personnel-test-report .class-comparison .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.personnel-test-report .class-comparison .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff;position:relative}.personnel-test-report .class-comparison .chart-box .pdf-report{position:absolute;top:10px;right:10px;z-index:1}.personnel-test-report .class-comparison .chart-box .excel-report{position:absolute;top:10px;right:10px;z-index:1}.personnel-test-report .class-comparison .details{position:absolute;left:10px;z-index:1;top:10px}.personnel-test-report .chart-info{width:99%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;margin-bottom:-3px;padding:5px 0}.personnel-test-report .chart-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;display:flex;align-items:center;padding:10px;text-align:center;position:relative;justify-content:space-between}.personnel-test-report .pdf-report i{font-size:18px;margin-right:3px;color:#c70f0f}.personnel-test-report .excel-report i{font-size:18px;margin-right:3px;color:#438706}.personnel-test-report .subtopic-constant-data{width:100%;height:45px;display:flex;justify-content:center;align-items:center;flex-direction:row;border-radius:5px;padding:5px 0;font-size:14px;position:relative;margin-bottom:10px}.personnel-test-report .subtopic-comparison{background-color:#fff;margin-top:-6px;padding:5px 0;height:Calc(100% - 52px)}.personnel-test-report .subtopic-comparison .all-charts{height:Calc(100% - 58px);overflow:auto;margin-top:10px;position:relative}.personnel-test-report .subtopic-comparison .all-charts .pdf-report{position:absolute;top:5px;right:5px;font-size:12px;z-index:2}.personnel-test-report .subtopic-comparison .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.personnel-test-report .subtopic-comparison .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff;position:relative}.personnel-test-report .chart-details{position:absolute;left:10px;top:10px}.personnel-test-report .subtopic-title{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.personnel-test-report .each-lesson-table-header{justify-content:space-evenly;flex-wrap:wrap;width:100%;font-size:15px;padding:0 5px 10px}.personnel-test-report .each-lesson-title{color:#064ba0}.personnel-test-report-each-student{border:1px solid gray;border-width:0 1px}.personnel-test-report-each-student .each-student-header{justify-content:space-between;position:sticky;top:0;background-color:#cddeef;z-index:1;padding:5px;font-size:16px;color:#0751ad}.personnel-test-report-each-student .each-student-header .fa-caret-left{font-size:18px;color:#e18311;position:relative;top:2px}.personnel-test-report-each-student .each-student-header .close-btn{width:36px;height:36px;background-color:#e10000;color:#fff;font-size:18px;border-radius:10px;justify-content:center;cursor:pointer}@media screen and (max-width:1024px){.personnel-test-report .student .exam-scores-table .header-title{width:120px}.personnel-test-report .student .exam-scores-table .each-data{width:120px}.personnel-test-report .student .single-row{width:58px!important}.personnel-test-report .student .factor{width:30px!important}.personnel-test-report .student .rank{width:65px!important}.personnel-test-report .student .balance{width:40px!important}}@media screen and (max-width:768px){.personnel-test-report .constant-data{height:50px;font-size:12px;border-radius:0}.personnel-test-report .options{border-radius:0}.personnel-test-report .grade{width:22%}.personnel-test-report .exam-title{width:50%}.personnel-test-report .change-exam{width:23%}.personnel-test-report .student .second-header{display:none}.personnel-test-report .student .exam-answers-header{width:100%}.personnel-test-report .student .exam-answers-wrapper{flex-direction:column}.personnel-test-report .student .exam-answers-content{width:100%}.personnel-test-report .rank-in-class .second-header{display:none}.personnel-test-report .rank-in-class .hide-br{display:block}.personnel-test-report .rank-in-class .exam-answers-header{width:98%}.personnel-test-report .rank-in-class .exam-answers-header .header-title{min-width:30%}.personnel-test-report .rank-in-class .answer-data{min-width:30%}.personnel-test-report .rank-in-class .single-row{min-width:40px!important}.personnel-test-report .rank-in-class .exam-answers-wrapper{flex-direction:column}.personnel-test-report .rank-in-class .exam-answers-content{width:98%}.personnel-test-report .each-lesson-table-header{font-size:14px}.personnel-test-report .each-lesson-title{width:100%;padding-bottom:5px}}@media screen and (max-width:480px){.personnel-test-report .constant-data{height:47px;font-size:12px;flex-wrap:wrap}.personnel-test-report .student-container{font-size:10px;padding-right:4px}.personnel-test-report .change-student{font-size:9px}.personnel-test-report .student-container button{font-size:10px}.personnel-test-report .chart-border{padding:5px}.personnel-test-report .exam-title{width:100%}.personnel-test-report .change-exam-button{font-size:12px}.personnel-test-report .student .exam-answers-table{font-size:8px}.personnel-test-report .student .exam-answers-table .subtopic{font-size:8px}.personnel-test-report .rank-in-class .exam-answers-header{width:96%}.personnel-test-report .rank-in-class .exam-answers-content{width:96%}.personnel-test-report .rank-in-class .rank-in-class-wrapper{width:99%}.personnel-test-report .rank-in-class .choose-class{font-size:10px;padding:1px 3px}.personnel-test-report .rank-in-class .rank-in-class-pdf-btn{width:240px;height:27px}.personnel-test-report .chart-border button{font-size:10px;padding:1px 3px}.personnel-test-report .pdf-report i{font-size:16px}.personnel-test-report .chart-border{font-size:10px}.personnel-test-report .class-comparison .chart-box .pdf-report,.personnel-test-report .class-comparison .details{font-size:12px;padding:0;min-width:60px}.personnel-test-report .chart-details{font-size:12px;padding:0;min-width:60px;left:5px}.personnel-test-report .subtopic-title{justify-content:flex-start;font-size:12px;padding-right:10px}.personnel-test-report .each-lesson-table-header{font-size:12px}.personnel-test-report .each-lesson-title{font-size:14px}.personnel-test-report select{min-width:75px}.personnel-test-report-each-student .each-student-header .close-btn{width:32px;height:32px;border-radius:8px}}.personnel-test-student-list{border:1px solid #000;border-width:0 1px;min-height:100%}.personnel-test-student-list .test-student-list-header{width:calc(100% - 50px)}.personnel-test-student-list .menu-button-container{width:50px}.personnel-test-student-list .state-one-two-container{height:100%;width:100%}.personnel-test-student-list .state-three-container{background-color:#fff;z-index:50;transition:.6s ease-in-out}.personnel-test-student-list .personnel-test-student-list-header{height:105px}.personnel-test-student-list .personnel-test-student-list-header .title-row{padding-top:1px;font-size:20px;padding-bottom:8px}.personnel-test-student-list .personnel-test-student-list-header .test-detail-guide{color:#e38484;cursor:pointer;position:relative;bottom:1px;padding-right:3px}.personnel-test-student-list .personnel-test-student-list-header .test-detail-guide span{font-size:12px;text-decoration:underline}.personnel-test-student-list .personnel-test-student-list-header .test-detail-guide i{position:relative;font-size:25px;top:4px}.personnel-test-student-list .personnel-test-student-list-header .test-title{padding:0 40px;justify-content:center}.personnel-test-student-list .menu-button{color:#fff;font-size:30px;padding-left:7px;padding-top:10px;cursor:pointer;text-align:center;position:relative}.personnel-test-student-list .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.personnel-test-student-list .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.personnel-test-student-list .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.personnel-test-student-list .home-button{position:absolute;font-size:30px;top:7px;right:15px}.personnel-test-student-list .home-button i{cursor:pointer}.personnel-test-student-list .menu-button .each-feature{border-radius:3px;cursor:pointer}.personnel-test-student-list .menu-button .each-feature i{font-size:15px;margin-right:6px}.personnel-test-student-list .menu-button .each-feature span{margin-right:7px}.personnel-test-student-list .menu-button .each-feature:hover{background-color:#bdc3c9}.personnel-test-student-list .test-detail-toggle-box{height:35px;justify-content:space-around;background-color:#fff;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#000;font-size:16px}.personnel-test-student-list .toggle-switch-part{position:absolute;width:50%;height:35px;transition:.6s ease-in-out}.personnel-test-student-list .toggle-switch-part>div{background-color:#c5e3ff;width:97%;margin:0 auto;height:25px;border-radius:22px}.personnel-test-student-list .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.personnel-test-student-list .personnel-test-student-list-body{height:calc(100% - 105px);overflow:hidden}.personnel-test-student-list .insides-tabs-container{height:100%;position:relative}.personnel-test-student-list .student-list-tab{height:100%;width:100%;transition:left .7s ease-out}.personnel-test-student-list .state1-info{text-align:center;margin-bottom:7px;position:relative}.personnel-test-student-list .refresh-btn{padding:0 5px 5px;justify-content:center}.personnel-test-student-list .refresh-btn button{border-radius:50%;padding:3px;height:21px;width:21px;padding:2px;margin-right:3px;border:2px solid #f17800;background-color:#f7aa4c}.personnel-test-student-list .student-list-tab .date-info{padding:5px;text-align:center}.personnel-test-student-list .student-list-tab .date-info i{color:#064ba0}.personnel-test-student-list .student-list-tab .date-info .date-title{font-size:14px;width:50%;padding:2px}.personnel-test-student-list .student-list-tab .date-info .duration-title{font-size:14px;width:50%;padding:2px}.personnel-test-student-list .student-list-tab .date-info .duration-title>i{position:relative;top:2px}.personnel-test-student-list .student-list-tab .date-info .personnel-title{font-size:14px;width:50%;padding:2px}.personnel-test-student-list .student-list-tab .date-info .personnel-title>i{position:relative;top:2px}.personnel-test-student-list .student-list-tab .filtering-class{display:flex;padding:0 5px}.personnel-test-student-list .student-list-tab .filtering-class i{font-size:17px;width:25px;cursor:pointer;position:relative;direction:ltr;top:2px}.personnel-test-student-list .student-list-tab .each-class-box{border:2px solid #3577c9;border-radius:5px;box-shadow:0 0 3px 0 #707070;background-color:#f3f8ff;width:95%;margin:10px auto}.personnel-test-student-list .student-list-tab .class-name{background-color:#3577c9;padding:5px 10px;color:#fff;font-size:14px;margin:-1px -1px 0;text-align:center}.personnel-test-student-list .student-list-tab .class-name i{color:#ff8f28;font-size:16px;margin-left:3px;position:relative;top:2px}.personnel-test-student-list .student-list-tab .student-list-container.without-classification{flex-wrap:wrap;padding:5px;display:flex;justify-content:space-evenly}.personnel-test-student-list .student-list-tab .with-classification .student-list-container{flex-wrap:wrap;padding:5px 2px;display:flex;justify-content:space-evenly}.personnel-test-student-list .student-list-tab .each-student{border:1px solid #c4e3ff;background-color:#e8f1ff;border-radius:5px;margin:3px}.personnel-test-student-list .student-list-tab .each-student.student-not-seen{background:#ffcfcf;border:1px solid #b90000}.personnel-test-student-list .student-list-tab .each-student.student-seen{background:#dfd;border:1px solid green}.personnel-test-student-list .student-list-tab .student-title{width:160px;padding:5px 3px 6px;cursor:pointer}.personnel-test-student-list .student-list-tab .question-serie{border-left:1px solid #8cc7fd;padding:1px 3px 0;min-width:18px;justify-content:center;height:100%}.personnel-test-student-list .student-list-tab .question-serie.student-not-seen{border-left:1px solid #b90000}.personnel-test-student-list .student-list-tab .question-serie.student-seen{border-left:1px solid green}.personnel-test-student-list .student-list-tab .result-visiblity-status{padding-top:3px;min-width:18px;text-align:center;color:#198519}.personnel-test-student-list .student-list-tab .participation-status{width:18px;text-align:center;padding-top:3px}.personnel-test-student-list .student-list-tab .design-mode-warning .hidden-in-mobile{font-size:15px;color:#8b0000;text-align:center;padding:15px 5px 7px}.personnel-test-student-list .student-list-tab .design-mode-warning .hidden-in-tablet{font-size:13px;color:#8b0000;justify-content:center;padding:7px 5px}.personnel-test-student-list .student-list-tab .design-mode-warning .hidden-in-tablet i{font-size:23px;width:45px}.personnel-test-student-list .student-list-tab .filter-container{padding:5px}.personnel-test-student-list .student-list-tab .filter-container .filter-box{position:relative}.personnel-test-student-list .student-list-tab .filter-container .filter-icon{position:absolute;top:0;right:0;width:42px;height:42px;font-size:28px;padding:2px 7px}.personnel-test-student-list .student-list-tab .student-search{width:100%;padding:2px 45px 2px 2px;text-align:center}.personnel-test-student-list .student-list-tab .student-search .fa-close{font-size:19px;position:absolute;left:6px;top:4px;cursor:pointer}.personnel-test-student-list .student-list-tab .student-search input{font-size:14px;padding:2px 3px;width:450px;text-align:center}.personnel-test-student-list .student-list-tab .admin-filter input{font-size:14px;width:45%;text-align:center;margin:5px}.personnel-test-student-list .student-list-tab .operation-box-btn{background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;padding:0 3px;border-radius:5px;height:30px;width:250px;font-size:14px}.personnel-test-student-list .student-list-tab .selector-mode{height:calc(100% - 30px);overflow-y:auto}.personnel-test-student-list .student-list-tab .selector-mode .selector-expression{padding:15px 5px 5px;color:#8b0000}.personnel-test-student-list .student-list-tab .selector-mode .select-all-check-box{text-align:right;padding:2px 10px;font-size:15px}.personnel-test-student-list .student-list-tab .selector-mode .select-all-check-box i{position:relative;top:1px;width:17px;text-align:left}.personnel-test-student-list .student-list-tab .selector-mode .exam-date-time{display:flex;justify-content:center;align-items:center;flex-direction:column}.personnel-test-student-list .student-list-tab .selector-mode .exam-date-time i{margin:0 3px;font-size:16px;color:#064ba0}.personnel-test-student-list .student-list-tab .selector-mode .date-of-exam{display:flex;align-items:flex-start}.personnel-test-student-list .student-list-tab .selector-mode .exam-start-time{margin:-7px 0 -17px;display:flex;align-items:center}.personnel-test-student-list .student-list-tab .selector-mode hr{width:80%;margin:16px 0 12px;border-top:1px solid #cbcbcb}.personnel-test-student-list .student-list-tab .selector-mode .exam-duration{display:flex;align-items:center}.personnel-test-student-list .student-list-tab .selector-mode .exam-duration select{border-radius:5px;min-width:70px;margin-right:2px}.personnel-test-student-list .student-list-tab .selector-mode .button-row{position:sticky;bottom:0;background-color:#f0f8ff;box-shadow:0 0 10px 5px grey;padding:10px}.personnel-test-student-list .student-list-tab .selector-container{padding:5px}.personnel-test-student-list .student-list-tab .guide-box{padding-right:7px}.personnel-test-student-list .student-list-tab .each-guide{padding:2px 5px 4px;font-size:13px;text-align:justify}.personnel-test-student-list .student-list-tab .each-guide .fa-circle{color:#b42528;font-size:8px}.personnel-test-student-list .student-list-tab .each-guide button{font-size:11px;border-radius:11px;color:#033c81;padding:3px 5px 0;margin-top:5px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565}.personnel-test-student-list .current-student-mode .current-student-mode-header{padding-left:40px;background-color:#064ba0;position:sticky;top:0;z-index:10}.personnel-test-student-list .current-student-mode .date-title{width:200px;padding:3px 3px 0}.personnel-test-student-list .current-student-mode .duration-title{width:200px;padding:3px 3px 0}.personnel-test-student-list .current-student-mode .first-row{justify-content:space-between;background-color:#cddeef;position:sticky;top:0;z-index:5;padding:10px}.personnel-test-student-list .current-student-mode .student-title{font-size:16px;color:#064ba0;width:calc(100% - 40px)}.personnel-test-student-list .current-student-mode .student-title i{font-size:18px;color:#e18311;position:relative;top:2px}.personnel-test-student-list .current-student-mode .close-btn{width:36px;height:36px;background-color:#e10000;color:#fff;font-size:18px;border-radius:10px;justify-content:center;cursor:pointer}.personnel-test-student-list .current-student-mode .second-row{justify-content:space-evenly;padding:3px}.personnel-test-student-list .current-student-mode .second-row>div{width:50%;text-align:center}.personnel-test-student-list .current-student-mode .third-row{justify-content:space-evenly;padding:3px;flex-wrap:wrap}.personnel-test-student-list .current-student-mode .date-info{width:50%;text-align:center}.personnel-test-student-list .current-student-mode .completion-text{padding:5px 5px 2px;font-size:14px;text-align:center;color:#9a1414}.personnel-test-student-list .current-student-mode .current-student-info{flex-wrap:wrap;justify-content:space-evenly;background-color:#cddeef;padding:5px 10px}.personnel-test-student-list .current-student-mode .current-student-info i{color:#064ba0;font-size:15px;position:relative;top:1px}.personnel-test-student-list .current-student-mode .current-student-info .each-item{width:250px;padding:5px;font-size:13px}.personnel-test-student-list .current-student-mode .current-student-info .each-item.completion-text{width:100%;text-align:center}@media screen and (max-width:1024px){.personnel-test-student-list .student-list-tab .student-title{width:140px;padding:5px 3px 6px;cursor:pointer}}@media screen and (max-width:991px){.personnel-test-student-list .keyfi-evaluation-btn{padding:3px 2px 2px;font-size:11px;width:90px}}@media screen and (max-width:768px){.personnel-test-student-list .personnel-test-student-list-body{height:calc(100% - 100px)}.personnel-test-question .menu-button{padding-left:7px;padding-top:5px;height:45px}.personnel-test-student-list .home-button{right:9px}.personnel-test-student-list .toggle-row{padding-top:0}.personnel-test-student-list .test-detail-toggle-box{height:30px;border-radius:15px;font-size:14px;width:90%}.personnel-test-student-list .toggle-items-title{font-size:15px;padding-top:5px}.personnel-test-student-list .toggle-switch-part{height:25px;border-radius:12px}.personnel-test-student-list .toggle-switch-part>div{width:95%;height:22px}.personnel-test-student-list .state1-info{margin-bottom:0}.personnel-test-student-list .evaluation-box input{width:130px}.personnel-test-student-list .class-title-row{display:table-row}.personnel-test-student-list .class-title{display:none}.personnel-test-student-list .keyfi-evaluation{justify-content:space-evenly;flex-wrap:wrap}.personnel-test-student-list .keyfi-evaluation-btn{width:35%;margin:2px}.personnel-test-student-list .absolute-submit-btn{width:45px;height:45px;bottom:23px;font-size:15px;padding-top:9px}.personnel-test-student-list .absolute-submit-btn div{top:0;right:-2px;font-size:18px;width:50px;height:50px;padding-top:10px}.personnel-test-student-list .student-list-tab .date-info .free-exam-info{width:100%;font-size:13px}.personnel-test-student-list .student-list-tab .date-info .duration-title{width:100%;font-size:13px;padding-top:3px}.personnel-test-student-list .student-list-tab .date-info .personnel-title{width:100%;font-size:13px;padding-bottom:3px}.personnel-test-student-list .student-list-tab .date-info .date-title{font-size:13px}.personnel-test-student-list .student-list-tab .student-search input{font-size:13px;width:400px}.personnel-test-student-list .student-list-tab .student-search .fa-close{font-size:19px;left:6px;top:3px}.personnel-test-student-list .student-list-tab .each-class-box{margin:2px auto}.personnel-test-student-list .student-list-tab .filter-dialog-btn{position:static;width:45%}.personnel-test-student-list .student-list-tab .filter-dialog-btn button{min-width:130px}.personnel-test-student-list .student-list-tab .operation-box-btn{width:200px;font-size:13px}.personnel-test-student-list .student-list-tab .filtering-class{align-items:center;padding:5px 0}.personnel-test-student-list .student-list-tab .filtering-class i{font-size:20px;width:32px}.personnel-test-student-list .student-list-tab .selector-mode{height:calc(100% - 28.56px);overflow-y:auto}.personnel-test-student-list .student-list-tab .student-title{width:125px}.personnel-test-student-list .current-student-mode .date-info{width:100%}.personnel-test-student-list .current-student-mode .current-student-mode-header{padding-left:0}.personnel-test-student-list .current-student-mode .current-student-info .each-item{width:225px;font-size:12px}}@media screen and (max-width:480px){.personnel-test-student-list .test-student-list-header{width:calc(100% - 45px)}.personnel-test-student-list .menu-button-container{width:45px}.personnel-test-student-list .menu-button{font-size:27px;padding-left:0;padding-top:9px;height:unset}.personnel-test-student-list .out-header-menu-container{left:7px}.personnel-test-student-list .home-button{font-size:25px;right:1px;top:4px}.personnel-test-student-list .toggle-row{padding-top:0}.personnel-test-student-list .test-detail-toggle-box{height:27px;width:96%}.personnel-test-student-list .toggle-items-title{font-size:12px;padding-top:5px;width:45%}.personnel-test-student-list .toggle-switch-part>div{width:95%;height:21px}.personnel-test-student-list .keyfi-evaluation-btn{width:45%}.personnel-test-student-list .homework-evaluation-btn{padding:3px 2px 0;font-size:11px;width:47px}.personnel-test-student-list .class-title-row{font-size:14px;padding:5px 5px 4px;height:33px}.personnel-test-student-list .student-title{padding:5px;font-size:11px}.personnel-test-student-list .student-title i{font-size:14px;position:relative;top:2px}.personnel-test-student-list .evaluation-box input{width:100px}.personnel-test-student-list .absolute-submit-btn{left:13px;bottom:21px}.personnel-test-student-list .student-list-tab .date-info .date-title{width:100%;padding-top:4px}.personnel-test-student-list .student-list-tab .date-info .personnel-title{padding-bottom:0}.personnel-test-student-list .student-list-tab .design-mode-warning .hidden-in-mobile{padding:7px 5px}.personnel-test-student-list .student-list-tab .filter-container .filter-icon{width:36px;height:36px;font-size:23px;padding:3px 6px}.personnel-test-student-list .student-list-tab .student-search{padding:0 40px 0 4px}.personnel-test-student-list .student-list-tab .student-search input{font-size:12px;padding:2px 3px;width:245px}.personnel-test-student-list .student-list-tab .student-search .fa-close{font-size:18px;left:6px;top:3px}.personnel-test-student-list .student-list-tab .operation-box-btn{width:125px;font-size:12px;height:28px}.personnel-test-student-list .student-list-tab .student-title{width:32vw;padding:5px 3px 4px}.personnel-test-student-list .student-list-tab .with-classification .student-title{width:25vw;padding:5px 3px 4px}.personnel-test-student-list .student-list-tab .result-visiblity-status{min-width:6vw}.personnel-test-student-list .student-list-tab .question-serie{padding:2px 3px 0}.personnel-test-student-list .student-list-tab .selector-mode{height:calc(100% - 47.13px)}.personnel-test-student-list .current-student-mode .back-swipe{padding-left:0}.personnel-test-student-list .current-student-mode .next-previous-box{padding:5px 3px 5px;justify-content:space-between}.personnel-test-student-list .current-student-mode .next-previous-box button{font-size:13px;margin:3px 10px;height:30px}.personnel-test-student-list .current-student-mode .next-previous-box .next-previous-btn{width:65px;font-size:12px}.personnel-test-student-list .current-student-mode .next-previous-box .next-previous-btn i{top:2px;font-size:14px}.personnel-test-student-list .current-student-mode .next-previous-box .save-btn{width:105px}.personnel-test-student-list .current-student-mode .whole-feedback-container{margin:4px}.personnel-test-student-list .current-student-mode .current-student{height:56px}.personnel-test-student-list .current-student-mode .current-student-mode-body{height:calc(100% - 56px)}.personnel-test-student-list .current-student-mode .qualitative-button{width:45%;font-size:13px;height:35px;margin-top:10px}.personnel-test-student-list .current-student-mode .quantitative-options .submit{width:40px;font-size:12px}.personnel-test-student-list .current-student-mode .quantitative-options .barem-btn{width:35px;font-size:11px;margin:0 4px}.personnel-test-student-list .current-student-mode .feedback-text-button{height:31px;width:31px;font-size:12px}.personnel-test-student-list .current-student-mode .feedback-text,.personnel-test-student-list .current-student-mode .feedback-voice{width:97%}.personnel-test-student-list .current-student-mode .current-student-not-seen i{font-size:16px}.personnel-test-student-list .current-student-mode .Exempted-answer,.personnel-test-student-list .current-student-mode .complete-answer,.personnel-test-student-list .current-student-mode .not-complete-answer,.personnel-test-student-list .current-student-mode .undone-answer{width:22%;height:35px;font-size:13px}.personnel-test-student-list .current-student-mode .current-student{font-size:13px;padding:7px 5px;justify-content:space-between}.personnel-test-student-list .current-student-mode .student-title{font-size:15px}.personnel-test-student-list .current-student-mode .completion-text{padding:5px 0 2px;font-size:12px}.personnel-test-student-list .current-student-mode .current-student-info{padding:4px 7px}.personnel-test-student-list .current-student-mode .current-student-info .each-item{width:100%;padding:3px}}.initital-interaction{min-height:100%;border:1px solid gray;border-width:0 1px;background-color:#fff9f1}.initital-interaction .initital-interaction-header{padding:0 5px 5px;margin:0 5px;text-align:center;color:#064ba0;border-bottom:1px solid #bfbfbf}.initital-interaction .initital-interaction-header .logo-container{font-size:64px;padding:30px 10px 0}.initital-interaction .initital-interaction-header .header-expression{font-size:18px;position:relative;bottom:18px}.initital-interaction .initital-interaction-body .each-row{border-bottom:1px solid #bfbfbf;padding:3px 0;margin:0 5px}.initital-interaction .initital-interaction-body .each-row .row-expression{padding:5px 3px;font-size:15px;text-align:justify}.initital-interaction .initital-interaction-body .each-row .fa-volume-control-phone{color:#39a459;font-size:16px;position:relative;top:1px}.initital-interaction .initital-interaction-body .each-row .fa-sign-in{color:#d78221;font-size:17px;position:relative;top:3px}.initital-interaction .initital-interaction-body .each-row .fa-info-circle{color:#3691d1;font-size:17px;position:relative;top:3px}.initital-interaction .initital-interaction-body .login-row .button-container-row{display:flex;justify-content:center;flex-wrap:wrap}.initital-interaction .initital-interaction-body .button-container-row{text-align:center;padding:5px 8px}.initital-interaction .initital-interaction-body .button-container-row button{font-size:14px;min-width:200px;border-radius:4px;color:#064ba0;padding:4px 7px 5px 5px;margin:3px 20px}@media (max-width:768px){.initital-interaction .initital-interaction-header .logo-container{font-size:50px;padding:20px 10px 0}.initital-interaction .initital-interaction-header .header-expression{font-size:16px;position:relative;bottom:16px}.initital-interaction .initital-interaction-body .each-row .row-expression{padding:5px 2px;font-size:14px}.initital-interaction .initital-interaction-body .button-container-row button{font-size:13px;min-width:175px}}@media (max-width:480px){.initital-interaction .initital-interaction-header .logo-container{font-size:42px;padding:14px 10px 0}.initital-interaction .initital-interaction-header .header-expression{font-size:15px;position:relative;bottom:13px}.initital-interaction .initital-interaction-body .each-row .row-expression{padding:2px;font-size:12px;line-height:1.6}.initital-interaction .initital-interaction-body .login-row .button-container-row{justify-content:space-evenly}.initital-interaction .initital-interaction-body .button-container-row{padding:15px 8px 2px}.initital-interaction .initital-interaction-body .button-container-row button{padding:4px 5px 4px 4px;margin:3px}}.add-outcome .add-outcome-body{border:1px solid gray;border-width:0 1px;overflow:hidden;position:relative}.add-outcome .lesson-adding-mode{position:absolute;top:0;width:100%;height:100%;overflow:auto;z-index:10;transition:.4s;background-color:#fff}.add-outcome .lesson-adding-mode .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.add-outcome .lesson-adding-mode .guide-box{padding:7px}.add-outcome .lesson-adding-mode .guide-box .fa-circle{font-size:8px}.add-outcome .lesson-adding-mode .paye-selector-container{padding:7px;flex-wrap:wrap}.add-outcome .lesson-adding-mode .paye-selector-title{font-size:14px;color:#064ba0}.add-outcome .lesson-adding-mode .paye-selector-title i{font-size:18px;position:relative;top:3px}.add-outcome .lesson-adding-mode .drop-down-container select{text-align:center;min-width:200px;padding:2px 3px;border-radius:7px;border:2px solid #555;margin:0 7px}.add-outcome .lesson-adding-mode .button-row{text-align:center;position:sticky;bottom:0;margin:0 7px;background-color:#fff;padding:15px 15px 20px;border-top:2px solid gray}.add-outcome .lesson-adding-mode .button-row button{border-radius:5px;padding:2px 10px;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;box-shadow:1px 2px 3px 0 #363636;width:130px;font-size:14px}.add-outcome .lesson-adding-mode .choose-lessons{font-size:13px;text-align:justify;border:2px solid gray;border-width:2px 0 0;padding:0 7px 6px;margin:12px 7px 10px}.add-outcome .lesson-adding-mode .choose-lessons legend{border:none;padding:0 7px;width:fit-content;margin:7px 15px 7px 2px;font-size:19px;color:#5a5a5a;text-align:right}.add-outcome .lesson-adding-mode .lesson-title{min-width:100%;height:100%;padding:5px;cursor:pointer}.add-outcome .lesson-adding-mode .each-lesson{border:2px solid #40786b;margin:5px 6px;border-radius:3px;min-width:30%;font-size:15px;height:42px;align-items:center;padding-left:5px;position:relative}.add-outcome .lesson-adding-mode .each-lesson.selected{background:#c0ffc0;border:2px inset #3bbb3b}.add-outcome .lesson-adding-mode .each-lesson i{color:#3f3f3f;font-size:17px;position:relative;top:4px}.add-outcome .manage-lesson-mode{position:absolute;top:0;width:100%;height:100%;overflow:auto;z-index:50;transition:.4s;background-color:#fff}.add-outcome .manage-lesson-mode .outcome-info{font-size:16px;padding:15px 7px 7px;color:#064ba0;text-align:center}.add-outcome .manage-lesson-mode .outcome-title{padding:5px 0 20px;width:70%;margin:0 auto}.add-outcome .manage-lesson-mode .outcome-title input[type=text]{border-radius:5px;border:1px solid;width:100%;padding:5px;text-align:center;font-size:15px}.add-outcome .manage-lesson-mode .teacher-ability-title{color:#064ba0;font-size:14px;padding:3px 7px 7px;text-align:justify}.add-outcome .manage-lesson-mode .teacher-ability-title .fa-caret-left{font-size:18px;position:relative;top:3px}.add-outcome .manage-lesson-mode .teacher-ability .radio-button-container{justify-content:space-evenly;font-size:14px}.add-outcome .manage-lesson-mode .teacher-ability .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:140px;text-align:center;position:relative;cursor:pointer}.add-outcome .manage-lesson-mode .teacher-ability .each-radio-button.selected{background-color:#d2eaf3}.add-outcome .manage-lesson-mode .teacher-ability .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.add-outcome .manage-lesson-mode .type-selector-title{color:#064ba0;font-size:14px;padding:10px 7px 7px;text-align:justify}.add-outcome .manage-lesson-mode .type-selector-title .fa-caret-left{font-size:18px;position:relative;top:3px}.add-outcome .manage-lesson-mode .score-type-selector .radio-button-container{justify-content:space-evenly;font-size:14px}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:200px;text-align:center;position:relative;cursor:pointer}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button.selected{background-color:#d2eaf3}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.add-outcome .manage-lesson-mode .choose-lessons{font-size:13px;text-align:justify;border:2px solid gray;border-width:2px 0 0;padding:0 7px 6px;margin:12px 7px 10px}.add-outcome .manage-lesson-mode .choose-lessons legend{border:none;padding:0 7px;width:fit-content;margin:7px 15px 7px 2px;font-size:19px;color:#5a5a5a;text-align:right}.add-outcome .manage-lesson-mode .sorting-guide{padding:7px 12px}.add-outcome .manage-lesson-mode .goto-adding-mode{text-align:center;padding:7px 5px 0}.add-outcome .manage-lesson-mode .goto-adding-mode button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 3px 3px 4px;border-color:#f5962e;background-color:#ffa639;min-width:200px}.add-outcome .manage-lesson-mode .button-row{text-align:center;position:sticky;bottom:0;margin:0 7px;background-color:#fff;padding:15px 15px 20px;border-top:2px solid gray}.add-outcome .manage-lesson-mode .button-row button{border-radius:5px;padding:2px 10px;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;box-shadow:1px 2px 3px 0 #363636;width:130px;font-size:14px}.add-outcome .manage-lesson-mode .as-sortable-item{border:0}.add-outcome .manage-lesson-mode .lesson-title{display:inline-block;min-width:calc(100% - 95px);height:100%;padding:7px 5px 5px}.add-outcome .manage-lesson-mode .lesson-title.keyfi-mode{width:100%}.add-outcome .manage-lesson-mode .each-lesson{border:2px solid #064ba0;margin:5px 6px;border-radius:3px;min-width:30%;font-size:15px;height:42px;align-items:center;padding-left:5px;position:relative}.add-outcome .manage-lesson-mode .each-lesson i{font-size:17px;position:relative;top:2px}.add-outcome .manage-lesson-mode .each-lesson>span{text-align:center;display:inline-block;width:90px}.add-outcome .manage-lesson-mode .each-lesson select{width:100%;text-align:center;border-width:0;background-color:#e6e6e6;border-radius:10px;border:1px solid #cbcbcb}.add-outcome .manage-lesson-mode .button-row{text-align:center;position:sticky;bottom:0;margin:0 7px;background-color:#fff;padding:15px 15px 20px;border-top:2px solid gray}.add-outcome .manage-lesson-mode .button-row button{border-radius:5px;padding:2px 10px;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;box-shadow:1px 2px 3px 0 #363636;width:130px;font-size:14px}@media screen and (max-width:768px){.add-outcome .lesson-adding-mode .drop-down-container{padding:7px;width:100%}.add-outcome .lesson-adding-mode .drop-down-container select{width:100%;min-width:unset;padding:2px 3px;margin:0}.add-outcome .lesson-adding-mode .choose-lessons{padding:0 0 6px}.add-outcome .lesson-adding-mode .choose-lessons legend{padding:0 7px;margin:7px 15px 3px 2px;font-size:16px}.add-outcome .manage-lesson-mode .choose-lessons{padding:0 0 6px}.add-outcome .manage-lesson-mode .choose-lessons legend{padding:0 7px;margin:7px 15px 3px 2px;font-size:16px}.add-outcome .manage-lesson-mode .teacher-ability-title{font-size:12px;padding:3px 5px 7px}.add-outcome .manage-lesson-mode .teacher-ability-title .fa-caret-left{font-size:16px}.add-outcome .manage-lesson-mode .score-type-selector .radio-button-container{justify-content:space-evenly;font-size:13px}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button{padding:4px 20px 5px 5px;width:180px}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button i{font-size:16px;top:5px}.add-outcome .manage-lesson-mode .goto-adding-mode button{padding:2px 5px 3px}}@media screen and (max-width:480px){.add-outcome .manage-lesson-mode .teacher-ability .radio-button-container{justify-content:space-evenly;font-size:13px}.add-outcome .manage-lesson-mode .teacher-ability .each-radio-button{padding:3px 5px 5px}.add-outcome .manage-lesson-mode .teacher-ability .each-radio-button i{font-size:16px;right:5px;top:4px}.add-outcome .lesson-adding-mode .change-school-btn{font-size:10px;border-radius:11px;bottom:1px}.add-outcome .lesson-adding-mode .paye-selector-title{font-size:13px}.add-outcome .lesson-adding-mode .paye-selector-title i{font-size:16px;top:2px}.add-outcome .lesson-adding-mode .choose-lessons{margin:5px 5px 7px}.add-outcome .lesson-adding-mode .button-row{margin:0;padding:10px 7px 12px}.add-outcome .lesson-adding-mode .lesson-title{padding:4px 5px}.add-outcome .lesson-adding-mode .each-lesson{font-size:13px;height:38px}.add-outcome .manage-lesson-mode .outcome-title{padding:0 0 12px;width:95%}.add-outcome .manage-lesson-mode .outcome-title input[type=text]{padding:5px 5px 6px;font-size:13px}.add-outcome .manage-lesson-mode .score-type-selector .radio-button-container{font-size:11px}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button{padding:5px 17px 4px 3px;margin:3px 7px}.add-outcome .manage-lesson-mode .score-type-selector .each-radio-button i{font-size:14px;top:5px;right:4px}.add-outcome .manage-lesson-mode .each-lesson{font-size:13px;height:38px}.add-outcome .manage-lesson-mode .choose-lessons{margin:5px 5px 7px}.add-outcome .manage-lesson-mode .button-row{margin:0;padding:10px 7px 12px}.add-outcome .manage-lesson-mode .lesson-title{padding:4px 5px}.add-outcome .manage-lesson-mode .each-lesson{font-size:13px;height:38px}.add-outcome .manage-lesson-mode .goto-adding-mode button{font-size:12px;padding:3px 5px 2px}}.personnel-outcome-detail{padding:0}.personnel-outcome-detail .tabs-container{display:flex;width:100%;position:relative}.personnel-outcome-detail .score-table-tab{border:1px solid gray;border-width:0 1px}.personnel-outcome-detail .score-table-tab .outcome-detail-header{background-color:#064ba0;color:#fff;font-size:15px;padding:5px 10px}.personnel-outcome-detail .score-table-tab .home-button{width:31px;height:31px;font-size:26px;text-align:center;cursor:pointer}.personnel-outcome-detail .score-table-tab .outcome-info{width:calc(100% - 62px);justify-content:space-evenly;flex-wrap:wrap;font-size:19px;padding:0 10px}.personnel-outcome-detail .score-table-tab .change-in-outcome{width:31px;height:31px;position:relative}.personnel-outcome-detail .score-table-tab .change-in-outcome .open-menu-btn{width:100%;height:100%;justify-content:center;cursor:pointer}.personnel-outcome-detail .score-table-tab .change-in-outcome i{font-size:25px}.personnel-outcome-detail .score-table-tab .change-in-outcome .changes-menu{width:0;height:0;position:absolute;overflow:hidden;transition:.4s ease-out;top:0;left:0;background-color:#dfdfdf;border-radius:7px;z-index:10;color:#2b2d2e}.personnel-outcome-detail .score-table-tab .change-in-outcome .changes-menu hr{margin-bottom:4px;margin-top:0;border-top:1px solid #2b2d2e}.personnel-outcome-detail .score-table-tab .change-in-outcome .changes-menu.open-menu{width:150px;height:120px}.personnel-outcome-detail .score-table-tab .change-in-outcome .changes-menu>div{width:150px;height:77px;font-size:13px}.personnel-outcome-detail .score-table-tab .change-in-outcome .changes-menu>div>div{padding:0 5px 5px}.personnel-outcome-detail .score-table-tab .set-score-availability{padding:5px;font-size:14px;background-color:#3d79c1;color:#fff;justify-content:center;border-radius:0 0 5px 5px}.personnel-outcome-detail .score-table-tab .set-score-availability>div{padding:0 10px;justify-content:center}.personnel-outcome-detail .score-table-tab .set-score-availability>div i{font-size:21px;position:relative;top:-1px}.personnel-outcome-detail .score-table-tab .score-table-guide{background:#efefef;padding:5px;font-size:13px}.personnel-outcome-detail .score-table-tab .lesson-list{flex-wrap:wrap;font-size:13px;padding:10px;justify-content:space-evenly}.personnel-outcome-detail .score-table-tab .lesson-list .scroll-into-view-btn{height:calc(100% + 2px);width:40px;border-left:2px solid #064ba0;justify-content:center}.personnel-outcome-detail .score-table-tab .lesson-list .class-title{width:calc(100% - 40px);text-align:center;height:100%;padding:8px 5px 0;text-decoration:underline;color:#0b3e7c}.personnel-outcome-detail .score-table-tab .lesson-list .set-score-button{cursor:pointer;font-size:14px;color:#064ba0;text-decoration:underline;padding:1px 0}.personnel-outcome-detail .score-table-tab .lesson-list .fa-eye{color:#064ba0;font-size:16px}.personnel-outcome-detail .score-table-tab .lesson-list>div{min-width:160px;justify-content:space-between;margin:5px;height:40px;background-color:#ffe7b6;border:2px solid #064ba0;border-radius:7px;cursor:pointer}.personnel-outcome-detail .score-table-tab .lesson-list .completed-lesson{background-color:#d0ffc9}.personnel-outcome-detail .score-table-tab>hr{margin:0 10px 7px;border:0;border-top:1px solid #ddd}.personnel-outcome-detail .score-table-tab .print-and-checkbox{justify-content:space-between;padding:0 15px 8px;font-size:12px}.personnel-outcome-detail .score-table-tab .print-button{justify-content:flex-end;width:90px}.personnel-outcome-detail .score-table-tab .checkbox-container{width:calc(100% - 90px);flex-wrap:wrap}.personnel-outcome-detail .score-table-tab .sort-by-average{width:36%}.personnel-outcome-detail .score-table-tab .color-empty-cell,.personnel-outcome-detail .score-table-tab .ranking-visiblity{width:32%}.personnel-outcome-detail .score-table-tab .color-empty-cell i,.personnel-outcome-detail .score-table-tab .ranking-visiblity i,.personnel-outcome-detail .score-table-tab .sort-by-average i{font-size:16px;position:relative;top:2px;cursor:pointer}.personnel-outcome-detail .score-table-tab .red-score-range>span{background-color:#f69a9e;padding:1px 4px}.personnel-outcome-detail .score-table-tab .red-score-range input{padding:1px 3px 0;width:50px;text-align:center;direction:ltr}.personnel-outcome-detail .score-table-tab .red-score-range input::-webkit-inner-spin-button,.personnel-outcome-detail .score-table-tab .red-score-range input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.personnel-outcome-detail .score-table-tab .red-score-range input[type=number]{-moz-appearance:textfield}.personnel-outcome-detail .score-table-tab .red-score-range .fa-caret-left{font-size:23px;position:relative;top:5px;cursor:pointer}.personnel-outcome-detail .score-table-tab .red-score-range .fa-close{font-size:16px;position:relative;top:2px;cursor:pointer}.personnel-outcome-detail .score-table-tab .print{font-size:22px;color:#01377b;border-radius:5px;border:2px solid gray;display:inline-flex;padding:1px 8px;box-shadow:1px 1px 1px #252525;margin:0 5px}.personnel-outcome-detail .score-table-tab .print i,.personnel-outcome-detail .score-table-tab .word i{color:#01377b}.personnel-outcome-detail .score-table-tab .drop-down-container{height:45px;padding:5px}.personnel-outcome-detail .score-table-tab .drop-down-container select{margin:0 3px;height:30px;min-width:50px;text-align:center;border-radius:4px}.personnel-outcome-detail .score-table-tab .visibility-for-student{padding:0 10px 5px;font-size:14px}.personnel-outcome-detail .score-table-tab .visibility-for-student i{font-size:20px;position:relative;top:3px;cursor:pointer}.personnel-outcome-detail .score-table-tab .score-table{padding:5px;display:flex;justify-content:center}.personnel-outcome-detail .score-table-tab .score-column-container{max-width:calc(100% - 200px);overflow-x:auto;white-space:nowrap;background:#f0f8ff;display:flex}.personnel-outcome-detail .score-table-tab .score-column-container::-webkit-scrollbar{height:5px}.personnel-outcome-detail .score-table-tab .score-column-container>div{text-align:center;display:inline-block}.personnel-outcome-detail .score-table-tab .score-column-container>div>div{height:35px;border:1px solid;position:relative;min-width:55px;display:flex;align-items:center;justify-content:center}.personnel-outcome-detail .score-table-tab .score-column-container .class-ranking{position:absolute;right:3px;bottom:0;font-size:9px;color:#228b22}.personnel-outcome-detail .score-table-tab .score-column-container .paye-ranking{position:absolute;left:3px;bottom:0;font-size:9px;color:#2d4dad}.personnel-outcome-detail .score-table-tab .score-column-container .absent-sign{position:absolute;left:3px;top:1px;font-size:10px;color:#bd3c1f}.personnel-outcome-detail .score-table-tab .class-column select{height:100%;border:0;background-color:#f0f8ff}.personnel-outcome-detail .score-table-tab .class-column select:focus-visible{outline:0}.personnel-outcome-detail .score-table-tab .student-column-container{width:200px;font-size:13px;background:#f0f8ff;box-shadow:-7px 0 12px -7px #00000078;position:relative;z-index:1}.personnel-outcome-detail .score-table-tab .student-column-container .fa-search{font-size:15px;padding-top:1px;color:#064ba0;cursor:pointer;height:20px}.personnel-outcome-detail .score-table-tab .student-column-container .fa-close{font-size:17px;color:#db0000;cursor:pointer;height:20px}.personnel-outcome-detail .score-table-tab .student-column-container input{padding:2px;resize:none;height:27px;width:165px;position:relative;bottom:4px;left:8px}.personnel-outcome-detail .score-table-tab .student-column-container>div{height:35px;border:1px solid;padding:7px 10px 0;overflow-x:auto}.personnel-outcome-detail .score-table-tab .student-column-container>div::-webkit-scrollbar{display:none}.personnel-outcome-detail .score-table-tab .student-column-container .student-title{white-space:nowrap;cursor:pointer}.personnel-outcome-detail .score-table-tab .keyfi-guide{justify-content:space-around;background-color:#cbe2fe;font-size:15px;padding:3px 0;margin:0 15px;border-radius:7px;border:1px solid #6a9bd5;flex-wrap:wrap}.personnel-outcome-detail .score-table-tab .keyfi-guide>div>div{padding:3px 6px;border-radius:5px;color:#fff;width:fit-content;margin:3px auto}.personnel-outcome-detail .score-table-tab .selected-column{animation:outcome-selected-column 1s linear infinite}@keyframes outcome-selected-column{0%{box-shadow:inset 0 0 0 0 #000}50%{box-shadow:inset 0 0 7px 1px #4a60ff}100%{box-shadow:inset 0 0 0 0 #000}}.personnel-outcome-detail .score-table-tab .row-mode{overflow:auto;margin:5px;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotateX(180deg)}.personnel-outcome-detail .score-table-tab .row-mode::-webkit-scrollbar{height:7px}.personnel-outcome-detail .score-table-tab .row-mode table{min-width:100%;transform:rotateX(180deg)}.personnel-outcome-detail .score-table-tab .row-mode table td,.personnel-outcome-detail .score-table-tab .row-mode table th{border:1px solid #000;padding:0 3px;background-color:#f0f8ff}.personnel-outcome-detail .score-table-tab .row-mode table th{text-align:center}.personnel-outcome-detail .score-table-tab .row-mode .each-score-cell{position:relative;min-height:32px;min-width:45px;justify-content:center}.personnel-outcome-detail .score-table-tab .row-mode .class-ranking{position:absolute;right:0;bottom:-1px;font-size:9px;color:#228b22}.personnel-outcome-detail .score-table-tab .row-mode .paye-ranking{position:absolute;left:0;bottom:-1px;font-size:9px;color:#2d4dad}.personnel-outcome-detail .score-table-tab .row-mode .absent-sign{position:absolute;left:1px;top:1px;font-size:10px;color:#bd3c1f}.personnel-outcome-detail .score-table-tab .row-mode .student-column{width:240px;min-width:240px;position:sticky;right:0;z-index:10;background-color:#e7f1fc}.personnel-outcome-detail .score-table-tab .row-mode .student-column .absolute-border-left{width:0;height:100%;position:absolute;left:0;top:0;border-left:1px solid #000}.personnel-outcome-detail .score-table-tab .row-mode .student-column .absolute-border-right{width:0;height:100%;position:absolute;right:-1px;top:0;border-right:1px solid #000}.personnel-outcome-detail .score-table-tab .row-mode .student-column input{width:100%;height:30px;border-radius:0;border:0;padding:5px}.personnel-outcome-detail .score-table-tab .row-mode .student-column .fa-close{font-size:17px;color:#db0000;cursor:pointer;position:absolute;left:6px;top:5px}.personnel-outcome-detail .score-table-tab .row-mode .student-column .outcome-visiblity-situation{font-size:15px;cursor:pointer;position:absolute;left:5px}.personnel-outcome-detail .score-table-tab .row-mode .student-search{justify-content:center;min-height:30px}.personnel-outcome-detail .score-table-tab .row-mode .student-search .all-student-visiblity{position:absolute;left:3px;cursor:pointer;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 1px;background:#ffba56}.personnel-outcome-detail .score-table-tab .row-mode .student-search .all-student-visiblity i{padding:0 2px}.personnel-outcome-detail .score-table-tab .row-mode .class-selector{min-width:75px;position:relative}.personnel-outcome-detail .score-table-tab .row-mode .class-selector select{position:absolute;width:100%;height:100%;top:0;right:0;border-radius:0;border:0}.personnel-outcome-detail .main-table-print-mode{margin:15px}.personnel-outcome-detail .main-table-print-mode::-webkit-scrollbar{height:7px}.personnel-outcome-detail .main-table-print-mode table td,.personnel-outcome-detail .main-table-print-mode table th{border:1px solid #000;padding:3px;min-width:40px}.personnel-outcome-detail .main-table-print-mode table th{text-align:center;font-weight:400}.personnel-outcome-detail .main-table-print-mode table td.bad-score{background-color:#393939;color:#fff}.personnel-outcome-detail .main-table-print-mode .each-score-cell{position:relative;justify-content:center}.personnel-outcome-detail .main-table-print-mode .class-ranking{position:absolute;right:0;bottom:-1px;font-size:9px;color:#228b22}.personnel-outcome-detail .main-table-print-mode .paye-ranking{position:absolute;left:0;bottom:-1px;font-size:9px;color:#2d4dad}.personnel-outcome-detail .main-table-print-mode .absent-sign{position:absolute;left:1px;top:1px;font-size:10px;color:#bd3c1f}.personnel-outcome-detail .main-table-print-mode .student-column{width:240px;min-width:240px}.personnel-outcome-detail .main-table-print-mode .student-search{justify-content:center;min-height:30px}.personnel-outcome-detail .main-table-print-mode .class-selector{min-width:75px;position:relative}.personnel-outcome-detail .main-table-print-mode .class-selector select{position:absolute;width:100%;height:100%;top:0;right:0;border-radius:0;border:0;background-color:transparent}.personnel-outcome-detail .outcome-student-manage{position:absolute;border:1px solid gray;font-size:15px;transition:.4s ease-out;background-color:#fff;z-index:100;width:100%}.personnel-outcome-detail .outcome-student-manage .header{padding:5px;font-size:19px;background:#064ba0}.personnel-outcome-detail .outcome-student-manage .header-border{border:2px solid #f7aa4c;padding:6px 5px;border-radius:5px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap;color:#fff}.personnel-outcome-detail .outcome-student-manage .header i{color:#ff9b22;margin-left:3px}.personnel-outcome-detail .outcome-student-manage .student-outcome-info{width:calc(100% - 50px);flex-wrap:wrap}.personnel-outcome-detail .outcome-student-manage .student-outcome-info>div{width:50%}.personnel-outcome-detail .outcome-student-manage .header .back-button{font-size:10px;width:50px;text-align:center;cursor:pointer}.personnel-outcome-detail .outcome-student-manage .header .back-button>div{position:relative;top:-4px}.personnel-outcome-detail .outcome-student-manage .header .back-button>i{color:#fff;width:5px;font-size:25px;height:2px;position:relative;left:4px}.personnel-outcome-detail .outcome-student-manage .current-student{border-radius:0 0 4px 4px;padding:5px;font-size:16px;display:flex;align-items:center;justify-content:space-around;background:#3d79c1;color:#fff}.personnel-outcome-detail .outcome-student-manage .current-student .fa-check{color:#00d000}.personnel-outcome-detail .outcome-student-manage .outcome-main-content{transition:.4s ease-out;height:calc(100% - 65px)}.personnel-outcome-detail .outcome-student-manage .set-edit-mode-btn{padding:5px 10px;justify-content:space-between}.personnel-outcome-detail .outcome-student-manage .set-edit-mode-btn>div>i{font-size:20px;position:relative;top:3px;cursor:pointer}.personnel-outcome-detail .outcome-student-manage .student-outcome-card{display:none}.personnel-outcome-detail .outcome-student-manage .student-outcome-table{padding:5px;font-size:15px;display:block}.personnel-outcome-detail .outcome-student-manage .student-outcome-table>div{justify-content:center;flex-wrap:wrap;display:flex}.personnel-outcome-detail .outcome-student-manage .student-outcome-table>div>div{min-height:35px;background-color:#f0f8ff;border:1px solid}.personnel-outcome-detail .outcome-student-manage .lesson-cell{width:225px;padding:6px 5px 6px 3px;justify-content:space-between}.personnel-outcome-detail .outcome-student-manage .lesson-cell .set-absence{color:#c56b0e;font-size:10px;padding:0 3px;text-align:center;width:29px;text-decoration:underline;cursor:pointer}.personnel-outcome-detail .outcome-student-manage .Coefficient-cell{width:50px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .score-cell{width:75px;padding:0 3px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .score-cell input{width:100%;text-align:center}.personnel-outcome-detail .outcome-student-manage .score-cell input::-webkit-inner-spin-button,.personnel-outcome-detail .outcome-student-manage .score-cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.personnel-outcome-detail .outcome-student-manage .score-cell input[type=number]{-moz-appearance:textfield}.personnel-outcome-detail .outcome-student-manage .score-cell .absence-situation{font-size:10px;padding:0 3px;text-align:center;display:block}.personnel-outcome-detail .outcome-student-manage .score-cell .absence-situation.editable{text-decoration:underline;cursor:pointer;color:#c9196b}.personnel-outcome-detail .outcome-student-manage .discription-cell{width:250px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .discription-cell>div{height:100%;width:100%;padding:3px}.personnel-outcome-detail .outcome-student-manage .discription-cell textarea{resize:none;height:40px;width:100%;padding:2px;font-size:12px;line-height:1.5}.personnel-outcome-detail .outcome-student-manage .class-ranking-cell{width:75px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .class-average-cell{width:95px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .paye-ranking-cell{width:75px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .paye-average-cell{width:95px;justify-content:center}.personnel-outcome-detail .outcome-student-manage .average-cell{width:275px;padding:7px 5px;font-size:15px}.personnel-outcome-detail .outcome-student-manage .numeric-cell{font-size:15px;padding-top:2px}.personnel-outcome-detail .outcome-student-manage .next-previous-box{justify-content:space-around;padding:7px 5px;border-radius:0 0 4px 4px;transition:.4s ease-out;overflow:hidden;border-top:2px solid;background-color:#f0f8ff;height:65px}.personnel-outcome-detail .outcome-student-manage .next-previous-box button{border-radius:5px;padding:3px 5px;box-shadow:1px 1px 2px 1px #767676;font-size:14px;background-color:#ffa639;border:2px solid #ff7c41;cursor:pointer;color:#064ba0;margin:5px;height:40px}.personnel-outcome-detail .outcome-student-manage .next-previous-box button i{position:relative;top:2px;font-size:15px}.personnel-outcome-detail .outcome-student-manage .next-previous-box .save-btn{width:200px}.personnel-outcome-detail .outcome-student-manage .next-previous-box .save-btn.button-disabled{background-color:#d3d3d3;border:2px solid gray}.personnel-outcome-detail .outcome-student-manage .next-previous-box .next-previous-btn{width:150px}.personnel-outcome-detail .outcome-student-manage .visibility-for-student{padding:5px 10px}.personnel-outcome-detail .outcome-student-manage .visibility-for-student i{font-size:20px;position:relative;top:3px;cursor:pointer}.personnel-outcome-detail .outcome-student-manage .each-lesson-card{width:90%;background-color:#f0f8ff;border-radius:10px;padding:5px 10px;border:2px solid #ffba56;margin:5px auto;flex-wrap:wrap}.personnel-outcome-detail .outcome-student-manage .lesson-title-card{font-size:16px;width:100%;padding:1px 0 5px}.personnel-outcome-detail .outcome-student-manage .lesson-title-card i{position:relative;top:3px}.personnel-outcome-detail .outcome-student-manage .lesson-title-card .set-absence{color:#c56b0e;font-size:10px;padding:0 9px 0 3px;text-align:center;text-decoration:underline;cursor:pointer}.personnel-outcome-detail .outcome-student-manage .Coefficient-title-card,.personnel-outcome-detail .outcome-student-manage .class-average-title-card,.personnel-outcome-detail .outcome-student-manage .class-ranking-title-card,.personnel-outcome-detail .outcome-student-manage .paye-average-title-card,.personnel-outcome-detail .outcome-student-manage .paye-ranking-title-card,.personnel-outcome-detail .outcome-student-manage .score-title-card{width:50%;font-size:14px;padding:2px 1px}.personnel-outcome-detail .outcome-student-manage .score-title-card input{text-align:center;width:60px;padding:1px}.personnel-outcome-detail .outcome-student-manage .score-title-card .absence-situation{font-size:12px;padding:0 3px;text-align:center}.personnel-outcome-detail .outcome-student-manage .score-title-card .absence-situation.editable{text-decoration:underline;cursor:pointer;color:#c9196b}.personnel-outcome-detail .outcome-student-manage .discription-box-card{width:100%}.personnel-outcome-detail .outcome-student-manage .discription-box-card textarea{width:100%;resize:none;height:40px;font-size:13px;border-radius:4px;padding:0 3px}.personnel-outcome-detail .outcome-student-manage .average-card{width:90%;background-color:#fefff0;border-radius:10px;padding:5px 10px;border:2px solid #00529a;margin:5px auto;flex-wrap:wrap}.personnel-outcome-detail .outcome-student-manage .lesson-list{justify-content:center;flex-wrap:wrap}.personnel-outcome-detail .outcome-student-manage .header-title{border-bottom:1px dashed gray;position:relative;background:#ececec;font-size:17px;color:#004ba8;font-weight:700}.personnel-outcome-detail .outcome-student-manage .keyfi-header-title{padding:8px 189px}.personnel-outcome-detail .outcome-student-manage .keyfi-header-title .score-text{padding-left:12px}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson{padding:8px 175px}.personnel-outcome-detail .outcome-student-manage .each-lesson input[type=number]{width:60px;border-radius:5px;text-align:center;border:2px solid gray;margin:0}.personnel-outcome-detail .outcome-student-manage .keyfi-score{width:95%;justify-content:center;margin:0 auto}.personnel-outcome-detail .outcome-student-manage .keyfi-score-btn{border-radius:5px;font-size:15px;padding:4px 3px;margin:0 8px;cursor:pointer;text-align:center;box-shadow:2px 2px 3px #00000069;background:#ececec;position:relative;display:flex;justify-content:center;align-items:center}.personnel-outcome-detail .outcome-student-manage .btn-loading,.personnel-outcome-detail .outcome-student-manage .keyfi-score-btn .btn-loading{font-size:22px;color:#3c3c3c;position:absolute}.personnel-outcome-detail .outcome-student-manage .very-good-btn{border:2px solid #3ab54b}.personnel-outcome-detail .outcome-student-manage .good-btn{border:2px solid #98c93a}.personnel-outcome-detail .outcome-student-manage .not-bad-btn{border:2px solid #dab727}.personnel-outcome-detail .outcome-student-manage .bad-btn{border:2px solid red}.personnel-outcome-detail .outcome-student-manage .very-good-btn.selected{background:#006400;color:#fff}.personnel-outcome-detail .outcome-student-manage .good-btn.selected{background:#85b328;color:#fff}.personnel-outcome-detail .outcome-student-manage .not-bad-btn.selected{background:#d97102;color:#fff}.personnel-outcome-detail .outcome-student-manage .bad-btn.selected{background:#8b0000;color:#fff}.personnel-outcome-detail .outcome-student-manage .each-lesson{background:#ecf6ff;border:1px solid #cfcfcf;flex-wrap:wrap;justify-content:center}.personnel-outcome-detail .outcome-student-manage .keyfi-score-title{width:50%;padding:3px}.personnel-outcome-detail .outcome-student-manage .keyfi-score-title>div{color:#fff;border-radius:13px;font-size:15px;padding:4px 3px;margin:auto;width:135px;text-align:center}.personnel-outcome-detail .outcome-student-manage .keyfi-lesson-title{width:50%;padding:3px 5px}.personnel-outcome-detail .outcome-student-manage .keyfi-lesson-title .set-absence{color:#c56b0e;font-size:12px;padding:0 3px;text-align:center;text-decoration:underline;cursor:pointer}.personnel-outcome-detail .outcome-student-manage .very-good{background:#006400}.personnel-outcome-detail .outcome-student-manage .good{background:#85b328}.personnel-outcome-detail .outcome-student-manage .not-bad{background:#d97102}.personnel-outcome-detail .outcome-student-manage .bad{background:#8b0000}.personnel-outcome-detail .outcome-student-manage .not-assign{border:2px solid #778899;background-color:#b4bbc2;color:#000}.personnel-outcome-detail .outcome-student-manage .text-for-student{font-size:13px;text-align:justify;border:2px solid #4f9bf9;padding:0 7px 6px;border-radius:5px;margin:8px auto 10px;width:98%;position:relative}.personnel-outcome-detail .outcome-student-manage .text-for-student legend{border:none;padding:0 5px;width:83px;margin:0 1px;font-size:19px;color:#0d65d2}.personnel-outcome-detail .outcome-student-manage .text-for-student textarea{resize:none;width:99%;height:120px;margin:8px auto 5px;display:block;border-radius:5px;padding:7px 7px 7px 47px}.personnel-outcome-detail .outcome-student-manage .footer .outcome-report{justify-content:end;display:flex}.personnel-outcome-detail .outcome-student-manage .button-type-1{margin:15px 0}.personnel-outcome-detail .outcome-student-manage .print,.personnel-outcome-detail .outcome-student-manage .word{font-size:22px;color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525}.personnel-outcome-detail .outcome-student-manage .word{margin-right:8px}.personnel-outcome-detail .outcome-student-manage .print i,.personnel-outcome-detail .outcome-student-manage .word i{color:#01377b}.personnel-outcome-detail .outcome-student-manage .print-btn{font-size:15px;color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;margin:8px auto;display:block}.personnel-outcome-detail .outcome-lesson-manage .outer-tabs-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:43px;position:sticky;top:0;background-color:#e9e9e9;z-index:2}.personnel-outcome-detail .outcome-lesson-manage .inner-tabs-container{height:100%;width:100%;overflow:auto;transform:rotateX(180deg);-ms-overflow-style:none;scrollbar-width:5px}.personnel-outcome-detail .outcome-lesson-manage .inner-tabs-container::-webkit-scrollbar{height:5px}.personnel-outcome-detail .outcome-lesson-manage .inner-tabs-container .class-list{height:100%;transform:rotateX(180deg);white-space:nowrap;width:fit-content;max-width:100%;padding-top:5px}.personnel-outcome-detail .outcome-lesson-manage .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.personnel-outcome-detail .outcome-lesson-manage .each-class{height:100%;min-width:100px;padding:9px 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.personnel-outcome-detail .outcome-lesson-manage .each-class.selected-class{border-width:2px 2px 0;padding:7px 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.personnel-outcome-detail .outcome-lesson-manage .fa-check{position:relative;top:1px}.personnel-outcome-detail .outcome-lesson-manage .fa-hourglass-half{position:relative;top:2px}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table{overflow-x:auto;overflow-y:hidden;margin:0 7px;border:1px solid #000;border-width:0 1px;overflow:auto;transform:rotateX(180deg);-ms-overflow-style:none;scrollbar-width:5px}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table::-webkit-scrollbar{height:5px}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table table{position:relative;margin:0 auto;transform:rotateX(180deg);min-width:100%}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table th{text-align:center}.personnel-outcome-detail .outcome-lesson-manage .each-cell{min-height:35px;background-color:#f0f5fa;border:1px solid}.personnel-outcome-detail .outcome-lesson-manage .avrage-row{width:calc(100% - 120px)}.personnel-outcome-detail .outcome-lesson-manage .avrage-row>div{min-height:35px;width:50%;color:#064ba0;justify-content:center}.personnel-outcome-detail .outcome-lesson-manage .avrage-row>div i{font-size:16px;padding-left:4px;position:relative;top:-1px}.personnel-outcome-detail .outcome-lesson-manage .score-for-everyone{width:120px}.personnel-outcome-detail .outcome-lesson-manage .score-for-everyone button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.personnel-outcome-detail .outcome-lesson-manage .student-cell{min-width:250px;border-left:0;position:sticky;right:0;background-color:#e7eff8}.personnel-outcome-detail .outcome-lesson-manage .student-cell .student-cell-border-right{justify-content:space-between;height:100%;width:0;position:absolute;top:0;left:0;border-left:2px solid #000}.personnel-outcome-detail .outcome-lesson-manage .student-cell .set-absence{color:#c56b0e;font-size:10px;padding:0 5px 0 3px;text-align:center;width:29px;text-decoration:underline;cursor:pointer}.personnel-outcome-detail .outcome-lesson-manage .score-cell{min-width:75px;border-right:0;padding:3px;justify-content:center}.personnel-outcome-detail .outcome-lesson-manage .score-cell input{width:100%;text-align:center;direction:ltr}.personnel-outcome-detail .outcome-lesson-manage .score-cell input::-webkit-inner-spin-button,.personnel-outcome-detail .outcome-lesson-manage .score-cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.personnel-outcome-detail .outcome-lesson-manage .score-cell input[type=number]{-moz-appearance:textfield}.personnel-outcome-detail .outcome-lesson-manage .score-cell .absence-situation{font-size:10px;padding:0 3px;text-align:center;display:block;text-decoration:underline;cursor:pointer}.personnel-outcome-detail .outcome-lesson-manage .class-ranking-cell{min-width:75px;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .paye-ranking-cell{min-width:75px;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .discription-cell{min-width:300px;justify-content:center;padding:3px}.personnel-outcome-detail .outcome-lesson-manage .discription-cell textarea{resize:none;height:26px;width:100%;padding:2px;font-size:12px;line-height:1.5;margin-bottom:-7px;overflow:hidden}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-kammi{background-color:#f0f5fa;height:50px;border:1px solid;width:calc(100% - 14px);margin:0 auto 10px;padding:3px;position:sticky;bottom:0;box-shadow:0 -8px 12px -5px #bfbfbf;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-kammi button{height:30px;font-size:15px;border-radius:5px;padding:3px 5px;box-shadow:1px 1px 2px 1px #767676;background-color:#ffa639;border:2px solid #ff7c41;color:#064ba0;margin:5px}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-kammi .button-disabled{background-color:#d3d3d3;border:2px solid gray}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-keyfi{background-color:#f0f8ff;height:70px;border:1px solid #d6d6d6;padding:11px 3px 7px;position:sticky;bottom:0;box-shadow:0 -8px 12px -5px #bfbfbf;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-keyfi button{height:34px;font-size:15px;border-radius:5px;padding:3px 5px;box-shadow:1px 1px 2px 1px #767676;background-color:#ffa639;border:2px solid #ff7c41;color:#064ba0;margin:5px}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-keyfi .button-disabled{background-color:#d3d3d3;border:2px solid gray}.personnel-outcome-detail .outcome-lesson-manage{border:1px solid gray;font-size:15px;position:absolute;transition:.4s ease-out;background-color:#fff;z-index:50;width:100%}.personnel-outcome-detail .outcome-lesson-manage-header{background:#064ba0;padding-left:35px}.personnel-outcome-detail .outcome-lesson-manage .guide-box{padding:5px 2px 2px 2px;background-color:#e9e9e9}.personnel-outcome-detail .outcome-lesson-manage .each-guide{padding:2px 5px;font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .each-guide .fa-circle{color:#b42528;font-size:8px;padding-left:2px}.personnel-outcome-detail .outcome-lesson-manage .flex-display1{display:flex;align-items:center}.personnel-outcome-detail .outcome-lesson-manage .student-scores{padding-top:15px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-guide{justify-content:space-around;background-color:#cbe2fe;font-size:12px;padding:3px 1px;margin:7px;border-radius:7px;border:1px solid #6a9bd5;flex-wrap:wrap}.personnel-outcome-detail .outcome-lesson-manage .keyfi-guide>div{border-radius:5px;color:#fff;padding:3px 4px;margin:3px auto;width:47%;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student{display:flex;align-items:center;justify-content:space-between;padding:9px 115px;width:100%;border-bottom:1px solid #d6d6d6;background-color:#e4eff3}.personnel-outcome-detail .outcome-lesson-manage .even-background{background:#fff7ef}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student .student-name{margin-right:12px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student .student-name i{color:#064ba0;font-size:18px;padding-left:3px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score-btn{border-radius:5px;font-size:15px;padding:3px 4px;margin:0 7px;cursor:pointer;min-width:90px;text-align:center;box-shadow:2px 2px 3px #00000069;background:#ececec}.personnel-outcome-detail .outcome-lesson-manage .very-good-btn{border:2px solid #3ab54b}.personnel-outcome-detail .outcome-lesson-manage .good-btn{border:2px solid #98c93a}.personnel-outcome-detail .outcome-lesson-manage .not-bad-btn{border:2px solid #dab727}.personnel-outcome-detail .outcome-lesson-manage .bad-btn{border:2px solid red}.personnel-outcome-detail .outcome-lesson-manage .very-good-btn.selected{background:#006400;color:#fff;border:2px solid #3ab54b}.personnel-outcome-detail .outcome-lesson-manage .good-btn.selected{background:#85b328;border:2px solid #98c93c;color:#fff}.personnel-outcome-detail .outcome-lesson-manage .not-bad-btn.selected{background:#d97102;border:2px solid #dab727;color:#fff}.personnel-outcome-detail .outcome-lesson-manage .bad-btn.selected{background:#8b0000;border:2px solid red;color:#fff}.personnel-outcome-detail .print-student-outcome-mode{padding:5px}.personnel-outcome-detail .print-student-outcome-mode .option-box{padding:5px;border-radius:5px;border:2px solid #5178ff;flex-wrap:wrap;min-height:40px;position:relative}.personnel-outcome-detail .print-student-outcome-mode .option-box legend{display:inline-block;width:fit-content;padding:0 12px;border:0;color:#064ba0;margin-bottom:12px}.personnel-outcome-detail .print-student-outcome-mode .option-box .guide-box{padding-bottom:10px}.personnel-outcome-detail .print-student-outcome-mode .option-box .each-guide{padding:2px 5px;font-size:13px}.personnel-outcome-detail .print-student-outcome-mode .option-box .each-guide .fa-circle{font-size:8px;padding-left:2px}.personnel-outcome-detail .print-student-outcome-mode .option-box .back-btn{position:absolute;width:40px;height:34px;left:0;top:-27px;justify-content:center}.personnel-outcome-detail .print-student-outcome-mode .option-box .back-btn i{font-size:22px;cursor:pointer;color:#cb0000}.personnel-outcome-detail .print-student-outcome-mode .personnel-set-input{width:100%;flex-wrap:wrap;font-size:14px}.personnel-outcome-detail .print-student-outcome-mode .personnel-set-input i{font-size:18px;cursor:pointer;position:relative;top:3px}.personnel-outcome-detail .print-student-outcome-mode .personnel-set-input input{padding:2px;margin:0 5px;width:250px}.personnel-outcome-detail .print-student-outcome-mode .print-setting{display:flex;align-items:center;width:100%}.personnel-outcome-detail .print-student-outcome-mode .check-box-container{width:50%;padding:5px;font-size:14px}.personnel-outcome-detail .print-student-outcome-mode .check-box-container>div{padding:3px}.personnel-outcome-detail .print-student-outcome-mode .check-box-container i{position:relative;top:2px;font-size:17px;width:16px;direction:ltr;text-align:left}.personnel-outcome-detail .print-student-outcome-mode .radio-button-container{width:50%;padding:5px;font-size:14px}.personnel-outcome-detail .print-student-outcome-mode .radio-button-container>div{padding:3px}.personnel-outcome-detail .print-student-outcome-mode .radio-button-container i{position:relative;top:2px;font-size:17px}.personnel-outcome-detail .print-btn-container{position:sticky;bottom:0;padding:0 0 35px 35px;text-align:left}.personnel-outcome-detail .print-btn-container .final-print-btn{width:60px;height:60px;border-radius:50%;background-color:#ffba56;border:2px solid #fd8a00;color:#064ba0}.personnel-outcome-detail .main-outcome-print .score-table{padding:5px;display:flex;justify-content:center}.personnel-outcome-detail .main-outcome-print .score-column-container{max-width:calc(100% - 200px);overflow-x:auto;white-space:nowrap;background:#f0f8ff;display:flex}.personnel-outcome-detail .main-outcome-print .score-column-container::-webkit-scrollbar{height:5px}.personnel-outcome-detail .main-outcome-print .score-column-container>div{text-align:center;display:inline-block}.personnel-outcome-detail .main-outcome-print .score-column-container>div>div{height:35px;border:1px solid;position:relative;min-width:55px;display:flex;align-items:center;justify-content:center}.personnel-outcome-detail .main-outcome-print .score-column-container .class-ranking{position:absolute;right:3px;bottom:0;font-size:9px;color:#228b22}.personnel-outcome-detail .main-outcome-print .score-column-container .paye-ranking{position:absolute;left:3px;bottom:0;font-size:9px;color:#2d4dad}.personnel-outcome-detail .main-outcome-print .score-column-container .absent-sign{position:absolute;left:3px;top:1px;font-size:10px;color:#bd3c1f}.personnel-outcome-detail .main-outcome-print .class-column select{height:100%;border:0;background-color:#f0f8ff}.personnel-outcome-detail .main-outcome-print .class-column select:focus-visible{outline:0}.personnel-outcome-detail .main-outcome-print .student-column-container{width:200px;font-size:13px;background:#f0f8ff;box-shadow:-7px 0 12px -7px #00000078;position:relative;z-index:1}.personnel-outcome-detail .main-outcome-print .student-column-container .fa-search{font-size:15px;padding-top:1px;color:#064ba0;cursor:pointer;height:20px}.personnel-outcome-detail .main-outcome-print .student-column-container .fa-close{font-size:17px;color:#db0000;cursor:pointer;height:20px}.personnel-outcome-detail .main-outcome-print .student-column-container input{padding:2px;resize:none;height:27px;width:165px;position:relative;bottom:4px;left:8px}.personnel-outcome-detail .main-outcome-print .student-column-container>div{height:35px;border:1px solid;padding:7px 10px 0;overflow-x:auto}.personnel-outcome-detail .main-outcome-print .student-column-container>div::-webkit-scrollbar{display:none}.personnel-outcome-detail .main-outcome-print .student-column-container .student-title{white-space:nowrap;cursor:pointer}@media screen and (max-width:1024px){.personnel-outcome-detail .outcome-student-manage .header{font-size:17px}.personnel-outcome-detail .outcome-student-manage .each-lesson.keyfi-each-lesson{padding:8px 70px}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson.header-title{align-items:end;padding:5px 75px}.personnel-outcome-detail .outcome-student-manage .discription-cell{width:185px}.personnel-outcome-detail .outcome-student-manage .paye-average-cell{width:75px}.personnel-outcome-detail .outcome-student-manage .paye-ranking-cell{width:60px}.personnel-outcome-detail .outcome-student-manage .class-average-cell{width:80px}.personnel-outcome-detail .outcome-student-manage .score-cell{width:65px}.personnel-outcome-detail .outcome-student-manage .lesson-cell{width:135px}.personnel-outcome-detail .outcome-student-manage .numeric-cell{font-size:12px;padding-top:1px}.personnel-outcome-detail .outcome-student-manage .average-cell{width:185px}.personnel-outcome-detail .outcome-student-manage .student-outcome-table{padding:5px;font-size:11px}.personnel-outcome-detail .outcome-lesson-manage{min-height:calc(100% - 60px)}.personnel-outcome-detail .outcome-lesson-manage .score-cell{width:70px}.personnel-outcome-detail .outcome-lesson-manage .outcome-main-content{font-size:14px}.personnel-outcome-detail .outcome-lesson-manage .kammi-each-student input[type=text]{width:45px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student{padding:9px 50px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score-btn{font-size:14px;padding:4px 5px;margin:0 5px;min-width:92px}.personnel-outcome-detail .outcome-lesson-manage .student-name{font-size:15px;margin-right:5px}.personnel-outcome-detail .outcome-lesson-manage .discription-cell{min-width:260px}.personnel-outcome-detail .outcome-lesson-manage .class-ranking-cell{min-width:70px;justify-content:center}.personnel-outcome-detail .outcome-lesson-manage .paye-ranking-cell{min-width:60px}.personnel-outcome-detail .score-table-tab .keyfi-guide{font-size:13px}}@media screen and (max-width:768px){.personnel-outcome-detail .score-table-tab .outcome-info>div{width:100%;padding:2px 0}.personnel-outcome-detail .score-table-tab .print-button{width:55px}.personnel-outcome-detail .score-table-tab .change-in-outcome{height:26px}.personnel-outcome-detail .score-table-tab .change-in-outcome i{font-size:22px}.personnel-outcome-detail .score-table-tab .home-button{height:26px;font-size:24px}.personnel-outcome-detail .score-table-tab .outcome-info{font-size:17px}.personnel-outcome-detail .score-table-tab .checkbox-container{width:calc(100% - 55px);flex-wrap:wrap}.personnel-outcome-detail .score-table-tab .color-empty-cell,.personnel-outcome-detail .score-table-tab .ranking-visiblity,.personnel-outcome-detail .score-table-tab .sort-by-average{width:100%;display:flex;align-items:center;padding:3px 5px}.personnel-outcome-detail .score-table-tab .color-empty-cell i,.personnel-outcome-detail .score-table-tab .ranking-visiblity i,.personnel-outcome-detail .score-table-tab .sort-by-average i{font-size:18px;padding-left:5px;position:static;cursor:pointer}.personnel-outcome-detail .score-table-tab .keyfi-guide>div{width:50%}.personnel-outcome-detail .score-table-tab .print-and-checkbox{padding:0 15px 4px}.personnel-outcome-detail .score-table-tab .row-mode{border-bottom:0;scrollbar-width:none}.personnel-outcome-detail .score-table-tab .row-mode::-webkit-scrollbar{display:none}.personnel-outcome-detail .score-table-tab .row-mode .student-column{width:200px;min-width:200px}.personnel-outcome-detail .outcome-student-manage .student-outcome-table{display:none}.personnel-outcome-detail .outcome-student-manage .student-outcome-card{display:block}.personnel-outcome-detail .outcome-student-manage .keyfi-lesson-title{width:100%;text-align:center}.personnel-outcome-detail .outcome-student-manage .header{font-size:15px}.personnel-outcome-detail .outcome-student-manage .sa-width-50-percent{width:70%}.personnel-outcome-detail .outcome-student-manage .current-student{font-size:14px}.personnel-outcome-detail .outcome-student-manage .each-lesson.keyfi-each-lesson{padding:7px 12px;font-size:13px}.personnel-outcome-detail .outcome-student-manage .header-title{height:63px;align-items:end}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson.header-title{height:55px;align-items:end}.personnel-outcome-detail .outcome-student-manage .edit-mode i{font-size:23px}.personnel-outcome-detail .outcome-student-manage .edit-mode-keyfi-lesson-title{top:-45px}.personnel-outcome-detail .outcome-student-manage .keyfi-header-title{padding:8px 17px;font-size:15px}.personnel-outcome-detail .outcome-student-manage .keyfi-score-btn{font-size:13px;padding:3px 3px;margin:0 5px}.personnel-outcome-detail .outcome-student-manage .keyfi-score-btn .btn-loading{font-size:16px}.personnel-outcome-detail .outcome-student-manage .text-for-student legend{width:75px;font-size:17px}.personnel-outcome-detail .outcome-student-manage .submit-feedback{padding:1px 3px;left:13px;font-size:15px}.personnel-outcome-detail .outcome-student-manage .text-for-student textarea{padding:7px 7px 7px 38px}.personnel-outcome-detail .outcome-student-manage .bad,.personnel-outcome-detail .outcome-student-manage .good,.personnel-outcome-detail .outcome-student-manage .not-assign,.personnel-outcome-detail .outcome-student-manage .not-bad,.personnel-outcome-detail .outcome-student-manage .very-good{font-size:13px;padding:5px 3px;min-width:115px}.personnel-outcome-detail .outcome-student-manage .not-assign{padding:3px 3px}.personnel-outcome-detail .outcome-student-manage .average{padding:4px 8px;font-size:14px}.personnel-outcome-detail .outcome-student-manage .footer{padding:0 4px}.personnel-outcome-detail .outcome-student-manage .print,.personnel-outcome-detail .outcome-student-manage .word{font-size:20px;padding:1px 6px}.personnel-outcome-detail .outcome-student-manage .student-outcome-info>div{width:100%}.personnel-outcome-detail .outcome-lesson-manage .submit-btn-kammi{width:calc(100% - 10px);margin:0 auto}.personnel-outcome-detail .outcome-lesson-manage-header{padding-left:0}.personnel-outcome-detail .outcome-lesson-manage .each-guide{font-size:12px}.personnel-outcome-detail .outcome-lesson-manage .inner-tabs-container{height:100%;width:100%;overflow:auto;transform:rotateX(180deg);-ms-overflow-style:none;scrollbar-width:0}.personnel-outcome-detail .outcome-lesson-manage .inner-tabs-container::-webkit-scrollbar{display:none}.personnel-outcome-detail .outcome-lesson-manage .inner-tabs-container .class-list{padding-top:3px}.personnel-outcome-detail .outcome-lesson-manage .outer-tabs-container{height:38px}.personnel-outcome-detail .outcome-lesson-manage .each-class{min-width:75px;padding:7px 5px;font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .each-class.selected-class{font-size:14px}.personnel-outcome-detail .outcome-lesson-manage .class-ranking-cell{min-width:40px;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .paye-ranking-cell{min-width:35px;text-align:center}.personnel-outcome-detail .outcome-lesson-manage .score-cell{min-width:65px}.personnel-outcome-detail .outcome-lesson-manage .student-cell{min-width:210px;font-size:12px}.personnel-outcome-detail .outcome-lesson-manage .discription-cell{min-width:200px}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table{margin:0 5px;transform:rotateX(0);-ms-overflow-style:none;scrollbar-width:0}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table::-webkit-scrollbar{display:none}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table table{min-width:100%;transform:rotateX(0)}.personnel-outcome-detail .outcome-lesson-manage .outcome-main-content{font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .kammi-each-student{width:47%}.personnel-outcome-detail .outcome-lesson-manage .kammi-each-student input[type=text]{width:40px;font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score{min-width:calc(100% - 190px);justify-content:center}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score-btn{font-size:11px;padding:3px 2px 1px;margin:0 2px;min-width:57px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student .student-name{font-size:13px;margin:0;min-width:190px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student{padding:10px 6px;width:100%}.dialog-button-container{margin:10px 0 10px}.personnel-outcome-detail .outcome-lesson-manage .kammi-each-student input[type=number]{width:60px;font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .kammi-each-student{width:100%;padding:8px 20%}.personnel-outcome-detail .print-student-outcome-mode .each-option{width:100%;margin:3px 0}.personnel-outcome-detail .print-student-outcome-mode .option-box i{font-size:16px;padding-bottom:2px;width:15px}.personnel-outcome-detail .print-student-outcome-mode .print-btn-container{padding:0 0 15px 10px}.personnel-outcome-detail .print-student-outcome-mode .print-btn{width:55px;height:55px}.personnel-outcome-detail .print-student-outcome-mode .option-box .back-btn{width:35px;height:25px;top:-25px}.personnel-outcome-detail .print-student-outcome-mode .each-option input{margin:0 2px}}@media screen and (max-width:480px){.personnel-outcome-detail .score-table-tab .score-table-guide{font-size:11px}.personnel-outcome-detail .score-table-tab .lesson-list>div{min-width:135px;margin:3px;height:30px;font-size:11px;border-radius:5px}.personnel-outcome-detail .score-table-tab .lesson-list .scroll-into-view-btn{width:30px}.personnel-outcome-detail .score-table-tab .lesson-list .class-title{width:calc(100% - 30px);padding-top:5px}.personnel-outcome-detail .score-table-tab .lesson-title{padding-top:4px}.personnel-outcome-detail .score-table-tab .lesson-list .set-score-button{font-size:12px}.personnel-outcome-detail .score-table-tab .lesson-list .fa-eye{font-size:12px;bottom:1px}.personnel-outcome-detail .score-table-tab .lesson-title span{margin-right:3px}.personnel-outcome-detail .score-table-tab .student-column-container{width:150px;font-size:11px}.personnel-outcome-detail .score-table-tab .student-column-container>div{height:32px}.personnel-outcome-detail .score-table-tab .score-column-container>div>div{height:32px;font-size:11px}.personnel-outcome-detail .score-table-tab .score-column-container{max-width:calc(100% - 151px)}.personnel-outcome-detail .score-table-tab .score-column-container .paye-ranking{font-size:8px}.personnel-outcome-detail .score-table-tab .score-column-container .class-ranking{font-size:8px}.personnel-outcome-detail .score-table-tab .student-column-container .fa-search{font-size:14px;padding-top:0}.personnel-outcome-detail .score-table-tab .print-and-checkbox{padding:5px 7px 5px 10px}.personnel-outcome-detail .score-table-tab .set-score-availability{font-size:12px}.personnel-outcome-detail .score-table-tab .visibility-for-student{padding:5px 10px;font-size:12px}.personnel-outcome-detail .score-table-tab .visibility-for-student i{font-size:18px;position:relative;top:3px}.personnel-outcome-detail .score-table-tab .keyfi-guide{font-size:11px}.personnel-outcome-detail .score-table-tab .student-column-container input{height:24px;width:115px}.personnel-outcome-detail .score-table-tab .student-column-container .fa-close{font-size:16px;height:20px;position:relative;bottom:1px}.personnel-outcome-detail .score-table-tab .print{padding:1px 6px;margin:0 2px}.personnel-outcome-detail .score-table-tab .print-and-checkbox{padding:5px 7px 0 10px}.personnel-outcome-detail .score-table-tab .row-mode .student-column{width:140px;min-width:140px}.personnel-outcome-detail .score-table-tab .row-mode .student-search .all-student-visiblity i{padding:0 1px}.personnel-outcome-detail .outcome-student-manage .discription-cell{width:100%}.personnel-outcome-detail .outcome-student-manage .outcome-main-content{height:calc(100% - 50px)}.personnel-outcome-detail .outcome-student-manage .next-previous-box{padding:5px 3px 5px;height:50px}.personnel-outcome-detail .outcome-student-manage .next-previous-box button{font-size:13px;margin:3px 10px;height:30px}.personnel-outcome-detail .outcome-student-manage .next-previous-box .next-previous-btn{width:65px;font-size:12px}.personnel-outcome-detail .outcome-student-manage .next-previous-box .next-previous-btn i{top:2px;font-size:14px}.personnel-outcome-detail .outcome-student-manage .next-previous-box .save-btn{width:105px}.personnel-outcome-detail .outcome-student-manage .each-lesson-card{width:95%;padding:5px}.personnel-outcome-detail .outcome-student-manage .average-card{width:95%;padding:5px}.personnel-outcome-detail .outcome-student-manage .Coefficient-title-card,.personnel-outcome-detail .outcome-student-manage .class-average-title-card,.personnel-outcome-detail .outcome-student-manage .class-ranking-title-card,.personnel-outcome-detail .outcome-student-manage .paye-average-title-card,.personnel-outcome-detail .outcome-student-manage .paye-ranking-title-card,.personnel-outcome-detail .outcome-student-manage .score-title-card{font-size:13px}.personnel-outcome-detail .outcome-student-manage .discription-box-card{font-size:14px}.personnel-outcome-detail .outcome-student-manage .header{font-size:13px}.personnel-outcome-detail .outcome-student-manage .sa-width-50-percent{width:100%}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson{flex-direction:column}.personnel-outcome-detail .outcome-student-manage .class-name{margin-top:4px}.personnel-outcome-detail .outcome-student-manage .current-student{font-size:13px}.personnel-outcome-detail .outcome-student-manage .choose-student{min-width:100px}.personnel-outcome-detail .outcome-student-manage .each-lesson{font-size:12px}.personnel-outcome-detail .outcome-student-manage .title-width-100{flex-direction:column}.personnel-outcome-detail .outcome-student-manage .header-title{height:50px}.personnel-outcome-detail .outcome-student-manage .edit-mode{font-size:13px}.personnel-outcome-detail .outcome-student-manage .edit-mode i{font-size:19px}.personnel-outcome-detail .outcome-student-manage .edit-mode-keyfi-lesson-title{top:-35px}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson.header-title{height:27px}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson.header-title .edit-mode{right:11px;transform:none}.personnel-outcome-detail .outcome-student-manage .each-lesson input[type=text]{width:45px}.personnel-outcome-detail .outcome-student-manage .submit-score .btn-loading{right:5px;top:0}.personnel-outcome-detail .outcome-student-manage .text-for-student legend{width:68px;font-size:15px}.personnel-outcome-detail .outcome-student-manage .submit-feedback{padding:1px 3px;left:10px;font-size:13px}.personnel-outcome-detail .outcome-student-manage .text-for-student textarea{padding:7px 7px 7px 35px;width:100%;font-size:12px}.personnel-outcome-detail .outcome-student-manage .current-student-border{padding:4px 0}.personnel-outcome-detail .outcome-student-manage .keyfi-score{width:100%}.personnel-outcome-detail .outcome-student-manage .keyfi-score-btn{font-size:12px;padding:1px 3px}.personnel-outcome-detail .outcome-student-manage .lesson-title{width:35%;display:inline-block;text-align:right}.personnel-outcome-detail .outcome-student-manage .keyfi-each-lesson .lesson-title{margin-bottom:6px;text-align:center}.personnel-outcome-detail .outcome-student-manage .bad,.personnel-outcome-detail .outcome-student-manage .good,.personnel-outcome-detail .outcome-student-manage .not-assign,.personnel-outcome-detail .outcome-student-manage .not-bad,.personnel-outcome-detail .outcome-student-manage .very-good{font-size:12px}.personnel-outcome-detail .outcome-student-manage .footer{padding-top:25px;margin:20px 0 0}.personnel-outcome-detail .outcome-student-manage .button-type-1{min-width:125px}.personnel-outcome-detail .outcome-student-manage .footer div{width:47%}.personnel-outcome-detail .outcome-student-manage .footer .outcome-report{justify-content:end}.personnel-outcome-detail .outcome-student-manage .footer .average-parent{position:absolute;top:0}.personnel-outcome-detail .outcome-student-manage .average{font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .outer-tabs-container{height:35px}.personnel-outcome-detail .outcome-lesson-manage .each-class{padding:5px}.personnel-outcome-detail .outcome-lesson-manage .each-class.selected-class{padding:5px 7px;font-size:13px}.personnel-outcome-detail .outcome-lesson-manage .outcome-main-content{font-size:12px}.personnel-outcome-detail .outcome-lesson-manage .each-guide{font-size:11px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student{padding:4px 5px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student .student-name{min-width:calc(100% - 190px);font-size:12px;padding:3px 2px 3px 7px}.personnel-outcome-detail .outcome-lesson-manage .kammi-each-student{padding:7px 30px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score{padding:6px 0}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score{min-width:190px;justify-content:flex-start}.personnel-outcome-detail .outcome-lesson-manage .keyfi-score-btn{margin:0 4px;min-width:40px}.personnel-outcome-detail .outcome-lesson-manage .keyfi-each-student .student-name i{font-size:15px;padding-left:3px}.personnel-outcome-detail .outcome-lesson-manage .lesson-outcome-table th{text-align:center;font-weight:400;font-size:12px}.personnel-outcome-detail .outcome-lesson-manage .student-cell{min-width:140px;font-size:11px}.personnel-outcome-detail .outcome-lesson-manage .student-cell .set-absence{font-size:8px}.personnel-outcome-detail .outcome-lesson-manage .discription-cell{min-width:160px}.personnel-outcome-detail .outcome-lesson-manage .each-cell>div{padding:3px 3px 2px}.personnel-outcome-detail .outcome-lesson-manage .avrage-row{width:calc(100% - 80px)}.personnel-outcome-detail .outcome-lesson-manage .score-for-everyone{width:80px}.personnel-outcome-detail .outcome-lesson-manage .score-for-everyone button{font-size:11px;border-radius:13px;color:#033c81;padding:3px 4px 1px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.personnel-outcome-detail .print-student-outcome-mode .option-box .back-btn{top:-19px}.personnel-outcome-detail .print-student-outcome-mode .option-box legend{margin-bottom:7px}.personnel-outcome-detail .print-student-outcome-mode .print-setting{display:block;width:100%}.personnel-outcome-detail .print-student-outcome-mode .check-box-container{width:100%;font-size:13px;padding-bottom:2px;border-bottom:1px solid gray}.personnel-outcome-detail .print-student-outcome-mode .radio-button-container{width:100%;font-size:13px;padding-top:2px}}@media print{@page{margin:.3cm}body,html{height:auto;padding:5px;margin:0 auto;display:block}.personnel-outcome-detail button.print-btn{display:none}.personnel-outcome-detail .final-print-btn{display:none}.personnel-outcome-detail .outcome-student-manage{z-index:100;background-color:#fff}.personnel-outcome-detail .outcome-student-manage .print-mode{-webkit-print-color-adjust:exact;print-color-adjust:exact}.personnel-outcome-detail .outcome-student-manage .print-mode .even-background{background:#efefef!important}#snackbar-center.show{display:none!important}.personnel-outcome-detail .print-student-outcome-mode .option-box{display:none}}.personnel-outcome-list{border:1px solid gray;border-width:0 1px;min-height:100%}.personnel-outcome-list .personnel-outcome-list-header{background-color:#064ba0;padding-left:35px}.personnel-outcome-list .header{margin:0 auto 0;width:100%;padding:5px;color:#fff;background:#064ba0}.personnel-outcome-list .header-border{border:2px solid #f7aa4c;padding:8px 5px;border-radius:5px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap}.personnel-outcome-list .header-border button{font-size:16px;display:block;margin:0 auto}.personnel-outcome-list .header-title{font-size:22px;width:44%;text-align:center}.personnel-outcome-list .header-border i{float:left;margin-top:2px;font-weight:700;margin-right:5px}.personnel-outcome-list .no-outcome{margin-top:50px;text-align:center;padding:0 5px}.personnel-outcome-list .add-outcome-text{font-size:17px;color:#064ba0}.personnel-outcome-list .new-outcome-btn{text-align:center;padding:7px;background-color:#e9e9e9}.personnel-outcome-list .new-outcome-btn button{margin:0 auto;font-size:13px;width:150px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}.personnel-outcome-list .outer-paye-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:10px;z-index:2}.personnel-outcome-list .inner-paye-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.personnel-outcome-list .inner-paye-container::-webkit-scrollbar{display:none}.personnel-outcome-list .inner-paye-container .paye-list{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.personnel-outcome-list .inner-paye-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.personnel-outcome-list .inner-paye-container .each-paye{height:100%;padding:4px 15px;min-width:100px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.personnel-outcome-list .inner-paye-container .each-paye.selected-paye{border-width:2px 2px 0;padding:7px 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.personnel-outcome-list .filter-box{position:relative;margin:10px 10px 20px}.personnel-outcome-list .filter-box .filter-icon{position:absolute;width:45px;height:45px;top:0;right:0;font-size:27px;padding:4px 9px}.personnel-outcome-list .filter-box .input-container{padding:0 50px 0 5px;text-align:center}.personnel-outcome-list .filter-box .input-container input{height:32px;width:80%;padding:2px 3px;border:1px solid #8a57bd;border-radius:5px;font-size:13px}.personnel-outcome-list .outcome-list .each-outcome{border-bottom:1px solid #bfbfbf;padding:3px 0}.personnel-outcome-list .outcome-list .each-outcome.background-gray{background-color:#f3f3f3}.personnel-outcome-list .outcome-list .each-outcome-header{display:flex;justify-content:space-around;align-items:center;padding:5px 0;background:#8bd0ff;border-radius:5px 5px 0 0}.personnel-outcome-list .outcome-list .each-outcome-header i{color:#064ba0;margin-left:3px}.personnel-outcome-list .outcome-list .each-item{font-size:15px;padding:3px 7px}.personnel-outcome-list .outcome-list .each-item .fa-caret-left{font-size:18px;position:relative;top:3px}.personnel-outcome-list .outcome-list .outcome-lesson-list{font-size:13px;color:gray}.personnel-outcome-list .outcome-list .outcome-lesson-list .fa-circle{font-size:8px}.personnel-outcome-list .outcome-list .go-outcome-detail-btn{padding:7px;text-align:center}.personnel-outcome-list .outcome-list .go-outcome-detail-btn button{font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:1024px){.personnel-outcome-list .header-border button{font-size:15px}}@media screen and (max-width:768px){.personnel-outcome-list .personnel-outcome-list-header{padding-left:0}.personnel-outcome-list .header-title{font-size:19px}.personnel-outcome-list .header{height:57px}.personnel-outcome-list .header-border button{font-size:13px}.personnel-outcome-list .outer-paye-container{height:44px;padding-top:7px}.personnel-outcome-list .inner-paye-container .each-paye{padding:6px 15px}.personnel-outcome-list .inner-paye-container .each-paye.selected-paye{padding:6px 10px;font-size:14px}.personnel-outcome-list .outcome-list .each-item{font-size:14px;padding:2px 7px}.personnel-outcome-list .outcome-list .each-outcome{border-bottom:1px solid #bfbfbf;padding:0}.personnel-outcome-list .outcome-list .outcome-lesson-list{font-size:12px}.personnel-outcome-list .outcome-list .go-outcome-detail-btn button{font-size:12px;width:90px}}@media screen and (max-width:480px){.personnel-outcome-list .header-title{font-size:16px}.personnel-outcome-list .header-border button{font-size:12px}.personnel-outcome-list .outcome-main-content{font-size:13px}.personnel-outcome-list .header{height:55px}.personnel-outcome-list .outer-paye-container{height:40px;padding-top:5px}.personnel-outcome-list .inner-paye-container .each-paye{padding:7px 13px;font-size:13px;min-width:90px}.personnel-outcome-list .inner-paye-container .each-paye.selected-paye{padding:6px 10px;font-size:13px}.personnel-outcome-list .filter-box{margin:7px 7px 15px}.personnel-outcome-list .filter-box .input-container{padding:0 45px 0 0;text-align:center}.personnel-outcome-list .filter-box .input-container input{width:100%;font-size:12px}.personnel-outcome-list .outcome-list .each-item{font-size:13px;padding:1px 5px}.personnel-outcome-list .outcome-list .outcome-lesson-list{font-size:11px;padding:3px 5px 0}}.personnel-management{overflow:auto}.personnel-management .main-guid{font-size:14px;padding:5px 7px 0}.personnel-management .main-guid .fa-circle{font-size:12px;position:relative;top:1px;color:#064ba0}@keyframes btn-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.personnel-management .configuration-content{border-top:none;border-bottom:none;font-size:15px;padding:7px}.personnel-management .go-to-add-mode{text-align:center;padding:15px 5px 5px}.personnel-management .go-to-add-mode button{font-size:14px;width:200px;border-radius:4px;color:#064ba0;padding:3px 4px 6px;border-color:#f5962e;background-color:#ffa639}.personnel-management .add-mode .input-container{justify-content:space-evenly;padding:15px 15px 10px;flex-wrap:wrap}.personnel-management .add-mode .input-container input{height:32px;border-radius:5px;border:2px solid gray;width:200px;padding:3px;margin:3px;text-align:center;font-size:14px}.personnel-management .add-mode .add-button-container{justify-content:space-evenly;padding:5px}.personnel-management .add-mode .add-button-container button{min-width:115px;border-radius:5px;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;color:#000}.personnel-management .personnels-detail{padding-bottom:47px}.personnel-management .personnels-detail table{width:100%;margin:0 auto;text-align:center;position:relative;overflow:hidden}.personnel-management .personnels-detail th{text-align:center;padding:5px 2px;border:1px solid #529df9;background:#9adaff;color:#064ba0}.personnel-management .personnels-detail .row-num{width:7%}.personnel-management .personnels-detail th.personnel-name{width:40%}.personnel-management .personnels-detail .add-personnel-btn2{font-size:14px;border-radius:5px;padding:2px 6px;border:2px solid #ff7c41;background-color:#ffa639}.personnel-management .personnels-detail .personnel-number{width:25%}.personnel-management .personnels-detail .personnel-Id{width:15%}.personnel-management .personnels-detail td{font-size:14px;padding:4px 0;border:1px solid #b9b9b9;background:#f3f3f3;color:#002e66}.personnel-management .filtered-color{color:#000;background-color:#ff0}.personnel-management .personnels-detail td .td-div-content{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;margin:0 3px}.personnel-management .personnels-detail td .td-div-content .fa-gear{font-size:22px;padding-top:1px;cursor:pointer}.personnel-management td .td-div-content.delete-edit-div{justify-content:space-around}.personnel-management .personnels-detail td .personnel-name{justify-content:space-between;margin:0 3px}.personnel-management .fa-eye-slash,.personnel-management .fa-star{font-size:16px}.personnel-management .fa-eye-slash{color:#000}.personnel-management .personnels-detail .edit-personnel{cursor:pointer;font-size:20px;color:#d75c05}.personnel-management .personnels-detail .delete-personnel{cursor:pointer;font-size:22px;color:#c11200;margin-right:4px}.personnel-management .footer{background:#a9c7eb;justify-content:center;color:#002858;border-radius:5px 5px 0 0;border:1px solid #5f9ee9;border-bottom:none;position:absolute;bottom:0;left:calc(50% + 3px);z-index:50;transform:translate(-50%,0);padding:0}.personnel-management .footer-button{width:100%;text-align:center;height:100%;line-height:46px;border-left:1px solid #5f9ee9;cursor:pointer;z-index:2;font-size:17px}.personnel-management .footer-button:nth-child(2){border-left:none}.personnel-management .footer-button .fa-search{margin-top:-2px}.personnel-management .hidden-div{position:absolute;top:0;right:0;height:45px;width:100%;background:0 0;border-radius:4px 4px 0 0;border:none;font-size:14px;transition-duration:.5s;transition-property:background-color,fill;transition-timing-function:cubic-bezier(.35,0,.25,1)}.personnel-management .footer .hidden-div>*{opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s}.personnel-management .is-visible{background:#064ba0;border:1px solid #002a5e;border-bottom:none;color:#daf1ff;z-index:5}.personnel-management .footer .is-visible>*{transform:scale(1);opacity:1}.personnel-management .exit-hidden-div-parent{width:7%;text-align:center}.personnel-management .personnel-name-input-parent{width:40%;text-align:center}.personnel-management .personnel-number-input-parent{width:40%;text-align:center}.personnel-management .search-number-input-parent{width:25%;text-align:center}.personnel-management .personnel-Id-input-parent{width:15%;text-align:center}.personnel-management .hidden-div-btn{width:13%;text-align:center}.personnel-management .search-btn{width:13%;text-align:center}.personnel-management .footer .exit-hidden-div{width:33px;height:40px;font-size:27px;cursor:pointer;text-align:center;line-height:40px;position:unset}.personnel-management .hidden-div input{border-radius:5px;border:1px solid gray;color:#262626;padding:6px 2px;width:95%;text-align:center}.personnel-management .hidden-div .personnel-name-input{width:93%}.personnel-management .hidden-div select{border-radius:5px;border:1px solid gray;color:#262626;padding:0 2px;text-align:center;width:94%}.personnel-management .add-personnel-btn{position:relative;justify-content:center;display:inline-flex}.personnel-management .btn-loading{position:absolute}.personnel-management .hidden-div button{border-radius:5px;border:2px solid #d37808;color:#262626;padding:1px 6px;font-size:14px;box-shadow:1px 1px 2px #262626}.personnel-management .filter-personnel{color:#d37808;font-size:17px;cursor:pointer}@media screen and (max-width:768px){.personnel-management .main-guid{font-size:11px;padding:5px 7px 0}.personnel-management .main-guid>div{padding:3px}.personnel-management .personnels-detail .add-personnel-btn2{font-size:10px}.personnel-management .configuration-content{font-size:13px}.personnel-management .personnels-detail td{font-size:12px;padding:2px 0}.personnel-management .personnels-detail .delete-personnel,.personnel-management .personnels-detail .edit-personnel{font-size:19px}.personnel-management .fa-eye-slash,.personnel-management .fa-star{font-size:14px}.personnel-management .personnels-detail td .personnel-name{margin:0 1px}.personnel-management .personnels-detail{padding-bottom:39px}.personnel-management .footer{width:100%;left:50%}.personnel-management .footer-button{font-size:14px;line-height:38px}.personnel-management .footer .exit-hidden-div{width:30px;height:28px;font-size:22px;line-height:28px}.personnel-management .hidden-div{height:38px;font-size:12px}.personnel-management .hidden-div button{padding:1px 5px;font-size:12px}.personnel-management .filter-personnel{font-size:14px}}@media screen and (max-width:480px){.personnel-management .add-mode .input-container{padding:15px 5px 10px}.personnel-management .add-mode .input-container input{height:32px;border-radius:5px;border:2px solid gray;width:145px;font-size:14px}.personnel-management .go-to-add-mode button{font-size:13px;width:170px;border-radius:4px;padding:2px 4px 4px}.personnel-management .configuration-content{font-size:12px}.personnel-management .personnels-detail th{padding:4px 3px}.personnel-management .personnel-name-input-parent,.personnel-management .personnels-detail th.personnel-name{width:40%}.personnel-management .fa-eye-slash,.personnel-management .fa-star{font-size:13px}.personnel-management .personnels-detail td .personnel-name{margin:0}.personnel-management .personnels-detail .personnel-number{width:20%}.personnel-management .personnel-number-input-parent{width:37%}.personnel-management .exit-hidden-div-parent,.personnel-management .personnels-detail .row-num{width:9%}.personnel-management .personnel-Id-input-parent,.personnel-management .personnels-detail .personnel-Id{width:17%}.personnel-management .hidden-div-btn{width:14%}.personnel-management .personnels-detail td{font-size:11px;padding:1px 2px}.personnel-management .personnels-detail .delete-personnel,.personnel-management .personnels-detail .edit-personnel{font-size:17px}.personnel-management .footer-button{font-size:13px;line-height:38px}.personnel-management .footer .exit-hidden-div{height:23px;font-size:16px;line-height:23px}.personnel-management .hidden-div{font-size:11px}.personnel-management .hidden-div button{padding:1px 3px;font-size:12px}.personnel-management .filter-personnel{font-size:13px}}.personnel-profile .paye-num{padding:3px;font-size:18px;font-weight:700;color:#e21212;display:flex;align-items:center;justify-content:center}.personnel-profile .paye-num i{margin-left:3px}.personnel-profile .class-title-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.personnel-profile .class-title{width:100%;display:block;text-align:center;border-bottom:1px solid gray;padding:3px}.personnel-profile .class-title i{color:#064ba0;font-size:13px}.personnel-profile .info-lesson{margin:8px 4px;width:215px;border:2px solid gray;border-radius:5px;display:inline-flex}.personnel-profile .lesson-title i{color:#064ba0;font-size:13px}.personnel-profile .class-lesson-box{width:100%}.personnel-profile .lesson-title{width:100%;padding:3px;display:block}.personnel-profile .exit-loading{position:absolute}.personnel-profile .profile-main-content{border:1px solid #b7b7b7;border-width:0 1px;min-height:100%}.personnel-profile .personal-info-part{padding:5px 5px 15px;display:flex;flex-wrap:wrap}.personnel-profile .personal-info-part .each-item{padding:5px 5px 3px;transition:.3s ease-out}.personnel-profile .personal-info-part .item-type1{cursor:pointer}.personnel-profile .personal-info-part .item-type1:hover{background-color:#dedede}.personnel-profile .profile-image-container{justify-content:center}.personnel-profile .profile-image{width:185px;height:185px;justify-content:center;border:4px solid #ffa941;padding:3px;overflow:hidden;border-radius:50%;position:relative}.personnel-profile .profile-image img{max-width:100%;max-height:100%}.personnel-profile .profile-image .fa-user{font-size:170px;color:#608cc2;position:relative;top:15px}.personnel-profile .profile-image .change-image-button{position:absolute;background:#6464646b;width:100%;height:100%;font-size:50px;bottom:0;padding-top:calc(50% - 25px);padding-left:2px;text-align:center;opacity:0;cursor:pointer;transition:.6s ease-out}.personnel-profile .profile-image .change-image-button:hover{opacity:1}.personnel-profile .profile-header{border-radius:5px;padding:5px;font-size:16px;width:calc(100% - 185px)}.personnel-profile .profile-header .each-guide{font-size:11px;color:gray;margin-top:5px}.personnel-profile .profile-header i{color:#064ba0;margin:0;font-size:16px}.personnel-profile .profile-header .fa-mobile{font-size:24px;position:relative;top:2px;margin-top:-5px}.personnel-profile .personnel-profile-hr1{margin:0;border-top:1px solid #ddd}.personnel-profile .personnel-profile-hr2{margin:2px 10px 7px;border-top:1px solid #ddd}.personnel-profile .extra-info-part{background-color:#f1f3f4;margin:10px;border-radius:5px}.personnel-profile .extra-info-part .each-item{min-height:46px;font-size:15px;padding:3px 5px}.personnel-profile .extra-info-part .each-item .each-item-button{cursor:pointer;font-size:13px;color:#488bdd;height:29px;display:flex;align-items:center;padding:5px;border-radius:5px;transition:.3s}.personnel-profile .extra-info-part .each-item .each-item-button:hover{background-color:#e3e5e6;color:#4791eb}.personnel-profile .extra-info-part .item-type1{justify-content:space-between}.personnel-profile .extra-info-part .item-type2{transition:.3s ease-out;cursor:pointer}.personnel-profile .extra-info-part .item-type2:hover{background-color:#e3e5e5}.personnel-profile .extra-info-part .each-guide{font-size:11px;color:gray;margin-top:5px;width:100%}@media screen and (max-width:768px){.personnel-profile{padding:0}.personnel-profile .profile-main-content{border:0;border-radius:0}.personnel-profile .profile-image{width:135px;height:135px}.personnel-profile .profile-image .fa-user{font-size:128px;top:14px}.personnel-profile .profile-image .change-image-button{opacity:1;height:50%;font-size:27px;bottom:-26px;padding-top:4px}.personnel-profile .profile-header{font-size:14px;width:calc(100% - 135px)}.personnel-profile .profile-header .each-guide{font-size:10px}.personnel-profile .extra-info-part .each-item{min-height:30px;font-size:13px}.personnel-profile .extra-info-part .each-item .each-item-button{font-size:12px}.personnel-profile .extra-info-part .each-guide{font-size:10px;margin-top:4px}}@media screen and (max-width:480px){.personnel-profile .profile-image-container{width:100%}.personnel-profile .profile-image{width:95px;height:95px}.personnel-profile .profile-image .fa-user{font-size:93px;top:7px;left:1px}.personnel-profile .profile-image .change-image-button{font-size:19px;bottom:-16px;padding-top:3px}.personnel-profile .profile-header{font-size:13px;width:100%}.personnel-profile .profile-header .each-guide{font-weight:300}.personnel-profile .personal-info-part{padding:5px 5px 0}.personnel-profile .extra-info-part{margin:5px 10px}.personnel-profile .extra-info-part .each-item .each-item-button{font-size:11px;padding:5px 5px 4px}}.question-bank .selection-mode{height:100%}.question-bank .selection-mode .flex-display{display:flex;align-items:center}.question-bank .selection-mode .justify-between{justify-content:space-between}.question-bank .selection-mode .question-fontsize{margin-right:5px}.question-bank .selection-mode .question-fontsize i{margin-left:3px;cursor:pointer}.question-bank .selection-mode .question-fontsize i.selected-font{color:#ffa435}.question-bank .selection-mode .header{width:100%;padding:5px;color:#fff;font-size:17px;background:#064ba0;height:84px}.question-bank .selection-mode .header-border{border:2px solid #f7aa4c;padding:13px 10px;border-radius:5px;text-align:center;position:relative;position:relative}.question-bank .selection-mode .change-lesson{color:#ffa435;font-size:18px;text-decoration:underline;font-weight:700;text-shadow:1px 1px 1px #000;cursor:pointer}.question-bank .selection-mode .selected-questions{font-size:15px;color:#ff8c00;cursor:pointer;position:relative}.question-bank .selection-mode .selected-questions i{font-size:28px}.question-bank .selection-mode .selected-questions span{position:absolute;top:5px;right:9px;color:#ffd68c;line-height:19px}.question-bank .selection-mode .exam-lesson-main-content{border:1px solid #b3b3b3;height:calc(100% - 84px)}.question-bank .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 226px)}.question-bank .selection-mode .question-container{margin:0 10px}.question-bank .selection-mode .selected-filter-container{box-shadow:inset 10px 0 5px -10px #a5a5a5,inset -10px 0 5px -10px #a5a5a5,0 1px 5px #a5a5a5;background-color:#edf9ff;padding:3px;text-align:center;overflow-x:auto;white-space:nowrap}.question-bank .selection-mode .selected-filter-container::-webkit-scrollbar{display:none}.question-bank .selection-mode .fontsize-filter{padding:0 15px;position:-webkit-sticky;position:sticky;top:0;z-index:5;border:1px solid #aad0ff;border-radius:0 0 5px 5px;border-top:none;background:#eaf4ff;width:100%;margin:0 auto}.question-bank .selection-mode .filter-icon{font-size:19px;margin:0 3px;padding:3px 0;cursor:pointer;color:#fff}.question-bank .selection-mode .delete-filter-icone{font-size:23px;color:red;border-left:1px solid #bddeff;padding:5px 4px 0;float:right}.question-bank .selection-mode .selected-filter{border:1px solid #bddeff;background-color:#d6ebffc2;padding:5px;margin:2px 3px;border-radius:10px;font-size:14px;display:inline-block}.question-bank .selection-mode .change-font-size-smaller{font-size:17px}.question-bank .selection-mode .change-font-size-bigger{font-size:23px}.question-bank .selection-mode .empty-list-massage{font-size:16px;text-align:center;margin:21px 0}.question-bank .selection-mode .fa-circle-thin{text-shadow:0 0 1px #3a3a3a}.question-bank .selection-mode .float-button{position:absolute;bottom:30px;left:40px;border-radius:50%;border:3px solid #004800;width:45px;height:45px;text-align:center;background:#00a500;box-shadow:1px 2px 3px 1px #505050,inset 0 1px 10px 2px #004000;color:#fff;cursor:pointer;transition:all ease-out .4s}.question-bank .selection-mode .main-create-btn{z-index:5;font-size:24px;width:50px;height:50px}.question-bank .selection-mode .main-create-btn .number{line-height:50px}.question-bank .selection-mode .main-create-btn .zero-text{font-size:15px;line-height:44px}.question-bank .selection-mode .footer{height:50px;background-color:#228b22;text-align:center;padding:10px 0;font-size:20px;box-shadow:1px 2px 3px 1px #919191,inset 0 1px 10px 1px #646464;color:#fff;cursor:pointer}.question-bank .selection-mode .next-level{margin-left:-5%}.question-bank .selection-mode .question-number{font-size:18px;width:40px;display:inline-block;float:left;background:#2dc22d;border-radius:50%;height:40px;position:relative;top:-5px;left:25px;padding:9px}.question-bank .selection-mode .zero{background-color:#78cc78;padding-right:7px;font-size:13px}.question-bank .selection-mode .create-btn-deactive{background-color:#8fb58f;box-shadow:1px 2px 3px 1px #919191,inset 0 1px 10px 1px #646464;cursor:default}.question-bank .selection-mode .selected-question-changed{animation:selected-question .25s linear 2}@keyframes selected-question{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}.question-bank .confirm-mode{border:1px solid gray;border-width:0 1px;height:100%;padding:0!important}.question-bank .confirm-mode .confirm-mode-content{height:calc(100% - 60px)}.question-bank .confirm-mode .question-content{height:calc(100% - 55px);overflow-y:auto}.question-bank .confirm-mode .question-content::-webkit-scrollbar{height:90%}.question-bank .confirm-mode .question-container{margin:10px}.question-bank .confirm-mode .header{background-color:#d1e7f6;font-size:22px;text-align:center;padding:12px 0;color:#0055bf;position:relative;box-shadow:0 9px 18px -14px #111;z-index:50}.question-bank .confirm-mode .header-title{margin-left:-6%}.question-bank .confirm-mode .return-button{background-color:#aad7f6;color:#000;float:left;font-size:22px;margin:0 0 0 12px;width:42px;height:34px;border-radius:7px;position:relative;border:0 solid #000;top:-3px;left:7px}.question-bank .confirm-mode .create-btn-group{text-align:center;padding:5px 0;position:relative;box-shadow:0 -7px 20px -10px #111}.question-bank .confirm-mode .footer-buttons{width:45%;height:50px;margin:0 5px;font-size:16px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.question-bank .lesson-selection-mode{padding:0;border:1px solid #bbb;border-width:0 1px;min-height:100%}.question-bank .lesson-selection-mode .lesson-selector-header{height:50px;background-color:#064ba0;color:#fff;font-size:18px;text-align:center;padding:10px 5px;position:sticky;top:0;z-index:10;justify-content:space-between}.question-bank .lesson-selection-mode .lesson-selector-header .header-title{text-align:center;width:calc(100% - 50px);padding-right:50px}.question-bank .lesson-selection-mode .lesson-selector-header i{font-size:23px;padding:2px 10px}.question-bank .lesson-selection-mode .lesson-selector-container{padding:0 5px}.question-bank .lesson-selection-mode .confirm-lesson-btn{position:sticky;bottom:0;background-color:#fff;text-align:center;padding:10px;border-top:1px solid #8b8a8a;margin:0 14px}.question-bank .lesson-selection-mode .confirm-lesson-btn button{padding:5px;width:35%;font-size:15px;background-color:#018d01;border:2px solid #006e00;color:#fff;border-radius:7px;box-shadow:0 -1px 3px 1px #939393}@media screen and (max-width:1024px){.exam-question-bank .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 196px)}}@media screen and (max-width:768px){.exam-question-bank .selection-mode .exam-lesson-main-content{height:calc(100% - 72px)}.exam-question-bank .selection-mode .header{padding:4px;font-size:14px;height:72px}.exam-question-bank .selection-mode .header-border{padding:10px 10px}.exam-question-bank .selection-mode .change-lesson{font-size:16px}.exam-question-bank .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 184px)}.exam-question-bank .selection-mode .filter-icon{font-size:17px}.exam-question-bank .selection-mode .selected-filter{font-size:12px}.exam-question-bank .selection-mode .change-font-size-smaller{font-size:14px}.exam-question-bank .selection-mode .change-font-size-bigger{font-size:20px}.exam-question-bank .selection-mode .question-container{margin:0 2px}.exam-question-bank .selection-mode .float-button{bottom:20px;left:35px}.exam-question-bank .selection-mode .main-create-btn{font-size:20px;width:40px;height:40px}.exam-question-bank .selection-mode .main-create-btn .number{line-height:40px}.exam-question-bank .selection-mode .main-create-btn .zero-text{font-size:13px;line-height:37px}.question-bank .lesson-selection-mode .confirm-lesson-btn button{width:50%}}@media screen and (max-width:480px){.exam-question-bank .selection-mode .exam-lesson-main-content{height:calc(100% - 66px)}.exam-question-bank .selection-mode .header{font-size:13px;height:66px}.exam-question-bank .selection-mode .header-border{padding:9px 10px}.exam-question-bank .selection-mode .change-lesson{font-size:14px}.exam-question-bank .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 178px)}.exam-question-bank .selection-mode .question-container{margin:0}.exam-question-bank .selection-mode .filter-icon{font-size:15px}.exam-question-bank .selection-mode .main-create-btn{font-size:17px;left:25px}.exam-question-bank .selection-mode .next-level{margin-left:-12%}.exam-question-bank .confirm-mode .confirm-mode-content{height:calc(100% - 54px)}.exam-question-bank .confirm-mode .header{font-size:18px}.exam-question-bank .confirm-mode .header-title{margin-left:-16%}.exam-question-bank .confirm-mode .return-button{top:-1px;left:-2px;width:35px;height:27px;font-size:18px}.exam-question-bank .confirm-mode .question-content{height:calc(100% - 50px)}.exam-question-bank .confirm-mode .footer-buttons{width:40%;height:40px;margin:0 10px;font-size:14px}.exam-question-bank .confirm-mode .create-btn-group{padding:7px 0}.question-bank .lesson-selection-mode .confirm-lesson-btn{padding:0 9px 10px;border:0;margin:0}.question-bank .lesson-selection-mode .confirm-lesson-btn button{width:100%;font-size:13px}.question-bank .lesson-selection-mode .lesson-selector-header{height:40px;font-size:16px;padding:9px 7px}.question-bank .lesson-selection-mode .lesson-selector-header .header-title{width:unset;padding-right:0}.question-bank .lesson-selection-mode .lesson-selector-header i{font-size:19px;padding:5px}}@media print{@page{size:A4;margin:0;padding:0}body,html{height:auto}.add-question,.create-btn-deactive,.delete-question,.exam-question-bank .selection-mode .main-create-btn,.fontsize-filter,.navigation-drawer,.personnel-question .personnel-feedback-to-question{display:none!important}.hide-in-print{display:none!important}.personnel-question-parent{page-break-inside:avoid!important}.exam-question-bank .selection-mode .header{-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;background:#064ba0!important;color:#fff!important}}.question-bank2{overflow:hidden;position:relative;padding:0}.question-bank2 .selection-mode{border:1px solid #b3b3b3;border-width:0 1px}.question-bank2 .lesson-selection-mode{position:absolute;top:0;z-index:40;width:100%;transition:.4s;background-color:#fff}.question-bank2 .filter-mode{position:absolute;top:0;z-index:30;width:100%;transition:.4s;background-color:#fff}.question-bank2 .confirm-mode{position:absolute;top:0;z-index:50;width:100%;transition:.4s;background-color:#fff}.question-bank2 .manage-mode{position:absolute;top:0;z-index:60;width:100%;transition:.4s;background-color:#fff}.question-bank2 .selection-mode .question-fontsize{position:absolute;left:13px;top:10px;padding:3px;border:2px solid #eb7b3c;background-color:#ffc47d;border-radius:13px;color:#033c81;padding:3px 4px 2px 4px;font-size:13px;cursor:pointer}.question-bank2 .selection-mode .question-fontsize i{margin-left:3px;cursor:pointer}.question-bank2 .selection-mode .question-fontsize i.selected-font{color:#ffa435}.question-bank2 .selection-mode .selection-mode-header{padding-left:35px;background-color:#064ba0;position:relative}.question-bank2 .selection-mode .header-border{border:2px solid #f7aa4c;padding:13px 10px;border-radius:5px;text-align:center;position:relative}.question-bank2 .selection-mode .change-lesson{color:#ffa435;font-size:18px;text-decoration:underline;font-weight:700;text-shadow:1px 1px 1px #000;cursor:pointer}.question-bank2 .selection-mode .selected-questions{font-size:15px;color:#ff8c00;cursor:pointer;position:relative}.question-bank2 .selection-mode .selected-questions i{font-size:28px}.question-bank2 .selection-mode .selected-questions span{position:absolute;top:5px;right:9px;color:#ffd68c;line-height:19px}.question-bank2 .selection-mode .menu-button{color:#fff;font-size:30px;text-align:center;position:absolute;top:11px;left:7px;width:40px;z-index:27}.question-bank2 .selection-mode .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.question-bank2 .selection-mode .menu-button .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:15px;top:4px;border-radius:5px;z-index:10;color:#000}.question-bank2 .selection-mode .menu-button .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.question-bank2 .selection-mode .menu-button .each-feature{border-radius:3px;cursor:pointer}.question-bank2 .selection-mode .menu-button .each-feature:hover{background-color:#bdc3c9}.question-bank2 .selection-mode .menu-button .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.question-bank2 .selection-mode .infinite-scroll-container{overflow-y:auto;height:calc(100% - 50px)}.question-bank2 .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 226px)}.question-bank2 .selection-mode .question-container{margin:0 10px}.question-bank2 .selection-mode .fontsize-filter{padding:0 15px;position:-webkit-sticky;position:sticky;top:0;z-index:5;border:1px solid #aad0ff;border-radius:0 0 5px 5px;border-top:none;background:#eaf4ff;width:100%;margin:0 auto}.question-bank2 .selection-mode .filter-bar{box-shadow:0 9px 10px -12px #000;background-color:#f0f4f9;padding:3px;padding-left:90px;width:100%;border-bottom:2px solid #b3b3b3}.question-bank2 .selection-mode .filter-icon{font-size:19px;cursor:pointer;color:#8a57bd;background-color:#ecd9ff;border:2px solid #8a57bd;border-radius:7px;width:45px;height:44px;padding-left:1px;text-align:center}.question-bank2 .selection-mode .delete-filter-icone{font-size:23px;color:red;border-left:1px solid #bddeff;padding:5px 4px 0;float:right}.question-bank2 .selection-mode .selected-filter-container{padding-right:7px;overflow-x:auto;white-space:nowrap;cursor:pointer;max-width:calc(100% - 45px)}.question-bank2 .selection-mode .selected-filter-container::-webkit-scrollbar{display:none}.question-bank2 .selection-mode .selected-filter{border:1px solid #bddeff;background-color:#d6ebffc2;padding:5px;margin:2px 3px;border-radius:10px;font-size:14px;display:inline-block}.question-bank2 .selection-mode .change-font-size-smaller{font-size:17px}.question-bank2 .selection-mode .change-font-size-bigger{font-size:23px}.question-bank2 .selection-mode .empty-list-massage{font-size:16px;text-align:center;margin:21px 0}.question-bank2 .selection-mode .fa-circle-thin{text-shadow:0 0 1px #3a3a3a}.question-bank2 .selection-mode .float-button{position:absolute;bottom:30px;left:40px;border-radius:50%;border:3px solid #004800;width:45px;height:45px;text-align:center;background:#00a500;box-shadow:1px 2px 3px 1px #505050,inset 0 1px 10px 2px #004000;color:#fff;cursor:pointer;transition:all ease-out .4s}.question-bank2 .selection-mode .main-create-btn{z-index:5;font-size:24px;width:50px;height:50px}.question-bank2 .selection-mode .main-create-btn .number{line-height:50px}.question-bank2 .selection-mode .main-create-btn .zero-text{font-size:15px;line-height:44px}.question-bank2 .selection-mode .footer{height:50px;background-color:#228b22;text-align:center;padding:10px 0;font-size:20px;box-shadow:1px 2px 3px 1px #919191,inset 0 1px 10px 1px #646464;color:#fff;position:relative;cursor:pointer}.question-bank2 .selection-mode .question-number{font-size:18px;width:40px;display:inline-block;float:left;background:#2dc22d;border-radius:25%;height:40px;position:absolute;top:6px;left:25px;padding:9px}.question-bank2 .selection-mode .zero{background-color:#78cc78;padding-right:7px;font-size:13px}.question-bank2 .selection-mode .create-btn-deactive{background-color:#8fb58f;box-shadow:1px 2px 3px 1px #919191,inset 0 1px 10px 1px #646464;cursor:default}.question-bank2 .selection-mode .selected-question-changed{animation:selected-question .25s linear 2}.question-bank2 .selection-mode .GoToTop-button{border-radius:50%;position:absolute;bottom:70px;left:65px;width:58px;height:58px;z-index:7;justify-content:center;font-size:36px;padding-bottom:4px;background-color:#ffc47d;color:#064ba0;border:3px solid #eb7b3c}@keyframes selected-question{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}.question-bank2 .confirm-mode{border:1px solid gray;border-width:0 1px;height:100%;padding:0!important}.question-bank2 .confirm-mode .confirm-mode-content{height:calc(100% - 60px)}.question-bank2 .confirm-mode .question-content{height:calc(100% - 55px);overflow-y:auto}.question-bank2 .confirm-mode .question-content::-webkit-scrollbar{height:90%}.question-bank2 .confirm-mode .question-container{margin:10px}.question-bank2 .confirm-mode .header{background-color:#d1e7f6;font-size:22px;text-align:center;padding:12px 0;color:#0055bf;position:relative;box-shadow:0 9px 18px -14px #111;z-index:51}.question-bank2 .confirm-mode .header-title{margin-left:-6%}.question-bank2 .confirm-mode .return-button{background-color:#aad7f6;color:#000;float:left;font-size:22px;margin:0 0 0 12px;width:42px;height:34px;border-radius:7px;position:relative;border:0 solid #000;top:-3px;left:7px}.question-bank2 .confirm-mode .create-btn-group{text-align:center;padding:5px 0;position:relative;box-shadow:0 -6px 9px -6px #6e6e6e}.question-bank2 .confirm-mode .footer-buttons{width:45%;height:50px;margin:0 5px;font-size:16px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.question-bank2 .filter-mode{padding:0;border:1px solid #bbb;border-width:0 1px}.question-bank2 .filter-mode .goto-lesson-selector{padding:10px 12px;justify-content:space-between;cursor:pointer;transition:.4s;font-size:13px;color:#606060}.question-bank2 .filter-mode .goto-lesson-selector:hover{background-color:#d6d6d6}.question-bank2 .filter-mode .goto-lesson-selector i{color:#064ba0;font-size:26px}.question-bank2 .filter-mode .each-filter-part{padding:7px 12px}.question-bank2 .filter-mode .each-filter-part.just-own-question{font-size:15px}.question-bank2 .filter-mode .each-filter-part.just-own-question i{font-size:19px;position:relative;top:3px}.question-bank2 .filter-mode .each-searchbox{width:45%;margin:3px 5px}.question-bank2 .filter-mode .each-searchbox>input{font-size:13px;padding:3px;margin:2px 5px;width:100%}.question-bank2 .filter-mode .searchbox-title{font-size:16px;color:#064ba0;white-space:nowrap}.question-bank2 .filter-mode .filter-title{font-size:16px;color:#064ba0;padding-bottom:5px}.question-bank2 .filter-mode .drop-down-title{font-size:16px;color:#064ba0;white-space:nowrap;padding-top:3px}.question-bank2 .filter-mode .drop-down-container{width:45%;padding-right:15px}.question-bank2 .filter-mode .sub-titles-container{padding-top:7px;flex-wrap:wrap}.question-bank2 .filter-mode .each-sub-title{border:1px solid #febb75;background-color:#fff1d6c2;justify-content:space-between;min-width:50px;padding:3px 4px 3px 5px;margin:3px;border-radius:7px}.question-bank2 .filter-mode .each-sub-title i{padding-left:5px;cursor:pointer}.question-bank2 .filter-mode .hr-type1{margin:0 7px;border-top:1px solid #bbb}.question-bank2 .filter-mode .question-type-checkbox-container{justify-content:space-evenly}.question-bank2 .filter-mode .question-type-checkbox-container .each-checkbox{padding:4px 5px 5px;margin:3px 15px;border:2px solid #0f9c13;color:#0f9c13;border-radius:5px;width:190px;text-align:center;position:relative;cursor:pointer;font-size:14px}.question-bank2 .filter-mode .question-type-checkbox-container .each-checkbox.selected-checkbox{background-color:#eaf9eb}.question-bank2 .filter-mode .question-type-checkbox-container .each-checkbox i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.question-bank2 .filter-mode .difficultness-radio-button-container{justify-content:space-evenly}.question-bank2 .filter-mode .confirmation-radio-button-container{justify-content:space-evenly}.question-bank2 .filter-mode .hasanswer-radio-button-container{justify-content:space-evenly}.question-bank2 .filter-mode .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:190px;text-align:center;position:relative;cursor:pointer;font-size:14px}.question-bank2 .filter-mode .each-radio-button.selected-radio-button{background-color:#d2eaf3}.question-bank2 .filter-mode .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.question-bank2 .filter-mode .each-radio-button2{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:190px;text-align:center;position:relative;cursor:pointer;font-size:14px}.question-bank2 .filter-mode .each-radio-button2.selected-radio-button{background-color:#d2eaf3}.question-bank2 .filter-mode .each-radio-button2 i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.question-bank2 .filter-mode .button-row{display:flex;justify-content:space-around;align-items:center;position:sticky;bottom:0;background-color:#fff;padding:10px 0;border-top:2px solid gray;margin:0 7px}.question-bank2 .lesson-selection-mode{padding:0;border:1px solid #bbb;border-width:0 1px;min-height:100%}.question-bank2 .lesson-selection-mode .lesson-selector-container{padding:0 5px;overflow:auto}.question-bank2 .lesson-selection-mode .confirm-lesson-btn{position:sticky;bottom:0;background-color:#fff;text-align:center;padding:10px;border-top:1px solid #8b8a8a;margin:0 14px}.question-bank2 .lesson-selection-mode .confirm-lesson-btn button{padding:5px;width:35%;font-size:15px;background-color:#018d01;border:2px solid #006e00;color:#fff;border-radius:7px;box-shadow:0 -1px 3px 1px #939393}@media screen and (max-width:1024px){.question-bank2 .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 196px)}}@media screen and (max-width:768px){.question-bank2 .selection-mode .exam-lesson-main-content{height:calc(100% - 72px)}.question-bank2 .selection-mode .menu-button{font-size:28px;top:8px;left:7px;width:38px;z-index:27}.question-bank2 .selection-mode .change-lesson{font-size:16px}.question-bank2 .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 184px)}.question-bank2 .selection-mode .filter-bar{padding:3px 7px 3px 85px}.question-bank2 .selection-mode .filter-icon{font-size:15px;width:38px;height:37px;padding-left:0;padding-top:1px}.question-bank2 .selection-mode .question-fontsize{left:9px;top:8px;border:2px solid #eb7b3c;padding:3px 4px 2px 4px;font-size:13px}.question-bank2 .selection-mode .selected-filter-container{width:calc(100% - 38px)}.question-bank2 .selection-mode .selected-filter{font-size:12px}.question-bank2 .selection-mode .change-font-size-smaller{font-size:14px}.question-bank2 .selection-mode .change-font-size-bigger{font-size:20px}.question-bank2 .selection-mode .question-container{margin:0 2px}.question-bank2 .selection-mode .main-create-btn{font-size:20px;width:40px;height:40px}.question-bank2 .selection-mode .main-create-btn .number{line-height:40px}.question-bank2 .selection-mode .main-create-btn .zero-text{font-size:13px;line-height:37px}.question-bank2 .selection-mode .GoToTop-button{bottom:65px;left:16px;width:40px;height:40px;font-size:28px;padding-bottom:2px;border:2px solid #eb7b3c}.question-bank2 .selection-mode .footer{height:40px;font-size:17px;padding:7px 0}.question-bank2 .selection-mode .question-number{font-size:16px;width:30px;height:30px;top:5px;left:25px;padding-top:6px}.question-bank2 .selection-mode .infinite-scroll-container{height:calc(100% - 40px)}.question-bank2 .selection-mode .zero{padding-right:5px;padding-top:8px;font-size:11px}.question-bank2 .filter-mode .filter-title{font-size:15px;padding-bottom:4px}.question-bank2 .filter-mode .goto-lesson-selector{font-size:12px}.question-bank2 .filter-mode .question-type-checkbox-container .each-checkbox{padding:4px 10px 5px 0;margin:3px 4px;min-width:140px;width:27%;font-size:13px}.question-bank2 .filter-mode .each-radio-button{padding:4px 7px 5px 0;margin:3px 10px;width:25%;font-size:14px}.question-bank2 .filter-mode .each-radio-button2{padding:4px 7px 5px 0;margin:3px 10px;width:25%;font-size:14px}.question-bank2 .filter-mode .searchbox-title{font-size:15px;min-width:95px}.question-bank2 .filter-mode .each-searchbox{width:100%}.question-bank2 .filter-mode .drop-down-container{width:60%;padding-right:10px}.question-bank2 .filter-mode .drop-down-title{font-size:15px;padding-top:3px}.question-bank .lesson-selection-mode .confirm-lesson-btn button{width:50%}}@media screen and (max-width:480px){.question-bank2 .selection-mode .exam-lesson-main-content{height:calc(100% - 66px)}.question-bank2 .selection-mode .menu-button{font-size:24px;top:9px;left:6px;width:30px}.question-bank2 .selection-mode .change-lesson{font-size:14px}.question-bank2 .selection-mode .exam-seperatedDesign-content{min-height:calc(100vh - 178px)}.question-bank2 .selection-mode .question-container{margin:0}.question-bank2 .selection-mode .filter-bar{padding:3px 7px 3px 70px}.question-bank2 .selection-mode .filter-icon{font-size:13px;width:33px;height:32px;padding-left:0;padding-top:1px}.question-bank2 .selection-mode .question-fontsize{left:9px;top:8px;border:2px solid #eb7b3c;padding:3px 3px 0 3px;font-size:11px;border-radius:11px}.question-bank2 .selection-mode .main-create-btn{font-size:17px;left:25px}.question-bank2 .selection-mode .GoToTop-button{bottom:63px;left:17px;width:34px;height:34px;font-size:22px;padding-bottom:2px;border:2px solid #eb7b3c}.question-bank2 .selection-mode .footer{height:37px;font-size:16px;padding:7px 0}.question-bank2 .selection-mode .question-number{font-size:15px;width:28px;height:28px;top:4px;left:25px;padding-top:5px}.question-bank2 .selection-mode .infinite-scroll-container{height:calc(100% - 37px)}.question-bank2 .selection-mode .zero{padding-right:5px;padding-top:7px;font-size:10px}.question-bank2 .filter-mode .question-type-checkbox-container{flex-wrap:wrap}.question-bank2 .filter-mode .question-type-checkbox-container .each-checkbox i{font-size:15px}.question-bank2 .filter-mode .question-type-checkbox-container .each-checkbox{padding:4px 10px 5px;margin:3px 4px;width:100%;font-size:12px}.question-bank2 .filter-mode .difficultness-radio-button-container{flex-wrap:wrap}.question-bank2 .filter-mode .each-radio-button{padding:4px 7px 5px 0;margin:3px 7px;width:43%;font-size:14px}.question-bank2 .filter-mode .each-radio-button2{padding:5px 11px 5px 0;margin:3px 7px;width:43%;font-size:12px}.question-bank2 .filter-mode .each-radio-button2 i{font-size:14px;right:4px;top:6px}.question-bank2 .filter-mode .searchbox-title{font-size:14px;color:#064ba0}.question-bank2 .filter-mode .filter-title{font-size:14px}.question-bank2 .filter-mode .hr-type1{margin:0 5px}.question-bank2 .filter-mode .each-filter-part.just-own-question{font-size:13px}.question-bank2 .filter-mode .each-filter-part{padding:7px 7px}.question-bank2 .filter-mode .each-sub-title{min-width:40px;padding:3px 3px 2px 3px;margin:2px;border-radius:5px;font-size:10px}.question-bank2 .filter-mode .each-sub-title i{padding-left:4px;padding-bottom:4px}.question-bank2 .filter-mode .sa-multiselect-parent .sa-dropdown-toggle{font-size:12px!important}.question-bank2 .filter-mode .sa-multiselect-parent .sa-dropdown-menu{right:unset!important;left:0!important;font-size:12px!important}.question-bank2 .filter-mode .sa-multiselect-parent .sa-dropdown-menu>li>a{padding:1px 10px!important}.question-bank2 .filter-mode .sa-multiselect-parent .sa-dropdown-header{padding:3px 7px!important}.question-bank2 .filter-mode .sa-multiselect-parent .sa-dropdown-header .sa-form-control{height:unset!important;padding:3px 7px!important;font-size:13px!important}.question-bank2 .filter-mode .button-row{padding:7px 0 12px;margin:0 5px}.question-bank2 .confirm-mode .confirm-mode-content{height:calc(100% - 54px)}.question-bank2 .confirm-mode .header{font-size:18px}.question-bank2 .confirm-mode .header-title{margin-left:-16%}.question-bank2 .confirm-mode .return-button{top:-1px;left:-2px;width:35px;height:27px;font-size:18px}.question-bank2 .confirm-mode .question-content{height:calc(100% - 50px)}.question-bank2 .confirm-mode .footer-buttons{width:40%;height:40px;margin:0 10px;font-size:14px}.question-bank2 .confirm-mode .create-btn-group{padding:7px 0}.question-bank2 .lesson-selection-mode .confirm-lesson-btn{padding:0 9px 10px;border:0;margin:0}.question-bank2 .lesson-selection-mode .confirm-lesson-btn button{width:100%;font-size:13px}}@media print{@page{size:A4;margin:0;padding:0}body,html{height:auto}.add-question,.create-btn-deactive,.delete-question,.fontsize-filter,.navigation-drawer,.personnel-question .personnel-feedback-to-question,.question-bank2 .selection-mode .main-create-btn{display:none!important}.hide-in-print{display:none!important}.personnel-question-parent{page-break-inside:avoid!important}.question-bank2 .selection-mode .header{-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;background:#064ba0!important;color:#fff!important}}.personnel-question-preview{padding:0}.personnel-question-preview .question-search{font-size:13px;text-align:justify;border:2px solid #cf6700;padding:0 15px 20px;border-radius:5px;margin:5px auto 10px}.personnel-question-preview .question-search legend{border:none;padding:4px 5px 7px 4px;width:135px;margin:0 auto 0;font-size:20px;color:#00387e;text-align:center;margin-bottom:6px}.personnel-question-preview .question-search input[type=number]{border-radius:5px;border:1px solid;font-size:15px;margin-left:5px;padding:5px}.personnel-question-preview .flex-display{display:flex;align-items:center;justify-content:center}.personnel-question-preview .header{margin:0 auto 0;width:100%;border-radius:5px;padding:5px;color:#fff;font-size:15px;background:#064ba0}.personnel-question-preview .header-border{border:2px solid #f7aa4c;padding:6px 5px;border-radius:5px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap}.personnel-question-preview .preview-main-content{border:1px solid gray;border-radius:5px;padding:8px}.personnel-question-preview input[type=checkbox]{margin:0 0 0 3px;width:16px;height:16px}@media screen and (max-width:1024px){.question-preview .question-search legend{width:128px;font-size:19px;margin-bottom:2px}.question-preview .button-type-1{font-size:15px;min-width:77px}.question-preview .question-search input[type=number]{font-size:14px}}@media screen and (max-width:720px){.question-preview .question-search legend{width:120px;font-size:18px}.question-preview .button-type-1{font-size:14px}.question-preview .question-search input[type=number]{font-size:13px}.question-preview .header{font-size:14px}}@media screen and (max-width:480px){.question-preview .question-search{padding:0 6px 12px}.question-preview .question-search legend{width:120px;font-size:16px}.question-preview .button-type-1{font-size:13px}.question-preview .question-search input[type=number]{font-size:12px}.question-preview .header{font-size:13px;height:43px}}.personnel-payment-config{border:1px solid #000;border-width:0 1px}.personnel-payment-config .delete-report-btn{width:35px;border:3px solid #c70000;background-color:transparent;color:#c70000;border-radius:50%;height:35px;font-size:21px;position:absolute;left:5px}.personnel-payment-config .delete-report-btn i{position:relative;top:3px}.personnel-payment-config .search-student-container{justify-content:center;height:35px;font-size:15px;padding:6px 3px 0}.personnel-payment-config .student-name-header{font-size:18px;height:40px;text-align:center;background-color:#cddeef;margin:20px auto;width:90%;border-radius:10px;line-height:2}.personnel-payment-config .property-container{display:flex;align-items:start;justify-content:center;width:80%;margin:20px auto;font-size:15px}.personnel-payment-config .property-container label{margin-bottom:0;width:15%;padding-top:4px}.personnel-payment-config .property-container input{width:100%;height:30px}.personnel-payment-config .property-container select{width:85%;height:30px}.personnel-payment-config .property-container textarea{resize:none;width:100%;min-height:100px;padding:2px}.personnel-payment-config .input-width{width:85%}.personnel-payment-config .date-picker-container{display:flex;align-items:center;justify-content:right;width:80%;margin:5px auto 0;font-size:15px}.personnel-payment-config .date-picker-container label{margin-bottom:0;width:15%}.personnel-payment-config .image-gallery{width:80%;margin:auto}.personnel-payment-config .btn-write-in-container{width:80%;text-align:center;margin:15px auto 0}.personnel-payment-config .btn-write-in{width:80px;border-width:2px;border-style:solid;border-radius:5px;height:30px;font-size:16px;line-height:1.6}.personnel-payment-config .agreement-container{display:flex;width:95%;margin:4px auto 10px;justify-content:space-around}.personnel-payment-config .agreement-container button{width:45%;border:0;border-radius:5px;height:35px;font-size:15px;color:#fff}@media screen and (max-width:768px){.personnel-payment-config .property-container{width:90%}.personnel-payment-config .property-container label{width:20%}.personnel-payment-config .property-container select{width:80%}.personnel-payment-config .input-width{width:80%}.personnel-payment-config .date-picker-container{width:90%}.personnel-payment-config .date-picker-container label{margin-bottom:0;width:20%}.personnel-payment-config .image-gallery{width:90%}.personnel-payment-config .btn-write-in-container{width:90%}.personnel-payment-config .agreement-container button{height:25px}}@media screen and (max-width:480px){.personnel-payment-config .search-student-container{flex-direction:column;height:50px;padding:5px 3px 2px;font-size:13px}.personnel-payment-config .property-container{width:95%}.personnel-payment-config .property-container label{width:35%}.personnel-payment-config .property-container select{width:65%}.personnel-payment-config .input-width{width:65%}.personnel-payment-config .btn-write-in-container{width:95%}.personnel-payment-config .date-picker-container{width:95%}.personnel-payment-config .date-picker-container label{margin-bottom:0;width:35%}.personnel-payment-config .image-gallery{width:95%}.personnel-payment-config .search-student-container>div{margin-bottom:5px}}.personnel-payment-list{border:1px solid #000;border-width:0 1px;overflow-x:hidden}.personnel-payment-list-main-header{position:sticky;top:0;z-index:10;box-shadow:0 2px 5px grey}.personnel-payment-list .payment-header-title{height:50px;width:calc(100% - 200px);padding-top:5px;line-height:1.5}.personnel-payment-list-main-header .payment-list-guide{color:#e38484;cursor:pointer;position:relative;bottom:1px;padding-right:3px}.personnel-payment-list-main-header .payment-list-guide span{font-size:12px;text-decoration:underline}.personnel-payment-list-main-header .payment-list-guide i{position:relative;font-size:25px;top:4px}.personnel-payment-list .add-payment-report{height:100%;width:100px;display:flex;align-items:center;justify-content:center;position:absolute;left:10px;top:0}.personnel-payment-list .add-payment-report button{height:25px;width:90px;font-size:15px;border-style:solid;border-radius:5px}.personnel-payment-list .add-payment-report a{display:block}.personnel-payment-list .first-row-of-page{display:block}.personnel-payment-list .payment-tabs-container{height:50px;color:#000;padding-top:10px;font-size:16px;background-color:#fff}.personnel-payment-list .payment-toggle-box{height:35px;justify-content:space-around;background-color:#cddeef;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;box-shadow:0 0 5px 1px grey}.personnel-payment-list .report-tab-btn,.personnel-payment-list .summation-tab-btn{height:100%;width:40%;padding-top:6px;cursor:pointer;z-index:1}.personnel-payment-list .selected-tab{position:absolute;width:50%;height:35px;transition:1s}.personnel-payment-list .selected-tab div{background-color:#a4c5ed;width:97%;margin:0 auto;height:25px;border-radius:22px}.personnel-payment-list .selected-tab-title{text-shadow:0 0 1px #000;font-size:17px;padding-top:4px}.personnel-payment-list .paye-selector-container{background-color:#cddeef;position:sticky;top:0;z-index:1;border-bottom:1px solid grey}.personnel-payment-list .paye-selector-container .each-paye{min-width:100px;text-align:center;height:40px;padding-top:8px;font-size:15px;cursor:pointer;color:gray;border-left:1px solid gray}.personnel-payment-list .paye-selector-container .each-paye.selected-paye{color:#064ba0;background-color:#fff;height:41px;margin-bottom:-1px}.personnel-payment-list .payment-filterbar{position:relative;padding:5px 0 0;flex-wrap:wrap;justify-content:space-around}.personnel-payment-list .filter-row{justify-content:space-around;width:30%}.personnel-payment-list .remove-filter{width:50px;font-size:26px;color:red;text-align:center;padding:0 5px}.personnel-payment-list .filter-container::-webkit-scrollbar{display:none}.personnel-payment-list .payment-filterbar input,.personnel-payment-list .payment-filterbar select{height:32px;width:100%}.personnel-payment-list .name-filter{padding:0 5px;width:140px;margin-bottom:5px}.personnel-payment-list .name-filter input::-webkit-input-placeholder{text-align:center}.personnel-payment-list .name-filter input:-moz-placeholder{text-align:center}.personnel-payment-list .name-filter input::-moz-placeholder{text-align:center}.personnel-payment-list .name-filter input:-ms-input-placeholder{text-align:center}.personnel-payment-list .class-filter{padding:0 5px;width:145px;margin-bottom:5px}.personnel-payment-list .tracking-code-filter{padding:0 5px;width:140px;margin-bottom:5px}.personnel-payment-list .tracking-code-filter input::-webkit-input-placeholder{text-align:center}.personnel-payment-list .tracking-code-filter input:-moz-placeholder{text-align:center}.personnel-payment-list .tracking-code-filter input::-moz-placeholder{text-align:center}.personnel-payment-list .tracking-code-filter input:-ms-input-placeholder{text-align:center}.personnel-payment-list .tracking-code-filter input::-webkit-inner-spin-button,.personnel-payment-list .tracking-code-filter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.personnel-payment-list .tracking-code-filter input[type=number]{-moz-appearance:textfield}.personnel-payment-list .date-filter{padding:0 5px;margin-bottom:5px;display:flex;justify-content:space-around;width:35%}.personnel-payment-list .time-piker-container{justify-content:center}.personnel-payment-list .time-piker-width{width:70%}.personnel-payment-list .status-filter{padding:0 5px;width:170px;margin-bottom:5px;font-size:13px}.personnel-payment-list .payment-slider-view{width:calc(200% + 2px);display:flex;position:relative;transition:1s}.personnel-payment-list .transition-tab{width:50%}.personnel-payment-list .close-tab{animation:personnel-payment-list-closing 1s 1s forwards}@keyframes personnel-payment-list-closing{from{height:unset}to{height:0;overflow:hidden}}.personnel-payment-list .guide-row{color:#8b0000;height:30px;font-size:16px;text-align:center;margin-top:4px}.personnel-payment-list .guide-row i{font-size:23px}.personnel-payment-list .selected-student{font-size:16px;border-bottom:1px solid #000;background-color:#cddeef;text-align:center}.personnel-payment-list .selected-student button{background:0 0;border:0;color:red;font-size:22px;margin-top:3px}.personnel-payment-list .selected-student span{position:relative;top:-3px;padding-right:2px}.personnel-payment-list .report-container{text-align:center;margin:10px 20px;border:1px solid #000;border-bottom:0;background-color:#f0f8ff;border-radius:5px 5px 0 0}.personnel-payment-list .each-report{border-bottom:1px solid #000;padding:0 5px;display:flex;cursor:default}.personnel-payment-list .amount-and-trcode-header{display:flex;font-size:17px;width:calc(50% - 88px);text-shadow:0 0 1px}.personnel-payment-list .name-and-date-header{display:flex;font-size:17px;width:50%;text-shadow:0 0 1px}.personnel-payment-list .row2-in-mobile{width:50%}.personnel-payment-list .student-name-header{width:65%;text-align:right}.personnel-payment-list .tracking-code-header{width:50%;justify-content:center}.personnel-payment-list .date-header{width:35%;justify-content:center}.personnel-payment-list .amount-header{width:50%;justify-content:center}.personnel-payment-list .amount-and-trcode-container{width:calc(100% - 74px);display:flex;font-size:15px}.personnel-payment-list .name-and-date-container{width:50%;display:flex;font-size:15px}.personnel-payment-list .student-name-title{width:65%;text-align:right}.personnel-payment-list .payment-page-show-in-tablet{display:none}.personnel-payment-list .tracking-code-title{width:50%;justify-content:center}.personnel-payment-list .date-title{width:35%;justify-content:center}.personnel-payment-list .amount-title{width:50%;font-size:14px;justify-content:center;flex-wrap:wrap}.personnel-payment-list .amount-title i{font-size:15px;position:relative;top:1px;left:7px}.personnel-payment-list .information-button{width:60px;height:22px;margin:5px;border:2px solid #ff7c41;border-radius:5px;font-size:12px}.personnel-payment-list .information-button a{display:block}.personnel-payment-list .confimed-payment{color:#228b22}.personnel-payment-list .wating-payment{color:#f90}.personnel-payment-list .reject-payment{color:#b40000}.personnel-payment-list .summation-tab{margin-right:-2px;width:50%}.personnel-payment-list .header-summation-row{display:flex;padding:5px 10px 0}.personnel-payment-list .summation-student-name-title{width:65%;text-align:right;font-size:14px}.personnel-payment-list .summation-student-name-title input{width:35%;padding:3px}.personnel-payment-list .summation-amount-title{width:35%;text-align:center;padding-right:5px;font-size:14px;cursor:default}.personnel-payment-list .btn-all-payment{border:0;width:90px;height:25px;margin:5px;border-radius:2px}.personnel-payment-list .table-container table{width:95%;margin:auto;border:1px solid #000}.personnel-payment-list .table-container th{border:1px solid #000;text-align:center;height:25px}.personnel-payment-list .th-student-name{width:59%}.personnel-payment-list .th-amount{width:34%}.personnel-payment-list .th-amount>div{padding-top:3px}.personnel-payment-list .th-all-payment{width:7%}.personnel-payment-list .table-container td{border:1px solid #000}.personnel-payment-list .td-all-payment button{border:0;height:100%;width:100%}.personnel-payment-list .td-all-payment i{position:relative;top:1px}.personnel-payment-list .summation-tab .each-class{margin:10px;border:1px solid #000;border-bottom:0;border-radius:5px 5px 0 0;overflow:hidden}.personnel-payment-list .summation-tab .class-title-row{font-size:15px;padding:5px;background-color:#064ba0;color:#fff}.personnel-payment-list .summation-tab .sum-of-class{width:calc(35% - 35px);text-align:center;padding-right:40px}.personnel-payment-list .summation-tab .class-title{width:65%;text-align:right}.personnel-payment-list .summation-tab .paye-summation-title{font-size:15px;color:#8b0000;margin:-5px 10px 0;padding:5px;border-radius:0 0 5px 5px;text-align:center}.personnel-payment-list .summation-tab .toggle-class-btn{font-size:17px;height:15px;width:35px;text-align:center}.personnel-payment-list .summation-tab .toggle-class-btn i{position:relative;bottom:4px}.personnel-payment-list .summation-tab .each-summation-row{display:flex;border-bottom:1px solid #000;padding-right:5px;height:25px;transition:.5s;background:#f0f8ff}.personnel-payment-list .summation-tab .each-summation-row:hover{background-color:#d9d9d9}.personnel-payment-list .summation-tab .classified-mode-toggle{padding:0 10px;display:flex;padding-top:7px}.personnel-payment-list .summation-tab .classified-mode-toggle i{font-size:20px;width:20px;direction:ltr;padding-left:3px}@media screen and (max-width:1024px){.personnel-payment-list .filter-container{justify-content:normal}.personnel-payment-list .filter-row{width:50%;justify-content:space-around}.personnel-payment-list .date-filter{width:100%;padding:0 5px 0 7px}.personnel-payment-list .class-filter,.personnel-payment-list .tracking-code-filter{padding:0 10px}.personnel-payment-list .status-filter{padding:0 10px;font-size:12px}.personnel-payment-list .amount-and-trcode-header{width:calc(55% - 70px)}.personnel-payment-list .name-and-date-header{width:45%}.personnel-payment-list .student-name-header{width:60%}.personnel-payment-list .row2-in-mobile{width:55%}.personnel-payment-list .amount-and-trcode-container{width:calc(100% - 70px);font-size:13px}.personnel-payment-list .name-and-date-container{width:45%}.personnel-payment-list .student-name-title{width:60%}.personnel-payment-list .tracking-code-title{font-size:13px}.personnel-payment-list .tracking-code-title span{font-size:12px}.personnel-payment-list .date-title{font-size:13px}}@media screen and (max-width:768px){.personnel-payment-list-main-header{font-size:16px}.personnel-payment-list .select-paye{font-size:13px}.personnel-payment-list .payment-tabs-container{height:40px;padding-top:7px;font-size:14px}.personnel-payment-list .payment-toggle-box{height:30px;border-radius:15px}.personnel-payment-list .report-tab-btn,.personnel-payment-list .summation-tab-btn{padding-top:4px}.personnel-payment-list .selected-tab{height:25px;border-radius:12px}.personnel-payment-list .selected-tab div{height:24px}.personnel-payment-list .selected-tab-title{text-shadow:0 0 1px #000;font-size:15px;padding-top:3px}.personnel-payment-list .add-payment-report{left:0}.personnel-payment-list .add-payment-report button{height:26px;width:78px;padding-top:1px;font-size:13px}.personnel-payment-list .paye-selector-container .each-paye{min-width:65px;text-align:center;height:32px;padding-top:7px;font-size:12px}.personnel-payment-list .paye-selector-container .each-paye.selected-paye{height:33px}.personnel-payment-list .filter-row{width:100%;height:35px}.personnel-payment-list .date-filter{padding:0}.personnel-payment-list .time-piker-width{width:90%}.personnel-payment-list .time-piker-container{justify-content:space-between;width:40%}.personnel-payment-list .class-filter,.personnel-payment-list .name-filter,.personnel-payment-list .tracking-code-filter{padding:0 5px;width:42%}.personnel-payment-list .status-filter{padding:0 5px;width:42%}.personnel-payment-list .report-container{margin:5px;border-radius:0}.personnel-payment-list .each-report{flex-direction:column;padding:0 5px}.personnel-payment-list .row2-in-mobile{width:100%}.personnel-payment-list .payment-page-show-in-tablet{display:unset}.personnel-payment-list .student-name-header{width:70%;padding-top:5px;font-size:16px}.personnel-payment-list .tracking-code-header{width:55%;justify-content:right;padding:0}.personnel-payment-list .date-header{width:30%;font-size:12px;padding:4px 0 0 16px;justify-content:left}.personnel-payment-list .amount-header{width:45%;font-size:14px;padding:4px;justify-content:right}.personnel-payment-list .amount-and-trcode-container{flex-direction:row-reverse;justify-content:space-evenly}.personnel-payment-list .name-and-date-container{width:100%}.personnel-payment-list .student-name-title{width:70%;padding-top:5px;font-size:16px}.personnel-payment-list .tracking-code-title{width:55%;justify-content:right;padding:0}.personnel-payment-list .tracking-code-title span{padding-top:4px}.personnel-payment-list .date-title{width:30%;font-size:12px;padding:4px 0 0 16px;justify-content:left}.personnel-payment-list .amount-title{width:45%;font-size:14px;padding:4px;justify-content:right}.personnel-payment-list .information-button{margin:0}.personnel-payment-list .summation-student-name-title input{width:50%}.personnel-payment-list .summation-tab .sum-of-class{width:35%;text-align:left;padding-right:0}}@media screen and (max-width:480px){.personnel-payment-list .payment-header-title{height:30px;width:calc(100% - 160px);font-size:18px;padding-top:2px}.personnel-payment-list .add-payment-report{width:90px}.personnel-payment-list .add-payment-report button{font-size:12px;width:73px}.personnel-payment-list .select-paye-container{width:80px}.personnel-payment-list .select-paye-container select{height:23px;width:60px;font-size:13px}.personnel-payment-list .select-paye-content{top:-8px;right:0}.personnel-payment-list .select-paye{font-size:12px;width:60px}.personnel-payment-list .select-paye i{margin-right:2px;font-size:7px;margin-top:0}.personnel-payment-list .selected-tab div{width:96%}.personnel-payment-list .paye-selector-container .each-paye{min-width:34px;padding:8px 3px 0}.personnel-payment-list .paye-selector-container .each-paye.selected-paye{min-width:50px}.personnel-payment-list .class-filter{padding:0 5px;width:50%;margin-bottom:5px}.personnel-payment-list .status-filter{padding:0 5px;width:50%;font-size:10px;margin-bottom:5px}.personnel-payment-list .date-filter{justify-content:space-around;width:100%;padding:0 5px}.personnel-payment-list .name-filter,.personnel-payment-list .tracking-code-filter{padding:0 5px;width:50%}.personnel-payment-list .time-piker-container{justify-content:space-around;width:50%}.personnel-payment-list .time-piker-width{width:87%}.personnel-payment-list .each-report{padding:0 5px}.personnel-payment-list .amount-and-trcode-container{flex-direction:column-reverse}.personnel-payment-list .name-and-date-container{width:100%}.personnel-payment-list .tracking-code-title{width:100%;padding:4px}.personnel-payment-list .tracking-code-title span{padding:0}.personnel-payment-list .amount-and-trcode-container{justify-content:space-evenly}.personnel-payment-list .date-title{padding:10px 0 0 16px}.personnel-payment-list .amount-title{width:100%}.personnel-payment-list .summation-student-name-title{font-size:12px;width:60%}.personnel-payment-list .summation-student-name-title input{width:90%}.personnel-payment-list .summation-amount-title{width:40%;padding-left:2px;font-size:12px}.personnel-payment-list .summation-tab .class-title-row{font-size:13px}.personnel-payment-list .summation-tab .class-title{width:50%;text-align:right}.personnel-payment-list .summation-tab .sum-of-class{width:50%;text-align:left;padding-right:0}.personnel-payment-list .summation-tab .toggle-class-btn{font-size:15px;width:30px;text-align:left;padding-left:2px}.personnel-payment-list .summation-tab .toggle-class-btn i{bottom:3px}.personnel-payment-list .summation-tab .paye-summation-title{font-size:13px}}.payment-management .payment-list-tab .payment-list-tab-body{overflow:auto;border:1px solid gray;border-width:0 1px}.payment-management .payment-list-tab .each-guide{padding:7px 10px 3px}.payment-management .payment-list-tab .each-guide .fa-circle{font-size:8px}.payment-management .payment-list-tab .each-guide .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.payment-management .payment-list-tab .add-new-record{text-align:center;padding-top:7px}.payment-management .payment-list-tab .add-new-record button{font-size:14px;min-width:300px;border-radius:4px;color:#064ba0;padding:3px;border-color:#f5962e;background-color:#ffa639}.payment-management .payment-list-tab .table-container{overflow:auto;padding:7px}.payment-management .payment-list-tab .table-container table{width:100%}.payment-management .payment-list-tab .table-container table tr{background-color:#fff}.payment-management .payment-list-tab .table-container table tr.background-gray{background-color:#f3f3f3}.payment-management .payment-list-tab .table-container table td,.payment-management .payment-list-tab .table-container table th{border:1px solid gray;padding:5px;text-align:center}.payment-management .payment-list-tab .table-container table th{background-color:#cddeef}.payment-management .payment-list-tab .table-container .paye-summation{font-size:16px}.payment-management .payment-list-tab .table-container .record-note{min-width:170px}.payment-management .payment-list-tab .table-container .record-extra-info{min-width:170px}.payment-management .payment-list-tab .table-container .record-date{min-width:110px}.payment-management .add-payment-tab .add-payment-tab-body{overflow:auto;border:1px solid gray;border-width:0 1px}.payment-management .add-payment-tab .school-title{font-size:17px;color:#064ba0;text-align:center;padding:20px 3px 7px}.payment-management .add-payment-tab .amount-input{text-align:center;padding:3px 0}.payment-management .add-payment-tab .amount-input input{width:80%;padding:3px 5px;font-size:15px}.payment-management .add-payment-tab .note-input{text-align:center;padding:3px 0}.payment-management .add-payment-tab .note-input input{width:80%;padding:3px 5px;font-size:15px}.payment-management .add-payment-tab .extra-info-input{text-align:center;padding:3px 0}.payment-management .add-payment-tab .extra-info-input input{width:80%;padding:3px 5px;font-size:15px}.payment-management .add-payment-tab .button-row{justify-content:center}.payment-management .add-payment-tab .button-row button{margin:15px 20px 20px}@media screen and (max-width:768px){.payment-management .add-payment-tab .amount-input input{width:65%}.payment-management .add-payment-tab .note-input input{width:65%}.payment-management .add-payment-tab .extra-info-input input{width:65%}}@media screen and (max-width:480px){.payment-management .payment-list-tab .each-guide{padding:7px 7px 3px}.payment-management .payment-list-tab .each-guide .change-school-btn{font-size:10px;bottom:1px}.payment-management .payment-list-tab .table-container{padding:5px}.payment-management .payment-list-tab .table-container table{font-size:10px}.payment-management .payment-list-tab .table-container td,.payment-management .payment-list-tab .table-container th{padding:6px 4px 2px}.payment-management .payment-list-tab .table-container .paye-summation{font-size:14px}.payment-management .payment-list-tab .table-container .record-note{min-width:120px}.payment-management .payment-list-tab .table-container .record-date{min-width:100px}.payment-management .payment-list-tab .add-new-record{padding-top:12px;padding-bottom:5px}.payment-management .payment-list-tab .add-new-record button{font-size:13px;min-width:250px}.payment-management .add-payment-tab .school-title{font-size:15px;padding:20px 3px 5px}.payment-management .add-payment-tab .amount-input input{width:97%;padding:2px 4px;font-size:14px}.payment-management .add-payment-tab .note-input input{width:97%;padding:3px 4px 2px;font-size:10px}.payment-management .add-payment-tab .extra-info-input input{width:97%;padding:3px 4px 2px;font-size:10px}}.personnel-school-configuration{min-height:100%;border:1px solid gray;border-width:0 1px}.personnel-school-configuration .each-item{transition:.4s;border-bottom:1px solid #bfbfbf;font-size:15px}.personnel-school-configuration .each-item.background-gray{background-color:#f3f3f3}.personnel-school-configuration .each-item:hover{background-color:#e1e1e1}.personnel-school-configuration .each-item a{display:block;padding:2px 5px}.personnel-school-configuration .each-item a:hover{text-decoration:none;color:#085cc3}.personnel-school-configuration .each-item .fa-caret-left{font-size:18px;color:#064ba0;position:relative;top:3px;padding-left:1px}.personnel-school-configuration .each-item .bottom-expression{padding-top:10px;padding-right:2px;font-size:12px;color:#686868}@media screen and (max-width:480px){.personnel-school-configuration .each-item{font-size:14px}.personnel-school-configuration .each-item .bottom-expression{padding-top:7px;font-size:11px}.personnel-school-configuration .each-item .fa-caret-left{font-size:16px;padding-left:0}}.sms-setting{min-height:100%;border:1px solid gray;border-width:0 1px}.sms-setting .sms-setting-header{padding-left:35px;background-color:#064ba0}.sms-setting .setting-expression{font-size:14px}.sms-setting .setting-expression i{font-size:21px;position:relative;top:4px;color:#064ba0}.sms-setting .each-setting-part{text-align:justify;padding:12px 15px 0;flex-wrap:wrap}.sms-setting .each-setting-part .select-container select{width:200px;font-size:14px;padding:3px 5px;margin:5px 10px 1px;border-radius:5px}.sms-setting .each-setting-part .radio-button-container{justify-content:space-evenly;font-size:14px}.sms-setting .each-setting-part .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:140px;text-align:center;position:relative;cursor:pointer}.sms-setting .each-setting-part .each-radio-button.selected{background-color:#d2eaf3}.sms-setting .each-setting-part .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.sms-setting .select-container{height:52px;overflow:hidden;transition:.5s ease-out}.sms-setting .select-container.disabled{height:0}.sms-setting .hr-type1{margin:5px 10px;border-top:1px solid #b7b7b7}.sms-setting .setting-warning{padding:5px 15px 20px;font-size:14px;color:#595959}.sms-setting .setting-warning i{color:#c80d0d;font-size:18px;position:relative;top:2px}.sms-setting .account-balance{font-size:14px;padding:7px;text-align:center;height:42px}.sms-setting .account-balance button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 3px 3px 4px;border-color:#f5962e;background-color:#ffa639}.sms-setting .go-to-sms-list-btn{font-weight:300;color:#257cc8;text-decoration:underline;font-size:14px;padding:0 15px}@media screen and (max-width:768px){.sms-setting .each-setting-part{padding:12px 7px 0}.sms-setting .each-setting-part .select-container select{width:180px;font-size:13px}.sms-setting .setting-expression{font-size:13px;padding-bottom:3px}.sms-setting .setting-warning{padding:5px 7px 20px;font-size:12px}.sms-setting .footer-button-container button{min-width:110px;font-size:14px;padding:5px 5px}}@media screen and (max-width:480px){.sms-setting .each-setting-part{padding:3px 7px 0}.sms-setting .each-setting-part .radio-button-container{font-size:13px}.sms-setting .each-setting-part .each-radio-button{padding:2px 5px;margin:2px 15px 10px;width:100px}.sms-setting .each-setting-part .each-radio-button i{font-size:14px;right:5px;top:4px}.sms-setting .each-setting-part .select-container{width:100%}.sms-setting .each-setting-part .select-container select{width:100%;margin:5px 0}.sms-setting .setting-expression{font-size:12px;padding-bottom:3px}.sms-setting .setting-expression i{font-size:18px;position:relative;top:4px;color:#064ba0}.sms-setting .setting-warning{padding:5px 7px 20px;font-size:12px}.sms-setting .setting-warning i{font-size:14px}.sms-setting .select-container{height:70px}.sms-setting .go-to-sms-list-btn{font-size:13px}}.sms-list{position:relative;overflow:hidden;border:1px solid gray;border-width:0 1px}.sms-list .sms-list-mode .sms-list-header{padding-left:35px;background-color:#064ba0;position:relative}.sms-list .sms-list-mode .setting-mode-btn{width:90px;position:absolute;left:12px;top:15px}.sms-list .sms-list-mode .setting-mode-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 3px 3px 1px;border-color:#f5962e;background-color:#ffa639}.sms-list .sms-list-mode .account-balance{font-size:14px;padding:7px;text-align:center;height:42px}.sms-list .sms-list-mode .account-balance button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 3px 3px 4px;border-color:#f5962e;background-color:#ffa639}.sms-list .sms-list-mode .scrollable-part{overflow:auto;height:calc(100% - 102px)}.sms-list .sms-list-mode .filter-box{position:relative;margin:12px}.sms-list .sms-list-mode .filter-box .filter-icon{position:absolute;height:100%;top:0;right:0;width:45px;font-size:27px;padding:4px 8px}.sms-list .sms-list-mode .filter-box .filter-container{padding:0 50px 0 7px;justify-content:space-around;flex-wrap:wrap}.sms-list .sms-list-mode .filter-box .date-filter{width:35%}.sms-list .sms-list-mode .filter-box .date-filter .date-picker-width{width:calc(100% - 70px);max-width:250px}.sms-list .sms-list-mode .filter-box .user-name-filter{width:25%}.sms-list .sms-list-mode .filter-box .user-name-filter input{width:100%;padding:6px 5px;border-radius:5px;border:1px solid #171717;text-align:center}.sms-list .sms-list-mode .filter-box .mobile-number-filter{width:25%}.sms-list .sms-list-mode .filter-box .mobile-number-filter input{width:100%;padding:6px 5px;border-radius:5px;border:1px solid #171717;text-align:center}.sms-list .sms-list-mode .new-sms-btn{position:sticky;bottom:0}.sms-list .sms-list-mode .new-sms-btn button{position:absolute;bottom:35px;left:45px;font-size:12px;width:72px;height:72px;z-index:20;border-radius:50%;color:#064ba0;padding:7px 4px 2px 3px;border-color:#f5962e;background-color:#ffa639}.sms-list .sms-list-mode .each-message{padding:2px 7px 0;border-bottom:1px solid #bfbfbf;position:relative;cursor:pointer;transition:.4s ease-out}.sms-list .sms-list-mode .each-message.background-gray{background-color:#f3f3f3}.sms-list .sms-list-mode .each-message:hover{padding:2px 15px 0 7px;background-color:#d2d2d2}.sms-list .sms-list-mode .sms-subject{font-size:15px;width:calc(100% - 130px)}.sms-list .sms-list-mode .sms-subject i{font-size:18px;position:relative;top:3px}.sms-list .sms-list-mode .empty-list-expression{padding:35px 0;text-align:center;font-size:16px}.sms-list .sms-list-mode .receiver-name{font-size:14px}.sms-list .sms-list-mode .receiver-name i{font-size:18px;position:relative;top:3px}.sms-list .sms-list-mode .mobile-number{font-size:14px}.sms-list .sms-list-mode .mobile-number .fa-caret-left{font-size:18px;position:relative;top:3px}.sms-list .sms-list-mode .sms-status{font-size:14px}.sms-list .sms-list-mode .sms-status .fa-caret-left{font-size:18px;position:relative;top:3px}.sms-list .sms-list-mode .sms-status .fa-check{font-size:11px;color:#228b22;width:5px;position:relative;right:-4px}.sms-list .detail-mode{height:100%;width:100%;position:absolute;top:0;z-index:50;background-color:#fff;overflow:auto;transition:.7s ease-out}.sms-list .detail-mode .sms-list-header{padding-left:35px;background-color:#064ba0}.sms-list .detail-mode .info-first-part{padding:7px 10px 10px;justify-content:space-evenly;font-size:15px;flex-wrap:wrap;color:#064ba0}.sms-list .detail-mode .info-first-part i{font-size:19px;position:relative;top:3px}.sms-list .detail-mode .sms-info{padding:3px}.sms-list .detail-mode .sms-info .each-item{font-size:14px;padding:5px 10px}.sms-list .detail-mode .sms-info .each-item .fa-caret-left{font-size:18px;position:relative;top:2px;color:#064ba0}.sms-list .detail-mode .sms-info .each-item .fa-check{font-size:16px;position:relative;top:1px;color:#228b22}.sms-list .detail-mode .sms-info .sms-text-body{border:2px solid #064ba0;border-radius:7px;padding:7px;margin:5px 15px;font-size:14px}.sms-list .detail-mode .sms-info .sms-text-body i{font-size:18px;position:relative;top:2px;color:#064ba0;padding:0 3px}.sms-list .detail-mode .sms-info .sms-text-body legend{width:fit-content;padding:5px 15px;border:0;margin:0;margin-right:20px;color:#064ba0;font-size:18px}@media screen and (max-width:768px){.sms-list .sms-list-mode .message-date{font-size:11px;width:115px;padding-right:5px;padding-top:4px}.sms-list .sms-list-mode .new-sms-btn button{bottom:25px;left:30px;font-size:12px;width:72px;height:72px;padding:5px 4px 2px 3px}.sms-list .sms-list-mode .receiver-name{font-size:13px}.sms-list .sms-list-mode .receiver-name i{font-size:16px;position:relative;top:2px}.sms-list .sms-list-mode .mobile-number{font-size:13px}.sms-list .sms-list-mode .mobile-number .fa-caret-left{font-size:16px;position:relative;top:2px}.sms-list .sms-list-mode .sms-status{font-size:13px}.sms-list .sms-list-mode .sms-status .fa-caret-left{font-size:16px;position:relative;top:2px}.sms-list .sms-list-mode .setting-mode-btn{width:90px;position:absolute;left:10px;top:11px}.sms-list .sms-list-mode .account-balance{height:40px}.sms-list .sms-list-mode .account-balance button{font-size:12px;padding:2px 3px 3px 4px;position:relative;bottom:1px}.sms-list .sms-list-mode .scrollable-part{overflow:auto;height:calc(100% - 90px)}.sms-list .sms-list-mode .filter-box .filter-icon{position:absolute;height:39px;top:0;right:0;width:39px;font-size:25px;padding:2px 6px;border-radius:0 0 0 7px}.sms-list .sms-list-mode .filter-box .filter-container{padding:0 7px}.sms-list .sms-list-mode .filter-box .date-filter{width:100%;padding-right:39px;text-align:center;justify-content:center}.sms-list .sms-list-mode .filter-box .user-name-filter{width:47%}.sms-list .sms-list-mode .filter-box .user-name-filter input{padding:4px 3px;margin-top:7px}.sms-list .sms-list-mode .filter-box .mobile-number-filter{width:47%}.sms-list .sms-list-mode .filter-box .mobile-number-filter input{padding:4px 3px;margin-top:7px}}@media screen and (max-width:480px){.sms-list .sms-list-mode .each-message{padding:2px 7px 0 0}.sms-list .sms-list-mode .each-message:hover{padding:2px 12px 0 0}.sms-list .sms-list-mode .menu-button{font-size:26px;top:8px;left:7px;width:31px}.sms-list .sms-list-mode .menu-button .out-header-menu-container{left:4px;top:3px}.sms-list .sms-list-mode .message-date{font-size:10px;width:70px;padding-top:4px;text-align:center}.sms-list .sms-list-mode .new-sms-btn button{bottom:30px;left:25px;font-size:11px;width:55px;height:55px;padding:2px 3px 2px 3px}.sms-list .sms-list-mode .received-message-sender{font-size:12px}.sms-list .sms-list-mode .received-message-sender i{font-size:14px;top:2px}.sms-list .sms-list-mode .setting-mode-btn{width:85px;left:0;top:12px}.sms-list .sms-list-mode .setting-mode-btn button{font-size:11px;padding:3px 3px 2px 1px}.sms-list .sms-list-mode .account-balance{font-size:13px;padding:8px 7px 0}.sms-list .sms-list-mode .account-balance button{font-size:11px;padding:3px 4px 2px 4px}.sms-list .sms-list-mode .filter-box .date-filter{padding-right:30px}.sms-list .sms-list-mode .sms-status{font-size:12px;padding:2px 0 3px}.sms-list .sms-list-mode .mobile-number{font-size:12px;padding:2px 0 0}.sms-list .sms-list-mode .receiver-name{font-size:12px;padding:2px 0 0}.sms-list .detail-mode .info-first-part{padding:4px 5px 7px;font-size:13px}.sms-list .detail-mode .sms-info .each-item{font-size:12px;padding:3px 7px}.sms-list .detail-mode .sms-info .each-item .fa-caret-left{font-size:15px;top:3px}.sms-list .detail-mode .sms-info .sms-text-body{padding:5px;margin:3px 10px;font-size:12px}.sms-list .detail-mode .sms-info .sms-text-body legend{padding:5px 10px 0;margin-right:10px;font-size:16px}.sms-list .detail-mode .sms-info .sms-text-body i{font-size:15px;position:relative;top:2px;color:#064ba0;padding:0 2px 0 1px}}.student-management{overflow:auto}.student-management .student-management-header{padding-left:35px;position:relative;background-color:#064ba0}.student-management .student-management-header .menu-button{position:absolute;left:5px;top:6px;color:#fff;font-size:32px;padding-left:7px;padding-top:5px;text-align:center;width:40px}.student-management .student-management-header .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.student-management .student-management-header .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:11;color:#000}.student-management .student-management-header .in-header-menu-container{width:160px;background-color:#f0f8ff;font-size:13px;padding:3px}.student-management .student-management-header .menu-button .each-feature{border-radius:3px;padding:2px 1px;cursor:pointer}.student-management .student-management-header .menu-button .each-feature:hover{background-color:#d3d3d3}.student-management .student-management-header .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.student-management .main-guid{font-size:14px;padding:6px 7px 6px;background-color:#faeed9}.student-management .main-guid .fa-circle{font-size:12px;position:relative;top:1px;color:#064ba0}.student-management .guide-box{padding:5px 2px 2px 2px;text-align:justify}.student-management .guide-box .each-guide{padding:2px 5px;font-size:13px}.student-management .guide-box .each-guide .fa-circle{color:#b42528;font-size:8px}.student-management .operation-row{justify-content:space-evenly;display:flex;padding:7px 5px 1px;background-color:#c3d4e8;flex-wrap:wrap}.student-management .operation-row button{width:200px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 3px #00000082;color:#064ba0;padding:5px}.student-management .operation-row button:disabled{background:#b9b9b9;border:2px solid #767676;box-shadow:0 0 0 #00000082;color:#767676}.student-management .operation-row hr{width:90%;margin:10px auto 2px;border-top:1px solid #064ba0}.student-management .filter-row-container{padding:5px 5px 7px;background-color:#c3d4e8;position:sticky;top:0;z-index:10;box-shadow:0 4px 5px -2px #b0b0b0}.student-management .filter-row-container .adding-expression{text-align:center;padding:0 5px 10px;font-size:15px;color:#064ba0}.student-management .filter-row-container .add-button-container{padding:20px 10px 3px;justify-content:center}.student-management .filter-row-container .confirm-add-button{background:#94c221;min-width:80px;border-radius:5px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #7da511;color:#000;margin:0 15px}.student-management .filter-row-container .exit-adding-mode-button{background:#ff6a40;min-width:80px;border-radius:5px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #f32121;color:#000;margin:0 15px}.student-management .filter-row{justify-content:space-evenly;display:flex;flex-wrap:wrap}.student-management .filter-row input{width:24%;margin:2px;text-align:center;padding:5px 3px;border-radius:5px;border:1px solid #545454;font-size:13px}.student-management .filter-row select{width:24%;text-align:center;margin:2px;padding:0 3px;border-radius:5px;font-size:13px}.student-management .classified-checkbox-container{font-size:15px;padding:7px 5px 2px;flex-wrap:wrap}.student-management .classified-checkbox-container .each-checkbox{width:50%}.student-management .classified-checkbox-container .each-checkbox i{position:relative;top:2px;right:1px;font-size:17px;direction:ltr;width:16px;cursor:pointer}.student-management .configuration-content{font-size:15px}.student-management .each-class-data{border-radius:5px;margin:5px 8px;border:2px solid #2662ac;background-color:#2662ac}.student-management .class-container{border-bottom:1px solid #2662ac;background:#2662ac;color:#fff;padding:5px 10px;justify-content:space-between}.student-management .operational-menu-button{width:20px;cursor:pointer;text-align:center;font-size:21px}.student-management .operational-menu-outer{overflow:hidden;transition:.4s ease-out;position:absolute;left:0;top:0;z-index:5;background-color:#efefef;box-shadow:1px 1px 3px grey;border-radius:5px;color:#000;font-size:13px}.student-management .operational-menu-inner{width:150px;height:100%}.student-management .operational-menu-inner>div{cursor:pointer;padding:5px;margin:3px;border-radius:5px}.student-management .operational-menu-inner>div:hover{background-color:#d5d4d4}.student-management .operational-menu-inner>div>span{padding-right:5px}.student-management .operational-menu-inner i{font-size:17px;position:relative;bottom:2px}.student-management .operational-menu-inner .fa-calendar{color:#003b85}.student-management .operational-menu-inner .fa-pencil{color:#d75c05}.student-management .operational-menu-inner .fa-user-circle{color:#003b85}.student-management .operational-menu-inner .fa-file-excel-o{color:#049825}.student-management .operational-menu-inner .fa-trash{color:#c11200}.student-management .classes-detail .class-warning{background:#f3f3f3;padding:3px 3px 4px}.student-management .classes-detail .class-warning span{font-size:12px;text-decoration:underline;color:#1147df;cursor:pointer;white-space:nowrap}.student-management .classes-detail .class-warning i{position:relative;top:1px;right:1px;color:#a10202}.student-management .classes-detail .filter-warning{background:#f3f3f3;padding:3px 3px 4px;text-align:center;font-size:15px;color:#a10202}.student-management .class-admin{text-align:center;padding:3px}.student-management .teachers-list{justify-content:space-between;flex-wrap:wrap;padding:5px 15px;background:#f0faff}.student-management .teacher-info-box{border-radius:5px;margin:5px 10px;text-align:center;font-size:13px;border:1px solid #6d90bd;min-width:150px}.student-management .teacher-info-box i{color:#00469d}.student-management .teacher-info-box div{height:25px;padding:3px}.student-management .lesson{border-bottom:1px solid #6d90bd;background:#efefef;border-radius:5px 5px 0 0}.student-management .teacher-name{background:#fff;border-radius:0 0 5px 5px}.student-management .add-to-class-container{position:absolute;bottom:0}.student-management .add-to-class{position:absolute;bottom:40px;left:40px;border-radius:9%;border:3px solid #ff5103;width:75px;height:32px;font-size:15px;background:#ff8d01;box-shadow:1px 2px 3px 1px #505050,inset 0 1px 10px 1px #d74200;z-index:5;cursor:pointer;color:#003a81;display:flex;align-items:center;justify-content:center}.student-management .add-to-class i{font-size:15px;margin-left:3px}.student-management .students-detail{overflow:auto}.student-management .students-detail::-webkit-scrollbar{height:5px}.student-management .students-detail td{font-size:14px;padding:2px 0;border:1px solid #b9b9b9;border-bottom:0;background:#f3f3f3;color:#002e66}.student-management .each-class-data .students-detail table{width:100%;margin:0 auto;text-align:center;position:relative}.student-management .each-class-data .students-detail th{text-align:center;padding:5px 2px;border:1px solid #b9b9b9;background:#f3f3f3;color:#064ba0}.student-management .no-classified .students-detail table{width:calc(100% - 14px);margin:7px;text-align:center;border-bottom:1px solid #b9b9b9}.student-management .no-classified .students-detail th{text-align:center;padding:5px 2px;border:1px solid #b9b9b9;background:#2662ac;color:#fff}.student-management .students-detail td .td-div-content{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;margin:0 3px}.student-management .students-detail td .td-div-content .fa-gear{font-size:22px;padding-top:1px;cursor:pointer}.student-management .student-photo{width:50px}.student-management .image-container{width:35px;height:35px;margin:0 auto;justify-content:center}.student-management .image-container img{max-width:100%;max-height:100%}.student-management .image-container i{font-size:28px;color:#2662ac}.student-management .filtered-color{color:#228b22}.student-management .edit-student{cursor:pointer}.student-management .edit-student:hover{background-color:#d0d0d0}.student-management .without-classification .each-class-data{border:2px solid #cb650a;background-color:#cb650a}.student-management .without-classification .class-container{border-bottom:1px solid #cb650a;background:#cb650a}.student-management .without-classification .each-class-data .students-detail th{border:1px solid #bdac9c;color:#b95e0d}.student-management .without-classification .students-detail td{border:1px solid #bdac9c}@media screen and (max-width:1024px){.student-management .operation-row button{width:160px}}@media screen and (max-width:768px){.student-management .student-management-header .menu-button{left:2px;top:3px;font-size:29px}.student-management .main-guid{font-size:11px;padding:5px 7px 0}.student-management .main-guid>div{padding:3px}.student-management .configuration-content{font-size:14px}.student-management .classified-checkbox-container{font-size:14px;padding:7px 10px 2px}.student-management .classified-checkbox-container .each-checkbox{width:100%}.student-management .operation-row{padding:3px 1px 1px}.student-management .operation-row button{width:21%;margin:6px 3px 0}.student-management .classes-detail .class-warning{font-size:13px}.student-management .classes-detail .class-warning span{font-size:11px}.student-management .each-class-data .students-detail th{font-size:12px}.student-management .no-classified .students-detail th{font-size:12px}.student-management .students-detail td .td-div-content{font-size:11px;padding:2px}.personnel-exam-list .exam-posted-tab .each-guide{font-size:11px}.student-management .filter-row input{font-size:12px}.student-management .filter-row select{font-size:12px}}@media screen and (max-width:480px){.student-management .class-container{padding:5px 7px 5px 5px}.student-management .classified-checkbox-container{font-size:13px;padding:7px 10px 2px}.student-management .student-management-header .menu-button{left:0;top:4px;font-size:27px;padding-left:5px;padding-top:5px}.student-management .filter-row input{width:32%;font-size:11px;padding:5px 2px 3px}.student-management .filter-row select{width:32%;font-size:11px}.student-management .configuration-content{font-size:13px}.student-management .operation-row button{width:45%;margin:6px 3px 0}.student-management .image-container i{font-size:24px;color:#2662ac}}.weekly-schedule .header{width:100%;height:80px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;border-radius:5px 5px 0 0;margin-bottom:10px}.weekly-schedule .first-warning{text-align:center;font-size:14px}.weekly-schedule .header-title{width:100%;height:50%;display:flex;justify-content:flex-start;align-items:center;font-size:20px;border-radius:5px 5px 0 0;position:relative;padding-right:20px}.weekly-schedule .select-grade{right:30px}.weekly-schedule .edit{position:absolute;left:30px;font-size:16px}.weekly-schedule .switch{display:flex;align-items:center;justify-content:center}.weekly-schedule .header-info{width:100%;height:50%;display:flex;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px;position:relative;padding:0 15px}.weekly-schedule .class-name{color:#fff;text-decoration:underline}.weekly-schedule .submit-changes{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.weekly-schedule .schedule-container{width:100%;height:Calc(100% - 80px);border-radius:5px;margin:-10px auto}.weekly-schedule .day{width:98%;height:70px;display:flex;margin:7px auto;box-shadow:0 0 3px gray}.weekly-schedule .day-of-the-week{width:10%;height:100%;display:flex;justify-content:space-evenly;align-items:center;box-shadow:none;border-radius:0 5px 5px 0;color:#fff;flex-direction:column}.weekly-schedule .sessions{width:90%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;background-color:#fff2c4;border-radius:5px 0 0 5px}.weekly-schedule .each-session{width:129px;display:flex;align-items:center;margin:2px 5px;background-color:#fff;border:2px solid #0d65d2;border-radius:5px;box-shadow:3px 2px 4px #00000069;height:40px}.weekly-schedule .lesson-dropdown{border:none;width:89%;cursor:pointer;font-size:10px;background-color:#ffffff00;font-weight:bolder}.weekly-schedule .choose-lesson{cursor:default}.weekly-schedule .choose-lesson-icon{position:absolute;left:5px;bottom:6px;font-size:12px}.weekly-schedule .selected-lesson{font-size:11px;padding:2px 0}.weekly-schedule .second-lesson{border-top:1px dashed #0d65d2}.weekly-schedule .bell{position:absolute;top:2px;left:17%;font-size:19px;color:#0d65d22e}.weekly-schedule .bell2{position:relative;font-size:19px;color:#0d65d2;padding:3px 1px}.weekly-schedule .bell2 span{position:absolute;top:0;right:0;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:12px}.weekly-schedule .lessons-in-each-zang{width:100%;height:100%;border-right:2px solid #0d65d2;display:flex;justify-content:space-around;flex-direction:column;text-align:center}.weekly-schedule .remove-lesson{color:red;cursor:pointer;font-size:13px}.weekly-schedule .disabled{border-bottom:none;box-shadow:none;color:#b36767;cursor:default;border-color:transparent}.weekly-schedule .schedule-warnings{display:flex;justify-content:center;align-items:center;width:100%}.weekly-schedule .schedule-warnings1{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}.weekly-schedule .tak-zang{font-size:11px;padding:5px;min-width:23px;height:37px;border-radius:50px;border:none;box-shadow:1px 1px 3px 0 #161616;background:#f7c000;width:37px}.weekly-schedule .edit-lesson{display:flex;justify-content:flex-end;align-items:center}.weekly-schedule .unspecified{font-weight:bolder;color:red}@media screen and (max-width:1024px){.weekly-schedule .day{height:100px}}@media screen and (max-width:768px){.weekly-schedule .header{border-radius:0}.weekly-schedule .header-title{border-radius:0}.weekly-schedule .header-info{border-radius:0;font-size:11px;padding:0 5px}.weekly-schedule .header-info button{font-size:10px;min-width:50px}.weekly-schedule .class-banner{width:95%}.weekly-schedule .grade-banner{width:95%}.weekly-schedule .school-banner{width:95%}.weekly-schedule .day-of-the-week{font-size:11px}.weekly-schedule .each-sessions{font-size:11px}.weekly-schedule .header-title{font-size:17px}.weekly-schedule .select-grade{font-size:13px}.weekly-schedule .edit-schedule{font-size:12px;padding:2px 0;min-width:71px}}@media screen and (max-width:480px){.weekly-schedule .header-info button{padding:0 5px}.weekly-schedule .header{height:80px}.weekly-schedule .first-warning{font-size:10px}.weekly-schedule .header-title{font-size:14px;height:40%}.weekly-schedule .select-grade{right:5px;font-size:11px;padding:2px 0;min-width:71px}.weekly-schedule .edit{position:absolute;left:5px;font-size:14px}.weekly-schedule .edit-schedule{font-size:11px;padding:2px 0;min-width:71px}.weekly-schedule .schedule-warnings{font-size:10px;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}.weekly-schedule .submit-button{font-size:10px;min-width:80px}.weekly-schedule .schedule-container{height:Calc(100% - 80px)}.weekly-schedule .class-banner{width:95%}.weekly-schedule .selected-lesson{font-size:10px}.weekly-schedule .grade-banner{width:95%}.weekly-schedule .school-banner{width:95%}.weekly-schedule .day{height:175px;flex-direction:column;margin:10px auto;width:96%}.weekly-schedule .day-of-the-week{text-align:center;width:100%;height:18%;margin:0 auto;border-radius:5px 5px 0 0;position:relative;justify-content:center;font-size:13px}.weekly-schedule .sessions{width:100%;margin:0 auto;height:82%;padding:5px 0;border-radius:0 0 5px 5px}.weekly-schedule .bell2 span{font-size:11px}.weekly-schedule .tak-zang{position:absolute;left:8px;font-size:11px;padding:4px 7px 2px;width:50px;top:6px;height:auto;border-radius:5px}.weekly-schedule .header-info{height:60%;font-size:10px}}.after-login-dialog{padding:2px 10px}.after-login-dialog .after-login-header{padding:10px 5px 12px;margin:0 0 10px}.after-login-dialog .after-login-note{text-align:center;font-size:16px;background-image:linear-gradient(45deg,#0e699f 0,#ff8a05 15%,#ff8a05 30%,#0e699f 40%,#0e699f 60%,#ff8a05 70%,#ff8a05 85%,#0e699f 100%);background-size:600% 600%;animation:after-login-body-welcome-gradient 5s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}@keyframes after-login-body-welcome-gradient{0%{background-position:20% 50%}50%{background-position:80% 50%}100%{background-position:20% 50%}}.after-login-dialog .after-login-body{margin:10px;padding:6px 10px;max-height:350px;overflow:auto;background-color:#fbf5e6;border:1px solid #f2d49b;font-size:13px}.after-login-dialog .after-login-body .body-header-title{color:#256da4;font-size:14px;padding-bottom:5px}.after-login-dialog .after-login-body .each-sentence{padding-bottom:15px}.after-login-dialog .after-login-body .each-sentence .fa-circle{font-size:10px;color:#d10d0d;position:relative;top:1px}.after-login-dialog .after-login-body .each-sentence .fa-question-circle{font-size:25px;color:#8b0000;position:relative;top:4px;cursor:pointer}.after-login-dialog .after-login-body .each-sentence .fa-home{font-size:27px;color:#064ba0;position:relative;top:2px;margin-top:-10px}.after-login-dialog .after-login-body .video-guide-link{font-size:13px;color:#428bca;text-decoration:underline;cursor:pointer;font-weight:300}.after-login-dialog .after-login-body .video-guide-link:hover{color:#0055bf;text-decoration:none}.after-login-dialog .after-login-footer{justify-content:center;margin:20px 0 20px}@media screen and (max-width:768px){.after-login-dialog .after-login-body{font-size:12px;max-height:unset}.after-login-dialog .after-login-body .each-sentence .fa-question-circle{font-size:21px;top:3px}.after-login-dialog .after-login-body .each-sentence .fa-home{font-size:24px}.after-login-dialog .after-login-body .video-guide-link{font-size:12px}.after-login-dialog .after-login-footer{justify-content:left;margin:10px}}@media screen and (max-width:480px){.after-login-dialog .after-login-note{font-size:13px}.after-login-dialog .after-login-body{font-size:11px;font-weight:300;margin:3px;padding:5px}.after-login-dialog .after-login-body .body-header-title{font-size:12px}.after-login-dialog .after-login-body .each-sentence{padding-bottom:10px}.after-login-dialog .after-login-body .each-sentence .fa-question-circle{font-size:19px}.after-login-dialog .after-login-body .each-sentence .fa-home{font-size:21px}.after-login-dialog .after-login-body .video-guide-link{font-size:11px}.after-login-dialog .after-login-body .each-sentence .fa-circle{font-size:8px;top:0}.after-login-dialog .after-login-footer{margin:10px 4px 10px}}@media screen and (min-width:992px){.modal-canvas-dialog-parent{width:565px}}@media screen and (min-width:481px) and (max-width:991px){.modal-canvas-dialog-parent{width:455px;margin:10px auto}}@media screen and (max-width:480px){.modal-canvas-dialog-parent{width:305px;margin:10px auto}}.canvas-signature{border:2px solid #004b98;border-radius:5px}.canvas-signature .header-title{text-align:center;font-size:20px;color:#1267d0;width:100%;border-bottom:2px solid #004b98;padding-bottom:5px;margin:10px auto;width:90%}.canvas-signature .close-dialog-btn{color:#fff;font-size:20px;background-color:#cf2828;border-radius:50%;position:absolute;right:-6px;top:-6px;width:35px;height:35px;padding-top:5px;border:0}.canvas-signature .canvas-container{width:90%;margin:30px auto 3px;display:block}.canvas-signature canvas{background-color:#fff;border-radius:10px;border:2px solid #000}.canvas-signature .button-container{padding:0 50px}.canvas-signature .button-container button{width:80px;height:35px;border:2px solid #fd8a00;background:#ffba56;font-size:15px;border-radius:7px;margin-bottom:10px}@media screen and (max-width:768px){.canvas-signature .canvas-container{margin:20px auto 3px}.canvas-signature .button-container button{width:70px;height:30px;font-size:14px}}@media screen and (max-width:480px){.canvas-signature .canvas-container{margin:15px auto 3px}.canvas-signature .button-container button{width:60px;height:25px;border:2px solid #fd8a00;background:#ffba56;font-size:12px;border-radius:5px}}.change-mobile-dialog .phone-text{font-size:18px;text-align:center;margin:35px 0 12px}.change-mobile-dialog .phone-text span{color:#ef2a00}.change-mobile-dialog .add-margin{margin-top:38px}.change-mobile-dialog .change-num{text-align:center;font-size:14px;margin-bottom:10px}.date-picker-dialog{font-size:14px}.date-picker-dialog .flex-display{display:flex;align-items:center}.date-picker-dialog .justify-center{justify-content:center}.date-picker-dialog .edit-time-header{background:#064ba0;width:100%;color:#fff;text-align:center;padding:10px 5px 12px;font-size:17px;border-radius:0 0 5px 5px}.date-picker-dialog .edit-time{margin-top:10px;display:flex;justify-content:center;height:55px}.date-picker-dialog .edit-time .date-picker{direction:ltr;width:210px;margin-right:4px}.date-picker-dialog i{color:#064ba0;font-size:18px;position:relative;top:2px}.date-picker-dialog .dialog-button-container{margin:25px 0 20px}.date-picker-dialog .guide-box{font-size:13px;padding:12px;text-align:justify}.date-picker-dialog .guide-box .fa-circle{color:#b42528;font-size:10px}.date-picker-dialog .easy-date-picker{padding:7px;justify-content:center}.date-picker-dialog .easy-date-picker .each-selector{margin:0 7px;min-width:90px}.date-picker-dialog .easy-date-picker .each-selector select{width:100%;border-radius:0 0 5px 5px;border:2px solid #064ba0;text-align:center}.date-picker-dialog .easy-date-picker .selector-title{text-align:center;padding:2px 5px;background-color:#064ba0;color:#fff;border-radius:5px 5px 0 0}@media screen and (max-width:768px){.date-picker-dialog{font-size:13px}.date-picker-dialog .edit-time-header{padding:8px;font-size:15px}.date-picker-dialog .guide-box{font-size:12px;padding:11px}}@media screen and (max-width:480px){.date-picker-dialog{font-size:12px}.date-picker-dialog .edit-time-header{padding:8px;font-size:14px}.date-picker-dialog .guide-box{font-size:11px;padding:10px}.date-picker-dialog .easy-date-picker{flex-direction:column}.date-picker-dialog .easy-date-picker .selector-container{flex-direction:column;width:100%}.date-picker-dialog .easy-date-picker .each-selector{margin:7px 0;width:70%}.date-picker-dialog .easy-date-picker .each-selector select{padding-right:14px}}.double-date-picker-dialog{font-size:14px}.double-date-picker-dialog .flex-display{display:flex;align-items:center}.double-date-picker-dialog .justify-center{justify-content:center}.double-date-picker-dialog .edit-time-header{background:#064ba0;width:100%;color:#fff;text-align:center;padding:10px 5px 12px;font-size:17px;border-radius:0 0 5px 5px}.double-date-picker-dialog .edit-time{margin-top:10px;display:flex;justify-content:center;height:55px}.double-date-picker-dialog .date-picker{direction:ltr;width:210px;margin-right:4px}.double-date-picker-dialog i{color:#064ba0;font-size:18px;position:relative;top:2px}.double-date-picker-dialog .dialog-button-container{margin:25px 0 20px}.double-date-picker-dialog .guide-box{font-size:13px;padding:12px;text-align:justify}.double-date-picker-dialog .guide-box .fa-circle{color:#b42528;font-size:10px}.double-date-picker-dialog .radio-button-container{padding:12px 7px 5px;justify-content:space-evenly}@media screen and (max-width:768px){.date-picker-dialog{font-size:13px}.date-picker-dialog .edit-time-header{padding:8px;font-size:15px}.date-picker-dialog .guide-box{font-size:12px;padding:11px}}@media screen and (max-width:480px){.date-picker-dialog{font-size:12px}.date-picker-dialog .edit-time-header{padding:8px;font-size:14px}.date-picker-dialog .guide-box{font-size:11px;padding:10px}}.guide-container{position:relative}.guide-container .modal-content{border:0;padding:15px}.guide-dialog{background:#fff;border:2px solid #004b98;padding:10px;border-radius:5px}.guide-dialog .close-dialog{position:absolute;z-index:3;top:1px;right:3px;color:#d70000;font-size:17px;cursor:pointer}.guide-dialog .fa-paperclip{position:absolute;top:1px;left:53px;font-size:32px;z-index:28;color:red}.guide-dialog .title{text-align:center;font-size:20px;color:#1267d0;width:100%;border-bottom:2px solid #004b98;padding-bottom:5px;margin-bottom:10px}.guide-dialog .title i{font-size:38px;color:red}.guide-dialog .body{text-align:justify;font-size:13px;margin-bottom:10px;line-height:1.7}.guide-dialog .body ul{list-style:square;padding:0 15px 0 0}.guide-dialog .body li{margin-top:8px}@media screen and (max-width:768px){.guide-dialog .title{font-size:18px}.modal-container-video-guide.modal-dialog .modal-content{padding:5px}.guide-dialog{padding:6px 0}.guide-dialog .close-dialog{top:-8px;right:-7px}}@media screen and (max-width:480px){.guide-dialog .title{font-size:16px}.guide-dialog .body{font-size:12px;line-height:1.5}}.image-slider-dialog{background:#fff;height:100%}.image-slider-dialog .image-slider-dialog-header{font-size:14px;text-align:center;color:#064ba0;height:25px;padding:0 15px;margin-bottom:5px;border-bottom:1px dashed #064ba0}.image-slider-dialog .image-slider-container{height:100%}.image-slider-dialog .calc-height{height:calc(100% - 25px)}.image-slider-dialog .close-btn{color:#fff;position:absolute;top:-17px;right:-19px;font-size:25px;cursor:pointer;z-index:3}.image-slider-dialog .fa-close{right:11px;top:7px;color:#d00808}.image-slider-dialog .delete-image-loading{position:absolute;width:100%;height:calc(100% - 55px);display:flex;align-items:center;justify-content:center;font-size:50px;top:0;background:gray;opacity:.7;left:0;z-index:6}@media screen and (max-width:768px){.image-slider-dialog .close-btn{right:-8px;top:-12px}.image-slider-dialog .delete-image-loading{font-size:35px}}@media screen and (max-width:480px){.image-slider-dialog .image-slider-dialog-header{height:45px}.image-slider-dialog .image-slider-container{height:calc(100% - 45px)}}.modal-ImageSliderPopup{height:calc(100% - 60px);width:70%}.modal-ImageSliderPopup .modal-content{height:calc(100% - 55px);overflow:inherit;position:unset;border:solid 10px #fff}.image-slider-popup{background:#fff;height:100%}.image-slider-popup .image-slider-popup-header{font-size:18px;text-align:center;color:#064ba0;height:35px;padding:0 15px;margin-bottom:5px;border-bottom:1px dashed #064ba0}.image-slider-popup .image-slider-container{height:100%}.image-slider-popup .calc-height{height:calc(100% - 35px)}.image-slider-popup .close-btn{color:#fff;position:absolute;top:-17px;right:-19px;font-size:25px;cursor:pointer;z-index:3}.image-slider-popup .fa-close{right:11px;top:7px;color:#d00808}.image-slider-popup .delete-image-loading{position:absolute;width:100%;height:calc(100% - 55px);display:flex;align-items:center;justify-content:center;font-size:50px;top:0;background:gray;opacity:.7;left:0;z-index:6}@media screen and (max-width:768px){.modal-ImageSliderPopup{width:auto;height:calc(100% - 20px)}.image-slider-popup .close-btn{right:-8px;top:-12px}.image-slider-popup .delete-image-loading{font-size:35px}}.multi-action-dialog{position:relative}.multi-action-dialog .close-dialog-btn{position:absolute;top:-7px;right:-7px;width:32px;height:32px;font-size:19px;color:#fff;background-color:red;border:2px solid #8b0000;border-radius:50%;padding-top:3px}.multi-action-dialog .multi-action-header{padding:10px 5px 12px;margin:0 7px 10px}.multi-action-dialog .multi-action-note{text-align:center;font-size:16px;color:#b70101}.multi-action-dialog .multi-action-body{font-size:14px;margin:7px 0;padding:10px;text-align:justify}.multi-action-dialog .multi-action-body>div{padding-bottom:5px}.multi-action-dialog .multi-action-footer{text-align:center}.multi-action-dialog .multi-action-footer button{width:80%;border-radius:5px;font-size:16px;cursor:pointer;padding:4px 5px;box-shadow:1px 1px 3px #00000082;color:#000;margin-bottom:7px}.multi-action-dialog .multi-action-footer.two-button{display:flex;justify-content:space-evenly}.multi-action-dialog .multi-action-footer.two-button button{width:40%}@media screen and (max-width:480px){.multi-action-dialog .multi-action-header{margin:0 5px 10px;padding:11px 5px 9px}.multi-action-dialog .multi-action-note{font-size:14px}.multi-action-dialog .multi-action-body{font-size:12px;margin:5px 0;padding:5px 10px}.multi-action-dialog .multi-action-body>div{padding-bottom:3px}.multi-action-dialog .multi-action-footer{text-align:center;padding-bottom:7px}.multi-action-dialog .multi-action-footer button{font-size:14px;margin-bottom:5px}}.multi-sentence-dialog .multi-sentence-header{padding:10px 5px 12px;margin:0 0 10px}.multi-sentence-dialog .multi-sentence-note{text-align:center;font-size:15px;color:#b70101}.multi-sentence-dialog .multi-sentence-body{margin:10px;padding:6px 10px;max-height:350px;overflow:auto;background-color:#fbf5e6;border:1px solid #f2d49b}@media screen and (max-width:768px){.multi-sentence-dialog .multi-sentence-body{max-height:unset}}@media screen and (max-width:480px){.multi-sentence-dialog .multi-sentence-note{font-size:13px;padding:0 15px}.multi-sentence-dialog .multi-sentence-body{font-size:11px;font-weight:300}}.modal-pdf-Dialog{height:calc(100% - 80px);width:70%}.modal-pdf-Dialog .modal-content{height:100%}.pdf-player-dialog .close-btn{color:#fff;position:absolute;top:-17px;right:-19px;font-size:25px;cursor:pointer;z-index:3}.pdf-player-dialog .fa-close{right:11px;top:7px;color:#d00808}.pdf-player-dialog .pdf-header-dialog{font-size:14px;text-align:center;color:#064ba0;padding:6px 15px;margin-bottom:5px;border-bottom:1px dashed #064ba0}@media screen and (max-width:768px){.modal-pdf-Dialog{width:97%}.pdf-player-dialog .close-btn{right:-8px;top:-12px}}@media screen and (max-width:480px){.modal-pdf-Dialog{width:94%}}.select-export-reportType-dialog .report-type{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.select-export-reportType-dialog .report-type button{border-radius:5px;padding:3px 10px;min-width:135px;margin:10px 10px;font-size:15px;color:#01377b;border:2px solid #fd8a00;background:#ffba56;box-shadow:1px 1px 3px #252525}.select-export-reportType-dialog .close-dialog{position:absolute;top:-15px;right:-12px;color:#383838;font-size:19px;cursor:pointer}.select-export-reportType-dialog .close-dialog .fa-close{color:#fff;z-index:5;font-size:18px}@media screen and (max-width:768px){.select-export-reportType-dialog .report-type button{padding:3px 7px;min-width:120px;margin:10px 6px;font-size:13px}.select-export-reportType-dialog .close-dialog{top:-10px;right:-9px;font-size:17px}}@media screen and (max-width:480px){.select-export-reportType-dialog .report-type button{min-width:110px;font-size:12px}.select-export-reportType-dialog .close-dialog{font-size:15px}}.simple-text-editor-dialog{background:#fff;padding:30px;border:5px solid #b1b1b1}.simple-text-editor-dialog .simple-text-editor-header{font-size:16px;color:#064ba0;margin:10px 0;text-align:center}.simple-text-editor-dialog .simple-text-editor-input{width:100%;height:30px;border-radius:5px;margin-bottom:35px;text-align:center}.simple-text-editor-dialog .simple-text-editor-textarea{width:100%;height:150px;border-radius:5px;margin-bottom:35px;resize:none;font-size:13px;padding:5px;line-height:1.5}@media screen and (max-width:480px){.simple-text-editor-dialog{padding:0 12px 5px}.simple-text-editor-dialog .simple-text-editor-textarea{margin-bottom:20px}}.social-share{position:relative;border:2px solid #004b98;margin:10px;border-radius:5px}.social-share .header-title{color:#1267d0;text-align:center;font-size:20px;margin-top:8px}.social-share hr{margin:10px;border-top:1px solid #004b98}.social-share .dialog-body{height:100px;display:flex;align-items:center;padding-top:20px;justify-content:space-evenly}.social-share .whatsapp-icon{color:#26ab26;font-size:40px;padding:10px}.social-share .telegram-icon{color:#03a9e0;font-size:38px;padding:10px}.social-share .email-icon{color:#e94234;font-size:40px;padding:10px}.social-share .close-button{color:#fff;font-size:20px;position:absolute;top:-9px;right:-11px;background-color:#d70000;cursor:pointer;width:33px;height:33px;border-radius:50%;padding:5px 8px}.social-share .copy-icon{font-size:20px;position:relative;top:-4px;background-color:#ddd;cursor:pointer;width:40px;height:40px;border-radius:50%;padding:10px 11px}.social-share .pdf-icon{color:red;font-size:20px;position:relative;top:-4px;background-color:#ddd;cursor:pointer;width:40px;height:40px;border-radius:50%;padding:10px 11px}.social-share .copied-text{font-size:15px;height:25px;position:relative;bottom:12px;text-align:center;padding:5px;color:#5f5f5f}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-75px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media screen and (max-width:768px){.social-share .dialog-body{height:70px}.social-share .whatsapp-icon{font-size:35px;padding:10px}.social-share .telegram-icon{font-size:32px;padding:10px}.social-share .email-icon{font-size:34px;padding:10px}.social-share .copy-icon{font-size:18px;width:34px;height:34px;padding:8px 9px}.social-share .pdf-icon{font-size:18px;width:34px;height:34px;padding:8px 9px}.social-share .copied-text{bottom:7px}}.true-false-question-dialog{padding:10px;font-size:14px}.true-false-question-dialog .dialog-header{font-size:20px;margin:0 0 6px}.true-false-question-dialog .close-dialog{font-size:19px;position:absolute;top:-10px;right:-10px;color:#dbdbdb;cursor:pointer}.true-false-question-dialog .close-dialog .fa-close{z-index:2;color:#930000;font-size:21px}.true-false-question-dialog table{width:65%;margin:0 auto}.true-false-question-dialog th{text-align:center;padding:4px;border:1px solid #529df9;background:#9adaff;color:#064ba0;font-weight:400}.true-false-question-dialog td{text-align:center;padding:3px;border:1px solid #b9b9b9;background:#f3f3f3;color:#002e66}.true-false-question-dialog .correct{color:green}.true-false-question-dialog .false{color:red}@media screen and (max-width:768px){.true-false-question-dialog{font-size:13px}.true-false-question-dialog .dialog-header{font-size:17px;margin:0 0 4px;padding:0 0 10px}.true-false-question-dialog .close-dialog{font-size:17px}.true-false-question-dialog .close-dialog .fa-close{font-size:18px}.true-false-question-dialog table{width:75%}}@media screen and (max-width:480px){.true-false-question-dialog{font-size:12px}.true-false-question-dialog .dialog-header{font-size:15px;margin:0 0 4px;padding:0 0 8px}.true-false-question-dialog .close-dialog{font-size:17px}.true-false-question-dialog table{width:85%}}.modal-video-dialog-container{position:relative}.modal-video-dialog-container .modal-content{border:0;padding:5px}.video-player-dialog{background:#fff;border:5px solid #004b98;padding:7px 10px 3px;border-radius:5px}.video-player-dialog .close-dialog{position:absolute;z-index:3;top:-7px;right:-7px;color:#d70000;font-size:19px;cursor:pointer}.video-player-dialog .title{text-align:center;font-size:20px;color:#1267d0;width:100%;border-bottom:2px solid #004b98;padding-bottom:5px;margin-bottom:10px}.video-player-dialog .title i{font-size:38px;color:red}.video-player-dialog .footer-row{justify-content:space-between;padding:7px 3px}.video-player-dialog .go-to-video-guide-page{padding:3px 7px;text-decoration:underline;color:#307fc5;font-size:15px}.video-player-dialog .close-button{font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:480px){.video-player-dialog{padding:7px 5px 3px}.video-player-dialog .go-to-video-guide-page{padding:0 7px;color:#307fc5;font-size:13px}.video-player-dialog .footer-row{padding:5px 3px}.video-player-dialog .close-button{width:60px;padding:1px 3px}}.advanced-file-uploader2{position:relative}.advanced-file-uploader2 .image-size-icons i{cursor:pointer;margin-left:4px}.advanced-file-uploader2 .image-size-icons i.selected{color:#0d65d2}.advanced-file-uploader2 .loading-text{height:100%;text-align:center;padding:10px 0;font-size:16px}.advanced-file-uploader2 .uploader-title{position:relative;top:-8px;font-size:16px}.advanced-file-uploader2 .add-button-container{padding:8px;cursor:pointer}.advanced-file-uploader2 .add-button{font-size:28px;height:33px;width:33px;color:#00316a;border:0;border-radius:50%;background-color:transparent}.advanced-file-uploader2 .upload-button{border:0;background-color:transparent;color:#028602}.advanced-file-uploader2 .not-audio-type{width:95%;margin:3px auto 5px;flex-wrap:wrap;justify-content:right}.advanced-file-uploader2 .each-file{width:24%;height:150px;border:2px solid gray;border-radius:5px;overflow:hidden;background-color:#f0f8ff;margin:3px calc(4% / 8);transition:.5s ease-in-out}.advanced-file-uploader2 .each-file img{max-width:100%;max-height:100%}.advanced-file-uploader2 .top-nav-bar{height:25px;background-color:#d3d3d3;justify-content:space-between}.advanced-file-uploader2 .status-title{font-size:12px;height:100%;padding:4px 5px 0 0}.advanced-file-uploader2 .file-ready-to-send i{font-size:11px;position:relative;top:1px}.advanced-file-uploader2 .file-sent i{font-size:13px;position:relative;top:2px}.advanced-file-uploader2 .file-sent span{display:inline-block;width:20px;color:#228b22}.advanced-file-uploader2 .file-sent .second-check{left:11px;width:0}.advanced-file-uploader2 .img-preview{width:100px}.advanced-file-uploader2 .zoom-button{width:calc(100% - 150px);display:flex;align-items:center;cursor:pointer}.advanced-file-uploader2 .type-file-icon{padding:2px 10px;width:100%;height:100%;font-size:97px}.advanced-file-uploader2 .type-file-icon i{padding-top:8px}.advanced-file-uploader2 .delete-button-close{font-size:18px;padding:2px 0 0 5px;height:100%;cursor:pointer}.advanced-file-uploader2 .delete-button-close i{color:red}.advanced-file-uploader2 .delete-button-trash{font-size:20px;padding:1px 0 0 5px;height:100%;cursor:pointer}.advanced-file-uploader2 .delete-button-trash i{color:red}.advanced-file-uploader2 .image-container{height:calc(100% - 25px);text-align:center;position:relative;cursor:pointer}.advanced-file-uploader2 .glassy-upload-button{width:100%;height:30px;top:calc(50% - 15px);position:absolute;z-index:10;display:flex;justify-content:center;align-items:center;color:#fff}.advanced-file-uploader2 .glassy-upload-button>span{height:100%;background-color:#626262cf;padding:3px 5px 0;border-radius:5px}.advanced-file-uploader2 .glassy-upload-button span i{font-size:17px;position:relative;top:2px}.advanced-file-uploader2 .audio-type{justify-content:space-evenly;flex-wrap:wrap;width:95%;margin:0 auto}.advanced-file-uploader2 .audio-type .each-audio{background-color:#cdd5e6;border-radius:13px;width:100%;height:50px;padding:5px;margin:5px 5px 0;justify-content:space-between;position:relative}.advanced-file-uploader2 .audio-type .delete-button{width:35px;font-size:26px;color:#8b0000;cursor:pointer}.advanced-file-uploader2 .audio-type .delete-button i{width:100%;height:100%;position:relative;top:4px;left:-4px}.advanced-file-uploader2 .audio-type .send-button{width:100px;height:34px;font-size:15px;cursor:pointer;position:absolute;left:calc(50% - 30px);background-color:#000000b8;color:#fff;border-radius:5px;z-index:2;text-align:center;padding-top:4px}.advanced-file-uploader2 .audio-type .send-button i{font-size:26px}.advanced-file-uploader2 .audio-type .send-button span{position:relative;top:-6px}.advanced-file-uploader2 .audio-player{height:100%;width:95%}.advanced-file-uploader2 .open-close-button{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;bottom:-11px}.advanced-file-uploader2 .attachment-button{height:50px;text-align:center}.advanced-file-uploader2 .attachment-button i{font-size:27px;position:relative;top:-1px;right:5px}.advanced-file-uploader2 .absolute-attachment-button{width:43px;height:43px;border-radius:50%;position:absolute;bottom:8px;right:11px;font-size:26px;display:flex;justify-content:center;align-items:center;border:2px solid #aacbe9;cursor:pointer;z-index:11;box-shadow:0 0 6px #000}.advanced-file-uploader2 .error-list{position:absolute;top:0;width:100%;z-index:15;transition:.4s ease-out;background-color:#d33333;overflow:hidden;color:#fff;font-size:12px}.advanced-file-uploader2 .close-error-list{font-size:15px;text-align:left;padding-left:5px}.advanced-file-uploader2 .each-error{padding-right:5px;padding-top:2px}.advanced-file-uploader2 .each-error i{font-size:9px}@media screen and (max-width:991px){.advanced-file-uploader2 .each-file{width:31%;height:140px;margin:3px calc(7% / 6)}.advanced-file-uploader2 .absolute-attachment-button{width:38px;height:38px;bottom:8px;right:9px;font-size:23px}}@media screen and (max-width:768px){.advanced-file-uploader2 .delete-button{margin:6px 3px}.advanced-file-uploader2 .img-preview{width:60px}.advanced-file-uploader2 .zoom-button{width:calc(100% - 110px)}.advanced-file-uploader2 .not-audio-type{justify-content:space-evenly}.advanced-file-uploader2 .each-file{width:160px;height:115px;margin:5px 5px 0}.advanced-file-uploader2 .audio-type .each-audio{height:42px}.advanced-file-uploader2 .add-button-container{padding:5px}.advanced-file-uploader2 .uploaded-files-title{height:45px}.advanced-file-uploader2 .attachment-button{height:45px}.advanced-file-uploader2 .attachment-button i{font-size:27px}.advanced-file-uploader2 .type-file-icon{font-size:63px}}@media screen and (max-width:480px){.advanced-file-uploader2 .each-file{width:95px;height:85px}.advanced-file-uploader2 .top-nav-bar{height:20px}.advanced-file-uploader2 .status-title{font-size:10px;padding:3px 2px 0 0}.advanced-file-uploader2 .file-ready-to-send i{font-size:9px;top:0}.advanced-file-uploader2 .file-sent i{font-size:11px;top:1px}.advanced-file-uploader2 .file-sent span{width:14px}.advanced-file-uploader2 .file-sent .second-check{left:9px}.advanced-file-uploader2 .image-container{height:calc(100% - 20px)}.advanced-file-uploader2 .delete-button-close{font-size:15px;padding:0 0 0 3px}.advanced-file-uploader2 .delete-button-trash{font-size:16px;padding:1px 0 0 3px}.advanced-file-uploader2 .type-file-icon{position:relative;top:-3px;font-size:49px}.advanced-file-uploader2 .type-file-icon i{padding-top:6px}.advanced-file-uploader2 .audio-type .each-audio{height:35px}.advanced-file-uploader2 .audio-type .delete-button{font-size:23px}.advanced-file-uploader2 .audio-type{justify-content:end}.advanced-file-uploader2 .audio-player{height:100%;width:90%}.advanced-file-uploader2 .audio-type .send-button{width:80px;height:25px;font-size:12px;left:calc(50% - 40px);padding-top:2px}.advanced-file-uploader2 .audio-type .send-button i{font-size:19px}.advanced-file-uploader2 .audio-type .send-button span{top:-3px}.advanced-file-uploader2 .file-uploader-header{height:40px}.advanced-file-uploader2 .file-uploader-header i{font-size:24px}.advanced-file-uploader2 .add-button-container{padding:3px}.advanced-file-uploader2 .uploader-title{font-size:12px}.advanced-file-uploader2 .uploaded-files-title{height:40px;font-size:14px}.advanced-file-uploader2 .attachment-button{height:40px}.advanced-file-uploader2 .glassy-upload-button{height:20px;top:calc(50% - 12px);font-size:10px}.advanced-file-uploader2 .glassy-upload-button>span{padding:2px 3px 0}.advanced-file-uploader2 .glassy-upload-button span i{font-size:12px;top:1px}.advanced-file-uploader2 .absolute-attachment-button{width:38px;height:38px;bottom:9px;right:4px;font-size:23px}}.modal-imageSliderDialog{height:calc(100% - 60px);width:70%}.modal-imageSliderDialog .modal-content{height:calc(100% - 55px);overflow:inherit;position:unset;border:solid 10px #fff}.image-slider{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.image-slider img{max-width:100%;max-height:100%;height:auto}.image-slider .slide{position:absolute;bottom:0;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.hidden-image .image-slider .secure-img{max-height:0}.hidden-image .image-slider .slide{display:none}.image-slider button.btn-dot{background:#ccc;margin:5px 10px;height:20px;width:20px;border:2px solid #999;border-radius:50%;text-align:center}.image-slider button.btn-dot.active{background:#064ba0;border:2px solid #999}.image-slider .delete-icon{color:#d00808;font-size:19px;position:absolute;cursor:pointer;bottom:50px;width:32px;text-align:center;left:5px;z-index:5}.image-slider .fa-trash-o{margin-top:6px}.image-slider .show-photo-in-popup{color:#064ba0;font-size:19px;position:absolute;cursor:pointer;width:34px;cursor:zoom-in;height:34px;top:5px;left:15px}.image-slider .fa-search-plus{margin-top:5px}.image-slider .loading-image{font-size:45px;color:#000;width:100%;height:100%;background:gray;opacity:.5;display:flex;justify-content:center;align-items:center;position:absolute;top:0}.image-slider .loading-image .fa-spin{animation:fa-spin .7s infinite linear}.image-slider .set-zoom-image-place{position:relative;min-width:150px;height:100%;margin:0 auto}@media screen and (max-width:768px){.modal-imageSliderDialog{width:auto;height:calc(100% - 20px)}}@media screen and (max-width:480px){.image-slider .show-photo-in-popup{top:17px;font-size:16px}.image-slider .fa-search-plus{margin-top:3px}}.img-slider{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.img-slider img{max-width:100%;max-height:100%;height:auto}.img-slider .slide{position:absolute;bottom:0;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.hidden-image .img-slider .secure-img{max-height:0}.hidden-image .img-slider .slide{display:none}.img-slider button.btn-dot{background:#ccc;margin:10px;height:7px;width:25px;border:2px solid #999;border-radius:5px;text-align:center}.img-slider button.btn-dot.active{background:#064ba0;border:2px solid #999}.img-slider .delete-icon{color:#d00808;font-size:19px;position:absolute;cursor:pointer;bottom:50px;width:32px;text-align:center;left:5px;z-index:5}.img-slider .fa-trash-o{margin-top:6px}.img-slider .show-photo-in-popup{color:#064ba0;font-size:19px;position:absolute;cursor:pointer;width:34px;cursor:zoom-in;height:34px;top:5px;left:15px}.img-slider .fa-search-plus{margin-top:5px}.img-slider .loading-image{font-size:45px;color:#000;width:100%;height:100%;background:gray;opacity:.5;display:flex;justify-content:center;align-items:center;position:absolute;top:0}.img-slider .loading-image .fa-spin{animation:fa-spin .7s infinite linear}.img-slider .set-zoom-image-place{position:relative;min-width:150px;height:100%;margin:0 auto}.img-slider .slider-button{font-size:50px;width:70px;display:flex;justify-content:center;height:40px;height:100%;align-items:center;color:#2d67af;background-color:transparent;border:0;position:absolute}@media screen and (max-width:480px){.img-slider .slider-button{width:35px}.img-slider .show-photo-in-popup{top:17px;font-size:16px}.img-slider .fa-search-plus{margin-top:3px}}.lesson-selector{padding-top:15px}.lesson-selector .filter-icon{position:absolute;top:0;right:0;width:42px;height:42px;font-size:24px;padding:4px 8px}.lesson-selector .filter-bar{justify-content:space-around;flex-wrap:wrap;padding-right:55px}.lesson-selector .filter-bar .fa-close{position:absolute;left:5px;top:calc(50% - 11px);color:#cf0101;font-size:20px}.lesson-selector .filter-bar .search-lesson{width:310px;font-size:15px;position:relative}.lesson-selector .filter-bar .search-lesson input{padding:3px;text-align:center;width:100%}.lesson-selector .filter-bar .lesson-access-check-box{font-size:14px;padding:5px 3px;width:320px;justify-content:center}.lesson-selector .filter-bar .lesson-access-check-box .fa-square-o{cursor:pointer;font-size:18px;position:relative;bottom:1px;left:3px}.lesson-selector .filter-bar .lesson-access-check-box .fa-check-square-o{color:#228b22;cursor:pointer;font-size:18px;position:relative;bottom:1px;left:3px}.lesson-selector .filter-bar .select-paye{width:35%}.lesson-selector .filter-bar .select-paye .paye-setting-btn{display:inline-block;width:23%;text-align:center;text-decoration:underline;color:#0095ff;cursor:pointer;font-weight:300}.lesson-selector .filter-bar .select-paye select{padding:1px;font-size:15px;width:77%;text-align:center;cursor:pointer}.lesson-selector .lesson-list-container{padding-top:10px}.lesson-selector .lesson-list-box{margin:0 auto;padding:0 10px}.lesson-selector .hr1{margin:0;border-top:1px solid #888}.lesson-selector .each-lesson{padding:6px 0;cursor:pointer;transition:.4s;position:relative}.lesson-selector .each-lesson:hover{background-color:silver;padding-right:5px}.lesson-selector .each-lesson .fa-dot-circle-o{font-size:18px}.lesson-selector .each-lesson .fa-circle-o{font-size:18px}.lesson-selector .each-lesson .lesson-title{padding:0 4px 0 6px;font-size:15px}.lesson-selector .each-lesson .access-sign{position:absolute;left:calc(50% - 7px);top:calc(50% - 11px)}.lesson-selector .each-lesson .fa-lock{font-size:18px;padding-top:1px;color:#8b0000;position:relative;top:1px}.lesson-selector .each-lesson .fa-unlock{font-size:18px;padding-top:1px;color:#228b22;position:relative;top:1px}@media screen and (max-width:768px){.lesson-selector .filter-icon{width:35px;height:34px;font-size:21px;padding:2px 6px;border-radius:0 0 0 7px}.lesson-selector .filter-bar .search-lesson{width:100%;text-align:center;font-size:13px}.lesson-selector .filter-bar .search-lesson input{width:360px;padding:2px}.lesson-selector .filter-bar .select-paye{width:45%}.lesson-selector .filter-bar .select-paye select{font-size:13px;width:75%}.lesson-selector .filter-bar .select-paye .paye-setting-btn{width:25%;font-size:11px;padding:0 3px}.lesson-selector .filter-bar .lesson-access-check-box{font-size:13px;width:295px;padding:8px 3px 5px;justify-content:left}.lesson-selector .filter-bar .lesson-access-check-box .fa-check-square-o{font-size:17px;bottom:2px;left:3px}.lesson-selector .filter-bar .lesson-access-check-box .fa-square-o{font-size:17px;bottom:2px;left:3px}.lesson-selector .each-lesson .lesson-title{font-size:14px}}@media screen and (max-width:480px){.lesson-selector{padding:0;padding-top:10px}.lesson-selector .filter-icon{width:36px;height:35px;font-size:20px;padding:3px 7px}.lesson-selector .filter-bar{padding-right:0;justify-content:right}.lesson-selector .filter-bar .search-lesson{padding-right:36px}.lesson-selector .filter-bar .search-lesson input{width:100%}.lesson-selector .filter-bar .select-paye{width:90%;padding-bottom:5px}.lesson-selector .filter-bar .select-paye select{padding:.5px}.lesson-selector .filter-bar .fa-close{top:calc(50% - 10px);font-size:16px}.lesson-selector .filter-bar .lesson-access-check-box{padding:11px 3px 2px}.lesson-selector .lesson-list-box{padding:0}.lesson-selector .lesson-list{background-color:#fff;padding:0 5px}.lesson-selector .each-lesson{padding:4px 1px;justify-content:space-between}.lesson-selector .each-lesson .fa-circle-o{font-size:15px}.lesson-selector .each-lesson .fa-dot-circle-o{font-size:15px}.lesson-selector .each-lesson .lesson-title{font-size:12px}.lesson-selector .each-lesson .access-sign{position:static}.lesson-selector .each-lesson .fa-lock{font-size:16px;top:1.5px;padding-left:3px}.lesson-selector .each-lesson .fa-unlock{font-size:16px;top:1.5px;padding-left:3px}}.multi-image{width:100%;min-height:65px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.multi-image .top-row{width:100%;display:flex;justify-content:center;align-items:center}.multi-image .uploader{display:flex;justify-content:center}.multi-image .upload-button:hover{background-color:#3a56c6}.multi-image .uploader-warning{text-align:center;margin-top:11px}.multi-image .information-text{display:flex;align-items:center;margin-right:5px}.multi-image .progress{height:15px;width:60%;text-align:center}.multi-image .content{width:100%;display:flex;justify-content:center;flex-direction:column-reverse}.multi-image .thumbnails-container{width:100%;display:flex;position:relative;height:74px;justify-content:center;align-items:center}.multi-image .each-image img{display:inline-block;height:70px;margin:0 5px;position:relative;cursor:pointer;margin-bottom:-3px;width:70px;border:2px solid #0d65d2;border-radius:5px}.multi-image .selected-image{font-size:20px;position:absolute;left:45%;bottom:-28px;color:#00f;height:16px}.multi-image .large-image{width:99%;height:auto;display:flex;justify-content:center;align-items:center;margin:18px auto 5px auto;position:relative;transition:.6s linear;padding:1px;border-radius:7px;border:2px dashed gray}.multi-image .delete-image{cursor:pointer;font-size:17px;color:#00f;position:absolute;top:10px;left:12px;width:30px;height:37px;display:flex;justify-content:center;align-items:center;padding-top:7px;overflow:hidden}.multi-image .image-pointer{position:absolute;left:7%;width:86%;border-radius:2px;height:10px;font-size:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;animation-name:WorksheetImagePointer;animation-duration:1s;animation-iteration-count:infinite}@keyframes WorksheetImagePointer{0%{bottom:-18px}50%{bottom:-13px}100%{bottom:-18px}}.multi-image .image-is-closed{width:0;border:none;background-color:transparent;margin:-6px}.multi-image .image-is-closed .delete-image{display:none}.multi-image .open-close-button{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;bottom:-11px}.multi-image .open-close-image{cursor:pointer;width:70px;bottom:-10px;padding:2px;font-size:12px}.multi-image .open-close-image:hover{background-color:#b7512b}@media screen and (max-width:768px){.multi-image .upload-button{font-size:10px;width:45px;height:28px}.multi-image .each-image img{width:60px;height:60px}.multi-image .content{width:100%}}@media screen and (max-width:480px){.multi-image .upload-button{font-size:12px;padding:2px;min-width:65px}.multi-image .progress-bar{margin-top:6px}.multi-image .content{width:100%;display:flex;justify-content:flex-end}.multi-image .thumbnails-container{height:64px}.multi-image .selected-image{bottom:-24px}.multi-image .uploader-warning{font-size:9px}.multi-image .each-image img{width:45px;height:45px}.multi-image .uploader{font-size:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.multi-image .information-text{width:70%;margin-right:10px}}.multi-image .open-close-image{right:39%}.multi-picture .choose-image-size{display:flex;align-items:center;width:100%;padding-right:20px;margin-bottom:-6px}.multi-picture .choose-image-size span{margin-top:5px;margin-left:3px}.multi-picture .image-size-icons i{cursor:pointer;margin-left:4px}.multi-picture .image-size-icons i.selected{color:#0d65d2}.multi-picture .small-photo{font-size:16px}.multi-picture .medium-photo{font-size:20px}.multi-picture .large-photo{font-size:24px}.multi-picture .top-row{width:100%;display:flex;justify-content:center;align-items:center}.multi-picture .upload-button:hover{background-color:#3a56c6}.multi-picture .uploader-warning{text-align:center;margin-top:5px}.multi-picture .information-text{display:flex;align-items:center;margin-right:5px}.multi-picture .progress{height:100%;width:100%;text-align:center;position:absolute;top:0;z-index:3}.multi-picture .multi-progress{background:gray;transition:height linear .6s;width:100%;position:absolute;bottom:0;opacity:.7;z-index:3}.multi-picture .uploader .fa-circle-o-notch{font-size:25px;color:#000;position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;opacity:.6}.multi-picture .content{width:100%;display:flex;justify-content:center;flex-direction:column-reverse}.multi-picture .thumbnails-container{width:100%;display:flex;position:relative;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:10px}.multi-picture .each-image{margin:0 5px;margin-top:10px;border:1px solid #dcdcdc;border-radius:5px;box-shadow:2px 2px 3px grey;position:relative;display:flex;align-items:center;justify-content:center}.multi-picture .each-image img{cursor:pointer;max-width:100%;max-height:100%;height:auto}.multi-picture .each-image-loading{position:absolute;width:101%;height:101%;background:gray;display:flex;justify-content:center;align-items:center;opacity:.7;top:0;font-size:23px;left:0}.multi-picture .uploader{display:flex;position:relative;justify-content:center;align-items:center;margin:0 5px;border:1px solid #999;border-radius:5px;margin-top:10px}.multi-picture .uploader button{display:flex;height:100%;width:100%;justify-content:center;flex-direction:column;align-items:center;box-shadow:2px 2px 3px grey;border:none;border-radius:5px}.multi-picture .image-lock{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:.8;background:#d2d2d2;color:red;font-size:60px}.multi-picture .delete-image{cursor:pointer;font-size:17px;color:#00f;position:absolute;top:10px;left:12px;width:30px;height:37px;display:flex;justify-content:center;align-items:center;padding-top:7px;overflow:hidden}.multi-picture .image-pointer{position:absolute;left:7%;width:86%;border-radius:2px;height:10px;font-size:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;animation-name:WorksheetImagePointer;animation-duration:1s;animation-iteration-count:infinite}@keyframes WorksheetImagePointer{0%{bottom:-18px}50%{bottom:-13px}100%{bottom:-18px}}.multi-picture .image-is-closed{width:0;border:none;background-color:transparent;margin:-6px}.multi-picture .image-is-closed .delete-image{display:none}.multi-picture .open-close-button{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;bottom:-11px}.multi-picture .open-close-image{cursor:pointer;width:70px;bottom:-10px;padding:2px;font-size:12px}.multi-picture .open-close-image:hover{background-color:#b7512b}.multi-picture .each-image-small,.multi-picture .uploader-small{width:200px;height:112px}.multi-picture .uploader button{cursor:pointer;box-shadow:3px 3px 3px #353333;color:#0d65d2}.multi-picture .uploader button i{font-size:42px}.multi-picture .add-photo-icon{position:relative;width:55px;height:48px;display:flex;margin-bottom:3px}.multi-picture .add-photo-icon .fa-photo{font-size:50px}.multi-picture .add-photo-icon .fa-plus-circle{position:absolute;z-index:2;font-size:24px;bottom:-4px;right:-10px;background:#efefef;border-radius:50px}.multi-picture .each-image-medium,.multi-picture .uploader-medium{width:300px;height:168px}.multi-picture .each-image-big,.multi-picture .uploader-big{width:450px;height:253px}.multi-picture .uploader-big button{font-size:17px}.multi-picture .uploader-big .add-photo-icon{width:90px;height:75px}.multi-picture .uploader-big .add-photo-icon .fa-photo{font-size:83px}.multi-picture .uploader-big .add-photo-icon .fa-plus-circle{font-size:39px;bottom:-9px;right:-14px}@media screen and (max-width:1024px){.multi-picture .each-image-big,.multi-picture .uploader-big{width:349px;height:210px}}@media screen and (max-width:768px){.multi-picture .upload-button{font-size:10px;width:45px;height:28px}.multi-picture .content{width:100%}.multi-picture .each-image-big,.multi-picture .uploader-big{width:95%;height:230px}.multi-picture .each-image-medium,.multi-picture .uploader-medium{width:47%}.multi-picture .uploader-big button{font-size:14px}.multi-picture .uploader-big .add-photo-icon{width:70px;height:60px}.multi-picture .uploader-big .add-photo-icon .fa-photo{font-size:65px}.multi-picture .uploader-big .add-photo-icon .fa-plus-circle{font-size:30px;bottom:-7px;right:-10px}}@media screen and (max-width:480px){.multi-picture .upload-button{font-size:12px;padding:2px;min-width:65px}.multi-picture .progress-bar{margin-top:6px}.multi-picture .content{width:100%;display:flex;justify-content:flex-end}.multi-picture .information-text{width:70%;margin-right:10px}.multi-picture .open-close-image{right:39%}.multi-picture .each-image,.multi-picture .uploader{width:47%;margin:10px 3px 0}.multi-picture .each-image-small,.multi-picture .uploader-small{width:47%;margin:10px 3px 0}.multi-picture .each-image-big,.multi-picture .each-image-medium,.multi-picture .uploader-big,.multi-picture .uploader-medium{height:230px;width:95%}.multi-picture .uploader-big button,.multi-picture .uploader-medium button{font-size:12px}.multi-picture .uploader-big .add-photo-icon,.multi-picture .uploader-medium .add-photo-icon{width:65px;height:55px}.multi-picture .uploader-big .add-photo-icon .fa-photo,.multi-picture .uploader-medium .add-photo-icon .fa-photo{font-size:60px}.multi-picture .uploader-big .add-photo-icon .fa-plus-circle,.multi-picture .uploader-medium .add-photo-icon .fa-plus-circle{font-size:30px;bottom:-7px;right:-10px}}.multi-selector-directive{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;padding:3px 0;border-radius:5px;width:100%}.multi-selector-directive .top-section{width:100%;display:inline-block;position:relative}.multi-selector-directive .select-all{padding:6px;min-width:92px;margin:0 auto;text-align:center;font-size:14px;border-radius:5px;background-color:#428bca;color:#fff;border:none;box-shadow:1px 2px 3px #222;display:flex;align-items:center;justify-content:center}.multi-selector-directive .selectAll-is-open{border-radius:5px 5px 0 0;box-shadow:none}.multi-selector-directive .collapse-icon{position:absolute;left:0;font-size:17px;top:0;width:30px;height:100%;z-index:5;text-align:center;color:#fff;line-height:35px}.multi-selector-directive .select-all .fa-check-square-o,.multi-selector-directive .select-all .fa-square-o{font-size:18px;margin-left:5px;width:22px;text-align:left}.multi-selector-directive .select-all.selected{background-color:#006300}.multi-selector-directive .bottom-section{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;border-radius:0 0 5px 5px;box-shadow:0 0 3px 0 #181818;transition:all .4s linear;overflow:hidden;max-height:0;border-right:1px solid gray;border-left:1px solid gray}.multi-selector-directive .bottom-section-is-open{border:1px solid gray;border-top:none;max-height:unset}.multi-selector-directive .options{margin:5px 3px;padding:5px;cursor:pointer;min-width:23%;font-size:10px;display:flex;justify-content:center;align-items:center;font-size:11px;border:2px solid;border-radius:3px}.multi-selector-directive .options.selected{background-color:#c0ffc0;border:2px inset;font-weight:400}@media screen and (max-width:768px){.multi-selector-directive .options{width:48%}}@media screen and (max-width:480px){.multi-selector-directive .options{width:48%;margin:3px 2px;padding:5px 2px}.multi-selector-directive .select-all{font-size:13px;padding:4px 6px}.multi-selector-directive .collapse-icon{font-size:13px;line-height:29px}}.navigation-drawer{position:relative}.navigation-drawer .sa-main-header{width:100%;height:90px;box-shadow:0 0 7px 0 rgb(98 98 98);z-index:1;position:relative;padding:0 0;display:flex;background:rgb(235 248 255);background:radial-gradient(circle,rgb(237 249 255) 50%,rgb(253 254 255) 100%)}.navigation-drawer .sa-main-header .detail-icon{width:55px;height:100%;float:right;text-align:center;line-height:60px;font-size:24px;color:#929292;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;right:0}.navigation-drawer .sa-main-header .header-school-title{font-size:21px;color:#0d65d2;padding:13px 20px;font-weight:700;cursor:pointer;border-radius:0 0 10px 10px;margin:-3px auto 42px;box-shadow:0 3px 3px #024f92;background:#cfeeff;background:radial-gradient(circle,rgba(207,238,255,.3169642857142857) 50%,rgba(225,241,255,.7875525210084033) 100%)}.navigation-drawer .sa-main-header .header-school-title i{float:right;margin:4px 0 0 5px;color:#003f8e}.navigation-drawer .sa-main-header .figure-header{width:210px;height:100%;background:url(../images/personnelModules.png) no-repeat;background-position:-143px -126px;float:right;margin-right:65px}.navigation-drawer .sidenav{height:100%;width:0;position:fixed;z-index:999;top:0;right:0;background-color:#2878dc;overflow-x:hidden;transition:.6s;font-size:16px;font-weight:300;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:nowrap;padding-top:30px}.navigation-drawer .sidenav .closebtn{padding:8px 8px 8px 8px;text-decoration:none;font-size:25px;color:#8b0000;display:block;transition:.3s}.navigation-drawer .sidenav .closebtn:hover{color:#f1f1f1}.navigation-drawer .sidenav .closebtn{position:absolute;top:0;left:0;font-size:36px}.navigation-drawer .sidenav .info{color:#fff;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.navigation-drawer .profile-link{text-decoration:underline;cursor:pointer}.navigation-drawer .sidenav .info .mobile{display:block;height:35px;line-height:30px;padding:0 1% 0 0;width:100%;text-align:center}.navigation-drawer .sidenav .info .name{font-weight:400}.navigation-drawer .sidenav .info .mobile{font-weight:200}.navigation-drawer .sidenav .detail{padding:10px 0;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;height:190px}.navigation-drawer .sidenav .detail span{display:block;padding:5px 15%;width:100%;text-align:center}.navigation-drawer .sidenav .list{padding:10px 0 0 0;width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.navigation-drawer .sidenav .list .part{display:block;height:45px;line-height:45px;border-bottom:solid 1px #bfd38e;cursor:pointer;padding-right:10px;color:#fff;width:100%}.navigation-drawer .sidenav .list .part:hover{background-color:#f39420;color:#000}.navigation-drawer .sidenav .list .part a:hover{color:#000;text-decoration:none}.navigation-drawer .sidenav .version{line-height:45px;color:#fff;font-size:11px}.navigation-drawer .sidenav .version:hover{text-shadow:0 0 8px #fffb00}#sidenav-overlay{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.navigation-drawer .navigation-left-part{position:absolute;top:28px;left:15px;display:flex;align-items:center;justify-content:end}.navigation-drawer .main-guide{color:#8b0000;font-size:18px;cursor:pointer;line-height:90px;display:flex;align-items:center;animation:guide-question-anim .7s infinite}.navigation-drawer .main-guide i{font-size:30px;margin-left:3px}@keyframes guide-anim{0%{color:#8b0000}50%{color:#d2691e}100%{color:#8b0000}}@keyframes guide-question-anim{0%{top:14px}50%{top:11px}100%{top:14px}}.navigation-drawer .notification-alert .fa-bell-o{color:#006ab5;font-size:31px;cursor:pointer;line-height:30px;display:flex;align-items:center;justify-content:center;margin-left:7px}.navigation-drawer .notif-count{position:absolute;top:0;font-size:12px;color:#009700}.navigation-drawer .shake-bell{animation:shake-bell .5s infinite ease-in-out}@keyframes shake-bell{0%{transform:rotateZ(0)}25%{transform:rotateZ(10deg)}50%{transform:rotateZ(0)}75%{transform:rotateZ(-10deg)}100%{transform:rotateZ(0)}}.navigation-drawer .reminder-box{position:fixed;left:25%;bottom:55px;z-index:10;padding:17px 0 0;background:#fff;width:50%;font-size:14px;box-shadow:1px 1px 3px 0 #737373;color:#004475;text-align:center;border-radius:10px 10px 0 0}.navigation-drawer .close-reminder{position:absolute;right:12px;top:17px;color:#8b0000;font-size:21px;cursor:pointer}.navigation-drawer .reminder-box .view-reminder{margin-right:25px;border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676}.navigation-drawer .timer-line{height:3px;background:#e6e6e6;width:100%;margin-top:11px}.navigation-drawer .close-line{background:#575757;height:100%}@media screen and (max-width:1023px){.navigation-drawer .sa-main-header{height:60px;padding:0}.navigation-drawer .sa-main-header .header-school-title{padding:8px 20px;margin:-5px auto 22px}.navigation-drawer .sa-main-header .detail-icon{width:55px;height:100%;float:right;text-align:center;line-height:60px;font-size:24px;color:#929292;display:inline-block}.navigation-drawer .sa-main-header .figure-header{width:147px;height:100%;background-position:-94px -88px;background-size:1320px}.navigation-drawer .sa-main-header .go-back{float:left;height:40px;width:55px;background:url(../images/personnelModules.png) no-repeat;background-position:-85px -610px;background-size:1210px;border-right:solid 1px #afafaf;margin:11px 0 0 0}.navigation-drawer .navigation-left-part{top:15px}.navigation-drawer .main-guide{line-height:60px}}@media (max-width:768px){.navigation-drawer .sa-main-header .header-school-title{padding:13px 6px;font-size:14px}.navigation-drawer .reminder-box{left:15%;padding:17px 0 0;width:70%;font-size:13px}.navigation-drawer .close-reminder{font-size:19px;top:19px}.navigation-drawer .navigation-left-part{left:8px}.navigation-drawer .notification-alert .fa-bell-o{font-size:28px}}@media screen and (max-width:480px){.navigation-drawer .sa-main-header .detail-icon{width:37px}.navigation-drawer .sa-main-header .figure-header{margin-right:45px}.navigation-drawer .sa-main-header .header-school-title i{font-size:18px}.navigation-header .main-guide{font-size:13px}.navigation-drawer .main-guide i{font-size:20px}.navigation-drawer .reminder-box{left:3%;width:94%;font-size:12px}.navigation-drawer .close-reminder{right:5px;top:18px;font-size:18px}.navigation-drawer .notification-alert .fa-bell-o{font-size:22px;margin-left:5px}}@media screen and (max-height:480px){.navigation-drawer .sidenav{padding-top:15px}.navigation-drawer .sidenav a{font-size:18px}}.personnel-question-parent{width:100%;padding:0 4px 4px;margin:10px auto;background-color:#fff;border:1px solid #064ba0;border-radius:5px;position:relative}.personnel-question .personnel-question-root em{text-decoration:underline;font-style:normal;background:#ff0}.personnel-question .personnel-question-root .left-to-right{direction:ltr}.personnel-question .personnel-question-root .question-num-barem-row{display:flex;justify-content:space-between;margin-bottom:5px}.personnel-question .personnel-question-root .justify-in-hidden-number{justify-content:end}.personnel-question .personnel-question-root .question{width:100%;display:flex}.personnel-question .personnel-question-root .body-subbody-part{width:100%;margin-left:10px;display:flex;flex-direction:column}.personnel-question .personnel-question-root .left-to-right .body-subbody-part{margin-left:0;margin-right:5px}.personnel-question .body-subbody-part.body-has-image{width:60%;margin-left:10px}.personnel-question .personnel-question-root .english-font,.personnel-question .personnel-question-root .english-font *{font-family:FontAwesome;direction:ltr;font-weight:700;font-size:13px}.personnel-question .personnel-question-root .question-column{flex-direction:column}.personnel-question .personnel-question-root .question-number{width:93px;border-radius:0 0 0 5px;border-right:none;margin:0 -4px 0 6px;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding:2px 0;height:25px}.personnel-question .personnel-question-root .question-barem-view-mode{width:60px;border-radius:0 0 5px 0;border-right:none;margin:0 6px 0 -4px;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding:4px 0;height:25px}.personnel-question .personnel-question-root .question-column .question-body{width:100%}.personnel-question .personnel-question-root .question-body{width:100%;text-align:justify;line-height:2}.personnel-question .personnel-question-root .question-subbody{width:100%;text-align:center;line-height:2}.personnel-question .personnel-question-root .question-subbody .poem-subbody{padding:0 10%;justify-content:space-between;flex-wrap:wrap}.personnel-question .personnel-question-root .question-subbody .each-poem-part{width:50%;padding:5px 15px;text-align:right}.personnel-question .personnel-question-root .question-subbody .each-poem-part .poem-alignment{text-align:left}.personnel-question .personnel-question-root .question-image{max-width:40%;margin:0 auto;display:flex;align-items:center}.personnel-question .personnel-question-root .question-image img{max-width:100%;height:auto;margin:0 auto;border-radius:5px}.personnel-question .personnel-question-root .two-column .option-container{flex-direction:row;padding-left:0;flex-wrap:wrap;justify-content:flex-start}.personnel-question .personnel-question-root .three-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.personnel-question .personnel-question-root .four-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.personnel-question .personnel-question-root .emoji{position:relative;top:2px;padding-right:3px}.personnel-question .personnel-question-root .english-font .emoji{top:0;right:0;left:3px;padding-right:0}.personnel-question .personnel-question-root .correct-option .emoji::after{content:"😊";font-size:17px}.personnel-question .personnel-question-root .wrong-option .emoji::after{content:"😕";font-size:17px}.personnel-question .personnel-question-root .option-container .each-option{width:100%;padding:2px 3px}.personnel-question .personnel-question-root .test-mode.option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:3px}.personnel-question .personnel-question-root .test-mode.option-container .each-option{margin:4px 2px;background-color:#d6d3d3;border-radius:5px;position:relative;overflow:hidden;min-height:30px;padding-right:37px;padding-left:7px}.personnel-question .personnel-question-root .test-mode.option-container .each-option.wrong-option{background-color:#f1b6b6}.personnel-question .personnel-question-root .test-mode.option-container .each-option.correct-option{background-color:#c4e2c2}.personnel-question .personnel-question-root .test-mode.option-container .each-option .answer-selector{width:30px;height:100%;font-size:14px;margin:0;position:absolute;right:0;color:#77777a;border-left:1px solid #5e5e5e}.personnel-question .personnel-question-root .test-mode.option-container .each-option .answer-selector .option-number{border:2px solid #5e5e5e;border-radius:3px;position:absolute;bottom:-10px;left:-24px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;padding-top:2px}.personnel-question .personnel-question-root .test-mode.option-container .each-option .answer-selector .fa-check-square-o{position:absolute;left:-25px;bottom:-12px;font-size:24px;font-weight:400}.personnel-question .personnel-question-root .test-mode.option-container .each-option .answer-selector .fa-close{position:absolute;left:-23px;bottom:-10px;font-size:22px;font-weight:400}.personnel-question .personnel-question-root .test-mode.option-container .each-option.english-font{padding-right:7px;padding-left:37px}.personnel-question .personnel-question-root .test-mode.option-container .each-option.english-font .answer-selector{right:unset;left:0;border-left:0;border-right:1px solid #5e5e5e;direction:rtl}.personnel-question .personnel-question-root .test-mode .simple-option{justify-content:space-between;margin:0 0;width:100%;line-height:2}.personnel-question .personnel-question-root .true-false.option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:3px}.personnel-question .personnel-question-root .true-false.option-container .each-option{margin:4px 2px;background-color:#d6d3d3;border-radius:5px;position:relative;overflow:hidden;min-height:30px;padding-left:62px;padding-right:7px}.personnel-question .personnel-question-root .true-false.option-container .each-option .answer-selector{width:60px;height:100%;font-size:12px;margin:0;position:absolute;left:0;padding:3px 5px;border-right:1px solid #5e5e5e;justify-content:center;font-weight:400;font-family:iransans}.personnel-question .personnel-question-root .true-false.option-container .each-option .answer-selector.edit-mode{justify-content:space-between;cursor:pointer}.personnel-question .personnel-question-root .true-false.option-container .each-option .answer-selector.correct{background-color:#c4e2c2}.personnel-question .personnel-question-root .true-false.option-container .each-option .answer-selector.wrong{background-color:#f1b6b6}.personnel-question .personnel-question-root .true-false.option-container .each-option .answer-selector.wrong{background-color:#f1b6b6}.personnel-question .personnel-question-root .true-false.option-container .each-option.correct-option{background-color:#c4e2c2}.personnel-question .personnel-question-root .true-false.option-container .each-option.wrong-option{background-color:#f1b6b6}.personnel-question .personnel-question-root .true-false.option-container .each-option.has-student{padding-left:7px}.personnel-question .personnel-question-root .true-false.option-container .simple-option{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 0;width:100%;line-height:2}.personnel-question .personnel-question-root .true-false.option-container .simple-option .option-number{padding-left:3px}.personnel-question .personnel-question-root .true-false.option-container .each-option.english-font{padding-right:62px;padding-left:7px}.personnel-question .personnel-question-root .true-false.option-container .each-option.english-font .answer-selector{left:unset;right:0;border-right:0;border-left:1px solid #5e5e5e}.personnel-question .personnel-question-root .true-false.option-container .each-option.english-font .simple-option .option-number{padding-left:0;padding-right:3px}.personnel-question .true-false .true-false-option-text{text-align:justify;width:94%;position:relative}.personnel-question .personnel-question-root .descriptive-mode.option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:3px}.personnel-question .personnel-question-root .descriptive-mode.option-container .each-option{width:100%;flex-direction:row;margin:4px 2px;padding:7px 5px;transition:.5s ease-out;position:relative;overflow:hidden}.personnel-question .question-num-answer{display:flex;align-items:center;width:100%;text-align:justify}.personnel-question .reduce-width{width:97%;text-align:justify}.personnel-question .personnel-question-root .four-column .reduce-width{width:85%}.personnel-question .personnel-question-root .three-column .reduce-width{width:90%}.personnel-question .personnel-question-root .personnel-question-root .two-column .reduce-width{width:93%}.personnel-question .answer-info{border-radius:5px;padding:0 8px;font-size:15px;height:25px;color:#064ba0;display:inline-flex;align-items:center;width:25px;justify-content:center}.personnel-question .poem-option{display:flex;align-items:center;padding:0 0;line-height:2;width:100%;justify-content:space-between}.personnel-question .poem-part{display:flex;align-items:center;flex-wrap:wrap;width:100%}.personnel-question .personnel-question-root .verse{width:50%;display:flex;align-items:center;text-align:right}.personnel-question .poem-first-part{padding-left:6px}.personnel-question .personnel-question-root .two-column .each-option{justify-content:flex-start;width:48%}.personnel-question .personnel-question-root .three-column .each-option{justify-content:flex-start;width:31.33%}.personnel-question .personnel-question-root .four-column .each-option{justify-content:flex-start;width:23%}.personnel-question .personnel-question-root .each-option.not-optional{cursor:default;background:#fff;box-shadow:none}.personnel-question .add-question{padding:0 0 0 5px;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;border:1px solid #656565;position:relative}.personnel-question .add-question-i{height:29px;background:#028602;width:25px;font-size:14px;color:#fff;border-radius:0 10px 10px 0;text-align:center;margin-left:6px;padding:7px 0}.personnel-question .btn-loading{position:absolute;background:gray;opacity:.8;top:0;left:0;padding:0 0 0 5px;border-radius:12px;height:30px;width:100%;display:flex;justify-content:center;align-items:center;color:#000;font-size:26px}.personnel-question .delete-question{padding:0 0 0 5px;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;border:1px solid #656565;position:relative}.personnel-question .delete-question-i{height:29px;background:#c70000;width:25px;font-size:14px;color:#fff;border-radius:0 10px 10px 0;padding:7px 0;margin-left:6px;text-align:center}.personnel-question .answer-question-btn{padding:0 5px 0 0;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:row-reverse;border:1px solid #656565;position:relative}.personnel-question .answer-question-btn-i{height:29px;background:#145eca;width:25px;font-size:14px;color:#fff;border-radius:10px 0 0 10px;padding:7px 0;margin-right:6px;text-align:center}.personnel-question .question-barem{display:flex;justify-content:center;align-items:center;margin-top:7px}.personnel-question .barem-mosbat{border:3px solid #5fc47e;text-align:center;margin-left:8px;border-radius:5px;padding:2px 5px;box-shadow:1px 1px 3px #53f353;transition:all .5s linear;background:#e8ffe8;cursor:pointer}.personnel-question .barem-mosbat:hover{border:3px solid #297b42;box-shadow:1px 1px 3px #2ca92c;background:#b5ffb5}.personnel-question .barem-manfi{border:3px solid #ff4848;text-align:center;margin-left:8px;border-radius:5px;padding:2px 5px;box-shadow:1px 1px 3px #b50000;transition:all .5s linear;background:#fdd;cursor:pointer}.personnel-question .barem-manfi:hover{border:3px solid #b71717;box-shadow:1px 1px 3px #902828;background:#ffa9a9}.personnel-question .barem{margin-left:8px;font-size:14px}.personnel-question .cart-features{position:absolute;left:0;top:3px;width:0;opacity:0;transition:.3s linear;box-shadow:1px 1px 2px #d3d3d3;z-index:20;background-color:#f9f9f9;border-radius:5px;overflow-x:hidden}.personnel-question .cart-features>div{width:150px}.personnel-question .cart-features.open-cart{width:150px;opacity:1}.personnel-question .cart-features hr{margin-top:0;margin-bottom:3px;border:0;border-top:1px solid #c7c7c7}.personnel-question .each-feature{padding:2px}.personnel-question .each-feature>span{height:27px;width:100%;display:flex;align-items:center;border-radius:3px;padding:0 3px}.personnel-question .each-feature>span:hover{background-color:#cacaca}.personnel-question .hardness-title{font-size:12px;margin:3px 5px 0;padding:2px 4px;border-radius:3px;color:#fff;height:21px}.personnel-question .hardness-easy{background-color:#21c7bb}.personnel-question .hardness-medium{background-color:#0d8b21}.personnel-question .hardness-hard{background-color:#d67d07}.personnel-question .hardness-very-hard{background-color:#c02525}.personnel-question .question-information{padding:0 4px;margin:0 -4px;background-color:#ebebeb;border-radius:5px 5px 0 0;display:flex}.personnel-question .question-subject{width:calc(100% - 80px);font-size:11px;padding:7px 4px 6px;color:grey}.personnel-question .question-features{width:20px;padding-top:4px;text-align:center;font-size:17px}.personnel-question .hardness-and-features{width:80px;display:flex;justify-content:flex-end}.personnel-question .answer-box{overflow:hidden;transition:.5s linear;position:relative;height:0}.personnel-question .answer-box hr{margin:10px 0}.personnel-question .answer-box img{max-width:100%}.personnel-question .answer-content{padding:10px 5px;background-color:beige;border-radius:5px;border:1px solid #e3e3c4}.personnel-question .answer-title{color:#064ba0;font-size:15px;padding:0 5px 7px 0}.personnel-question .image-answer{margin:0 auto 7px;display:block}.personnel-question .text-answer{margin-bottom:7px;padding:3px 5px}.personnel-question .caption-text{margin-bottom:7px;text-align:center}.personnel-question .caption-text>div{font-size:11px;font-style:italic;color:#064ba0}.personnel-question .close-btn-container{text-align:center;height:15px;position:relative;bottom:12px}.personnel-question .close-answer-btn{background-color:#d7d783;display:flex;width:64px;height:24px;align-items:center;justify-content:center;border-radius:7px;font-size:23px;margin:0 auto;color:#000;cursor:pointer}.personnel-question .diamond-sign{position:absolute;background-color:beige;width:18px;height:18px;left:20px;transform:rotate(45deg);top:38px;z-index:10;border-style:solid;border-color:#e3e3c4;border-width:1px 0 0 1px}.personnel-question .right-align-text{direction:rtl;text-align:right}.personnel-question .center-align-text{direction:rtl;text-align:center}.personnel-question .left-align-text{direction:ltr;text-align:left}.personnel-question-print .personnel-question-root em{text-decoration:underline;font-style:normal}.personnel-question-print .personnel-question-root .left-to-right{direction:ltr}.personnel-question-print .personnel-question-root .question-num-barem-row{margin-bottom:5px}.personnel-question-print .personnel-question-root .justify-in-hidden-number{justify-content:end}.personnel-question-print .personnel-question-root .question-text-part{width:100%;display:flex;justify-content:space-between;padding:0 3px}.personnel-question-print .personnel-question-root .body-subbody-part{max-width:calc(100% - 70px)}.personnel-question-print .personnel-question-root .barem-title{padding-top:5px;width:70px;text-align:left;font-size:12px}.personnel-question-print .personnel-question-root .english-font,.personnel-question-print .personnel-question-root .english-font *{font-family:FontAwesome;direction:ltr;font-weight:700;font-size:13px}.personnel-question-print .personnel-question-root .question-column{flex-direction:column}.personnel-question-print .personnel-question-root .question-number{width:40px;padding:2px 3px;position:relative}.personnel-question-print .personnel-question-root .question-number>i{font-size:33px}.personnel-question-print .personnel-question-root .question-number>span{position:absolute;top:11px;left:11px;font-size:12px}.personnel-question-print .personnel-question-root .question-barem-view-mode{display:inline-block;padding:4px 0;height:25px}.personnel-question-print .personnel-question-root .left-to-right .question-number{width:100px;height:21px;border:2px solid green;border-radius:0 5px 5px 0;border-right:none;margin:0 4px 7px -10px;text-align:center;background-color:green;color:#fff;display:inline-block}.personnel-question-print .personnel-question-root .question-body{width:100%;text-align:justify;line-height:2}.personnel-question-print .personnel-question-root .question-body>div{display:inline}.personnel-question-print .personnel-question-root .question-subbody{width:100%;text-align:center;line-height:2}.personnel-question-print .personnel-question-root .question-image{max-width:40%;margin:0 auto;display:flex;align-items:center}.personnel-question-print .image-not-inline .question-image{width:100%;margin:0 auto;text-align:center}.personnel-question-print .personnel-question-root .question-image img{max-width:100%;height:auto;margin:0 auto;border-radius:5px}.personnel-question-print .personnel-question-root .option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;padding-top:4px}.personnel-question-print .personnel-question-root .left-to-right .option-container{padding-left:0;padding-right:20px}.personnel-question-print .personnel-question-root .two-column .option-container{flex-direction:row;padding-left:0;flex-wrap:wrap;justify-content:flex-start}.personnel-question-print .personnel-question-root .three-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.personnel-question-print .personnel-question-root .four-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.personnel-question-print .personnel-question-root .each-option{width:100%;margin:2px 2px 0;padding:2px 3px}.personnel-question-print .personnel-question-root .each-option.cursor-pointer{cursor:pointer}.personnel-question-print .personnel-question-root .left-to-right .english-font.wrong-option .student-answer,.personnel-question-print .personnel-question-root .wrong-option .student-answer{color:#9d0000}.personnel-question-print .personnel-question-root .left-to-right .english-font.wrong-option,.personnel-question-print .personnel-question-root .wrong-option{background:#ff6f6f}.personnel-question-print .personnel-question-root .correct-option .student-answer,.personnel-question-print .personnel-question-root .left-to-right .english-font.correct-option .student-answer{color:#060}.personnel-question-print .personnel-question-root .correct-option,.personnel-question-print .personnel-question-root .left-to-right .english-font.correct-option{background:#86de86}.personnel-question-print .personnel-question-root .emoji{margin-bottom:-6px}.personnel-question-print .personnel-question-root .correct-option .emoji::after{content:"😊";font-size:17px}.personnel-question-print .personnel-question-root .wrong-option .emoji::after{content:"😕";font-size:17px}.personnel-question-print .personnel-question-root .option-number.green-if-correct{border-radius:50%;width:10px;height:10px;padding:10px;background-color:green;color:#fff;margin-left:3px;margin-right:0}.personnel-question-print .personnel-question-root .english-font .option-number.green-if-correct{border-radius:50%;width:10px;height:10px;padding:10px;background-color:green;color:#fff;margin-right:3px;margin-left:0}.personnel-question-print .personnel-question-root .green-if-correct .hidden-if-correct{display:none}.personnel-question-print .personnel-question-root .left-to-right .each-option{background-position:right;background-size:202%;transition:.5s ease-out}.personnel-question-print .personnel-question-root .answer-loading{width:100%;height:100%;position:absolute;top:0;display:flex;align-items:center;justify-content:center;font-size:23px;color:#424242}.personnel-question-print .personnel-question-root .option-number{display:flex;align-items:center;justify-content:center;padding-left:3px;width:17px}.personnel-question-print .personnel-question-root .english-font .option-number{padding-right:3px;padding-left:0}.personnel-question-print .personnel-question-root .option{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 0;width:100%;line-height:2}.personnel-question-print .question-num-answer{display:flex;align-items:center;width:100%;text-align:justify;position:relative}.personnel-question-print .question-num-answer .fa-check{font-size:17px;position:relative;top:1px}.personnel-question-print .reduce-width{width:97%;text-align:justify}.personnel-question-print .personnel-question-root .four-column .reduce-width{width:85%}.personnel-question-print .personnel-question-root .three-column .reduce-width{width:90%}.personnel-question-print .personnel-question-root .two-column .reduce-width{width:93%}.personnel-question-print .true-false-option-text{display:flex;align-items:center;text-align:justify;width:94%;position:relative}.personnel-question-print .true-btn{color:#036400}.personnel-question-print .false-btn{color:#950000}.personnel-question-print .answer-info{border-radius:5px;padding:0 8px;font-size:15px;height:25px;color:#064ba0;display:inline-flex;align-items:center;width:25px;justify-content:center}.personnel-question-print .poem-option{display:flex;align-items:center;padding:0 0;line-height:2;width:100%;justify-content:space-between}.personnel-question-print .poem-part{display:flex;align-items:center;flex-wrap:wrap;width:100%}.personnel-question-print .personnel-question-root .verse{width:50%;display:flex;align-items:center;text-align:right}.personnel-question-print .poem-first-part{padding-left:6px}.personnel-question-print .personnel-question-root .two-column .each-option{justify-content:flex-start;width:48%}.personnel-question-print .personnel-question-root .three-column .each-option{justify-content:flex-start;width:31.33%}.personnel-question-print .personnel-question-root .four-column .each-option{justify-content:flex-start;width:23%}.personnel-question-print .body-has-poem{justify-content:center;width:50%;display:flex;padding-left:22px}.personnel-question-print .personnel-question-root .each-option.not-optional{cursor:default;background:#fff;box-shadow:none}.personnel-question-print .personnel-question-root .star{width:100%;text-align:center}.personnel-question-print .personnel-question-root .poem-alignment{justify-content:flex-end;width:100%;text-align:left}.personnel-question-print .add-question{padding:0 0 0 5px;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;border:1px solid #656565;position:relative}.personnel-question-print .add-question-i{height:29px;background:#028602;width:25px;font-size:14px;color:#fff;border-radius:0 10px 10px 0;text-align:center;margin-left:6px;padding:7px 0}.personnel-question-print .btn-loading{position:absolute;background:gray;opacity:.8;top:0;left:0;padding:0 0 0 5px;border-radius:12px;height:30px;width:100%;display:flex;justify-content:center;align-items:center;color:#000;font-size:26px}.personnel-question-print .delete-question{padding:0 0 0 5px;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;border:1px solid #656565;position:relative}.personnel-question-print .delete-question-i{height:29px;background:#c70000;width:25px;font-size:14px;color:#fff;border-radius:0 10px 10px 0;padding:7px 0;margin-left:6px;text-align:center}.personnel-question-print .answer-question-btn{padding:0 5px 0 0;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:row-reverse;border:1px solid #656565;position:relative}.personnel-question-print .answer-question-btn-i{height:29px;background:#145eca;width:25px;font-size:14px;color:#fff;border-radius:10px 0 0 10px;padding:7px 0;margin-right:6px;text-align:center}.personnel-question-print .question-barem{display:flex;justify-content:center;align-items:center;margin-top:7px}.personnel-question-print .barem-mosbat{border:3px solid #5fc47e;text-align:center;margin-left:8px;border-radius:5px;padding:2px 5px;box-shadow:1px 1px 3px #53f353;transition:all .5s linear;background:#e8ffe8;cursor:pointer}.personnel-question-print .barem-mosbat:hover{border:3px solid #297b42;box-shadow:1px 1px 3px #2ca92c;background:#b5ffb5}.personnel-question-print .barem-manfi{border:3px solid #ff4848;text-align:center;margin-left:8px;border-radius:5px;padding:2px 5px;box-shadow:1px 1px 3px #b50000;transition:all .5s linear;background:#fdd;cursor:pointer}.personnel-question-print .barem-manfi:hover{border:3px solid #b71717;box-shadow:1px 1px 3px #902828;background:#ffa9a9}.personnel-question-print .barem{margin-left:8px;font-size:14px}.personnel-question-print .personnel-feedback-to-question{font-size:27px;cursor:pointer;color:#064ba0}.personnel-question-print .cart-features{position:absolute;left:0;top:3px;width:0;opacity:0;transition:.3s linear;box-shadow:1px 1px 2px #d3d3d3;z-index:20;background-color:#f9f9f9;border-radius:5px;overflow-x:hidden}.personnel-question-print .cart-features>div{width:150px}.personnel-question-print .cart-features.open-cart{width:150px;opacity:1}.personnel-question-print .cart-features hr{margin-top:0;margin-bottom:3px;border:0;border-top:1px solid #c7c7c7}.personnel-question-print .each-feature{padding:2px}.personnel-question-print .each-feature>span{height:27px;width:100%;display:flex;align-items:center;border-radius:3px;padding:0 3px}.personnel-question-print .each-feature>span:hover{background-color:#cacaca}.personnel-question-print .hardness-title{font-size:12px;margin:3px 5px 0;padding:2px 4px;border-radius:3px;color:#fff;height:21px}.personnel-question-print .hardness-easy{background-color:#21c7bb}.personnel-question-print .hardness-medium{background-color:#0d8b21}.personnel-question-print .hardness-hard{background-color:#d67d07}.personnel-question-print .hardness-very-hard{background-color:#c02525}.personnel-question-print .question-subject{width:calc(100% - 80px);font-size:11px;padding:7px 4px 6px;color:grey}.personnel-question-print .question-features{width:20px;padding-top:4px;text-align:center;font-size:17px}.personnel-question-print .hardness-and-features{width:80px;display:flex;justify-content:flex-end}.personnel-question-print .answer-box{overflow:hidden;transition:.5s linear;position:relative;height:0}.personnel-question-print .answer-box hr{margin:10px 0}.personnel-question-print .answer-box img{max-width:100%}.personnel-question-print .answer-content{padding:10px 5px;background-color:beige;border-radius:5px;border:1px solid #e3e3c4}.personnel-question-print .answer-title{color:#064ba0;font-size:15px;padding:0 5px 7px 0}.personnel-question-print .image-answer{margin:0 auto 7px;display:block}.personnel-question-print .text-answer{margin-bottom:7px;padding:3px 5px}.personnel-question-print .caption-text{margin-bottom:7px;text-align:center}.personnel-question-print .caption-text>div{font-size:11px;font-style:italic;color:#064ba0}.personnel-question-print .close-btn-container{text-align:center;height:15px;position:relative;bottom:12px}.personnel-question-print .close-answer-btn{background-color:#d7d783;display:flex;width:64px;height:24px;align-items:center;justify-content:center;border-radius:7px;font-size:23px;margin:0 auto;color:#000;cursor:pointer}.personnel-question-print .diamond-sign{position:absolute;background-color:beige;width:18px;height:18px;left:20px;transform:rotate(45deg);top:38px;z-index:10;border-style:solid;border-color:#e3e3c4;border-width:1px 0 0 1px}.personnel-question-print .right-align-text{direction:rtl;text-align:right}.personnel-question-print .center-align-text{direction:rtl;text-align:center}.personnel-question-print .left-align-text{direction:ltr;text-align:left}@media (max-width:768px){.personnel-question .personnel-question-root .body-has-poem .option{align-items:center!important}.personnel-question .personnel-question-root{width:100%}.personnel-question .personnel-question-root .images{width:100%;height:64px;margin:10px auto}.personnel-question .personnel-question-root .question{flex-direction:column}.personnel-question .personnel-question-root .body-subbody-part{width:100%;margin-left:0}.personnel-question .personnel-question-root .body-subbody-part .question-body{width:100%}.personnel-question .personnel-question-root .question-subbody .poem-subbody{padding:0 10px}.personnel-question .personnel-question-root .question-image{max-width:100%}.personnel-question .personnel-question-root .two-column .each-option{width:47%;margin:4px 6px}.personnel-question .personnel-question-root .four-column .each-option,.personnel-question .personnel-question-root .three-column .each-option{width:47%;margin:4px 6px 4px 6px}.personnel-question .personnel-question-root .verse{width:50%}.personnel-question .reduce-width{width:95%}.personnel-question .personnel-question-root .two-column .reduce-width{width:90%}.personnel-question .answer-info{padding:0 7px;font-size:14px;height:24px;width:24px}.personnel-question .false-btn,.personnel-question .true-btn{width:29px;margin:0 0;padding:0 0}.personnel-question .personnel-question-root .correct-option .emoji::after{content:"😊";font-size:15px}.personnel-question .personnel-question-root .wrong-option .emoji::after{content:"😕";font-size:15px}.personnel-question .true-false-option-text{width:85%}.personnel-question .remove-answer{font-size:13px;padding:1px 0 1px 5px;margin:0 -6px 0 0}.personnel-question .true-false .true-false-option-text{width:calc(100% - 26px)}}@media (max-width:480px){.personnel-question .personnel-question-root{margin:5px auto}.personnel-question .personnel-question-root .each-option{margin:4px 0}.personnel-question .personnel-question-root .two-column .each-option{width:100%}.personnel-question .personnel-question-root .two-column .each-descriptive-option{width:100%}.personnel-question .personnel-question-root .three-column .each-option{width:100%}.personnel-question .personnel-question-root .three-column .each-descriptive-option{width:100%}.personnel-question .personnel-question-root .four-column .each-option{width:100%}.personnel-question .personnel-question-root .four-column .each-descriptive-option{width:100%}.personnel-question .personnel-question-root .question-subbody .poem-subbody{padding:2px 10px}.personnel-question .personnel-question-root .question-subbody .each-poem-part{padding:3px 0 2px;width:100%;text-align:center}.personnel-question .personnel-question-root .question-subbody .each-poem-part .star{justify-content:center;line-height:1}.personnel-question .personnel-question-root .question-subbody .each-poem-part .poem-alignment{text-align:center}.personnel-question .personnel-question-root .verse{width:100%}.personnel-question .poem-part{flex-direction:column}.personnel-question .personnel-question-root .body-subbody-part.body-has-image{width:100%}.personnel-question .reduce-width{width:91%}.personnel-question .personnel-question-root .correct-option .emoji::after{content:"😊";font-size:14px}.personnel-question .personnel-question-root .wrong-option .emoji::after{content:"😕";font-size:14px}.personnel-question .true-false-option-text{width:80%}.personnel-question .false-btn,.personnel-question .true-btn{width:26px}.personnel-question .add-question,.personnel-question .delete-question{height:26px}.personnel-question .add-question-i,.personnel-question .delete-question-i{height:26px;font-size:14px;padding:6px 0}.personnel-question .answer-question-btn{height:26px}.personnel-question .answer-question-btn-i{height:26px;font-size:14px;padding:6px 0;border-radius:11px 0 0 11px}.personnel-question .barem-manfi,.personnel-question .barem-mosbat{margin-left:4px}.personnel-question-parent{padding:0 4px}.personnel-question .question-information{margin:-5px -4px 0}.personnel-question .each-feature{padding:2px 4px;font-size:10px}.personnel-question .text-answer{margin-bottom:5px;padding:3px 5px}.personnel-question .close-btn-container{height:0;bottom:11px}.personnel-question .close-answer-btn{width:50px;height:20px;font-size:19px}.personnel-question .diamond-sign{top:33px}.personnel-question .cart-features>div{width:120px}.personnel-question .cart-features.open-cart{width:120px;opacity:1}.personnel-question .answer-content{padding:10px}.personnel-question .personnel-question-root .true-false.option-container .each-option{padding-left:52px;padding-right:5px}.personnel-question .personnel-question-root .true-false.option-container .each-option.english-font{padding-right:52px;padding-left:5px}.personnel-question .personnel-question-root .true-false.option-container .each-option .answer-selector{width:48px;font-size:10px}.personnel-question .personnel-question-root .true-false.option-container .edit-mode{padding-right:50px}}.sa-loading{position:absolute;top:0;height:100%;width:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;flex-direction:row;z-index:10000;right:0}.sa-loading.size-4{font-size:80px}.sa-loading.size-3{font-size:70px}.sa-loading.size-2{font-size:60px}.sa-loading.size-1{font-size:50px}.sa-loading .loading-background{width:100%;height:100%;background-color:#000;opacity:.5;position:absolute}.sa-loading .loading-container{height:12%;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.sa-loading .first-letter{font-weight:bolder;color:#ffec8f;position:relative;animation-name:firstletter;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes firstletter{0%{bottom:0}20%{bottom:100%;color:#ff0}40%{bottom:0}100%{bottom:0;color:#ffec8f}}.sa-loading .second-letter{font-weight:bolder;color:#ffec8f;position:relative;animation-name:secondletter;animation-duration:1s;animation-timing-function:linear;animation-delay:125ms;animation-iteration-count:infinite}@keyframes secondletter{0%{bottom:0}20%{bottom:100%;color:#ff0}40%{bottom:0}100%{bottom:0;color:#ffec8f}}.sa-loading .third-letter{font-weight:bolder;color:#ffec8f;position:relative;animation-name:thirdletter;animation-duration:1s;animation-timing-function:linear;animation-delay:.25s;animation-iteration-count:infinite}@keyframes thirdletter{0%{bottom:0}20%{bottom:100%;color:#ff0}40%{bottom:0}100%{bottom:0;color:#ffec8f}}.sa-loading .fourth-letter{font-weight:bolder;color:#ffec8f;position:relative;animation-name:fourthletter;animation-duration:1s;animation-timing-function:linear;animation-delay:375ms;animation-iteration-count:infinite}@keyframes fourthletter{0%{bottom:0}20%{bottom:100%;color:#ff0}40%{bottom:0}100%{bottom:0;color:#ffec8f}}@media (max-width:1024px){.sa-loading.size-4{font-size:70px}.sa-loading.size-3{font-size:60px}.sa-loading.size-2{font-size:50px}.sa-loading.size-1{font-size:40px}}@media (max-width:768px){.sa-loading.size-4{font-size:60px}.sa-loading.size-3{font-size:50px}.sa-loading.size-2{font-size:40px}.sa-loading.size-1{font-size:30px}}@media (max-width:480px){.sa-loading.size-4{font-size:50px}.sa-loading.size-3{font-size:40px}.sa-loading.size-2{font-size:30px}.sa-loading.size-1{font-size:20px}}@media print{.sa-loading{display:none}}secured-image{height:100%;justify-content:center;align-items:center;display:flex;width:100%}secured-image .inner-img{max-width:100%;max-height:100%;height:auto;border-radius:5px}.signin{width:100%;height:100%;text-align:center;overflow:auto;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:#ebebeb}.signin .signin-card{width:450px;height:452px;background-color:#fff;border-radius:12px;box-shadow:0 4px 13px 2px grey}.signin .card-header{background-color:#1462a7;padding:5px 0;font-size:18px;color:#fff;border-radius:10px 10px 0 0}.signin .card-body-first{height:277px}.signin .card-body-first .top-part{height:90px}.signin .card-body-second{height:310px;padding-bottom:10px}.signin .card-body-second .top-part{height:80px}.signin .card-body-third{height:310px;padding-bottom:15px}.signin .logo{width:165px;height:55px;margin:0 auto;background-size:1184px 734px;background-position:-75px -76px}.signin .signin-title1{padding:10px 5px 0;font-size:18px;height:70px}.signin .signin-title2{padding:20px 5% 0;font-size:15px}.signin .school-title{padding:3px 5% 0;font-size:15px;color:#c10909}.signin .login-way-selector{font-size:14px;padding-top:10px;color:#1462a7;justify-content:space-around}.signin .login-way-selector i{position:relative;top:3px}.signin .login-by-mobile-container{height:160px;padding-top:25px}.signin .input-box{position:relative;height:65px;overflow:hidden}.signin .input-box .pass-visibility{position:absolute;left:calc(5% + 7px);top:12px;z-index:2;color:#0b508d}.signin .card-body-first .input-box{position:relative;opacity:0;height:0;overflow:hidden}.signin .card-body-first .input-box.show-input{animation:open-signin-input .4s ease-out forwards}@keyframes open-signin-input{0%{opacity:0;height:0}100%{opacity:1;height:65px}}.signin.users{height:100%;text-align:center;overflow:auto}.signin .format{width:100%;padding:5px 3% 12px}.signin.users .format{width:100%;padding:2% 15%;height:initial}.signin.users .format .btn{width:31%;height:50px}.signin .format.signin-data{padding:0;height:initial;width:700px;margin:20px auto 0}.signin .guide-video{max-width:500px;margin:0 auto}.signin .Faq-questions{width:63%;margin:40px auto 8px}.signin .Faq-questions .question-title{background:#f3f3f3;border-radius:5px;border:1px solid #c3c3c3;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#003f90;cursor:pointer;text-align:justify;padding:15px 9px}.signin .Faq-questions .question-title h5{font-size:18px;margin:0;padding-left:10px}.signin .Faq-questions .question-title i{font-size:17px}.signin .Faq-questions .question-answer{background:#fdfdfd;line-height:1.8;font-size:14px;border-radius:0 0 5px 5px;text-align:justify;overflow:hidden;transition:max-height .4s ease-in-out;max-height:0}.signin .Faq-questions .question-answer div{padding:7px}.signin .Faq-questions .answer-is-open{border:1px solid #c3c3c3;border-top:none;transition:max-height .4s ease-in-out}.signin input{outline:0}.signin .signin-container{width:450px;margin:0 auto 0}.signin .format.signin-data .choose-user-type{padding:0 5% 7px;font-size:16px;color:#182332}.signin .choose-user-type i{font-size:19px;margin-left:5px}.signin .fa-dot-circle-o{color:#317200}.signin .mobile-number{font-size:15px;color:#182332}.signin .change-info{color:#004eb3;font-size:14px;text-decoration:underline;cursor:pointer;margin-bottom:15px;padding-top:6px}.signin .input-box.idNumber-input-container{width:85%}.signin .input-box.mobileCode-input-container{width:77%;margin:10px auto}.signin .input-box .idNumber-input{width:50px;height:50px}.signin .input-box .mobileCode-input{width:62px;height:50px}.signin .sms-rquest{font-size:14px;color:#686868;margin-top:26px}.signin .sa-warning{text-align:center;direction:rtl;font-size:12px}.signin .login-alert{position:absolute;bottom:0;opacity:0;transition:.4s ease-out;font-size:13px;color:red;width:100%}.signin .show-alert{opacity:1;bottom:48px}.signin .login-btn-container{position:relative;padding-bottom:5px}.signin .post-loading{position:absolute;top:4px;left:5px;font-size:29px}.signin .next-step-btn{font-size:16px;background:#94c221;width:90%;margin:auto;border:solid 2px #7da511;border-radius:10px;height:40px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);position:relative}.signin .signin-card hr{margin:20px 5% 10px;border-top:1px solid #d5d5d5}.signin .footer-row{font-size:12px;text-align:right;padding:0 5%;justify-content:space-between}.signin .change-user-type,.signin .go-to-register{color:#428bca;text-decoration:underline;cursor:pointer}@media screen and (max-width:1024px){.login .Faq-questions .question-title h5{font-size:17px}}@media screen and (max-width:768px){.login .Faq-questions .question-title{padding:8px 6px}.login .Faq-questions .question-title h5{font-size:16px;line-height:1.7}.login .Faq-questions{width:94%}.login .format.login-data{width:450px}.login .Faq-questions .question-answer{font-size:13px}.login .login-container{width:350px}.login .input-box input{font-size:15px;width:300px}.login.new-login{padding-top:2%;font-size:15px}.login .mobile-number{font-size:15px}.login .change-info{font-size:13px}.login .btn{height:42px;width:150px;font-size:16px}.login .input-box{margin:10px auto 10px}.login .login-alert{font-size:13px;bottom:18px}.login .show-alert{bottom:-9px}.login .input-box.idNumber-input-container{width:97%}.login .input-box.mobileCode-input-container{width:100%}.login .input-box .idNumber-input{width:45px;height:45px}.login .input-box .mobileCode-input{width:55px;height:45px}.login .post-loading{right:40px;font-size:24px}.login .sa-warning{font-size:11px}.login .sms-rquest{font-size:13px}}@media screen and (max-width:480px){.signin .signin-card{width:100%;height:100%;background-color:#fff;border-radius:0;box-shadow:0 4px 13px 2px grey}.signin .card-header{background-color:#1462a7;padding:5px 0;font-size:18px;color:#fff;border-radius:0}.signin .card-body-first{padding-bottom:35px}.signin .card-body-second{height:195px}.signin .card-body-third{height:250px}.signin .input-box.mobileCode-input-container{width:95%;margin:10px auto}.signin .input-box .mobileCode-input{width:45px;height:45px}.signin .login-way-selector{font-size:12px;padding-bottom:2px}.login .logo{width:315px;background-position:-106px -229px}.login .format.login-data{width:287px}.login .login-guide{top:8px;left:5px}.login .guide-video{max-width:96%}.login .Faq-questions .question-title h5{font-size:14px}.login .Faq-questions .question-answer{font-size:12px}.login.new-login{font-size:13px}.login .input-box input{font-size:13px;height:40px;width:245px}.login .login-container{width:295px}.login .input-box{height:55px}.login .login-alert{font-size:11px;bottom:10px}.login .show-alert{bottom:-22px}.login .mobile-number{font-size:13px}.login .change-info{font-size:11px}.login .input-box .mobileCode-input{width:55px;height:42px}.login .btn{height:40px;width:120px;font-size:13px}.login .post-loading{font-size:22px;right:-7px}.login .input-box.idNumber-input-container{width:100%}.login .input-box.mobileCode-input-container{width:100%}.login .sms-rquest{font-size:12px}.login .input-box .idNumber-input{width:39px;height:39px;padding:0 8px}}.simple-date-picker{height:27px;display:inline-flex;padding:0 5px;align-items:center}.simple-date-picker .container-box{height:100%;border:2px inset;border-radius:5px;display:flex;position:relative}.simple-date-picker select.day{height:100%;width:30px;font-size:12px;background-color:transparent;color:#000;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-align-last:center;cursor:pointer}.simple-date-picker select.month{height:100%;width:77px;font-size:12px;background-color:transparent;color:#000;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-align:center;border-right:2px dotted;border-left:2px dotted;cursor:pointer}.simple-date-picker select.year{height:100%;width:36px;font-size:12px;background-color:transparent;color:#000;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-align:center;cursor:pointer}.simple-date-picker .icons{border:none;color:#00f;font-size:18px;display:flex;margin-right:5px}.simple-date-picker .delete-day-month-year{background-color:transparent;color:red;border-width:0;height:100%;display:flex;align-items:center;font-size:18px}.simple-date-picker .disable{position:absolute;width:100%;height:100%;background-color:#000;opacity:.5;top:0;border-radius:3px}.simple-date-picker .wrong-date{color:red}.simple-date-picker select{outline:0}@media screen and (max-width:768px){.simple-date-picker .day{margin-left:-3px}}.simple-time-picker{width:90px;height:30px;display:flex;justify-content:center;align-items:center;margin:5px 20px;border-radius:5px;background-color:transparent;padding-right:7px;position:relative}.simple-time-picker .hour{width:26px;height:100%;background-color:transparent;color:#000;border-color:transparent;-webkit-appearance:none;-moz-appearance:none;font-size:12px;direction:rtl;border-radius:5px;padding-right:5px;cursor:pointer}.simple-time-picker .option:disabled{color:#000;background-color:#000}.simple-time-picker .hour:active{border-color:transparent}.simple-time-picker .minute{width:32px;height:100%;background-color:transparent;color:#000;border-color:transparent;-webkit-appearance:none;-moz-appearance:none;font-size:12px;margin-right:-14px;padding-right:11px;border-radius:5px;cursor:pointer}.simple-time-picker2 .delete-hour-minute i{margin:0}.simple-time-picker .minute:active{border-color:transparent}.simple-time-picker .notSelected{background-color:transparent;color:#000;border-color:transparent;width:44px;-webkit-appearance:none;-moz-appearance:none;font-size:12px;border-radius:4px}.simple-time-picker .hour-minute-divider{font-size:15px;color:#000;margin-left:2px;width:2px}.simple-time-picker .delete-hour-minute{background-color:transparent;color:red;border-width:0;height:13px;position:absolute;top:9px;left:2px}.simple-time-picker2{width:111px;height:27px;border-radius:5px;background-color:transparent;display:inline-flex;align-items:center}.simple-time-picker2 .container-box{width:80%;height:100%;border:2px inset;border-radius:5px;position:relative;display:inline-block;font-size:12px}.simple-time-picker2 select.minute{height:100%;width:33px;background-color:transparent;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-align-last:center;padding-right:4px;color:#000;margin:0}.simple-time-picker2 select.hour{height:100%;width:40px;background-color:transparent;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-align-last:center;color:#000;margin:0}.simple-time-picker2 .delete-hour-minute{color:red;border:1px solid;border-radius:3px;width:18px;margin-right:2px;display:flex;align-items:center;justify-content:center}.simple-time-picker2 select{outline:0}.single-file-uploader .image-size-icons i{cursor:pointer;margin-left:4px}.single-file-uploader .image-size-icons i.selected{color:#0d65d2}.single-file-uploader .small-photo{font-size:16px}.single-file-uploader .medium-photo{font-size:20px}.single-file-uploader .large-photo{font-size:24px}.single-file-uploader .top-row{width:100%;display:flex;justify-content:center;align-items:center}.single-file-uploader .uploader-warning{text-align:center;margin-top:5px}.single-file-uploader .information-text{display:flex;align-items:center;margin-right:5px}.single-file-uploader .progress{height:100%;width:100%;text-align:center;position:absolute;top:0;z-index:3}.single-file-uploader .multi-progress{background:gray;transition:height linear .6s;width:100%;position:absolute;bottom:0;opacity:.7;z-index:3}.single-file-uploader .uploader .fa-circle-o-notch{font-size:25px;color:#000;position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;opacity:.6}.single-file-uploader .uploading-progress{height:100%;background-color:#a4a4a482;border-radius:3px;text-align:center;position:absolute;padding-top:15px}.single-file-uploader .loading-text{height:100%;text-align:center;padding:10px 0;font-size:16px}.single-file-uploader .file-uploader-header{height:50px;border-radius:3px 3px 0 0;text-align:center;box-shadow:0 1px 3px grey}.single-file-uploader .file-uploader-header i{font-size:30px}.single-file-uploader .uploader-title{position:relative;top:-8px;font-size:16px}.single-file-uploader .add-button-container{padding:8px;cursor:pointer}.single-file-uploader .add-button{font-size:28px;height:33px;width:33px;color:#00316a;border:0;border-radius:50%;background-color:transparent;position:relative;top:-2px}.single-file-uploader .state3-buttons{padding:5px 4px;width:50px;height:100%;display:flex;justify-content:center;align-items:center;margin:auto;top:-2px;position:relative}.single-file-uploader .upload-or-cancle{display:inline-block;font-size:33px;width:60px}.single-file-uploader .upload-button{border:0;background-color:transparent;color:#028602}.single-file-uploader .cancel-button{border:0;background-color:transparent;color:#e10000}.single-file-uploader .selected-file-container{width:calc(100% - 60px);padding-top:10px}.single-file-uploader .thumbnails-container{width:95%;position:relative;margin:0 auto}.single-file-uploader .uploaded-files-title{height:50px;border-radius:3px 3px 0 0;font-size:18px;text-align:center;padding:8px 0;box-shadow:0 1px 3px grey;margin-bottom:10px}.single-file-uploader .each-file{height:50px;border-radius:10px;margin:5px 0}.single-file-uploader .each-file i{font-size:25px}.single-file-uploader .each-file img{max-width:100%;max-height:100%;height:auto;border-radius:0 5px 5px 0}.single-file-uploader .each-file .audio-bar{height:42px;width:100%;margin-top:4px}.single-file-uploader .uploaded-files-container-part{display:inline-block;height:100%;justify-content:center}.single-file-uploader .img-preview{width:100px}.single-file-uploader .zoom-button{width:calc(100% - 150px);display:flex;align-items:center;cursor:pointer}.single-file-uploader .type-file-icon{padding:2px 10px}.single-file-uploader .type-file-icon i{padding-top:8px}.single-file-uploader .delete-button{float:left;margin:9px 3px;background-color:transparent;border-color:transparent;width:30px}.single-file-uploader .delete-button i{color:red}.single-file-uploader .audio-file-container{justify-content:center}.single-file-uploader .audio-file-container .delete-button{margin:4px 0 0 7px;position:relative;top:-4px}.single-file-uploader .selected-file-container .audio-bar{height:34px;width:100%}.single-file-uploader .uploader{display:flex;position:relative;justify-content:center;align-items:center;margin:0 5px;border:1px solid #999;border-radius:5px;margin-top:10px}.single-file-uploader .uploader button{display:flex;height:100%;width:100%;justify-content:center;flex-direction:column;align-items:center;box-shadow:2px 2px 3px grey;border:none;border-radius:5px}.single-file-uploader .open-close-button{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;bottom:-11px}@media screen and (max-width:768px){.single-file-uploader .delete-button{margin:6px 3px}.single-file-uploader .img-preview{width:60px}.single-file-uploader .zoom-button{width:calc(100% - 110px)}.single-file-uploader .selected-file-container{padding-top:6px}.single-file-uploader .each-file{height:40px}.single-file-uploader .each-file i{font-size:23px}.single-file-uploader .each-file .audio-bar{height:37px;margin-top:1px}.single-file-uploader .file-uploader-header{height:45px}.single-file-uploader .file-uploader-header i{font-size:25px}.single-file-uploader .add-button-container{padding:5px}.single-file-uploader .uploaded-files-title{height:45px}}@media screen and (max-width:480px){.single-file-uploader .delete-button{margin:2px 1px}.single-file-uploader .selected-file-container .audio-bar{height:29px}.single-file-uploader .each-file{height:30px}.single-file-uploader .each-file i{font-size:21px}.single-file-uploader .each-file .audio-bar{height:26px;margin-top:2px}.single-file-uploader .audio-file-container .delete-button{top:-4px}.single-file-uploader .type-file-icon{position:relative;top:-3px}.single-file-uploader .type-file-icon i{padding-top:6px}.single-file-uploader .file-uploader-header{height:40px}.single-file-uploader .file-uploader-header i{font-size:22px}.single-file-uploader .add-button-container{padding:3px}.single-file-uploader .uploader-title{font-size:12px}.single-file-uploader .uploaded-files-title{height:40px;font-size:14px}}.single-selector-directive{font-size:14px;padding:3px 0;border-radius:5px;width:100%;margin:5px auto;color:#202934}.single-selector-directive .selector-header{padding:6px;margin:0 auto;text-align:center;border-radius:5px 5px 0 0;background:#4b617c;color:#fff}.single-selector-directive .bottom-section{width:100%;display:flex;align-items:center;flex-wrap:wrap;border-radius:0 0 5px 5px;box-shadow:0 0 3px 0 #181818;border:1px solid gray;border-top:none;padding:8px}.single-selector-directive .options{margin:8px 6px;cursor:pointer;min-width:23%;font-size:13px}.single-selector-directive i{color:#480000;font-size:16px}.single-selector-directive .selected,.single-selector-directive .selected i{color:#366adb;text-decoration:underline;font-weight:700}@media (max-width:768px){.single-selector-directive{font-size:13px;margin:3px auto}.single-selector-directive .options{margin:5px 5px;min-width:31%;font-size:12px}.single-selector-directive i{font-size:15px}}@media screen and (max-width:480px){.single-selector-directive{font-size:12px}.single-selector-directive .options{margin:5px 5px;min-width:46%;font-size:11px}.single-selector-directive i{font-size:14px}}.student-question{width:100%;padding:10px 4px;margin:10px auto;background-color:#fff;border:2px solid #064ba0;border-radius:5px;position:relative}.student-question .student-question-root em{text-decoration:underline;font-style:normal;background:#ff0}.student-question .student-question-root .left-to-right{direction:ltr}.student-question .student-question-root .question-num-barem-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:5px}.student-question .student-question-root .question{width:100%;display:flex}.student-question .student-question-root .body-subbody-part{width:100%;margin-left:10px;display:flex;flex-direction:column}.student-question .student-question-root .left-to-right .body-subbody-part{margin-left:0;margin-right:5px}.student-question .student-question-root .english-font,.student-question .student-question-root .english-font *{font-family:FontAwesome;direction:ltr;font-weight:700;font-size:13px}.student-question .student-question-root .question-column{flex-direction:column}.student-question .student-question-root .question-number{width:93px;border-radius:5px 0 0 5px;border-right:none;margin:0 -4px 0 6px;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding:2px 0;height:25px}.student-question .question-barem{width:93px;border-radius:0 5px 5px 0;border-right:none;margin:0 0 0 -4px;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding:2px 0;height:25px}.student-question .student-question-root .left-to-right .question-number{width:100px;height:21px;border:2px solid green;border-radius:0 5px 5px 0;border-right:none;margin:0 4px 7px -10px;text-align:center;background-color:green;color:#fff;display:inline-block}.student-question .student-question-root .question-column .question-body{width:100%}.student-question .student-question-root .question-body{width:100%;text-align:justify;line-height:2}.student-question .student-question-root .question-subbody{width:100%;text-align:center;line-height:2}.student-question .student-question-root .question-image{width:100%;margin:0 auto;text-align:center}.student-question .student-question-root .question-image img{max-width:100%;height:auto;margin:0 auto;border-radius:5px}.student-question .student-question-root .left-to-right .option-container{padding-left:0;padding-right:20px}.student-question .student-question-root .two-column .option-container{flex-direction:row;padding-left:0;flex-wrap:wrap;justify-content:flex-start}.student-question .student-question-root .three-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.student-question .student-question-root .four-column .option-container{flex-direction:row;flex-wrap:wrap;padding-left:0;justify-content:flex-start}.student-question .student-question-root .each-option{padding:2px 3px;width:100%}.student-question .student-question-root .test-mode.option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:3px}.student-question .student-question-root .test-mode.option-container .each-option{margin:4px 2px;background-color:#d6d3d3;border-radius:5px;position:relative;overflow:hidden;min-height:30px;padding-right:37px;padding-left:7px}.student-question .student-question-root .test-mode.option-container .each-option.wrong-option{background-color:#f1b6b6}.student-question .student-question-root .test-mode.option-container .each-option.correct-option{background-color:#c4e2c2}.student-question .student-question-root .test-mode.option-container .each-option .answer-selector{width:30px;height:100%;font-size:14px;margin:0;position:absolute;right:0;color:#77777a;border-left:1px solid #5e5e5e}.student-question .student-question-root .test-mode.option-container .each-option .answer-selector .option-number{border:2px solid #5e5e5e;border-radius:3px;position:absolute;bottom:-10px;left:-24px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;padding-top:2px}.student-question .student-question-root .test-mode.option-container .each-option .answer-selector .fa-check-square-o{position:absolute;left:-25px;bottom:-12px;font-size:24px;font-weight:400}.student-question .student-question-root .test-mode.option-container .each-option .answer-selector .fa-close{position:absolute;left:-23px;bottom:-10px;font-size:22px;font-weight:400}.student-question .student-question-root .test-mode.option-container .answer-loading{display:flex;align-items:center;justify-content:center;position:absolute;left:-14px;bottom:-8px;font-size:16px;font-weight:400;color:#000}.student-question .student-question-root .test-mode.option-container .each-option.english-font{padding-right:7px;padding-left:37px}.student-question .student-question-root .test-mode.option-container .each-option.english-font .answer-selector{right:unset;left:0;border-left:0;border-right:1px solid #5e5e5e;direction:rtl}.student-question .student-question-root .test-mode .simple-option{justify-content:space-between;margin:0 0;width:100%;line-height:2}.student-question .student-question-root .true-false.option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:3px}.student-question .student-question-root .true-false.option-container .each-option{margin:4px 2px;background-color:#d6d3d3;border-radius:5px;position:relative;overflow:hidden;min-height:30px;padding-left:62px;padding-right:7px}.student-question .student-question-root .true-false.option-container .each-option .answer-selector{width:60px;height:100%;font-size:12px;margin:0;position:absolute;left:0;padding:3px 5px;border-right:1px solid #5e5e5e;justify-content:center;font-weight:400;font-family:iransans}.student-question .student-question-root .true-false.option-container .each-option .answer-selector.edit-mode{justify-content:space-between;cursor:pointer}.student-question .student-question-root .true-false.option-container .each-option .answer-selector.correct{background-color:#c4e2c2}.student-question .student-question-root .true-false.option-container .each-option .answer-selector.wrong{background-color:#f1b6b6}.student-question .student-question-root .true-false.option-container .each-option.correct-option{background-color:#c4e2c2}.student-question .student-question-root .true-false.option-container .each-option.wrong-option{background-color:#f1b6b6}.student-question .student-question-root .true-false.option-container .each-option.show-answer{padding-left:7px}.student-question .student-question-root .true-false.option-container .simple-option{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 0;width:100%;line-height:2}.student-question .student-question-root .true-false.option-container .simple-option .option-number{padding-left:3px}.student-question .student-question-root .true-false.option-container .select-answer-btn{border:2px solid #064ba0;background:#f7aa4c;color:#064ba0;justify-content:space-around;width:50px;height:24px;border-radius:5px;cursor:pointer}.student-question .student-question-root .true-false.option-container .false-btn-selected{border:2px solid #9b0800;background:#df0000;color:#fff;justify-content:space-around;width:50px;height:24px;border-radius:5px;padding-bottom:1px;cursor:pointer}.student-question .student-question-root .true-false.option-container .false-btn-selected i{font-size:16px;position:relative;top:0}.student-question .student-question-root .true-false.option-container .true-btn-selected{border:2px solid #036800;background:#00c600;color:#fff;justify-content:space-around;width:50px;height:24px;border-radius:5px;padding-bottom:4px;cursor:pointer}.student-question .student-question-root .true-false.option-container .true-btn-selected i{font-size:16px;position:relative;top:1px}.student-question .student-question-root .true-false.option-container .answer-loading{display:flex;align-items:center;justify-content:center;position:absolute;left:-1px;bottom:7px;font-size:16px;font-weight:400;color:#000}.student-question .student-question-root .true-false.option-container .each-option.english-font{padding-right:62px;padding-left:7px}.student-question .student-question-root .true-false.option-container .each-option.english-font .answer-selector{left:unset;right:0;border-right:0;border-left:1px solid #5e5e5e}.student-question .student-question-root .true-false.option-container .each-option.english-font .simple-option .option-number{padding-left:0;padding-right:3px}.student-question .student-question-root .descriptive-mode.option-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin-top:3px}.student-question .student-question-root .descriptive-mode.option-container .each-option{width:100%;margin:4px 2px;padding:7px 5px;transition:.5s ease-out;position:relative;overflow:hidden}.student-question .student-question-root .descriptive-mode.option-container .each-option .option-number{padding-left:3px}.student-question .student-question-root .descriptive-mode.option-container .each-option.english-font .option-number{padding-left:0;padding-right:3px}.student-question .student-question-root .cursor-pointer{cursor:pointer}.student-question .student-question-root .left-to-right .english-font.wrong-option .student-answer,.student-question .student-question-root .wrong-option .student-answer{color:#9d0000}.student-question .student-question-root .left-to-right .english-font.wrong-option,.student-question .student-question-root .wrong-option{background:#ff6f6f}.student-question .student-question-root .correct-option .student-answer,.student-question .student-question-root .left-to-right .english-font.correct-option .student-answer{color:#060}.student-question .student-question-root .correct-option,.student-question .student-question-root .left-to-right .english-font.correct-option{background:#86de86}.student-question .student-question-root .emoji{position:relative;top:2px;padding-right:3px}.student-question .student-question-root .english-font .emoji{top:0;right:0;left:3px;padding-right:0}.student-question .student-question-root .correct-option .emoji::after{content:"😊";font-size:17px}.student-question .student-question-root .wrong-option .emoji::after{content:"😕";font-size:17px}.student-question .student-question-root .option-number.green-if-correct{border-radius:50%;width:10px;height:10px;padding:10px;background-color:green;color:#fff;margin-left:3px;margin-right:0}.student-question .student-question-root .english-font .option-number.green-if-correct{border-radius:50%;width:10px;height:10px;padding:10px;background-color:green;color:#fff;margin-right:3px;margin-left:0}.student-question .student-question-root .green-if-correct .hidden-if-correct{display:none}.student-question .student-question-root .left-to-right .each-option{background-position:right;background:linear-gradient(to right,#f7aa4c 50%,rgb(214 211 211) 50%) right;background-size:202%;transition:.5s ease-out}.student-question .student-question-root .each-option.selected{background:linear-gradient(to right,rgb(214 211 211) 50%,#f7aa4c 50%) right;background-size:202%;transition:.5s ease-out}.student-question .student-question-root .left-to-right .each-option.selected{background:linear-gradient(to left,rgb(214 211 211) 50%,#f7aa4c 50%) left;background-size:202%;transition:.5s ease-out;color:#00f}.student-question .student-question-root .option{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 0;width:100%;line-height:2}.student-question .student-question-root .question-num-answer{display:flex;align-items:center;width:100%;text-align:justify}.student-question .student-question-root .four-column .reduce-width{width:84%}.student-question .student-question-root .three-column .reduce-width{width:90%}.student-question .student-question-root .two-column .reduce-width{width:93%}.student-question .student-question-root .english-font .remove-answer,.student-question .student-question-root .english-font .true-false-btn{direction:rtl;padding:7px 0 7px 4px}.student-question .student-question-root .remove-answer{font-size:15px;border-radius:5px 0 0 5px;padding:0 0 1px 5px;cursor:pointer;margin:0 -9px 0 0;border-right:none}.student-question .student-question-root .border-radius-change{border-radius:0 5px 5px 0}.student-question .student-question-root .answer-info{border-radius:5px;padding:0 8px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;font-size:15px;height:25px;color:#7b0000;display:inline-flex;align-items:center;margin-left:5px}.student-question .student-question-root .poem-option{display:flex;align-items:center;padding:0 0;line-height:2;width:100%;justify-content:space-between}.student-question .student-question-root .poem-part{display:flex;align-items:center;flex-wrap:wrap;width:100%}.student-question .student-question-root .verse{width:50%;display:flex;align-items:center;text-align:right}.student-question .student-question-root .poem-first-part{padding-left:6px}.student-question .student-question-root .check-box{width:18px;height:18px;border:2px solid #000;display:flex;justify-content:center;align-items:center;border-radius:4px;margin-right:2px}.student-question .student-question-root .english-font .check-box{margin-left:2px;margin-right:0}.student-question .student-question-root .checked{font-size:18px}.student-question .student-question-root .two-column .each-option{justify-content:flex-start;width:48%}.student-question .student-question-root .three-column .each-option{justify-content:flex-start;width:31.33%}.student-question .student-question-root .four-column .each-option{justify-content:flex-start;width:23%}.student-question .student-question-root .body-has-poem{justify-content:flex-start;width:50%;display:flex;padding-right:22px}.student-question .student-question-root .body-has-poem.poem-alignment{padding-right:0;padding-left:22px}.student-question .student-question-root .body-has-poem.poem-alignment .each-poem-part{justify-content:flex-end;width:100%;text-align:left}.student-question .student-question-root .star{width:100%;text-align:center;padding-top:3px}.student-question .student-question-root .textarea-container{width:99%;margin:0 auto;position:relative}.student-question .student-question-root textarea{width:100%;border-radius:5px;resize:none;padding:5px 5px 5px 40px;color:#000;height:100px;box-shadow:1px 1px 4px grey;margin:0 auto}.student-question .textarea-container .submit-answer{position:absolute;bottom:12px;left:6px;min-width:35px;padding:2px 6px;font-size:12px;border-radius:6px;height:35px;animation:submit-answer-changing .9s infinite linear;border:2px solid #f7aa4c}@keyframes submit-answer-changing{0%{background-color:#f7aa4c}50%{background-color:#e6e105;border:2px solid coral}100%{background-color:#f7aa4c}}.student-question .student-answer{margin-top:5px;padding:2px 5px}.student-question .student-score{text-align:center;margin:8px 0 3px;font-size:14px}@media (max-width:768px){.student-question .student-question-root .body-has-poem .option{align-items:center!important}.student-question .student-question-root{width:100%}.student-question .student-question-root .images{width:100%;height:64px;margin:10px auto}.student-question .student-question-root .question{flex-direction:column}.student-question .student-question-root .body-subbody-part{width:100%;margin-left:0}.student-question .student-question-root .body-subbody-part .question-body{width:100%}.student-question .student-question-root .question-image{max-width:100%}.student-question .student-question-root .two-column .each-option{width:47%;margin:4px 6px}.student-question .student-question-root .four-column .each-option,.student-question .student-question-root .three-column .each-option{width:47%;margin:4px 6px 4px 6px}.student-question .student-question-root .english-font .remove-answer{padding:7px 0 6px 4px}.student-question .student-question-root .verse{width:50%}.student-question .reduce-width{width:95%}.student-question .student-question-root .four-column .reduce-width{width:89%}.student-question .student-question-root .two-column .reduce-width{width:90%}.student-question .answer-info{padding:0 7px;font-size:14px;height:24px}.student-question .false-btn,.student-question .true-btn{width:29px;margin:0 0;padding:0 0}.student-question .student-question-root .correct-option .emoji::after{content:"😊";font-size:15px}.student-question .student-question-root .wrong-option .emoji::after{content:"😕";font-size:15px}.student-question .remove-answer{font-size:13px;padding:1px 0 1px 5px;margin:0 -6px 0 0}}@media (max-width:480px){.student-question .student-question-root{margin:5px auto}.student-question .student-question-root .each-option{padding:3px 1px;margin:4px 0}.student-question .student-question-root .two-column .each-option{width:100%}.student-question .student-question-root .two-column .each-descriptive-option{width:100%}.student-question .student-question-root .three-column .each-option{width:100%}.student-question .student-question-root .three-column .each-descriptive-option{width:100%}.student-question .student-question-root .four-column .each-option{width:100%}.student-question .student-question-root .four-column .each-descriptive-option{width:100%}.student-question .student-question-root .body-has-poem{flex-direction:column;width:100%;padding:0}.student-question .student-question-root .body-has-poem.poem-alignment{padding:0}.student-question .student-question-root .body-has-poem .each-poem-part{text-align:center;line-height:1.7}.student-question .student-question-root .body-has-poem.poem-alignment .each-poem-part{text-align:center}.student-question .student-question-root .english-font .remove-answer{padding:6px 0 7px 4px}.student-question .student-question-root .option{padding:0 0}.student-question .student-question-root .verse{width:100%}.student-question .student-question-root .poem-part{flex-direction:column}.student-question .student-question-root .body-subbody-part.body-has-image{width:100%}.student-question .student-question-root .reduce-width{width:91%}.student-question .student-question-root .correct-option .emoji::after{content:"😊";font-size:14px}.student-question .student-question-root .wrong-option .emoji::after{content:"😕";font-size:14px}}.text-poem-editor .text-editor-guide{padding:5px 12px;font-size:14px;text-align:justify}.text-poem-editor .text-editor-guide .fa-circle{font-size:8px}.text-poem-editor .copy-html{padding:7px 12px 0;text-align:left;color:#438eea;font-size:13px;text-decoration:underline}.text-poem-editor .english-align{padding:5px 12px 2px;font-size:14px}.text-poem-editor .english-align i{font-size:18px;position:relative;top:3px}.text-poem-editor .outer-type-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;padding-top:10px;z-index:2}.text-poem-editor .inner-type-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.text-poem-editor .inner-type-container::-webkit-scrollbar{display:none}.text-poem-editor .inner-type-container .type-list{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.text-poem-editor .inner-type-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.text-poem-editor .inner-type-container .each-type{height:100%;padding:4px 15px;min-width:100px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.text-poem-editor .inner-type-container .each-type.selected{border-width:2px 2px 0;padding:7px 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.text-poem-editor .text-editor-hr-type1{margin:3px;border-top:2px solid #cbcbcb}.text-poem-editor .text-editor-trix-container{padding:12px 12px 5px}.text-poem-editor .text-editor-render-box em{text-decoration:underline;font-style:normal;background:#ff0}.text-poem-editor .add-beyt-btn{text-align:center}.text-poem-editor .add-beyt-btn button{min-width:200px;margin:7px;padding:2px 5px;font-size:14px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.text-poem-editor .add-beyt-btn button i{position:relative;top:2px}.text-poem-editor .poem-manage-guide{text-align:center;padding-top:12px;font-size:14px;color:#d60000}.text-poem-editor .poem-preview-box{flex-wrap:wrap;padding:10px 50px;position:relative}.text-poem-editor .each-poem-part{width:50%;font-size:14px;padding:5px 15px;text-align:right}.text-poem-editor .each-poem-part .poem-alignment{justify-content:left}.text-poem-editor .delete-beyt-btn{text-align:center;background:#ffe3e3;border:2px solid #c70707;color:#c70707;cursor:pointer;margin:0 7px;padding:1px 0;font-size:20px;min-width:29px;max-width:29px;height:29px;border-radius:5px;left:12px;top:10px}@media (max-width:768px){.text-poem-editor .text-editor-guide{padding:5px 10px;font-size:12px}.text-poem-editor .poem-preview-box{padding:10px 30px}.text-poem-editor .each-poem-part{font-size:12px}.text-poem-editor .delete-beyt-btn{font-size:19px;min-width:27px;max-width:27px;height:27px;left:7px;top:10px}}@media (max-width:480px){.text-poem-editor .copy-html{padding:4px 12px 0;font-size:11px}.text-poem-editor .text-editor-guide{padding:5px 7px;font-size:11px}.text-poem-editor .text-editor-guide .fa-circle{font-size:6px}.text-poem-editor .poem-preview-box{padding:10px 15px}.text-poem-editor .english-align{padding:5px 7px 0;font-size:12px}.text-poem-editor .english-align i{font-size:16px;top:3px}.text-poem-editor .text-editor-trix-container{padding:7px 5px 5px}.text-poem-editor .outer-type-container{height:40px;padding-top:7px}.text-poem-editor .inner-type-container .each-type{padding:7px 7px 0;min-width:85px;font-size:12px}.text-poem-editor .inner-type-container .each-type.selected{padding:6px 7px;font-size:13px}.text-poem-editor .add-beyt-btn button{min-width:160px;margin:7px;padding:2px 5px;font-size:12px}.text-poem-editor .poem-manage-guide{padding-top:12px;font-size:13px}.text-poem-editor .each-poem-part{font-size:12px;padding:5px 0 0;width:100%;text-align:center}.text-poem-editor .each-poem-part .poem-alignment{justify-content:center}.text-poem-editor .each-poem-part>div{justify-content:center}.text-poem-editor .each-poem-part .star{padding:2px 0;position:relative;line-height:1}.text-poem-editor .delete-beyt-btn{font-size:16px;min-width:24px;max-width:24px;height:24px;border-radius:5px;left:2px;top:-6px}}.voice-player{background-color:#f1f3f4;border-radius:5px;border:1px solid gray;border-radius:5px}.voice-player .remove-voice{display:inline-block;width:10%;text-align:left;float:left}.voice-player .voice-controler .audio{width:100%;height:23px}.voice-player .voice-controler{display:flex;width:92%;justify-content:center;align-items:center}.voice-player .remove-voice{display:flex;width:8%;justify-content:center;align-items:center;font-size:14px;color:red;margin-top:1px}@media screen and (max-width:480px){.voice-player .voice-trash{font-size:12px}}.voice-recorder{position:relative}.voice-recorder .voice-loading{position:absolute;width:100%;top:6px}.voice-recorder .voice-controler #audioSection{width:100%;height:24px}.voice-recorder .granted{font-size:18px;cursor:pointer;display:flex;flex-direction:row;margin-bottom:4px;padding-top:6px;height:28px;border:1px solid gray;border-radius:5px}.voice-recorder .voice-start-stop{width:10%;display:inline-block;margin:auto}.voice-recorder .start-record{display:flex;justify-content:center;align-items:center;color:red;margin-right:5px;font-size:13px;margin-top:-5px}.voice-recorder .delete-voice-icon{display:flex;justify-content:center;margin-top:-5px}.voice-recorder .title{font-size:13px}.voice-recorder .stop-record{display:flex;justify-content:center;align-items:center;margin-bottom:5px}.voice-recorder .send-record{display:flex;justify-content:center;align-items:center;font-size:13px;margin-top:-5px;color:#006400}.voice-recorder .voice-controler{display:inline-block;width:100%;margin:auto;margin-top:-6px}.voice-recorder .recording{animation-name:flasher;animation-duration:1s;animation-iteration-count:infinite;font-size:25px;display:flex;justify-content:center;align-items:center;font-size:16px}@keyframes flasher{0%{color:red}100%{color:#000}}.voice-recorder .voice-input{width:100%;display:flex}.voice-recorder .remove-voice{display:inline-block;width:10%;margin:auto}.voice-recorder .loading-progress{overflow:hidden;height:3px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);margin-top:-4px}.voice-recorder .voice-trash{color:red}.voice-recorder .ask-permission{height:28px;border:1px solid gray;border-radius:5px}@media screen and (max-width:1024px){.voice-recorder .voice-start-stop{width:16%}}@media screen and (max-width:768px){.voice-recorder .voice-controler{display:inline-block;width:70%;text-align:center}.voice-recorder .granted{font-size:18px;cursor:pointer}.voice-recorder .remove-voice{font-size:14px}.voice-recorder .voice-start-stop{font-size:14px}.voice-recorder .recording{font-size:14px}.voice-recorder .send-record{font-size:14px}.voice-recorder .title{font-size:13px}.voice-recorder .start-record{font-size:13px}}@media screen and (max-width:480px){.voice-recorder .remove-voice{font-size:12px}.voice-recorder .voice-start-stop{font-size:12px;width:18%;margin-top:-2px}.voice-recorder .stop-record{margin-top:3px}.voice-recorder .recording{font-size:10px;margin-top:6px}.voice-recorder .title{font-size:9px;padding-right:10px}.voice-recorder .start-record{font-size:9px;margin-top:3px}.voice-recorder .send-record{font-size:12px;margin-top:1px}}.register-personnel{width:100%;height:100%;background-size:cover;text-align:center;overflow:auto;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:#ebebeb}.register-personnel .register-card{width:450px;background-color:#fff;border-radius:12px;box-shadow:0 4px 13px 2px grey;padding-bottom:12px}.register-personnel .register-card .card-header{background-color:#1462a7;padding:20px 0;font-size:18px;color:#fff;border-radius:10px 10px 0 0}.register-personnel .register-card .card-body{padding-top:25px}.register-personnel .register-card .register-button-container{position:relative}.register-personnel .register-card .register-button-container button{font-size:16px;background:#94c221;width:390px;margin:auto;border:solid 2px #7da511;border-radius:10px;height:40px;display:flex;justify-content:center;align-items:center}.register-personnel .register-card .register-button-container button[disabled]{opacity:.65}.register-personnel .register-card .register-button-container i{font-size:21px}.register-personnel .register-card .register-personnel-alert{transition:all .5s ease-in-out;font-size:15px;opacity:0;position:absolute;bottom:-5px;right:0;color:red;text-shadow:0 0 0 #320000;width:100%;direction:rtl}.register-personnel .register-card .show-alert{opacity:1;bottom:42px}.register-personnel .register-card hr{margin:20px 0 10px;border-top:1px solid #d5d5d5}.register-personnel .register-card .go-to-login{font-size:12px;color:#428bca;text-decoration:underline;text-align:right;padding-right:35px}.register-personnel .register-card .each-field{width:100%;margin:6px auto 15px;height:70px;position:relative}.register-personnel .register-card .each-field input{width:390px;height:50px;padding:0 15px;text-align:center;border:dashed 2px #1462a7;border-radius:5px;font-size:16px;color:#404040}.register-personnel .register-card input.ng-invalid.ng-touched{border:2px dashed #ef6d4d;outline:0}.register-personnel .register-card input{outline:0}.register-personnel .confirm-number-card{width:450px;background-color:#fff;border-radius:12px;box-shadow:0 4px 13px 2px grey;padding-bottom:12px}.register-personnel .confirm-number-card .card-header{background-color:#1462a7;padding:12px 15px 7px;font-size:18px;color:#fff;border-radius:10px 10px 0 0;text-align:right}.register-personnel .confirm-number-card .card-header i{font-size:26px}.register-personnel .confirm-number-card .user-name{position:relative;bottom:4px}.register-personnel .confirm-number-card .each-field{padding:15px 0;position:relative}.register-personnel .confirm-number-card .each-field input{width:62px;height:50px;padding:0 15px;text-align:center;border:dashed 2px #ef6d4d;border-radius:5px;color:#404040}.register-personnel .confirm-number-card .each-field input:focus{border:dashed 2px #ef6d4d;outline:0}.register-personnel .confirm-number-card input.filled-input{border:2px dashed #1462a7;outline:0}.register-personnel .confirm-number-card .mobile-number{font-size:17px;color:#182332;padding:10px 5px 0}.register-personnel .confirm-number-card .login-btn{font-size:16px;background:#94c221;width:390px;margin:auto;border:solid 2px #7da511;border-radius:10px;height:40px;display:flex;justify-content:center;align-items:center}.register-personnel .confirm-number-card .login-btn[disabled]{opacity:.65}.register-personnel .confirm-number-card .sms-rquest{font-size:14px;color:#686868;padding:60px 0 5px}.register-personnel .confirm-number-card .resend-code-btn{color:#004eb3;font-size:14px;text-decoration:underline;cursor:pointer;margin-bottom:7px;text-align:right}.register-personnel .confirm-number-card .change-info{color:#004eb3;font-size:14px;text-decoration:underline;cursor:pointer;margin:7px 0}.register-personnel .confirm-number-card .register-personnel-alert{transition:all .5s ease-in-out;font-size:15px;opacity:0;position:absolute;bottom:17px;right:0;color:red;text-shadow:0 0 0 #320000;width:100%;direction:rtl}.register-personnel .confirm-number-card .show-alert{opacity:1;bottom:-16px}.register-personnel .format.register-personnel-data .choose-user-type{padding:0 5% 7px;font-size:16px;color:#182332}.register-personnel .choose-user-type i{font-size:19px;margin-left:5px}.register-personnel .fa-dot-circle-o{color:#317200}.register-personnel .register-personnel-guide{margin-top:35px;font-size:16px}.register-personnel .register-personnel-guide i{color:#8b0000;font-size:28px;margin-left:5px}.register-personnel .sa-warning{text-align:center;direction:rtl;font-size:12px}@media screen and (max-width:768px){.register-personnel{font-size:15px}.register-personnel .register-card{width:400px}.register-personnel .register-card .register-button-container button{width:350px}.register-personnel .register-card .card-header{font-size:17px}.register-personnel .register-card .go-to-login{padding-right:30px}.register-personnel .register-card .each-field input{font-size:15px;width:350px}.register-personnel .register-card .register-personnel-alert{font-size:13px;bottom:10px}.register-personnel .register-card .show-alert{opacity:1;bottom:42px}.register-personnel .confirm-number-card{width:400px}.register-personnel .confirm-number-card .mobile-number{font-size:15px}.register-personnel .confirm-number-card .each-field{padding:10px 0 5px}.register-personnel .confirm-number-card .each-field input{width:48px;height:45px;padding:5px}.register-personnel .confirm-number-card .login-btn{width:365px}.register-personnel .confirm-number-card .register-personnel-alert{font-size:13px;bottom:18px}.register-personnel .confirm-number-card .show-alert{opacity:1;bottom:-16px}}@media screen and (max-width:480px){.register-personnel{font-size:13px}.register-personnel .register-card{width:300px}.register-personnel .register-card .register-button-container button{width:260px}.register-personnel .register-card .go-to-login{padding-right:25px}.register-personnel .register-card .each-field{height:60px}.register-personnel .register-card .each-field input{font-size:14px;width:260px;height:45px}.register-personnel .register-card .card-body{padding-top:20px}.register-personnel .register-card .register-personnel-alert{font-size:12px;bottom:10px}.register-personnel .register-card .show-alert{opacity:1;bottom:42px}.register-personnel .confirm-number-card{width:300px}.register-personnel .confirm-number-card .card-header{padding:8px 15px 4px;font-size:15px}.register-personnel .confirm-number-card .card-header i{font-size:22px}.register-personnel .confirm-number-card .mobile-number{padding:10px}.register-personnel .confirm-number-card .sms-rquest{padding:50px 10px 5px}.register-personnel .confirm-number-card .login-btn{width:275px}.register-personnel .confirm-number-card .change-info{margin:0 0 7px}.register-personnel .confirm-number-card .resend-code-btn{text-align:center;display:block}.register-personnel .confirm-number-card .register-personnel-alert{font-size:12px;bottom:10px}.register-personnel .confirm-number-card .show-alert{bottom:-20px}}.student-activation-guide{border:1px solid gray;border-width:0 1px;min-height:100%}.student-activation-guide .student-activation-guide-header{background-color:#064ba0;color:#fff;padding:10px;font-size:18px;text-align:center}.student-activation-guide .student-activation-guide-body{padding:5px}.student-activation-guide .guide-container{margin-bottom:15px;border:2px solid #dba33d;padding:5px 5px 8px;border-radius:5px 5px 15px 15px}.student-activation-guide .guide-container .guide-list{padding-right:25px;margin-bottom:0}.student-activation-guide .attention-sentence{color:red;font-size:14px;padding-bottom:7px}.student-activation-guide .attention-sentence i{font-size:17px;line-height:0;position:relative;top:2px}.student-activation-guide .text-link-container{text-align:center;direction:ltr;font-size:14px;padding-left:25px}.student-activation-guide .student-search-box{padding-bottom:5px}.student-activation-guide .student-search-box .filter-error{text-align:center;font-size:13px;color:#cb0505}.student-activation-guide .search-input-container{padding:10px 5px 5px;position:relative}.student-activation-guide .search-input-container input{width:90%;margin:0 auto;display:block;height:35px;border:2px solid #525151;border-radius:5px;padding:3px;font-size:15px;text-align:center}.student-activation-guide .search-input-container .clear-input-btn{font-size:23px;color:#cb0505;position:absolute;left:calc(5% + 12px);top:13px}.student-activation-guide .student-list-container{overflow-x:auto}.student-activation-guide .student-list-table{min-width:100%;background-color:#f0f8ff;text-align:center;border-top:1px solid #000;border-right:1px solid #000}.student-activation-guide .student-list-table thead{font-size:14px;background:#d8dfe5}.student-activation-guide .student-list-table th{text-align:center;border-bottom:1px solid #000;border-left:1px solid #000;padding:5px 3px}.student-activation-guide .student-list-table .paye-title{width:10%}.student-activation-guide .student-list-table .student-name-title{width:30%;text-align:right;padding:5px 10px}.student-activation-guide .student-list-table .national-code-title{width:20%}.student-activation-guide .student-list-table .mobile-number-title{width:20%}.student-activation-guide .student-list-table .user-id-title{width:10%}.student-activation-guide .student-list-table .class-title{width:10%}.student-activation-guide .student-list-table .even-background{background:#d8dfe5}.student-activation-guide .student-list-table td{border-bottom:1px solid #000;border-left:1px solid #000;padding:5px 10px}.student-activation-guide .student-list-table .student-name{text-align:right}.student-activation-guide a{color:#00f!important;display:flex;flex-direction:column}@media screen and (max-width:768px){.student-activation-guide .student-activation-guide-header{padding:15px 5px;font-size:15px}.student-activation-guide .text-link-container{font-size:13px}.student-activation-guide .student-list-table thead{font-size:13px}.student-activation-guide .attention-sentence{font-size:13px}.student-activation-guide .search-input-container input{font-size:14px}}@media screen and (max-width:480px){.student-activation-guide .student-activation-guide-header{font-size:15px;line-height:1.7}.student-activation-guide .search-input-container input{font-size:13px;height:31px}.student-activation-guide .guide-container{font-size:11px}.student-activation-guide .text-link-container{font-size:12px}.student-activation-guide .student-list-table thead{font-size:12px}.student-activation-guide .student-list-table td{font-size:11px}}@media print{@page{margin:2px}.student-activation-guide{border:0}.student-activation-guide .student-activation-guide-header{page-break-inside:auto;page-break-after:avoid}.student-activation-guide .student-activation-guide-body{page-break-inside:auto;page-break-after:avoid}.student-activation-guide .student-list-container{page-break-inside:auto}.student-activation-guide .student-list-container>div{page-break-inside:auto}.student-activation-guide .guide-container{border:2px solid #8a8a8a;border-radius:7px}.student-activation-guide .student-list-table{background-color:#f0f8ff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-activation-guide .student-list-table .even-background{background:#d8dfe5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-activation-guide .attention-sentence{color:red!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}a[href]:after{content:" (" attr(href) ")"}thead{display:table-header-group;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.sa-student.dashboard{background:url(../images/backstudentdashboard.png);background-size:cover;width:100%;min-height:calc(100% - 90px)}.sa-student.dashboard .all-modules{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:18px}.sa-student.dashboard .all-modules .outer-module{width:270px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:7px 15px;border:2px solid #256da4;border-radius:15px;box-shadow:0 0 4px #949494;transition:.25s;cursor:pointer;background-color:#fff3e4}.sa-student.dashboard .all-modules .outer-module:hover{box-shadow:unset}.sa-student.dashboard .all-modules .outer-module .module-title{margin:7px 0;font-size:18px;color:#004478}.sa-student.dashboard .all-modules .outer-module .module-title.in-process{opacity:.5}.sa-student.dashboard .all-modules .module{position:relative;height:160px;margin-top:6px;width:230px;background:url(../images/studentModules2.png) no-repeat;background-size:1230px 915px;display:block}.sa-student.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:20px}.sa-student.dashboard .sa-badge-dashboard{font-size:24px;position:absolute;top:-14px;left:55%}.sa-student.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:138px;height:34px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:18px;position:absolute;top:-2px;left:15px}.sa-student.dashboard .all-modules .outer-module .module.calendar{background-position:-1208px -100px}.sa-student.dashboard .all-modules .outer-module .module.outcome{background-position:-1206px -669px}.sa-student.dashboard .all-modules .outer-module .module.books{background-position:-974px -100px}.sa-student.dashboard .all-modules .outer-module .module.model{background-position:-728px -100px}.sa-student.dashboard .all-modules .outer-module .module.lesson{background-position:-1206px -386px}.sa-student.dashboard .all-modules .outer-module .module.absent{background-position:-1206px -532px}.sa-student.dashboard .all-modules .outer-module .module.bulletin{background-position:-748px -194px}.sa-student.dashboard .all-modules .outer-module .module.homework{background-position:-747px -379px}.sa-student.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-753px -560px}.sa-student.dashboard .all-modules .outer-module .module.paper-worksheet{background-position:-973px -386px}.sa-student.dashboard .all-modules .outer-module .module.principal-report{background-position:-493px -100px}.sa-student.dashboard .all-modules .outer-module .module.student-report-module{background-position:-745px -19px}.sa-student.dashboard .all-modules .outer-module .module.student-financial-management{background-position:-518px -21px}.sa-student.dashboard .all-modules .outer-module .module.test{background-position:-995px -384px}.sa-student.dashboard .all-modules .outer-module .module.online-class{background-position:-989px -23px}.sa-student.dashboard .all-modules .outer-module .module.exam{background-position:-994px -743px}.sa-student.dashboard .all-modules .outer-module .module.project{background-position:-1207px -664px}.sa-student.dashboard .all-modules .outer-module .module.message{background-position:-997px -561px}.sa-student.dashboard .all-modules .outer-module .module.films{background-position:-729px -664px}.sa-student.dashboard .all-modules .outer-module .module.game{background-position:-994px -193px}.sa-student.dashboard .all-modules .outer-module .module.ticketing{background-position:-973px -527px}.sa-student.dashboard .all-modules .outer-module .learning-video{background-position:-741px -752px}@media screen and (max-width:1024px){.sa-student.dashboard{min-height:calc(100% - 60px)}.sa-student.dashboard .all-modules .outer-module{width:170px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:20px}.sa-student.dashboard .all-modules .outer-module .module-title{margin:8px 0 5px;font-size:17px}.sa-student.dashboard .all-modules .module{height:91px;width:140px;background-size:669px 535px;display:block}.sa-student.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:18px}.sa-student.dashboard .sa-badge-dashboard{font-size:22px;position:absolute;top:-14px;left:55%}.sa-student.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:131px;height:34px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:17px;position:absolute;top:-2px;left:18px}.sa-student.dashboard .all-modules .outer-module .module.calendar{background-position:-1140px -100px}.sa-student.dashboard .all-modules .outer-module .module.outcome{background-position:-1142px -636px}.sa-student.dashboard .all-modules .outer-module .module.books{background-position:-919px -100px}.sa-student.dashboard .all-modules .outer-module .module.model{background-position:-686px -100px}.sa-student.dashboard .all-modules .outer-module .module.lesson{background-position:-1139px -370px}.sa-student.dashboard .all-modules .outer-module .module.homework{background-position:-399px -221px}.sa-student.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-401px -328px}.sa-student.dashboard .all-modules .outer-module .module.paper-worksheet{background-position:-918px -371px}.sa-student.dashboard .all-modules .outer-module .module.principal-report{background-position:-463px -100px}.sa-student.dashboard .all-modules .outer-module .module.student-report-module{background-position:-398px -11px}.sa-student.dashboard .all-modules .outer-module .module.student-financial-management{background-position:-271px -15px}.sa-student.dashboard .all-modules .outer-module .module.test{background-position:-534px -226px}.sa-student.dashboard .all-modules .outer-module .module.online-class{background-position:-528px -15px}.sa-student.dashboard .all-modules .outer-module .module.exam{background-position:-532px -437px}.sa-student.dashboard .all-modules .outer-module .module.project{background-position:-1139px -635px}.sa-student.dashboard .all-modules .outer-module .module.message{background-position:-534px -328px}.sa-student.dashboard .all-modules .outer-module .module.absent{background-position:-1139px -506px}.sa-student.dashboard .all-modules .outer-module .module.bulletin{background-position:-398px -116px}.sa-student.dashboard .all-modules .outer-module .module.films{background-position:-686px -634px}.sa-student.dashboard .all-modules .outer-module .module.game{background-position:-531px -117px}.sa-student.dashboard .all-modules .outer-module .module.ticketing{background-position:-918px -504px}.sa-student.dashboard .all-modules .outer-module .learning-video{background-position:-395px -437px}}@media (max-width:768px){.sa-student.dashboard .all-modules .outer-module{width:130px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 7px 11px;border-radius:12px}.sa-student.dashboard .all-modules .outer-module .module-title{margin:3px 0 4px;font-size:14px}.sa-student.dashboard .all-modules .module{height:67px;width:100px;background-size:495px 400px;display:block}.sa-student.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:16px}.sa-student.dashboard .sa-badge-dashboard{font-size:20px;position:absolute;top:-14px;left:55%}.sa-student.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:106px;height:30px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:14px;position:absolute;top:-2px;left:9px}.sa-student.dashboard .all-modules .outer-module .module.calendar{background-position:-1022px -87px}.sa-student.dashboard .all-modules .outer-module .module.outcome{background-position:-1025px -567px}.sa-student.dashboard .all-modules .outer-module .module.books{background-position:-828px -87px}.sa-student.dashboard .all-modules .outer-module .module.model{background-position:-622px -87px}.sa-student.dashboard .all-modules .outer-module .module.lesson{background-position:-1023px -327px}.sa-student.dashboard .all-modules .outer-module .module.absent{background-position:-1023px -449px}.sa-student.dashboard .all-modules .outer-module .module.bulletin{background-position:-298px -87px}.sa-student.dashboard .all-modules .outer-module .module.homework{background-position:-298px -171px}.sa-student.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-298px -245px}.sa-student.dashboard .all-modules .outer-module .module.paper-worksheet{background-position:-827px -328px}.sa-student.dashboard .all-modules .outer-module .module.principal-report{background-position:-423px -87px}.sa-student.dashboard .all-modules .outer-module .module.test{background-position:-398px -170px}.sa-student.dashboard .all-modules .outer-module .module.online-class{background-position:-396px -15px}.sa-student.dashboard .all-modules .outer-module .module.student-report-module{background-position:-298px -10px}.sa-student.dashboard .all-modules .outer-module .module.student-financial-management{background-position:-205px -13px}.sa-student.dashboard .all-modules .outer-module .module.exam{background-position:-397px -327px}.sa-student.dashboard .all-modules .outer-module .module.project{background-position:-1024px -561px}.sa-student.dashboard .all-modules .outer-module .module.message{background-position:-398px -248px}.sa-student.dashboard .all-modules .outer-module .module.films{background-position:-622px -562px}.sa-student.dashboard .all-modules .outer-module .module.game{background-position:-396px -87px}.sa-student.dashboard .all-modules .outer-module .module.ticketing{background-position:-827px -446px}.sa-student.dashboard .all-modules .outer-module .learning-video{background-position:-293px -330px}}@media screen and (max-width:480px){.sa-student.dashboard .all-modules{padding:19px 10px 10px 10px}.sa-student.dashboard .all-modules .outer-module{width:90px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 5px 10px;box-shadow:0 0 3px #949494;border-radius:10px}.sa-student.dashboard .all-modules .outer-module .module-title{margin:3px 0;font-size:12px}.sa-student.dashboard .all-modules .module{height:50px;width:66px;margin-top:2px;background-size:359px 290px;display:block;border-radius:4px}.sa-student.dashboard .number-farsi{font-family:inherit;padding-top:2px;font-size:14px}.sa-student.dashboard .sa-badge-dashboard{font-size:18px;position:absolute;top:-14px;left:55%}.sa-student.dashboard .in-progress-badge{background-color:#ff4500;border-radius:4px;width:94px;height:25px;text-align:center;display:flex;justify-content:center;align-items:center;margin:auto;border:2px solid;font-size:13px;position:absolute;top:-7px;left:-1px}.sa-student.dashboard .all-modules .outer-module .module.calendar{background-position:-772px -66px}.sa-student.dashboard .all-modules .outer-module .module.outcome{background-position:-770px -423px}.sa-student.dashboard .all-modules .outer-module .module.books{background-position:-625px -66px}.sa-student.dashboard .all-modules .outer-module .module.model{background-position:-469px -65px}.sa-student.dashboard .all-modules .outer-module .module.lesson{background-position:-770px -245px}.sa-student.dashboard .all-modules .outer-module .module.absent{background-position:-770px -338px}.sa-student.dashboard .all-modules .outer-module .module.bulletin{background-position:-219px -61px}.sa-student.dashboard .all-modules .outer-module .module.homework{background-position:-219px -120px}.sa-student.dashboard .all-modules .outer-module .module.virtual-worksheet{background-position:-219px -176px}.sa-student.dashboard .all-modules .outer-module .module.paper-worksheet{background-position:-623px -246px}.sa-student.dashboard .all-modules .outer-module .module.principal-report{background-position:-320px -66px}.sa-student.dashboard .all-modules .outer-module .module.test{background-position:-291px -121px}.sa-student.dashboard .all-modules .outer-module .module.online-class{background-position:-288px -7px}.sa-student.dashboard .all-modules .outer-module .module.student-report-module{background-position:-217px -6px}.sa-student.dashboard .all-modules .outer-module .module.student-financial-management{background-position:-152px -7px}.sa-student.dashboard .all-modules .outer-module .module.exam{background-position:-289px -235px}.sa-student.dashboard .all-modules .outer-module .module.project{background-position:-771px -422px}.sa-student.dashboard .all-modules .outer-module .module.message{background-position:-408px -206px;background-size:488px 333px}.sa-student.dashboard .all-modules .outer-module .module.films{background-position:-469px -422px}.sa-student.dashboard .all-modules .outer-module .module.game{background-position:-291px -61px}.sa-student.dashboard .all-modules .outer-module .module.ticketing{background-position:-623px -334px}.sa-student.dashboard .all-modules .outer-module .learning-video{background-position:-217px -238px}}.student-reminder-list{border:1px solid #cdcdcd;border-top:none;min-height:calc(100% - 90px);font-size:13px}.student-reminder-list .header{width:100%;padding:5px;color:#fff;font-size:18px;background:#064ba0}.student-reminder-list .header-border{border:2px solid #f7aa4c;padding:8px 10px;border-radius:5px;text-align:center}.student-reminder-list .flex-display{display:flex;align-items:center}.student-reminder-list .flex-wrap{flex-wrap:wrap}.student-reminder-list .justify-around{justify-content:space-around}.student-reminder-list .justify-between{justify-content:space-between}.student-reminder-list .reminder-box{border-radius:5px;border:1px solid gray;margin:5px 4px;width:49%;height:65px}.student-reminder-list .reminder-content{width:100%;padding:8px 11px}.student-reminder-list .reminder-test{border:2px solid #6a0000}.student-reminder-list .reminder-exam{border:2px solid #ac3000}.student-reminder-list .reminder-homework{border:2px solid #009310}.student-reminder-list .reminder-message{border:2px solid #2f3cff}.student-reminder-list .reminder-ticket{border:2px solid #00969d}.student-reminder-list .test-subject{color:#6a0000;font-size:16px;text-shadow:0 0 #8c2700}.student-reminder-list .exam-subject{color:#ac3000;font-size:16px;text-shadow:0 0 #ac3000}.student-reminder-list .homework-subject{color:#009310;font-size:16px;text-shadow:0 0 #009310}.student-reminder-list .message-subject{color:#2f3cff;font-size:16px;text-shadow:0 0 #2f3cff}.student-reminder-list .ticket-subject{color:#00969d;font-size:16px;text-shadow:0 0 #00969d}.student-reminder-list .reminder-title{color:#002655}.student-reminder-list .left-time,.student-reminder-list .timer{font-size:12px;color:#002553;margin-top:5px}.student-reminder-list .timer{color:#00408e}.student-reminder-list .view-reminder{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;color:#00408e}.student-reminder-list .disadbled-btn{color:#7d7d7d;background:#e6e6e6;border:1px solid gray}@media screen and (max-width:1023px){.student-reminder-list{min-height:calc(100% - 60px)}.student-reminder-list .reminder-box{width:98%}}@media (max-width:768px){.student-reminder-list .header{font-size:16px}.student-reminder-list{font-size:12px}.student-reminder-list .reminder-box{width:100%}.student-reminder-list .exam-subject,.student-reminder-list .homework-subject,.student-reminder-list .message-subject,.student-reminder-list .test-subject,.student-reminder-list .ticket-subject{font-size:14px}.student-reminder-list .left-time{font-size:11px}.student-reminder-list .view-reminder{font-size:12PX}}@media screen and (max-width:480px){.student-reminder-list .header{font-size:15px}.student-reminder-list{font-size:11px}.student-reminder-list .exam-subject,.student-reminder-list .homework-subject,.student-reminder-list .message-subject,.student-reminder-list .test-subject,.student-reminder-list .ticket-subject{font-size:13px}.student-reminder-list .reminder-content{padding:5px 5px;flex-direction:column}.student-reminder-list .reminder-box{height:auto;text-align:center}.student-reminder-list .left-time{font-size:10px}.student-reminder-list .view-reminder{font-size:11PX;margin-top:6px}}.student-exam-detail .exam-header{padding:5px 0}.student-exam-detail .exam-header-title{text-align:center;padding:5px;font-size:16px}.student-exam-detail .exam-header i{color:#f7aa4c;margin:0 4px 0}.student-exam-detail .exam-timing{margin:0 auto;width:100%;padding:5px;font-size:14px;padding:6px 5px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap}.student-exam-detail .exam-timing .timing-part{margin:2px 8px}.student-exam-detail .book-pdf-btn{color:#000;margin-right:4px;font-size:12px;background:#f7aa4c;border-radius:5px;padding:4px 6px 0;box-shadow:1px 1px 3px grey;border:1px solid #d64d00;text-decoration:none}.student-exam-detail .book-pdf-btn .fa-file-pdf-o{font-size:18px;color:#000;margin:0}.student-exam-detail .student-exam-detail-content{border:1px solid gray;border-radius:5px;padding:0 0 30px;margin:5px;min-height:calc(100% - 62px)}.student-exam-detail .homework-from-book-text{font-size:13px;text-align:justify;border:2px solid #4f9bf9;padding:0 8px 8px;border-radius:5px;width:95%;margin:0 auto}.student-exam-detail .homework-from-book-text legend{border:none;padding:4px 4px 3px 4px;width:120px;margin:0 auto 0;font-size:18px;color:#0d65d2;text-align:center}.student-exam-detail .question-photos-btn{min-width:300px;margin:7px;padding:2px 5px;font-size:13px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.student-exam-detail hr{margin:10px auto 5px;width:80%}.student-exam-detail .sa-guide-icon i{margin-left:5px}.student-exam-detail .lesson-container{width:100%;height:53px;margin-bottom:9px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;border-radius:0 0 5px 5px}.student-exam-detail .scroll{width:2%;height:100%;font-size:50px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 -4px 10px -4px}.student-exam-detail .lessons{width:89%;height:100%;white-space:nowrap;overflow:auto;display:inline-block;margin:0 18px;text-align:center;overflow-y:hidden;padding-top:9px;-ms-overflow-style:none;scrollbar-width:none}.student-exam-detail .lessons::-webkit-scrollbar{display:none}.student-exam-detail .each-lesson.selected-lesson{background-color:#0d65d2;color:#fff}.student-exam-detail .each-lesson{min-width:130px;height:23px;padding:0 5px;display:inline-block;color:#000;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069}.student-exam-detail .selected-icon{position:absolute;font-size:30px;width:100%;color:#0d65d2;animation-name:selectedFlasher;animation-duration:1s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;right:0}@keyframes selectedFlasher{0%{bottom:-24px}50%{bottom:-20px}100%{bottom:-24px}}.student-exam-detail .each-lesson:hover{background-color:#064ba0;color:#fff}.modal-container-imageGuide li span{color:#de0000;font-size:13px;margin-left:1px}@keyframes submit-answer-changing{0%{background-color:#f7aa4c}50%{background-color:#e6e105;border:2px solid coral}100%{background-color:#f7aa4c}}.student-exam-detail .answer-file-title{color:#012653;font-style:italic;font-weight:700;display:inline-block}.student-exam-detail .option-number.green-if-correct{border-radius:50%;width:10px;height:10px;padding:10px;background-color:green;color:#fff;margin-left:3px;margin-right:0}.student-exam-detail .green-if-correct .hidden-if-correct{display:none}.student-exam-detail .emoji{margin-bottom:-6px}.student-exam-detail .exam-result .good-result{color:#71ff49}.student-exam-detail .exam-result .not-good-result{color:#ffc350}.student-exam-detail .exam-result .bad-result{color:#ff4a4a}.student-exam-detail .teacher-feedback-title{font-size:14px;text-align:justify;border:2px solid #4f9bf9;padding:0 7px 10px;border-radius:5px;margin:-10px auto 18px;width:99%}.student-exam-detail .teacher-feedback-title legend{border:none;padding:4px 5px 7px 4px;width:118px;margin:0 auto 0;font-size:20px;color:#0d65d2;text-align:center}.student-exam-detail .exam-result{text-align:center;margin:5px;font-size:16px}.student-exam-detail .exam-result span{color:#def6ff}.student-exam-detail .result-box{background:#00306f;border-radius:5px;padding:5px 8px;display:inline-block;color:#fff}.student-exam-detail .question-fontsize{margin-right:5px}.student-exam-detail .question-fontsize i{margin-left:3px;cursor:pointer}.student-exam-detail .question-fontsize i.selected-font{color:#0d65d2}@media screen and (max-width:768px){.student-exam-detail .student-exam-details{font-size:12px}.student-exam-detail .homework-from-book-text legend{padding:4px 4px 3px 4px;width:106px;font-size:16px}.student-exam-detail .lesson-container{border-radius:0}.student-exam-detail .lessons{width:87%}.student-exam-detail .scroll{font-size:46px;margin:0 -8px 10px -8px}.student-exam-detail .file-each-option{width:47%;margin:4px 6px 4px 6px}.student-exam-detail .correct-option .emoji::after{content:"😊";font-size:15px}.student-exam-detail .wrong-option .emoji::after{content:"😕";font-size:15px}}@media screen and (max-width:480px){.student-exam-detail .student-exam-details{font-size:13px}.student-exam-detail .exam-timing{justify-content:center}.student-exam-detail .homework-from-book-text legend{padding:4px 4px 0 4px;width:100px;font-size:15px}.student-exam-detail .question-photos-btn{min-width:95%;margin:7px auto}.student-exam-detail .each-lesson{min-width:126px;height:22px;font-size:12px}.student-exam-detail .multi-pic-text{font-size:12px}.student-exam-detail .sa-guide-icon i{font-size:24px}.student-exam-detail .lesson-container{height:40px}.student-exam-detail .scroll{font-size:34px;margin:0 2px 3px 0}.student-exam-detail .lessons{margin:0 10px;width:83%;padding-top:4px}@keyframes selectedFlasher{0%{bottom:-20px}50%{bottom:-18px}100%{bottom:-20px}}.student-exam-detail .file-each-option{font-size:11px}.student-exam-detail .student-exam-detail-content{padding:0 0 10px}.student-exam-detail .exam-result{font-size:13px}.student-exam-detail .teacher-feedback-title{font-size:13px;padding:0 7px 8px}.student-exam-detail .teacher-feedback-title legend{width:90px;font-size:16px}.student-exam-detail .return-btn{font-size:13px;min-width:55px}.student-exam-detail .file-each-option{width:47%;padding:6px 4px;margin:4px 3px 4px 3px}.student-exam-detail .correct-option .emoji::after{content:"😊";font-size:14px}.student-exam-detail .wrong-option .emoji::after{content:"😕";font-size:14px}}.student-exam-list{border:1px solid gray;border-width:0 1px;min-height:100%}.student-exam-list .student-exam-list-header{padding-left:35px;background-color:#064ba0}.student-exam-list .exam-list-content{border-radius:5px;margin:8px auto 0}.student-exam-list .exam-card-content{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.student-exam-list .exam-card{width:48%;margin:6px auto;border-radius:5px;font-size:12px;background-color:#e4e4e8;box-shadow:2px 2px 4px #000000bf}.student-exam-list .exam-seen{background-color:#eaffed}.student-exam-list .exam-not-seen{background-color:#ffeded}.student-exam-list .card-header{border-radius:5px 5px 0 0;width:100%;display:flex;justify-content:center;align-items:center;padding:5px;color:#fff}.student-exam-list .exam-card-lesson-title{width:98%;border:2px solid #ec8200;border-radius:5px;padding:5px 0;display:flex;justify-content:space-around;align-items:center;margin:7px auto 5px;flex-wrap:wrap}.student-exam-list .exam-card-lesson-title span{margin:0 5px}.student-exam-list .exam-card-lesson-title i{float:right;margin:0 5px;color:#0d65d2;font-size:15px}.student-exam-list .exam-time{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.student-exam-list .exam-card-detail{margin:7px 12px;text-align:center}.student-exam-list .exam-card-detail i{color:#0554b5}.student-exam-list .exam-card-detail span{color:#0d65d2}.student-exam-list .exam-card button{min-width:50px;font-size:13px}.student-exam-list .visit-loading{position:absolute;top:0;left:0;opacity:.8;font-size:18px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.student-exam-list .each-exam-row{padding:3px 7px;position:relative;border-bottom:1px solid #bfbfbf}.student-exam-list .each-exam-row.background-gray{background-color:#f3f3f3}.student-exam-list .each-exam-row .first-row{justify-content:space-between}.student-exam-list .each-exam-row .exam-title{margin:2px 0 5px;font-size:17px;padding:0 3px 0 7px;color:#064ba0;width:calc(100% - 92px)}.student-exam-list .each-exam-row .exam-title i{position:relative;top:3px;font-size:21px}.student-exam-list .each-exam-row .lesson-title{font-size:13px;padding:2px 14px 2px 5px}.student-exam-list .each-exam-row .start-time{font-size:13px;padding:2px 15px 2px 5px}.student-exam-list .each-exam-row .start-time i{font-size:15px;position:relative;top:1px;color:#064ba0}.student-exam-list .each-exam-row .duration-time{font-size:13px;padding:2px 15px 2px 5px}.student-exam-list .each-exam-row .duration-time i{font-size:15px;position:relative;top:1px;color:#064ba0}.student-exam-list .each-exam-row .status-title{width:92px;text-align:center;font-size:13px}.student-exam-list .each-exam-row .status-title .smaller-font{font-size:12px}.student-exam-list .each-exam-row .status-title .blinker-animation{animation:student-exam-list-live-sign 2s linear infinite}.student-exam-list .each-exam-row .status-title i{font-size:8px}@keyframes student-exam-list-live-sign{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.student-exam-list .each-exam-row .detail-btn{font-size:13px;border-radius:4px;color:#064ba0;border-color:#f5962e;background-color:#ffa639;min-width:85px}@media screen and (max-width:768px){.student-exam-list .each-exam-row .exam-title{margin:0 0 2px;font-size:15px;padding:0 3px 0 7px}.student-exam-list .each-exam-row .exam-title i{top:3px;font-size:19px}.student-exam-list .each-exam-row .lesson-title{font-size:13px;padding:2px 14px 2px 5px}.student-exam-list .each-exam-row .start-time{font-size:13px;padding:2px 13px 2px 5px}.student-exam-list .each-exam-row .duration-time{font-size:13px;padding:2px 14px 2px 5px}}@media screen and (max-width:480px){.student-exam-list .each-exam-row .lesson-title{font-size:12px;padding:2px 10px 2px 5px}.student-exam-list .each-exam-row .start-time{font-size:12px;padding:2px 10px 2px 5px}.student-exam-list .each-exam-row .start-time i{font-size:13px;position:relative;top:0;color:#064ba0}.student-exam-list .each-exam-row .duration-time{font-size:12px;padding:2px 10px 2px 5px}.student-exam-list .each-exam-row .duration-time i{font-size:13px;position:relative;top:1px;color:#064ba0}.student-exam-list .each-exam-row .detail-btn{font-size:12px;min-width:65px}.student-exam-list .each-exam-row .status-title{width:80px;text-align:center;font-size:12px;position:relative;right:5px}.student-exam-list .each-exam-row .status-title .smaller-font{font-size:10px}}.student-meeting-list{border:1px solid gray;min-height:calc(100% - 90px)}.student-meeting-list .header{text-align:center;font-size:22px;padding:11px 0;height:50px;position:relative;display:flex;justify-content:center;align-items:center;font-weight:700;color:#064ba0}.student-meeting-list .previous-videos{margin-left:15px;color:#b00;cursor:pointer}.student-meeting-list .sa-guide-icon{margin-right:20px;position:absolute;right:0;color:#b00;font-size:17px}.student-meeting-list .sa-guide-icon i{font-size:2em;color:#b00}.student-meeting-list .meeting-classes-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.student-meeting-list .weeks{display:flex;justify-content:space-between;align-items:flex-start;padding:7px 15px 0;margin-bottom:5px}.student-meeting-list .disable-btn{background:#e0e0e0;border:1px solid gray;cursor:default}.student-meeting-list .day-slider{position:-webkit-sticky;position:sticky;top:0;z-index:5;background-color:#cef4ff;padding-bottom:1px}.student-meeting-list .DayOfWeek-container{width:100%;height:68px;margin-bottom:9px;display:flex;justify-content:center;align-items:flex-start;border-radius:0 0 5px 5px}.student-meeting-list .scroll{width:2%;height:100%;font-size:50px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:-5px 0 0 -4px;color:#ff6a00}.student-meeting-list .days{width:89%;height:100%;white-space:nowrap;overflow:auto;display:inline-block;margin:0 18px;text-align:center;overflow-y:hidden;padding-top:10px;-ms-overflow-style:none;scrollbar-width:none}.student-meeting-list .days::-webkit-scrollbar{display:none}.student-meeting-list .each-day{min-width:115px;padding:3px 5px 0;display:inline-block;color:#fff;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069;background:#064ba0}.student-meeting-list .each-day.selected-day,.student-meeting-list .each-day.selected-day:hover{background-color:#ff870c;color:#000;cursor:default}.student-meeting-list .selected-icon{position:absolute;font-size:30px;width:100%;color:#ff870c;animation-name:selectedFlasher;animation-duration:1s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;right:0}@keyframes selectedFlasher{0%{bottom:-24px}50%{bottom:-20px}100%{bottom:-24px}}.student-meeting-list .each-day:hover{background-color:#052e8c;color:#fff}.student-meeting-list .online-class-box{border:2px solid #0d65d2;border-radius:6px;padding:1px;margin:5px 0;width:98%;font-size:15px}.student-meeting-list .online-class-box i{color:#0d65d2}.student-meeting-list .today-text{font-size:16px;padding:6px;text-align:center}.student-meeting-list .today-date,.student-meeting-list .today-text i{color:#b00;font-weight:700}.student-meeting-list .lesson-teacher{padding:7px 8px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 0 3px grey;background:#0d65d2;color:#fff;border-radius:3px 3px 0 0;font-size:18px;flex-wrap:wrap}.student-meeting-list .lesson-teacher span{color:#f7aa4c}.student-meeting-list .lesson-teacher i{color:#f7aa4c;margin-left:5px}.student-meeting-list .class-day{text-align:center;padding:7px}.student-meeting-list .class-time{padding:17px 8px 7px;display:flex;justify-content:space-evenly;align-items:center}.student-meeting-list .class-time i{font-size:18px}.student-meeting-list .class-time span{color:#0d65d2}.student-meeting-list .enter-class{position:relative;margin:5px auto 7px}.student-meeting-list .locked-btn{display:flex;justify-content:center;align-items:center;font-size:19px;position:absolute;top:0;right:0;width:101%;height:100%;color:red;background:#7c7c7c;opacity:.8;cursor:default}.student-meeting-list .locked-btn i{color:red}@media screen and (max-width:1024px){.student-meeting-list{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.student-meeting-list .days{width:87%}.student-meeting-list .scroll{font-size:46px;margin:-4px -6px 0 -8px}.student-meeting-list .class-time{padding:7px 8px 3px;flex-direction:column}.student-meeting-list .class-time div{margin:3px 0}.student-meeting-list .lesson-teacher{font-size:16px;padding:4px 8px}.student-meeting-list .online-class-box{font-size:14px}.student-meeting-list .lesson-teacher div{margin:3px 5px}}@media screen and (max-width:480px){.student-meeting-list .header{font-size:17px}.student-meeting-list .previous-videos{margin-left:5px}.student-meeting-list .weeks button{font-size:12px}.student-meeting-list .each-day{min-width:126px;height:39px;font-size:12px}.student-meeting-list .DayOfWeek-container{height:60px}.student-meeting-list .scroll{font-size:34px;margin:-4px 2px 3px 0}.student-meeting-list .days{margin:0 10px;width:83%;padding-top:5px}@keyframes selectedFlasher{0%{bottom:-20px}50%{bottom:-18px}100%{bottom:-20px}}.student-meeting-list .today-text{font-size:14px}}.student-worksheet-video{border:1px solid #cdcdcd;border-top:none;min-height:calc(100% - 90px);font-size:15px;position:relative}.student-worksheet-video .header{width:100%;padding:5px;color:#fff;font-size:18px;background:#064ba0}.student-worksheet-video .header-border{border:2px solid #f7aa4c;padding:8px 10px;border-radius:5px;text-align:center}.student-worksheet-video .flex-display{display:flex;align-items:center}.student-worksheet-video .flex-wrap{flex-wrap:wrap}.student-worksheet-video .justify-around{justify-content:space-around}.student-worksheet-video .justify-between{justify-content:space-between}.student-worksheet-video .justify-center{justify-content:center}.student-worksheet-video select{border-radius:5px;background:#fff;font-size:14px}.student-worksheet-video .selection-container{text-align:center;margin:12px auto}.student-worksheet-video .selection-container span{color:#064ba0}.student-worksheet-video .lesson-selection{margin:3px 0 0}.student-worksheet-video .lesson-selection select{width:120px;text-align:center}.student-worksheet-video .video-box{border-radius:5px;width:97%;border:2px solid #064ba0;margin:5px 0;padding:8px 25px}.student-worksheet-video .video-box span{color:#001a3a}.student-worksheet-video .watch-movie{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;cursor:pointer;color:#064ba0;text-decoration:none;font-size:14px}.student-worksheet-video .disable-btn{color:#5e5e5e;background:#d7d7d7;border:2px solid #5a5a5a;position:relative;cursor:default}.student-worksheet-video .disable-btn i{position:absolute;font-size:20px;color:#a90000}@media screen and (max-width:1024px){.student-worksheet-video{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.student-worksheet-video{font-size:13px}.student-worksheet-video .header{font-size:15px}.student-worksheet-video select{font-size:13px}.student-worksheet-video .watch-movie{font-size:13px}}@media screen and (max-width:480px){.student-worksheet-video{font-size:12px}.student-worksheet-video .header{font-size:14px}.student-worksheet-video select{font-size:12px}.student-worksheet-video .video-box{padding:8px 15px}.student-worksheet-video .watch-movie{font-size:12px}}.student-test-detail{border:1px solid gray;min-height:100%;flex-wrap:wrap}.student-test-detail .scroll-to-top-button{display:flex;position:absolute;bottom:40px;right:30px;z-index:99;font-size:45px;border-radius:70px;color:#00214a;cursor:pointer;background:#fff;height:37px;align-items:center;justify-content:center;width:37px}.student-test-detail .first-row{width:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:row;padding:5px 0;color:#fff;font-size:14px;flex-wrap:wrap}.student-test-detail .step-number{width:100%;padding:3px 5px 10px;display:flex;justify-content:center;align-items:center}.student-test-detail .step-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.student-test-detail .number{height:100%;display:flex;justify-content:center;align-items:center}.student-test-detail .test-duration{display:flex;justify-content:center;align-items:center}.student-test-detail .duration-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.student-test-detail .duration{height:100%;display:flex;justify-content:center;align-items:center}.student-test-detail .test-date{display:flex;justify-content:center;align-items:center}.student-test-detail .date-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.student-test-detail .date{height:100%;display:flex;justify-content:center;align-items:center}.student-test-detail .test-time{display:flex;justify-content:center;align-items:center}.student-test-detail .time-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.student-test-detail .time{height:100%;display:flex;justify-content:center;align-items:center}.student-test-detail .series{display:flex;justify-content:center;align-items:center}.student-test-detail .header{width:100%;height:100px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.student-test-detail .complete-sooner-comment{width:100%;background-color:#bf0101;color:#fff;padding:5px;font-size:15px;text-align:center}.student-test-detail .empty-div{width:calc(100% - 165px);height:38px;background-color:#0d65d2}.student-test-detail .timer-and-finished{height:38px;padding:0 5px 0 12px;background-color:#0d65d2;color:#fff;position:sticky;top:0;z-index:2;width:165px;display:flex;justify-content:space-between;align-items:center}.student-test-detail .timer-title{font-size:15px}.student-test-detail .go-to-end-btn{cursor:pointer;text-decoration:underline;transition:.3s ease-out;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.student-test-detail .go-to-end-btn:hover{color:red}.student-test-detail .test-main-content{margin:0 auto;position:relative;width:100%}.student-test-detail .filter-button{font-size:20px;cursor:pointer;height:100%;display:flex;align-items:center;margin-right:5px}.student-test-detail .scroll{width:2%;height:100%;font-size:50px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 -4px 10px -4px}.student-test-detail .lessons{width:90%;height:100%;white-space:nowrap;overflow:auto;display:inline-block;margin:0 15px;text-align:center;overflow-y:hidden;padding-top:8px;-ms-overflow-style:none;scrollbar-width:none}.student-test-detail .lessons::-webkit-scrollbar{display:none}.student-test-detail .sorting{width:100%;height:30px;display:flex;justify-content:flex-end;align-items:center;margin-top:-9px;margin-bottom:-11px;flex-direction:row;padding-left:14px}.student-test-detail .each-lesson{min-width:130px;padding:3px 10px;height:26px;background-color:#ffffff66;display:inline-block;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069}.student-test-detail .each-lesson:hover{background-color:#107bfe}.student-test-detail .count-lesson-question{position:absolute;border-radius:69px;background:#ffb300;border:1px solid #996b00;top:-8px;left:-8px;display:flex;justify-content:center;align-content:center;font-size:11px;padding:1px 5px 0;color:#222}.student-test-detail .selected-lesson{background-color:#0d65d2!important;color:#fff!important}.student-test-detail .selected-icon{position:absolute;font-size:30px;width:100%;color:#0d65d2;animation-name:selectedFlasher;animation-duration:1s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;left:0}@keyframes selectedFlasher{0%{bottom:-24px}50%{bottom:-20px}100%{bottom:-24px}}.student-test-detail .unanswered-counter{width:20px;height:20px;border-radius:180%;background-color:#f7aa38;position:absolute;top:15px;right:-2px;font-size:15px;color:#000}.student-test-detail .date-info{padding:5px}.student-test-detail .is-hidden{display:none}.student-test-detail .question-fontsize{margin:7px 5px}.student-test-detail .question-fontsize i{margin-left:3px;cursor:pointer}.student-test-detail .question-fontsize i.selected-font{color:#0d65d2}.student-test-detail .test-student-guide{font-size:15px;color:#c31515;cursor:pointer;padding-left:10px}.student-test-detail .test-student-guide i{font-size:23px}.student-test-detail .lesson-title-row{width:100%;background-color:#93c0f8;position:sticky;top:0;z-index:1;box-shadow:0 3px 7px -2px #606060}.student-test-detail .lesson-title{height:38px;padding:7px 10px 7px 165px}.student-test-detail .lesson-title i{position:relative;top:2px}.student-test-detail .lesson-title>span{font-size:15px;transition:.3s ease-out;cursor:pointer}.student-test-detail .lesson-title>span:hover{font-size:16px;text-shadow:0 0 5px #0000007a}.student-test-detail .lesson-summery-box{width:100%;background-color:#ecf3fb}.student-test-detail .lesson-summery-box .always-open-row{background-color:#b8d6fb;position:relative;padding:10px}.student-test-detail .lesson-summery-box .open-lesson-summery-btn{text-align:center;font-size:18px;height:20px;width:100%;padding:0 2px;position:absolute;top:0;left:0;transition:.3s ease-out;cursor:pointer;display:flex;align-items:center;justify-content:center}.student-test-detail .lesson-summery-box .open-lesson-summery-btn i{position:relative;top:-1px}.student-test-detail .lesson-summery-box .question-list-container{flex-wrap:wrap;justify-content:center;transition:.4s ease-out;height:0;overflow:hidden}.student-test-detail .lesson-summery-box .each-question{width:31px;height:31px;justify-content:center;background-color:#e8e9e9;border:1px solid;margin:5px;border-radius:5px;cursor:pointer}.student-test-detail .lesson-summery-box .each-question.selected{background-color:#accaef;border:1px solid #015bcb}.student-test-detail .lesson-summery-box .each-question.right-answer{background-color:#009909;color:#fff;border:2px solid #1d741d}.student-test-detail .lesson-summery-box .each-question.wrong-answer{background-color:#df0000;color:#fff;border:2px solid #a10000}.student-test-detail .question-list{width:100%;padding:3px 8px 7px;background-color:#ecf3fb;border-radius:0 0 10px 10px}.student-test-detail .test-finish-btn{padding:10px 5px 15px;text-align:center}.student-test-detail .test-finish-btn button{width:200px;height:30px;color:#064baf;background-color:#ffb357;border:2px solid #ff8946;border-radius:5px;font-size:14px;animation:test-finish-btn-animation 1s linear infinite}@keyframes test-finish-btn-animation{0%{box-shadow:1px 1px 5px transparent,-1px -1px 5px transparent,-1px 1px 5px transparent,1px -1px 5px transparent}50%{box-shadow:1px 1px 5px #3268aa,-1px -1px 5px #3268aa,-1px 1px 5px #3268aa,1px -1px 5px #3268aa}100%{box-shadow:1px 1px 5px transparent,-1px -1px 5px transparent,-1px 1px 5px transparent,1px -1px 5px transparent}}.student-test-detail .student-report-title{width:99%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;margin-bottom:-3px;padding:5px 0}.student-test-detail .student-report-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;display:flex;align-items:center;padding:10px;text-align:center;position:relative;justify-content:space-between}.student-test-detail .student-report-border .pdf-report{font-size:12px}.student-test-detail .student-report-border .pdf-report i{font-size:18px;margin-right:3px;color:#c70f0f}.student-test-detail .student{padding:0 0 10px 0;margin:10px auto;width:99%}.student-test-detail .table-info{width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;color:#064ba0;padding:10px;padding-bottom:0}.student-test-detail ::-webkit-scrollbar{height:5px!important;display:block;cursor:pointer;direction:rtl}.student-test-detail ::-webkit-scrollbar-track{background:#f1f1f1}.student-test-detail ::-webkit-scrollbar-thumb{background:#888}.student-test-detail ::-webkit-scrollbar-thumb:hover{background:#555}.student-test-detail{scrollbar-width:thin}.student-test-detail .table-container{width:99%;margin:10px auto;border-radius:0 0 5px 5px}.student-test-detail .student .exam-scores-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:0 0 5px 5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px;padding:10px;margin-top:0}.student-test-detail .student .exam-scores-table .table-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0}.student-test-detail .student .exam-scores-table .header-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;border-right:none}.student-test-detail .student .single-row{width:55px!important}.student-test-detail .student .top-20{width:72px!important}.student-test-detail .student .factor{width:33px!important}.student-test-detail .student .rank{width:70px!important}.student-test-detail .student .balance{width:45px!important}.student-test-detail .student .exam-scores-table .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.student-test-detail .student .exam-scores-table .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.student-test-detail .student .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.student-test-detail .student .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.student-test-detail .student .exam-scores-table .table-data{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.student-test-detail .student .exam-scores-table .each-data{display:flex;width:135px;height:100%;align-items:center;justify-content:center;border:1px solid;border-top:none;border-right:none;border-color:#064ba0}.student-test-detail .student .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.student-test-detail .student .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff}.student-test-detail .student .answer-data{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid #064ba0;border-top:none;width:90px;border-left:none;font-size:9px}.student-test-detail-finish-mode{border:1px solid gray;min-height:100vh}.student-test-detail-finish-mode .lesson-list-container{padding:5px}.student-test-detail-finish-mode .each-lesson-card{display:flex;flex-wrap:wrap;border:2px solid #2478d9;border-radius:5px;margin:5px}.student-test-detail-finish-mode .lesson-title{padding:4px 7px 5px;font-size:15px;width:130px;justify-content:center;background-color:#2478d9;color:#fff}.student-test-detail-finish-mode .questions-container{flex-wrap:wrap;width:calc(100% - 130px)}.student-test-detail-finish-mode .each-question-sample{width:25px;height:25px;justify-content:center;background-color:#e8e9e9;border:1px solid;margin:5px;border-radius:5px;cursor:pointer}.student-test-detail-finish-mode .each-question{width:31px;height:31px;justify-content:center;background-color:#e8e9e9;border:1px solid;margin:5px;border-radius:5px;cursor:pointer}.student-test-detail-finish-mode .each-question.selected{background-color:#accaef;border:1px solid #015bcb}.student-test-detail-finish-mode .footer-row{justify-content:space-evenly;padding:5px 10px 10px;flex-wrap:wrap;position:sticky;bottom:0;background-color:#f0f8ff;border:1px solid #57595c;border-width:1px 0}.student-test-detail-finish-mode .timer-title{width:100%;color:#d90202;text-align:center;font-size:20px;padding:5px 5px 7px}.student-test-detail-finish-mode .test-finish-btn{background-color:#ff9400;color:#fff;border:2px solid #e11313;border-radius:5px;padding:5px;text-align:center;width:120px}.student-test-detail-finish-mode .back-button{background-color:#0aa51a;color:#fff;border:2px solid #1e7600;border-radius:5px;padding:5px;text-align:center;width:120px}@media screen and (max-width:1024px){.student-test-detail .student .exam-scores-table .header-title{width:120px}.student-test-detail .student .exam-scores-table .each-data{width:120px}.student-test-detail .student .single-row{width:58px!important}.student-test-detail .student .factor{width:30px!important}.student-test-detail .student .rank{width:65px!important}.student-test-detail .student .balance{width:40px!important}}@media screen and (max-width:768px){.student-test-detail .scroll-to-top-button{font-size:40px;height:36px;width:33px}.student-test-detail .first-row{flex-wrap:wrap;border-radius:0}.student-test-detail .step-number{padding:3px 5px 5px}.student-test-detail .test-duration{width:50%;justify-content:center}.student-test-detail .series{width:100%}.student-test-detail .test-date{width:50%;justify-content:center;margin-bottom:5px}.student-test-detail .test-time{width:50%;justify-content:center}.student-test-detail .lessons{width:88%}.student-test-detail .scroll{width:3%}.student-test-detail .student .second-header{display:none}.student-test-detail .student .exam-answers-header{width:100%}.student-test-detail .student .exam-answers-wrapper{flex-direction:column}.student-test-detail .student .exam-answers-content{width:100%}.student-test-detail-finish-mode .lesson-title{padding:3px 5px 5px;font-size:14px;width:100%}.student-test-detail-finish-mode .questions-container{width:100%;justify-content:center}}@media screen and (max-width:480px){.student-test-detail .scroll-to-top-button{height:30px;width:28px;bottom:20px;font-size:34px}.student-test-detail .first-row{border-radius:0;margin-bottom:-1px;font-size:13px}.student-test-detail .lesson-container{margin-top:-4px;height:51px}.student-test-detail .lessons{width:83%;margin:0 11px;padding-top:3px}.student-test-detail .scroll{width:5%;font-size:40px}.student-test-detail .each-lesson{min-width:113px;height:25px;font-size:15px}.student-test-detail .unanswered-counter{top:11px}.student-test-detail .send-exam hr{margin:8px 0 5px}.student-test-detail .glass-cover{width:120px}.student-test-detail .go-to-end-btn{font-size:11px}.student-test-detail .go-to-end-btn:hover{color:#fff}.student-test-detail .lesson-title{font-size:13px;padding:9px 10px 9px 140px}.student-test-detail .complete-sooner-comment{font-size:14px}.student-test-detail .empty-div{width:calc(100% - 140px);height:38px;background-color:#0d65d2}.student-test-detail .timer-and-finished{padding:1px 5px 0;width:140px}.student-test-detail .timer-title{font-size:13px}.student-test-detail .student .exam-answers-table{font-size:8px}.student-test-detail .student .exam-answers-table .subtopic{font-size:8px}}.students-test-list{border:1px solid gray;border-width:0 1px}.students-test-list .test-list-buttons{border-radius:5px;font-size:15px;color:#000;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:85px;padding:2px 6px;box-shadow:1px 1px 3px #00000082}.students-test-list .test-list-warning{width:100%;height:100%;display:flex;align-content:center;justify-content:center;font-size:16px;color:#00f}.students-test-list .test-list-container{height:100%;width:100%;margin:0 auto}.students-test-list .step-container{padding:0 6px}.students-test-list .each-step{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;margin:15px auto;border-radius:5px;font-size:14px;background-color:#f0f8ff}.students-test-list .exam-info{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1px;flex-direction:row;flex-wrap:wrap;font-size:13px;margin-top:8px}.students-test-list .step-title{width:100%;justify-content:space-evenly;border-radius:5px 5px 0 0;border-top:none;padding:5px 30px;margin:0 auto;font-size:15px;color:#fff}.students-test-list .test-duration{width:33.33%;height:100%;display:flex;justify-content:center;align-items:center}.students-test-list .duration-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.students-test-list .duration{height:100%;display:flex;justify-content:center;align-items:center}.students-test-list .test-date{width:33.33%;height:100%;display:flex;justify-content:center;align-items:center}.students-test-list .date-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.students-test-list .date{height:100%;display:flex;justify-content:center;align-items:center}.students-test-list .test-time{width:33.33%;height:100%;display:flex;justify-content:center;align-items:center}.students-test-list .time-title{height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px}.students-test-list .time{height:100%;display:flex;justify-content:center;align-items:center}.students-test-list .view-test{width:100%;display:flex;justify-content:space-around;align-items:center;margin:5px 0 10px}.students-test-list .view-button{border:3px solid #128574;background-color:#12a48f;border-radius:3px;font-size:14px;color:#fff;padding:0 0;cursor:pointer;width:84px;display:flex;justify-content:center;align-items:center}.students-test-list .locked{font-size:15px;margin-right:12px}.students-test-list .locked,.students-test-list .report-lock{position:absolute;font-size:24px;color:red;opacity:.65}.students-test-list .report-is-locked{background-color:rgba(0,0,0,.5);border-color:transparent;opacity:.9}.students-test-list .lesson-container{border-radius:5px;margin-inline-start:2px;margin-inline-end:2px;padding-block-start:.35em;padding-inline-start:.75em;padding-inline-end:.75em;padding-block-end:.625em;min-inline-size:min-content;border-width:1px;border-style:groove;border-color:#064ba0;border-image:initial;margin:6px auto 10px auto;text-align:center;width:97%}.students-test-list .lessons-list{justify-content:center;flex-wrap:wrap}.students-test-list .lesson-list-title{display:block;width:10%;padding:0;margin-bottom:-5px;font-size:15px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}.students-test-list .each-lesson{font-size:13px;border-radius:5px;text-align:center;min-width:100px;display:flex;margin:3px;border:1px solid #979797;background-color:#f7f7f7;overflow:hidden;justify-content:space-between}.students-test-list .lesson-title{padding:4px 7px 4px 5px}.students-test-list .budget-container{padding-left:7px}.students-test-list .budget-container div{display:inline}.students-test-list .question-count{padding:4px 3px;background-color:#e1e1e1;border-right:1px solid #979797}.students-test-list .timer-container{height:30px;justify-content:center;padding-bottom:5px;font-size:15px;color:#064ba0}@media screen and (max-width:1024px){.students-test-list .each-step{font-size:13px}.students-test-list .each-lesson{min-width:153px}.students-test-list .lesson-list-title{width:15%}}@media screen and (max-width:768px){.students-test-list .header{border-radius:0}.students-test-list .lesson-list-title{width:20%}.students-test-list .each-step{font-size:12px}.students-test-list .exam-info{font-size:12px}.students-test-list .view-button{font-size:12px;padding:2px 12px}.students-test-list .lesson-container{font-size:12px;width:96%}.students-test-list .each-lesson{font-size:12px}.students-test-list .test-list-buttons{font-size:14px;min-width:75px;padding:2px 5px}}@media screen and (max-width:480px){.students-test-list .header{font-size:20px;height:45px;border-radius:0}.students-test-list .step-title{font-size:12px}.students-test-list .exam-info{font-size:11px;margin-top:0}.students-test-list .test-date{width:50%}.students-test-list .test-time{width:50%;margin:10px auto}.students-test-list .test-duration{width:100%}.students-test-list .lesson-list-title{width:30%;font-size:13px}.students-test-list .each-step{font-size:12px}.students-test-list .lesson-container{font-size:11px}.students-test-list .each-lesson{font-size:11px}.students-test-list .second-row{width:95%}.students-test-list .test-list-buttons{font-size:12px;padding:2px 4px}.students-test-list .timer-container{height:27px;padding-bottom:2px;font-size:13px}}.student-outcome-detail .header{margin:0 auto 0;width:100%;border-radius:5px;padding:5px;color:#fff;background:#064ba0;font-size:19px}.student-outcome-detail .header-border{border:2px solid #f7aa4c;padding:8px 15px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap}.student-outcome-detail .header-border i{color:#ff9b22;margin-left:3px}.student-outcome-detail .outcome-date{font-size:18px}.student-outcome-detail .outcome-main-content{border:1px solid gray;border-radius:5px;min-height:100%;font-size:16px}.student-outcome-detail .flex-display{display:flex;align-items:center}.student-outcome-detail .lesson-list{justify-content:center;flex-wrap:wrap}.student-outcome-detail .each-lesson{padding:8px 10%;width:100%;justify-content:space-between;background:#ecf6ff;border-bottom:1px solid #cfcfcf}.student-outcome-detail .header-title{border-bottom:1px dashed gray;background:#ececec;font-size:17px;color:#004ba8;font-weight:700}.student-outcome-detail .keyfi-header-title .score-text{padding-left:14px}.student-outcome-detail .each-lesson i{color:#064ba0}.student-outcome-detail .each-lesson:first-child{border-radius:5px 5px 0 0}.student-outcome-detail .even-background{background:#ffefe0}.student-outcome-detail .keyfi-score-btn{border-radius:13px;font-size:15px;padding:6px 3px;min-width:135px;text-align:center;background:#ececec;color:#fff}.student-outcome-detail .very-good-btn{background:#006400}.student-outcome-detail .good-btn{background:#85b328}.student-outcome-detail .not-bad-btn{background:#d97102}.student-outcome-detail .bad-btn{background:#8b0000}.student-outcome-detail .text-for-student{font-size:15px;text-align:justify;border:2px solid #4f9bf9;padding:0 7px 6px;border-radius:5px;margin:8px auto 10px;width:98%;position:relative}.student-outcome-detail .text-for-student legend{border:none;padding:0 5px;width:85px;margin:0 1px 5px;font-size:19px;color:#0d65d2}.student-outcome-detail .button-type-1{padding:3px 5px}.student-outcome-detail .average{background:#00306f;border-radius:5px;padding:5px 8px;display:inline-block;color:#fff}.student-outcome-detail .print-btn{font-size:22px;color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525}.student-outcome-detail .outcome-info{width:80%;margin:10px auto}.student-outcome-detail .outcome-info td,.student-outcome-detail .outcome-info th{text-align:center;border:1px solid}.student-outcome-detail .outcome-info th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.student-outcome-detail .outcome-info td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.student-outcome-detail .avg-container{padding:10px 10%;width:100%;font-size:15px}.student-outcome-detail .avg-container .fa-caret-left{font-size:18px;position:relative;top:3px}@media screen and (max-width:1024px){.student-outcome-detail .header{font-size:18px}.student-outcome-detail .outcome-date{font-size:17px}}@media screen and (max-width:768px){.student-outcome-detail .header{font-size:16px}.student-outcome-detail .outcome-date{font-size:15px}.student-outcome-detail .each-lesson{font-size:13px}.student-outcome-detail .keyfi-score-btn{font-size:13px;padding:5px 3px;min-width:115px}.student-outcome-detail .keyfi-header-title .score-text{padding-left:17px}.student-outcome-detail .text-for-student legend{width:75px;font-size:17px}.student-outcome-detail .text-for-student{font-size:13px}.student-outcome-detail .average{padding:4px 8px;font-size:14px}.student-outcome-detail .print-btn{font-size:20px;padding:1px 6px}}@media screen and (max-width:480px){.student-outcome-detail .header{font-size:14px}.student-outcome-detail .header-border{justify-content:space-around;padding:3px 15px}.student-outcome-detail .outcome-date{font-size:13px}.student-outcome-detail .each-lesson{padding:7px 10px;font-size:12px}.student-outcome-detail .text-for-student legend{width:68px;font-size:15px}.student-outcome-detail .keyfi-score-btn{font-size:12px;padding:3px 3px;min-width:103px}.student-outcome-detail .text-for-student{font-size:12px}.student-outcome-detail .average{padding:3px 8px;font-size:13px}.student-outcome-detail .kammi-lesson-list .outcome-info{width:98%;margin:10px auto 0}.student-outcome-detail .kammi-lesson-list .outcome-info th{font-size:14px}.student-outcome-detail .kammi-lesson-list .outcome-info td{font-size:12px;padding:3px 2px}}.student-report{border:1px solid #cdcdcd;border-top:none;min-height:100%;font-size:14px;position:relative}.student-report .student-report-header{padding-left:35px;background-color:#064ba0}.student-report .flex-display{display:flex;align-items:center}.student-report .flex-wrap{flex-wrap:wrap}.student-report .justify-around{justify-content:space-around}.student-report .justify-between{justify-content:space-between}.student-report .report-type-slider{width:100%;height:53px;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;border-radius:0 0 5px 5px;margin:0 auto}.student-report .scroll{width:2%;height:100%;font-size:40px;cursor:pointer;text-shadow:1px 1px 3px #000;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 -4px 10px -4px}.student-report .report-type{width:89%;height:100%;white-space:nowrap;overflow:auto;overflow-y:auto;display:inline-block;margin:0 18px;text-align:center;overflow-y:hidden;padding-top:9px;-ms-overflow-style:none;scrollbar-width:none}.student-report .report-type::-webkit-scrollbar{display:none}.student-report .each-report-type{min-width:130px;padding:3px 5px;display:inline-block;color:#000;margin:0 5px;text-align:center;font-size:14px;border-radius:5px;cursor:pointer;position:relative;box-shadow:4px 4px 4px #00000069;border:1px solid #c6c6c6}.student-report .each-report-type.selected-report-type{background-color:#0d65d2;color:#fff;border:1px solid #054a9f}.student-report .selected-icon{position:absolute;font-size:30px;width:100%;color:#0d65d2;animation-name:selectedFlasher;animation-duration:1s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;right:0}.student-report .each-report-type:hover{background-color:#064ba0;color:#fff;border:1px solid #054a9f}.student-report.min-height-auto{min-height:unset}.student-report .outer-report-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;background-color:#e9e9e9;padding-top:5px;z-index:2}.student-report .outer-report-tab-container .inner-report-tab-container{height:100%;width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.student-report .outer-report-tab-container .inner-report-tab-container::-webkit-scrollbar{display:none}.student-report .outer-report-tab-container .inner-report-tab-container .tabs-list{height:100%;white-space:nowrap;width:fit-content}.student-report .outer-report-tab-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.student-report .outer-report-tab-container .each-tab{height:100%;min-width:140px;padding:8px 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.student-report .outer-report-tab-container .tab-title{min-width:90px}.student-report .outer-report-tab-container .each-tab.Selected_Tab{border-width:2px 2px 0;padding:10px 10px 0;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}@media (max-width:768px){.student-report{font-size:12px}.student-report .student-report-header{padding-left:0;background-color:#064ba0}.student-report .report-type-slider{width:95%}.student-report .scroll{font-size:35px}.student-report .each-report-type{min-width:115px;font-size:13px}.student-report .outer-report-tab-container{height:44px}.student-report .outer-report-tab-container .each-tab{min-width:110px;padding:8px 7px 0;font-size:13px}.student-report .outer-report-tab-container .each-tab.Selected_Tab{padding:9px 7px 0;font-size:13px}}@media screen and (max-width:480px){.student-report .header{font-size:14px}.student-report{font-size:11px}.student-report .report-type-slider{width:91%}.student-report .scroll{font-size:31px}.student-report .each-report-type{min-width:105px;font-size:12px}.student-report .outer-report-tab-container{height:40px}.student-report .outer-report-tab-container .each-tab{min-width:90px;padding:7px 5px 0;font-size:12px}.student-report .outer-report-tab-container .each-tab.Selected_Tab{padding:8px 5px 0;font-size:12px}}@media print{@page{margin:.3cm .3cm .6cm .3cm;size:auto}html{height:auto;padding:0;margin:0}body{display:table;table-layout:fixed;margin:.5cm 0;padding:0;height:auto}.student-report{margin:0 auto;width:98%}}.student-profile .header{text-align:center;padding:10px;font-size:22px;height:50px}.student-profile .profile-header-border{padding:3px 0 8px 0;border-radius:5px;display:flex;justify-content:space-around;align-items:center;position:relative;flex-wrap:wrap;font-size:14px}.student-profile .student-detail-label{color:#236dca;margin-left:4px}.student-profile .profile-header-border i{color:#0055bf;margin:1px 4px 0;font-size:16px}.student-profile .edit-icon .fa-stack-2x{font-size:2em}.student-profile .edit-icon{height:23px}.student-profile .profile-header-border .weekly-schedule{border-radius:5px;background:#ffb459;padding:2px 4px;box-shadow:1px 1px 3px grey;border:2px solid #ff8562;text-align:center;color:#064ba0;font-size:12px;margin-right:15px}.student-profile .profile-header-border .weekly-schedule i{font-size:14px;margin:1px 1px 0}.student-profile .edit-icon i{cursor:pointer;color:#bf0000;margin:-2px 4px 0}.student-profile .profile-header-border div{margin:10px 8px 0;width:46%;display:flex;align-items:center;justify-content:flex-start}.student-profile .profile-header-border .fa-mobile{margin:-4px 4px 0;font-size:24px}.student-profile .profile-main-content{border:1px solid #e6e6e6;border-radius:5px;height:calc(100% - 55px);overflow:auto}.student-profile .teachers-list{border-width:2px;border-style:groove;border-color:#d86d00;width:98%;margin:10px auto;border-radius:5px;padding-bottom:10px}.student-profile .lesson-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.student-profile .lesson-title{width:130px;margin-bottom:0;padding:0 6px 0;border-bottom:0;margin:0 auto 5px;color:#d86d00;text-align:center}.student-profile .each-lesson{width:138px;border-radius:5px;margin:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#b7b7b729;text-align:center;box-shadow:0 0 4px #232323}.student-profile .each-lesson i{color:#064ba0}.student-profile .lesson-name{width:100%;height:50%;border-bottom:1px solid #00000029;padding:5px}.student-profile .teacher-name{color:#000;width:100%;height:50%;padding:5px}.student-profile .profile-exit{float:left;margin:-3px 0 4px 20px;padding:2px 5px;background:#ff8968;border-radius:5px;border:1px solid red;color:#000;font-size:13px;box-shadow:1px 1px 3px 1px #1e1d1d;position:relative;display:flex;justify-content:center;align-items:center}.student-profile .exit-loading{position:absolute}@media screen and (max-width:768px){.student-profile .header{font-size:17px;height:44px}.student-profile .profile-header-border{font-size:13px}.student-profile .lesson-title{width:115px;font-size:18px}.student-profile .profile-exit{font-size:12px}.student-profile .profile-header-border .weekly-schedule{padding:1px 4px;font-size:11px;margin-right:10px}.student-profile .profile-header-border .weekly-schedule i{font-size:13px}}@media screen and (max-width:480px){.student-profile .header{font-size:15px;height:41px}.student-profile .profile-header-border{font-size:12px}.student-profile .lesson-title{font-size:17px}.student-profile .profile-header{font-size:13px}.student-profile .profile-main-content{height:calc(100% - 55px)}.student-profile .profile-header-border div{width:98%}.student-profile .profile-exit{font-size:11px}}.student-payment-config{border:1px solid #000;border-width:0 1px 1px}.student-payment-config .property-container{display:flex;align-items:start;justify-content:center;width:80%;margin:20px auto;font-size:15px}.student-payment-config .property-container label{margin-bottom:0;width:15%;padding-top:4px}.student-payment-config .property-container input{width:100%;height:30px}.student-payment-config .property-container textarea{resize:none;width:100%;min-height:100px;padding:2px}.student-payment-config .input-width{width:85%}.student-payment-config .btn-write-in{width:80px;border-width:2px;border-style:solid;border-radius:5px;height:30px;font-size:16px;line-height:1.6;margin-top:10px}.student-payment-config .btn-write-in-container{width:80%;text-align:center;margin:15px auto 0}@media screen and (max-width:768px){.student-payment-config .property-container label{width:20%}.student-payment-config .input-width{width:80%}.student-payment-config .property-container{width:90%}.student-payment-config .btn-write-in-container{width:90%}}@media screen and (max-width:480px){.student-payment-config .property-container{width:95%}.student-payment-config .property-container label{width:35%}.student-payment-config .input-width{width:65%}.student-payment-config .btn-write-in-container{width:95%}}.student-payment-list{border:1px solid #000;border-width:0 1px 1px}.student-payment-list .header-title{display:inline-block;width:calc(100% - 200px)}.student-payment-list .btn-add-payment{width:100px;height:25px;border:2px solid #ff7c41;border-radius:5px;font-size:13px;display:inline-block;color:#000}.student-payment-list .btn-add-payment i{position:relative;top:2px}.student-payment-list .empty-box{width:100px;display:inline-block;height:25px;float:right}.student-payment-list .information-list{width:60%;background-color:#e7f5ff;border:2px solid #bbd9ff;border-width:2px 2px 1px 1px;margin:0 auto 10px;position:relative}.student-payment-list .each-row{display:flex;border-bottom:1px solid #bbd9ff}.student-payment-list .payment-property{font-size:15px;width:50%;min-height:35px;display:flex;align-items:center;border-left:1px solid #bbd9ff}.student-payment-list .right-column-detail{padding-right:20px}.student-payment-list .left-column-detail{justify-content:center}.student-payment-list .button-row{justify-content:center;height:40px;border:1px solid #bbd9ff;border-width:1px 0 1px 1px;align-items:center}.student-payment-list .button-row button{width:80px;height:25px;border-style:solid;border-radius:5px}.student-payment-list .delete-report-btn{background-color:transparent;color:#c70000;border:2px solid #c70000;padding-top:2px;font-size:19px;position:absolute;top:3px;left:5px;border-radius:50%;width:30px;height:30px}@media screen and (max-width:768px){.student-payment-list .information-list{width:70%}.student-payment-list .delete-report-btn{background-color:#ce2d00;color:#fff;border:2px solid #be0000;padding-top:2px;font-size:16px;position:absolute;top:5px;left:5px;border-radius:50%;width:25px;height:25px}}@media screen and (max-width:480px){.student-payment-list .header-title{width:calc(100% - 160px);font-size:15px}.student-payment-list .empty-box{width:80px}.student-payment-list .btn-add-payment{width:80px;font-size:12px}.student-payment-list .plus-icon{display:none}.student-payment-list .information-list{width:100%}.student-payment-list .payment-property{font-size:13px}}.student-weekly-schedule .header{text-align:center;padding:10px;font-size:22px;height:50px}.student-weekly-schedule .schedule-container{width:100%;height:Calc(100% - 55px);border-radius:5px;border:1px solid #b3b3b3;padding:0 5px}.student-weekly-schedule .day{width:100%;display:flex;margin:10px auto;box-shadow:0 0 3px #906f00;border-radius:5px;min-height:73px}.student-weekly-schedule .day-of-the-week{width:55px;display:flex;justify-content:center;align-items:center;box-shadow:none;border-radius:0 5px 5px 0;color:#fff}.student-weekly-schedule .sessions{width:calc(100% - 55px);display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;background-color:#ffefb6;border-radius:5px 0 0 5px;padding:5px 0}.student-weekly-schedule .each-session{width:129px;display:flex;align-items:center;margin:2px 5px;background-color:#fff;border:2px solid #0d65d2;border-radius:5px;box-shadow:3px 2px 4px #00000069;height:40px}.student-weekly-schedule .bell{position:relative;font-size:19px;color:#0d65d2;padding:3px 1px}.student-weekly-schedule .bell span{position:absolute;top:-2px;right:0;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:12px}.student-weekly-schedule .lessons-in-each-zang{width:100%;height:100%;border-right:2px solid #0d65d2;display:flex;justify-content:space-around;flex-direction:column;text-align:center}.student-weekly-schedule .second-lesson{border-top:1px dashed #0d65d2}.student-weekly-schedule .selected-lesson{font-size:11px;padding:2px 0}@media screen and (max-width:480px){.student-weekly-schedule .day{height:175px;flex-direction:column;margin:10px auto;width:96%}.student-weekly-schedule .day-of-the-week{text-align:center;width:100%;height:18%;margin:0 auto;border-radius:5px 5px 0 0;position:relative;justify-content:center;font-size:13px}.student-weekly-schedule .sessions{width:100%;margin:0 auto;height:82%;padding:5px 0;border-radius:0 0 5px 5px}}.math-game{min-height:calc(100% - 90px);background:#e7ffef;background:linear-gradient(185deg,#e7ffef 0,#e6f1ff 50%,#f6f3ff 100%)}.math-game .flex-display{display:flex;align-items:center}.math-game .flex-wrap{flex-wrap:wrap}.math-game .justify-center{justify-content:center}.math-game .justify-between{justify-content:space-between}.math-game .header-options{width:580px;justify-content:space-between;margin:5px auto 0;height:40px;border-bottom:1px solid #d3d3d3;padding:0 10px}.math-game .game-level{font-size:17px;color:#934400;align-items:end;margin-bottom:-6px}.math-game .game-level i{color:#ebae00;font-size:28px;text-shadow:1px 1px #876400;margin-left:3px}.math-game .coins{font-size:15px;color:#a74d00;font-weight:700;align-items:flex-end}.math-game .timer{font-size:25px;color:#003f8e}.math-game .timer span{width:40px;display:inline-block;text-align:left}.math-game .total-coin{background:url(../images/personnelModules.png) no-repeat;background-position:-253px -54px;background-size:880px 551px;display:inline-block;width:27px;height:32px;margin-right:3px}.math-game .digits-container{width:350px;margin:0 auto;height:calc(100% - 40px);flex-direction:column}.math-game .how-to-play{font-size:15px}.math-game .digit-content{margin-top:15px}.math-game .digit-box{width:50px;height:50px;margin:3px}.math-game .digit{border-radius:5px;text-align:center;font-size:19px;line-height:44px;cursor:pointer;background:#fff;border:3px solid #5c5c5c;transition:all .3s ease-in-out;user-select:none}.math-game .digit.selected{background:#caffc4;border:3px solid #0b6c00}.math-game .digit.number-removed{display:none}.math-game .total{text-align:center;font-size:23px}.math-game .adduction-row{text-align:center;font-size:14px;border-radius:5px;line-height:22px;background:#fff;border:1px solid #cfcfcf;margin:4px auto;width:50%;padding:1px 0}.math-game .title-text{text-align:center;font-size:23px}.math-game .congratulation{color:green;margin-top:8px}.math-game .sorry{color:red;margin-top:50px}.math-game .congratulation::after,.math-game .congratulation:before{content:"😊";font-size:21px;margin:0 6px}.math-game .sorry::after,.math-game .sorry:before{content:"🙁";font-size:21px;margin:0 6px}.math-game .win-message{color:green;text-align:center;margin:5px 0 0;font-size:15px}.math-game .next-level{display:block;margin:20px auto 15px;border-radius:5px;padding:3px 5px;width:115px;background:#ffad1a;border:2px solid #ff702e;box-shadow:1px 1px 2px 0 #3c3c3c;color:#003872;font-size:16px}.math-game .firework-body{position:absolute;top:50%;right:50%}.math-game .firework>.after,.math-game .firework>.before{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;-moz-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;-webkit-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;-o-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;-ms-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards}.math-game .firework>.after{-moz-animation-delay:1.25s,1.25s,1.25s;-webkit-animation-delay:1.25s,1.25s,1.25s;-o-animation-delay:1.25s,1.25s,1.25s;-ms-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-moz-animation-duration:1.25s,1.25s,6.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;-o-animation-duration:1.25s,1.25s,6.25s;-ms-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-moz-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-o-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-ms-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-moz-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-o-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-ms-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@media screen and (max-width:1024px){.math-game{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.math-game .digits-container{width:335px}.math-game .digit{width:45px;height:45px;font-size:17px;line-height:45px}.math-game .header-options{width:95%;padding:19px 7px;height:0;margin:0 auto}.math-game .game-level i{font-size:26px}.math-game .timer{font-size:22px;margin-bottom:-7px}.math-game .total{font-size:21px}.math-game .how-play{font-size:30px}.math-game .coins{font-size:14px}.math-game .total-coin{background-position:-214px -48px;background-size:746px 490px;width:24px;height:29px}.math-game .digit-box{margin:0}.math-game .adduction-row{width:75%}.math-game .title-text{font-size:20px}.math-game .congratulation::after,.math-game .congratulation:before,.math-game .sorry::after,.math-game .sorry:before{font-size:19px}.math-game .win-message{font-size:14px}.math-game .next-level{margin:12px auto 15px;padding:2px 5px;width:95px;font-size:15px}}@media screen and (max-width:480px){.math-game .digits-container{width:265px}.math-game .timer{font-size:20px}.math-game .digit-box{width:42px;height:42px}.math-game .digit{width:37px;height:37px;font-size:17px;line-height:37px;margin:2px;border:2px solid #5c5c5c}.math-game .digit.selected{border:2px solid #0b6c00}.math-game .adduction-row{width:85%}.math-game .how-to-play{font-size:12px}.math-game .congratulation::after,.math-game .congratulation:before,.math-game .sorry::after,.math-game .sorry:before{font-size:18px}.math-game .next-level{padding:1px 5px;width:87px;font-size:14px}}.bulletins{overflow:hidden}.bulletins .bulletins-tabs-container{width:200%;height:100%;position:relative;display:flex;left:100%}.bulletins .bulletin-detail-tab{width:50%;height:100%;overflow-y:auto;position:relative;transition:.5s ease-out;background-color:#fff;border:1px solid #cbcbcb;z-index:60}.bulletins .bulletin-list-tab{width:50%;height:100%;position:relative}.bulletins .bulletin-header{height:60px;position:sticky;top:0;z-index:51;box-shadow:0 4px 7px -1px grey}.bulletins .bulletin-header>div>span{padding-top:3px;display:inline-block}.bulletins .bulletin-list-tab .new-bulletin-btn{position:absolute;left:15px;top:17px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 3px #00000082;font-size:14px;width:75px;padding:1px 0}.bulletins .home-button{position:absolute;font-size:30px;cursor:pointer;right:16px}.bulletins .back-button{position:absolute;height:46px;font-size:30px;left:22px;top:7px;cursor:pointer}.bulletins .back-button .i-right{position:relative;right:5px}.bulletins .back-button .i-left{position:relative;left:7px}.bulletins .back-button>div{font-size:10px;position:relative;top:-14px}.bulletins .bulletin-list-tab .bulletin-container{padding:10px 10px 0;text-align:center;position:relative;z-index:50}.bulletins .bulletin-list-tab .bulletin-list-container{position:relative;margin:0 0 12px;align-items:center;box-shadow:0 1px 2px #424242;background:#fff;border-radius:5px;border:1px solid #e6e6e6;padding-top:5px}.bulletins .bulletin-list-tab .add-comment{text-align:right;color:gray;height:24px;padding:2px 5px 2px;justify-content:space-between}.bulletins .bulletin-list-tab .add-comment textarea{height:25px;resize:none;width:100%;padding:2px 3px;line-height:1.6}.bulletins .bulletin-list-tab .footer-bar{color:#909090;justify-content:space-between}.bulletins .bulletin-list-tab .footer-bar .operational-options-box{height:35px}.bulletins .bulletin-list-tab .footer-bar .operational-options-box i{cursor:pointer;font-size:24px}.bulletins .bulletin-list-tab .footer-bar .like-button{color:#d90000;width:45px;padding-top:2px}.bulletins .bulletin-list-tab .footer-bar .bulletin-edit{color:#d27300;width:42px;padding-top:4px}.bulletins .bulletin-list-tab .footer-bar .open-comment-box-btn{width:45px}.bulletins .bulletin-list-tab .footer-bar .share-btn{width:40px}.bulletins .bulletin-list-tab .footer-bar .bulletin-info{font-size:13px;padding:6px;width:65%;text-align:left;color:gray}.bulletins .bulletin-list-tab .footer-bar .bulletin-info>span{overflow:hidden;height:35px;white-space:nowrap}.bulletins .bulletin-list-tab .comment-box{position:relative;overflow:hidden;transition:.3s ease-out;margin-bottom:-1px;border-radius:4px;padding-bottom:2px}.bulletins .bulletin-list-tab .comment-mark{color:#6794d8;background-color:#6794d8;width:7px;border-radius:0 4px 4px 0;font-size:40px;display:flex;padding-right:5px;align-items:center}.bulletins .bulletin-list-tab .comment-mark i{height:20px;position:relative;top:-13px;transform:scaleY(1.2)}.bulletins .bulletin-list-tab .each-comment{margin:4px 0 2px 0;text-align:right}.bulletins .bulletin-list-tab .each-comment>div{display:flex;background-color:#efeeee;margin:0 auto;border-radius:5px;width:99%;justify-content:space-between}.bulletins .bulletin-list-tab .each-comment .delete-comment i{color:#eb0404;font-size:18px;width:25px;height:25px;padding-top:4px;text-align:center;cursor:pointer}.bulletins .bulletin-list-tab .each-comment>div>span{padding:5px;margin-right:3px;width:calc(100% - 25px);line-height:1.5}.bulletins .bulletin-list-tab .write-comment-box{width:100%;height:75px;padding:5px 3px 1px}.bulletins .bulletin-list-tab .write-comment-box.open-write-comment{height:130px}.bulletins .bulletin-list-tab .write-comment-box textarea{resize:none;height:100%;width:100%;padding:2px 3px;line-height:1.6;border-radius:5px}.bulletins .bulletin-list-tab .write-comment-box .submit-btn{position:absolute;bottom:7px;left:7px;width:65px;height:25px;cursor:pointer;border:2px solid #ff7c41;background-color:#ffa639;text-align:center;padding-top:1px;border-radius:5px;color:#064ba0}.bulletins .bulletin-list-tab .bulletin-slideshow{width:100%;position:relative;height:250px;border-radius:5px 5px 0 0}.bulletins .bulletin-list-tab .bulletin-list{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:5px 5px 0 0;padding-right:10px}.bulletins .bulletin-list-tab .bulletin-date{font-size:11px}.bulletins .bulletin-list-tab .bulletin-writer{font-size:10px}.bulletins .bulletin-list-tab .bulletin-writer i{font-size:13px;float:right;margin:0 3px;color:#064ba0}.bulletins .bulletin-list-tab .bulletin-subject{color:#124ba0;font-size:16px;font-weight:500;margin:0 0 0 10px;width:92%;text-align:right}.bulletins .bulletin-list-tab .bulletin-detail{display:flex;justify-content:flex-end}.bulletins .bulletin-list-tab .bulletin-like{font-weight:700;position:absolute;bottom:-3px;font-size:24px;color:#064ba0;left:10px}.bulletins .bulletin-list-tab .bulletin-like .fa-heart{color:#ca1717}.heart-spin{animation:rotate-heart .3s infinite linear}@keyframes rotate-heart{0%{transform:rotateY(0)}30%{transform:rotateY(60deg)}60%{transform:rotateY(120deg)}100%{transform:rotateY(180deg)}}.bulletins .bulletin-list-tab .num-like{font-size:9px}.bulletins .bulletin-list-tab .bulletin-content{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;padding:0 10px 10px;min-height:50px}.bulletins .bulletin-list-tab .bulletin-text{text-align:justify;width:100%}.bulletins .bulletin-list-tab .bulletin-images{max-height:0;transition:all linear 1s;overflow:auto}.bulletins .bulletin-list-tab .show-bulletin-images{max-height:200px}@keyframes anim-dispaly{0%{max-height:0}100%{max-height:200px}}.bulletins .bulletin-list-tab .show-bulletin-text-btn{position:absolute;bottom:-1px;border-radius:5px 5px 0 0;padding:0 3px}.bulletins .bulletin-list-tab .bulletin-list-loading{width:100%;text-align:center;padding:2px 2px 10px}@media screen and (max-width:768px){.bulletins .bulletin-list-tab .footer-bar{padding-right:5px}.bulletins .bulletin-list-tab .footer-bar .operational-options-box{height:30px}.bulletins .bulletin-list-tab .footer-bar .operational-options-box i{font-size:17px}.bulletins .bulletin-list-tab .footer-bar .like-button{width:34px}.bulletins .bulletin-list-tab .footer-bar .open-comment-box-btn{width:34px}.bulletins .bulletin-list-tab .footer-bar .bulletin-edit{width:24px;text-align:right}.bulletins .bulletin-list-tab .footer-bar .share-btn{width:34px}.bulletins .bulletin-list-tab .footer-bar .bulletin-info{font-size:10px;padding:7px 8px 4px;height:28px;width:calc(100% - 136px)}.bulletins .bulletin-list-tab .footer-bar .bulletin-info>span{height:30px}.bulletins .bulletin-list-tab .each-comment{margin:2px 5px 3px 6px}.bulletins .bulletin-list-tab .bulletin-slideshow{height:200px}}@media screen and (max-width:480px){.bulletins .bulletin-list-tab .bulletin-date{font-size:9px}.bulletins .bulletin-list-tab .bulletin-writer i{font-size:11px;margin:2px 2px}.bulletins .bulletin-list-tab .bulletin-list{padding-right:0}.bulletins .bulletin-list-tab .bulletin-subject{font-size:14px;font-weight:400;margin:0 5px;width:84%}.bulletins .bulletin-header{height:55px;font-size:15px}.bulletins .bulletin-header>div>span{padding-top:4px}.bulletins .bulletin-list-tab .new-bulletin-btn{top:14px;font-size:13px;width:60px}.bulletins .bulletin-list-tab .bulletin-container{padding:3px 5px;height:calc(100% - 42px)}.bulletins .bulletin-list-tab .bulletin-content{padding:0 5px 25px}.bulletins .bulletin-list-tab .bulletin-like{font-weight:700;position:absolute;bottom:-3px;font-size:19px;color:#064ba0;left:9px}.bulletins .bulletin-list-tab .show-bulletin-text-btn{font-size:11px}.bulletins .bulletin-list-tab .bulletin-text{font-size:11px}.bulletins .bulletin-list-tab .write-comment-box .submit-btn{width:55px;height:23px;padding-top:2px;font-size:11px}.bulletins .bulletin-list-tab .each-comment>div>i{height:20px;padding-top:0}.bulletins .bulletin-list-tab .each-comment>div>span{line-height:1}.bulletins .bulletin-list-tab .bulletin-first-image{margin-top:0}.bulletins .bulletin-list-tab .bulletin-edit i{font-size:19px}.bulletins .home-button{font-size:27px;right:14px}.bulletins .back-button{font-size:26px;left:22px;top:7px;height:42px}.bulletins .back-button .i-left{left:6px}.bulletins .back-button>div{top:-12px}}.manage-bulletin .manage-bulletin-header{height:60px}.manage-bulletin .delete-bulletin-btn{position:absolute;left:12px;top:5px;border:2px solid red;color:red;width:35px;height:35px;border-radius:50%;padding:3px 7px;cursor:pointer}.manage-bulletin .home-button{position:absolute;font-size:30px;cursor:pointer;top:6px;right:10px}.manage-bulletin .manage-bulletin-body{padding:15px;border:1px solid #cecece;font-size:14px;margin-bottom:5px;border-radius:0 0 5px 5px}.manage-bulletin .new-bulletin-subject{display:flex;flex-direction:column;align-items:flex-start}.manage-bulletin .new-bulletin-subject input[type=text]{border-radius:5px;font-size:13px;border:1px solid;width:100%;height:33px;padding:10px;text-align:center}.manage-bulletin .new-bulletin-text{margin:10px 0;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;position:relative}.manage-bulletin .new-bulletin-subject .disable-edit-btn,.manage-bulletin .new-bulletin-text .disable-edit-btn{background:#c7c7c7;border:1px solid #4c4c4c}.manage-bulletin .alignItem-center{display:flex;align-items:center;margin-top:5px}.manage-bulletin .new-bulletin-text textarea{width:100%;border-radius:5px;font-size:12px;border:1px solid;padding:7px;min-height:150px;resize:none;margin-top:5px;margin-bottom:-8px;text-align:justify}.manage-bulletin .manage-commentablity{padding-top:5px;cursor:pointer}.manage-bulletin .manage-commentablity i{font-size:20px;position:relative;top:3px}.manage-bulletin .choose-receivers{margin:0 auto;display:flex;justify-content:center;align-items:center}.manage-bulletin .choose-receivers select{border-radius:5px;font-size:13px;border:1px solid;color:#333;width:255px;height:31px;padding:3px;margin-right:5px}.manage-bulletin .bulletin-choose-class-container{border:1px solid #555;border-radius:5px;padding:10px;box-shadow:1px 1px 3px #1d1919;margin:10px 0}.manage-bulletin .bulletin-choose-class .multi-selector-directive .options{min-width:13%}.manage-bulletin .manage-bulletin-body button{margin:0 auto 0}.manage-bulletin .receivers{color:red}.manage-bulletin .show-classname{font-size:14px;margin-top:5px;color:#064ba0}.manage-bulletin .pictures-fieldset{border:1px solid #064ba0;border-radius:5px;margin-top:10px;overflow:hidden}.manage-bulletin .pictures-fieldset legend{border:none;padding:2px 10px;width:auto;margin:0 15px 0 0;display:inline;font-size:15px;color:#064ba0}.manage-bulletin .add-image-bulletin{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.manage-bulletin .image-default{background:#ececec;width:48%;height:273px;margin:1%;border-radius:5px;position:relative;border:1px solid #a0a0a0;box-shadow:1px 1px 4px #2f2f2f;display:flex;align-items:center;justify-content:center}.manage-bulletin .secure-img{max-width:100%;max-height:100%;height:auto;border-radius:5px}.manage-bulletin .image-default .fa-file-image-o{font-size:65px;transform:translate(-50%);position:absolute;top:35%;left:50%}.manage-bulletin .delete-image{position:absolute;left:38px;top:3px}.manage-bulletin .delete-bulletin-icon{position:relative;color:#d60000;font-size:15px}.manage-bulletin .delete-bulletin-icon .fa-trash-o{left:-6px;top:3px;font-size:18px;color:#820606}.manage-bulletin .delete-icon{position:relative;color:#d60000;font-size:19px}.manage-bulletin .delete-icon .fa-trash-o{left:-8px;top:4px;font-size:21px;color:#820606}.manage-bulletin .manage-bulletin-body .submit{margin-top:5px}.manage-bulletin .comment-managing{border:1px solid #064ba0;margin-top:15px;border-radius:5px;overflow-y:hidden;padding:0 1px 5px}.manage-bulletin .comment-managing legend{font-size:16px;color:#064ba0;display:inline;width:130px;padding-right:12px;margin:0 20px 10px 0;border:0;padding-top:2px}.manage-bulletin .each-comment{display:flex;margin:3px auto;border-radius:5px;width:99%}.manage-bulletin .each-comment .fa-user-circle{font-size:14px;position:relative;width:15px;height:15px;top:9px;right:6px}.manage-bulletin .each-comment .fa-user{font-size:15px;position:relative;top:8px;right:8px;width:15px;height:14px}.manage-bulletin .each-comment .delete-comment{width:25px}.manage-bulletin .each-comment .delete-comment i{color:#eb0404;font-size:18px;padding-top:2px;text-align:center;cursor:pointer}.manage-bulletin .each-comment>span{padding:6px 5px 4px 5px;margin-right:4px;width:calc(100% - 83px);line-height:1.5}.manage-bulletin .each-comment .hide-comment{margin:0 7px;width:25px}.manage-bulletin .each-comment .hide-comment i{font-size:18px;padding-top:2px;text-align:center;cursor:pointer}@media screen and (max-width:768px){.manage-bulletin .image-default{width:100%;margin:5px 0}.manage-bulletin .choose-receivers{flex-direction:column}.manage-bulletin .choose-receivers select{margin-top:5px}.manage-bulletin .bulletin-choose-class .multi-selector-directive .options{width:31%}.manage-bulletin .tab-body{height:calc(100% - 55px)}.manage-bulletin .each-comment>span{font-size:12px}}@media screen and (max-width:480px){.manage-bulletin .image-default{height:190px}.manage-bulletin .bulletin-choose-class .multi-selector-directive .options{width:47%}.manage-bulletin .delete-bulletin-btn{left:9px;top:5px;width:32px;height:32px;padding:2px 5px;font-size:21px}.manage-bulletin .home-button{font-size:27px;top:5px;right:8px}.manage-bulletin .manage-bulletin-header{height:55px;font-size:19px}.manage-bulletin .each-comment>span{font-size:11px}.manage-bulletin .each-comment .fa-user-circle{top:6px}.manage-bulletin .each-comment .fa-user{top:5px}.manage-bulletin .each-comment .hide-comment{margin:0 4px 0 2px}.manage-bulletin .each-comment .hide-comment i{font-size:15px;width:22px;padding-top:0}.manage-bulletin .each-comment .delete-comment i{font-size:17px;width:22px;padding-top:0}}.faq-list{border:1px solid gray;border-width:0 1px;min-height:100%}.faq-list .outer-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;padding-top:5px;z-index:2}.faq-list .outer-tab-container .inner-tab-container{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.faq-list .outer-tab-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.faq-list .outer-tab-container .each-tab{height:100%;padding:0 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.faq-list .outer-tab-container .each-tab.selected{border-width:2px 2px 0;padding:0 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.faq-list .filter-box{position:sticky;top:0;z-index:10;background-color:#fff;background-color:#e9e9e9;padding-top:10px;margin-bottom:7px}.faq-list .filter-box .tab-selector-container{justify-content:space-evenly;flex-wrap:wrap;font-size:14px;background-color:#064ba0}.faq-list .filter-box .each-tab-button{padding:7px;color:#fff;border-radius:5px 5px 0 0;width:50%;text-align:center;position:relative;cursor:pointer}.faq-list .filter-box .each-tab-button.selected{background-color:#fff;color:#000}.faq-list .filter-box .each-tab-button i{font-size:16px;height:0;position:absolute;right:5px;top:7px}.faq-list .filter-box .search-box{width:fit-content;margin:0 auto 10px;position:relative}.faq-list .filter-box .search-box i{position:absolute;top:6px;left:8px;font-size:19px}.faq-list .filter-box .search-box input{padding:4px 5px 5px;width:525px;border-radius:5px;border:2px solid #000;font-size:14px}.faq-list .hr-type1{border-top:1px solid gray;margin:10px 15px}.faq-list .faq-question-list{padding:7px 12px}.faq-list .each-question{border-bottom:1px solid #7b7b7b}.faq-list .each-question .question-title{position:relative;padding:5px 5px 5px 35px;background-color:#e2e2e3;font-size:15px;color:#064ba0;transition:.2s;cursor:pointer}.faq-list .each-question .question-title:hover{background-color:#d0d0d1}.faq-list .each-question .question-title .fa-caret-left{font-size:20px;padding-left:5px}.faq-list .each-question .question-title .open-close-icon{position:absolute;font-size:25px;top:2px;left:12px}.faq-list .each-question .answer-box{height:0;border:1px solid #e2e2e3;border-width:0 2px;transition:.4s;overflow:hidden}.faq-list .each-question .answer-box .answer-text{padding:7px;font-size:14px;line-height:1.7}.faq-list .each-question .answer-box .video-container{position:relative;width:210px;max-height:250px;margin:0 auto;border:3px solid #063f86;background-color:#063f86;border-radius:5px}.faq-list .each-question .answer-box .video-container .clickable-div{position:absolute;width:100%;height:100%;top:0;right:0;background-color:transparent;z-index:10;cursor:pointer}.faq-list .tag-container{flex-wrap:wrap;padding:3px}.faq-list .tag-container>div{border-radius:25px;color:gray;border:2px solid gray;margin:2px 3px;padding:3px 7px;min-width:60px;text-align:center}.faq-list .tag-container>div.selected{color:#007eff;border:2px solid #007eff;background-color:#f0f8ff}@media screen and (max-width:1024px){.faq-list .video-subject-list .guide-video-box .each-video{width:155px}}@media (max-width:768px){.faq-list .filter-box .search-box input{width:410px}.faq-list .video-subject-list .guide-video-box .each-video{width:135px;margin:5px}.faq-list .video-subject-list .guide-video-box .each-video .video-caption{font-size:11px;padding:5px 3px 1px}}@media (max-width:480px){.faq-list .outer-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:40px;position:sticky;top:0;padding-top:5px;z-index:2}.faq-list .outer-tab-container .each-tab{height:100%;padding:0 5px;text-align:center;font-size:12px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.faq-list .outer-tab-container .each-tab.selected{border-width:2px 2px 0;padding:0 3px;border-radius:5px 5px 0 0;color:#000;font-size:13px;background-color:#fff}.faq-list .outer-tab-container .side-div{width:5px;height:100%;border:2px solid #000;border-width:0 0 2px}.faq-list .filter-box .tab-selector-container{font-size:12px}.faq-list .filter-box .search-box{padding:0 10px;width:100%}.faq-list .filter-box .search-box i{left:17px}.faq-list .filter-box .search-box input{width:100%}.faq-list .filter-box .radio-button-container{font-size:13px;padding:7px 10px 5px}.faq-list .filter-box .each-radio-button{width:100%;margin:3px 0}.faq-list .filter-box .each-radio-button i{top:6px}.faq-list .hr-type1{margin:7px}.faq-list .video-subject-list{padding:10px}.faq-list .video-subject-list .subject-title{padding:3px 18px 6px;font-size:14px}.faq-list .video-subject-list .subject-title i{font-size:19px;top:4px;right:8px}.faq-list .video-subject-list .guide-video-box .each-video{width:46%;margin:3px}.faq-list .video-subject-list .guide-video-box .each-video .video-caption{font-size:11px;padding:3px}.faq-list .each-question .question-title{font-size:13px}.faq-list .each-question .question-title .open-close-icon{top:1px}.faq-list .each-question .answer-box .answer-text{padding:3px 5px;font-size:12px;line-height:1.5}.faq-list .tag-container{padding:0 3px;justify-content:space-evenly}.faq-list .tag-container>div{border-radius:25px;color:gray;border:2px solid gray;margin:2px 3px;padding:2px 6px;min-width:55px;text-align:center}.faq-list .faq-question-list{padding:5px 7px}}.game-menu{min-height:calc(100% - 90px);background:#e7ffef;background:linear-gradient(185deg,#e7ffef 0,#e6f1ff 50%,#f6f3ff 100%)}.game-menu .game-menu-container{width:92%;margin:0 auto}.game-menu ul{margin:0;position:relative}.game-menu .flex-display{display:flex;align-items:center}.game-menu .flex-wrap{flex-wrap:wrap}.game-menu .justify-center{justify-content:center}.game-menu .justify-between{justify-content:space-between}.game-menu .justify-around{justify-content:space-around}.game-menu .header-options{justify-content:space-between;margin:5px auto 0;height:40px;border-bottom:1px solid #d3d3d3;padding:0 10px;font-size:18px;color:#0056c3}.game-menu .coins{font-size:15px;color:#a74d00;font-weight:700;align-items:flex-end}.game-menu .total-coin{background:url(../images/personnelModules.png) no-repeat;background-position:-253px -54px;background-size:880px 551px;display:inline-block;width:27px;height:32px;margin-right:3px}.game-menu .energy-bar{position:relative;margin:25px 0}.game-menu svg{width:114px;height:114px;margin:1em;z-index:5}.game-menu .progress-bg{fill:none;stroke-width:7px;stroke:#dbdbdb}.game-menu .energy-1{fill:none;stroke-width:7px;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dasharray:326.5;stroke:#0d65d2}.game-menu .animation-paused{animation-play-state:paused;stroke-dashoffset:0!important}@keyframes progress-1{to{stroke-dashoffset:0}}@keyframes infinite-progress{from{stroke-dashoffset:326.5}to{stroke-dashoffset:0}}.game-menu .energy-percent{position:absolute;font-size:21px;color:#0d65d2;line-height:18px}.game-menu .game-menu-guide{font-size:13px;text-align:justify;width:65%}.game-menu .each-game{border:3px solid #003f8e;border-radius:5px;background:#fff;width:135px;height:135px;cursor:pointer;margin:25px;position:relative}.percent-circle2{width:97px;position:absolute;bottom:21px;right:21px;border-radius:100%;max-height:97px;height:100%}.game-menu .word-game{background:url(../images/gamesGif/word-game.gif) no-repeat;background-size:154px 114px;background-position:-11px -1px}.game-menu .add-number{background:url(../images/gamesGif/add-number.gif) no-repeat;background-size:158px 155px;background-position:-15px 0}.game-menu .each-game-energy-percent{position:absolute;top:-15px;right:-3px;border-radius:50%;background:#003f8e;color:#fff;font-size:12px;padding:4px 0;line-height:13px;width:34px;text-align:center}.game-menu .each-game-energy-percent i{font-size:11px}@media screen and (max-width:1024px){.game-menu{min-height:calc(100% - 60px)}}@media screen and (max-width:768px){.game-menu .coins{font-size:14px}.game-menu .total-coin{background-position:-214px -48px;background-size:746px 490px;width:24px;height:29px}.game-menu .energy-bar{margin:15px 0}.game-menu .header-options{padding:19px 7px;height:0;margin:0 auto;font-size:16px}.game-menu .game-menu-guide{font-size:12px}.game-menu .energy-percent{font-size:18px}}@media screen and (max-width:480px){.game-menu .header-options{padding:15px 7px;font-size:14px}.game-menu .coins{font-size:12px}.game-menu .total-coin{background-position:-181px -40px;background-size:633px 418px;width:21px;height:26px}.game-menu .percent-row{flex-direction:column}.game-menu .energy-bar{margin:0}.game-menu svg{margin:10px}.game-menu .game-menu-guide{width:100%}.game-menu ul{padding-right:10px}.game-menu .each-game{width:123px;height:123px;margin:10px}.game-menu .word-game{background-size:142px 115px}.game-menu .add-number{background-size:142px 163px;background-position:-13px 9px}}.guide-video-list{border:1px solid gray;border-width:0 1px;min-height:100%}.guide-video-list .outer-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:50px;position:sticky;top:0;padding-top:5px;z-index:2}.guide-video-list .outer-tab-container .inner-tab-container{height:100%;white-space:nowrap;width:fit-content;max-width:100%}.guide-video-list .outer-tab-container .side-div{width:10px;height:100%;border:2px solid #000;border-width:0 0 2px}.guide-video-list .outer-tab-container .each-tab{height:100%;padding:0 7px;text-align:center;font-size:14px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.guide-video-list .outer-tab-container .each-tab.selected{border-width:2px 2px 0;padding:0 10px;border-radius:5px 5px 0 0;color:#000;font-size:15px;background-color:#fff}.guide-video-list .filter-box{position:sticky;top:0;z-index:10;background-color:#fff;background-color:#e9e9e9;padding-top:10px}.guide-video-list .filter-box .tab-selector-container{justify-content:space-evenly;flex-wrap:wrap;font-size:14px;background-color:#064ba0}.guide-video-list .filter-box .each-tab-button{padding:7px;color:#fff;border-radius:5px 5px 0 0;width:50%;text-align:center;position:relative;cursor:pointer}.guide-video-list .filter-box .each-tab-button.selected{background-color:#fff;color:#000}.guide-video-list .filter-box .each-tab-button i{font-size:16px;height:0;position:absolute;right:5px;top:7px}.guide-video-list .filter-box .search-box{width:fit-content;margin:0 auto 10px;position:relative}.guide-video-list .filter-box .search-box i{position:absolute;top:6px;left:8px;font-size:19px}.guide-video-list .filter-box .search-box input{padding:4px 5px 5px;width:525px;border-radius:5px;border:2px solid #000;font-size:14px}.guide-video-list .hr-type1{border-top:1px solid gray;margin:10px 15px}.guide-video-list .empty-list-expression{text-align:center;margin:30px 0;padding:0 5px;font-size:15px;color:#cf1a1a}.guide-video-list .video-subject-list{padding:10px 20px}.guide-video-list .video-subject-list .each-video-subject{border-radius:7px;overflow:hidden;border:2px solid #cbcbcb;background-color:#cbcbcb;margin-bottom:10px}.guide-video-list .video-subject-list .subject-title{padding:4px 22px 6px;font-size:16px;position:relative;color:#063f86}.guide-video-list .video-subject-list .subject-title i{font-size:22px;position:absolute;top:4px;right:10px}.guide-video-list .video-subject-list .guide-video-box{display:flex;justify-content:center;flex-wrap:wrap;background-color:#f6f7f8}.guide-video-list .video-subject-list .guide-video-box .each-video{position:relative;width:210px;max-height:250px;margin:5px 10px;border:3px solid #063f86;background-color:#063f86;border-radius:5px}.guide-video-list .video-subject-list .guide-video-box .each-video .video-caption{font-size:13px;padding:3px 3px 2px;color:#fff}.guide-video-list .video-subject-list .guide-video-box .each-video .clickable-div{position:absolute;width:100%;height:100%;top:0;right:0;background-color:transparent;z-index:10;cursor:pointer}@media screen and (max-width:1024px){.guide-video-list .video-subject-list .guide-video-box .each-video{width:155px}}@media (max-width:768px){.guide-video-list .filter-box .search-box input{width:410px}.guide-video-list .video-subject-list .guide-video-box .each-video{width:135px;margin:5px}.guide-video-list .video-subject-list .guide-video-box .each-video .video-caption{font-size:11px;padding:5px 3px 1px}}@media (max-width:480px){.guide-video-list .outer-tab-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;height:40px;position:sticky;top:0;padding-top:5px;z-index:2}.guide-video-list .outer-tab-container .each-tab{height:100%;padding:0 5px;text-align:center;font-size:12px;cursor:pointer;color:#7d7d7d;border:2px solid #000;border-width:0 0 2px}.guide-video-list .outer-tab-container .each-tab.selected{border-width:2px 2px 0;padding:0 3px;border-radius:5px 5px 0 0;color:#000;font-size:13px;background-color:#fff}.guide-video-list .outer-tab-container .side-div{width:5px;height:100%;border:2px solid #000;border-width:0 0 2px}.guide-video-list .filter-box .tab-selector-container{font-size:12px}.guide-video-list .filter-box .search-box{padding:0 10px;width:100%}.guide-video-list .filter-box .search-box i{left:17px}.guide-video-list .filter-box .search-box input{width:100%}.guide-video-list .filter-box .radio-button-container{font-size:13px;padding:7px 10px 5px}.guide-video-list .filter-box .each-radio-button{width:100%;margin:3px 0}.guide-video-list .filter-box .each-radio-button i{top:6px}.guide-video-list .hr-type1{margin:7px}.guide-video-list .video-subject-list{padding:10px}.guide-video-list .video-subject-list .subject-title{padding:3px 18px 6px;font-size:14px}.guide-video-list .video-subject-list .subject-title i{font-size:19px;top:4px;right:8px}.guide-video-list .video-subject-list .guide-video-box .each-video{width:46%;margin:3px}.guide-video-list .video-subject-list .guide-video-box .each-video .video-caption{font-size:11px;padding:3px}}.login{display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:linear-gradient(#00b4ff,#fff,#fff,#00b4ff)}.login .login-expression{font-size:18px;color:#064ba0;padding-bottom:15px}.login .button-container{width:530px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.login .button-container button{font-size:15px;width:230px;border-radius:4px;color:#064ba0;padding:7px 5px 11px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:768px){.login .login-expression{font-size:18px;color:#064ba0;padding-bottom:15px}.login .button-container{width:100%;justify-content:space-evenly}.login .button-container button{font-size:14px;width:220px;color:#064ba0;padding:7px 5px 10px}}@media screen and (max-width:480px){.login .login-expression{font-size:14px;color:#064ba0;padding-bottom:15px}.login .button-container button{font-size:13px;width:200px;color:#064ba0;padding:7px 5px 9px;margin:0 3px 5px}}.archived-message-list .message-list-mode{position:relative;overflow:hidden}.archived-message-list .message-list-mode .archived-message-list-header{padding-left:35px;background-color:#064ba0;position:relative}.archived-message-list .message-list-mode .menu-button{color:#fff;font-size:30px;text-align:center;position:absolute;top:11px;left:7px;width:40px}.archived-message-list .message-list-mode .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.archived-message-list .message-list-mode .menu-button .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:15px;top:4px;border-radius:5px;z-index:10;color:#000}.archived-message-list .message-list-mode .menu-button .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.archived-message-list .message-list-mode .menu-button .each-feature{border-radius:3px;cursor:pointer}.archived-message-list .message-list-mode .menu-button .each-feature:hover{background-color:#bdc3c9}.archived-message-list .message-list-mode .menu-button .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.archived-message-list .message-list-mode .toggle-row{height:50px;padding-top:7px;background-color:#064ba0}.archived-message-list .message-list-mode .exam-list-toggle-box{height:35px;justify-content:space-around;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#c8d7ea;font-size:16px}.archived-message-list .message-list-mode .toggle-switch-part{position:absolute;width:50%;bottom:-10px;height:7px;transition:.7s ease-in-out}.archived-message-list .message-list-mode .toggle-switch-part>div{background-color:#fff;width:75%;margin:0 auto;height:5px;border-radius:22px;box-shadow:0 3px 5px -2px #717171}.archived-message-list .message-list-mode .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.archived-message-list .message-list-mode .toggle-items-title.selected-tab{color:#fff}.archived-message-list .message-list-mode .each-message{padding:2px 7px 0;border-bottom:1px solid #bfbfbf;position:relative;cursor:pointer;transition:.4s ease-out}.archived-message-list .message-list-mode .each-message.background-gray{background-color:#f3f3f3}.archived-message-list .message-list-mode .each-message:hover{background-color:#d2d2d2}.archived-message-list .message-list-mode .message-subject{font-size:15px;width:calc(100% - 130px)}.archived-message-list .message-list-mode .message-subject i{font-size:18px;position:relative;top:3px}.archived-message-list .message-list-mode .message-date{width:130px;font-size:12px;color:gray;padding-right:7px;position:relative;top:1px;direction:ltr;text-align:left}.archived-message-list .message-list-mode .school-title{font-size:12px;color:gray;white-space:nowrap}.archived-message-list .message-list-mode .message-body{height:43px;padding-right:10px;padding-top:15px;font-size:13px;color:#4f4f4f;overflow:hidden;line-height:2.3;width:calc(100% - 75px)}.archived-message-list .message-list-mode .with-sms{position:absolute;left:7px;bottom:0;color:#c71616}.archived-message-list .message-list-mode .empty-list-expression{padding:35px 0;text-align:center;font-size:16px}.archived-message-list .message-list-mode .received-message-tab{scroll-behavior:smooth;width:100%;overflow:auto}.archived-message-list .message-list-mode .received-message-tab .received-message-sender{font-size:14px}.archived-message-list .message-list-mode .received-message-tab .received-message-sender i{font-size:18px;position:relative;top:3px}@media screen and (max-width:768px){.archived-message-list .message-list-mode .menu-button{top:9px;left:7px}.archived-message-list .message-list-mode .toggle-row{height:40px}.archived-message-list .message-list-mode .exam-list-toggle-box{height:30px;border-radius:15px;font-size:14px}.archived-message-list .message-list-mode .toggle-items-title{font-size:15px;padding-top:5px}.archived-message-list .message-list-mode .toggle-switch-part{bottom:-5px}.archived-message-list .message-list-mode .toggle-switch-part>div{width:95%;height:4px;box-shadow:0 2px 4px -1px #afafaf}.archived-message-list .message-list-mode .message-subject{font-size:14px;width:calc(100% - 115px)}.archived-message-list .message-list-mode .message-subject i{font-size:16px;top:2px}.archived-message-list .message-list-mode .message-date{font-size:11px;width:115px;padding-right:5px;padding-top:4px}.archived-message-list .message-list-mode .school-title{font-size:12px}.archived-message-list .message-list-mode .message-body{height:41px;padding-right:0;font-size:12px;width:calc(100% - 50px)}.archived-message-list .message-list-mode .received-message-tab .received-message-sender{font-size:13px}.archived-message-list .message-list-mode .received-message-tab .received-message-sender i{font-size:16px;position:relative;top:2px}}@media screen and (max-width:480px){.archived-message-list .message-list-mode .each-message{padding:2px 7px 0 0}.archived-message-list .message-list-mode .toggle-row{padding-top:0;height:29px}.archived-message-list .message-list-mode .exam-list-toggle-box{height:28px;width:95%}.archived-message-list .message-list-mode .toggle-items-title{font-size:12px;padding-top:4px}.archived-message-list .message-list-mode .toggle-switch-part{bottom:-3px}.archived-message-list .message-list-mode .toggle-switch-part>div{width:95%;height:3px;box-shadow:0 2px 2px -1px #000}.archived-message-list .message-list-mode .menu-button{font-size:26px;top:8px;left:7px;width:31px}.archived-message-list .message-list-mode .menu-button .out-header-menu-container{left:4px;top:3px}.archived-message-list .message-list-mode .message-body{height:39px;padding-right:3px;font-size:11px;width:calc(100% - 30px)}.archived-message-list .message-list-mode .message-subject{font-size:13px;width:calc(100% - 70px)}.archived-message-list .message-list-mode .message-date{font-size:10px;width:70px;padding-top:4px;text-align:center;direction:rtl}.archived-message-list .message-list-mode .school-title{font-size:11px}.archived-message-list .message-list-mode .received-message-tab .received-message-sender{font-size:12px}.archived-message-list .message-list-mode .received-message-tab .received-message-sender i{font-size:14px;top:2px}}.new-template-message{border:1px solid gray;border-width:0 1px;min-height:100%}.new-template-message .template-selection-mode .new-template-message-header{padding-left:35px;background-color:#064ba0}.new-template-message .template-selection-mode .receiver-type-box{padding:7px;font-size:14px}.new-template-message .template-selection-mode .receiver-type-box-title{color:#064ba0;padding-right:5px}.new-template-message .template-selection-mode .receiver-type-box-title i{font-size:18px;position:relative;top:3px}.new-template-message .template-selection-mode .radio-button-container{justify-content:space-evenly;font-size:14px}.new-template-message .template-selection-mode .each-radio-button{padding:5px 20px 5px 3px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:180px;text-align:center;position:relative;cursor:pointer}.new-template-message .template-selection-mode .each-radio-button.selected{background-color:#d2eaf3}.new-template-message .template-selection-mode .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:7px}.new-template-message .template-selection-mode .tag-container{flex-wrap:wrap;padding:3px}.new-template-message .template-selection-mode .tag-container>div{border-radius:25px;color:gray;border:2px solid gray;margin:2px 3px;padding:3px 7px;min-width:60px;text-align:center}.new-template-message .template-selection-mode .tag-container>div.selected{color:#007eff;border:2px solid #007eff;background-color:#f0f8ff}.new-template-message .template-selection-mode .template-list .each-template{border-bottom:1px solid #bfbfbf;border-top:1px solid #bfbfbf;padding:5px 7px}.new-template-message .template-selection-mode .template-list .each-template.background-gray{background-color:#f3f3f3}.new-template-message .template-selection-mode .template-list .message-subject{font-size:15px;color:#064ba0}.new-template-message .template-selection-mode .template-list .message-subject i{font-size:18px;position:relative;top:3px}.new-template-message .template-selection-mode .template-list .message-body{padding:7px 2px}.new-template-message .template-selection-mode .template-list .message-body .message-body-title{font-size:13px;color:#646464}.new-template-message .template-selection-mode .template-list .message-body .fa-caret-left{font-size:15px;position:relative;top:2px}.new-template-message .template-selection-mode .template-list .publish-message{font-size:13px;padding:3px 7px 7px;text-align:justify}.new-template-message .template-selection-mode .template-list .select-template-btn{padding-bottom:3px;text-align:center}.new-template-message .template-selection-mode .template-list .select-template-btn button{font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}.new-template-message .template-selection-mode .template-list .message-property{text-decoration:underline;color:#8a0000}.new-template-message .template-selection-mode .template-list .message-variable{text-decoration:underline;color:#8a0000}.new-template-message .template-selection-mode .guide-box{padding:7px 12px 2px;font-size:14px;text-align:justify}.new-template-message .template-selection-mode .guide-box .each-guide{padding:2px 0}.new-template-message .template-selection-mode .guide-box .fa-circle{font-size:8px}.new-template-message .filling-variables-mode .new-template-message-header{padding-left:35px;background-color:#064ba0}.new-template-message .filling-variables-mode .sanod-message{margin:10px;border:2px solid #064ba0;border-radius:7px;background-color:#fff3db}.new-template-message .filling-variables-mode .sms-message{margin:10px;border:2px solid #064ba0;border-radius:7px;background-color:#fff3e6}.new-template-message .filling-variables-mode .message-preview{padding:10px 7px 5px}.new-template-message .filling-variables-mode .message-preview-title{padding:2px 0;font-size:14px;color:#494949}.new-template-message .filling-variables-mode .message-preview-title .fa-caret-left{font-size:18px;position:relative;top:4px}.new-template-message .filling-variables-mode .publish-message{font-size:13px;text-align:justify}.new-template-message .filling-variables-mode .next-state-btn{padding:10px;text-align:center}.new-template-message .filling-variables-mode .next-state-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:3px 2px 3px 1px;border-color:#f5962e;background-color:#ffa639;min-width:90px}.new-template-message .filling-variables-mode .send-sms-radio-button{justify-content:space-evenly;font-size:14px;padding-bottom:3px}.new-template-message .filling-variables-mode .send-sms-radio-button .each-radio-button{padding:5px 20px 5px 3px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:180px;text-align:center;position:relative;cursor:pointer}.new-template-message .filling-variables-mode .send-sms-radio-button .each-radio-button.selected{background-color:#d2eaf3}.new-template-message .filling-variables-mode .send-sms-radio-button .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:7px}.new-template-message .filling-variables-mode .guide-box{padding:7px 12px 2px;font-size:14px;text-align:justify}.new-template-message .filling-variables-mode .send-sms-question{padding:5px 12px 3px;font-size:14px;color:#064ba0}.new-template-message .filling-variables-mode .send-sms-question .fa-caret-left{font-size:18px;position:relative;top:2px}.new-template-message .filling-variables-mode .sms-receiver-type{font-size:14px;text-align:justify;padding:7px 7px 5px}.new-template-message .filling-variables-mode .sms-receiver-type .each-radio-button{padding:5px}.new-template-message .filling-variables-mode .sms-receiver-type i{font-size:16px;position:relative;top:2px}.new-template-message .filling-variables-mode .message-property{color:#064ba0}.new-template-message .filling-variables-mode .message-variable{text-decoration:underline;color:#df1111;padding:0 5px;cursor:pointer}.new-template-message .filling-variables-mode .without-sms-expression{padding:7px;font-size:14px;text-align:justify}.new-template-message .receiver-selection-mode .message-preview{padding:10px}.new-template-message .receiver-selection-mode fieldset{border:2px solid #064ba0;border-radius:5px;padding:5px;font-size:13px;line-height:1.8}.new-template-message .receiver-selection-mode fieldset legend{width:fit-content;margin:0 20px 5px 0;font-size:15px;color:#064ba0;border:0;padding:2px 7px}.new-template-message .receiver-selection-mode .receiver-selection-expression{font-size:14px;color:#064ba0;padding:12px 15px 0}.new-template-message .receiver-selection-mode .send-message-btn{padding:10px 0 20px;margin:0 4px;border-top:2px solid gray;background-color:#fff;text-align:center;position:sticky;bottom:0}.new-template-message .receiver-selection-mode .send-message-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:3px 2px 3px 1px;border-color:#f5962e;background-color:#ffa639;min-width:90px}.new-template-message .receiver-selection-mode .receiver-selection-expression .fa-caret-left{font-size:18px;position:relative;top:2px}.new-template-message .receiver-selection-mode .student-list-container{padding:7px 12px}@media screen and (max-width:768px){.new-template-message .template-selection-mode .search-box{width:70%}.new-template-message .template-selection-mode .guide-box{font-size:12px;padding:5px 7px 2px}.new-template-message .filling-variables-mode .sanod-message{margin:7px}.new-template-message .filling-variables-mode .sms-message{margin:7px}.new-template-message .filling-variables-mode .sms-receiver-type{font-size:13px;padding:4px 12px}.new-template-message .filling-variables-mode .sms-receiver-type i{font-size:14px;position:relative;top:2px}}@media screen and (max-width:480px){.new-template-message .template-selection-mode .template-list .publish-message{font-size:11px;padding:3px 5px 7px;text-align:justify}.new-template-message .template-selection-mode .template-list .message-subject{font-size:13px;color:#064ba0}.new-template-message .template-selection-mode .template-list .message-body{padding:7px 2px 0}.new-template-message .template-selection-mode .template-list .message-body .message-body-title{font-size:12px}.new-template-message .template-selection-mode .template-list .select-template-btn button{font-size:12px;width:80px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}.new-template-message .template-selection-mode .tag-container{padding:0 3px;justify-content:space-evenly}.new-template-message .template-selection-mode .tag-container>div{border-radius:25px;margin:2px 3px;padding:2px 6px;min-width:55px}.new-template-message .template-selection-mode .receiver-type-box{padding:7px 3px}.new-template-message .template-selection-mode .radio-button-container{font-size:12px}.new-template-message .template-selection-mode .each-radio-button{padding:5px 17px 5px 3px;margin:3px;width:145px}.new-template-message .template-selection-mode .each-radio-button i{font-size:14px;right:3px;top:6px}.new-template-message .template-selection-mode .guide-box{font-size:11px}.new-template-message .template-selection-mode .guide-box .fa-circle{font-size:7px}.new-template-message .filling-variables-mode .without-sms-expression{font-size:12px}.new-template-message .filling-variables-mode .guide-box{font-size:12px;padding:7px 10px 4px}.new-template-message .filling-variables-mode .message-preview{padding:2px 7px 5px}.new-template-message .filling-variables-mode .send-sms-radio-button .each-radio-button{padding:3px 5px 6px;margin:3px 15px;width:120px}.new-template-message .filling-variables-mode .send-sms-radio-button .each-radio-button i{font-size:16px;right:5px;top:6px}.new-template-message .filling-variables-mode .send-sms-question{padding:5px 15px;font-size:13px;color:#064ba0}.new-template-message .filling-variables-mode .sms-receiver-type .each-radio-button{padding:5px 0}.new-template-message .filling-variables-mode .sms-receiver-type{font-size:12px;padding:4px 10px}.new-template-message .filling-variables-mode .message-preview-title{font-size:13px}.new-template-message .filling-variables-mode .publish-message{font-size:11px}.new-template-message .receiver-selection-mode .message-preview{padding:3px 5px 5px}.new-template-message .receiver-selection-mode fieldset{font-size:12px;line-height:1.5}.new-template-message .receiver-selection-mode fieldset legend{width:fit-content;margin:0 10px 5px 0;font-size:13px;color:#064ba0;border:0;padding:2px 7px}.new-template-message .receiver-selection-mode .receiver-selection-expression{font-size:13px;color:#064ba0;padding:7px 10px 0}.new-template-message .receiver-selection-mode .student-list-container{padding:5px 7px}}.write-message{border:1px solid gray;border-width:0 1px;min-height:100%}.write-message .write-message-mode .video-uploader-container button{border-radius:13px;color:#033c81;padding:3px 5px;margin:3px 3px 1px;box-shadow:0 1px 5px -1px #656565}.write-message .write-message-mode .video-container{border:5px solid #064ba0;margin:7px 3px 0;border-radius:50px;overflow:hidden}.write-message .write-message-mode .file-uploader-container{overflow:hidden;border-radius:7px;margin-top:15px;border:1px solid #064ba0}.write-message .write-message-mode .message-receiver-fieldset{margin-top:30px}.write-message .write-message-mode .fields-container input[type=text],.write-message .write-message-mode textarea{margin:10px auto 0;padding:5px;width:100%;border:1px solid #a5a5a5;display:block;border-radius:5px}.write-message .write-message-mode .template-message-each-option{margin:8px 0 0}.write-message .write-message-mode .message-datepicker,.write-message .write-message-mode .message-timepicker{margin-right:3px}.write-message .write-message-mode textarea{min-height:200px;resize:none;margin-bottom:0}.write-message .write-message-mode textarea::-webkit-scrollbar{display:none}.write-message .write-message-mode .sms-parent{margin-bottom:10px;margin-top:10px}.write-message .write-message-mode .sms-parent i{font-size:20px;color:#5a5a5a;margin-left:5px}.write-message .write-message-mode .sms-parent .fa-check-square{color:#0061d3}.write-message .write-message-mode input[type=checkbox]{float:right;margin:2px 0 2px 5px;width:15px;height:15px}.write-message .write-message-mode .survey-container .guide-box{padding:12px 2px 2px 2px}.write-message .write-message-mode .survey-container .each-guide{padding:2px 5px;font-size:13px}.write-message .write-message-mode .survey-container .fa-circle{color:#b42528;font-size:8px}.write-message .write-message-mode .survey-container .each-survey-part{color:#064ba0;font-size:15px}.write-message .write-message-mode .survey-container .each-survey-part i{font-size:18px;position:relative;top:3px}.write-message .write-message-mode .survey-container .survey-question-box{padding:7px 0;margin:17px 0 7px;border:2px solid #064ba0;border-width:2px 0}.write-message .write-message-mode .survey-container .survey-question-box legend{padding:0 10px;border:0;font-size:16px;width:fit-content;color:#064ba0;margin:0 15px 0 0}.write-message .write-message-mode .survey-container .add-question-button{width:60%;height:34px;overflow:hidden;border-radius:5px;padding:4px;border:2px solid #eb7b3c;background-color:#ffc47d;font-size:15px;color:#033c81}.write-message .write-message-mode .survey-container .add-question-button i{position:relative;top:2px}.write-message .write-message-mode .survey-container .each-survey-question{padding:7px;border-bottom:2px solid #797878;transition:.4s}.write-message .write-message-mode .survey-container .each-survey-question.background-gray{background-color:#f3f3f3}.write-message .write-message-mode .survey-container .each-survey-question:hover{background-color:#d7d7d7}.write-message .write-message-mode .survey-container .each-survey-question .question-text{font-size:14px;padding:0 0 3px 20px}.write-message .write-message-mode .survey-container .each-survey-question .question-features{width:20px;padding-top:4px;position:absolute;left:0;top:-5px}.write-message .write-message-mode .survey-container .each-survey-question .question-features-btn{width:100%;text-align:center;font-size:19px;cursor:pointer}.write-message .write-message-mode .survey-container .each-survey-question .features-menu{position:absolute;left:0;top:3px;width:0;opacity:0;transition:.3s linear;box-shadow:1px 1px 2px #d3d3d3;border:1px solid #c7c7c7;z-index:20;background-color:#f9f9f9;border-radius:5px;overflow:hidden}.write-message .write-message-mode .survey-container .each-survey-question .features-menu>div{width:150px}.write-message .write-message-mode .survey-container .each-survey-question .features-menu.open-menu{width:150px;opacity:1}.write-message .write-message-mode .survey-container .each-survey-question .features-menu hr{margin:0;border:0;border-top:1px solid #c7c7c7}.write-message .write-message-mode .survey-container .each-survey-question .each-feature{padding:3px 23px 2px 2px;position:relative;transition:.4s;cursor:pointer}.write-message .write-message-mode .survey-container .each-survey-question .each-feature:hover{background-color:#e4e4e4}.write-message .write-message-mode .survey-container .each-survey-question .each-feature .fa-edit{font-size:17px;position:absolute;right:2px;bottom:2px;color:#c37e00}.write-message .write-message-mode .survey-container .each-survey-question .each-feature .fa-trash{font-size:17px;position:absolute;right:5px;bottom:3px;color:#b60000}.write-message .write-message-mode .survey-container .question-border-bottom{margin:0 0 7px;border-top:1px solid silver}.write-message .write-message-mode .survey-container .each-survey-option{font-size:13px;padding-right:3px}.write-message .write-message-mode .survey-container .each-survey-option .option-title{line-height:1.7}.write-message .write-message-mode .survey-container .each-survey-option .option-number{display:inline-block;width:18px;font-weight:700}.write-message .write-message-mode .survey-container .date-picker-container{padding-right:7px;padding-bottom:2px}.write-message .write-message-mode .survey-container .survey-date-picker{direction:ltr;width:200px;margin-top:2px;justify-content:center}.write-message .write-message-mode .survey-container .select-survey-duration{padding:5px 10px 7px}.write-message .write-message-mode .survey-container .edit-survey-duration{padding-right:10px}.write-message .write-message-mode .survey-container .edit-survey-duration button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:1px}.write-message .write-message-mode .survey-container .select-survey-mode-box{font-size:13px;padding:0 10px}.write-message .write-message-mode .survey-container .select-survey-mode-box .each-mode{padding-top:3px}.write-message .write-message-mode .survey-container .select-survey-mode-box .each-mode i{font-size:15px;position:relative;top:2px}.write-message .write-message-mode .tab-body{width:100%;position:relative;margin:0 auto 0;padding:0 10px 10px}.write-message .write-message-mode .tab-body select{color:#000}.write-message .write-message-mode .write-message-footer{position:sticky;bottom:0;z-index:10;background-color:#fff;padding:10px 7px 15px;margin:5px 10px 0;border-top:1px solid #989898;text-align:center}.write-message .write-message-mode .write-message-footer button{font-size:15px;border-radius:4px;color:#064ba0;padding:3px 5px;min-width:150px;border-color:#f5962e;background-color:#ffa639}.write-message .select-receiver-mode .receiver-type-box{color:#064ba0;font-size:15px;text-align:center;padding-top:15px}.write-message .select-receiver-mode .receiver-type-box .receiver-type-list{color:#000;padding:15px 10px 7px;justify-content:center}.write-message .select-receiver-mode .receiver-type-box .each-type{font-size:14px;text-align:center;width:40%}.write-message .select-receiver-mode .receiver-type-box .each-type i{font-size:17px;position:relative;top:2px}.write-message .select-receiver-mode .footer-button{position:sticky;bottom:0;z-index:10;background-color:#fff;padding:10px 7px 15px;margin:5px 10px 0;border-top:1px solid #989898;text-align:center}.write-message .select-receiver-mode .footer-button button{font-size:15px;border-radius:4px;color:#064ba0;padding:3px 5px;min-width:150px;border-color:#f5962e;background-color:#ffa639}.write-message .select-receiver-mode .message-receiver-list{padding:10px}@media screen and (max-width:768px){.write-message .write-message-mode .video-container{border:4px solid #064ba0;border-radius:25px}.write-message .write-message-mode .each-survay-option{width:98%}.write-message .write-message-mode .add-survey-btn{height:22px;width:22px;font-size:14px;line-height:26px}.write-message .write-message-mode .sms{margin:10px auto;display:block}.write-message .write-message-mode .sms-description{font-size:12px}.write-message .write-message-mode select{width:163px;font-size:12px}.write-message .write-message-mode .tab-body{padding:0 5px 5px}.write-message .write-message-mode .survey-container .add-question-button{width:80%;font-size:14px}.write-message .write-message-mode .write-message-footer{padding:10px 7px 15px;margin:5px 5px 0}.write-message .write-message-mode .write-message-footer button{font-size:14px;min-width:100px}}@media screen and (max-width:480px){.write-message .write-message-mode .video-container{border:3px solid #064ba0;border-radius:20px;margin:5px 3px 0}.write-message .write-message-mode .video-uploader-container button{padding:2px 4px;font-size:10px}.write-message .write-message-mode select{width:100%;font-size:11px;height:26px}.write-message .write-message-mode textarea{min-height:100px}.write-message .write-message-mode .survey-container .each-guide{padding:2px 3px;font-size:11px;text-align:justify}.write-message .write-message-mode .survey-container .each-survay-option{width:100%;padding:2px 5px}.write-message .write-message-mode .survey-container .add-survey-option{width:100%;min-width:unset}.write-message .write-message-mode .survey-container .each-survey-option{font-size:12px}.write-message .write-message-mode .survey-container .each-survey-question{padding:3px}.write-message .write-message-mode .survey-container .each-survey-question .question-text{font-size:13px}.write-message .write-message-mode .survey-container .each-survey-question .question-features{top:-3px}.write-message .write-message-mode .survey-container .add-question-button{width:90%;font-size:14px}.write-message .write-message-mode .survey-container .each-survey-part{font-size:13px}.write-message .write-message-mode .survey-container .date-picker-container{margin-right:12px;margin-top:9px}.write-message .write-message-mode .survey-container .select-survey-mode-box{font-size:11px;padding:0 5px;text-align:justify}.write-message .write-message-mode .survey-container .select-survey-mode-box .each-mode i{font-size:13px}.write-message .write-message-mode .survey-container .select-survey-duration{padding:5px 5px 7px}.write-message .write-message-mode .survey-container .survey-date-picker{width:170px}.write-message .write-message-mode .survey-container .edit-survey-duration button{font-size:11px;padding:2px 5px 1px 5px;margin:2px 3px 1px;bottom:2px}.write-message .write-message-mode .sms{margin:5px auto;width:290px}.write-message .write-message-mode .sms-description{font-size:11px}.write-message .write-message-mode .add-survey-btn{height:21px;font-size:13px;line-height:25px}.write-message .select-receiver-mode .receiver-type-box .each-type{font-size:12px;text-align:center;width:50%}}.ticket-content .ticket-content-header{overflow:hidden}.ticket-content .ticket-conversation-container{padding:7px 15px}.ticket-content .detail-for-admin{padding:5px;font-size:14px;background-color:#e9e9e9}.ticket-content .deleted-message-filter{padding-top:5px}.ticket-content .deleted-message-filter i{font-size:17px;position:relative;top:3px}.ticket-content .conversation-content.admin-content{justify-content:flex-end}.ticket-content .conversation-bubble{text-align:right;background-color:#cddeef;border-radius:10px;max-width:60%;min-width:45%;margin:10px 0;display:block;box-shadow:1px 3px 6px -1px #888}.ticket-content .conversation-bubble .img-container{width:100%;height:250px;justify-content:center;padding:7px}.ticket-content .conversation-bubble .img-container img{max-width:100%;max-height:100%}.ticket-content .admin-content .conversation-bubble{background:#e8e8e8}.ticket-content .conversation-text{padding:10px;text-align:justify}.ticket-content .conversation-text a,.ticket-content .conversation-text a:visited{text-decoration:underline;color:#0734ff;font-size:13px}.ticket-content .conversation-date{width:100%;font-size:10px;color:gray;padding:0 5px}.ticket-content .delete-message-btn{position:absolute;bottom:0;left:0;padding:2px 0 0 2px;width:20px;font-size:17px;cursor:pointer}.ticket-content .warning-box{font-size:13px;padding-bottom:7px}.ticket-content .warning-box .warning-title{font-size:15px}.ticket-content .conversation-new-text{width:100%;height:130px;padding:2px}.ticket-content .ticket-content-footer{width:100%;height:50px;justify-content:space-evenly;margin-top:20px}.ticket-content .ticket-is-closed-footer{height:42px;background-color:#c80000;font-size:20px;text-align:center;padding-top:6px}.ticket-content .registration-loading{position:absolute;display:flex;justify-content:center;align-items:center;top:0;width:25px;height:22px;font-size:20px}.ticket-content .add-file button{font-size:13px;width:130px;border-radius:4px;padding:3px;background-color:#cae7ff;border:2px solid #319ec5;color:#1289b4}.ticket-content .add-file button .fa-plus{position:relative;top:2px}.ticket-content .send-button{font-size:14px;width:200px;border-radius:4px;color:#064ba0;padding:3px;border-color:#f5962e;background-color:#ffa639}.ticket-content .close-ticket-button{font-size:14px;width:200px;border-radius:4px;color:#064ba0;padding:3px;border-color:#ff6161;background-color:#ff9090}.ticket-content .hr-type1{margin:10px 7px 0;border-top:1px solid #838383}@media screen and (max-width:768px){.ticket-content .ticket-conversation-container{padding:7px}.ticket-content .conversation-bubble{max-width:80%;margin:7px 0}.ticket-content .warning-box{font-size:12px}.ticket-content .add-file button{font-size:12px;width:120px;padding:3px 3px 2px;margin-right:2px}.ticket-content .send-button{width:180px}.ticket-content .close-ticket-button{width:180px}.ticket-content .conversation-bubble .img-container{height:200px;padding:5px}}@media screen and (max-width:480px){.ticket-content .conversation-bubble{max-width:90%;min-width:52%;border-radius:7px}.ticket-content .ticket-is-closed-footer{width:100%;border-radius:0}.ticket-content .warning-box{font-size:11px}.ticket-content .warning-box .warning-title{font-size:13px}.ticket-content .conversation-text{padding:7px;font-size:11px}.ticket-content .conversation-date{font-size:9px}.ticket-content .detail-for-admin{padding:5px;font-size:12px;line-height:1.7;background-color:#e9e9e9}.ticket-content .deleted-message-filter i{font-size:15px;position:relative;top:2px}.ticket-content .send-button{width:140px}.ticket-content .close-ticket-button{width:140px}}.ticket-list{border:1px solid gray;border-width:0 1px}.ticket-list .ticket-list-header{box-shadow:0 4px 7px -1px #bfbfbf;position:relative}.ticket-list .ticket-list-container{padding:7px}.ticket-list .guide-box{padding:5px 5px 0;font-size:13px}.ticket-list .guide-box .each-guide{padding-bottom:5px;line-height:1.7}.ticket-list .button-row{padding:7px;border-bottom:1px solid #bfbfbf;justify-content:space-evenly}.ticket-list .button-row .new-ticket-btn{border-radius:5px;padding:2px 10px;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;box-shadow:1px 2px 3px 0 #cfcccc;width:190px;font-size:14px}.ticket-list .button-row .goto-faq{border-radius:5px;padding:2px 10px;background-color:#cae7ff;border:2px solid #319ec5;color:#1289b4;box-shadow:1px 2px 3px 0 #cfcccc;width:190px;font-size:14px}.ticket-list .each-ticket-row{padding:2px 7px 0;border-bottom:1px solid #bfbfbf;position:relative}.ticket-list .each-ticket-row.background-gray{background-color:#f3f3f3}.ticket-list .each-ticket-row .top-row{padding:3px 3px 3px 100px;position:relative}.ticket-list .each-ticket-row .top-row .ticket-subject{font-size:15px}.ticket-list .each-ticket-row .top-row .ticket-subject .fa-caret-left{font-size:20px;position:relative;top:4px}.ticket-list .each-ticket-row .top-row .ticket-status{position:absolute;top:3px;left:5px;white-space:nowrap;width:100px;text-align:left;color:gray}.ticket-list .each-ticket-row .top-row .ticket-status.closed-ticket{color:#0259d7}.ticket-list .each-ticket-row .top-row .ticket-status.unseen-ticket{color:#b42528}.ticket-list .each-ticket-row .top-row .ticket-status.unseen-ticket i{font-size:8px}.ticket-list .ticket-date{padding:2px 15px;font-size:14px}.ticket-list .ticket-date .fa-calendar{font-size:14px}.ticket-list .each-ticket-row .bottom-row{padding:3px 15px 3px 90px;font-size:14px;position:relative}.ticket-list .each-ticket-row .bottom-row .ticket-detail-btn{position:absolute;bottom:5px;left:0;white-space:nowrap}.ticket-list .each-ticket-row .bottom-row .ticket-detail-btn .fa-hashtag{transform:scaleY(1.2)}.ticket-list .each-ticket-row .bottom-row .ticket-detail-btn button{font-size:13px;width:75px;border-radius:4px;color:#064ba0;padding:1px 3px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:768px){.ticket-list .guide-box{padding:5px 5px 0;font-size:11px}.ticket-list .button-row .goto-faq{padding:3px 10px;width:150px;font-size:13px}.ticket-list .button-row .new-ticket-btn{padding:3px 10px;width:150px;font-size:13px}.ticket-list .each-ticket-row{padding:2px 5px 0}.ticket-list .each-ticket-row .top-row{padding:1px 2px 3px 80px}.ticket-list .each-ticket-row .top-row .ticket-subject{font-size:14px}.ticket-list .each-ticket-row .top-row .ticket-subject .fa-caret-left{font-size:18px;top:3px}.ticket-list .each-ticket-row .top-row .ticket-status{top:5px;left:5px;width:80px;font-size:11px}.ticket-list .ticket-date{padding:2px 12px;font-size:13px}.ticket-list .each-ticket-row .bottom-row{padding:3px 12px 3px 75px;font-size:13px}.ticket-list .each-ticket-row .bottom-row .ticket-detail-btn{bottom:6px;left:2px}.ticket-list .each-ticket-row .bottom-row .ticket-detail-btn button{font-size:12px;width:65px;border-radius:4px;color:#064ba0;padding:1px 3px 1px;border-color:#f5962e;background-color:#ffa639}}@media screen and (max-width:480px){.ticket-list .each-ticket-row{padding:2px 5px 5px}.ticket-list .button-row .goto-faq{padding:3px 7px;width:130px;font-size:12px}.ticket-list .button-row .new-ticket-btn{padding:3px 7px;width:130px;font-size:12px}.ticket-list .each-ticket-row .top-row .ticket-subject{font-size:13px}.ticket-list .each-ticket-row .top-row .ticket-status{top:5px;left:5px;width:80px;font-size:10px}.ticket-list .ticket-date{padding:2px 10px;font-size:12px}.ticket-list .each-ticket-row .bottom-row{padding:3px 12px 3px 75px;font-size:12px}.ticket-list .each-ticket-row .bottom-row .ticket-detail-btn{position:absolute;bottom:2px;left:2px;white-space:nowrap}}.modal-container-wordle-game .flex-display,.wordle .flex-display,.wordle.flex-display{display:flex;align-items:center}.wordle .justify-center,.wordle.justify-center{justify-content:center}#wordle-game{height:calc(100% - 90px);background:#e7ffef;background:linear-gradient(185deg,#e7ffef 0,#e6f1ff 50%,#f6f3ff 100%)}.wordle,.wordle *{outline:0}.wordle .game-container{position:relative;font-size:24px;height:100%}.wordle .header-puzzle{height:calc(100% - 220px)}.wordle .header-options{width:580px;justify-content:space-between;margin:5px auto 0;height:40px;border-bottom:1px solid #d3d3d3;padding:0 10px}.wordle .how-play{cursor:pointer;font-size:32px;color:#004fc5}.wordle .guide-text{font-size:19px;padding:5px 0 5px;background:linear-gradient(to right,#044698 10%,#0b096a 50%,#8f0000 60%);background-size:auto;background-clip:border-box;background-size:200% auto;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;justify-content:center}.wordle .guide-text i{font-size:17px;color:#003fb3;margin:0 3px}.wordle .coins{font-size:15px;color:#a74d00;font-weight:700;align-items:flex-end}.wordle .total-coin{background:url(../images/personnelModules.png) no-repeat;background-position:-253px -54px;background-size:880px 551px;display:inline-block;width:27px;height:32px;margin-right:3px}.wordle .puzzle-container{min-height:calc(100% - 246px);flex-direction:column;justify-content:center}.wordle .puzzle{flex-direction:column;justify-content:center}.wordle .puzzle-row{position:relative;padding:0 32px}.wordle .coin-count{position:absolute;font-size:14px;opacity:.4;right:0;background:url(../images/personnelModules.png) no-repeat;background-position:-184px -57px;background-size:838px 574px;width:30px;height:30px;text-align:center;line-height:30px;color:#780000}.wordle .current-row-coins{opacity:1;animation:flipping-coin 8s infinite linear}.wordle .letter{width:50px;height:50px;border-radius:5px;border:2px solid #696969;margin:2px 1px;text-align:center;line-height:50px;background:#fff}.wordle .word-Max4letter{width:52px;height:52px;line-height:52px}.wordle .word-Max6letter{width:51px;height:51px;line-height:51px}.modal-container-wordle-game .letter{width:30px;height:30px;border-radius:5px;border:2px solid #696969;margin:3px 1px;text-align:center;line-height:30px}.wordle .letter-inserted{animation:letter-inserted-animate .1s linear 1;border:2px solid #004ba9;color:#004ba9}.wordle .guide-letter{color:#37c94b;opacity:.4}.wordle .letter-flip{animation:FlipIn ease-in .3s}.wordle .vibrate-row{animation:word-not-valid .1s 3 ease-in}@keyframes flipping-coin{0%{transform:rotateY(0)}50%{transform:rotateY(360deg)}100%{transform:rotateY(0)}}@keyframes letter-inserted-animate{0%{transform:scale(1);font-size:24px}50%{transform:scale(1.1);font-size:25px}100%{transform:scale(1);font-size:24px}}@keyframes FlipIn{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0)}}@keyframes key-rotation{0%,100%,3.5%{transform:rotateZ(0)}0.5%,1.5%,2.5%{transform:rotateZ(10deg)}1%,2%,3%{transform:rotateZ(-10deg)}}@keyframes word-not-valid{0%{transform:translateX(0)}33%{transform:translateX(3px)}67%{transform:translateX(-3px)}100%{transform:translateX(0)}}.wordle .guide-options-box{position:absolute;top:0;left:0;width:0;height:0;font-size:18px;background:0 0;border-radius:5px;box-shadow:0 0 3px 1px #6c6c6c;z-index:2;transition:all .3s cubic-bezier(.55,0,.55,.2)}.wordle .guide-options-is-visible{width:100%;height:98%;background:#efefef;box-shadow:0 0 3px 1px #6c6c6c}.wordle .guide-options-box .guide-options-container{transform:scale(0);transition:all .1s cubic-bezier(.55,0,.55,.2);opacity:0;font-size:16px;justify-content:space-around;position:absolute;top:0;left:0;width:0;height:0}.wordle .guide-options-is-visible .guide-options-container{transform:scale(1);opacity:1;transition:all .7s cubic-bezier(.55,0,.55,.2);width:100%;height:100%}.wordle .close-box{font-size:16px;position:absolute;top:-15px;right:-15px;color:#dbdbdb;cursor:pointer}.wordle .close-box .fa-close{z-index:2;color:#930000;font-size:19px}.wordle .guide-option{padding:10px 7px;width:30%;cursor:pointer;text-align:center;border-radius:8px;border:2px solid #ff953d;margin:8px 5px;height:62%;background:#ffe8d4;color:#b55400;flex-direction:column;justify-content:space-around;box-shadow:1px 2px 4px 0 #545454}.wordle .guide-option i{font-size:10px}.wordle .guide-coin-count{font-size:15px;background:url(../images/personnelModules.png) no-repeat;background-position:-259px -75px;background-size:1178px 759px;width:40px;height:40px;text-align:center;line-height:39px;color:#780000;margin:12px auto;animation:key-rotation 20s linear infinite}.wordle .buy-btn{cursor:pointer;color:#004e23;position:relative;justify-content:center}.wordle .buy-btn i{font-size:28px}.wordle .buy-btn .buy-guide-loading{position:absolute;color:#000;font-size:16px}.wordle .disable-guide{color:#ababab;cursor:default;border:2px solid #ffcfa7;background:#fff5ec;box-shadow:1px 2px 4px 0 #cfcfcf}.wordle .disable-guide .guide-coin-count{opacity:.4}.wordle .game-options{justify-content:space-between;padding:5px 0}.wordle .game-options .timer{width:90px;font-size:20px;color:#7e0000;text-align:left}.wordle .current-level,.wordle .next-level{border-radius:5px;padding:2px 4px;border:2px solid #f16d00;background:#ffa825;color:#7e0000;box-shadow:1px 1px 2px 0 #3c3c3c;font-size:17px}.wordle .submit{justify-content:center}.wordle .submit button{padding:1px 4px;border-radius:8px;border:1px solid #002a00;font-size:19px;width:100px;background:#007000;color:#e5e5e5;box-shadow:1px 1px 3px 0 #606060}.wordle .submit-disabled button{background:#254a25;cursor:default}.wordle .game-options .wordle-guide{cursor:pointer;padding:3px 3px;border-radius:8px;border:2px solid #f16d00;background:#ffa825;color:#7e0000;animation:key-rotation 30s linear infinite;animation-delay:5s;box-shadow:1px 1px 2px 1px #363636}.wordle .game-options .wordle-guide-disabled{cursor:default;border:2px solid #7c3d0a;background:#7e4c00;color:#600a0a;animation:none}.wordle .wordle-guide i{font-size:25px}.wordle .game-option-width{width:33.33%}.wordle .keyboard-container{height:201px;position:relative;width:580px;margin:0 auto}.wordle .keyboard{font-size:15px;border-radius:8px;border:1px solid #ababab;padding:0 5px;box-shadow:0 0 4px 0 #6c6c6c;background:#ebebeb}.wordle .keyboard-row{margin:5px;justify-content:center}.wordle .keyboard-btn{width:45px;height:44px;box-shadow:1px 1px 1px grey;border-radius:5px;border:2px solid #d1d1d1;display:inline-flex;align-items:center;justify-content:center;margin:0 3px;background:#fff;cursor:pointer}.wordle svg{width:24px;height:24px}.modal-container-wordle-game .wrong-letter,.wordle .wrong-letter{border:2px solid #4a4a4a;background:#898989;color:#fff}.modal-container-wordle-game .correct-letter,.wordle .correct-letter{background:#37c94b;border:2px solid #00580c;color:#fff}.modal-container-wordle-game .present-letter,.wordle .present-letter{border:2px solid #aba500;background:#cbc500;color:#fff}.wordle .keyboard-transition{transition:background 1s linear}.modal-container-wordle-game .guideDialog-example-margin{margin:10px 0}.modal-container-wordle-game .guide-letter-size{font-weight:700;font-size:14px}.wordle .wordle-loading{position:absolute;width:100%;height:100%;justify-content:center;top:0;right:0;background:#ffffff24}.wordle .wordle-loading i{font-size:48px;color:#00328f}@media screen and (max-width:1024px){#wordle-game{height:calc(100% - 60px)}.wordle .keyboard-btn{width:44px;height:42px;margin:0 2px}.wordle .keyboard-container{height:195px}.wordle .puzzle-container{min-height:calc(100% - 240px)}}@media screen and (max-width:768px){.wordle .game-container{font-size:20px;width:100%}.wordle .header-options{width:95%;padding:19px 7px;height:0;margin:0 auto}.wordle .game-options{width:100%;padding:6px 7px;margin:0 auto}.wordle .how-play{font-size:30px}.wordle .coins{font-size:14px}.wordle .total-coin{background-position:-214px -48px;background-size:746px 490px;width:24px;height:29px}.wordle .guide-text{font-size:18px}.wordle .header-puzzle{height:calc(100% - 185px)}.wordle .puzzle-container{min-height:calc(100% - 230px)}.wordle .coin-count{font-size:12px;background-position:-178px -51px;background-size:808px 520px;width:27px;height:27px;line-height:27px}.wordle .puzzle-row{padding:0 28px}.wordle .letter{width:43px;height:43px;line-height:40px}.wordle .word-Max4letter{width:50px;height:50px;line-height:50px}.wordle .word-Max6letter{width:45px;height:43px;line-height:43px}.wordle .keyboard-container{height:190px;margin:0 auto;width:98%}.wordle .game-options .timer{font-size:18px;padding:1px 4px;width:85px}.wordle .current-level,.wordle .next-level{font-size:16px}.wordle .submit button{font-size:18px}.wordle .wordle-guide i{font-size:23px}.wordle .keyboard{width:98%;margin:0 auto;padding:3px 0}.wordle .keyboard-btn{width:9%;height:39px}.wordle svg{width:20px;height:20px}.wordle .guide-options-box .guide-options-container{font-size:14px}.wordle .guide-coin-count{font-size:14px;background-size:1049px 673px;width:35px;height:35px;line-height:36px;background-position:-231px -66px}.wordle .guide-option{padding:5px 5px}.wordle .guide-options-is-visible{width:100%;height:99%}.wordle .close-box{right:-2px}}@media screen and (max-width:480px){.wordle .game-container{font-size:16px}.wordle .header-options{width:98%;padding:15px 7px}.wordle .how-play{font-size:26px}.wordle .coins{font-size:12px}.wordle .total-coin{background-position:-181px -40px;background-size:633px 418px;width:21px;height:26px}.wordle .guide-text{font-size:16px}.modal-container-wordle-game.guide-container .modal-content{padding:10px 7px}.wordle .header-puzzle{height:calc(100% - 190px)}.wordle .puzzle-container{min-height:calc(100% - 218px)}.wordle .puzzle-row{padding:0 25px;flex-wrap:wrap;justify-content:center}.wordle .coin-count{font-size:10px;background-position:-158px -46px;background-size:718px 465px;width:24px;height:24px;line-height:24px}.wordle .letter{width:31px;height:31px;line-height:31px}.wordle .word-Max4letter{width:48px;height:47px;line-height:47px}.wordle .word-Max6letter{width:42px;height:42px;line-height:42px}.wordle .game-options .timer{font-size:15px;width:71px}.wordle .current-level,.wordle .next-level{font-size:15px}.wordle .keyboard-container{height:187px;width:98%;margin:0 auto}.wordle .game-options{width:96%;padding:5px 0;margin:0 auto}.wordle .submit button{font-size:15px;width:75px}.wordle .guide-options-box .guide-options-container{font-size:12px}.wordle .guide-options-is-visible{height:99%}.wordle .guide-coin-count{margin:5px auto;font-size:12px;background-size:823px 541px;background-position:-181px -53px;width:28px;height:28px;line-height:28px}.wordle .wordle-guide i{font-size:18px}.wordle .keyboard-row{margin:5px 3px}.wordle .keyboard-btn{height:40px;margin:0 1px}.wordle .keyboard{font-size:13px;padding:3px 1px;width:100%}.wordle svg{width:14px;height:14px}.modal-container-wordle-game .guide-dialog .body{font-size:11px}.modal-container-wordle-game .guide-letter-size{font-size:13px}}.submit-task-dialog .submit-task-dialog-body{padding:10px 10px 0}.submit-task-dialog .check-box-type{font-size:14px;padding:3px;text-align:center}.submit-task-dialog .check-box-type .fa-check-square-o{font-size:26px;color:#228b22;padding-left:5px;cursor:pointer}.submit-task-dialog .check-box-type .fa-square-o{font-size:26px;font-weight:700;padding-left:5px;cursor:pointer}.submit-task-dialog .followup-date{padding:3px;width:75%;margin:0 auto;justify-content:space-between;font-size:14px}.submit-task-dialog .followup-date button{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.submit-task-dialog .success-probability{padding:3px;width:75%;margin:0 auto;justify-content:space-between;font-size:14px}.submit-task-dialog .success-probability select{width:70%;border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px}.submit-task-dialog .description-box textarea{resize:none;width:100%;padding:2px 5px;font-size:12px;height:100px}.submit-task-dialog .radio-button-container{justify-content:space-evenly;font-size:14px}.submit-task-dialog .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid;border-radius:5px;text-align:center;position:relative;cursor:pointer}.submit-task-dialog .each-radio-button i{font-size:16px;height:0}@media screen and (max-width:480px){.submit-task-dialog .check-box-type .fa-check-square-o{font-size:21px}.submit-task-dialog .check-box-type .fa-square-o{font-size:21px}.submit-task-dialog .success-probability{width:95%;font-size:13px}.submit-task-dialog .success-probability select{font-size:12px}.submit-task-dialog .success-probability .followup-date-title{width:45%}.submit-task-dialog .followup-date{width:95%;font-size:13px}.submit-task-dialog .followup-date button{width:50%;font-size:12px}.submit-task-dialog .followup-date .success-probability-title{width:45%}.submit-task-dialog .each-radio-button{padding:2px 5px;margin:2px 15px 10px;width:100px}.submit-task-dialog .each-radio-button i{font-size:14px}}.create-demo-personnel-dialog{padding:15px 10px 5px}.create-demo-personnel-dialog .each-input-item{text-align:center;padding:5px}.create-demo-personnel-dialog .each-input-item input{width:85%;height:35px;border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px;text-align:center}.create-demo-personnel-dialog .each-select-item{width:85%;margin:0 auto;justify-content:space-between;padding:5px}.create-demo-personnel-dialog .each-select-item select{width:60%;height:35px;border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px}.create-demo-personnel-dialog .each-select-item .select-title{font-size:14px}.create-demo-personnel-dialog .date-type-item{width:85%;margin:0 auto;justify-content:space-between;padding:5px}.create-demo-personnel-dialog .date-type-item .date-picker{width:70%;font-size:13px}.create-demo-personnel-dialog .date-type-item .date-title{font-size:14px}.create-demo-personnel-dialog .description-box{width:85%;margin:5px auto 0}.create-demo-personnel-dialog .description-box textarea{resize:none;height:100px;width:100%;padding:2px 5px;font-size:12px}.create-demo-personnel-dialog .radio-button-container{width:85%;margin:0 auto;justify-content:space-evenly;padding:15px 5px 7px;flex-wrap:wrap;font-size:14px}.create-demo-personnel-dialog .radio-button-container i{font-size:18px;position:relative;top:2px}@media screen and (max-width:480px){.create-demo-personnel-dialog .each-input-item input{width:95%}.create-demo-personnel-dialog .each-select-item{width:95%}.create-demo-personnel-dialog .each-select-item .select-title{font-size:12px;width:40%}.create-demo-personnel-dialog .date-type-item{width:95%}.create-demo-personnel-dialog .date-type-item .date-title{font-size:12px}.create-demo-personnel-dialog .description-box{width:95%}.create-demo-personnel-dialog .description-box textarea{height:80px}.create-demo-personnel-dialog .radio-button-container{width:95%;justify-content:flex-start;padding:10px 1px 5px;font-size:12px}}.submit-task-dialog .submit-task-dialog-body{padding:10px 10px 0}.submit-task-dialog .check-box-type{font-size:14px;padding:3px;text-align:center}.submit-task-dialog .check-box-type .fa-check-square-o{font-size:26px;color:#228b22;padding-left:5px;cursor:pointer}.submit-task-dialog .check-box-type .fa-square-o{font-size:26px;font-weight:700;padding-left:5px;cursor:pointer}.submit-task-dialog .followup-date{padding:3px;width:75%;margin:0 auto;justify-content:space-between;font-size:14px}.submit-task-dialog .followup-date button{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.submit-task-dialog .success-probability{padding:3px;width:75%;margin:0 auto;justify-content:space-between;font-size:14px}.submit-task-dialog .success-probability select{width:70%;border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px}.submit-task-dialog .description-box textarea{resize:none;width:100%;padding:2px 5px;font-size:12px;height:100px}.submit-task-dialog .radio-button-container{justify-content:space-evenly;font-size:14px}.submit-task-dialog .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid;border-radius:5px;text-align:center;position:relative;cursor:pointer}.submit-task-dialog .each-radio-button i{font-size:16px;height:0}@media screen and (max-width:480px){.submit-task-dialog .check-box-type .fa-check-square-o{font-size:21px}.submit-task-dialog .check-box-type .fa-square-o{font-size:21px}.submit-task-dialog .success-probability{width:95%;font-size:13px}.submit-task-dialog .success-probability select{font-size:12px}.submit-task-dialog .success-probability .followup-date-title{width:45%}.submit-task-dialog .followup-date{width:95%;font-size:13px}.submit-task-dialog .followup-date button{width:50%;font-size:12px}.submit-task-dialog .followup-date .success-probability-title{width:45%}.submit-task-dialog .each-radio-button{padding:2px 5px;margin:2px 15px 10px;width:100px}.submit-task-dialog .each-radio-button i{font-size:14px}}.submit-task-dialog .submit-task-dialog-body{padding:10px 10px 0}.submit-task-dialog .check-box-type{font-size:14px;padding:3px;text-align:center}.submit-task-dialog .check-box-type .fa-check-square-o{font-size:26px;color:#228b22;padding-left:5px;cursor:pointer}.submit-task-dialog .check-box-type .fa-square-o{font-size:26px;font-weight:700;padding-left:5px;cursor:pointer}.submit-task-dialog .followup-date{padding:3px;width:75%;margin:0 auto;justify-content:space-between;font-size:14px}.submit-task-dialog .followup-date button{width:150px;border:2px solid #f37a32;border-radius:5px;padding:4px;margin-top:3px;background-color:#f7aa4c;color:#064ba0;font-size:14px}.submit-task-dialog .success-probability{padding:3px;width:75%;margin:0 auto;justify-content:space-between;font-size:14px}.submit-task-dialog .success-probability select{width:70%;border:2px solid #2975d1;border-radius:5px;padding:3px;font-size:13px}.submit-task-dialog .description-box textarea{resize:none;width:100%;padding:2px 5px;font-size:12px;height:100px}.submit-task-dialog .radio-button-container{justify-content:space-evenly;font-size:14px}.submit-task-dialog .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid;border-radius:5px;text-align:center;position:relative;cursor:pointer}.submit-task-dialog .each-radio-button i{font-size:16px;height:0}@media screen and (max-width:480px){.submit-task-dialog .check-box-type .fa-check-square-o{font-size:21px}.submit-task-dialog .check-box-type .fa-square-o{font-size:21px}.submit-task-dialog .success-probability{width:95%;font-size:13px}.submit-task-dialog .success-probability select{font-size:12px}.submit-task-dialog .success-probability .followup-date-title{width:45%}.submit-task-dialog .followup-date{width:95%;font-size:13px}.submit-task-dialog .followup-date button{width:50%;font-size:12px}.submit-task-dialog .followup-date .success-probability-title{width:45%}.submit-task-dialog .each-radio-button{padding:2px 5px;margin:2px 15px 10px;width:100px}.submit-task-dialog .each-radio-button i{font-size:14px}}.submit-absent-sms-dialog .guide-box{padding:5px 2px 2px 2px}.submit-absent-sms-dialog .guide-box .each-guide{padding:2px 5px;font-size:13px;text-align:justify}.submit-absent-sms-dialog .guide-box .fa-circle{color:#b42528;font-size:8px}.submit-absent-sms-dialog .balance-situation{color:#064ba0;font-size:15px;padding:7px}.submit-absent-sms-dialog .balance-situation i{font-size:18px;position:relative;top:3px}.submit-absent-sms-dialog fieldset{border:2px solid #064ba0;border-radius:5px;padding:5px;margin-top:10px;font-size:13px;line-height:1.8}.submit-absent-sms-dialog fieldset legend{width:fit-content;margin:0 20px 5px 0;font-size:15px;color:#064ba0;border:0;padding:2px 7px}.submit-absent-sms-dialog fieldset .fa-envelope{position:relative;top:2px;color:#064ba0;font-size:15px}.submit-absent-sms-dialog .delay-preview{transition:.4s ease-out;overflow:hidden}.submit-absent-sms-dialog .delay-preview fieldset{margin-top:0}.submit-absent-sms-dialog .send-sms-for-delay{margin-top:15px;font-size:15px}.submit-absent-sms-dialog .send-sms-for-delay i{font-size:20px;position:relative;top:4px;direction:ltr;text-align:left;width:19px}@media screen and (max-width:768px){.submit-absent-sms-dialog .guide-box .each-guide{padding:3px 0;font-size:12px}.submit-absent-sms-dialog .principal-absent-sms-dialog .send-sms-for-delay{margin-bottom:15px;font-size:14px}}@media screen and (max-width:480px){.submit-absent-sms-dialog .guide-box .each-guide{font-size:11px}.submit-absent-sms-dialog .guide-box .fa-circle{font-size:6px}.submit-absent-sms-dialog .balance-situation{font-size:13px;padding:5px 0}.submit-absent-sms-dialog fieldset{font-size:11px}.submit-absent-sms-dialog fieldset legend{margin:0 5px 5px 0;font-size:13px;padding:2px 7px}.submit-absent-sms-dialog fieldset .fa-envelope{position:relative;top:1px;color:#064ba0;font-size:13px}.submit-absent-sms-dialog .send-sms-for-delay{margin-top:12px;font-size:12px}.submit-absent-sms-dialog .send-sms-for-delay i{font-size:17px;top:3px;width:16px}}.add-disciplinary-subject-dialog{padding:15px 5px 10px}.add-disciplinary-subject-dialog input::-webkit-inner-spin-button,.add-disciplinary-subject-dialog input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-disciplinary-subject-dialog input[type=number]{-moz-appearance:textfield}.add-disciplinary-subject-dialog .disciplinary-subject{padding:5px 0}.add-disciplinary-subject-dialog .disciplinary-subject>input{padding:3px;width:95%;height:30px}.add-disciplinary-subject-dialog .disciplinary-score{padding:5px 0;width:95%}.add-disciplinary-subject-dialog .disciplinary-score>input{padding:3px;height:30px}.submit-disciplinary-sms-dialog .guide-box{padding:5px 2px 2px 2px}.submit-disciplinary-sms-dialog .guide-box .each-guide{padding:2px 5px;font-size:13px;text-align:justify}.submit-disciplinary-sms-dialog .guide-box .fa-circle{color:#b42528;font-size:8px}.submit-disciplinary-sms-dialog .balance-situation{color:#064ba0;font-size:15px;padding:7px}.submit-disciplinary-sms-dialog .balance-situation i{font-size:18px;position:relative;top:3px}.submit-disciplinary-sms-dialog fieldset{border:2px solid #064ba0;border-radius:5px;padding:5px;margin-top:10px;font-size:13px;line-height:1.8}.submit-disciplinary-sms-dialog fieldset legend{width:fit-content;margin:0 20px 5px 0;font-size:15px;color:#064ba0;border:0;padding:2px 7px}.submit-disciplinary-sms-dialog fieldset .fa-envelope{position:relative;top:2px;color:#064ba0;font-size:15px}.submit-disciplinary-sms-dialog .delay-preview{transition:.4s ease-out;overflow:hidden}.submit-disciplinary-sms-dialog .delay-preview fieldset{margin-top:0}.submit-disciplinary-sms-dialog .send-sms-for-delay{margin-top:15px;font-size:15px}.submit-disciplinary-sms-dialog .send-sms-for-delay i{font-size:20px;position:relative;top:4px;direction:ltr;text-align:left;width:19px}@media screen and (max-width:768px){.submit-disciplinary-sms-dialog .guide-box .each-guide{padding:3px 0;font-size:12px}}@media screen and (max-width:480px){.submit-disciplinary-sms-dialog .guide-box .each-guide{font-size:11px}.submit-disciplinary-sms-dialog .guide-box .fa-circle{font-size:6px}.submit-disciplinary-sms-dialog .balance-situation{font-size:13px;padding:5px 0}.submit-disciplinary-sms-dialog fieldset{font-size:11px}.submit-disciplinary-sms-dialog fieldset legend{margin:0 5px 5px 0;font-size:13px;padding:2px 7px}.submit-disciplinary-sms-dialog fieldset .fa-envelope{position:relative;top:1px;color:#064ba0;font-size:13px}.submit-disciplinary-sms-dialog .send-sms-for-delay{margin-top:12px;font-size:12px}.submit-disciplinary-sms-dialog .send-sms-for-delay i{font-size:17px;top:3px;width:16px}}.personnel-class-book{border:1px solid gray;border-width:0 1px;min-height:100%}.personnel-class-book .class-selection-mode .personnel-class-book-header{padding-left:35px;background-color:#064ba0}.personnel-class-book .class-selection-mode .guide-box{padding:5px 2px 2px 2px}.personnel-class-book .class-selection-mode .guide-box .each-guide{padding:2px 5px;font-size:13px}.personnel-class-book .class-selection-mode .guide-box .fa-circle{color:#b42528;font-size:8px}.personnel-class-book .class-selection-mode .guide-box .change-school-btn{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.personnel-class-book .class-selection-mode .select-class-expression{text-align:center;color:#064ba0;font-size:14px}.personnel-class-book .detail-mode{position:relative}.personnel-class-book .detail-mode .selection-mode-btn{position:absolute;left:12px;top:15px;font-size:13px;border-radius:4px;color:#064ba0;padding:1px 3px 3px 1px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:480px){.personnel-class-book .class-selection-mode .select-class-expression{font-size:12px;position:relative;top:8px}}.submit-class-book{border:1px solid gray;border-width:0 1px;min-height:100%}.submit-class-book .submit-class-book-header{padding-left:35px;background-color:#064ba0;position:relative}.submit-class-book .menu-button{color:#fff;font-size:30px;padding-left:7px;padding-top:10px;text-align:center;width:40px;position:absolute;top:0;left:0}.submit-class-book .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.submit-class-book .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:13px;top:7px;border-radius:5px;z-index:10;color:#000}.submit-class-book .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.submit-class-book .menu-button .each-feature{border-radius:3px;cursor:pointer}.submit-class-book .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.submit-class-book .inner-header{display:flex;align-items:center;justify-content:space-evenly;background-color:#064ba0;color:#fff;padding:3px 5px 7px;font-size:15px}.submit-class-book .guide-box{padding:5px}.submit-class-book .guide-box .each-guide{padding:2px 5px;font-size:13px}.submit-class-book .guide-box .fa-circle{color:#b42528;font-size:8px}.submit-class-book .submit-class-book-table{padding:5px 0}.submit-class-book .record-detail-box{padding:5px}.submit-class-book .record-detail-box .fa-caret-left{font-size:17px;padding-left:3px;color:#064ba0}.submit-class-book .record-detail-box .discription-box{padding:8px 3px 0}.submit-class-book .record-detail-box .discription-box .discription-title{text-align:right;padding:2px 0 2px 3px;font-size:14px;color:#064ba0}.submit-class-book .record-detail-box .discription-box input{height:35px;width:370px;padding:2px 3px 3px;border-radius:7px;border:2px solid #474747}.submit-class-book .record-detail-box .submit-date{font-size:14px;color:#064ba0;padding:7px 3px 2px}.submit-class-book .record-detail-box .submit-date button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.submit-class-book .record-detail-box .select-lesson{font-size:14px;color:#064ba0;padding:4px 3px 4px}.submit-class-book .record-detail-box .select-lesson select{text-align:center;color:#000;min-width:120px;height:31px;padding:1px 3px 2px}.submit-class-book .record-detail-box .max-score{font-size:14px;color:#064ba0;padding:3px}.submit-class-book .record-detail-box .max-score input{text-align:center;color:#000;width:120px;height:31px;padding:3px;border-radius:5px;border:2px solid gray}.submit-class-book .record-detail-box .max-score input::-webkit-inner-spin-button,.submit-class-book .record-detail-box .max-score input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.submit-class-book .record-detail-box .max-score input[type=number]{-moz-appearance:textfield}.submit-class-book .record-detail-box .record-type-detail{font-size:14px;padding:7px 3px 4px}.submit-class-book .record-detail-box .max-score-input{position:relative;top:2px;margin:0 5px;width:0;transition:.4s;overflow:hidden}.submit-class-book .record-detail-box .max-score-input.max-score-opened{width:180px}.submit-class-book .record-detail-box .max-score-input>div{width:180px}.submit-class-book .record-detail-box .max-score-input input{text-align:center;color:#000;width:100px;height:31px;padding:1px 3px 2px;border-radius:5px;border:2px solid gray;direction:ltr}.submit-class-book .record-detail-box .max-score-input input::-webkit-inner-spin-button,.submit-class-book .record-detail-box .max-score-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.submit-class-book .record-detail-box .max-score-input input[type=number]{-moz-appearance:textfield}.submit-class-book .record-detail-box .each-radio-button{padding:4px 25px 4px 5px;margin:3px 2px 0;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:185px;position:relative;cursor:pointer}.submit-class-book .record-detail-box .each-radio-button.selected{background-color:#d2eaf3}.submit-class-book .record-detail-box .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:5px}.submit-class-book .footer-row{position:sticky;bottom:-1px;z-index:10;height:0;background-color:#fff;padding:0;text-align:center;color:#8b0000;border-top:2px solid grey;font-size:14px;overflow:hidden;transition:.4s ease-out}.submit-class-book .footer-row.open-box{padding:10px 5px 15px;height:55px}.submit-class-book .footer-row .btn-disabled{color:#636363}.submit-class-book .footer-row button{font-size:13px;border-radius:4px;color:#064ba0;padding:2px 2px 3px 1px;border-color:#f5962e;background-color:#ffa639;min-width:90px;position:relative;bottom:1px}.submit-class-book .footer-row button[disabled]{color:#313131;border-color:#939393;background-color:#afafaf}.submit-class-book .footer-row .animation-element{position:absolute;height:3px;left:0;bottom:-7px;background-color:#8b0000;border-radius:2px}.submit-class-book .footer-row .animation-element.start-animation{animation:submit-class-book-enable-edit-mode1 1s infinite ease-in alternate,submit-class-book-enable-edit-mode2 1s infinite ease-out alternate}@-webkit-keyframes submit-class-book-enable-edit-mode1{0%{left:0}100%{left:calc(100% - 5px)}}@-webkit-keyframes submit-class-book-enable-edit-mode2{0%{right:calc(100% - 5px)}100%{right:0}}@media screen and (max-width:768px){.submit-class-book .inner-header{display:flex;align-items:flex-start;justify-content:space-evenly;flex-direction:column;padding:0 5px;font-size:13px}.submit-class-book .inner-header>div{padding-bottom:3px}.submit-class-book .menu-button{font-size:26px;padding-left:7px;padding-top:7px;width:33px}.submit-class-book .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:0;width:27px}.submit-class-book .record-detail-box .discription-box input{width:225px}}@media screen and (max-width:480px){.submit-class-book .guide-box .each-guide{padding:2px 3px;font-size:11px}.submit-class-book .footer-row{font-size:12px}.submit-class-book .footer-row.open-box{padding:10px 5px;height:50px}.submit-class-book .footer-row button{font-size:12px;padding:2px 2px 2px 1px;min-width:60px}.submit-class-book .record-detail-box .select-lesson{font-size:12px}.submit-class-book .record-detail-box .max-score{font-size:12px}.submit-class-book .record-detail-box .submit-date{font-size:12px}.submit-class-book .record-detail-box .discription-box .discription-title{font-size:12px}.submit-class-book .record-detail-box .record-type-detail{font-size:13px}.submit-class-book .record-detail-box .fa-caret-left{font-size:14px}.submit-class-book .record-detail-box .each-radio-button{padding:4px 20px 3px 5px;margin:3px 0 0;width:160px;font-size:12px}.submit-class-book .record-detail-box .max-score-input.max-score-opened{width:120px}.submit-class-book .record-detail-box .max-score-input>div{width:120px}.submit-class-book .record-detail-box .max-score-input input{text-align:center;color:#000;width:55px;height:27px;padding:1px 3px 2px;border-radius:5px;border:2px solid gray;direction:ltr}.submit-class-book .record-detail-box .each-radio-button i{font-size:15px;height:0;position:absolute;right:3px;top:4px}}.exam-configuration{font-size:14px;position:relative}.exam-configuration .exam-configuration-main-header-container{width:calc(100% - 35px)}.exam-configuration .header-menu-container{width:35px;position:relative}.exam-configuration .menu-button{width:30px;height:30px;border-radius:50%;position:absolute;left:15px;top:-17px;text-align:center;color:#fff;font-size:32px}.exam-configuration .menu-button .each-feature i{font-size:15px;margin-right:6px}.exam-configuration .menu-button .each-feature span{margin-right:27px}.exam-configuration .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:-1px;top:-1px;border-radius:5px;z-index:10;color:#000}.exam-configuration .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.exam-configuration .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.exam-configuration .menu-button .each-feature{border-radius:3px;cursor:pointer}.exam-configuration .menu-button .each-feature:hover{background-color:#bdc3c9}.exam-configuration .exam-configuration-body{border:1px solid #b3b3b3;overflow:auto}.exam-configuration .exam-configuration-body .footer-row{padding:10px 5px;text-align:center;margin:10px 10px 0;border-top:2px solid #b3b3b3;background-color:#fff;position:sticky;bottom:0;z-index:10}.exam-configuration .exam-configuration-body .footer-row button{font-size:14px;width:130px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:768px){.exam-configuration{font-size:13px}.exam-configuration .header{font-size:15px}.exam-configuration .book-pdf-btn{font-size:12px}}@media screen and (max-width:480px){.exam-configuration{font-size:12px}.exam-configuration .header{font-size:14px;height:53px}.exam-configuration .header-border{padding:9px 5px}.exam-configuration .book-pdf-btn{font-size:11px;padding:4px 6px 0}.exam-configuration .book-pdf-btn .fa-file-pdf-o{font-size:16px}.exam-configuration .edit-exam button{font-size:12px;border-radius:5px;color:#064ba0;cursor:pointer;padding:2px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #ff7c41;background-color:#ffa639}.exam-configuration .menu-button{left:10px;top:-15px;font-size:28px}.exam-configuration .exam-configuration-body .footer-row{margin:10px 0 0}}@media print{.exam-configuration .exam-configuration-body{border:0}.exam-configuration .exam-configuration-main-header-container{display:none}.exam-configuration .menu-button{display:none}.exam-configuration .exam-configuration-body .footer-row{display:none}}.exam-lessonselector-dialog{font-size:15px}.exam-lessonselector-dialog .flex-display{display:flex;align-items:center}.exam-lessonselector-dialog select{margin:5px 0 10px;border-radius:5px;min-width:145px;text-align:center}.exam-lessonselector-dialog .close-dialog{font-size:19px;position:absolute;top:-10px;right:-10px;color:#dbdbdb;cursor:pointer}.exam-lessonselector-dialog .close-dialog .fa-close{z-index:2;color:#930000;font-size:21px}.exam-lessonselector-dialog .paye{margin-bottom:5px;color:#003678;font-size:19px}.exam-lessonselector-dialog fieldset{border:1px solid #2761a9;padding:7px 15px 10px;margin-bottom:5px}.exam-lessonselector-dialog legend{border:none;width:100px;margin:0 0 0;font-size:18px;color:#0d65d2;text-align:center}.exam-lessonselector-dialog .lesson-list{justify-content:center;flex-wrap:wrap}.exam-lessonselector-dialog .lesson{border-radius:5px;margin:5px 7px;min-width:115px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;padding:2px 4px;font-size:14px}.exam-lessonselector-dialog .lesson i{color:green}.exam-lessonselector-dialog .extra-info{font-size:14px;text-align:center}.exam-lessonselector-dialog .extra-info div{margin:5px 0}.exam-lessonselector-dialog .extra-info i{color:#0055bf}.exam-lessonselector-dialog .extra-info button{border-radius:5px;margin:5px 7px;min-width:75px;background:#deedff;border:2px solid #0054bf;box-shadow:1px 1px 2px 1px #767676;padding:2px 4px;font-size:14px;color:#002a5e}.exam-lessonselector-dialog hr{margin:8px 0;border-top:1px solid #cdcdcd}@media screen and (max-width:768px){.exam-lessonselector-dialog{font-size:14px;padding:10px}.exam-lessonselector-dialog .lesson{min-width:110px;font-size:13px}.exam-lessonselector-dialog legend{font-size:17px}}@media screen and (max-width:480px){.exam-lessonselector-dialog{font-size:13px}.exam-lessonselector-dialog select{min-width:105px}.exam-lessonselector-dialog legend{font-size:16px;width:90px}.exam-lessonselector-dialog .lesson{min-width:97px;font-size:12px;margin:5px 4px}.exam-lessonselector-dialog fieldset{padding:3px 6px 8px}.exam-lessonselector-dialog .extra-info{font-size:12px}.exam-lessonselector-dialog .extra-info button{margin:2px 7px;min-width:63px;padding:1px 4px;font-size:13px}}.exam-content .exam-view{font-size:14px;border-width:0 1px;position:relative}.exam-content .exam-view .flex-display{display:flex;align-items:center}.exam-content .exam-view .header{width:100%;padding:5px;color:#fff;font-size:17px;background:#064ba0;height:64px}.exam-content .exam-view .header-border{border:2px solid #f7aa4c;padding:13px 10px;border-radius:5px;text-align:center;position:relative}.exam-content .exam-view .header-border .fa-book{color:#f7aa4c}.exam-content .exam-view .book-pdf-btn{color:#000;margin-right:4px;font-size:13px;background:#f7aa4c;border-radius:5px;padding:2px 6px 0;box-shadow:1px 1px 3px grey;border:1px solid #d64d00;text-decoration:none}.exam-content .exam-view .book-pdf-btn .fa-file-pdf-o{font-size:18px}.exam-content .exam-view .delete-exam,.exam-content .exam-view .exam-edit-icon{position:absolute;top:6px;left:15px;font-size:20px;cursor:pointer}.exam-content .exam-view .delete-exam{color:red}.exam-content .exam-view .exam-main-content{padding:10px 10px 0}.exam-content .exam-view .exam-edit-icon{color:#00285a;margin-right:4px;font-size:15px;background:#f7aa4c;border-radius:5px;padding:2px 6px;box-shadow:1px 1px 3px grey;border:1px solid #d64d00;display:inline-flex;align-items:center;top:12px}.exam-content .exam-view .exam-edit-icon i{margin-left:3px}.exam-content .exam-view .posted-count{text-align:center;margin-bottom:10px;border-bottom:1px solid #d5d5d5;padding-bottom:10px}.exam-content .exam-view button.post-btn{padding:1px 7px;margin-right:3px;border:1px solid #ef8402;font-weight:700;box-shadow:2px 2px 2px #bd8c00;background:#ffe299;border-radius:4px}.exam-content .exam-view .exam-title{margin-bottom:10px;text-align:center;font-size:16px}.exam-content .exam-view .exam-title input{border-radius:5px;padding:6px 5px;border:1px solid gray;width:100%;text-align:center}.exam-content .exam-view .exam-title-not-edit{font-size:18px}.exam-content .exam-view .evaluation-container{flex-wrap:wrap;justify-content:space-between;padding-top:1px}.exam-content .exam-view .file-gallery{border:2px solid #4f9bf9;border-radius:5px 5px 0 0}.exam-content .exam-view .uploaded-pictures-fieldset{border:2px solid #4f9bf9;padding:10px 15px 7px;border-radius:5px}.exam-content .exam-view .uploaded-pictures-fieldset legend{border:none;padding:4px 5px 4px 4px;width:210px;margin:0 0 0;font-size:20px;color:#0d65d2;text-align:center}.exam-content .exam-view .multi-picture .choose-image-size{padding-right:0}.exam-content .exam-view .sa-guide-icon{margin:0}.exam-content .exam-view .question-type-btn{border-radius:5px;padding:5px 7px;border:2px solid #ff4f00;background:#ffa639;box-shadow:1px 2px 3px 0 #363636;margin:0 0 5px;color:#077400;display:inline-flex;font-size:18px}.exam-content .exam-view .each-question-item{width:100%;padding:10px 4px;margin:10px auto;background-color:#fff;border:1px solid #064ba0;border-radius:5px;font-size:14px}.exam-content .exam-view .question-num{width:100px;border-radius:5px 0 0 5px;border-right:none;margin:0 -4px 10px 0;text-align:center;background-color:#064ba0;color:#fff;display:inline-block;padding:3px 0}.exam-content .exam-view .question-type{font-size:13px;color:#00387c}.exam-content .exam-view .file-question-barem{justify-content:center;margin-top:7px}.exam-content .exam-view .barem-mosbat{border:3px solid #5fc47e;text-align:center;margin-left:8px;border-radius:5px;border-radius:5px;padding:2px 5px;box-shadow:1px 1px 3px #53f353;transition:all .5s linear;background:#e8ffe8;cursor:pointer}.exam-content .exam-view .barem{margin-left:8px;font-size:14px;width:71px}.exam-content .exam-view .barem-manfi{border:3px solid #ff4848;text-align:center;margin-left:8px;border-radius:5px;border-radius:5px;padding:2px 5px;box-shadow:1px 1px 3px #b50000;transition:all .5s linear;background:#fdd;cursor:pointer}.exam-content .exam-view .personnel-question-root{font-size:13px}.exam-content .exam-view .file-delete-question{padding:0 0 0 5px;border-radius:12px;background:#fff;box-shadow:1px 1px 3px #585858;height:30px;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;border:1px solid #656565;justify-content:center;margin-top:5px}.exam-content .exam-view .keyfi-delete-question{position:unset}.exam-content .exam-view .file-delete-question-i{height:29px;background:#c70000;width:25px;font-size:14px;color:#fff;border-radius:0 10px 10px 0;padding:7px 0;margin-left:6px;text-align:center}.exam-content .exam-view .delete-question-loading{position:absolute;color:#000;font-size:19px}.exam-content .exam-view .file-option-container{width:100%;display:flex;margin-top:3px;flex-wrap:wrap}.exam-content .exam-view .file-question-option{width:23%;display:flex;margin:4px 6px;padding:5px 3px;align-items:center;background:linear-gradient(to right,rgb(214 211 211) 50%,#f7aa4c 50%) left;background-size:202%;transition:.5s ease-out;border-radius:5px;box-shadow:0 0 4px #00000082;position:relative}.exam-content .exam-view .file-question-5option{width:18%;margin:4px 6px}.exam-content .exam-view .file-question-num-answer{display:flex;align-items:center;width:85%}.exam-content .exam-view .file-option-number{display:flex;align-items:center;justify-content:center;padding-left:3px}.exam-content .exam-view .file-option-number.green-if-correct{border-radius:50%;width:10px;height:10px;padding:10px;background-color:green;color:#fff;margin-left:3px;margin-right:0}.exam-content .exam-view .green-if-correct .hidden-if-correct{display:none}.exam-content .exam-view .file-question-option i{color:green;font-size:16px;padding-top:4px}.exam-content .exam-view .question-bank-fieldset{border:2px solid #4f9bf9;padding:0 8px 10px;border-radius:5px;margin-top:10px}.exam-content .exam-view .question-bank-fieldset legend{border:none;padding:4px 5px 4px 4px;width:180px;margin:0 0 0;font-size:18px;color:#0d65d2;text-align:center;display:flex;justify-content:center}.exam-content .exam-view .question-bank-fieldset legend button{color:#000;margin-right:7px;font-size:13px;background:#f7aa4c;border-radius:5px;padding:2px 6px;box-shadow:1px 1px 3px grey;border:1px solid #d64d00;text-decoration:none}.exam-content .exam-view .discription-for-student{margin:10px 0;border-radius:5px}.exam-content .exam-view .discription-for-student span{color:#003f8d;font-size:15px}.exam-content .exam-view .discription-for-student i{color:#003f8d;font-size:20px;position:relative;top:3px}.exam-content .exam-view textarea{resize:none;width:100%;height:60px;border-radius:5px;padding:8px;font-size:14px;margin:3px auto;display:block}.exam-content .exam-view .footer-button-container{padding:10px 20px 15px;justify-content:space-between;margin:10px -10px 0;background-color:#ecf6ff;position:sticky;bottom:0;box-shadow:0 -3px 7px 0 #bebebe}.exam-content .exam-view .footer-button-container .final-confirm-btn{border-radius:5px;padding:2px 10px;background-color:#c9e6c9;border:2px solid #228b22;color:#006800;box-shadow:1px 2px 3px 0 #363636;width:130px;font-size:14px}.exam-content .exam-view .footer-button-container .question-bank-btn{border-radius:5px;padding:2px 10px;border:2px solid #ff4f00;background:#ffa639;box-shadow:1px 2px 3px 0 #363636;font-size:14px}.exam-content .exam-view .tabs-container{text-align:center}.exam-content .exam-view .tab-title{display:inline-block;text-align:center;width:47%;font-size:17px;padding:5px;border-bottom:1px solid #000;border-radius:5px 5px 0 0;background-color:#ffdab9;margin-bottom:2px}.exam-content .exam-view .selected-tab{margin:0;border:0;position:relative;top:3px}.exam-content .exam-view .question-upload-mode{background-color:#ffdab9;border-radius:5px;padding:10px}.exam-content .exam-view .keify-checkbox{font-size:14px;transition:.5s ease-out;overflow:hidden;display:flex;cursor:pointer;padding:0 7px;flex-wrap:wrap}.exam-content .exam-view .keify-checkbox i{font-size:21px;position:relative;top:4px;color:#228b22}.exam-content .exam-view .keify-checkbox span{padding:5px 2px 0 1px}.exam-content .exam-view .evaluation-toggle{display:inline-block;height:22px;width:42px;overflow:hidden;padding:2px;border-radius:5px;border:1px solid #000;margin-top:5px}.exam-content .exam-view .evaluation-toggle div{display:inline-block;height:16px;width:16px;background-color:red;position:relative;border-radius:5px;transition:left .5s ease-out}.exam-content .exam-print .file-gallery{width:90%;margin:auto;border:2px solid #4f9bf9;border-radius:5px}.exam-content .exam-print .file-gallery legend{width:fit-content;padding:0 15px;margin-right:15px;margin-bottom:5px;border:0;color:#2982ef}.exam-content .exam-print .exam-header{background-color:#064ba0;color:#fff;position:relative;height:45px;font-size:17px;text-align:center;padding-top:8px}.exam-content .exam-print .back-btn{font-size:10px;width:50px;text-align:center;cursor:pointer;position:absolute;left:7px;top:2px}.exam-content .exam-print .back-btn i{color:#fff;width:8px;font-size:25px;height:2px;position:relative;left:4px}.exam-content .exam-print .back-btn div{position:relative;top:-4px}.exam-content .exam-print .customize-print{padding:0 0 5px 0}.exam-content .exam-print .customize-print .width-40-customize-option{width:44%}.exam-content .exam-print .customize-print .checkbox-container{flex-wrap:wrap}.exam-content .exam-print .customize-print .checkbox-container i{width:28px;text-align:left;padding:4px 2px 4px 6px;font-size:20px;cursor:pointer}.exam-content .exam-print .answer-customize,.exam-content .exam-print .barem-customize{padding:0 1px 0 5px;width:28%}.exam-content .exam-print .selector-header .selector-header-title{color:#064ba0;font-size:15px;padding:5px 10px 2px}.exam-content .exam-print .selector-header .selector-header-title .fa-caret-left{font-size:19px;position:relative;top:3px}.exam-content .exam-print .each-radio-button{padding:5px;font-size:14px}.exam-content .exam-print .each-radio-button i{font-size:16px;position:relative;top:2px;cursor:pointer}.exam-content .print-preview{min-width:748px;padding:0 10px 7px;font-size:13px}.exam-content .print-preview table{width:100%}.exam-content .print-preview th{padding-top:10px}.exam-content .print-preview .exam-print-header1{border:2px solid #000;border-radius:7px 7px 0 0;height:100px;padding:5px 7px;text-align:right}.exam-content .print-preview .exam-print-header1 .personal-info{width:25%}.exam-content .print-preview .exam-print-header1 .personal-info>div{padding:2px 0}.exam-content .print-preview .exam-print-header1 .school-exam-title{width:50%;height:100%}.exam-content .print-preview .exam-print-header1 .school-exam-title>div{padding:2px 0}.exam-content .print-preview .exam-print-header1 .exam-title{height:50%;font-size:16px;justify-content:center}.exam-content .print-preview .exam-print-header1 .school-title{height:50%;justify-content:center}.exam-content .print-preview .exam-print-header1 .exam-info{width:25%}.exam-content .print-preview .exam-print-header1 .exam-info>div{padding:2px 0}.exam-content .print-preview .exam-print-header2{border:2px solid #000;text-align:right;border-radius:3px 3px 0 0}.exam-content .print-preview .exam-print-header2 .exam-title-duration{border-bottom:1px solid #000;padding:3px 5px;height:30px;font-size:15px;text-align:center}.exam-content .print-preview .exam-print-header2 .duration-title{width:100px}.exam-content .print-preview .exam-print-header2 .personal-info{height:25px;border-bottom:1px solid #000;justify-content:space-evenly}.exam-content .print-preview .exam-print-header2 .personal-info>div{width:25%;height:100%;padding:3px;border-right:1px solid #000}.exam-content .print-preview .exam-print-header2 .exam-info{height:25px;justify-content:space-evenly}.exam-content .print-preview .exam-print-header2 .exam-info>div{width:25%;height:100%;padding:3px;border-right:1px solid #000}.exam-content .print-preview .exam-print-header3{border:2px solid #000;text-align:right;border-radius:3px 3px 0 0;height:90px}.exam-content .print-preview .exam-print-header3 .school-logo{padding:3px;width:15%;height:100%;border-left:1px solid #000}.exam-content .print-preview .exam-print-header3 .exam-info{height:100%;width:85%}.exam-content .print-preview .exam-print-header3 .exam-title{width:80%;text-align:center;padding-right:25px;font-size:15px}.exam-content .print-preview .exam-print-header3 .duration-title{width:20%;text-align:right}.exam-content .print-preview .exam-print-header3 .student-school-title{padding:0 5px}.exam-content .print-preview .exam-print-header3 .student-school-title>div{width:50%}.exam-content .print-preview .exam-print-header4{border:2px solid #000;text-align:right;padding:5px;border-radius:3px 3px 0 0}.exam-content .print-preview .exam-print-header4>div{width:50%}.exam-content .exam-print .question-print-parent{border:2px solid #000;border-width:0 2px 1px;padding:0 4px 4px}.exam-content .exam-print .print-btn-container{position:sticky;bottom:0;height:25px}.exam-content .exam-print .print-btn{width:60px;height:60px;border-radius:50%;background-color:#ffba56;border:2px solid #fd8a00;color:#064ba0;font-size:13px;position:absolute;left:55px;bottom:25px}@media screen and (max-width:768px){.exam-content .exam-view{font-size:13px}.exam-content .exam-view .book-pdf-btn{font-size:12px}.exam-content .exam-view .delete-exam,.exam-content .exam-view .exam-edit-icon{top:4px;left:5px;font-size:18px}.exam-content .exam-view .exam-edit-icon{font-size:14px;top:9px;left:7px}.exam-content .exam-view .posted-count{margin-bottom:7px}.exam-content .exam-view .exam-title{margin-bottom:3px}.exam-content .exam-view .exam-title-not-edit{font-size:16px}.exam-content .exam-view .question-bank-fieldset{margin-top:3px}.exam-content .exam-view .question-bank-fieldset legend{width:170px;font-size:17px}.exam-content .exam-view .pictures-fieldset legend{width:155px;font-size:17px}.exam-content .exam-view .each-question-item{font-size:13px}.exam-content .exam-view .question-type{font-size:12px}.exam-content .exam-view .file-question-5option,.exam-content .exam-view .file-question-option{width:47%;margin:4px 6px}.exam-content .exam-view .file-question-option i{padding-top:0}.exam-content .exam-view .file-delete-question{padding:0 0 0 5px;height:26px;margin-top:5px}.exam-content .exam-view .file-delete-question-i{height:26px;font-size:13px}.exam-content .exam-view .question-type-btn{padding:4px 6px;margin:0 0 2px;font-size:16px}.exam-content .exam-view textarea{font-size:12px}.exam-content .exam-view .footer-button-container .final-confirm-btn{padding:3px 7px;width:100px;font-size:13px}.exam-content .exam-view .footer-button-container .question-bank-btn{padding:3px 7px;font-size:13px}.exam-content .exam-print .answer-customize,.exam-content .exam-print .barem-customize{width:50%}.exam-content .exam-print .customize-print .width-40-customize-option{width:100%}}@media screen and (max-width:480px){.exam-content .exam-view{font-size:12px}.exam-content .exam-view .exam-main-content{padding:5px 5px 0}.exam-content .exam-view .header{font-size:14px;height:53px}.exam-content .exam-view .header-border{padding:9px 5px}.exam-content .exam-view .book-pdf-btn{font-size:11px;padding:4px 6px 0}.exam-content .exam-view .book-pdf-btn .fa-file-pdf-o{font-size:16px}.exam-content .exam-view .exam-edit-icon{font-size:11px;top:7px;left:6px;padding:2px 1px}.exam-content .exam-view .question-num{margin:0 -4px 10px 0}.exam-content .exam-view .delete-exam{top:4px;left:2px;font-size:16px}.exam-content .exam-view .exam-title{font-size:13px}.exam-content .exam-view .pictures-fieldset legend{width:140px;font-size:15px}.exam-content .exam-view .footer-button-container{margin:0 -5px;padding:10px 10px 15px}.exam-content .exam-view .footer-button-container .question-bank-btn{padding:3px 7px 2px;font-size:12px}.exam-content .exam-view .footer-button-container .final-confirm-btn{padding:3px 7px 2px;width:75px;font-size:12px}.exam-content .exam-view .pictures-fieldset{padding:0 5px 10px}.exam-content .exam-view .each-question-item{margin:6px auto;padding:10px 4px}.exam-content .exam-view .file-question-5option,.exam-content .exam-view .file-question-option{margin:4px}.exam-content .exam-view .question-bank-fieldset legend{width:150px;font-size:15px}.exam-content .exam-view .exam-title input{padding:4px 5px}.exam-content .exam-view .question-type-btn{padding:3px 5px;margin:0 0 0;font-size:15px}.exam-content .exam-view textarea{font-size:11px}.exam-content .exam-view .keify-checkbox{font-size:14px}.exam-content .exam-view .keify-checkbox i{font-size:18px;top:2px;height:16px}.exam-content .exam-print .customize-print{padding:3px 0 5px 0}.exam-content .exam-print .customize-print i{width:20px;font-size:17px}.exam-content .exam-print .customize-print .width-40-customize-option{padding:0 4px 0 5px}.exam-content .exam-print .answer-customize,.exam-content .exam-print .barem-customize{padding:0 4px 0 5px}.exam-content .exam-print .option-title{padding-top:3px}.exam-content .exam-print .print-btn{left:27px;bottom:25px}}@media print{@page{margin:10cm}table{page-break-after:auto;counter-reset:page}tr{page-break-inside:avoid;page-break-after:auto}td{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group;text-align:center}tfoot:after{counter-increment:page;content:"Page " counter(page) " of " counter(pages);border:1px solid #000}div{page-break-inside:avoid}body{height:auto;padding:15px;margin:5px auto;display:block}.exam-content .exam-print{border:0}.exam-content .exam-print .exam-header{display:none}.exam-content .exam-print .customize-print{display:none}.exam-content .exam-print .print-btn-container{display:none}.exam-content .print-mode-button{display:none}}.send-exam .exam-main-content{padding:5px 7px 0}.send-exam .exam-main-content .guide-box{padding:10px 5px 7px;font-size:13px;text-align:justify}.send-exam .exam-main-content .fa-circle{color:#b42528;font-size:8px}.send-exam .change-school-box{padding:2px 5px}.send-exam .current-school-expression{font-size:15px;padding:5px 3px 2px}.send-exam .change-school-btn{font-size:13px;padding:8px 2px 2px}.send-exam .change-school-btn button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.send-exam .select-class-box{font-size:14px}.send-exam .select-class-box select{width:100px;text-align:center;border-radius:5px}.send-exam .class-title{background-color:#3a8a3a;color:#fff;text-align:center;padding:5px;border-radius:5px 5px 0 0;position:relative;top:3px;z-index:5;border:1px solid grey;box-shadow:0 0 2px 1px #808080db}.send-exam .footer-row{border-top:2px solid gray;position:sticky;bottom:0;z-index:10;margin:30px -1px 0;padding:7px 4px;background-color:#fff}.send-exam .footer-row button{font-size:14px;border-radius:4px;padding:3px 3px 2px;min-width:110px;border-color:#f5962e;background-color:#ffa639;color:#064ba0}.send-exam .send-exam-tab-content{width:100%;position:relative;margin:0 auto 10px;padding:10px 5px}.send-exam .exam-duration select{border-radius:5px;min-width:70px;margin-right:2px}.send-exam .exam-date-time{display:flex;justify-content:center;align-items:center;flex-direction:column}.send-exam .exam-date-time i{margin:0 3px;font-size:16px;color:#064ba0}.send-exam .date-of-exam{display:flex;align-items:flex-start}.send-exam .exam-start-time{margin:-7px 0 -17px;display:flex;align-items:center}.send-exam hr{width:80%;margin:16px 0 12px;border-top:1px solid #cbcbcb}.send-exam .exam-duration{display:flex;align-items:center}.send-exam .submit-btn-container{height:45px;padding:7px 0;border-top:2px solid #adadad;margin:0 -7px;position:sticky;bottom:0;background-color:#fff;box-shadow:0 -7px 15px -7px grey}@media screen and (max-width:480px){.send-exam .exam-details-border,.send-exam .exam-lesson-title{font-size:13px}.send-exam .send-exam-tab-option{width:49%;font-size:14px}.send-exam .send-exam-tab-option:last-child{margin-left:0}.send-exam .send-exam-tab-content{padding:0 0 5px}.send-exam .exam-main-content{height:calc(100% - 80px)}.send-exam .exam-date-time i{font-size:14px}.send-exam hr{width:93%}.send-exam .date-of-exam{margin-top:8px}.send-exam .submit-btn-container{height:41px;padding:6px 0}.send-exam .change-school-btn button{bottom:1px;font-size:11px;padding:3px 3px 1px;margin:3px 2px 1px}}.posted-exam-detail{border:1px solid #000;border-width:0 1px}.posted-exam-detail .state-one-two-container{height:100%;width:100%}.posted-exam-detail .state-three-container{height:100%;width:100%;position:absolute;top:0;background-color:#fff;z-index:50;transition:.6s ease-in-out;display:flex}.posted-exam-detail .posted-exam-detail-header{padding-left:35px;background-color:#064ba0;position:relative}.posted-exam-detail .posted-exam-title{width:95%;margin:0 auto;height:35px;padding-top:2px}.posted-exam-detail .more-button{width:30px;height:35px;border-radius:50%;position:absolute;left:1px;top:10px;color:#fff;padding-top:3px;font-size:27px;cursor:pointer}.posted-exam-detail .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:7px;top:-1px;border-radius:5px;z-index:10;color:#000}.posted-exam-detail .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.posted-exam-detail .in-header-menu-container{width:170px;background-color:#f0f8ff;font-size:14px;padding:3px}.posted-exam-detail .home-button{position:absolute;font-size:30px}.posted-exam-detail .home-button i{position:relative;top:6px;cursor:pointer}.posted-exam-detail .more-button .each-feature{border-radius:3px;cursor:pointer;padding:0 3px}.posted-exam-detail .more-button .each-feature i{font-size:15px}.posted-exam-detail .more-button .each-feature span{margin-right:7px}.posted-exam-detail .more-button .each-feature:hover{background-color:#bdc3c9}.posted-exam-detail .toggle-row{height:50px;padding-top:7px;background-color:#064ba0}.posted-exam-detail .posted-exam-toggle-box{height:35px;justify-content:space-around;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#c8d7ea;font-size:16px}.posted-exam-detail .toggle-switch-part{position:absolute;width:50%;bottom:-10px;height:7px;transition:.7s ease-in-out}.posted-exam-detail .toggle-switch-part>div{background-color:#fff;width:97%;margin:0 auto;height:5px;border-radius:22px;box-shadow:0 3px 5px -2px #717171}.posted-exam-detail .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.posted-exam-detail .toggle-items-title.selected-tab{color:#fff}.posted-exam-detail .posted-exam-detail-body{height:calc(100% - 110px);overflow:hidden}.posted-exam-detail .insides-tabs-container{height:100%;width:100%;position:relative;transition:.6s ease-in-out}.posted-exam-detail .state1-box,.state2-box{width:100%;height:100%}.posted-exam-detail .state1-box{position:absolute;background-color:#fff;transition:.6s ease-in-out}.posted-exam-detail .state2-box{position:absolute;background-color:#fff;transition:.6s ease-in-out;overflow:auto}.posted-exam-detail .state1-info{justify-content:space-evenly;padding:5px;flex-wrap:wrap;text-align:center;margin-bottom:12px}.posted-exam-detail .state1-info .each-item{width:50%;font-size:14px;padding:2px}.posted-exam-detail .state1-info .date-info{font-size:14px;width:50%;padding:2px}.posted-exam-detail .state1-info .name-and-lesson{font-size:15px;padding-bottom:2px;width:100%}.posted-exam-detail .state1-info .free-exam-info{width:52%;font-size:14px;padding:2px}.posted-exam-detail .state1-info .homework-info{font-size:14px;width:50%;padding:2px}.posted-exam-detail .state1-info .duration-title{font-size:14px;width:48%;padding:2px}.posted-exam-detail .state1-info i{font-size:18px;position:relative;top:2px;color:#064ba0}.posted-exam-detail .state1-info input{border-radius:5px;border:2px solid #064ba0;height:31px;margin-top:2px;text-align:center;padding:2px}.posted-exam-detail .each-class-box{font-size:15px}.posted-exam-detail .each-class-box table{width:100%}.posted-exam-detail .each-class-box .even-class{background-color:#c3e2ff}.posted-exam-detail .each-class-box th{text-align:center;border:1px solid #000;padding:3px}.posted-exam-detail .each-class-box td{border:1px solid #000}.posted-exam-detail .class-title-row{border:1px solid #000;color:#064ba0;font-size:16px;padding:6px 5px 4px;text-align:center;height:30px;display:none}.posted-exam-detail .each-student-row{border:1px solid #000}.posted-exam-detail .student-title{border-left:1px solid #000;width:30%;height:100%;padding:5px 5px 6px;cursor:pointer}.posted-exam-detail .student-title i{font-size:16px;position:relative;top:1px}.posted-exam-detail .class-title{border-left:1px solid #000;border-right:1px solid #000;width:12%;text-align:center;height:100%}.posted-exam-detail .evaluation-box input{text-align:center;width:170px}.posted-exam-detail .keyfi-evaluation{justify-content:space-evenly}.posted-exam-detail .keyfi-evaluation-btn{border-radius:7px;padding:2px;font-size:13px;width:115px;text-align:center;cursor:pointer}.posted-exam-detail .homework-evaluation{justify-content:space-evenly}.posted-exam-detail .homework-evaluation-btn{border-radius:7px;padding:2px;font-size:13px;width:85px;text-align:center;line-height:1.4;cursor:pointer}.posted-exam-detail .evaluation-darkgreen{border:2px solid #007410}.posted-exam-detail .evaluation-darkgreen-selected{background-color:#007410;color:#fff}.posted-exam-detail .evaluation-green{border:2px solid #6ba300}.posted-exam-detail .evaluation-green-selected{background-color:#6ba300;color:#fff}.posted-exam-detail .evaluation-yellow{border:2px solid #c8ae42}.posted-exam-detail .evaluation-yellow-selected{background-color:#c8ae42;color:#fff}.posted-exam-detail .evaluation-red{border:2px solid #c63030}.posted-exam-detail .evaluation-red-selected{background-color:#c63030;color:#fff}.posted-exam-detail .evaluation-gray{border:2px solid #6e6e6e}.posted-exam-detail .evaluation-gray-selected{background-color:#6e6e6e;color:#fff}.posted-exam-detail .absolute-submit-btn{position:absolute;width:65px;height:65px;background-color:orange;text-align:center;border-radius:50%;border:2px solid #ff7c41;left:18px;bottom:34px;font-size:17px;padding-top:18px;overflow:hidden;cursor:pointer}.posted-exam-detail .absolute-submit-btn div{position:absolute;top:-3px;right:-2px;font-size:22px;background-color:#0000005e;width:70px;height:70px;padding-top:21px;padding-left:5px}.posted-exam-detail .submit-result-btn{border-radius:5px;padding:1px 5px;background:#ffa639;border:2px solid #ff7c41;box-shadow:1px 1px 2px 1px #767676;font-size:14px;color:#064ba0;width:100px}.posted-exam-detail .posted-exam-guide{color:#8b0000;position:relative;cursor:pointer}.posted-exam-detail .evaluation-tab .evaluation-personnel-question{width:100%}.posted-exam-detail .evaluation-tab .evaluation-tab-body{overflow:auto;padding:0 5px;height:calc(100% - 62px)}.posted-exam-detail .evaluation-tab .current-student{font-size:15px;height:62px;background:#033c83;border-color:#f7aa4c;color:#fff;position:sticky;z-index:11;top:0}.posted-exam-detail .evaluation-tab .state3-info{justify-content:space-evenly;padding:5px;flex-wrap:wrap;text-align:center}.posted-exam-detail .evaluation-tab .current-student>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.posted-exam-detail .evaluation-tab .back-swipe{text-align:left;margin-bottom:0;padding-left:5px}.posted-exam-detail .evaluation-tab .back-swipe button{width:50px;border-radius:5px;border:0;background-color:transparent;color:#fff;font-size:25px;padding-top:1px;line-height:0}.posted-exam-detail .evaluation-tab .current-student-name{padding-right:5px;padding-left:8px}.posted-exam-detail .evaluation-tab .time-remaining{text-align:center;font-size:14px;display:flex;align-items:center}.posted-exam-detail .evaluation-tab .visibility-for-student{margin-bottom:6px}.posted-exam-detail .evaluation-tab .visibility-for-student>span>i{position:relative;top:4px;font-size:20px}.posted-exam-detail .evaluation-tab .feedback-btn{width:40px;margin:9px 0 9px 5px;position:relative;justify-content:end}.posted-exam-detail .evaluation-tab .feedback-btn button>i{position:relative;top:-1px}.posted-exam-detail .evaluation-tab .feedback-btn>div{text-align:right}.posted-exam-detail .evaluation-tab .feedback-btn>div>i{font-size:18px;position:relative;top:3px}.posted-exam-detail .evaluation-tab .feedback-option-box{overflow:hidden;position:absolute;bottom:15px;left:15px;height:0;padding:3px;width:0;background-color:#f0f8ff;border:2px solid gray;border-radius:5px;transition:.3s ease-out}.posted-exam-detail .evaluation-tab .feedback-option-box.feedback-option-open{height:90px;width:260px;bottom:45px;left:0}.posted-exam-detail .evaluation-tab .feedback-option-box>div{width:250px}.posted-exam-detail .evaluation-tab .each-feedback-option{margin:7px 4px 10px;cursor:pointer}.posted-exam-detail .evaluation-tab .each-feedback-option i{position:relative;top:3px;font-size:15px}.posted-exam-detail .evaluation-tab .feedback-option-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:.3s ease-out;background-color:#c6c6c6;border:2px solid #a4a4a4;z-index:10}.posted-exam-detail .evaluation-tab .feedback-option-button i{position:relative;bottom:2px;left:1px;transition:.3s ease-out}.posted-exam-detail .evaluation-tab .feedback-option-button.feedback-option-open{background-color:#d8dd81;border:2px solid #96987c}.posted-exam-detail .evaluation-tab .feedback-option-button.feedback-option-open i{transform:rotate(-45deg);left:0}.posted-exam-detail .evaluation-tab .next-previous-box{justify-content:space-around;padding:7px 5px;margin:0 -7px -6px;border-radius:0 0 4px 4px}.posted-exam-detail .evaluation-tab .next-previous-box button{border-radius:5px;padding:3px 5px;box-shadow:1px 1px 2px 1px #767676;font-size:14px;background-color:#ffa639;border:2px solid #ff7c41;cursor:pointer;color:#064ba0;margin:5px;height:40px}.posted-exam-detail .evaluation-tab .next-previous-box button i{position:relative;top:2px;font-size:15px}.posted-exam-detail .evaluation-tab .next-previous-box .save-btn{width:200px}.posted-exam-detail .evaluation-tab .next-previous-box .save-btn.save-btn-disabled{background-color:#d3d3d3;border:2px solid gray}.posted-exam-detail .evaluation-tab .next-previous-box .next-previous-btn{width:150px}.posted-exam-detail .evaluation-tab .student-answer-file{border:2px solid #4f9bf9;border-radius:5px 5px 0 0;margin-top:12px}.posted-exam-detail .evaluation-tab .loading-evaluation-tab{position:absolute;width:100%;height:100%;top:0;text-align:center;display:flex;align-items:center;font-size:30px;justify-content:center;background-color:#00000038}.posted-exam-detail .evaluation-tab .current-student-not-seen{color:#ff6060;font-size:12px}.posted-exam-detail .evaluation-tab .current-student-not-seen i{color:#ffd4d4;margin-left:3px;font-size:18px;position:relative;animation:not-seen-icon infinite linear .9s}.posted-exam-detail .evaluation-tab .Student-Obviously{animation:border-change-color infinite linear .5s}@keyframes not-seen-icon{0%{bottom:0}50%{bottom:5px;color:#ff8c00}100%{bottom:0;color:#ff6060}}@keyframes border-change-color{0%{background:#033c83;border-color:#f7aa4c}50%{border-color:#033c83;background:#3791ff}100%{background:#033c83;border-color:#f7aa4c}}.posted-exam-detail .evaluation-tab .evaluation-personnel-question input[type=checkbox]{margin:0 0 0 3px;float:right}.posted-exam-detail .evaluation-tab .evaluation-student-answer{text-align:justify;padding:7px;border-radius:5px;box-shadow:0 0 4px 0 #8abaf6;background:#e1f6ff;line-height:1.8;width:98%;margin:5px auto 0}.posted-exam-detail .evaluation-tab .evaluation-student-answer span:first-child{font-weight:700;color:#012653}.posted-exam-detail .evaluation-tab .evaluation-box{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.posted-exam-detail .evaluation-tab .qualitative-options{display:flex;width:100%;justify-content:space-around;align-items:center;margin:10px 0;flex-wrap:wrap}.posted-exam-detail .evaluation-tab .qualitative-button{width:18%;height:40px;display:flex;justify-content:center;align-items:center;border-radius:10px;cursor:pointer;font-size:14px;box-shadow:4px 4px 4px #00000069;background-color:#ececec;position:relative}.posted-exam-detail .evaluation-tab .complete-answer{border:3px solid #006e0f}.posted-exam-detail .evaluation-tab .not-complete-answer{border:3px solid #ad8b00}.posted-exam-detail .evaluation-tab .undone-answer{border:3px solid #d72323}.posted-exam-detail .evaluation-tab .Exempted-answer{border:3px solid #383838}.posted-exam-detail .evaluation-tab .complete-answer.selected{background:#006e0f;color:#fff}.posted-exam-detail .evaluation-tab .not-complete-answer.selected{background:#ad8b00;color:#fff}.posted-exam-detail .evaluation-tab .undone-answer.selected{background:#d72323;color:#fff}.posted-exam-detail .evaluation-tab .Exempted-answer.selected{background:#383838;color:#fff}.posted-exam-detail .evaluation-tab .question-fontsize{margin-right:5px}.posted-exam-detail .evaluation-tab .question-fontsize i{margin-left:3px;cursor:pointer}.posted-exam-detail .evaluation-tab .question-fontsize i.selected-font{color:#0d65d2}.posted-exam-detail .evaluation-tab .first-level{border:3px solid #006e0f}.posted-exam-detail .evaluation-tab .second-level{border:3px solid #6ba300}.posted-exam-detail .evaluation-tab .third-level{border:3px solid #ad8b00}.posted-exam-detail .evaluation-tab .fourth-level{border:3px solid #c51f1f}.posted-exam-detail .evaluation-tab .first-level.selected{background:#006e0f;color:#fff}.posted-exam-detail .evaluation-tab .second-level.selected{background:#6ba300;color:#fff}.posted-exam-detail .evaluation-tab .third-level.selected{background:#ad8b00;color:#fff}.posted-exam-detail .evaluation-tab .fourth-level.selected{background:#c51f1f;color:#fff}.posted-exam-detail .evaluation-tab .question-fontsize{margin-right:5px}.posted-exam-detail .evaluation-tab .question-fontsize i{margin-left:3px;cursor:pointer}.posted-exam-detail .evaluation-tab .question-fontsize i.selected-font{color:#0d65d2}.posted-exam-detail .evaluation-tab .quantitative-options{display:flex;width:100%;justify-content:center;align-items:center;margin:10px auto}.posted-exam-detail .evaluation-tab .quantitative-options .barem-btn{width:55px;display:flex;justify-content:center;align-items:center;border-radius:10px;cursor:pointer;font-size:15px;box-shadow:1px 1px 3px #53f353;background-color:#ececec;margin:0 10px;border:3px solid #5fc47e;background:#e8ffe8;transition:all .5s linear;padding:4px 0}.posted-exam-detail .evaluation-tab .quantitative-options .barem-btn:hover{border:3px solid #297b42;box-shadow:1px 1px 3px #2ca92c;background:#b5ffb5}.posted-exam-detail .evaluation-tab .quantitative-options .total{width:60px;padding:0;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;background-color:#fff;font-size:13px;box-shadow:none}.posted-exam-detail .evaluation-tab .quantitative-options .submit{padding:5px 0;background-color:#f7aa4c;position:relative;border-radius:5px;width:49px;border:1px solid #f7aa4c;color:#000;font-size:14px;text-align:center;cursor:pointer}.posted-exam-detail .evaluation-tab .quantitative-options .disabled-btn{border:2px solid #8d8d8d;background:#d9d9d9;color:#898989;cursor:default}.posted-exam-detail .evaluation-tab .calculated-score{background:#00306f;border-radius:5px;padding:3px 9px;color:#fff;font-weight:400;box-shadow:1px 1px 3px 1px #4e4e4e;border:1px solid #578eee}.posted-exam-detail .evaluation-tab .calculated-score span{color:#c3eeff}.posted-exam-detail .evaluation-tab .final-score{height:28px;background:#00306f;border-radius:5px;padding:3px 5px 3px 2px;color:#fff;font-weight:400;box-shadow:1px 1px 3px 1px #4e4e4e;border:1px solid #578eee}.posted-exam-detail .evaluation-tab .final-score span{color:#c3eeff;padding-left:7px}.posted-exam-detail .evaluation-tab .final-score input{width:50px;height:22px;color:#000;text-align:center;border-radius:6px;border:0;padding-top:1px;margin-left:5px}.posted-exam-detail .evaluation-tab .final-score input::-webkit-inner-spin-button,.posted-exam-detail .evaluation-tab .final-score input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.posted-exam-detail .evaluation-tab .final-score input[type=number]{-moz-appearance:textfield}.posted-exam-detail .evaluation-tab .feedback-content{border-radius:5px;background-color:#e6e6e6;padding:5px 0}.posted-exam-detail .evaluation-tab .feedback-box .feeback-text{display:none}.posted-exam-detail .evaluation-tab .feedback-box.evaluation-feedback-open .feeback-text{display:inline-block}.posted-exam-detail .evaluation-tab .feedback-text{width:99%;position:relative;margin:0 auto;height:100%}.posted-exam-detail .evaluation-tab .feeback-textarea{width:100%;height:60px;padding:7px 7px 7px 50px;resize:none;overflow:auto;border-radius:5px;font-size:14px}.posted-exam-detail .evaluation-tab .feedback-loading{position:absolute;display:flex;justify-content:center;align-items:center;top:0;height:100%;width:100%}.posted-exam-detail .evaluation-tab .feedback-loading i{width:25px;height:25px;left:50%}.posted-exam-detail .evaluation-tab .feedback-voice{width:99%;margin:0 auto 5px auto}.posted-exam-detail .evaluation-tab .whole-feedback{text-align:center;font-weight:700;font-size:15px;color:#064ba0;margin:0 5px 10px;display:flex;align-items:center;justify-content:end}.posted-exam-detail .evaluation-tab .transfer-barem{justify-content:center;flex-direction:column;cursor:pointer}.posted-exam-detail .evaluation-tab .transfer-barem span{line-height:.9}.posted-exam-detail .evaluation-tab .transfer-barem i{font-size:27px;transform:scaleX(1.5);height:18px}.posted-exam-detail .evaluation-tab .whole-feedback-container{font-size:13px;text-align:justify;border:2px solid #4f9bf9;padding:0 7px 6px;border-radius:5px;margin:5px auto 10px}.posted-exam-detail .evaluation-tab .whole-feedback-container legend{border:none;padding:0 5px;width:135px;margin:0 1px;font-size:16px;color:#0d65d2}.posted-exam-detail .evaluation-tab .whole-feedback-container legend i{color:#228b22;margin-left:5px;position:relative;top:2px}@media screen and (max-width:991px){.posted-exam-detail .keyfi-evaluation-btn{padding:3px 2px 2px;font-size:11px;width:90px}}@media screen and (max-width:768px){.posted-exam-detail .posted-exam-detail-body{height:calc(100% - 90px)}.posted-exam-detail .home-button{font-size:28px}.posted-exam-detail .home-button i{top:4px;right:2px}.posted-exam-detail .more-button{top:9px;left:0;padding-top:2px}.posted-exam-detail .toggle-row{height:40px}.posted-exam-detail .posted-exam-toggle-box{height:30px;border-radius:15px;font-size:14px}.posted-exam-detail .toggle-items-title{font-size:15px;padding-top:5px}.posted-exam-detail .toggle-switch-part{bottom:-5px}.posted-exam-detail .toggle-switch-part>div{width:95%;height:4px;box-shadow:0 2px 4px -1px #afafaf}.posted-exam-detail .state1-info{margin-bottom:0}.posted-exam-detail .state1-info .free-exam-info{width:100%;font-size:13px}.posted-exam-detail .state1-info .duration-title{width:100%;font-size:13px}.posted-exam-detail .state1-info .homework-info{width:100%;font-size:13px;padding-top:1px}.posted-exam-detail .state1-info .date-info{font-size:13px}.posted-exam-detail .state1-info .name-and-lesson{font-size:14px}.posted-exam-detail .evaluation-box input{width:130px}.posted-exam-detail .class-title-row{display:table-row}.posted-exam-detail .class-title{display:none}.posted-exam-detail .keyfi-evaluation{justify-content:space-evenly;flex-wrap:wrap}.posted-exam-detail .keyfi-evaluation-btn{width:35%;margin:2px}.posted-exam-detail .absolute-submit-btn{width:45px;height:45px;bottom:23px;font-size:15px;padding-top:9px}.posted-exam-detail .absolute-submit-btn div{top:0;right:-2px;font-size:18px;width:50px;height:50px;padding-top:10px}.posted-exam-detail .evaluation-tab .current-student{font-size:13px}.posted-exam-detail .evaluation-tab .qualitative-button{width:23%;font-size:12px}.posted-exam-detail .evaluation-tab .whole-feedback{font-size:14px}.posted-exam-detail .evaluation-tab .feeback-textarea{font-size:13px}.posted-exam-detail .evaluation-tab .feedback-text-button{padding:1px 6px;font-size:14px;height:35px}.posted-exam-detail .evaluation-tab .feedback-option-button{width:32px;height:32px;font-size:17px}.posted-exam-detail .evaluation-tab .feedback-option-box.feedback-option-open{bottom:37px}.posted-exam-detail .evaluation-tab .feedback-btn{width:32px;margin:9px 0 9px 1px}.posted-exam-detail .evaluation-tab .current-student button{padding:1px 5px}.posted-exam-detail .homework-evaluation-btn{width:53px}}@media screen and (max-width:480px){.posted-exam-detail .posted-exam-detail-body{height:calc(100% - 79px)}.posted-exam-detail .toggle-row{padding-top:0;height:29px}.posted-exam-detail .posted-exam-toggle-box{height:28px;width:95%}.posted-exam-detail .toggle-items-title{font-size:12px;padding-top:4px}.posted-exam-detail .toggle-switch-part{bottom:-3px}.posted-exam-detail .toggle-switch-part>div{width:95%;height:3px;box-shadow:0 2px 2px -1px #000}.posted-exam-detail .state1-info .name-and-lesson{font-size:12px}.posted-exam-detail .state1-info .each-item{width:unset;min-width:50%;font-size:12px;padding:5px}.posted-exam-detail .state1-info .date-info{min-width:215px;font-size:12px;padding:3px}.posted-exam-detail .state1-info .duration-title{width:100%;font-size:12px;padding:5px}.posted-exam-detail .state1-info i{font-size:14px;position:relative;top:1px}.posted-exam-detail .each-class-box{width:100%;font-size:14px}.posted-exam-detail .keyfi-evaluation-btn{width:45%}.posted-exam-detail .homework-evaluation-btn{padding:3px 2px 0;font-size:11px;width:47px}.posted-exam-detail .class-title-row{font-size:14px;padding:5px 5px 4px;height:33px}.posted-exam-detail .student-title{padding:5px;font-size:11px}.posted-exam-detail .student-title i{font-size:14px;position:relative;top:2px}.posted-exam-detail .evaluation-box input{width:100px}.posted-exam-detail .absolute-submit-btn{left:13px;bottom:21px}.posted-exam-detail .evaluation-tab .back-swipe{padding-left:0}.posted-exam-detail .evaluation-tab .next-previous-box{padding:5px 3px 5px;justify-content:space-between}.posted-exam-detail .evaluation-tab .next-previous-box button{font-size:13px;margin:3px 10px;height:30px}.posted-exam-detail .evaluation-tab .next-previous-box .next-previous-btn{width:65px;font-size:12px}.posted-exam-detail .evaluation-tab .next-previous-box .next-previous-btn i{top:2px;font-size:14px}.posted-exam-detail .evaluation-tab .next-previous-box .save-btn{width:105px}.posted-exam-detail .evaluation-tab .whole-feedback-container{margin:4px}.posted-exam-detail .evaluation-tab .current-student{height:56px}.posted-exam-detail .evaluation-tab .evaluation-tab-body{height:calc(100% - 56px)}.posted-exam-detail .evaluation-tab .qualitative-button{width:45%;font-size:13px;height:35px;margin-top:10px}.posted-exam-detail .evaluation-tab .quantitative-options .submit{width:40px;font-size:12px}.posted-exam-detail .evaluation-tab .quantitative-options .barem-btn{width:35px;font-size:11px;margin:0 4px}.posted-exam-detail .evaluation-tab .feedback-text-button{height:31px;width:31px;font-size:12px}.posted-exam-detail .evaluation-tab .feedback-text,.posted-exam-detail .evaluation-tab .feedback-voice{width:97%}.posted-exam-detail .evaluation-tab .current-student-not-seen i{font-size:16px}.posted-exam-detail .evaluation-tab .Exempted-answer,.posted-exam-detail .evaluation-tab .complete-answer,.posted-exam-detail .evaluation-tab .not-complete-answer,.posted-exam-detail .evaluation-tab .undone-answer{width:22%;height:35px;font-size:13px}.posted-exam-detail .evaluation-tab .current-student{font-size:13px;padding:7px 5px;justify-content:space-between}.posted-exam-detail .evaluation-tab .whole-feedback{font-size:13px;justify-content:center}.posted-exam-detail .evaluation-tab .feeback-textarea{font-size:12px;padding:7px 7px 7px 40px}.posted-exam-detail .evaluation-tab .feedback-text-button{padding:1px 5px;font-size:12px}.posted-exam-detail .evaluation-tab .whole-feedback-container legend{padding:0 5px 5px}}.add-disciplinary-subject-dialog{padding:15px 5px 10px}.add-disciplinary-subject-dialog input::-webkit-inner-spin-button,.add-disciplinary-subject-dialog input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-disciplinary-subject-dialog input[type=number]{-moz-appearance:textfield}.add-disciplinary-subject-dialog .disciplinary-subject{padding:5px 0}.add-disciplinary-subject-dialog .disciplinary-subject>input{padding:3px;width:95%;height:30px}.add-disciplinary-subject-dialog .disciplinary-score{padding:5px 0;width:95%}.add-disciplinary-subject-dialog .disciplinary-score>input{padding:3px;height:30px}.karpooshe-attendance .flex-display{display:flex;align-items:center}.karpooshe-attendance .flex-wrap{flex-wrap:wrap}.karpooshe-attendance .justify-around{justify-content:space-around}.karpooshe-attendance .justify-between{justify-content:space-between}.karpooshe-attendance .justify-center{justify-content:center}.karpooshe-attendance .hide-element{display:none}.karpooshe-attendance .show-element{display:flex}.karpooshe-attendance .school-info{font-size:19px;margin:10px 0;text-align:center}.karpooshe-attendance .operation-type{text-align:center;font-size:17px;margin:6px}.karpooshe-attendance .filter{width:98%;margin:9px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0}.karpooshe-attendance .filter .fa-filter{font-size:25px;padding:10px 13px}.karpooshe-attendance .fa-toggle-on{color:green}.karpooshe-attendance input[type=checkbox]{margin:0 0 0 3px}.karpooshe-attendance .back-btn{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-attendance .back-btn{font-size:17px;padding:2px 4px 0 4px}.karpooshe-attendance .attendance-info{width:100%;margin:0 auto 0}.karpooshe-attendance td,.karpooshe-attendance th{text-align:center;border:1px solid}.karpooshe-attendance .attendance-table-th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.karpooshe-attendance td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.karpooshe-attendance .present{color:#228b22}.karpooshe-attendance .delay{color:#c38900}.karpooshe-attendance .absent-unjustified{color:#bb2121}.karpooshe-attendance .absent-justified{color:#5f5f5f}.karpooshe-attendance .print-mode{display:none}.print-mode.karpooshe-attendance .absent-justified,.print-mode.karpooshe-attendance .absent-unjustified,.print-mode.karpooshe-attendance .delay,.print-mode.karpooshe-attendance .present{color:#002e66}.karpooshe-attendance .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.karpooshe-attendance .print-table-header div{width:25%;text-align:center;padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.karpooshe-attendance .print-table-detail div{font-size:13px;padding:5px 3px;border:1px solid #b9b9b9;background:#f3f3f3;color:#002e66;width:25%;text-align:center}.karpooshe-attendance .fa-star{font-size:15px;color:#064ba0}.karpooshe-attendance .all-absent-detail{font-size:14px;text-align:center;padding:5px 5px 0;justify-content:space-evenly}.karpooshe-attendance .filter-box{margin:10px;position:relative}.karpooshe-attendance .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-attendance .filter-box .fa-remove{color:#ffe768;cursor:pointer}.karpooshe-attendance .filter-box .first-row{height:33px;padding:2px 45px 4px 6px;justify-content:space-between}.karpooshe-attendance .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap}.karpooshe-attendance .filter-box .just-absent i{font-size:20px;margin-left:3px}.karpooshe-attendance .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-attendance .filter-box .filter-option{text-align:center;justify-content:center}.karpooshe-attendance .filter-box .filter-option .date-picker{direction:ltr;width:170px;padding-right:5px}.karpooshe-attendance .filter-box .filter-option-select select{width:170px;height:33px;border-radius:5px}@media screen and (max-width:768px){.karpooshe-attendance .filter .fa-filter{font-size:21px;padding:4px 10px}.karpooshe-attendance .attendance-table-th{font-size:13px}.karpooshe-attendance td{font-size:12px}.karpooshe-attendance .filter-box .first-row{height:35px;padding:2px 35px 4px 6px;justify-content:space-between}.karpooshe-attendance .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap}.karpooshe-attendance .filter-box .just-absent{font-size:13px}.karpooshe-attendance .filter-box .just-absent i{font-size:18px;margin-left:3px}.karpooshe-attendance .filter-box .filter-option{padding-top:3px}.karpooshe-attendance .filter-box .filter-option .date-picker{width:145px}.karpooshe-attendance .filter-box .filter-option-select select{width:220px;text-align:center;height:33px;border-radius:5px;margin-top:4px}}@media screen and (max-width:480px){.karpooshe-attendance .filter .fa-filter{font-size:18px;padding:4px 6px}.karpooshe-attendance .attendance-table-th{font-size:12px}.karpooshe-attendance td{font-size:11px}.karpooshe-attendance .filter-box{margin:10px 5px 0;position:relative}.karpooshe-attendance .filter-box .filter-icon{position:absolute;width:31px;height:31px;font-size:19px;padding:2px 5px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-attendance .filter-box .first-row{height:32px;padding:0 30px 6px 3px;justify-content:space-between}.karpooshe-attendance .filter-box .second-row{justify-content:space-evenly}.karpooshe-attendance .filter-box .just-absent{font-size:12px}.karpooshe-attendance .filter-box .just-absent i{font-size:18px;margin-left:3px}.karpooshe-attendance .filter-box .pdf-report{padding:3px 6px;font-size:18px;margin:2px 0 4px}.karpooshe-attendance .filter-box .filter-option{font-size:12px;width:50%}.karpooshe-attendance .filter-box .filter-option .date-picker{width:80%;min-width:126px;padding-right:3px}.karpooshe-attendance .filter-box .filter-option .date-picker .ADMdtpInput input{font-size:12px;padding:6px 12px 6px 6px}.karpooshe-attendance .filter-box .filter-option-select select{font-size:12px;padding-bottom:3px}.karpooshe-attendance .all-absent-detail{font-size:13px;padding:5px 0 3px}}@media print{.karpooshe-attendance table{page-break-inside:auto}.karpooshe-attendance .blue-background{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-attendance td{background:#f3f3f3!important;-webkit-print-color-adjust:exact}.karpooshe-attendance table tr{page-break-inside:avoid;page-break-after:auto}.karpooshe-attendance table td{page-break-inside:avoid;page-break-after:auto}.karpooshe-attendance table thead{display:table-header-group}.karpooshe-attendance tfoot{display:table-footer-group}.karpooshe-attendance .fa-star{color:#064ba0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-attendance .print-mode{display:block}.karpooshe-attendance .flex-display{display:flex;align-items:center}.karpooshe-attendance .justify-around{justify-content:space-around}}.karpooshe-enzebati .flex-display{display:flex;align-items:center}.karpooshe-enzebati .flex-wrap{flex-wrap:wrap}.karpooshe-enzebati .justify-around{justify-content:space-around}.karpooshe-enzebati .justify-between{justify-content:space-between}.karpooshe-enzebati .justify-center{justify-content:center}.karpooshe-enzebati .hide-element{display:none}.karpooshe-enzebati .show-element{display:flex}.karpooshe-enzebati .school-info{font-size:19px;margin:10px 0;text-align:center}.karpooshe-enzebati .operation-type{text-align:center;font-size:17px;margin:6px}.karpooshe-enzebati .filter{width:98%;margin:9px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0}.karpooshe-enzebati .filter .fa-filter{font-size:25px;padding:10px 13px}.karpooshe-enzebati .fa-toggle-on{color:green}.karpooshe-enzebati input[type=checkbox]{margin:0 0 0 3px}.karpooshe-enzebati .back-btn{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-enzebati .back-btn{font-size:17px;padding:2px 4px 0 4px}.karpooshe-enzebati .attendance-info{width:100%;margin:0 auto 0}.karpooshe-enzebati td,.karpooshe-enzebati th{text-align:center;border:1px solid}.karpooshe-enzebati .attendance-table-th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.karpooshe-enzebati td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.karpooshe-enzebati .present{color:#228b22}.karpooshe-enzebati .delay{color:#c38900}.karpooshe-enzebati .absent-unjustified{color:#bb2121}.karpooshe-enzebati .absent-justified{color:#5f5f5f}.karpooshe-enzebati .print-mode{display:none}.print-mode.karpooshe-enzebati .absent-justified,.print-mode.karpooshe-enzebati .absent-unjustified,.print-mode.karpooshe-enzebati .delay,.print-mode.karpooshe-enzebati .present{color:#002e66}.karpooshe-enzebati .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.karpooshe-enzebati .print-table-header div{width:25%;text-align:center;padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.karpooshe-enzebati .print-table-detail div{font-size:13px;padding:5px 3px;border:1px solid #b9b9b9;background:#f3f3f3;color:#002e66;width:25%;text-align:center}.karpooshe-enzebati .fa-star{font-size:15px;color:#064ba0}.karpooshe-enzebati .filter-box{margin:10px;position:relative}.karpooshe-enzebati .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-enzebati .filter-box .fa-remove{color:#ffe768;cursor:pointer}.karpooshe-enzebati .filter-box .first-row{height:33px;padding:2px 45px 4px 6px;justify-content:space-between}.karpooshe-enzebati .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap}.karpooshe-enzebati .filter-box .just-absent i{font-size:20px;margin-left:3px}.karpooshe-enzebati .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-enzebati .filter-box .filter-option{text-align:center;justify-content:center}.karpooshe-enzebati .filter-box .filter-option .date-picker{direction:ltr;width:170px;padding-right:5px}.karpooshe-enzebati .filter-box .filter-option-select select{width:170px;height:33px;border-radius:5px}@media screen and (max-width:768px){.karpooshe-enzebati .filter .fa-filter{font-size:21px;padding:4px 10px}.karpooshe-enzebati .attendance-table-th{font-size:13px}.karpooshe-enzebati td{font-size:12px}.karpooshe-enzebati .filter-box .first-row{height:35px;padding:2px 35px 4px 6px;justify-content:space-between}.karpooshe-enzebati .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap}.karpooshe-enzebati .filter-box .just-absent{font-size:13px}.karpooshe-enzebati .filter-box .just-absent i{font-size:18px;margin-left:3px}.karpooshe-enzebati .filter-box .filter-option{padding-top:3px}.karpooshe-enzebati .filter-box .filter-option .date-picker{width:145px}.karpooshe-enzebati .filter-box .filter-option-select select{width:220px;text-align:center;height:33px;border-radius:5px;margin-top:4px}}@media screen and (max-width:480px){.karpooshe-enzebati .filter .fa-filter{font-size:18px;padding:4px 6px}.karpooshe-enzebati .attendance-table-th{font-size:12px}.karpooshe-enzebati td{font-size:11px}.karpooshe-enzebati .filter-box{margin:10px 5px 0;position:relative}.karpooshe-enzebati .filter-box .filter-icon{position:absolute;width:31px;height:31px;font-size:19px;padding:2px 5px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-enzebati .filter-box .first-row{height:32px;padding:0 30px 6px 3px;justify-content:space-between}.karpooshe-enzebati .filter-box .second-row{justify-content:space-evenly}.karpooshe-enzebati .filter-box .just-absent{font-size:12px}.karpooshe-enzebati .filter-box .just-absent i{font-size:18px;margin-left:3px}.karpooshe-enzebati .filter-box .pdf-report{padding:3px 6px;font-size:18px;margin:2px 0 4px}.karpooshe-enzebati .filter-box .filter-option{font-size:12px;width:50%}.karpooshe-enzebati .filter-box .filter-option .date-picker{width:80%;min-width:126px;padding-right:3px}.karpooshe-enzebati .filter-box .filter-option .date-picker .ADMdtpInput input{font-size:12px;padding:6px 12px 6px 6px}.karpooshe-enzebati .filter-box .filter-option-select select{font-size:12px;padding-bottom:3px}}@media print{.karpooshe-enzebati table{page-break-inside:auto}.karpooshe-enzebati .blue-background{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-enzebati td{background:#f3f3f3!important;-webkit-print-color-adjust:exact}.karpooshe-enzebati table tr{page-break-inside:avoid;page-break-after:auto}.karpooshe-enzebati table td{page-break-inside:avoid;page-break-after:auto}.karpooshe-enzebati table thead{display:table-header-group}.karpooshe-enzebati tfoot{display:table-footer-group}.karpooshe-enzebati .fa-star{color:#064ba0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-enzebati .print-mode{display:block}.karpooshe-enzebati .flex-display{display:flex;align-items:center}.karpooshe-enzebati .justify-around{justify-content:space-around}}.karpooshe-exam .flex-display{display:flex;align-items:center}.karpooshe-exam .flex-wrap{flex-wrap:wrap}.karpooshe-exam .justify-around{justify-content:space-around}.karpooshe-exam .justify-between{justify-content:space-between}.karpooshe-exam .justify-center{justify-content:center}.karpooshe-exam .filter{width:98%;margin:9px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0}.karpooshe-exam .back-btn{font-size:21px;color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;margin:8px 0}.karpooshe-exam .back-btn{font-size:17px;padding:2px 4px 0 4px}.karpooshe-exam .show-attendance{width:100%;padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;line-height:1.7;margin-top:10px;text-align:center}.karpooshe-exam input[type=checkbox]{margin:0 0 0 3px}.karpooshe-exam .attendance-info{width:100%}.karpooshe-exam td,.karpooshe-exam th{text-align:center;border:1px solid}.karpooshe-exam th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.karpooshe-exam td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.karpooshe-exam .very-good{color:#228b22}.karpooshe-exam .good{color:#56b500}.karpooshe-exam .not-bad{color:#c38900}.karpooshe-exam .bad{color:#bb2121}.karpooshe-exam .perfect{color:#228b22}.karpooshe-exam .imperfect{color:#c38900}.karpooshe-exam .Exempted{color:#5f5f5f}.karpooshe-exam .undone{color:#bb2121}.karpooshe-exam .visibility-for-student{position:absolute;top:2px;left:5px;color:#b11313}.karpooshe-exam .hide-element{display:none}.karpooshe-exam .show-element{display:flex}.karpooshe-exam .school-info{font-size:19px;margin:10px 0;text-align:center}.karpooshe-exam .operation-type{text-align:center;font-size:17px;margin:6px}.karpooshe-exam .print-mode{display:none}.print-mode.karpooshe-exam .bad,.print-mode.karpooshe-exam .good,.print-mode.karpooshe-exam .not-bad,.print-mode.karpooshe-exam .very-good{color:#002e66}.karpooshe-exam .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.karpooshe-exam .fa-star{font-size:15px;color:#064ba0}.karpooshe-exam .all-record-detail{font-size:14px;text-align:center;padding:5px 5px 0;justify-content:space-evenly}.karpooshe-exam .filter-box{margin:10px;position:relative}.karpooshe-exam .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-exam .filter-box .fa-remove{cursor:pointer;color:#ffe768}.karpooshe-exam .filter-box .first-row{height:33px;padding:2px 45px 4px;justify-content:space-evenly}.karpooshe-exam .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap;padding:5px 45px 0}.karpooshe-exam .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-exam .filter-box .filter-option{text-align:center;justify-content:center}.karpooshe-exam .filter-box .filter-option .date-picker{direction:ltr;width:170px;padding-right:5px}.karpooshe-exam .filter-box .filter-option-select select{width:215px;height:31px;border-radius:5px;text-align:center}@media screen and (max-width:1024px){.karpooshe-exam .pdf-report{margin-bottom:5px}}@media screen and (max-width:768px){.karpooshe-exam .filter .fa-filter{font-size:21px;padding:4px 10px}.karpooshe-exam .pdf-report{font-size:18px}.karpooshe-exam th{font-size:13px}.karpooshe-exam td{font-size:12px}.karpooshe-exam .filter-box{margin:10px;position:relative}.karpooshe-exam .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-exam .filter-box .first-row{padding:2px 40px 4px 5px}.karpooshe-exam .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap;padding:5px 5px 0}.karpooshe-exam .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-exam .filter-box .filter-option{text-align:center;justify-content:center}.karpooshe-exam .filter-box .filter-option .date-picker{direction:ltr;width:150px;padding-right:5px}.karpooshe-exam .filter-box .filter-option-select select{width:190px}}@media screen and (max-width:480px){.karpooshe-exam .filter .fa-filter{font-size:18px;padding:4px 6px}.karpooshe-exam .date-picker{width:90px}.karpooshe-exam .pdf-report{font-size:17px}.karpooshe-exam th{font-size:12px}.karpooshe-exam td{font-size:11px}.karpooshe-exam .all-record-detail{font-size:13px;padding:5px 5px 2px}.karpooshe-exam .filter-box{margin:10px 5px 2px}.karpooshe-exam .filter-box .filter-icon{width:31px;height:31px;font-size:19px;padding:2px 5px;border-radius:0 0 0 7px;top:0;right:0}.karpooshe-exam .filter-box .first-row{height:27px;padding:2px 30px 4px 0}.karpooshe-exam .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap;padding:5px 0 0}.karpooshe-exam .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.karpooshe-exam .filter-box .filter-option{text-align:center;justify-content:center;width:50%}.karpooshe-exam .filter-box .filter-option .date-picker{direction:ltr;width:125px;padding-right:0}.karpooshe-exam .filter-box .filter-option .date-picker .ADMdtpInput input{font-size:12px;padding:6px 12px 6px 6px}.karpooshe-exam .filter-box .filter-option-select select{width:120px;height:27px;border-radius:5px;text-align:center}}@media print{.karpooshe-exam table{page-break-inside:auto}.karpooshe-exam .blue-background{border:1px solid #b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-exam td{background:#f3f3f3!important;border:1px solid #b9b9b9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-exam table tr{page-break-inside:avoid;page-break-after:auto}.karpooshe-exam table td{page-break-inside:avoid;page-break-after:auto}.karpooshe-exam table thead{display:table-header-group}.karpooshe-exam tfoot{display:table-footer-group}.karpooshe-exam button.pdf-report{display:none}.karpooshe-exam .fa-star{color:#064ba0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.karpooshe-exam .print-mode{display:block}.karpooshe-exam .flex-display{display:flex;align-items:center}.karpooshe-exam .justify-around{justify-content:space-around}}.karpooshe-payment .summation-amount{width:98%;margin:9px auto 0;height:30px;border-radius:7px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0;line-height:2;text-align:center}.personnel-ordering-test-lesson-dialog .lesson-list.first-lesson-is-selected{position:relative;z-index:2}.personnel-ordering-test-lesson-dialog .each-lesson{border:2px solid #40786b;margin:5px auto;border-radius:3px;text-align:center;display:flex}.personnel-ordering-test-lesson-dialog .change-order-btn{height:30px;width:34px;display:flex;justify-content:center;align-items:center;font-size:20px;border-left:2px solid #40786b;cursor:pointer}.personnel-ordering-test-lesson-dialog .change-order-btn:hover{background-color:#c3c3c3}.personnel-ordering-test-lesson-dialog .lesson-title{padding:5px}.personnel-ordering-test-lesson-dialog .glassy-cover{position:absolute;opacity:.5;width:100%;right:0;top:0;z-index:1;background-color:#fff}.personnel-ordering-test-lesson-dialog .close-dialog{position:absolute;width:28px;height:28px;text-align:center;background-color:#e10000;color:#fff;border-radius:50%;font-size:18px;padding-top:4px;top:5px;right:5px;cursor:pointer}.test-student-info .pdf-test-report-btn{padding:10px 5px 7px;text-align:center}.test-student-info .pdf-test-report-btn button{width:250px;height:30px;color:#064baf;background-color:#ffb357;border:2px solid #ff8946;border-radius:5px;font-size:14px}.test-student-info .student{padding:0 0 10px 0;margin:10px auto}.test-student-info .table-info{color:#333;font-size:18px;text-align:center;width:80%;margin:0 auto;justify-content:space-between}.test-student-info ::-webkit-scrollbar{height:5px!important;display:block;cursor:pointer;direction:rtl}.test-student-info ::-webkit-scrollbar-track{background:#f1f1f1}.test-student-info ::-webkit-scrollbar-thumb{background:#888}.test-student-info ::-webkit-scrollbar-thumb:hover{background:#555}.test-student-info{scrollbar-width:thin}.test-student-info .table-container{width:99%;margin:0 auto;border-radius:0 0 5px 5px}.test-student-info .student .exam-scores-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:0 0 5px 5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px;padding:10px;margin-top:0}.test-student-info .student .exam-scores-table .table-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0}.test-student-info .student .exam-scores-table .header-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;border-right:none}.test-student-info .student .single-row{width:55px!important}.test-student-info .student .top-20{width:72px!important}.test-student-info .student .factor{width:33px!important}.test-student-info .student .rank{width:70px!important}.test-student-info .student .balance{width:45px!important}.test-student-info .student .exam-scores-table .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.test-student-info .student .exam-scores-table .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.test-student-info .student .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.test-student-info .student .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.test-student-info .student .exam-scores-table .table-data{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.test-student-info .student .exam-scores-table .each-data{display:flex;width:135px;height:100%;align-items:center;justify-content:center;border:1px solid;border-top:none;border-right:none;border-color:#064ba0}.test-student-info .student .background-color{background-color:#f0f8ff}.test-student-info .student .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.test-student-info .student .chart-box{width:97%;min-height:300px;background-color:#fff}.test-student-info .student .exam-answers-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:0 6px;flex-direction:column}.test-student-info .student .exam-answers-wrapper{width:100%;display:flex;flex-wrap:wrap}.test-student-info .student .exam-answers-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px}.test-student-info .student .exam-answers-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-right:none;border-left:none;width:49%}.test-student-info .student .exam-answers-header .header-title{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-top:none;width:90px;border-bottom:none;border-left:none}.test-student-info .student .exam-answers-table .subtopic{width:470px;border-left:1px solid #064ba0}.test-student-info .student .exam-answers-content{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:49%}.test-student-info .student .answer-data{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid #064ba0;border-top:none;width:90px;border-left:none;font-size:9px}.test-student-info .consultant{padding:0 0 10px 0;margin:0 auto;width:99%;height:Calc(100% - 129px)}.test-student-info .data-container{overflow:auto;display:inline-block;height:Calc(100% - 35px);margin:0 auto;scrollbar-width:none}.test-student-info .consultant .exam-scores-table{width:99%;height:95%;white-space:nowrap;overflow:auto;display:flex;border-radius:0 0 5px 5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:10px;padding:10px;padding-bottom:5px}.test-student-info .consultant .exam-scores-table .table-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border:1px solid;border-bottom:none;border-left:none;border-color:#064ba0;padding-left:5px;border-top:none}.test-student-info .consultant .exam-scores-table .header-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-right:none}.test-student-info .consultant .rank{width:27px!important;border-right:1px solid!important}.test-student-info .consultant .balance{width:30px!important}.test-student-info .consultant .lessons{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:row}.test-student-info .consultant .exam-scores-table .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px;border:1px solid;border-top:none;border-left:none}.test-student-info .consultant .exam-scores-table .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.test-student-info .consultant .exam-scores-table .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.test-student-info .consultant .exam-scores-table .border-style{border:1px solid;border-bottom:none;border-top:none;border-color:#064ba0}.test-student-info .consultant .table-data{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;border-right:1px solid;border-color:#064ba0}.test-student-info .consultant .data-title{display:flex;width:135px;height:100%;align-items:center;justify-content:center;border:1px solid;border-top:none;border-right:none;border-color:#064ba0}.test-student-info .consultant .background-color{background-color:#f0f8ff}.test-student-info .rank-in-class{text-align:center}.test-student-info .rank-in-class .hide-br{display:none}.test-student-info .rank-in-class .background-color{background-color:#f0f8ff}.test-student-info .rank-in-class .rank-in-class-container{width:99%;display:inline-block;margin:10px auto;padding:2px 6px}.test-student-info .rank-in-class .rank-in-class-wrapper{width:100%;display:flex;flex-wrap:wrap}.test-student-info .rank-in-class .exam-answers-table{width:100%;white-space:nowrap;overflow:auto;display:flex;border-radius:5px;margin:10px auto;flex-direction:column;align-items:flex-start;font-size:11px}.test-student-info .rank-in-class .exam-answers-header{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:100%}.test-student-info .rank-in-class .exam-answers-header .header-title{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border-top:none;width:30%;border-bottom:none;background-color:#8cdff7;border:1px solid;border-left:none}.test-student-info .rank-in-class .exam-answers-table .border-left{border-left:1px solid #064ba0}.test-student-info .rank-in-class .exam-answers-content{height:35px;display:flex;text-align:center;flex-direction:row;flex-wrap:nowrap;margin:0 auto;width:100%}.test-student-info .rank-in-class .answer-data{display:flex;height:100%;align-items:center;justify-content:center;border:1px solid #064ba0;border-top:none;width:30%;border-left:none}.test-student-info .rank-in-class .top-row{width:100%;height:50%;border-bottom:1px solid;display:flex;justify-content:center;align-items:center;padding:0 5px}.test-student-info .rank-in-class .bottom-row{width:100%;height:50%;text-align:center;display:flex;flex-wrap:nowrap}.test-student-info .rank-in-class .sub-title{display:flex;width:50%;flex-direction:row;justify-content:center;align-items:center;height:100%;flex-wrap:nowrap}.test-student-info .rank-in-class .border-style{border:1px solid;border-top:none;border-bottom:none;border-color:#064ba0}.test-student-info .class-comparison{background-color:#fff;margin-top:-6px;padding:5px 0}.test-student-info .class-comparison .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.test-student-info .class-comparison .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff;position:relative}.test-student-info .class-comparison .details{position:absolute;left:10px;z-index:1;top:10px}.test-student-info .chart-info{width:99%;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;font-size:12px;background-color:#064ba0;color:#fff;border-radius:5px;margin-bottom:-3px;padding:5px 0}.test-student-info .chart-border{width:98%;border:2px solid #ffc800;margin:0 auto;border-radius:4px;display:flex;align-items:center;padding:10px;text-align:center;position:relative;justify-content:space-between}.test-student-info .chart-border button{font-size:12px;min-width:65px}.test-student-info .subtopic-comparison{background-color:#fff;margin-top:-6px;padding:5px 0;height:Calc(100% - 52px)}.test-student-info .subtopic-comparison .all-charts{height:Calc(100% - 58px);overflow:auto;margin-top:10px;position:relative}.test-student-info .subtopic-comparison .chart-container{width:99%;display:flex;justify-content:center;align-items:center;margin:10px auto;padding:15px 0}.test-student-info .subtopic-comparison .chart-box{width:97%;border-radius:5px;border:1px solid #064ba0;min-height:300px;background-color:#fff;position:relative}.test-student-info .chart-details{position:absolute;left:10px;top:10px}.test-student-info .subtopic-title{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.test-student-info .hr1{margin:20px 10px 15px;border-top:1px solid #bababa}.test-student-info .answers-preview-guide{color:#8b0000;padding:5px 7px 2px 0;display:inline-block}.test-student-info .answers-preview-info{padding:5px;display:flex;justify-content:space-evenly;font-size:14px}.test-student-info .answers-preview{direction:ltr;display:flex;flex-wrap:wrap;padding:0 15px}.test-student-info .answers-preview .each-segment{background-color:#f0f8ff;padding:1px 0;border:2px solid #0751ad;border-radius:5px;margin:7px}.test-student-info .answers-preview .each-question{cursor:pointer;margin:1px 0;padding:3px 2px 3px 0}.test-student-info .answers-preview .each-question:hover{background-color:#d3d3d3}.test-student-info .answers-preview .question-number{width:48px;text-align:center;background-color:#0751ad;color:#fff;padding:3px;font-size:13px;border-radius:0 5px 5px 0;margin-right:3px}.test-student-info .answers-preview .each-option{width:22px;height:22px;border-radius:5px;border:1px solid #717578;color:#717578;justify-content:center;margin:0 3px}.test-student-info .answers-preview .correct-option{border:2px solid #1d741d;color:#1d741d}.test-student-info .answers-preview .selected-option{background-color:#df0000;color:#fff;border:1px solid #a10000}.test-student-info .answers-preview .correct-option.selected-option{background-color:#009909;color:#fff;border:1px solid #1d741d}.test-student-info .question-display-box{padding:5px}.test-student-info .question-display-box .test-info-question-container{padding:5px}.test-student-info .question-display-box .test-info-question-title{padding:5px;font-size:18px;justify-content:center}.test-student-info .question-display-box .test-info-question-title .previous-btn{font-size:32px;color:#033c81;position:relative;margin-right:75px;padding-bottom:5px;cursor:pointer}.test-student-info .question-display-box .test-info-question-title .previous-btn[disabled]{color:gray}.test-student-info .question-display-box .test-info-question-title .previous-btn>span{font-size:12px;position:absolute;width:55px;bottom:0;left:-18px}.test-student-info .question-display-box .test-info-question-title .next-btn{font-size:32px;color:#033c81;position:relative;margin-left:75px;padding-bottom:5px;cursor:pointer}.test-student-info .question-display-box .test-info-question-title .next-btn[disabled]{color:gray}.test-student-info .question-display-box .test-info-question-title .next-btn>span{font-size:12px;position:absolute;width:55px;bottom:0;right:-15px}.test-student-info .question-fontsize i.selected-font{color:#0d65d2}.test-student-info .lesson-container{padding:0 5px 0;border:1px solid gray;border-radius:0 0 7px 7px;background-color:#f0f8ff;margin-bottom:7px}.test-student-info .lesson-title-row{background-color:#93c0f8;box-shadow:0 3px 7px -2px #606060;margin:0 -5px}.test-student-info .lesson-title{padding:7px 10px;height:38px;font-size:15px}.test-student-info .lesson-title i{font-size:18px;position:relative;top:2px;color:#b36608}.test-student-info .question-list-container{flex-wrap:wrap;justify-content:center;transition:.4s ease-out;overflow:hidden}.test-student-info .always-open-row{background-color:#b8d6fb;position:relative;padding:10px}.test-student-info .lesson-summery-box .open-lesson-summery-btn{text-align:center;font-size:18px;height:20px;width:80px;padding:0 2px;position:absolute;top:0;left:calc((100% - 50px)/ 2);transition:.3s ease-out;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.test-student-info .lesson-summery-box .open-lesson-summery-btn:hover{background-color:#ecf3fb}.test-student-info .lesson-summery-box .open-lesson-summery-btn i{position:relative;top:-1px}.test-student-info .lesson-summery-box .each-question{width:31px;height:31px;justify-content:center;background-color:#e8e9e9;border:1px solid;margin:5px;border-radius:5px;cursor:pointer}.test-student-info .lesson-summery-box .each-question.selected{background-color:#accaef;border:1px solid #015bcb}.test-student-info .lesson-summery-box .each-question.right-answer{background-color:#009909;color:#fff;border:2px solid #1d741d}.test-student-info .lesson-summery-box .each-question.wrong-answer{background-color:#df0000;color:#fff;border:2px solid #a10000}.test-student-info .back-to-segment-list-btn{position:sticky;bottom:0;padding-top:35px}.test-student-info .back-to-segment-list-btn button{position:absolute;bottom:30px;left:30px;background-color:orange;border:2px solid #ff5c00;padding:7px 5px;width:64px;height:64px;border-radius:50%;text-align:center}.test-student-info .back-to-segment-list-btn .segment-list-symbol{flex-wrap:wrap;justify-content:center;direction:ltr}.test-student-info .back-to-segment-list-btn .segment-list-symbol>div{width:19px;height:19px;border-radius:5px;border:1px solid #525252;color:#525252;justify-content:center;margin:1px;font-size:11px}@media screen and (max-width:1024px){.test-student-info .student .exam-scores-table .header-title{width:120px}.test-student-info .student .exam-scores-table .each-data{width:120px}.test-student-info .student .single-row{width:58px!important}.test-student-info .student .factor{width:30px!important}.test-student-info .student .rank{width:65px!important}.test-student-info .student .balance{width:40px!important}}@media screen and (max-width:768px){.test-student-info .grade{width:22%}.test-student-info .exam-title{width:50%}.test-student-info .answers-preview{justify-content:space-around}.test-student-info .table-info{width:97%}.test-student-info .question-display-box .test-info-question-title .next-btn{font-size:27px;margin-left:60px;padding-bottom:7px}.test-student-info .question-display-box .test-info-question-title .next-btn>span{font-size:11px;width:50px;bottom:1px;right:-12px}.test-student-info .question-display-box .test-info-question-title .previous-btn{font-size:27px;margin-right:60px;padding-bottom:7px}.test-student-info .question-display-box .test-info-question-title .previous-btn>span{font-size:11px;width:50px;bottom:1px;left:-17px}}@media screen and (max-width:480px){.test-student-info .table-info{font-size:16px;width:100%;padding:0 5px}.test-student-info .pdf-test-report-btn button{width:75px;height:48px}.test-student-info .student-container button{font-size:10px}.test-student-info .exam-title{width:100%}.test-student-info .class-comparison .chart-box .pdf-report,.test-student-info .class-comparison .details{font-size:12px;padding:0;min-width:60px}.test-student-info .question-display-box .test-info-question-title{padding:15px 5px 0;font-size:18px;justify-content:center}.test-student-info .question-display-box .test-info-question-title .next-btn{margin-left:35px}.test-student-info .question-display-box .test-info-question-title .previous-btn{margin-right:35px}.test-student-info .answers-preview{padding:0}.test-student-info .answers-preview-guide{font-size:11px}.test-student-info .answers-preview .question-number{width:35px;padding:1px 3px;font-size:13px;margin-right:3px}.test-student-info .answers-preview .each-option{width:18px;height:18px;margin:0 3px;font-size:11px;padding-top:4px}.test-student-info .answers-preview .selected-option{padding:0}.test-student-info .answers-preview .correct-option{padding:0}.test-student-info .back-to-segment-list-btn button{bottom:18px;left:18px;width:58px;height:58px}.test-student-info .back-to-segment-list-btn .segment-list-symbol>div{width:16px;height:16px;font-size:10px}}.outcome-absent-dialog .radio-button-container{justify-content:space-around;padding:12px 0 5px;font-size:15px;flex-wrap:wrap}.outcome-absent-dialog .radio-button-container>div{width:100%;height:30px}.outcome-absent-dialog .button-container{justify-content:space-around;margin:30px 0 5px}.personnel-outcome-print-margin-top{height:.5cm}.personnel-outcome-print{font-size:14px;padding:5px;visibility:visible}.personnel-outcome-print .kammi-outcome .print-outcome-header{height:130px;border:2px solid #1c1c1c}.personnel-outcome-print .kammi-outcome .print-outcome-header>div{height:100%}.personnel-outcome-print .kammi-outcome .print-school-logo{padding:3px;width:18%;justify-content:center}.personnel-outcome-print .kammi-outcome .print-school-logo img{max-height:100%;max-width:100%}.personnel-outcome-print .kammi-outcome .print-info-first-part{width:45%}.personnel-outcome-print .kammi-outcome .print-outcome-title{height:35px;justify-content:center;border:2px solid #1c1c1c;border-top:0;padding:0 5px}.personnel-outcome-print .kammi-outcome .print-educational-info{height:91px;border:2px solid #1c1c1c;border-width:0 2px;padding:2px 5px;flex-wrap:wrap}.personnel-outcome-print .kammi-outcome .print-educational-info>div{width:100%}.personnel-outcome-print .kammi-outcome .print-info-second-part{width:37%}.personnel-outcome-print .kammi-outcome .print-outcome-date{height:35px;border-bottom:2px solid #1c1c1c;padding:5px}.personnel-outcome-print .kammi-outcome .print-personal-info{border-left:2px solid #1c1c1c;padding:2px 5px;flex-wrap:wrap;height:100%;width:70%}.personnel-outcome-print .kammi-outcome .print-personal-info>div{width:100%}.personnel-outcome-print .kammi-outcome .print-student-image{width:30%;height:100%;padding:3px;text-align:center}.personnel-outcome-print .kammi-outcome .print-student-image>img{max-height:100%;max-width:100%}.personnel-outcome-print .kammi-outcome .school-info{font-size:20px;margin:10px 0;text-align:center}.personnel-outcome-print .kammi-outcome .outcome-name{text-align:center;font-size:18px;margin:6px}.personnel-outcome-print .kammi-outcome table{width:100%;border:1px solid #1c1c1c;text-align:center;margin-top:9px}.personnel-outcome-print .kammi-outcome .print-score-table{font-size:12px}.personnel-outcome-print .kammi-outcome .print-score-table td{padding:2px;white-space:nowrap;overflow:hidden}.personnel-outcome-print .kammi-outcome .print-score-table th{padding:2px 5px;border:1px solid #1c1c1c;font-size:15px;line-height:1.7;font-weight:400;text-align:center}.personnel-outcome-print .kammi-outcome .even-background{background:#efefef}.personnel-outcome-print .kammi-outcome td{padding:5px}.personnel-outcome-print .kammi-outcome .table-border{border:1px solid #1c1c1c}.personnel-outcome-print .kammi-outcome td.signeture{padding:12px 7px 55px;text-align:right}.personnel-outcome-print .kammi-outcome .print-row-number{width:7%}.personnel-outcome-print .kammi-outcome .print-lesson-column{width:15%}.personnel-outcome-print .kammi-outcome .print-Coefficient-column{width:6%}.personnel-outcome-print .kammi-outcome .print-score-column{width:8%}.personnel-outcome-print .kammi-outcome .print-class-ranking-column{width:6%}.personnel-outcome-print .kammi-outcome .print-class-avg-column{width:8%}.personnel-outcome-print .kammi-outcome .print-paye-ranking-column{width:6%}.personnel-outcome-print .kammi-outcome .print-paye-avg-column{width:8%}.personnel-outcome-print .kammi-outcome .print-description-column{width:50%}.personnel-outcome-print .kammi-outcome .footer-table th{padding:5px;text-align:center;width:33%}.personnel-outcome-print .kammi-outcome .footer-table .second-row td{height:31px}.personnel-outcome-print .kammi-outcome .best-students-box{font-size:13px;border:1px solid #000;background-color:#d5d5d5;color:#000}.personnel-outcome-print .kammi-outcome .best-students-box .best-students-title{border-left:1px solid #000;padding:5px 2px 5px 10px;width:75px}.personnel-outcome-print .kammi-outcome .best-students-box .best-students-container{width:calc(100% - 75px)}.personnel-outcome-print .kammi-outcome .best-students-box .each-student{width:calc((100% + 75px)/ 3);border-left:1px solid #000;padding:5px}.personnel-outcome-print .kammi-outcome .best-students-box .each-student.first-student{width:calc(((100% + 75px)/ 3) - 73px)}.personnel-outcome-print .kammi-outcome .best-students-box .each-student-first-part{max-width:calc(100% - 40px);overflow:hidden}.personnel-outcome-print .kammi-outcome .best-students-box .each-student-second-part{width:40px}.personnel-outcome-print .kammi-outcome .outcome-chart-container{position:relative;height:330px}.personnel-outcome-print .kammi-outcome .outcome-chart-container>div{width:650px;padding:10px 10px 0 25px;transform:scale(.75);position:absolute;top:-40px;left:calc((100% - 625px)/ 2)}.personnel-outcome-print .print-margin-top{height:.5cm}.personnel-outcome-print .keyfi-outcome .flex-display{display:flex;align-items:center}.personnel-outcome-print .keyfi-outcome .justify-around{justify-content:space-around}.personnel-outcome-print .keyfi-outcome .print-mode{font-size:14px;border:1px solid #b5b5b5}.personnel-outcome-print .keyfi-outcome .school-info{font-size:20px;margin:10px 0;text-align:center}.personnel-outcome-print .keyfi-outcome .outcome-name{text-align:center;font-size:18px;margin:6px}.personnel-outcome-print .keyfi-outcome table{width:100%;border:1px solid #b5b5b5;text-align:center;margin-top:9px}.personnel-outcome-print .keyfi-outcome .blue-background th{padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1;text-align:center}.personnel-outcome-print .keyfi-outcome .even-background{background:#efefef}.personnel-outcome-print .keyfi-outcome td{padding:5px}.personnel-outcome-print .keyfi-outcome .table-border{border:1px solid #b5b5b5}.personnel-outcome-print .keyfi-outcome td.signeture{padding:12px 7px 55px;text-align:right}.personnel-outcome-print .keyfi-outcome .lesson-column{width:50%}.personnel-outcome-print .keyfi-outcome .Coefficient-column{width:15%}.personnel-outcome-print .keyfi-outcome .score-column{width:35%}.personnel-outcome-print .keyfi-outcome .score-column.iskeyfi{width:50%}@media print{@page{size:auto;padding:0;margin:0}body{padding:0;margin:0}.personnel-outcome-print{page-break-inside:avoid;width:97%;margin:0 auto;position:relative;visibility:visible}.personnel-outcome-print .even-background{background:#efefef!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.personnel-outcome-print .blue-background th{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.personnel-outcome-print .kammi-outcome{page-break-inside:avoid;page-break-after:always}.personnel-outcome-print .kammi-outcome .best-students-box{-webkit-print-color-adjust:exact;background-color:#d5d5d5!important}}.edit-personnel-directive{border:1px solid gray;border-width:0 1px;height:100%}.edit-personnel-directive .personnel-image-container{padding:7px}.edit-personnel-directive .personnel-image-container .personnel-image{position:relative;height:150px;width:150px;margin:auto;border:2px solid gray;border-radius:50%;overflow:hidden}.edit-personnel-directive .personnel-image-container .personnel-image .fa-user{font-size:153px;display:block;width:fit-content;margin:auto;position:relative;top:6px;color:gray}.edit-personnel-directive .personnel-image-container .personnel-image .glass-cover{position:absolute;width:100%;height:100%;top:0;right:0;transition:.4s ease-out;cursor:pointer;justify-content:center;background-color:#bdbdbdab;opacity:0}.edit-personnel-directive .personnel-image-container .personnel-image .glass-cover:hover{opacity:.7}.edit-personnel-directive .personnel-image-container .personnel-image .glass-cover .fa-camera{font-size:60px;color:#000}.edit-personnel-directive .each-personnel-detail{border-bottom:1px solid gray;padding:5px 5px 2px;position:relative;font-size:15px}.edit-personnel-directive .each-personnel-detail .fa-caret-left{font-size:16px;position:relative;top:2px}.edit-personnel-directive .each-personnel-detail.editable-item{cursor:pointer}.edit-personnel-directive .each-personnel-detail.editable-item:hover{background-color:#e9e9e9}.edit-personnel-directive .each-personnel-detail.delete-button{cursor:pointer;background-color:#ffe9e9}.edit-personnel-directive .each-personnel-detail.delete-button:hover{background-color:#fbcaca}.edit-personnel-directive .each-personnel-detail .guide-expression{padding-top:7px;font-size:11px;color:gray}.edit-personnel-directive .each-personnel-detail .set-permission{padding-right:7px}.edit-personnel-directive .each-personnel-detail .set-permission i{font-size:22px;position:relative;top:2px}.edit-personnel-directive .edit-mode-tab{position:absolute;top:0;width:100%;height:100%;transition:.4s ease-out;z-index:50;background-color:#fff;overflow:auto}.edit-personnel-directive .edit-mode-tab .sticky-box{position:sticky;top:0;z-index:10;background-color:#fff;box-shadow:0 15px 5px -15px #777}.edit-personnel-directive .edit-mode-tab .edit-box{padding:0 20px}.edit-personnel-directive .edit-mode-tab .edit-box-title{padding:10px 7px 7px;font-size:16px;color:#064ba0;text-align:center}.edit-personnel-directive .edit-mode-tab .edit-box-title i{position:relative;top:4px;font-size:19px}.edit-personnel-directive .edit-mode-tab .input-container{justify-content:space-evenly;flex-wrap:wrap;width:500px;margin:0 auto}.edit-personnel-directive .edit-mode-tab .input-container>div{display:flex;width:100%;padding:2px 3px}.edit-personnel-directive .edit-mode-tab .input-container .input-warning-parent{position:relative;padding-bottom:25px;width:100%}.edit-personnel-directive .edit-mode-tab .input-container .input-warning-expression{position:absolute;bottom:5px;right:5px;color:red;font-size:12px}.edit-personnel-directive .edit-mode-tab .input-container .input-lable{padding:7px 3px 3px 10px;font-size:15px;color:#3d3d3d;white-space:nowrap}.edit-personnel-directive .edit-mode-tab .input-container input{font-size:14px;padding:3px;border:2px solid #064ba0;border-radius:5px;width:100%;height:38px}.edit-personnel-directive .edit-mode-tab .footer-button-container{justify-content:space-evenly;padding:10px;width:60%;margin:0 auto}.edit-personnel-directive .edit-mode-tab .footer-button-container .confirm-edit-btn{background:#94c221;min-width:80px;border-radius:5px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #7da511;color:#000}.edit-personnel-directive .edit-mode-tab .footer-button-container .cancle-edit-btn{background:#ff6a40;min-width:80px;border-radius:5px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #f32121;color:#000}.edit-personnel-directive .edit-mode-tab .hr-type1{border-top:1px solid gray;margin:3px 15px 7px}.edit-personnel-directive .edit-mode-tab .guide-expression{padding:5px 20px 0;font-size:14px;color:#064ba0;text-align:justify}.edit-personnel-directive .edit-mode-tab .guide-expression i{color:#b42528;font-size:8px}.edit-personnel-directive .edit-mode-tab .personnel-list-table{overflow:auto;width:97%;margin:10px auto;transform:rotateX(180deg)}.edit-personnel-directive .edit-mode-tab .personnel-list-table::-webkit-scrollbar{height:5px}.edit-personnel-directive .edit-mode-tab .personnel-list-table table{width:100%;transform:rotateX(180deg)}.edit-personnel-directive .edit-mode-tab .personnel-list-table tr.background-gray{background-color:#ebebeb}.edit-personnel-directive .edit-mode-tab .personnel-list-table td,.edit-personnel-directive .edit-mode-tab .personnel-list-table th{border:1px solid #000;padding:3px;text-align:center}@media screen and (max-width:768px){.edit-personnel-directive .edit-mode-tab .edit-box{padding:0 10px}.edit-personnel-directive .edit-mode-tab .input-container{width:440px}.edit-personnel-directive .edit-mode-tab .input-container .input-lable{font-size:14px}.edit-personnel-directive .edit-mode-tab .input-container input{padding:4px 3px 4px}.edit-personnel-directive .edit-mode-tab .footer-button-container{justify-content:space-around;width:90%}.edit-personnel-directive .edit-mode-tab .hr-type1{margin:3px 10px 7px}.edit-personnel-directive .edit-mode-tab .guide-expression{padding:5px 15px 0;font-size:13px}}@media screen and (max-width:480px){.edit-personnel-directive .each-personnel-detail{font-size:13px}.edit-personnel-directive .each-personnel-detail .guide-expression{font-size:10px}.edit-personnel-directive .each-personnel-detail .set-permission i{font-size:18px;top:3px;left:4px}.edit-personnel-directive .edit-mode-tab .hr-type1{margin:3px 5px 7px}.edit-personnel-directive .edit-mode-tab .guide-expression{padding:5px 10px 0;font-size:12px}.edit-personnel-directive .edit-mode-tab .edit-box{padding:0 7px}.edit-personnel-directive .edit-mode-tab .edit-box-title{padding:10px 7px 5px;font-size:14px}.edit-personnel-directive .edit-mode-tab .input-container{width:100%}.edit-personnel-directive .edit-mode-tab .input-container>div{width:100%}.edit-personnel-directive .edit-mode-tab .input-container .input-lable{font-size:13px}.edit-personnel-directive .edit-mode-tab .input-container input{width:100%;height:33px;font-size:13px;padding:2px 4px 3px}.edit-personnel-directive .edit-mode-tab .input-container .input-warning-expression{bottom:3px;left:5px;font-size:11px}.edit-personnel-directive .edit-mode-tab .footer-button-container{width:85%;padding:10px 5px 5px}.edit-personnel-directive .edit-mode-tab .footer-button-container .cancle-edit-btn{min-width:70px;font-size:13px;padding:2px 5px 3px}.edit-personnel-directive .edit-mode-tab .footer-button-container .confirm-edit-btn{min-width:70px;font-size:13px;padding:2px 5px 3px}}.question-manage{position:relative;border:1px solid #7d7d7d;border-width:0 1px}.question-manage .main-mode .question-info{flex-wrap:wrap;justify-content:space-between}.question-manage .main-mode .question-info .each-info-item{padding:7px;font-size:15px;color:#064ba0}.question-manage .main-mode .question-info .each-info-item i{position:relative;top:2px;font-size:14px}.question-manage .main-mode .question-info .final-confirm-btn{padding:2px 5px;background-color:#badbba;border:2px solid #228b22;color:#006800;border-radius:7px}.question-manage .main-mode .question-manage-guide{text-align:center;color:#ff4500;font-size:13px}.question-manage .main-mode .hr-type1{margin:10px 7px 5px;border-top:1px solid #838383}.question-manage .main-mode .question-manage-body{padding:10px 10px 5px}.question-manage .main-mode .question-manage-body .personnel-question-parent{margin:5px auto 10px!important}.question-manage .main-mode .question-manage-body .direction-setting{font-size:12px;text-decoration:underline;color:#117ede;padding:10px 10px 0 30px}.question-manage .main-mode .question-manage-body .operation-button-box{justify-content:space-evenly;flex-wrap:wrap;padding:12px 5px 0}.question-manage .main-mode .question-manage-body .operation-button-box>div{justify-content:space-around;min-width:50%}.question-manage .main-mode .question-manage-body .operation-button-box button{min-width:150px;margin:7px;padding:5px;font-size:14px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.question-manage .main-mode .question-manage-body .question-type{font-size:15px;justify-content:center}.question-manage .main-mode .question-manage-body .question-type>button{justify-content:space-between;background-color:#fff;border:2px solid #656565;color:#555;border-radius:5px;padding:2px 5px;margin:0 7px;min-width:160px;font-size:14px;position:relative;bottom:1px}.question-manage .main-mode .question-manage-body .question-type>button .fa-angle-down{font-size:20px;position:relative;top:2px;color:#656565}.question-manage .main-mode .subtopic-container{font-size:14px;padding:5px 10px 0;flex-wrap:wrap}.question-manage .main-mode .subtopic-container .fa-caret-left{position:relative;top:2px;font-size:14px}.question-manage .main-mode .each-subtopic{margin:2px 3px;font-size:14px}.question-manage .main-mode .footer-box{padding:2px 10px}.question-manage .main-mode .footer-box button{min-width:75px;margin:0 7px;padding:2px 5px;font-size:13px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.question-manage .main-mode .footer-box .extra-info{padding:5px 5px 15px;border-radius:7px;font-size:14px;margin-top:10px}.question-manage .other-mode{position:absolute;background-color:#fff;z-index:10;top:0;width:100%;transition:.4s;overflow:auto}.question-manage .other-mode .subtopic-container{padding:7px 0;height:calc(100% - 200px);overflow:auto}.question-manage .other-mode .subtopic-container .each-subtopic{padding:4px 7px 0;font-size:14px;transition:.4s;cursor:pointer}.question-manage .other-mode .subtopic-container .is-chapter{background:#f0f8ff}.question-manage .other-mode .subtopic-container .each-subtopic:hover{padding:4px 15px 0 7px;font-size:14px;background-color:#ddd}.question-manage .other-mode .subtopic-container .each-subtopic>div{border-bottom:1px solid gray;padding-bottom:7px}.question-manage .other-mode .subtopic-container .each-subtopic i{font-size:20px;position:relative;top:3px}.question-manage .other-mode .subtopic-selector-guide{font-size:15px;color:#054391;text-align:center;margin-top:20px}.question-manage .other-mode .selected-subtopic-list{justify-content:center;padding:7px;border-bottom:2px solid #7d7d7d;position:sticky;top:0;background-color:#fff;z-index:10}.question-manage .other-mode .selected-subtopic-list .each-subtopic{border:1px solid #bddeff;background-color:#e0f0ff;padding:5px;margin:2px 3px;border-radius:10px;font-size:14px}.question-manage .other-mode .search-subtopic{padding:5px;text-align:center}.question-manage .other-mode .search-subtopic input{padding:3px;font-size:14px;min-width:250px}.question-manage .other-mode .button-row{justify-content:center;border-top:2px solid #7d7d7d;padding:7px 7px 20px;margin:7px 7px 0;position:sticky;bottom:0;background-color:#fff}.question-manage .other-mode .button-row button{margin:0 7px}.question-manage .other-mode .subbody-guide{padding:2px 12px 2px;font-size:14px;background-color:#e9e9e9}.question-manage .other-mode .subbody-guide .each-guide{padding-top:7px;text-align:justify}.question-manage .other-mode .subbody-guide .fa-circle{font-size:8px}@media screen and (max-width:768px){.question-manage .main-mode .question-info .each-info-item{padding:7px;font-size:13px;color:#064ba0}.question-manage .main-mode .question-manage-body .operation-button-box{padding:12px 7px 0}.question-manage .main-mode .question-manage-body .operation-button-box button{min-width:200px;padding:4px;font-size:13px}.question-manage .main-mode .question-manage-body .question-type{font-size:14px}.question-manage .main-mode .question-manage-body .question-type>button{padding:2px 5px 1px;margin:0 5px;min-width:140px;font-size:13px}.question-manage .main-mode .question-manage-body .question-type>button .fa-angle-down{font-size:17px;top:1px}.question-manage .other-mode .subbody-guide{padding:2px 10px 2px;font-size:12px}}@media screen and (max-width:480px){.question-manage .main-mode .question-info .final-confirm-btn{font-size:12px;position:relative;bottom:1px}.question-manage .main-mode .question-manage-guide{font-size:10px;padding:7px 5px 0}.question-manage .main-mode .question-manage-body{padding:10px 7px 5px}.question-manage .main-mode .question-manage-body .direction-setting{font-size:10px;padding:10px 7px 0 20px}.question-manage .main-mode .question-manage-body .question-type{font-size:13px}.question-manage .main-mode .question-manage-body .question-type>button{padding:2px 5px 1px;margin:0 5px;min-width:130px;font-size:12px}.question-manage .main-mode .question-manage-body .question-type>button .fa-angle-down{font-size:16px;top:1px}.question-manage .main-mode .question-manage-body .operation-button-box{padding:12px 5px 0}.question-manage .main-mode .question-manage-body .operation-button-box button{margin:3px 7px;padding:4px 3px 2px;font-size:11px;min-width:130px}.question-manage .main-mode .footer-box button{min-width:50px;margin:0 2px 5px;padding:3px 4px 2px;font-size:11px;border-radius:5px;background:#ffa639;border:2px solid #ff7c41;color:#064ba0}.question-manage .main-mode .footer-box .extra-info{font-size:12px;padding:2px 7px 10px}.question-manage .main-mode .subtopic-container{font-size:12px;padding:5px 10px 0}.question-manage .main-mode .subtopic-container .fa-caret-left{position:relative;top:2px;font-size:12px}.question-manage .main-mode .each-subtopic{margin:2px 3px;border-radius:10px;font-size:12px}.question-manage .main-mode .hr-type1{margin:10px 3px 5px}.question-manage .other-mode .subtopic-container .each-subtopic{padding:3px 5px 0;font-size:13px}.question-manage .other-mode .subtopic-container .each-subtopic i{font-size:18px;top:4px;right:1px}.question-manage .other-mode .button-row{margin:0}.question-manage .other-mode .button-row button{margin:0 12px}.question-manage .other-mode .subbody-guide{padding:2px 7px 2px;font-size:11px}.question-manage .other-mode .subbody-guide .fa-circle{font-size:6px}}.add-student-dialog .dialog-header div{font-size:18px;margin-top:6px}.add-student-dialog .add-edit-loading{width:100%;display:inline-block;right:0;text-align:center;top:20%;position:absolute}.add-student-dialog .add-loading{font-size:30px}@media screen and (max-width:768px){.add-loading{font-size:25px}}@media screen and (max-width:480px){.add-loading{font-size:20px}}.export-student-pdf-list-dialog{font-size:13px}.export-student-pdf-list-dialog .options{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;margin:7px 0}.export-student-pdf-list-dialog .each-option{width:70%;margin:0 auto;display:flex;flex-direction:column}.export-student-pdf-list-dialog .each-option select{padding:5px;border-radius:5px;width:100%}.export-student-pdf-list-dialog .num-with-star{width:95%;margin:10px auto 0;text-align:center;display:flex;align-items:center;justify-content:space-around}@media screen and (max-width:768px){.export-student-pdf-list-dialog{font-size:12px}.export-student-pdf-list-dialog .each-option,.export-student-pdf-list-dialog .num-with-star{width:100%}}@media screen and (max-width:480px){.export-student-pdf-list-dialog{font-size:11px}.export-student-pdf-list-dialog .num-with-star{flex-direction:column}}.switch-Class-of-student-dialog .student-name{font-size:18px;text-align:center;margin:15px auto}.switch-Class-of-student-dialog .class-name{font-size:18px;text-align:center;margin:15px auto}.switch-Class-of-student-dialog .class-name select{border-radius:5px;height:43px;width:80%;text-align:center;font-size:17px}@media screen and (max-width:480px){.switch-Class-of-student-dialog .student-name{font-size:14px;margin:10px auto}.switch-Class-of-student-dialog .class-name{font-size:14px;margin:10px auto}.switch-Class-of-student-dialog .class-name select{height:37px;font-size:14px}}.school-payment-detail{padding:10px;justify-content:space-around}.school-payment-detail .information-list{width:60%;background-color:#e7f5ff;border:2px solid #bbd9ff;border-width:2px 2px 1px 1px;margin:0 auto 10px}.school-payment-detail .each-row{display:flex;border-bottom:1px solid #bbd9ff}.school-payment-detail .each-row button{width:100px;height:30px;background-color:#f7aa4c;border:2px solid #ff7c41;border-radius:5px;font-size:14px}.school-payment-detail .button-row{justify-content:center;height:40px;border:1px solid #bbd9ff;border-width:1px 0 1px 1px;align-items:center}.school-payment-detail .payment-property{font-size:15px;width:50%;min-height:35px;display:flex;align-items:center;border-left:1px solid #bbd9ff}.school-payment-detail .right-column-detail{padding-right:20px}.school-payment-detail .left-column-detail{justify-content:center}.school-payment-detail .img-container{border:2px solid;border-radius:7px;padding-bottom:10px;width:100%}.school-payment-detail .img-container legend{width:150px;border:0;text-align:center}.school-payment-detail img{max-width:95%;margin:auto;display:block}@media screen and (max-width:768px){.school-payment-detail{flex-direction:column}.school-payment-detail .information-list{width:70%}.school-payment-detail .each-row button{height:25px;font-size:12px}.school-payment-detail .button-row{height:35px}}@media screen and (max-width:480px){.school-payment-detail .information-list{width:100%}.school-payment-detail .payment-property{font-size:13px}}.add-students-by-file-dialog{font-size:15px}.add-students-by-file-dialog .add-student-guide{background-color:#f8eccf;border:1px dashed #efc983;padding:7px;font-weight:300;font-size:14px;text-align:justify;line-height:1.5;margin:5px}.add-students-by-file-dialog .add-student-guide i{color:#d90303;font-size:8px}.add-students-by-file-dialog .download-file{text-decoration:underline;color:#00f;cursor:pointer}.add-students-by-file-dialog .input-row{padding:10px}.add-students-by-file-dialog .choose-class{width:50%;padding-left:34px;justify-content:center}.add-students-by-file-dialog .choose-paye{width:50%;justify-content:center;padding-left:45px}.add-students-by-file-dialog select{border-radius:5px;min-width:120px;margin-right:3px;unicode-bidi:isolate;text-align:center}.add-students-by-file-dialog .confirm-btn{position:relative}.add-students-by-file-dialog .upload-loading{position:absolute}@media screen and (max-width:768px){.add-students-by-file-dialog{font-size:14px}}@media screen and (max-width:480px){.add-students-by-file-dialog{font-size:13px}.add-students-by-file-dialog .add-student-guide{font-size:11px}.add-students-by-file-dialog .input-row{padding:5px;flex-direction:column}.add-students-by-file-dialog .choose-class{width:100%;justify-content:center;padding:5px}.add-students-by-file-dialog .choose-paye{width:100%;justify-content:center;padding:5px}}.assign-teacher-directive{border:1px solid gray;border-width:0 1px;min-height:100%}.assign-teacher-directive .assign-teacher-directive-header{padding-left:35px;background-color:#064ba0}.assign-teacher-directive .teachers-container{flex-wrap:wrap;justify-content:space-around;padding:15px 10px}.assign-teacher-directive .teacher-lesson{border-radius:5px;margin:10px;text-align:center;font-size:13px;border:1px solid #6d90bd;min-width:180px}.assign-teacher-directive .lesson{border-bottom:1px solid #6d90bd;background:#efefef;border-radius:5px 5px 0 0;padding:3px 5px;font-size:15px}.assign-teacher-directive .teacher-name-edit{background:#fff;border-radius:0 0 3px 3px;padding:2px;width:100%;text-align:center}.assign-teacher-directive .teacher-name{padding:3px 5px;font-size:13px}.assign-teacher-directive .assign-teacher-directive-footer{text-align:center;padding:10px 5px 20px;margin:5px 10px 0;position:sticky;bottom:0;background-color:#fff;z-index:2;border-top:2px solid gray}.assign-teacher-directive .assign-teacher-directive-footer .edit-mode-btn{text-decoration:underline;color:#257cc8;cursor:pointer}.assign-teacher-directive .assign-teacher-directive-footer .assign-teacher-confirm-btn{background:#94c221;min-width:115px;border-radius:5px;font-size:16px;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #7da511;color:#000}.assign-teacher-directive .guide-box{padding:5px 7px;text-align:justify;font-size:13px}@media screen and (max-width:768px){.assign-teacher-directive .assign-teacher-directive-header{padding-left:0}.assign-teacher-directive .teacher-lesson{border-radius:5px;margin:5px;font-size:12px;min-width:140px}.assign-teacher-directive .lesson{padding:3px 5px;font-size:13px}.assign-teacher-directive .teacher-name-edit{font-size:11px}}@media screen and (max-width:480px){.assign-teacher-directive .teachers-container{padding:15px 3px}.assign-teacher-directive .teacher-lesson{margin:5px;font-size:12px;width:45%;min-width:140px}.assign-teacher-directive .assign-teacher-directive-footer{padding:7px 5px 12px;margin:5px 7px 0}.assign-teacher-directive .assign-teacher-directive-footer .edit-mode-btn{font-size:13px;padding:2px 5px 3px}.assign-teacher-directive .assign-teacher-directive-footer .assign-teacher-confirm-btn{min-width:100px;font-size:14px;padding:3px 5px}.assign-teacher-directive .guide-box{font-size:11px}}.edit-student-directive{border:1px solid gray;border-width:0 1px;height:100%}.edit-student-directive .student-image-container{padding:7px}.edit-student-directive .student-image-container .student-image{position:relative;height:150px;width:150px;margin:auto;border:2px solid gray;border-radius:50%;overflow:hidden}.edit-student-directive .student-image-container .student-image .fa-user{font-size:153px;display:block;width:fit-content;margin:auto;position:relative;top:6px;color:gray}.edit-student-directive .student-image-container .student-image .glass-cover{position:absolute;width:100%;height:100%;top:0;right:0;transition:.4s ease-out;cursor:pointer;justify-content:center;background-color:#bdbdbdab;opacity:0}.edit-student-directive .student-image-container .student-image .glass-cover:hover{opacity:.7}.edit-student-directive .student-image-container .student-image .glass-cover .fa-camera{font-size:60px;color:#000}.edit-student-directive .each-student-detail{border-bottom:1px solid gray;padding:4px 5px 2px;position:relative;font-size:15px}.edit-student-directive .each-student-detail .fa-caret-left{font-size:16px;position:relative;top:2px}.edit-student-directive .each-student-detail.editable-item{cursor:pointer}.edit-student-directive .each-student-detail.editable-item:hover{background-color:#e9e9e9}.edit-student-directive .each-student-detail.delete-button{cursor:pointer;background-color:#ffe9e9}.edit-student-directive .each-student-detail.delete-button:hover{background-color:#fbcaca}.edit-student-directive .each-student-detail .guide-expression{padding-top:7px;font-size:11px;color:gray}.edit-student-directive .edit-mode-tab{position:absolute;top:0;width:100%;height:100%;transition:.4s ease-out;z-index:50;background-color:#fff;overflow:auto}.edit-student-directive .edit-mode-tab .sticky-box{position:sticky;top:0;z-index:10;background-color:#fff;box-shadow:0 15px 5px -15px #777}.edit-student-directive .edit-mode-tab .edit-box{padding:0 20px}.edit-student-directive .edit-mode-tab .edit-box-title{padding:10px 7px 7px;font-size:16px;color:#064ba0;text-align:center}.edit-student-directive .edit-mode-tab .edit-box-title i{position:relative;top:4px;font-size:19px}.edit-student-directive .edit-mode-tab .input-container{justify-content:space-evenly;flex-wrap:wrap;width:500px;margin:0 auto}.edit-student-directive .edit-mode-tab .input-container>div{display:flex;width:100%;padding:2px 3px}.edit-student-directive .edit-mode-tab .input-container .input-warning-parent{position:relative;padding-bottom:25px;width:100%}.edit-student-directive .edit-mode-tab .input-container .input-warning-expression{position:absolute;bottom:5px;right:5px;color:red;font-size:12px}.edit-student-directive .edit-mode-tab .input-container .input-lable{padding:7px 3px 3px 10px;font-size:15px;color:#3d3d3d;white-space:nowrap}.edit-student-directive .edit-mode-tab .input-container input{font-size:14px;padding:3px;border:2px solid #064ba0;border-radius:5px;width:100%;height:38px}.edit-student-directive .edit-mode-tab .footer-button-container{justify-content:space-evenly;padding:10px;width:60%;margin:0 auto}.edit-student-directive .edit-mode-tab .footer-button-container .confirm-edit-btn{background:#94c221;min-width:80px;border-radius:5px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #7da511;color:#000}.edit-student-directive .edit-mode-tab .footer-button-container .cancle-edit-btn{background:#ff6a40;min-width:80px;border-radius:5px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #f32121;color:#000}.edit-student-directive .edit-mode-tab .hr-type1{border-top:1px solid gray;margin:3px 15px 7px}.edit-student-directive .edit-mode-tab .guide-expression{padding:5px 20px 0;font-size:14px;color:#064ba0;text-align:justify}.edit-student-directive .edit-mode-tab .guide-expression i{color:#b42528;font-size:8px}.edit-student-directive .edit-mode-tab .student-list-table{overflow:auto;width:97%;margin:10px auto;transform:rotateX(180deg)}.edit-student-directive .edit-mode-tab .student-list-table::-webkit-scrollbar{height:5px}.edit-student-directive .edit-mode-tab .student-list-table table{width:100%;transform:rotateX(180deg)}.edit-student-directive .edit-mode-tab .student-list-table tr.background-gray{background-color:#ebebeb}.edit-student-directive .edit-mode-tab .student-list-table td,.edit-student-directive .edit-mode-tab .student-list-table th{border:1px solid #000;padding:3px;text-align:center}@media screen and (max-width:768px){.edit-student-directive .edit-mode-tab .edit-box{padding:0 10px}.edit-student-directive .edit-mode-tab .input-container{width:440px}.edit-student-directive .edit-mode-tab .input-container .input-lable{font-size:14px}.edit-student-directive .edit-mode-tab .input-container input{padding:4px 3px 4px}.edit-student-directive .edit-mode-tab .footer-button-container{justify-content:space-around;width:90%}.edit-student-directive .edit-mode-tab .hr-type1{margin:3px 10px 7px}.edit-student-directive .edit-mode-tab .guide-expression{padding:5px 15px 0;font-size:13px}}@media screen and (max-width:480px){.edit-student-directive .each-student-detail{font-size:13px}.edit-student-directive .each-student-detail .guide-expression{font-size:10px}.edit-student-directive .edit-mode-tab .hr-type1{margin:3px 5px 7px}.edit-student-directive .edit-mode-tab .guide-expression{padding:5px 10px 0;font-size:12px}.edit-student-directive .edit-mode-tab .edit-box{padding:0 7px}.edit-student-directive .edit-mode-tab .edit-box-title{padding:10px 7px 5px;font-size:14px}.edit-student-directive .edit-mode-tab .input-container{width:100%}.edit-student-directive .edit-mode-tab .input-container>div{width:100%}.edit-student-directive .edit-mode-tab .input-container .input-lable{font-size:13px}.edit-student-directive .edit-mode-tab .input-container input{width:100%;height:33px;font-size:13px;padding:2px 4px 3px}.edit-student-directive .edit-mode-tab .input-container .input-warning-expression{bottom:3px;left:5px;font-size:11px}.edit-student-directive .edit-mode-tab .footer-button-container{width:85%;padding:10px 5px 5px}.edit-student-directive .edit-mode-tab .footer-button-container .cancle-edit-btn{min-width:70px;font-size:13px;padding:2px 5px 3px}.edit-student-directive .edit-mode-tab .footer-button-container .confirm-edit-btn{min-width:70px;font-size:13px;padding:2px 5px 3px}}.export-student-pdf-directive{border:1px solid gray;border-width:0 1px}.export-student-pdf-directive .export-student-pdf-directive-header{padding-left:35px;background-color:#064ba0}.export-student-pdf-directive .filter-box{margin:10px;position:relative}.export-student-pdf-directive .filter-box .filter-icon{position:absolute;width:36px;height:36px;top:0;right:0;border-radius:0 0 0 7px;font-size:23px;padding:2px 6px}.export-student-pdf-directive .filter-box .first-row{padding-right:35px;justify-content:space-evenly}.export-student-pdf-directive .filter-box .first-row select{width:40%;min-width:185px;height:31px;font-size:14px;text-align:center;border-radius:5px}.export-student-pdf-directive .filter-box .check-box-container{justify-content:space-evenly;flex-wrap:wrap;padding:10px 0 0;font-size:14px}.export-student-pdf-directive .filter-box .each-checkbox{min-width:200px;text-align:center;padding:5px}.export-student-pdf-directive .filter-box .each-checkbox i{font-size:17px;position:relative;top:2px;width:17px;direction:ltr;text-align:left}.export-student-pdf-directive .list-type-selector{flex-wrap:wrap;justify-content:center;padding:7px}.export-student-pdf-directive .list-type-selector .selector-guide{padding:7px 10px 15px;font-size:14px;width:100%;text-align:justify}.export-student-pdf-directive .list-type-selector .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:20%;text-align:center;position:relative;cursor:pointer}.export-student-pdf-directive .list-type-selector .each-radio-button i{position:absolute;right:5px;font-size:17px;top:4px}.export-student-pdf-directive .list-type-selector .signeture-toggle{width:100%;padding:7px;font-size:15px}.export-student-pdf-directive .list-type-selector .signeture-toggle i{position:relative;font-size:17px;top:2px;cursor:pointer}.export-student-pdf-directive .pdf-btn-container{text-align:center}.export-student-pdf-directive .pdf-btn-container button{font-size:14px;width:200px;border-radius:4px;color:#064ba0;padding:3px;border-color:#f5962e;background-color:#ffa639}.export-student-pdf-directive .students-detail.row-list{padding:7px;overflow:auto}.export-student-pdf-directive .students-detail.row-list table{width:100%;text-align:center;font-size:14px}.export-student-pdf-directive .students-detail.row-list table .background-gray{background-color:#e8e8e8}.export-student-pdf-directive .students-detail.row-list table td,.export-student-pdf-directive .students-detail.row-list table th{border:1px solid gray;text-align:center;padding:2px}.export-student-pdf-directive .students-detail.chair-number-mode{padding:7px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type1-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .students-detail.chair-number-mode .card-type1-container .each-card{padding:3px 7px;width:10cm;height:3cm;border:2px solid #000;border-radius:7px;margin-bottom:7px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type1-container .chair-number{font-size:20px;padding:5px 2px;text-align:center}.export-student-pdf-directive .students-detail.chair-number-mode .card-type1-container .student-name{font-size:14px;padding:5px 3px 3px 5px;text-align:center}.export-student-pdf-directive .students-detail.chair-number-mode .card-type1-container .class-name{font-size:14px;padding:5px 3px 3px 5px;text-align:center}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .each-card{width:10cm;height:4cm;border:2px solid #000;border-radius:7px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .right-part{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .left-part{height:100%;min-width:2.5cm;border-right:2px solid #000}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .chair-number-type3{font-size:20px;height:40%;border-top:2px solid #000;justify-content:center;direction:ltr}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .chair-number-type2{font-size:20px;height:100%;justify-content:center;direction:ltr}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .school-title{text-align:center;font-size:14px;padding:7px 3px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .detail-box{display:flex;flex-direction:column;justify-content:space-evenly;height:70%}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .student-name{width:100%;padding:3px 7px;font-size:13px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .class-name{width:100%;padding:3px 7px;font-size:13px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .student-image{height:60%;justify-content:center;font-size:65px;padding:2px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .student-image img{max-width:100%;max-height:100%}.export-student-pdf-directive .students-detail.chair-number-mode .card-type3-container .national-code{width:100%;padding:3px 7px;font-size:13px}.export-student-pdf-directive .students-detail.chair-number-mode .card-type4-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .students-detail.chair-number-mode .card-type4-container .each-card{width:10cm;height:4cm;border:2px solid #000;border-radius:7px;justify-content:center;font-size:64px;direction:ltr}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode{padding:0 5px;overflow:auto}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table{width:100%}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table th{text-align:center;padding:7px;border:1px solid #000;font-size:16px;background-color:#e7f1fc}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table td{text-align:center;padding:7px;border:1px solid #000;font-size:13px}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table .signeture-place{min-width:4cm;height:1.5cm}@media screen and (max-width:768px){.export-student-pdf-directive .students-detail.row-list table{font-size:13px}.export-student-pdf-directive .list-type-selector .selector-guide{padding:3px 5px 15px;font-size:12px;width:100%}.export-student-pdf-directive .list-type-selector .each-radio-button{width:40%;max-width:250px}.export-student-pdf-directive .students-detail.card-list .card-type1-container{flex-wrap:wrap;justify-content:space-between}.export-student-pdf-directive .students-detail.card-list .card-type1-container .each-card{width:220px}.export-student-pdf-directive .students-detail.card-list .card-type1-container .chair-number{font-size:15px;min-width:60px;padding-bottom:7px}.export-student-pdf-directive .students-detail.card-list .card-type1-container .student-name{font-size:11px;padding:2px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .each-card{width:220px;height:100px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .left-part{min-width:60px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .student-image{height:60%;font-size:46px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .chair-number-type3{font-size:15px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .chair-number-type2{font-size:15px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .school-title{text-align:center;font-size:13px;padding:5px 3px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .student-name{padding:5px;font-size:11px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .national-code{padding:5px;font-size:11px}.export-student-pdf-directive .students-detail.card-list .card-type4-container .each-card{width:220px;height:100px;padding-top:10px}.export-student-pdf-directive .students-detail.card-list .card-type4-container .chair-number{font-size:15px}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table th{font-size:13px}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table td{padding:5px}}@media screen and (max-width:480px){.export-student-pdf-directive .students-detail.card-list .card-type1-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .filter-box .first-row select{width:40%;min-width:115px;height:28px;font-size:12px}.export-student-pdf-directive .filter-box .check-box-container{justify-content:right;font-size:12px}.export-student-pdf-directive .filter-box .each-checkbox{padding:3px 0;min-width:unset;text-align:right;width:100%}.export-student-pdf-directive .students-detail.row-list table{font-size:12px}.export-student-pdf-directive .list-type-selector .each-radio-button{width:45%;max-width:250px;padding:4px 15px 5px 3px;margin:3px}}@media print{@page{margin:50mm}body{print-color-adjust:exact}.export-student-pdf-directive{border:0}.export-student-pdf-directive .export-student-pdf-directive-header{display:none}.export-student-pdf-directive .pdf-btn-container{display:none}.export-student-pdf-directive .filter-box{display:none}.export-student-pdf-directive .list-type-selector{display:none}.export-student-pdf-directive .students-detail.row-list table{page-break-after:auto}.export-student-pdf-directive .students-detail.row-list table .background-gray{background-color:#e8e8e8!important;print-color-adjust:exact}.export-student-pdf-directive .students-detail.row-list tr{page-break-inside:avoid;page-break-after:auto}.export-student-pdf-directive .students-detail.row-list td{page-break-inside:avoid;page-break-after:auto}.export-student-pdf-directive .students-detail.row-list thead{display:table-header-group;background-color:#cddeef!important;print-color-adjust:exact;margin-top:10px}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode table{page-break-after:auto}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table th{background-color:#e7f1fc!important}.export-student-pdf-directive .students-detail.chair-number-mode .table-mode .chair-number-table tr{page-break-inside:avoid;page-break-after:auto}.export-student-pdf-directive .students-detail.card-list .card-type1-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .students-detail.card-list .card-type1-container .each-card{padding:3px 7px;width:10cm;border:2px solid #000;border-radius:7px;margin-bottom:7px}.export-student-pdf-directive .students-detail.card-list .card-type1-container .chair-number{font-size:20px;padding:2px;text-align:center}.export-student-pdf-directive .students-detail.card-list .card-type1-container .student-name{font-size:14px;padding:5px 3px 3px 5px;text-align:center}.export-student-pdf-directive .students-detail.card-list .card-type3-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .students-detail.card-list .card-type3-container .each-card{width:10cm;height:4cm;border:2px solid #000;border-radius:7px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .right-part{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.export-student-pdf-directive .students-detail.card-list .card-type3-container .left-part{height:100%;min-width:2.5cm;border-right:2px solid #000}.export-student-pdf-directive .students-detail.card-list .card-type3-container .chair-number-type3{font-size:20px;height:40%;border-top:2px solid #000;justify-content:center;direction:ltr}.export-student-pdf-directive .students-detail.card-list .card-type3-container .chair-number-type2{font-size:20px;height:100%;justify-content:center;direction:ltr}.export-student-pdf-directive .students-detail.card-list .card-type3-container .school-title{text-align:center;font-size:14px;padding:7px 3px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .student-name{width:100%;padding:10px 7px;font-size:13px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .student-image{height:60%;justify-content:center;font-size:65px}.export-student-pdf-directive .students-detail.card-list .card-type3-container .national-code{width:100%;padding:10px 7px;font-size:13px}.export-student-pdf-directive .students-detail.card-list .card-type4-container{flex-wrap:wrap;justify-content:space-evenly}.export-student-pdf-directive .students-detail.card-list .card-type4-container .each-card{width:10cm;height:4cm;border:2px solid #000;border-radius:7px;justify-content:center;font-size:64px;direction:ltr}}.student-classification-directive{border:1px solid gray;border-width:0 1px;min-height:100%}.student-classification-directive .student-classification-directive-header{padding-left:35px;position:relative;background-color:#064ba0}.student-classification-directive .student-select-mode .search-box input{height:32px;width:250px;padding:3px 5px 5px;border:1px solid #8a57bd;border-radius:5px;font-size:13px}.student-classification-directive .student-select-mode .search-box .fa-close{position:absolute;left:5px;top:5px;font-size:20px;cursor:pointer}.student-classification-directive .student-select-mode .student-list-table{overflow-x:auto}.student-classification-directive .student-select-mode .student-list-table::-webkit-scrollbar{height:5px}.student-classification-directive .student-select-mode .student-list-table table{width:calc(100% - 14px);margin:7px auto;border:1px solid #b9b9b9}.student-classification-directive .student-select-mode .student-list-table tr{border-bottom:1px solid #b9b9b9;cursor:pointer;transition:.4s}.student-classification-directive .student-select-mode .student-list-table tr:hover{background-color:#d2d2d2}.student-classification-directive .student-select-mode .student-list-table tr.selected{background-color:#dafbdf}.student-classification-directive .student-select-mode .student-list-table td{text-align:center;font-size:14px;padding:3px}.student-classification-directive .student-select-mode .student-list-table th{background:#2662ac;color:#fff;padding:6px;text-align:center;font-size:15px}.student-classification-directive .student-select-mode .student-list-table th.student-name{min-width:250px;min-height:45px;height:45px;width:300px}.student-classification-directive .student-select-mode .student-list-table .student-name{text-align:right}.student-classification-directive .student-select-mode .student-list-table .check-box-icon{max-width:25px;width:25px;direction:ltr;text-align:left}.student-classification-directive .student-select-mode .student-list-table .check-box-icon i{font-size:19px;max-width:19px;position:relative;top:3px}.student-classification-directive .student-select-mode .guide-box{padding:5px 2px 2px 2px;text-align:justify}.student-classification-directive .student-select-mode .each-guide{padding:2px 5px;font-size:13px}.student-classification-directive .student-select-mode .each-guide .fa-circle{font-size:8px}.student-classification-directive .student-select-mode .select-class-box{padding:5px;text-align:center}.student-classification-directive .student-select-mode .select-class-box .select-class-box-title{font-size:15px;color:#064ba0}.student-classification-directive .student-select-mode .select-class-box .select-class-box-title i{font-size:18px;position:relative;top:2px}.student-classification-directive .student-select-mode .select-class-box select{width:50%;text-align:center;border:2px solid #000;border-radius:5px;font-size:14px}.student-classification-directive .student-select-mode .select-class-box .class-detail{font-size:13px;padding:7px 5px 3px;color:#585858}.student-classification-directive .student-select-mode .lower-part{position:relative;padding:10px 0}.student-classification-directive .student-select-mode .lock-lower-part{position:absolute;height:100%;width:100%;top:0;right:0;padding-top:125px;font-size:22px;background-color:#000000b5;color:#fff;text-align:center;z-index:100}.student-classification-directive .student-select-mode .lock-lower-part .fa-lock{font-size:80px}.student-classification-directive .student-select-mode .footer-row{padding:10px 5px 20px;margin-top:5px;position:sticky;bottom:0;text-align:center;background-color:#fff;border-top:2px solid gray}.student-classification-directive .student-select-mode .footer-row button{font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}.student-classification-directive .final-confirm-mode .guide-box{padding:5px 2px 2px 2px;text-align:justify}.student-classification-directive .final-confirm-mode .each-guide{padding:2px 5px;font-size:13px}.student-classification-directive .final-confirm-mode .each-guide .fa-circle{font-size:8px}.student-classification-directive .final-confirm-mode .check-box-container{font-size:15px;padding:7px 10px 0}.student-classification-directive .final-confirm-mode .check-box-container i{position:relative;top:2px;right:1px;font-size:17px;direction:ltr;width:16px;cursor:pointer}.student-classification-directive .final-confirm-mode .selected-class-box{border-radius:5px;margin:5px 8px;border:2px solid #2662ac;background-color:#2662ac;overflow:hidden}.student-classification-directive .final-confirm-mode .class-title{border-bottom:1px solid #2662ac;color:#fff;padding:5px 10px;font-size:15px}.student-classification-directive .final-confirm-mode .student-list-scroll{overflow-x:auto}.student-classification-directive .final-confirm-mode .student-list-scroll::-webkit-scrollbar{height:5px}.student-classification-directive .final-confirm-mode .student-list-table{background-color:#fff}.student-classification-directive .final-confirm-mode .student-list-table table{width:100%;text-align:center;position:relative}.student-classification-directive .final-confirm-mode .student-list-table tr.new-student{background-color:#f9e8cf}.student-classification-directive .final-confirm-mode .student-list-table td{font-size:13px;padding:3px 0;border:1px solid #b9b9b9;border-bottom:0}.student-classification-directive .final-confirm-mode .student-list-table th{text-align:center;padding:5px 2px;border:1px solid #b9b9b9;background:#f3f3f3;color:#064ba0;font-size:14px}.student-classification-directive .final-confirm-mode .footer-row{padding:10px 5px 20px;margin-top:5px;position:sticky;bottom:0;justify-content:space-evenly;background-color:#fff;border-top:2px solid gray}.student-classification-directive .final-confirm-mode .footer-row .final-confirm-btn{background:#94c221;min-width:115px;border-radius:5px;font-size:15px;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #7da511}.student-classification-directive .final-confirm-mode .footer-row .back-btn{background:#ff6a40;min-width:115px;border-radius:5px;font-size:15px;padding:4px 5px;box-shadow:1px 1px 3px #00000082;border:2px solid #f32121}@media screen and (max-width:1024px){.student-classification-directive .student-select-mode .student-list-table th.student-name{min-width:95px;min-height:45px;height:45px;width:265px}}@media screen and (max-width:768px){.student-classification-directive .student-classification-directive-header{padding-left:0}.student-classification-directive .student-select-mode .student-list-table tr:hover{background-color:unset}.student-classification-directive .student-select-mode .student-list-table tr.selected{background-color:#dafbdf}.student-classification-directive .student-select-mode .student-list-table th{background:#2662ac;color:#fff;padding:6px;text-align:center;font-size:13px;font-weight:400}.student-classification-directive .student-select-mode .student-list-table th.phone-number{min-width:110px}.student-classification-directive .student-select-mode .student-list-table .check-box-icon{padding-left:3px}.student-classification-directive .student-select-mode .student-list-table th.student-name{min-width:170px;min-height:45px;height:45px;width:170px}.student-classification-directive .student-select-mode .search-box input{height:32px;width:160px;padding:3px 5px 5px;border:1px solid #8a57bd;border-radius:5px;font-size:12px}.student-classification-directive .student-select-mode .student-list-table td{text-align:center;font-size:13px;padding:3px 5px}.student-classification-directive .final-confirm-mode .class-title{padding:5px 10px;font-size:14px}.student-classification-directive .final-confirm-mode .student-list-table th{text-align:center;padding:5px 2px;color:#064ba0;font-size:13px}.student-classification-directive .final-confirm-mode .student-list-table td{font-size:12px;padding:3px 0}}@media screen and (max-width:480px){.student-classification-directive .student-select-mode .each-guide{font-size:12px}.student-classification-directive .student-select-mode .lower-part{padding:5px 0}.student-classification-directive .student-select-mode .select-class-box .select-class-box-title{font-size:13px}.student-classification-directive .student-select-mode .select-class-box .select-class-box-title i{font-size:16px;top:2px}.student-classification-directive .student-select-mode .select-class-box select{width:65%;font-size:13px}.student-classification-directive .student-select-mode .student-list-table th.phone-number{min-width:90px}.student-classification-directive .student-select-mode .student-list-table th{padding:6px;font-size:12px;font-weight:400}.student-classification-directive .student-select-mode .student-list-table td{text-align:center;font-size:12px;padding:3px 5px}.student-classification-directive .student-select-mode .student-list-table .check-box-icon i{font-size:17px;max-width:19px;top:2px}.student-classification-directive .student-select-mode .search-box input{height:28px;width:130px;padding:3px 5px;font-size:11px}.student-classification-directive .student-select-mode .search-box .fa-close{left:5px;top:5px;font-size:18px}.student-classification-directive .student-select-mode .student-list-table th.student-name{min-width:145px;min-height:43px;height:43px;width:145px}.student-classification-directive .final-confirm-mode .each-guide{font-size:12px}.student-classification-directive .final-confirm-mode .check-box-container{font-size:13px;padding:7px 10px 2px}.student-classification-directive .final-confirm-mode .check-box-container i{top:3px;right:1px}.student-classification-directive .final-confirm-mode .selected-class-box{margin:5px}.student-classification-directive .final-confirm-mode .class-title{font-size:13px}.student-classification-directive .final-confirm-mode .student-list-table th{text-align:center;padding:5px 2px;color:#064ba0;font-size:12px}.student-classification-directive .final-confirm-mode .student-list-table td{font-size:11px;padding:4px 0 3px}.student-classification-directive .final-confirm-mode .footer-row .final-confirm-btn{min-width:95px;font-size:13px;padding:3px 5px}.student-classification-directive .final-confirm-mode .footer-row .back-btn{min-width:95px;font-size:13px;padding:3px 5px}}.submit-class-directive{border:1px solid gray;border-width:0 1px;min-height:100%}.submit-class-directive .submit-class-directive-header{padding-left:35px;position:relative;background-color:#064ba0}.submit-class-directive .select-paye{text-align:center;padding:12px 5% 2px}.submit-class-directive .select-paye select{height:41px;width:100%;border:2px solid #064ba0;border-radius:7px;text-align:center;padding:2px;font-size:15px}.submit-class-directive .footer-button-container{justify-content:space-evenly;position:sticky;bottom:0;border-top:2px solid gray;padding:10px 5px 15px;background-color:#fff;z-index:10}.submit-class-directive .class-list{padding-top:10px;font-size:14px}.submit-class-directive .class-list .list-title{font-size:16px;color:#064ba0;padding:0 10px}.submit-class-directive .class-list .list-title i{font-size:18px;position:relative;top:3px}.submit-class-directive .class-list .each-class{padding:5px 12px;border-bottom:1px solid #bfbfbf}.submit-class-directive .class-list .each-class.background-gray{background-color:#f3f3f3}@media screen and (max-width:768px){.submit-class-directive .class-list .list-title{font-size:15px}.submit-class-directive .class-list{font-size:13px;padding-top:7px}.submit-class-directive .class-list .each-class{padding:5px 10px;border-bottom:1px solid #bfbfbf}}@media screen and (max-width:480px){.submit-class-directive .class-list{font-size:12px}.submit-class-directive .class-list .each-class{padding:5px 7px;border-bottom:1px solid #bfbfbf}.submit-class-directive .class-list .list-title{padding:0 7px}}.upload-student-exel-directive{border:1px solid gray;border-width:0 1px;min-height:100%}.upload-student-exel-directive .upload-student-exel-directive-header{padding-left:35px;position:relative;background-color:#064ba0}.upload-student-exel-directive .guide-box{padding:5px 2px 2px 2px;text-align:justify}.upload-student-exel-directive .guide-title{padding-right:5px;color:#b42528}.upload-student-exel-directive .download-file{text-decoration:underline;color:#257cc8;cursor:pointer}.upload-student-exel-directive .each-guide{padding:2px 5px;font-size:13px}.upload-student-exel-directive .each-guide .fa-circle{color:#b42528;font-size:8px}.upload-student-exel-directive .select-row{padding:10px;font-size:14px;justify-content:space-evenly;flex-wrap:wrap}.upload-student-exel-directive .footer-row{padding:10px;justify-content:space-evenly}@media screen and (max-width:768px){.upload-student-exel-directive .upload-student-exel-directive-header{padding-left:0}.upload-student-exel-directive .each-guide{padding:5px;font-size:13px}}@media screen and (max-width:480px){.upload-student-exel-directive .each-guide{padding:3px 5px;font-size:11px}.upload-student-exel-directive .select-row{font-size:13px}.upload-student-exel-directive .select-row>div{width:100%;padding:0 0 5px}}.view-teacher-directive{border:1px solid gray;border-width:0 1px;min-height:100%}.view-teacher-directive .view-teacher-directive-header{padding-left:35px;background-color:#064ba0}.view-teacher-directive .select-paye{padding:10px}.view-teacher-directive .select-paye select{padding:2px;height:37px;width:100%;text-align:center;font-size:15px;border:2px solid #064ba0;border-radius:5px}.view-teacher-directive .each-class-data{border-radius:5px;margin:5px 8px;border:2px solid #2662ac;background-color:#2662ac;overflow:hidden}.view-teacher-directive .class-container{border-bottom:1px solid #2662ac;background:#2662ac;color:#fff;padding:5px 10px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.view-teacher-directive .teachers-list{justify-content:space-between;flex-wrap:wrap;padding:5px 15px;background-color:#f0faff}.view-teacher-directive .lesson{border-bottom:1px solid #6d90bd;background:#efefef;border-radius:5px 5px 0 0}.view-teacher-directive .teacher-name{background:#fff;border-radius:0 0 5px 5px}.view-teacher-directive .teacher-info-box{border-radius:5px;margin:5px 10px;text-align:center;font-size:13px;border:1px solid #6d90bd;min-width:150px}.view-teacher-directive .teacher-info-box i{color:#00469d}.view-teacher-directive .teacher-info-box div{height:25px;padding:3px}.view-teacher-directive .edit-teacher{font-size:13px;border-radius:4px;color:#064ba0;padding:1px 3px 3px;border-color:#f5962e;background-color:#ffa639}.view-teacher-directive .classes-detail .class-warning{background-color:#f0faff;padding:3px 3px 4px}.view-teacher-directive .classes-detail .class-warning span{font-size:12px;text-decoration:underline;color:#1147df;cursor:pointer;white-space:nowrap}.view-teacher-directive .classes-detail .class-warning i{position:relative;top:1px;right:1px;color:#a10202}@media screen and (max-width:768px){.view-teacher-directive .teachers-list{padding:5px 7px}.view-teacher-directive .teacher-info-box{margin:5px;font-size:12px;min-width:135px}.view-teacher-directive .teacher-info-box div{height:25px;padding:4px 3px 2px}.view-teacher-directive .edit-teacher{font-size:12px}}@media screen and (max-width:480px){.view-teacher-directive .teachers-list{padding:5px}.view-teacher-directive .teacher-info-box{margin:3px;font-size:11px;min-width:130px}.view-teacher-directive .teacher-info-box div{padding:5px 3px 2px}.view-teacher-directive .edit-teacher{font-size:11px;padding:2px 3px}.view-teacher-directive .select-paye select{padding:2px;height:32px;width:100%;text-align:center;font-size:13px;border:2px solid #064ba0;border-radius:5px}.view-teacher-directive .class-container{font-size:13px}}.set-second-stage-dialog .dialog-text{font-size:14px;text-align:center;margin-bottom:7px}.set-second-stage-dialog .options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.set-second-stage-dialog .each-option{width:46%;height:65px}.set-second-stage-dialog .each-option select{padding:5px;color:#fff;background:#0d65d2;border-radius:5px;width:100%}.weekly-schedule-dialog .title{font-size:14px;height:18%;display:flex;align-items:center;justify-content:center}.weekly-schedule-dialog .options{display:flex;justify-content:center;align-items:center;width:100%;height:60%;margin:5px}.weekly-schedule-dialog .each-option{width:40%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;margin:7px;position:relative}.weekly-schedule-dialog .each-option select{padding:5px;color:#fff;background:#0d65d2;border-radius:5px;width:100%}@media screen and (max-width:480px){.weekly-schedule-dialog{height:265px}.weekly-schedule-dialog .title{height:13%;text-align:center}.weekly-schedule-dialog .options{flex-direction:column}.weekly-schedule-dialog .each-option{width:100%}}.ng-dropdown-container{display:inline-block;width:100%;position:relative;color:#24292e;background-color:#eff3f6;background-image:linear-gradient(-180deg,#fafbfc,#eff3f6 90%);padding:0 .5rem;border:1px solid rgba(27,31,35,.2);border-radius:.25em;box-sizing:border-box}.ng-dropdown-container:hover{background-color:#e6ebf1;background-image:linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);background-position:-.5em}.ng-dropdown-text{width:100%;cursor:default;height:2rem;display:flex;justify-content:start;align-items:center;font-weight:600;user-select:none;white-space:nowrap;overflow:hidden;box-sizing:border-box}.ng-dropdown-text::after{position:absolute;content:' ';border:5px solid transparent;border-top-color:#000;top:.8rem;left:1rem;width:0;height:0;transition:rotate .3s ease}.ng-dropdown-container.show .ng-dropdown-options{display:inline-block}.ng-dropdown-options{max-height:250px;overflow:auto;border:1px solid #d1d5da;border-radius:3px;box-shadow:0 1px 5px rgba(27,31,35,.15);z-index:99;background-color:#fff;position:absolute;width:100%;top:0;left:0;margin-top:calc(2rem);display:none;list-style:none;padding:0;box-sizing:border-box}.ng-dropdown-item{padding:.4rem .5rem;cursor:pointer;box-sizing:border-box}.ng-dropdown-item.selected{font-weight:600}.ng-dropdown-search{padding:.4rem 1rem;width:100%;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.ng-dropdown-item:hover{background:#f6f8fa}.student-change-test-lesson-dialog .main-box{padding:10px 0}.student-change-test-lesson-dialog .lesson-list{flex-wrap:wrap;justify-content:space-evenly}.student-change-test-lesson-dialog .each-lesson{width:calc(50% - 20px);text-align:center;margin:5px 10px;border-radius:7px;padding:5px}.student-change-test-lesson-dialog .each-lesson .lesson-title{font-size:16px;color:#0055bf}.student-change-test-lesson-dialog .each-lesson hr{margin:5px;border-top:1px solid #959595}.student-change-test-lesson-dialog .each-lesson .answer-status-row{justify-content:space-evenly;flex-wrap:wrap;height:50px}.student-change-test-lesson-dialog .each-lesson button{width:100px;height:27px;color:#064baf;background-color:#ffb357;border:2px solid #ff8946;border-radius:5px}.student-change-test-lesson-dialog .correct-and-wrong{width:100%;justify-content:space-evenly}.student-change-test-lesson-dialog .close-dialog{position:absolute;z-index:3;top:-7px;right:-7px;color:#fff;font-size:17px;cursor:pointer;background-color:#d80202;width:31px;height:31px;border-radius:50%;justify-content:center}@media screen and (max-width:480px){.student-change-test-lesson-dialog .each-lesson{width:100%;margin:5px 0}.student-change-test-lesson-dialog .main-box{padding:5px 0 10px}.student-change-test-lesson-dialog .each-lesson .answer-status-row{height:35px}.student-change-test-lesson-dialog .each-lesson hr{margin:5px 5px 0;border-top:1px solid #959595}.student-change-test-lesson-dialog .correct-and-wrong{width:67%;justify-content:space-evenly}}.outcome-print{font-size:14px;border:1px solid #b5b5b5}.outcome-print .flex-display{display:flex;align-items:center}.outcome-print .justify-around{justify-content:space-around}.outcome-print .print-mode{font-size:14px;border:1px solid #b5b5b5}.outcome-print .school-info{font-size:20px;margin:10px 0;text-align:center}.outcome-print .outcome-name{text-align:center;font-size:18px;margin:6px}.outcome-print table{width:100%;border:1px solid #b5b5b5;text-align:center;margin-top:9px}.outcome-print .blue-background th{padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1;text-align:center}.outcome-print .even-background{background:#efefef}.outcome-print td{padding:5px;width:50%}.outcome-print .table-border{border:1px solid #b5b5b5}.outcome-print td.signeture{padding:12px 7px 55px;text-align:right}.print-margin-top{height:.5cm}@media print{@page{size:auto;padding:0;margin:0}body{padding:0;margin:0}.outcome-print{page-break-inside:avoid;page-break-after:always;width:97%;margin:0 auto;position:relative}.outcome-print .even-background{background:#efefef!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.outcome-print .blue-background th{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.student-attendance-report .flex-display{display:flex;align-items:center}.student-attendance-report .flex-wrap{flex-wrap:wrap}.student-attendance-report .justify-around{justify-content:space-around}.student-attendance-report .justify-between{justify-content:space-between}.student-attendance-report .justify-center{justify-content:center}.student-attendance-report .filter{width:98%;margin:9px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0}.student-attendance-report .filter .fa-filter{font-size:25px;padding:10px 13px}.student-attendance-report .just-absent i{font-size:20px;margin-left:3px}.student-attendance-report .fa-toggle-on{color:green}.student-attendance-report input[type=checkbox]{margin:0 0 0 3px}.student-attendance-report .attendance-info{width:100%}.student-attendance-report td,.student-attendance-report th{text-align:center;border:1px solid}.student-attendance-report th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.student-attendance-report td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.student-attendance-report .present{color:#007a04}.student-attendance-report .delay{color:#a78600}.student-attendance-report .absent{color:red}.student-attendance-report .hide-element{display:none}.student-attendance-report .show-element{display:flex}.student-attendance-report .school-info{font-size:19px;margin:10px 0;text-align:center}.student-attendance-report .operation-type{text-align:center;font-size:17px;margin:6px}.student-attendance-report .back-btn,.student-attendance-report .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-attendance-report .back-btn{font-size:17px;padding:2px 4px 0 4px}.student-attendance-report .print-mode{display:none}.print-mode.student-attendance-report .absent,.print-mode.student-attendance-report .delay,.print-mode.student-attendance-report .present{color:#002e66}.student-attendance-report .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.student-attendance-report .fa-star{font-size:15px;color:#064ba0}.student-attendance-report .all-absent-detail{font-size:14px;text-align:center;padding:5px 5px 0;justify-content:space-evenly}.student-attendance-report .filter-box{margin:10px;position:relative}.student-attendance-report .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.student-attendance-report .filter-box .fa-remove{color:#ffe768;cursor:pointer}.student-attendance-report .filter-box .first-row{height:33px;padding:2px 45px 4px 6px;justify-content:space-between}.student-attendance-report .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap}.student-attendance-report .filter-box .just-absent i{font-size:20px;margin-left:3px}.student-attendance-report .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-attendance-report .filter-box .filter-option{text-align:center;justify-content:center}.student-attendance-report .filter-box .filter-option .date-picker{direction:ltr;width:170px;padding-right:5px}.student-attendance-report .filter-box .filter-option-select select{width:170px;height:33px;border-radius:5px}@media screen and (max-width:1023px){.student-attendance-report .just-absent{margin:5px}}@media (max-width:768px){.student-attendance-report .filter .fa-filter{font-size:21px;padding:4px 10px}.student-attendance-report .pdf-report{font-size:18px}.student-attendance-report th{font-size:13px}.student-attendance-report td{font-size:12px}.student-attendance-report .filter-box .first-row{height:35px;padding:2px 35px 4px 6px;justify-content:space-between}.student-attendance-report .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap}.student-attendance-report .filter-box .just-absent{font-size:13px}.student-attendance-report .filter-box .just-absent i{font-size:18px;margin-left:3px}.student-attendance-report .filter-box .filter-option{padding-top:3px}.student-attendance-report .filter-box .filter-option .date-picker{width:145px}.student-attendance-report .filter-box .filter-option-select select{width:220px;text-align:center;height:33px;border-radius:5px;margin-top:4px}}@media screen and (max-width:480px){.student-attendance-report .filter .fa-filter{font-size:18px;padding:4px 6px}.student-attendance-report .pdf-report{font-size:17px}.student-attendance-report th{font-size:12px}.student-attendance-report td{font-size:11px}.student-attendance-report .filter-box{margin:10px 5px 0;position:relative}.student-attendance-report .filter-box .filter-icon{position:absolute;width:31px;height:31px;font-size:19px;padding:2px 5px;border-radius:0 0 0 7px;top:0;right:0}.student-attendance-report .filter-box .first-row{height:32px;padding:0 30px 6px 3px;justify-content:space-between}.student-attendance-report .filter-box .second-row{justify-content:space-evenly}.student-attendance-report .filter-box .just-absent{font-size:12px}.student-attendance-report .filter-box .just-absent i{font-size:18px;margin-left:3px}.student-attendance-report .filter-box .pdf-report{padding:3px 6px;font-size:18px;margin:2px 0 4px}.student-attendance-report .filter-box .filter-option{font-size:12px;width:50%}.student-attendance-report .filter-box .filter-option .date-picker{width:80%;min-width:126px;padding-right:3px}.student-attendance-report .filter-box .filter-option .date-picker .ADMdtpInput input{font-size:12px;padding:6px 12px 6px 6px}.student-attendance-report .filter-box .filter-option-select select{font-size:12px;padding-bottom:3px}.student-attendance-report .all-absent-detail{font-size:13px;padding:5px 0 3px}}@media print{.student-attendance-report table{page-break-inside:auto}.student-attendance-report .blue-background{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-attendance-report td{background:#f3f3f3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-attendance-report table tr{page-break-inside:avoid;page-break-after:auto}.student-attendance-report table td{page-break-inside:avoid;page-break-after:auto}.student-attendance-report table thead{display:table-header-group}.student-attendance-report tfoot{display:table-footer-group}.student-attendance-report .fa-star{color:#064ba0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-attendance-report .print-mode{display:block}.student-attendance-report .flex-display{display:flex;align-items:center}.student-attendance-report .justify-around{justify-content:space-around}}.student-disciplinary-report input[type=checkbox]{margin:0 0 0 3px}.student-disciplinary-report .disciplinary-info{width:100%;margin:10px auto 0}.student-disciplinary-report td,.student-disciplinary-report th{text-align:center;border:1px solid}.student-disciplinary-report th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.student-disciplinary-report td{font-size:13px;padding:6px 3px 4px;border-color:#b9b9b9;background:#f3f3f3}.student-disciplinary-report .school-info{font-size:19px;margin:10px 0;text-align:center}.student-disciplinary-report .operation-type{text-align:center;font-size:17px;margin:6px}.student-disciplinary-report .print-mode{display:none}.student-disciplinary-report .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.student-disciplinary-report .discription{text-decoration:underline;color:#c56b0e;cursor:pointer}@media screen and (max-width:1024px){.student-disciplinary-report .pdf-report{margin-bottom:5px}}@media screen and (max-width:768px){.student-disciplinary-report .filter .fa-filter{font-size:21px;padding:4px 10px}.student-disciplinary-report .filter-option{margin:4px 8px;width:45%}.student-disciplinary-report .filter-option select{width:125px;padding:2px 0;font-size:12px;margin-right:44px}.student-disciplinary-report .ADMdtpInput input{font-size:12px;height:29px}.student-disciplinary-report .dtp-ig .calendarIcon,.student-disciplinary-report .dtp-ig .closeIcon,.student-disciplinary-report .dtp-ig .removeIcon{height:26px}.student-disciplinary-report .ADMdtpInput>.removeIcon{padding:8px 13px;height:31px}.student-disciplinary-report .pdf-report{font-size:18px}.student-disciplinary-report th{font-size:13px}.student-disciplinary-report td{font-size:12px}.student-disciplinary-report .info-font-size{font-size:11px}}@media screen and (max-width:480px){.student-disciplinary-report .filter .fa-filter{font-size:18px;padding:4px 6px}.student-disciplinary-report .filter-option span{margin-left:2px}.student-disciplinary-report .filter-option{margin:2px 4px;width:46%}.student-disciplinary-report .filter-option select{width:90px;padding:4px 0;font-size:11px;margin-right:37px}.student-disciplinary-report .date-picker{width:90px}.student-disciplinary-report .dtp-ig .fakeIcon{width:1px}.student-disciplinary-report .dtp-ig{padding:6px 10px}.student-disciplinary-report .ADMdtpInput input{font-size:11px;height:29px;padding:6px 2px}.student-disciplinary-report .dtp-ig .calendarIcon,.student-disciplinary-report .dtp-ig .closeIcon,.student-disciplinary-report .dtp-ig .removeIcon{height:26px;padding:0 2px}.student-disciplinary-report .ADMdtpInput>.removeIcon{padding:8px 0;height:31px;right:23px}.student-disciplinary-report .pdf-report{font-size:17px}.student-disciplinary-report th{font-size:12px}.student-disciplinary-report td{font-size:11px}.student-disciplinary-report .info-font-size{font-size:10px}}@media print{.student-disciplinary-report table{page-break-inside:auto}.student-disciplinary-report .blue-background{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-disciplinary-report td{background:#f3f3f3!important;-webkit-print-color-adjust:exact}.student-disciplinary-report table tr{page-break-inside:avoid;page-break-after:auto}.student-disciplinary-report table td{page-break-inside:avoid;page-break-after:auto}.student-disciplinary-report table thead{display:table-header-group}.student-disciplinary-report tfoot{display:table-footer-group}.student-disciplinary-report .print-mode{display:block}.student-disciplinary-report .flex-display{display:flex;align-items:center}}.student-exam-report .flex-display{display:flex;align-items:center}.student-exam-report .flex-wrap{flex-wrap:wrap}.student-exam-report .justify-around{justify-content:space-around}.student-exam-report .justify-between{justify-content:space-between}.student-exam-report .justify-center{justify-content:center}.student-exam-report .filter{width:98%;margin:9px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0}.student-exam-report .filter .fa-filter{font-size:25px;padding:10px 13px}.student-exam-report .show-attendance{width:100%;padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;line-height:1.7;margin-top:10px;text-align:center}.student-exam-report input[type=checkbox]{margin:0 0 0 3px}.student-exam-report .attendance-info{width:100%}.student-exam-report td,.student-exam-report th{text-align:center;border:1px solid}.student-exam-report th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.student-exam-report td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.student-exam-report .very-good{color:#007a04}.student-exam-report .good{color:#56b500}.student-exam-report .not-bad{color:#a78600}.student-exam-report .bad{color:red}.student-exam-report .print-mode{display:none}.print-mode.student-exam-report .bad,.print-mode.student-exam-report .good,.print-mode.student-exam-report .not-bad,.print-mode.student-exam-report .very-good{color:#002e66}.student-exam-report .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.student-exam-report .fa-star{font-size:15px;color:#064ba0}.student-exam-report .hide-element{display:none}.student-exam-report .show-element{display:flex}.student-exam-report .school-info{font-size:19px;margin:10px 0;text-align:center}.student-exam-report .operation-type{text-align:center;font-size:17px;margin:6px}.student-exam-report .back-btn,.student-exam-report .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-exam-report .back-btn{font-size:17px;padding:2px 4px 0 4px}.student-exam-report .all-record-detail{font-size:14px;text-align:center;padding:5px 5px 0;justify-content:space-evenly}.student-exam-report .filter-box{margin:10px;position:relative}.student-exam-report .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.student-exam-report .filter-box .fa-remove{cursor:pointer;color:#ffe768}.student-exam-report .filter-box .first-row{height:33px;padding:2px 45px 4px;justify-content:space-evenly}.student-exam-report .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap;padding:5px 45px 0}.student-exam-report .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-exam-report .filter-box .filter-option{text-align:center;justify-content:center}.student-exam-report .filter-box .filter-option .date-picker{direction:ltr;width:170px;padding-right:5px}.student-exam-report .filter-box .filter-option-select select{width:215px;height:31px;border-radius:5px;text-align:center}@media screen and (max-width:1024px){.student-exam-report .pdf-report{margin-bottom:5px}}@media screen and (max-width:768px){.student-exam-report .filter .fa-filter{font-size:21px;padding:4px 10px}.student-exam-report .pdf-report{font-size:18px}.student-exam-report th{font-size:13px}.student-exam-report td{font-size:12px}.student-exam-report .filter-box{margin:10px;position:relative}.student-exam-report .filter-box .filter-icon{position:absolute;width:37px;height:37px;font-size:22px;padding:3px 7px;border-radius:0 0 0 7px;top:0;right:0}.student-exam-report .filter-box .first-row{padding:2px 40px 4px 5px}.student-exam-report .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap;padding:5px 5px 0}.student-exam-report .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-exam-report .filter-box .filter-option{text-align:center;justify-content:center}.student-exam-report .filter-box .filter-option .date-picker{direction:ltr;width:150px;padding-right:5px}.student-exam-report .filter-box .filter-option-select select{width:190px}}@media screen and (max-width:480px){.student-exam-report .filter .fa-filter{font-size:18px;padding:4px 6px}.student-exam-report .pdf-report{font-size:17px}.student-exam-report th{font-size:12px}.student-exam-report td{font-size:11px}.student-exam-report .all-record-detail{font-size:13px;padding:5px 5px 2px}.student-exam-report .filter-box{margin:10px 5px 2px}.student-exam-report .filter-box .filter-icon{width:31px;height:31px;font-size:19px;padding:2px 5px;border-radius:0 0 0 7px;top:0;right:0}.student-exam-report .filter-box .first-row{height:27px;padding:2px 30px 4px 0}.student-exam-report .filter-box .second-row{justify-content:space-evenly;flex-wrap:wrap;padding:5px 0 0}.student-exam-report .filter-box .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-exam-report .filter-box .filter-option{text-align:center;justify-content:center;width:50%}.student-exam-report .filter-box .filter-option .date-picker{direction:ltr;width:125px;padding-right:0}.student-exam-report .filter-box .filter-option .date-picker .ADMdtpInput input{font-size:12px;padding:6px 12px 6px 6px}.student-exam-report .filter-box .filter-option-select select{width:120px;height:27px;border-radius:5px;text-align:center}}@media print{.student-exam-report table{page-break-inside:auto}.student-exam-report .blue-background{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-exam-report td{background:#f3f3f3!important;-webkit-print-color-adjust:exact}.student-exam-report table tr{page-break-inside:avoid;page-break-after:auto}.student-exam-report table td{page-break-inside:avoid;page-break-after:auto}.student-exam-report table thead{display:table-header-group}.student-exam-report tfoot{display:table-footer-group}.student-exam-report .fa-star{color:#064ba0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-exam-report .print-mode{display:block}.student-exam-report .flex-display{display:flex;align-items:center}.student-exam-report .justify-around{justify-content:space-around}}.student-homework-report .flex-display{display:flex;align-items:center}.student-homework-report .flex-wrap{flex-wrap:wrap}.student-homework-report .justify-around{justify-content:space-around}.student-homework-report .justify-between{justify-content:space-between}.student-homework-report .justify-center{justify-content:center}.student-homework-report .filter{width:98%;margin:9px auto 0;border-radius:12px;background:#cddeef;border:1px solid #b3d9ff;color:#064ba0}.student-homework-report .filter .fa-filter{font-size:25px;padding:10px 13px}.student-homework-report .date-picker{direction:ltr;width:125px}.student-homework-report .ADMdtpInput input{font-size:13px;padding:6px 8px}.student-homework-report .ADMdtpInput>.removeIcon{padding:8px 3px}.student-homework-report .filter-option{margin:5px 10px}.student-homework-report .filter-option span{margin-left:5px}.student-homework-report select{border-radius:5px;border:1px solid #ccc;background:#fff;text-align:center;width:115px;padding:4px 0;font-size:13px}.student-homework-report .show-attendance{width:100%;padding:2px 5px;border:1px solid #529df9;background:#9adaff;color:#064ba0;line-height:1.7;margin-top:10px;text-align:center}.student-homework-report input[type=checkbox]{margin:0 0 0 3px}.student-homework-report .homework-info{width:100%;margin:10px auto 0}.student-homework-report td,.student-homework-report th{text-align:center;border:1px solid}.student-homework-report th{padding:2px 5px;border-color:#529df9;background:#9adaff;color:#064ba0;font-size:15px;line-height:1.7;font-weight:400;text-shadow:0 0 #0059c1}.student-homework-report td{font-size:13px;padding:5px 3px;border-color:#b9b9b9;background:#f3f3f3;color:#002e66}.student-homework-report .perfect{color:#007a04}.student-homework-report .imperfect{color:#a78600}.student-homework-report .Exempted{color:#505050}.student-homework-report .undone{color:red}.student-homework-report .hide-element{display:none}.student-homework-report .show-element{display:flex}.student-homework-report .school-info{font-size:19px;margin:10px 0;text-align:center}.student-homework-report .operation-type{text-align:center;font-size:17px;margin:6px}.student-homework-report .back-btn,.student-homework-report .pdf-report{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:inline-flex;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;font-size:21px;margin:8px 0}.student-homework-report .back-btn{font-size:17px;padding:2px 4px 0 4px}.student-homework-report .print-mode{display:none}.print-mode.student-homework-report .Exempted,.print-mode.student-homework-report .imperfect,.print-mode.student-homework-report .perfect,.print-mode.student-homework-report .undone{color:#002e66}.student-homework-report .print-filter-options{font-size:15px;text-align:center;margin:9px 0}.student-homework-report .fa-star{font-size:15px;color:#064ba0}@media screen and (max-width:1024px){.student-homework-report .pdf-report{margin-bottom:5px}}@media screen and (max-width:768px){.student-homework-report .filter .fa-filter{font-size:21px;padding:4px 10px}.student-homework-report .filter-option{margin:4px 8px;width:45%}.student-homework-report .filter-option select{width:125px;padding:2px 0;font-size:12px;margin-right:44px}.student-homework-report .ADMdtpInput input{font-size:12px;height:29px}.student-homework-report .dtp-ig .calendarIcon,.student-homework-report .dtp-ig .closeIcon,.student-homework-report .dtp-ig .removeIcon{height:26px}.student-homework-report .ADMdtpInput>.removeIcon{padding:8px 13px;height:31px}.student-homework-report .pdf-report{font-size:18px}.student-homework-report th{font-size:13px}.student-homework-report td{font-size:12px}}@media screen and (max-width:480px){.student-homework-report .filter .fa-filter{font-size:18px;padding:4px 6px}.student-homework-report .filter-option span{margin-left:2px}.student-homework-report .filter-option{margin:2px 4px;width:46%}.student-homework-report .filter-option select{width:90px;padding:4px 0;font-size:11px;margin-right:37px}.student-homework-report .date-picker{width:90px}.student-homework-report .dtp-ig .fakeIcon{width:1px}.student-homework-report .dtp-ig{padding:6px 10px}.student-homework-report .ADMdtpInput input{font-size:11px;height:29px;padding:6px 2px}.student-homework-report .dtp-ig .calendarIcon,.student-homework-report .dtp-ig .closeIcon,.student-homework-report .dtp-ig .removeIcon{height:26px;padding:0 2px}.student-homework-report .ADMdtpInput>.removeIcon{padding:8px 0;height:31px;right:23px}.student-homework-report .pdf-report{font-size:17px}.student-homework-report th{font-size:12px}.student-homework-report td{font-size:11px}}@media print{.student-homework-report table{page-break-inside:auto}.student-homework-report .blue-background{border-color:#b9b9b9!important;background:#d9f1ff!important;color:#002e66!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-homework-report td{background:#f3f3f3!important;-webkit-print-color-adjust:exact}.student-homework-report table tr{page-break-inside:avoid;page-break-after:auto}.student-homework-report table td{page-break-inside:avoid;page-break-after:auto}.student-homework-report table thead{display:table-header-group}.student-homework-report tfoot{display:table-footer-group}.student-homework-report .fa-star{color:#064ba0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.student-homework-report .print-mode{display:block}.student-homework-report .flex-display{display:flex;align-items:center}.student-homework-report .justify-around{justify-content:space-around}}.student-outcome-performance .each-outcome-row{border-bottom:1px solid #bfbfbf;padding:3px 0}.student-outcome-performance .each-outcome-row.background-gray{background-color:#f3f3f3}.student-outcome-performance .each-outcome-row .first-row{color:#064ba0;padding:3px 10px 5px 5px}.student-outcome-performance .each-outcome-row .first-row .outcome-title{font-size:15px}.student-outcome-performance .each-outcome-row .first-row .fa-caret-left{font-size:18px;position:relative;top:3px}.student-outcome-performance .each-outcome-row .first-row .new-lable{font-size:12px;color:#cb0000}.student-outcome-performance .each-outcome-row .second-row{position:relative}.student-outcome-performance .each-outcome-row .second-row .outcome-date{font-size:14px;color:gray;padding:10px 12px 0}.student-outcome-performance .each-outcome-row .second-row .go-to-detail-btn{position:absolute;left:calc(50% - 45px);top:0;font-size:13px;width:100px;border-radius:4px;color:#064ba0;padding:2px 3px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:768px){.student-outcome-performance .each-outcome-row .second-row .go-to-detail-btn{left:calc(50% - 35px);top:3px;font-size:12px;width:70px}.student-outcome-performance .each-outcome-row .second-row .outcome-date{font-size:13px}}@media screen and (max-width:480px){.student-outcome-performance .each-outcome-row .first-row{color:#064ba0;padding:2px 7px 5px 5px}.student-outcome-performance .each-outcome-row .first-row .outcome-title{font-size:14px}.student-outcome-performance .each-outcome-row .first-row .fa-caret-left{font-size:16px}.student-outcome-performance .each-outcome-row .first-row .new-lable{font-size:11px;color:#cb0000}.student-outcome-performance .each-outcome-row .second-row .go-to-detail-btn{left:8px;top:3px;font-size:12px;width:60px;padding:1px 3px 0}.student-outcome-performance .each-outcome-row .second-row .outcome-date{font-size:12px;padding:10px 7px 0}}.add-edit-loading{width:100%;display:inline-block;right:0;text-align:center;top:20%;position:absolute}.edit-loading{font-size:30px}@media screen and (max-width:768px){.edit-loading{font-size:25px}}@media screen and (max-width:480px){.edit-loading{font-size:20px}}.bulletin-detail-directive{width:1163px;margin:0 auto;padding:1px 7px 5px;border-width:0 1px;min-height:calc(100% - 60px)}.bulletin-detail-directive .image-slider-container{text-align:center;padding:0 5px;height:350px}.bulletin-detail-directive .bulletin-subject{font-size:18px;padding:0 5px;color:#064ba0}.bulletin-detail-directive .bulletin-content{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;padding:5px;min-height:50px}.bulletin-detail-directive .bulletin-footer{justify-content:space-between;padding:5px 5px 0}.bulletin-detail-directive .operational-options-icon{width:75px}.bulletin-detail-directive .operational-options-icon.editable{width:115px}.bulletin-detail-directive .operational-options-icon>div{justify-content:space-around}.bulletin-detail-directive .bulletin-like{color:#d90000;font-size:24px;padding-top:8px;display:flex}.bulletin-detail-directive .bulletin-share{font-size:24px;padding-top:8px;display:flex;color:#909090;cursor:pointer}.bulletin-detail-directive .bulletin-edit{color:#d27300;font-size:26px;padding-top:8px;display:flex;cursor:pointer}.bulletin-detail-directive .bulletin-edit i{position:relative;top:2px}.bulletin-detail-directive .bulletin-detail{text-align:center}.bulletin-detail-directive .bulletin-detail div{padding:2px;color:gray}.bulletin-detail-directive fieldset{border-top:2px solid #064ba0;width:98%;margin:5px auto 0}.bulletin-detail-directive legend{padding:5px;text-align:center;display:inline-block;width:110px;margin-bottom:0;border:0;color:#064ba0}.bulletin-detail-directive .each-comment{display:flex;margin:3px auto;border-radius:5px;width:99%}.bulletin-detail-directive .each-comment .fa-user-circle{font-size:14px;position:relative;top:8px;width:15px;height:12px;right:6px}.bulletin-detail-directive .each-comment .fa-user{font-size:13px;position:relative;top:7px;right:5px;width:15px;height:12px}.bulletin-detail-directive .each-comment .delete-comment i{color:#eb0404;font-size:18px;width:25px;height:25px;padding-top:4px;text-align:center;cursor:pointer}.bulletin-detail-directive .each-comment>span{padding:6px 5px 4px 5px;margin-right:4px;width:calc(100% - 40px);line-height:1.5}.bulletin-detail-directive .add-comment-box{position:relative}.bulletin-detail-directive .add-comment-box div{position:absolute;bottom:4px;left:9px;width:65px;height:25px;cursor:pointer;border:2px solid #ff7c41;background-color:#ffa639;text-align:center;padding-top:1px;border-radius:5px;color:#064ba0}.bulletin-detail-directive .add-comment-box textarea{resize:none;width:99%;margin:5px auto;display:block;min-height:75px;border-radius:5px;padding:3px 5px}.bulletin-detail-directive .bulletin-text{text-align:justify;width:100%}@media screen and (max-width:1200px){.bulletin-detail-directive{width:963px}}@media screen and (max-width:992px){.bulletin-detail-directive{width:743px}}@media screen and (max-width:768px){.bulletin-detail-directive{width:100%}.bulletin-detail-directive .image-slider-container{height:320px}}@media screen and (max-width:480px){.bulletin-detail-directive{min-height:calc(100% - 55px)}.bulletin-detail-directive .image-slider-container{height:250px}.bulletin-detail-directive .bulletin-subject{font-size:16px}.bulletin-detail-directive .bulletin-detail div{padding:1px;font-size:10px}.bulletin-detail-directive .operational-options-icon.editable{width:95px}.bulletin-detail-directive .operational-options-icon{width:55px}.bulletin-detail-directive .operational-options-icon>div{justify-content:space-between}.bulletin-detail-directive .bulletin-edit{font-size:22px;padding-top:4px}.bulletin-detail-directive .bulletin-like{font-size:20px;padding-top:4px}.bulletin-detail-directive .bulletin-share{font-size:22px;padding-top:4px}.bulletin-detail-directive fieldset{margin:0 auto}.bulletin-detail-directive legend{font-size:18px;width:75px}.bulletin-detail-directive .add-comment-box div{left:6px;width:55px;height:23px;padding-top:2px;font-size:11px}}.consultation-request-dialog .guide-box{padding:5px 2px 2px 2px}.consultation-request-dialog .guide-box .each-guide{padding:2px 5px;font-size:13px;text-align:justify}.consultation-request-dialog .guide-box .fa-circle{color:#b42528;font-size:8px}.consultation-request-dialog .dialog-expression{font-size:16px;text-align:justify}.consultation-request-dialog .balance-situation{color:#064ba0;font-size:15px;padding:7px}.consultation-request-dialog .balance-situation i{font-size:18px;position:relative;top:3px}.consultation-request-dialog fieldset{border:2px solid #064ba0;border-radius:5px;padding:5px;margin-top:10px;font-size:13px;line-height:1.8}.consultation-request-dialog fieldset legend{width:fit-content;margin:0 20px 5px 0;font-size:15px;color:#064ba0;border:0;padding:2px 7px}.consultation-request-dialog fieldset .fa-envelope{position:relative;top:2px;color:#064ba0;font-size:15px}.consultation-request-dialog .delay-preview{transition:.4s ease-out;overflow:hidden}.consultation-request-dialog .delay-preview fieldset{margin-top:0}.consultation-request-dialog .send-sms-for-delay{margin-top:15px;font-size:15px}.consultation-request-dialog .send-sms-for-delay i{font-size:20px;position:relative;top:4px;direction:ltr;text-align:left;width:19px}@media screen and (max-width:768px){.consultation-request-dialog .guide-box .each-guide{padding:3px 0;font-size:12px}.consultation-request-dialog .principal-absent-sms-dialog .send-sms-for-delay{margin-bottom:15px;font-size:14px}.consultation-request-dialog .dialog-expression{font-size:14px;text-align:justify}}@media screen and (max-width:480px){.consultation-request-dialog .guide-box .each-guide{font-size:11px}.consultation-request-dialog .guide-box .fa-circle{font-size:6px}.consultation-request-dialog .balance-situation{font-size:13px;padding:5px 0}.consultation-request-dialog fieldset{font-size:11px}.consultation-request-dialog fieldset legend{margin:0 5px 5px 0;font-size:13px;padding:2px 7px}.consultation-request-dialog fieldset .fa-envelope{position:relative;top:1px;color:#064ba0;font-size:13px}.consultation-request-dialog .send-sms-for-delay{margin-top:12px;font-size:12px}.consultation-request-dialog .send-sms-for-delay i{font-size:17px;top:3px;width:16px}}.consultation-request-dialog .guide-box{padding:5px 2px 2px 2px}.consultation-request-dialog .guide-box .each-guide{padding:2px 5px;font-size:13px;text-align:justify}.consultation-request-dialog .guide-box .fa-circle{color:#b42528;font-size:8px}.consultation-request-dialog .dialog-expression{font-size:16px;text-align:justify}.consultation-request-dialog .balance-situation{color:#064ba0;font-size:15px;padding:7px}.consultation-request-dialog .balance-situation i{font-size:18px;position:relative;top:3px}.consultation-request-dialog fieldset{border:2px solid #064ba0;border-radius:5px;padding:5px;margin-top:10px;font-size:13px;line-height:1.8}.consultation-request-dialog fieldset legend{width:fit-content;margin:0 20px 5px 0;font-size:15px;color:#064ba0;border:0;padding:2px 7px}.consultation-request-dialog fieldset .fa-envelope{position:relative;top:2px;color:#064ba0;font-size:15px}.consultation-request-dialog .delay-preview{transition:.4s ease-out;overflow:hidden}.consultation-request-dialog .delay-preview fieldset{margin-top:0}.consultation-request-dialog .send-sms-for-delay{margin-top:15px;font-size:15px}.consultation-request-dialog .send-sms-for-delay i{font-size:20px;position:relative;top:4px;direction:ltr;text-align:left;width:19px}@media screen and (max-width:768px){.consultation-request-dialog .guide-box .each-guide{padding:3px 0;font-size:12px}.consultation-request-dialog .principal-absent-sms-dialog .send-sms-for-delay{margin-bottom:15px;font-size:14px}.consultation-request-dialog .dialog-expression{font-size:14px;text-align:justify}}@media screen and (max-width:480px){.consultation-request-dialog .guide-box .each-guide{font-size:11px}.consultation-request-dialog .guide-box .fa-circle{font-size:6px}.consultation-request-dialog .balance-situation{font-size:13px;padding:5px 0}.consultation-request-dialog fieldset{font-size:11px}.consultation-request-dialog fieldset legend{margin:0 5px 5px 0;font-size:13px;padding:2px 7px}.consultation-request-dialog fieldset .fa-envelope{position:relative;top:1px;color:#064ba0;font-size:13px}.consultation-request-dialog .send-sms-for-delay{margin-top:12px;font-size:12px}.consultation-request-dialog .send-sms-for-delay i{font-size:17px;top:3px;width:16px}}.public-gate{min-height:100%;border:1px solid gray;border-width:0 1px;background-color:#fff9f1}.public-gate .public-gate-header{padding:0 5px 5px;margin:0 5px;text-align:center;color:#064ba0;border-bottom:1px solid #bfbfbf}.public-gate .public-gate-header .logo-container{font-size:64px;padding:30px 10px 0}.public-gate .public-gate-header .header-expression{font-size:18px;position:relative;bottom:18px}.public-gate .public-gate-body .each-row{border-bottom:1px solid #bfbfbf;padding:3px 0;margin:0 5px}.public-gate .public-gate-body .each-row .row-expression{padding:5px 3px;font-size:15px}.public-gate .public-gate-body .each-row .fa-volume-control-phone{color:#39a459;font-size:16px;position:relative;top:1px}.public-gate .public-gate-body .each-row .fa-sign-in{color:#d78221;font-size:17px;position:relative;top:3px}.public-gate .public-gate-body .each-row .fa-info-circle{color:#3691d1;font-size:17px;position:relative;top:3px}.public-gate .public-gate-body .login-row .button-container-row{display:flex;justify-content:center;flex-wrap:wrap}.public-gate .public-gate-body .button-container-row{text-align:center;padding:5px 8px}.public-gate .public-gate-body .button-container-row button{font-size:14px;min-width:200px;border-radius:4px;color:#064ba0;padding:4px 7px 5px 5px;margin:3px 20px}@media (max-width:768px){.public-gate .public-gate-header .logo-container{font-size:50px;padding:20px 10px 0}.public-gate .public-gate-header .header-expression{font-size:16px;position:relative;bottom:16px}.public-gate .public-gate-body .each-row .row-expression{padding:5px 2px;font-size:14px}.public-gate .public-gate-body .button-container-row button{font-size:13px;min-width:175px}}@media (max-width:480px){.public-gate .public-gate-header .logo-container{font-size:42px;padding:14px 10px 0}.public-gate .public-gate-header .header-expression{font-size:15px;position:relative;bottom:13px}.public-gate .public-gate-body .each-row .row-expression{padding:2px;font-size:12px;line-height:1.6}.public-gate .public-gate-body .login-row .button-container-row{justify-content:space-evenly}.public-gate .public-gate-body .button-container-row{padding:15px 8px 2px}.public-gate .public-gate-body .button-container-row button{padding:4px 5px 4px 4px;margin:3px}}.activate-sms-for-message-dialog{text-align:justify;font-size:13px}.activate-sms-for-message-dialog .sms-description{margin:7px 0}.activate-sms-for-message-dialog .sms-description i{color:#2761a9;margin-left:5px}.activate-sms-for-message-dialog fieldset{border:1px solid #2761a9;padding:0 15px 10px}.activate-sms-for-message-dialog legend{border:none;padding:3px 5px 3px 0;width:127px;margin:0 0 0;font-size:15px;color:#0d65d2}.activate-sms-for-message-dialog .message-property,.activate-sms-for-message-dialog .message-variable{text-decoration:underline;color:#8a0000}.activate-sms-for-message-dialog .receiver-title{color:red;text-decoration:underline}@media screen and (max-width:768px){.activate-sms-for-message-dialog{font-size:12px}}@media screen and (max-width:480px){.activate-sms-for-message-dialog{font-size:11px}}.message-popup a,.message-popup a:visited{text-decoration:underline;color:#0734ff}.message-popup a:hover{color:#004c9d}.message-popup{position:relative;font-size:15px}.message-popup .message-dialog-header{width:100%;border-bottom:2px dashed #0055bf;text-align:center;margin:0 0 12px;position:relative;height:50px}.message-popup .dialog-header{font-size:24px;font-weight:700;background:linear-gradient(to right,#044698 10%,#3ac1ff 50%,#ff925c 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;display:inline-block;border:none;margin:0;padding-bottom:6px;padding:0 10px}.message-popup .dialog-header2{font-size:34px;font-weight:700;display:inline-block;border:none;margin:0;padding-bottom:6px;position:absolute;right:0;color:#0055bf;top:0;animation:text-moving 12.5s linear infinite;padding:0 10px}.message-popup .dialog-header3{font-size:34px;font-weight:700;display:inline-block;position:relative;border:none;margin:0;padding-bottom:6px;color:#0055bf;animation:moving-up-down .9s infinite;padding:0 10px}@keyframes text-moving{0%{right:0}25%{right:30%}50%{right:60%}75%{right:90%}100%{right:0}}@keyframes textclip{to{background-position:200% center}}.message-popup a,.message-popup a:visited{text-decoration:underline;color:#0734ff}.message-popup .message-subject{margin:5px 0;text-align:justify;font-size:13px;font-weight:500;color:#046a98}.message-popup .message-subject span{color:#046a98;font-size:14px}.message-popup .message-content{margin:5px 5px;text-align:justify}.message-popup .video-container{border:3px solid #064ba0;margin:7px;border-radius:50px;overflow:hidden}.message-popup .detail-btn-container{text-align:center}.message-popup>hr{margin:8px 5px}.message-popup .close-popup{justify-content:flex-end}.message-popup .dont-show-again{width:200px;padding:5px}.message-popup .dont-show-again i{font-size:18px;padding:0 3px;cursor:pointer}.message-popup .close-button{width:calc(100% - 200px);text-align:left}.message-popup .close-button button{border-radius:5px;color:#000;min-width:75px;padding:2px 6px;box-shadow:1px 1px 3px #00000082}.message-popup em{text-decoration:underline;font-style:normal;background:#ff0}@media screen and (max-width:768px){.message-popup{font-size:14px}.message-popup .message-dialog-header{height:45px}.message-popup .dialog-header{font-size:20px;padding:0}.message-popup .video-container{margin:7px 0;border-radius:15px}}@media screen and (max-width:480px){.message-popup{font-size:12px}.message-popup .dialog-header{font-size:16px}.message-popup .message-dialog-header{height:40px}.message-popup .mesage-detail{justify-content:space-between}.message-popup .dont-show-again{width:170px}.message-popup .dont-show-again i{font-size:15px}.message-popup .close-button{width:calc(100% - 170px)}.message-popup .close-button button{min-width:60px}}.new-message-dialog .guide-line{padding:5px;font-size:14px;text-align:justify}.new-message-dialog .guide-line i{font-size:9px}.new-message-dialog .each-message-type{padding:5px 7px;margin:12px 7px;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background-color:#dff5f8;border:2px solid #57a4cd}.new-message-dialog .each-message-type.selected-type{border-color:#c0895f;background-color:#f3eada}.new-message-dialog .each-message-type .message-type-title{color:#106694;font-size:16px;padding:0 3px 5px}.new-message-dialog .each-message-type .message-type-title i{color:#106694;font-size:16px;position:relative;top:3px}.new-message-dialog .each-message-type .message-type-expression{font-size:14px;padding-top:7px;padding-right:7px;text-align:justify;display:flex}.new-message-dialog .each-message-type .message-type-expression i{font-size:8px;padding-left:3px;padding-top:6px}@media screen and (max-width:480px){.new-message-dialog{padding:10px 7px}.new-message-dialog .guide-line{padding:0 2px;font-size:13px}.new-message-dialog .each-message-type{padding:4px 7px;margin:7px 2px;border-radius:7px}.new-message-dialog .each-message-type .message-type-title{font-size:14px;padding:0 0 5px}.new-message-dialog .each-message-type .message-type-expression{font-size:12px;padding-top:5px;padding-right:4px}.new-message-dialog .each-message-type .message-type-expression i{padding-top:4px}}.survey-question-dialog{text-align:justify;font-size:13px}.survey-question-dialog .textarea-container textarea{resize:none;width:100%;height:64px;padding:3px 5px}.survey-question-dialog .option-box-title{color:#064ba0;font-size:15px}.survey-question-dialog .option-box-title i{font-size:18px;position:relative;top:3px}.survey-question-dialog .each-survey-option{margin:8px auto 0;position:relative;width:100%;background:#ededed;border-radius:5px;padding:5px 5px 5px 30px;border:2px solid gray}.survey-question-dialog .each-survey-option .delete-option-btn{position:absolute;left:0;top:0;background:#e11111;padding-top:5px;border:0;height:100%;width:31px;font-size:18px;color:#fff}.survey-question-dialog .add-option-button{width:60%;height:34px;overflow:hidden;border-radius:5px;padding:4px;border:2px solid #eb7b3c;background-color:#ffc47d;font-size:15px;color:#033c81}.survey-question-dialog .add-option-button i{position:relative;top:2px}@media screen and (max-width:480px){.survey-question-dialog .each-survey-option{margin:6px auto 0;position:relative;width:100%;background:#ededed;border-radius:5px;padding:2px 3px 3px 30px;border:2px solid gray}.survey-question-dialog .each-survey-option .delete-option-btn{position:absolute;left:0;top:0;background:#e11111;padding-top:3px;border:0;height:100%;width:27px;font-size:15px;color:#fff}.survey-question-dialog .add-option-button{width:80%;height:34px;overflow:hidden;border-radius:5px;padding:4px;border:2px solid #eb7b3c;background-color:#ffc47d;font-size:13px;color:#033c81}}.message-list-directive .message-list-mode{position:relative;overflow:hidden}.message-list-directive .message-list-mode .message-list-directive-header{padding-left:35px;background-color:#064ba0;position:relative}.message-list-directive .message-list-mode .menu-button{color:#fff;font-size:30px;text-align:center;position:absolute;top:11px;left:7px;width:40px}.message-list-directive .message-list-mode .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.message-list-directive .message-list-mode .menu-button .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:15px;top:4px;border-radius:5px;z-index:10;color:#000}.message-list-directive .message-list-mode .menu-button .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.message-list-directive .message-list-mode .menu-button .each-feature{border-radius:3px;cursor:pointer}.message-list-directive .message-list-mode .menu-button .each-feature:hover{background-color:#bdc3c9}.message-list-directive .message-list-mode .menu-button .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.message-list-directive .message-list-mode .toggle-row{height:50px;padding-top:7px;background-color:#064ba0}.message-list-directive .message-list-mode .exam-list-toggle-box{height:35px;justify-content:space-around;width:90%;margin:0 auto;border-radius:25px;text-align:center;position:relative;color:#c8d7ea;font-size:16px}.message-list-directive .message-list-mode .toggle-switch-part{position:absolute;width:50%;bottom:-10px;height:7px;transition:.7s ease-in-out}.message-list-directive .message-list-mode .toggle-switch-part>div{background-color:#fff;width:75%;margin:0 auto;height:5px;border-radius:22px;box-shadow:0 3px 5px -2px #717171}.message-list-directive .message-list-mode .toggle-items-title{height:100%;width:40%;padding-top:7px;cursor:pointer;z-index:1;text-align:center}.message-list-directive .message-list-mode .toggle-items-title.selected-tab{color:#fff}.message-list-directive .message-list-mode .new-message-btn{position:sticky;bottom:0}.message-list-directive .message-list-mode .new-message-btn button{position:absolute;bottom:35px;left:45px;font-size:13px;width:70px;height:70px;z-index:20;border-radius:50%;color:#064ba0;padding:4px 4px 2px 3px;border-color:#f5962e;background-color:#ffa639}.message-list-directive .message-list-mode .each-message{padding:2px 7px 0;border-bottom:1px solid #bfbfbf;position:relative;cursor:pointer;transition:.4s ease-out}.message-list-directive .message-list-mode .each-message.background-gray{background-color:#f3f3f3}.message-list-directive .message-list-mode .each-message:hover{background-color:#d2d2d2}.message-list-directive .message-list-mode .message-subject{font-size:15px;width:calc(100% - 130px)}.message-list-directive .message-list-mode .message-subject i{font-size:18px;position:relative;top:3px}.message-list-directive .message-list-mode .message-date{width:130px;font-size:12px;color:gray;padding-right:7px;position:relative;top:1px;direction:ltr;text-align:left}.message-list-directive .message-list-mode .school-title{font-size:12px;color:gray;white-space:nowrap}.message-list-directive .message-list-mode .message-body{height:43px;padding-right:10px;padding-top:15px;font-size:13px;color:#4f4f4f;overflow:hidden;line-height:2.3;width:calc(100% - 75px)}.message-list-directive .message-list-mode .with-sms{position:absolute;left:7px;bottom:0;color:#c71616}.message-list-directive .message-list-mode .empty-list-expression{padding:35px 0;text-align:center;font-size:16px}.message-list-directive .message-list-mode .sent-message-tab{position:absolute;transition:.7s ease-in-out;scroll-behavior:smooth;height:calc(100% - 110px);width:100%;overflow:auto}.message-list-directive .message-list-mode .sent-message-tab .message-list{padding-bottom:70px}.message-list-directive .message-list-mode .received-message-tab{position:absolute;transition:.7s ease-in-out;scroll-behavior:smooth;height:calc(100% - 110px);width:100%;overflow:auto}.message-list-directive .message-list-mode .received-message-tab .message-list{padding-bottom:70px}.message-list-directive .message-list-mode .received-message-tab .received-message-sender{font-size:14px}.message-list-directive .message-list-mode .received-message-tab .received-message-sender i{font-size:18px;position:relative;top:3px}.message-list-directive .select-message-type-dialog{justify-content:center;position:absolute;height:100%;width:100%;top:0;right:0;z-index:100;background-color:#0000005c}.message-list-directive .select-message-type-dialog .box-size-managing{width:556px;height:256px;justify-content:center}.message-list-directive .select-message-type-dialog .outer-select-message-box{height:0;width:0;opacity:0;background-color:#fff;border:3px solid #064ba0;border-radius:10px;transition:.4s;overflow:hidden;justify-content:center}.message-list-directive .select-message-type-dialog .outer-select-message-box.open-dialog-animation{animation:.4s ease-out .1s forwards open-select-message-type-dialog}@keyframes open-select-message-type-dialog{0%{height:0;width:0;opacity:0}100%{height:100%;width:100%;opacity:1}}.message-list-directive .select-message-type-dialog .inner-select-message-box{height:250px;min-width:550px}.message-list-directive .select-message-type-dialog .upper-part{height:50%;padding:10px 10px 5px 10px}.message-list-directive .select-message-type-dialog .lower-part{height:50%;padding:5px 10px 10px 10px}.message-list-directive .select-message-type-dialog .hover-css{height:100%;padding:0;transition:.4s}.message-list-directive .select-message-type-dialog .hover-css:hover{padding:5px}.message-list-directive .select-message-type-dialog .each-button{height:100%;padding:5px 7px;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.message-list-directive .select-message-type-dialog .each-button .fa-circle{color:#b42528;font-size:8px}.message-list-directive .select-message-type-dialog .message-type-title{color:#064ba0;text-align:center;font-size:20px;padding:7px 5px}.message-list-directive .select-message-type-dialog .bottom-expression{font-size:14px;padding-top:7px;text-align:justify}@media screen and (max-width:768px){.message-list-directive .message-list-mode .menu-button{top:9px;left:7px}.message-list-directive .message-list-mode .toggle-row{height:40px}.message-list-directive .message-list-mode .exam-list-toggle-box{height:30px;border-radius:15px;font-size:14px}.message-list-directive .message-list-mode .toggle-items-title{font-size:15px;padding-top:5px}.message-list-directive .message-list-mode .toggle-switch-part{bottom:-5px}.message-list-directive .message-list-mode .toggle-switch-part>div{width:95%;height:4px;box-shadow:0 2px 4px -1px #afafaf}.message-list-directive .message-list-mode .message-subject{font-size:14px;width:calc(100% - 115px)}.message-list-directive .message-list-mode .message-subject i{font-size:16px;top:2px}.message-list-directive .message-list-mode .message-date{font-size:11px;width:115px;padding-right:5px;padding-top:4px}.message-list-directive .message-list-mode .school-title{font-size:12px}.message-list-directive .message-list-mode .message-body{height:41px;padding-right:0;font-size:12px;width:calc(100% - 50px)}.message-list-directive .message-list-mode .new-message-btn button{bottom:25px;left:30px;font-size:12px;width:60px;height:60px;padding:5px 4px 2px 3px}.message-list-directive .message-list-mode .sent-message-tab{height:calc(100% - 90px)}.message-list-directive .message-list-mode .sent-message-tab .message-list{padding-bottom:50px}.message-list-directive .message-list-mode .received-message-tab{height:calc(100% - 90px)}.message-list-directive .message-list-mode .received-message-tab .message-list{padding-bottom:50px}.message-list-directive .message-list-mode .received-message-tab .received-message-sender{font-size:13px}.message-list-directive .message-list-mode .received-message-tab .received-message-sender i{font-size:16px;position:relative;top:2px}.message-list-directive .select-message-type-dialog .box-size-managing{width:466px;height:266px}.message-list-directive .select-message-type-dialog .inner-select-message-box{height:260px;min-width:460px}}@media screen and (max-width:480px){.message-list-directive .message-list-mode .each-message{padding:2px 7px 0 0}.message-list-directive .message-list-mode .toggle-row{padding-top:0;height:29px}.message-list-directive .message-list-mode .exam-list-toggle-box{height:28px;width:95%}.message-list-directive .message-list-mode .toggle-items-title{font-size:12px;padding-top:4px}.message-list-directive .message-list-mode .toggle-switch-part{bottom:-3px}.message-list-directive .message-list-mode .toggle-switch-part>div{width:95%;height:3px;box-shadow:0 2px 2px -1px #000}.message-list-directive .message-list-mode .menu-button{font-size:26px;top:8px;left:7px;width:31px}.message-list-directive .message-list-mode .menu-button .out-header-menu-container{left:4px;top:3px}.message-list-directive .message-list-mode .message-body{height:39px;padding-right:3px;font-size:11px;width:calc(100% - 30px)}.message-list-directive .message-list-mode .message-subject{font-size:13px;width:calc(100% - 70px)}.message-list-directive .message-list-mode .message-date{font-size:10px;width:70px;padding-top:4px;text-align:center;direction:rtl}.message-list-directive .message-list-mode .school-title{font-size:11px}.message-list-directive .message-list-mode .new-message-btn button{bottom:15px;left:20px;font-size:10px;width:50px;height:50px;padding:2px 3px 2px 3px}.message-list-directive .message-list-mode .sent-message-tab{height:calc(100% - 80px)}.message-list-directive .message-list-mode .received-message-tab{height:calc(100% - 80px)}.message-list-directive .message-list-mode .received-message-tab .received-message-sender{font-size:12px}.message-list-directive .message-list-mode .received-message-tab .received-message-sender i{font-size:14px;top:2px}.message-list-directive .select-message-type-dialog .box-size-managing{width:296px;height:246px}.message-list-directive .select-message-type-dialog .inner-select-message-box{height:240px;min-width:290px}.message-list-directive .select-message-type-dialog .upper-part{height:50%;padding:6px 6px 3px 6px}.message-list-directive .select-message-type-dialog .lower-part{height:50%;padding:3px 6px 6px 6px}.message-list-directive .select-message-type-dialog .each-button{padding:5px 8px}.message-list-directive .select-message-type-dialog .bottom-expression{font-size:12px;padding-top:7px}.message-list-directive .select-message-type-dialog .message-type-title{font-size:16px;padding:7px 5px 0}}.message-response-list .header{width:100%;padding:5px;color:#fff;font-size:17px;background:#064ba0;height:64px}.message-response-list .header-border{border:2px solid #f7aa4c;padding:13px 10px;border-radius:5px;text-align:center;position:relative}.message-response-list .response-main-content{border:1px solid #cdcdcd;border-radius:0 0 5px 5px;border-top:none;min-height:calc(100% - 64px);padding:8px;font-size:14px}.message-response-list .flex-display{display:flex;align-items:center}.message-response-list .justify-center{justify-content:center}.message-response-list .each-response{border-radius:5px;box-shadow:0 1px 4px 0 #4a4a4a;margin-bottom:10px;background:#efefef}.message-response-list .response-header{padding:5px 1% 3px;color:#064ba0;font-size:13px}.message-response-list .response-header div{width:50%}.message-response-list .response-header i{color:#df7b00}.message-response-list .response-text{padding:0 5px 5px;text-align:justify}@media screen and (max-width:768px){.message-response-list .header{height:50px;font-size:14px}.message-response-list .header-border{padding:8px 10px}.message-response-list .response-main-content{min-height:calc(100% - 50px);font-size:12px;padding:4px 6px}.message-response-list .response-header{font-size:12px}}@media screen and (max-width:480px){.message-response-list .header{height:47px;font-size:13px}.message-response-list .header-border{padding:7px 0}.message-response-list .response-main-content{min-height:calc(100% - 47px);font-size:11px}.message-response-list .response-header{padding:5px 1% 0}.message-response-list .response-header{font-size:11px}}.received-message-directive .message-details-header{height:60px;font-size:23px;padding:5px;text-align:center}.received-message-directive .message-details-header-title{height:100%;padding:5px}.received-message-directive .message-details-container{overflow:auto;font-size:14px;padding:5px}.received-message-directive .message-details-top-row{width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;border-radius:0 0 5px 5px;padding:7px 0}.received-message-directive .message-details-top-row div{margin:3px 10px}.received-message-directive .message-details-from{font-size:14px;padding:5px 3px 2px}.received-message-directive .message-details-from i{font-size:18px;position:relative;top:1px;padding-right:3px}.received-message-directive .message-details-date{font-size:14px;padding:5px 3px 2px}.received-message-directive .message-details-date i{font-size:16px;position:relative;top:1px;right:2px}.received-message-directive .message-details-subject{font-size:16px;padding:5px 6px 2px}.received-message-directive .message-details-subject i{font-size:20px;position:relative;top:3px}.received-message-directive .message-body{font-size:14px;padding:5px 10px 2px;text-align:justify}.received-message-directive .message-body i{font-size:15px;position:relative;top:3px}.received-message-directive .message-body .video-container{border:5px solid #064ba0;margin:17px;border-radius:50px;overflow:hidden}.received-message-directive .message-details-body{margin-bottom:10px;padding:10px;text-align:justify;line-height:30px}.received-message-directive .template-image-container{width:85%;border:2px solid #717574;display:inline-block;border-radius:5px;margin:20px}.received-message-directive .template-image-container img{border-radius:3px}.received-message-directive .expiration-date{text-align:center;color:#228b22;font-size:17px;padding:0 5px}.received-message-directive .survey-question-box{padding:7px 0;margin:17px 0 7px;border:2px solid #064ba0;border-width:2px 0}.received-message-directive .survey-question-box legend{padding:0 10px;border:0;font-size:16px;width:fit-content;color:#064ba0;margin:0 15px 0 0}.received-message-directive .survey-question-box legend i{position:relative;top:1px}.received-message-directive .survey-question-box legend button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:1px}.received-message-directive .survey-question-box .submit-answers-btn{text-align:center}.received-message-directive .survey-question-box .submit-answers-btn button{width:60%;height:34px;overflow:hidden;border-radius:5px;padding:4px;font-size:15px}.received-message-directive .each-survey-question{padding:10px 12px 10px 7px;margin:5px 10px 10px;transition:.4s;background-color:#e1e1e1;border-radius:12px}.received-message-directive .each-survey-question .question-text{font-size:14px;padding:0 0 7px 20px;border-bottom:1px solid #cbcbcb;margin:0 0 5px}.received-message-directive .each-survey-option{font-size:13px;padding:3px;border-radius:7px;cursor:pointer;transition:.4s}.received-message-directive .each-survey-option:hover{background-color:#bebebe}.received-message-directive .each-survey-option .option-title{line-height:1.7}.received-message-directive .each-survey-option .option-title i{position:relative;top:1px}.received-message-directive .each-survey-option .percent-title{font-size:12px;width:50px;text-align:center;color:gray;direction:ltr}.received-message-directive .each-survey-option .percent-line{width:calc(100% - 50px)}.received-message-directive .each-survey-option .percent-line>div{transition:width .7s;background-color:#af4910;border-radius:10px;min-width:7px;height:3px}.received-message-directive .message-Descriptive-voting{padding:0 10px 20px}.received-message-directive .message-Descriptive-voting textarea{border-radius:5px;width:100%;padding:8px;resize:none;display:block;height:100px;margin-bottom:10px;border:1px solid gray}.received-message-directive .message-Descriptive-voting button{color:#01377b;border-radius:5px;border:2px solid #fd8a00;display:block;padding:1px 8px;background:#ffba56;box-shadow:1px 1px 3px #252525;margin:0 auto 10px}.received-message-directive .submitted-Descriptive-opinion{text-align:justify;padding:5px 7px 6px;border-radius:5px;margin:5px auto 10px;font-size:13px}.received-message-directive .Descriptive-opinion-title{font-size:14px;color:#064ba0}.received-message-directive .Descriptive-opinion-title i{font-size:15px;position:relative;top:3px}.received-message-directive .message-Descriptive-textarea{margin:10px auto 0;padding:5px;width:100%;border:1px solid #a5a5a5;display:block;border-radius:5px;font-size:14px;min-height:70px;box-shadow:inset 0 0 4px -2px #5b5b5b}.received-message-directive .message-details-footer{height:55px;display:flex;justify-content:center;align-items:center}.received-message-directive .message-property{color:#8a0000;font-size:16px!important}.received-message-directive .content{width:84%;overflow:hidden;margin:12px auto 0}.received-message-directive .img-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.received-message-directive .img-content img{max-width:100%;height:auto;border-radius:7px}.received-message-directive .pdf-content{background-color:#dcdcdc;color:#bf0202;border-radius:7px;display:flex;padding-left:7px}.received-message-directive .pdf-content .pdf-icon{display:inline-block;padding:5px 0 1px;width:40px;font-size:29px;text-align:center;border-left:1px solid #aeaeae}.received-message-directive .pdf-content .pdf-name{font-size:15px;padding:6px 5px 0 0;width:calc(100% - 40px);overflow:hidden;white-space:nowrap;text-align:right;direction:ltr}.received-message-directive .pdf-content .pdf-name a{color:#2a6496;text-decoration:underline}.received-message-directive .pdf-content .pdf-name a:hover{color:#4a4a4a;text-decoration:none}.received-message-directive .pdf-content .pdf-name a:focus{outline:0}.received-message-directive .txt-content.caption{text-align:center;font-size:13px;color:#6f6f6f;font-style:italic}.received-message-directive em{text-decoration:underline;font-style:normal;background:#ff0}@media screen and (max-width:992px){.received-message-directive .content{width:90%}}@media screen and (max-width:768px){.received-message-directive .message-details-container{font-size:13px}.received-message-directive .message-details-subject{font-size:14px}.received-message-directive .message-details-top-row{font-size:12px;padding:2px 0}.received-message-directive .message-details-to button{font-size:13px;min-width:65px;padding:0}.received-message-directive .submitted-Descriptive-opinion{font-size:12px}.received-message-directive .submitted-Descriptive-opinion legend{width:57px;font-size:15px}.received-message-directive .voting-title{font-size:15px}.received-message-directive .receiver-voting-option{width:90%;margin:7px 14px}.received-message-directive .content{width:100%}.received-message-directive .txt-content.caption{font-size:11px}.received-message-directive .message-body .video-container{border:4px solid #064ba0;border-radius:25px}}@media screen and (max-width:480px){.received-message-directive .message-details-container{font-size:12px}.received-message-directive .message-details-to{margin:10px 0}.received-message-directive .table,.received-message-directive .table td,.received-message-directive .table th{font-size:13px}.received-message-directive .receiver-voting-option{width:100%;margin:0;font-size:13px}.received-message-directive .receiver-voting-option .percent-title{font-size:10px;width:40px}.received-message-directive .receiver-voting-option .percent-line{width:calc(100% - 40px)}.received-message-directive .receiver-voting-option .selected-icon{width:40px}.received-message-directive .receiver-voting-option .selected-icon i{position:relative;bottom:5px}.received-message-directive .receiver-voting-option .fa-check-circle-o{font-size:17px}.received-message-directive .receiver-voting-option .fa-circle-o{font-size:17px}.received-message-directive .message-details-subject{font-size:13px}.received-message-directive .message-body{font-size:12px}.received-message-directive .message-body .video-container{border:3px solid #064ba0;border-radius:20px;margin:3px}.received-message-directive .message-details-date{font-size:12px}.received-message-directive .message-details-from{font-size:12px}.received-message-directive .template-image-container{width:90%;margin:10px 3%}.received-message-directive .expiration-date{font-size:13px}.received-message-directive .message-Descriptive-voting{padding:0 5px}.received-message-directive .message-Descriptive-voting textarea{padding:4px}.received-message-directive .submitted-Descriptive-opinion{font-size:11px}.received-message-directive .submitted-Descriptive-opinion legend{width:54px;font-size:14px}.received-message-directive .receiver-voting-container{margin:5px 0}.received-message-directive .voting-title{font-size:13px;padding:2px 5px 2px 0;width:150px}.received-message-directive .message-details-voting{margin-top:15px}.received-message-directive .img-content{width:100%}.received-message-directive .pdf-content .pdf-icon{padding:4px 0 1px;width:37px;font-size:24px}.received-message-directive .each-survey-question{padding:9px 10px 5px 6px;margin:5px 3px 7px}.received-message-directive .each-survey-question .question-text{font-size:13px;padding:1px 0 7px 20px}}.sent-message-directive{border:1px solid gray;border-width:0 1px;overflow:auto}.sent-message-directive .message-detail-mode .message-detail-header{padding-left:35px;background-color:#064ba0;position:relative}.sent-message-directive .message-detail-mode .menu-button{color:#fff;font-size:30px;text-align:center;position:absolute;top:11px;left:7px;width:40px}.sent-message-directive .message-detail-mode .menu-button .fa-ellipsis-v{padding-top:3px;padding-left:2px;width:31px;height:100%;cursor:pointer}.sent-message-directive .message-detail-mode .menu-button .out-header-menu-container{transition:.3s ease-in-out;overflow:hidden;position:absolute;left:15px;top:4px;border-radius:5px;z-index:10;color:#000}.sent-message-directive .message-detail-mode .menu-button .in-header-menu-container{width:150px;background-color:#f0f8ff;font-size:14px;padding:3px}.sent-message-directive .message-detail-mode .menu-button .each-feature{border-radius:3px;cursor:pointer}.sent-message-directive .message-detail-mode .menu-button .each-feature:hover{background-color:#bdc3c9}.sent-message-directive .message-detail-mode .menu-button .out-header-menu-container hr{margin:3px 0;border-color:#b3b7ba}.sent-message-directive .message-detail-mode .message-details-body{padding:5px;font-size:14px}.sent-message-directive .message-detail-mode .message-details-date{font-size:14px;padding:5px 3px 2px}.sent-message-directive .message-detail-mode .message-details-date i{font-size:16px;position:relative;top:1px;right:2px}.sent-message-directive .message-detail-mode .edit-survey-duration{padding-right:7px;font-size:15px}.sent-message-directive .message-detail-mode .edit-survey-duration button{font-size:12px;border-radius:13px;padding:3px 7px 2px;margin:3px 3px 1px;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:1px}.sent-message-directive .message-detail-mode .radio-button-container{justify-content:space-evenly;font-size:14px}.sent-message-directive .message-detail-mode .each-radio-button{padding:4px 5px 5px;margin:3px 15px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:140px;text-align:center;position:relative;cursor:pointer}.sent-message-directive .message-detail-mode .each-radio-button.selected{background-color:#d2eaf3}.sent-message-directive .message-detail-mode .each-radio-button i{font-size:16px;height:0;position:absolute;right:5px;top:6px}.sent-message-directive .message-detail-mode .select-survey-mode-box{font-size:13px;padding:0 10px}.sent-message-directive .message-detail-mode .survey-answer-mode-title{color:#064ba0;font-size:15px}.sent-message-directive .message-detail-mode .survey-answer-mode-title i{font-size:18px;position:relative;top:3px}.sent-message-directive .message-detail-mode .select-survey-mode-box .each-mode{padding-top:3px}.sent-message-directive .message-detail-mode .select-survey-mode-box .each-mode i{font-size:15px;position:relative;top:2px}.sent-message-directive .message-detail-mode .message-details-subject{font-size:16px;padding:5px 5px 2px}.sent-message-directive .message-detail-mode .message-details-subject i{font-size:20px;position:relative;top:3px}.sent-message-directive .message-detail-mode .subject-input{margin:10px auto 0;padding:5px;width:100%;border:1px solid #a5a5a5;display:block;border-radius:5px;font-size:14px;box-shadow:inset 0 0 4px -2px #5b5b5b}.sent-message-directive .message-detail-mode .message-body{font-size:14px;padding:5px 5px 2px;text-align:justify}.sent-message-directive .message-detail-mode .message-body i{font-size:18px;position:relative;top:3px}.sent-message-directive .message-detail-mode .message-body .video-container{border:5px solid #064ba0;margin:7px;border-radius:50px;overflow:hidden}.sent-message-directive .message-detail-mode .message-body-textarea{margin:10px auto 0;padding:5px;width:100%;border:1px solid #a5a5a5;display:block;border-radius:5px;font-size:14px;min-height:70px;box-shadow:inset 0 0 4px -2px #5b5b5b}.sent-message-directive .message-detail-mode .send-message-btn{position:sticky;bottom:0;z-index:10;background-color:#fff;padding:10px 7px 15px;margin:15px 5px 0;border-top:1px solid #989898;text-align:center}.sent-message-directive .message-detail-mode .send-message-btn button{font-size:15px;border-radius:4px;color:#064ba0;padding:3px 5px;min-width:150px;border-color:#f5962e;background-color:#ffa639}.sent-message-directive .message-detail-mode .show-receiver-btn{margin:0 auto;text-align:center;padding:20px 5px 5px;font-size:14px;color:#389acf;text-decoration:underline;font-weight:300}.sent-message-directive .message-detail-mode .message-details-from{display:flex;justify-content:center;align-items:center}.sent-message-directive .message-detail-mode .Pdf-link-container{display:inline-block;width:70%;float:left}.sent-message-directive .message-detail-mode .Pdf-report{background:#ffa639;border:2px solid #ff7c41;font-size:15px;cursor:pointer;border-radius:5px;color:#064ba0;float:left;height:35px;width:90%;text-align:center;padding-top:4px}.sent-message-directive .message-detail-mode .survey-question-box{padding:7px 0;margin:17px 0 7px;border:2px solid #064ba0;border-width:2px 0}.sent-message-directive .message-detail-mode .survey-question-box legend{padding:0 10px;border:0;font-size:16px;width:fit-content;color:#064ba0;margin:0 15px 0 0}.sent-message-directive .message-detail-mode .survey-question-box legend i{position:relative;top:1px}.sent-message-directive .message-detail-mode .survey-question-box legend button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:1px}.sent-message-directive .message-detail-mode .add-question-button{width:60%;height:34px;overflow:hidden;border-radius:5px;padding:4px;border:2px solid #eb7b3c;background-color:#ffc47d;font-size:15px;color:#033c81}.sent-message-directive .message-detail-mode .add-question-button i{position:relative;top:2px}.sent-message-directive .message-detail-mode .each-survey-question{padding:10px 12px 10px 7px;margin:5px 5px 10px;transition:.4s;background-color:#e1e1e1;border-radius:12px}.sent-message-directive .message-detail-mode .each-survey-question .question-text{font-size:14px;padding:0 0 7px 20px;border-bottom:1px solid #cbcbcb;margin:0 0 5px}.sent-message-directive .message-detail-mode .each-survey-question .question-features{width:20px;padding-top:4px;position:absolute;left:0;top:-5px}.sent-message-directive .message-detail-mode .each-survey-question .question-features-btn{width:100%;text-align:center;font-size:19px;cursor:pointer}.sent-message-directive .message-detail-mode .each-survey-question .features-menu{position:absolute;left:0;top:3px;width:0;opacity:0;transition:.3s linear;box-shadow:1px 1px 2px #d3d3d3;border:1px solid #c7c7c7;z-index:20;background-color:#f9f9f9;border-radius:5px;overflow:hidden}.sent-message-directive .message-detail-mode .each-survey-question .features-menu>div{width:150px}.sent-message-directive .message-detail-mode .each-survey-question .features-menu.open-menu{width:150px;opacity:1}.sent-message-directive .message-detail-mode .each-survey-question .features-menu hr{margin:0;border:0;border-top:1px solid #c7c7c7}.sent-message-directive .message-detail-mode .each-survey-question .each-feature{padding:3px 23px 2px 2px;position:relative;transition:.4s;cursor:pointer}.sent-message-directive .message-detail-mode .each-survey-question .each-feature:hover{background-color:#e4e4e4}.sent-message-directive .message-detail-mode .each-survey-question .each-feature .fa-edit{font-size:17px;position:absolute;right:2px;bottom:2px;color:#c37e00}.sent-message-directive .message-detail-mode .each-survey-question .each-feature .fa-trash{font-size:17px;position:absolute;right:5px;bottom:3px;color:#b60000}.sent-message-directive .message-detail-mode .each-survey-option{font-size:13px;padding-right:3px}.sent-message-directive .message-detail-mode .each-survey-option .option-title{line-height:1.7}.sent-message-directive .message-detail-mode .each-survey-option .option-title i{position:relative;top:1px}.sent-message-directive .message-detail-mode .each-survey-option .percent-title{font-size:12px;width:50px;text-align:center;color:gray;direction:ltr}.sent-message-directive .message-detail-mode .each-survey-option .percent-line{width:calc(100% - 50px)}.sent-message-directive .message-detail-mode .each-survey-option .percent-line>div{transition:width .7s;background-color:#af4910;border-radius:10px;min-width:7px;height:3px}.sent-message-directive .message-detail-mode .open-and-eye-icon{display:inline-block;height:100%;width:calc(14% - 4px);font-size:14px;display:flex;align-items:center;justify-content:center}.sent-message-directive .message-detail-mode .main-height{min-height:calc(100% - 50px)}.sent-message-directive .message-detail-mode .file-uploader-container{overflow:hidden;border-radius:7px;margin-top:15px;border:1px solid #064ba0}.sent-message-directive .message-detail-mode em{text-decoration:underline;font-style:normal;background:#ff0}.sent-message-directive .show-receiver-mode .message-receiver-header{padding-left:40px;position:relative;background-color:#064ba0}.sent-message-directive .show-receiver-mode .message-receiver-header .refresh-btn{position:absolute;left:10px;top:13px}.sent-message-directive .show-receiver-mode .message-receiver-header .refresh-btn button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565}.sent-message-directive .show-receiver-mode .message-receiver-header .refresh-btn button i{position:relative;top:2px}.sent-message-directive .show-receiver-mode .each-receiver{padding:5px 7px;border-bottom:1px solid #bfbfbf}.sent-message-directive .show-receiver-mode .each-receiver.background-gray{background-color:#f3f3f3}.sent-message-directive .show-receiver-mode .receiver-detail .user-title{font-size:14px}.sent-message-directive .show-receiver-mode .receiver-detail .user-title i{font-size:16px;position:relative;top:1px}.sent-message-directive .show-receiver-mode .receiver-detail .school-title{font-size:13px}.sent-message-directive .show-receiver-mode .receiver-detail .paye-title{font-size:13px}.sent-message-directive .show-receiver-mode .receiver-detail .class-title{font-size:13px}.sent-message-directive .show-receiver-mode .receiver-detail .read-icon{font-size:12px;padding-right:2px;white-space:nowrap;color:gray}.sent-message-directive .show-receiver-mode .receiver-answer{font-size:12px}.sent-message-directive .show-receiver-mode .survey-note{padding:5px 7px;color:gray}.sent-message-directive .show-receiver-mode .question-votes-answer{padding:5px 7px 0}.sent-message-directive .select-receiver-mode .receiver-type-box{color:#064ba0;font-size:15px;text-align:center;padding-top:15px}.sent-message-directive .select-receiver-mode .receiver-type-box .receiver-type-list{color:#000;padding:15px 10px 7px;justify-content:center}.sent-message-directive .select-receiver-mode .receiver-type-box .each-type{font-size:14px;text-align:center;width:40%}.sent-message-directive .select-receiver-mode .receiver-type-box .each-type i{font-size:17px;position:relative;top:2px}.sent-message-directive .select-receiver-mode .footer-button{position:sticky;bottom:0;z-index:10;background-color:#fff;padding:10px 7px 15px;margin:5px 10px 0;border-top:1px solid #989898;text-align:center}.sent-message-directive .select-receiver-mode .footer-button button{font-size:15px;border-radius:4px;color:#064ba0;padding:3px 5px;min-width:150px;border-color:#f5962e;background-color:#ffa639}.sent-message-directive .select-receiver-mode .message-receiver-list{padding:10px}@media screen and (max-width:1024px){.sent-message-directive .message-detail-mode .show-receiver-btn{width:93%}.sent-message-directive .message-detail-mode .delete-message-btn i{font-weight:700}}@media screen and (max-width:992px){.sent-message-directive .message-detail-mode .content{width:90%}}@media screen and (max-width:768px){.sent-message-directive .message-detail-mode .menu-button{top:7px;left:5px}.sent-message-directive .message-detail-mode .message-details-container{font-size:13px}.sent-message-directive .message-detail-mode .message-details-top-row{padding:2px 0}.sent-message-directive .message-detail-mode .message-details-date{font-size:13px}.sent-message-directive .message-detail-mode .message-details-subject{font-size:14px}.sent-message-directive .message-detail-mode .message-body{font-size:12px}.sent-message-directive .message-detail-mode .message-body .video-container{border:4px solid #064ba0;border-radius:25px}.sent-message-directive .message-detail-mode .Pdf-link-container{width:60%}.sent-message-directive .message-detail-mode .Pdf-report{height:28px;font-size:14px;padding-top:1px}.sent-message-directive .message-detail-mode .message-details-to button{min-width:65px;padding:0}.sent-message-directive .message-detail-mode .vote-count,.sent-message-directive .vote-percent{min-width:60px}.sent-message-directive .message-detail-mode .add-question-button{width:80%;font-size:14px}.sent-message-directive .message-detail-mode .content{width:100%}.sent-message-directive .message-detail-mode .txt-content.caption{font-size:11px}.sent-message-directive .message-detail-mode .radio-button-container{width:calc(100% - 355px);min-width:150px;margin:auto}.sent-message-directive .message-detail-mode .each-radio-button{padding:4px 17px 5px 5px;margin:3px 5px;width:50%}.sent-message-directive .message-detail-mode .each-receiver{font-size:13px;margin:3px 2px}.sent-message-directive .message-detail-mode .send-message-btn button{font-size:14px;min-width:100px}.sent-message-directive .message-detail-mode .show-receiver-btn{width:100%;font-size:12px}}@media screen and (max-width:480px){.sent-message-directive .message-detail-mode .menu-button{font-size:26px;top:8px;left:7px;width:31px}.sent-message-directive .message-detail-mode .menu-button .out-header-menu-container{left:4px;top:3px}.sent-message-directive .message-detail-mode .menu-button .in-header-menu-container{font-size:12px}.sent-message-directive .message-detail-mode .subject-input{margin:5px auto 0;font-size:13px}.sent-message-directive .message-detail-mode .message-details-body{padding:1px 4px;font-size:12px}.sent-message-directive .message-detail-mode .message-body-textarea{margin:5px auto 0;font-size:12px;min-height:70px}.sent-message-directive .message-detail-mode .message-body .video-container{border:3px solid #064ba0;margin:3px;border-radius:20px;overflow:hidden}.sent-message-directive .message-detail-mode .message-details-date{font-size:12px}.sent-message-directive .message-detail-mode .message-details-date i{font-size:14px}.sent-message-directive .message-detail-mode .message-details-subject{font-size:13px}.sent-message-directive .message-detail-mode .Pdf-link-container{width:40%}.sent-message-directive .message-detail-mode .Pdf-report{height:25px;font-size:13px;width:100%;padding-top:0}.sent-message-directive .message-detail-mode .table,.sent-message-directive .message-detail-mode .table td,.sent-message-directive .message-detail-mode .table th{font-size:13px}.sent-message-directive .message-detail-mode .vote-table{min-width:0}.sent-message-directive .message-detail-mode .vote-count,.sent-message-directive .message-detail-mode .vote-percent{min-width:54px}.sent-message-directive .message-detail-mode .img-content{width:100%}.sent-message-directive .message-detail-mode .pdf-content .pdf-icon{padding:4px 0 1px;width:37px;font-size:24px}.sent-message-directive .message-detail-mode .pdf-content .pdf-name{font-size:13px}.sent-message-directive .message-detail-mode .survey-question-box{margin:10px 0 7px}.sent-message-directive .message-detail-mode .survey-question-box legend{font-size:15px}.sent-message-directive .message-detail-mode .survey-question-box legend button{font-size:11px;padding:4px 4px 1px 3px;margin:3px 0 1px}.sent-message-directive .message-detail-mode .each-guide{padding:2px 3px;font-size:11px;text-align:justify}.sent-message-directive .message-detail-mode .add-survey-option{width:100%;min-width:unset}.sent-message-directive .message-detail-mode .each-survey-option{font-size:12px}.sent-message-directive .message-detail-mode .each-survey-question{padding:9px 10px 5px 6px;margin:5px 3px 7px}.sent-message-directive .message-detail-mode .each-survey-question .question-text{font-size:13px;padding:1px 0 7px 20px}.sent-message-directive .message-detail-mode .add-question-button{width:90%;font-size:14px}.sent-message-directive .message-detail-mode .each-survey-part{font-size:13px}.sent-message-directive .message-detail-mode .date-picker-container{margin-right:12px;margin-top:9px}.sent-message-directive .message-detail-mode .select-survey-mode-box{font-size:11px;padding:0 5px;text-align:justify}.sent-message-directive .message-detail-mode .select-survey-mode-box .each-mode i{font-size:13px}.sent-message-directive .message-detail-mode .select-survey-duration{padding:5px 5px 7px}.sent-message-directive .message-detail-mode .survey-date-picker{width:170px}.sent-message-directive .message-detail-mode .edit-survey-duration{font-size:13px}.sent-message-directive .message-detail-mode .edit-survey-duration button{font-size:11px;padding:3px 5px 0 5px;margin:2px 2px 1px;bottom:1px}.sent-message-directive .message-detail-mode .survey-answer-mode-title{font-size:13px}.sent-message-directive .message-detail-mode .class-header,.sent-message-directive .message-detail-mode .personnel-header{font-size:14px}.sent-message-directive .message-detail-mode .each-receiver{width:calc(49% - 5px)}.sent-message-directive .message-detail-mode .receiver-name-title{width:65%}.sent-message-directive .message-detail-mode .vote-option-title{min-width:calc(20% - 4px);max-width:calc(35% - 4px);font-size:12px}.sent-message-directive .message-detail-mode .open-and-eye-icon{width:calc(20% - 4px)}.sent-message-directive .message-detail-mode .radio-button-container{width:100%}.sent-message-directive .message-detail-mode .each-radio-button{padding:2px 5px;margin:5px 15px;width:100px}.sent-message-directive .message-detail-mode .each-radio-button i{font-size:14px;right:5px;top:5px}.sent-message-directive .show-receiver-mode .receiver-detail .user-title{font-size:13px;color:#064ba0}.sent-message-directive .show-receiver-mode .receiver-detail .user-title i{font-size:15px;position:relative;top:1px}.sent-message-directive .show-receiver-mode .receiver-detail .school-title{font-size:12px}.sent-message-directive .show-receiver-mode .receiver-detail .paye-title{font-size:12px}.sent-message-directive .show-receiver-mode .receiver-detail .class-title{font-size:12px}.sent-message-directive .show-receiver-mode .receiver-detail .read-icon{font-size:10px}.sent-message-directive .show-receiver-mode .survey-note{padding:5px}.sent-message-directive .show-receiver-mode .question-votes-answer{padding:5px 5px 0}.sent-message-directive .show-receiver-mode .message-receiver-header .refresh-btn{left:7px;top:9px}.sent-message-directive .show-receiver-mode .message-receiver-header .refresh-btn button{font-size:11px;padding:3px 6px 2px 5px;margin:3px 3px 1px}.sent-message-directive .select-receiver-mode .receiver-type-box .each-type{font-size:12px;text-align:center;width:50%}}.letter-selection-guide-dialog{position:relative;font-size:15px}.letter-selection-guide-dialog .flex-display{display:flex;align-items:center}.letter-selection-guide-dialog .close-dialog{font-size:16px;position:absolute;top:-13px;right:-13px;color:#dbdbdb;cursor:pointer}.letter-selection-guide-dialog .close-dialog .fa-close{z-index:2;color:#930000;font-size:19px}.letter-selection-guide-dialog .letter-guide-text{text-align:center;margin-bottom:10px}.letter-selection-guide-dialog .guide-letter-box{width:43px;height:43px;border-radius:5px;border:2px solid #696969;margin:3px 2px;text-align:center;line-height:44px;font-size:18px;color:green}.letter-selection-guide-dialog .key-in-box{cursor:pointer;transition:font-size .5s linear;color:red}.letter-selection-guide-dialog .key-in-box:hover i{font-size:25px}.letter-selection-guide-dialog .guide-letter-box i{font-size:22px}.letter-selection-guide-dialog .show-letter-guide-title{font-size:14px}.wordle-message-Dialog{position:relative;font-size:16px;background:#e7ffef;background:linear-gradient(277deg,#e7ffef 0,rgba(254,255,230,.9164040616246498) 50%,#ffeff1 100%)}.wordle-message-Dialog .flex-display{display:flex;align-items:center}.wordle-message-Dialog .close-dialog{font-size:16px;position:absolute;top:-13px;right:-13px;color:#dbdbdb;cursor:pointer}.wordle-message-Dialog .close-dialog .fa-close{z-index:2;color:#930000;font-size:19px}.wordle-message-Dialog .title-text{text-align:center;font-size:23px}.wordle-message-Dialog .congratulation{color:green}.wordle-message-Dialog .sorry{color:red}.wordle-message-Dialog .congratulation::after,.wordle-message-Dialog .congratulation:before{content:"😊";font-size:21px;margin:0 6px}.wordle-message-Dialog .sorry::after,.wordle-message-Dialog .sorry:before{content:"🙁";font-size:21px;margin:0 6px}.wordle-message-Dialog .win-message{color:green;text-align:center;margin:5px 0 0}.wordle-message-Dialog .earned-coin-message{color:#003872;text-align:center;margin:8px 0 20px;font-size:17px}.wordle-message-Dialog .coin-count{font-size:13px;background:url(../images/personnelModules.png) no-repeat;background-position:-189px -57px;background-size:862px 581px;width:30px;height:30px;text-align:center;line-height:30px;color:#780000;animation:flipping-coin 8s infinite linear;display:inline-block}@keyframes flipping-coin{0%{transform:rotateY(0)}50%{transform:rotateY(360deg)}100%{transform:rotateY(0)}}.wordle-message-Dialog .not-win-message{color:red;text-align:center;margin:5px 0 20px}.wordle-message-Dialog .remaintime-to-play{justify-content:center;color:#002e72;flex-direction:column;text-align:center}.wordle-message-Dialog .timer{margin:8px 0;width:85px;font-size:18px;color:#7c0000;text-align:end}.wordle-message-Dialog .next-level{display:block;margin:5px auto;border-radius:5px;padding:3px 5px;width:115px;background:#ffad1a;border:2px solid #ff702e;box-shadow:1px 1px 2px 0 #3c3c3c;color:#003872}.wordle-message-Dialog .firework-body{position:absolute;top:50%;right:50%}.wordle-message-Dialog .firework>.after,.wordle-message-Dialog .firework>.before{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;-moz-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;-webkit-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;-o-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;-ms-animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards;animation:1s bang ease-out 10 backwards,1s gravity ease-in 10 backwards,5s position linear 10 backwards}.wordle-message-Dialog .firework>.after{-moz-animation-delay:1.25s,1.25s,1.25s;-webkit-animation-delay:1.25s,1.25s,1.25s;-o-animation-delay:1.25s,1.25s,1.25s;-ms-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-moz-animation-duration:1.25s,1.25s,6.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;-o-animation-duration:1.25s,1.25s,6.25s;-ms-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-moz-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-o-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-ms-keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@keyframes bang{to{box-shadow:42px 82.3333333333px #006fff,-194px -192.6666666667px #04ff00,-178px -200.6666666667px #ff0004,-201px -388.6666666667px #4800ff,-114px -191.6666666667px #b300ff,161px -282.6666666667px #00fff7,-153px -305.6666666667px #00b3ff,136px 5.3333333333px #00ff48,-132px -288.6666666667px #5900ff,37px -225.6666666667px #1eff00,-223px -320.6666666667px #ff3c00,177px -153.6666666667px #7b00ff,-86px 33.3333333333px #002bff,188px -212.6666666667px #ff00d5,-161px -291.6666666667px #a200ff,195px -390.6666666667px #00ff1e,-184px -177.6666666667px #95ff00,-242px -344.6666666667px #eaff00,89px -32.6666666667px #ea00ff,118px -374.6666666667px #0ff,88px -100.6666666667px #51ff00,247px -117.6666666667px #fff700,-77px -195.6666666667px #1e00ff,-242px -311.6666666667px #5900ff,179px -156.6666666667px #95ff00,68px -.6666666667px #3700ff,-158px -161.6666666667px #6a00ff,-66px -174.6666666667px #f07,241px -260.6666666667px #0900ff,-196px 36.3333333333px #df0,1px -27.6666666667px #009dff,199px -361.6666666667px #0f3,90px 55.3333333333px #ff0080,-146px -141.6666666667px #0f4,182px -51.6666666667px #eaff00,-134px -161.6666666667px #ffc400,93px -368.6666666667px #fd0,195px -49.6666666667px #ff00c4,-189px -26.6666666667px #5900ff,-119px -256.6666666667px #ffae00,-19px -48.6666666667px #0015ff,-193px -247.6666666667px #ff00c4,-187px 58.3333333333px #1f0,-151px -106.6666666667px #00ff84,-116px -303.6666666667px #0f4,249px -8.6666666667px #fc0,141px -399.6666666667px #73ff00,7px -252.6666666667px #ff9500,-41px 64.3333333333px #90f,211px -235.6666666667px #ff00bf,212px -276.6666666667px #00f2ff}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-moz-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-o-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-ms-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@media screen and (max-width:768px){.wordle-message-Dialog{font-size:14px}.wordle-message-Dialog .title-text{font-size:20px}.wordle-message-Dialog .timer{width:97px;font-size:17px}}@media screen and (max-width:480px){.wordle-message-Dialog{font-size:13px;padding:10PX}.wordle-message-Dialog .title-text{font-size:18px}.wordle-message-Dialog .timer{width:95px;font-size:16px}.wordle-message-Dialog .congratulation::after,.wordle-message-Dialog .congratulation:before{font-size:18px}.wordle-message-Dialog .sorry::after,.wordle-message-Dialog .sorry:before{font-size:18px}.wordle-message-Dialog .remaintime-to-play{flex-direction:column}}.edit-class-book-cell-dialog .scores{justify-content:center;text-align:center;padding:5px 5px 15px;flex-wrap:wrap}.edit-class-book-cell-dialog .kammi-score-box{color:#0055bf;justify-content:center;font-size:15px;padding-bottom:10px}.edit-class-book-cell-dialog .kammi-score-box input{width:100px;height:29px;padding:2px 4px;text-align:center;color:#000;margin:0 10px 0 0;direction:ltr}.edit-class-book-cell-dialog .kammi-score-box input::-webkit-inner-spin-button,.edit-class-book-cell-dialog .kammi-score-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-class-book-cell-dialog .kammi-score-box input[type=number]{-moz-appearance:textfield}.edit-class-book-cell-dialog .homework-result{border-radius:7px;padding:2px;margin:0 15px;border:2px solid;font-size:13px;width:53px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer;display:inline-block}.edit-class-book-cell-dialog .homework-result.perfect{border:2px solid #006e0f}.edit-class-book-cell-dialog .homework-result.perfect.selected{background:#006e0f;color:#fff}.edit-class-book-cell-dialog .homework-result.imperfect{border:2px solid #ad8b00}.edit-class-book-cell-dialog .homework-result.imperfect.selected{background:#ad8b00;color:#fff}.edit-class-book-cell-dialog .homework-result.undone{border:2px solid #d72323}.edit-class-book-cell-dialog .homework-result.undone.selected{background:#d72323;color:#fff}.edit-class-book-cell-dialog .homework-result.exempted{border:2px solid #383838}.edit-class-book-cell-dialog .homework-result.exempted.selected{background:#383838;color:#fff}.edit-class-book-cell-dialog .keyfi-score-btn{border-radius:7px;padding:3px 2px;margin:4px 3px;border:2px solid;font-size:13px;width:102px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}.edit-class-book-cell-dialog .keyfi-score-btn.first-level{border:2px solid #006e0f}.edit-class-book-cell-dialog .keyfi-score-btn.first-level.selected{background:#006e0f;color:#fff}.edit-class-book-cell-dialog .keyfi-score-btn.second-level{border:2px solid #6ba300}.edit-class-book-cell-dialog .keyfi-score-btn.second-level.selected{background:#6ba300;color:#fff}.edit-class-book-cell-dialog .keyfi-score-btn.third-level{border:2px solid #ad8b00}.edit-class-book-cell-dialog .keyfi-score-btn.third-level.selected{background:#ad8b00;color:#fff}.edit-class-book-cell-dialog .keyfi-score-btn.forth-level{border:2px solid #d72323}.edit-class-book-cell-dialog .keyfi-score-btn.forth-level.selected{background:#d72323;color:#fff}.edit-class-book-cell-dialog .feedback-text textarea{width:100%;height:70px;resize:none;padding:2px 5px}.edit-class-book-cell-dialog .visibility-for-student{padding:0 5px 5px;font-size:14px}.edit-class-book-cell-dialog .visibility-for-student i{font-size:17px;position:relative;top:1px}@media screen and (max-width:768px){.edit-class-book-cell-dialog .scores{justify-content:center;text-align:center;padding:5px 0 15px}.edit-class-book-cell-dialog .keyfi-score-btn{border-radius:7px;padding:3px 2px;margin:4px 2px;border:2px solid;font-size:12px;width:98px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}}@media screen and (max-width:480px){.edit-class-book-cell-dialog .keyfi-score-btn{border-radius:7px;padding:3px 2px;margin:4px 3px;border:2px solid;font-size:12px;width:40%;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}.edit-class-book-cell-dialog .homework-result{padding:2px;margin:2px 4px}}.select-exam-result-dialog .select-exam-result-dialog-header{font-size:18px;margin:0 0 15px;text-align:center;padding:0 0 12px;border-bottom:2px dashed #0055bf;color:#0055bf}.select-exam-result-dialog .guide-box{padding:5px}.select-exam-result-dialog .each-guide{padding:2px 5px;font-size:14px;text-align:justify}.select-exam-result-dialog .each-guide .fa-circle{color:#b42528;font-size:8px}.select-exam-result-dialog .score-box{justify-content:center;text-align:center;padding:5px 5px 45px;flex-wrap:wrap}.select-exam-result-dialog .kammi-score-box{color:#0055bf;justify-content:center;font-size:15px;padding-bottom:10px}.select-exam-result-dialog .kammi-score-box input{width:100px;height:29px;padding:2px 4px;text-align:center;color:#000;margin:0 10px 0 0}.select-exam-result-dialog .kammi-score-box input::-webkit-inner-spin-button,.select-exam-result-dialog .kammi-score-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.select-exam-result-dialog .kammi-score-box input[type=number]{-moz-appearance:textfield}.select-exam-result-dialog .homework-result{border-radius:7px;padding:2px;margin:0 15px;border:2px solid;font-size:13px;width:53px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer;display:inline-block}.select-exam-result-dialog .homework-result.perfect{border:2px solid #006e0f}.select-exam-result-dialog .homework-result.perfect.selected{background:#006e0f;color:#fff}.select-exam-result-dialog .homework-result.imperfect{border:2px solid #ad8b00}.select-exam-result-dialog .homework-result.imperfect.selected{background:#ad8b00;color:#fff}.select-exam-result-dialog .homework-result.undone{border:2px solid #d72323}.select-exam-result-dialog .homework-result.undone.selected{background:#d72323;color:#fff}.select-exam-result-dialog .homework-result.exempted{border:2px solid #383838}.select-exam-result-dialog .homework-result.exempted.selected{background:#383838;color:#fff}.select-exam-result-dialog .keyfi-score-btn{border-radius:7px;padding:3px 5px;margin:4px 3px;border:2px solid;font-size:13px;width:110px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}.select-exam-result-dialog .keyfi-score-btn.first-level{border:2px solid #006e0f}.select-exam-result-dialog .keyfi-score-btn.first-level.selected{background:#006e0f;color:#fff}.select-exam-result-dialog .keyfi-score-btn.second-level{border:2px solid #6ba300}.select-exam-result-dialog .keyfi-score-btn.second-level.selected{background:#6ba300;color:#fff}.select-exam-result-dialog .keyfi-score-btn.third-level{border:2px solid #ad8b00}.select-exam-result-dialog .keyfi-score-btn.third-level.selected{background:#ad8b00;color:#fff}.select-exam-result-dialog .keyfi-score-btn.forth-level{border:2px solid #d72323}.select-exam-result-dialog .keyfi-score-btn.forth-level.selected{background:#d72323;color:#fff}.select-exam-result-dialog .visibility-for-student{justify-content:space-evenly;font-size:14px}.select-exam-result-dialog .visibility-for-student .radio-button-icon{font-size:16px;height:0;position:absolute;right:5px;top:6px}.select-exam-result-dialog .visibility-for-student .visibility-btn{padding:4px 5px 5px;border:2px solid #188eee;color:#0367b8;border-radius:5px;width:140px;text-align:center;position:relative;cursor:pointer}.select-exam-result-dialog .visibility-for-student .visibility-btn.selected{background-color:#d2eaf3}.select-exam-result-dialog .button-container{justify-content:space-around;margin:45px 0 10px}@media screen and (max-width:768px){.select-exam-result-dialog-header{font-size:15px}.select-exam-result-dialog .score-box{justify-content:center;text-align:center;padding:5px 0 15px}.select-exam-result-dialog .keyfi-score-btn{border-radius:7px;padding:3px 2px;margin:4px 2px;border:2px solid;font-size:12px;width:98px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}}@media screen and (max-width:480px){.select-exam-result-dialog .each-guide{font-size:12px}.select-exam-result-dialog .keyfi-score-btn{border-radius:7px;padding:3px 2px;margin:4px 3px;border:2px solid;font-size:12px;width:40%;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}.select-exam-result-dialog .homework-result{padding:2px;margin:2px 4px}.select-exam-result-dialog .visibility-for-student{justify-content:space-evenly;font-size:12px}.select-exam-result-dialog .visibility-for-student .visibility-btn{padding:4px 15px 5px 5px;width:110px}.select-exam-result-dialog .visibility-for-student .radio-button-icon{font-size:15px;right:5px;top:5px}}.class-book-manager .class-book-manager-header{padding-left:35px;background-color:#064ba0}.class-book-manager .class-book-manager-body{height:calc(100% - 100px);overflow:auto}.class-book-manager .inner-header{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:14px;padding:0 12px;height:40px}.class-book-manager .inner-header .date-filter button{font-size:12px;border-radius:13px;color:#033c81;padding:2px 4px 2px 4px;margin:3px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:3px}.class-book-manager .inner-header .fa-caret-left{position:relative;top:2px}.class-book-manager .guide-box{padding:5px 5px 2px;text-align:justify}.class-book-manager .each-guide{padding:2px 5px;font-size:13px}.class-book-manager .each-guide .fa-circle{color:#b42528;font-size:8px}.class-book-manager .detailed-table-container{padding:5px 10px}.class-book-manager .table-container{border:1px solid gray;border-width:1px 1px 2px 2px;overflow-x:auto;width:fit-content;max-width:100%;transform:rotateX(180deg);margin:auto}.class-book-manager .table-container::-webkit-scrollbar{height:7px}.class-book-manager .table-container::-webkit-scrollbar-thumb{border-radius:2px}.class-book-manager .table-container .detailed-table{width:fit-content;transform:rotateX(180deg)}.class-book-manager .detailed-table .header-row{display:flex;justify-content:center}.class-book-manager .detailed-table .each-row{display:flex;justify-content:center}.class-book-manager .detailed-table .each-row.background-gray{background-color:#f3f3f3}.class-book-manager .detailed-table .column-width{width:150px;text-align:center;justify-content:center}.class-book-manager .detailed-table .each-cell{padding:5px;border:1px solid gray;position:relative;min-height:36px;cursor:pointer;overflow:hidden}.class-book-manager .detailed-table .student-name-header{width:200px;font-size:15px;color:#064ba0;justify-content:center;position:sticky;right:0;background-color:#cddeef;z-index:10;border-left:2px solid gray}.class-book-manager .detailed-table .student-name{width:200px;font-size:14px;position:sticky;right:0;background-color:#edf3f9;z-index:10;border-left:2px solid gray}.class-book-manager .detailed-table .each-cell.selected-column{background-color:#ddf8dd}.class-book-manager .detailed-table .student-name.background-gray{background-color:#dae4ee}.class-book-manager .detailed-table .apply-date{font-size:14px;padding-bottom:3px}.class-book-manager .detailed-table .lesson-title,.class-book-manager .detailed-table .max-score,.class-book-manager .detailed-table .operation-title,.class-book-manager .detailed-table .personnel-title{color:#676767}.class-book-manager .detailed-table .eye-icon{color:#d30000;position:absolute;left:7px;top:2px;font-size:15px}.class-book-manager .detailed-table .comment-icon{color:gray;position:absolute;right:7px;top:2px;font-size:15px}.class-book-manager .detailed-table .has-content-icon{position:absolute;background-color:#e18518;width:5px;height:5px;right:3px;top:3px}.class-book-manager .filter-box{position:relative;margin:5px 7px 0}.class-book-manager .filter-box .filter-icon{position:absolute;top:0;right:0;width:40px;height:39px;border-radius:0 0 0 7px;font-size:27px;padding:0 6px}.class-book-manager .filter-box .filter-icon .fa-remove{cursor:pointer;color:#ffe768;padding:0 4px;position:relative;left:3px}.class-book-manager .filter-box .radio-button-container{justify-content:space-evenly;flex-wrap:wrap;text-align:center;padding:5px 5px 2px;font-size:14px}.class-book-manager .filter-box .radio-button-container i{font-size:17px;position:relative;top:2px}.class-book-manager .filter-box .select-container{justify-content:space-evenly;padding:7px 5px 10px}.class-book-manager .filter-box select{min-width:35%;padding:3px;font-size:13px;border-radius:5px;text-align:center}.class-book-manager .filter-box .current-user-filter{padding:3px 45px 10px 5px;font-size:14px}.class-book-manager .filter-box .current-user-filter i{font-size:17px;position:relative;top:2px}.class-book-manager .new-record-btn{padding:15px 0;margin:0 10px;text-align:center}.class-book-manager .new-record-btn button{font-size:15px;border-radius:4px;color:#064ba0;padding:2px 6px 4px 5px;min-width:150px;border-color:#f5962e;background-color:#ffa639}@media screen and (max-width:768px){.class-book-manager .detailed-table-container{padding:5px}.class-book-manager .class-book-manager-body{height:calc(100% - 106px)}.class-book-manager .inner-header{align-items:flex-start;flex-direction:column-reverse;font-size:13px;padding:0 5px;height:56px}.class-book-manager .new-record-btn{padding:10px 0;margin:0}.class-book-manager .new-record-btn button{font-size:13px;border-radius:4px;color:#064ba0;padding:3px 6px 3px 5px;min-width:130px;border-color:#f5962e;background-color:#ffa639}}@media screen and (max-width:480px){.class-book-manager .inner-header .date-filter button{font-size:11px;padding:2px 4px 1px 4px;margin:3px 0 1px}.class-book-manager .each-guide{padding:2px 5px;font-size:11px}.class-book-manager .detailed-table .each-cell{padding:3px;min-height:36px}.class-book-manager .detailed-table .student-name-header{width:125px;font-size:13px}.class-book-manager .detailed-table .student-name{width:125px;font-size:11px}.class-book-manager .detailed-table .column-width{width:130px}.class-book-manager .filter-box select{min-width:45%;padding:2px;font-size:12px}.class-book-manager .filter-box .select-container{padding:2px 5px 6px}.class-book-manager .filter-box .radio-button-container{padding:5px 3px 2px;font-size:12px}.class-book-manager .filter-box .radio-button-container .increase-width{width:100%;padding-bottom:5px}.class-book-manager .filter-box .filter-icon{width:32px;height:33px;font-size:21px;padding:2px 5px}.class-book-manager .filter-box .filter-icon .fa-remove{left:4px;bottom:1px}.class-book-manager .filter-box .current-user-filter{padding:1px 32px 11px 1px;font-size:13px}}.class-selector .class-selector-filter-box{position:relative}.class-selector .class-selector-filter-box .class-selector-filter-icon{position:absolute;width:43px;height:44px;top:0;right:0;font-size:25px;padding:5px 8px}.class-selector .class-selector-filter-box .search-lesson{font-size:15px;text-align:center;padding:2px 50px}.class-selector .class-selector-filter-box .search-lesson input{padding:2px 3px;width:430px;text-align:center}.class-selector .lesson-list-container{padding-top:10px}.class-selector .lesson-list-box{margin:0 auto;padding:0 12px}.class-selector .hr1{margin:0;border-top:1px solid #888}.class-selector .each-lesson{padding:6px 0;cursor:pointer;transition:.4s;position:relative}.class-selector .each-lesson:hover{background-color:silver;padding-right:5px}.class-selector .each-lesson .fa-dot-circle-o{font-size:18px}.class-selector .each-lesson .fa-circle-o{font-size:18px}.class-selector .each-lesson .lesson-title{padding:0 4px 0 6px;font-size:15px}.class-selector .each-lesson .access-sign{position:absolute;left:calc(50% - 7px);top:calc(50% - 11px)}.class-selector .each-lesson .fa-lock{font-size:18px;padding-top:1px;color:#8b0000;position:relative;top:1px}.class-selector .each-lesson .fa-unlock{font-size:18px;padding-top:1px;color:#228b22;position:relative;top:1px}@media screen and (max-width:768px){.class-selector .class-selector-filter-box .class-selector-filter-icon{width:37px;height:37px;font-size:22px;padding:3px 7px}.class-selector .class-selector-filter-box .search-lesson{font-size:13px;padding:0 30px}.class-selector .class-selector-filter-box .search-lesson input{width:370px}.class-selector .each-lesson .lesson-title{font-size:14px}}@media screen and (max-width:480px){.class-selector{padding:0;padding-top:10px}.class-selector .class-selector-filter-box .search-lesson{font-size:13px;padding:0 38px 0 1px}.class-selector .class-selector-filter-box .search-lesson input{width:100%}.class-selector .lesson-list-box{padding:0}.class-selector .lesson-list{background-color:#fff;padding:0 5px}.class-selector .each-lesson{padding:4px 1px;justify-content:space-between}.class-selector .each-lesson .fa-circle-o{font-size:15px}.class-selector .each-lesson .fa-dot-circle-o{font-size:15px}.class-selector .each-lesson .lesson-title{font-size:12px}.class-selector .each-lesson .access-sign{position:static}.class-selector .each-lesson .fa-lock{font-size:16px;top:1.5px;padding-left:3px}.class-selector .each-lesson .fa-unlock{font-size:16px;top:1.5px;padding-left:3px}}.exam-student-list .show-to-student{color:#064ba0;font-size:15px;text-align:center;padding:3px;border:1px solid gray;margin:10px;border-radius:7px;cursor:pointer}.exam-student-list .detail-main-content::-webkit-scrollbar{height:7px}.exam-student-list .detail-main-content::-webkit-scrollbar-thumb{border-radius:2px}.exam-student-list .detail-main-content table{width:100%}.exam-student-list .detail-main-content table tr.background-gray{background-color:#f2f2f2}.exam-student-list .detail-main-content td,.exam-student-list .detail-main-content th{border:1px solid gray;border-width:2px 0;text-align:center}.exam-student-list .detail-main-content th{height:45px;font-size:14px;padding:3px}.exam-student-list .detail-main-content th.student-title{width:25%;position:relative}.exam-student-list .detail-main-content .score-cell{padding:5px 5px 6px;justify-content:center}.exam-student-list .detail-main-content .score-cell input{width:130px;text-align:center;height:27px;font-size:16px;padding-top:1px;border-radius:7px}.exam-student-list .detail-main-content .score-cell input::-webkit-inner-spin-button,.exam-student-list .detail-main-content .score-cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.exam-student-list .detail-main-content .score-cell input[type=number]{-moz-appearance:textfield}.exam-student-list .detail-main-content .score-cell .width-manage{width:calc(100% - 50px);text-align:center}.exam-student-list .detail-main-content .score-cell .kammi-score{font-size:14px}.exam-student-list .detail-main-content .score-cell .feedback-btn{width:50px;text-decoration:underline;color:#257cc8;cursor:pointer;font-size:12px}.exam-student-list .detail-main-content .text-area-box{height:25px;padding:1px 5px 0}.exam-student-list .detail-main-content .text-area-box textarea{width:100%;height:100%;resize:none;padding:3px;overflow:hidden;cursor:pointer;font-size:13px;color:#636363;border:none;background-color:transparent}.exam-student-list .detail-main-content .student-title-col{justify-content:space-between;padding:5px;font-size:14px}.exam-student-list .detail-main-content .student-title-col i{font-size:15px;cursor:pointer;padding-right:3px}.exam-student-list .detail-main-content .homework-result{flex-wrap:wrap;justify-content:center}.exam-student-list .detail-main-content .homework-result-btn{border-radius:7px;padding:2px;margin:0 15px;border:2px solid;font-size:13px;width:65px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}.exam-student-list .detail-main-content .homework-result-btn.perfect{border:2px solid #006e0f}.exam-student-list .detail-main-content .homework-result-btn.perfect.selected{background:#006e0f;color:#fff}.exam-student-list .detail-main-content .homework-result-btn.imperfect{border:2px solid #ad8b00}.exam-student-list .detail-main-content .homework-result-btn.imperfect.selected{background:#ad8b00;color:#fff}.exam-student-list .detail-main-content .homework-result-btn.undone{border:2px solid #d72323}.exam-student-list .detail-main-content .homework-result-btn.undone.selected{background:#d72323;color:#fff}.exam-student-list .detail-main-content .homework-result-btn.exempted{border:2px solid #383838}.exam-student-list .detail-main-content .homework-result-btn.exempted.selected{background:#383838;color:#fff}.exam-student-list .detail-main-content .keyfi-score{flex-wrap:wrap;justify-content:center}.exam-student-list .detail-main-content .keyfi-score-btn{border-radius:7px;padding:3px 2px;margin:4px 3px;border:2px solid;font-size:13px;width:102px;box-shadow:1px 1px 1px #484848c9;background-color:#ececec;cursor:pointer}.exam-student-list .detail-main-content .keyfi-score-btn.first-level{border:2px solid #006e0f}.exam-student-list .detail-main-content .keyfi-score-btn.first-level.selected{background:#006e0f;color:#fff}.exam-student-list .detail-main-content .keyfi-score-btn.second-level{border:2px solid #6ba300}.exam-student-list .detail-main-content .keyfi-score-btn.second-level.selected{background:#6ba300;color:#fff}.exam-student-list .detail-main-content .keyfi-score-btn.third-level{border:2px solid #ad8b00}.exam-student-list .detail-main-content .keyfi-score-btn.third-level.selected{background:#ad8b00;color:#fff}.exam-student-list .detail-main-content .keyfi-score-btn.forth-level{border:2px solid #c51f1f}.exam-student-list .detail-main-content .keyfi-score-btn.forth-level.selected{background:#c51f1f;color:#fff}.exam-student-list .detail-main-content .easy-selection button{font-size:12px;border-radius:13px;color:#033c81;padding:3px 4px 2px 4px;margin:2px 3px 1px;border:2px solid #eb7b3c;background-color:#ffc47d;box-shadow:0 1px 5px -1px #656565;position:relative;bottom:2px}.exam-student-list .detail-main-content .student-search{justify-content:space-between}.exam-student-list .detail-main-content .student-search i{color:red;font-size:18px;padding:2px;margin-left:3px}.exam-student-list .detail-main-content .student-search input{width:100%;height:100%;padding:0 3px 1px}.exam-student-list .detail-main-content .student-search .fa-close{cursor:pointer;position:absolute;left:4px;top:9px;font-size:20px;color:#d72323}.exam-student-list .keyfi-guide{justify-content:space-around;background-color:#cbe2fe;font-size:15px;padding:3px 0;margin:7px 15px;border-radius:7px;border:1px solid #6a9bd5;flex-wrap:wrap}.exam-student-list .keyfi-guide>div{padding:3px 6px;border-radius:5px;color:#fff;margin:3px auto;width:45%;text-align:center}@media screen and (max-width:991px){.exam-student-list .detail-main-content .keyfi-score-btn{padding:3px 2px 4px;margin:4px 7px;border:2px solid;font-size:12px;width:60px}}@media screen and (max-width:768px){.exam-student-list .detail-main-content th.student-title{width:26%;min-width:120px}.exam-student-list .detail-main-content th.feedback-header{width:unset;min-width:190px}.exam-student-list .detail-main-content .homework-result-btn{margin:0 7px;width:55px}.exam-student-list .detail-main-content .keyfi-score-btn{margin:4px 5px}.exam-student-list .detail-main-content .score-cell .width-manage{width:calc(100% - 40px);text-align:center}.exam-student-list .detail-main-content .score-cell .feedback-btn{width:40px}.exam-student-list .detail-main-content .student-search .fa-close{left:4px;top:11px;font-size:16px}.exam-student-list .show-to-student{margin:5px 7px;border-radius:7px;font-size:13px}}@media screen and (max-width:480px){.exam-student-list .daily-book-list{min-height:Calc(100% - 76px)}.exam-student-list .detailed-table th{padding:2px 2px;font-size:11px;line-height:1.5}.exam-student-list .student-name-header{font-size:14px;min-height:90px}.exam-student-list .operation-details .fa-pencil{font-size:14px}.exam-student-list .detailed-table .student-name,.exam-student-list .detailed-table .student-name-header{min-width:135px}.exam-student-list .detailed-table td{font-size:11px}.exam-student-list .check-box{padding:2px 10px}.exam-student-list .detail-main-content th{font-size:13px}.exam-student-list .detail-main-content th.student-title{width:36%}.exam-student-list .detail-main-content th.exam-result-container{min-width:250px}.exam-student-list .detail-main-content th.exam-result-container.is-kammi{min-width:190px}.exam-student-list .detail-main-content .text-area-box{height:20px;padding:0 2px}.exam-student-list .detail-main-content .text-area-box textarea{font-size:11px}.exam-student-list .detail-main-content .score-cell .kammi-score{font-size:13px;text-align:right}.exam-student-list .detail-main-content .keyfi-score{justify-content:flex-start}.exam-student-list .detail-main-content .score-cell input{min-width:90px;width:45%;height:25px;font-size:14px;padding-top:1px}.exam-student-list .detail-main-content .feedback-box textarea{width:calc(100% - 10px);font-size:11px}.exam-student-list .detail-main-content .student-title-col{font-size:12px;padding:3px}.exam-student-list .keyfi-guide{font-size:12px;padding:3px 1px;margin:7px}.exam-student-list .keyfi-guide>div{padding:3px 4px;margin:3px auto;width:47%}.exam-student-list .detail-main-content .homework-result-btn{padding:2px;margin:0 3px;border:2px solid;font-size:12px;width:unset;min-width:40px}.exam-student-list .detail-main-content .keyfi-score-btn{padding:3px 2px;margin:4px 3px;border:2px solid;font-size:12px;width:42px}.exam-student-list .detail-main-content .easy-selection button{font-size:11px;border-radius:12px;color:#033c81;padding:4px 3px 2px 3px;margin:2px 0 1px}.exam-student-list .detail-main-content .score-cell .width-manage{width:calc(100% - 35px);text-align:center}.exam-student-list .detail-main-content .score-cell .feedback-btn{width:35px;font-size:11px}.exam-student-list .detail-main-content .homework-result{flex-wrap:wrap;justify-content:flex-start}}