:root{--body-bg-color:#fff;--body-text-color:#222}.login_header{margin:auto;background-image:url(../images/binus-theme/header.png);background-repeat:no-repeat;width:200px;height:25px}.login_username{margin:auto;background-image:url(../images/binus-theme/username.png);background-repeat:no-repeat;width:70px;height:20px}.login_password{margin:auto;background-image:url(../images/binus-theme/password.png);background-repeat:no-repeat;width:70px;height:20px}#logonform{background:url(../images/binus-theme/form.png) no-repeat;width:300px;height:165px;padding-top:10px;z-index:50;vertical-align:middle;position:absolute;left:40%;top:35%;font-weight:700}#logon{background:url(../images/binus-theme/logon.png) no-repeat;border-style:none;width:70px;height:25px}#logon:hover{background:url(../images/binus-theme/logon.png) no-repeat 1px -1px}#logon:active{background:url(../images/binus-theme/logon.png) no-repeat}body{background-color:var(--body-bg-color);color:var(--body-text-color)}header{background-color:#075985}header>div{background-color:#075985}header h3{color:#fff}.logoBox:hover{cursor:pointer}#servertime{color:#fff}.abs{position:absolute;top:7.75rem}.fixed{position:fixed;top:5px}nav{display:block;margin:0 auto 20px;border:1px solid #039;position:relative;background-color:#0369a1}nav .fixed{position:fixed;top:0}nav ul{padding:0}nav ul li{margin:.25rem .125rem}nav>ul>li:hover{background:#0284c7;border-radius:.5rem}nav li{position:relative;float:left;list-style-type:none}nav ul:after{content:"";display:block;height:0;clear:both;visibility:hidden}nav li a{display:block;padding:.6rem 1rem;color:#eee;text-decoration:none}nav li a:focus{outline:0;text-decoration:underline}nav li:first-child a{border-left:none}nav li.last a{border-right:none}nav a span{display:block;float:right;margin-left:5px}nav>ul>li>div{position:absolute;padding-top:.5rem}nav ul ul{background-color:rgba(255,255,255,.95);color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.5rem;padding:.25rem;max-height:600px;left:0;width:200px;overflow-y:auto;z-index:10}@supports (backdrop-filter:blur()){nav ul ul{background-color:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@supports ((-webkit-backdrop-filter:blur())){nav ul ul{background-color:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}nav ul ul li{float:none;min-width:145px;opacity:.8}nav ul ul li:hover{opacity:1;background-color:rgba(225,225,225,.5);border-radius:.5rem}nav ul ul li:last-child{-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0px 0px 4px 4px;border-radius:0 0 4px 4px;border-bottom:none}nav ul ul li.last{border-left:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}nav ul ul a{padding:.6rem 1rem;border-left:none;border-right:none;color:#000;opacity:.8}nav ul a span{-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.announcement-card{background:#f9f9f9}.no-cssgradients nav,.no-js nav{padding-bottom:4px;border:none;background:url(../images/binus-theme/navBG.gif) repeat-x 0 0}.no-borderradius nav ul,.no-js nav ul{background:url(../images/binus-theme/navRightIE.gif) no-repeat 100% 0}.no-borderradius nav ul ul,.no-js nav ul ul{background:0 0}.no-borderradius nav li,.no-js nav li{height:26px}.no-cssgradients nav li:hover,.no-js nav li:hover{background:url(../images/binus-theme/navOverBG.gif) repeat-x 0 0}.no-borderradius nav li li,.no-js nav li li{height:auto;width:98%;left:-2px}.no-borderradius nav li:first-child,.no-js nav li:first-child{background:url(../images/binus-theme/navLeft.gif) no-repeat 0 0}.no-borderradius nav li:first-child:hover,.no-js nav li:first-child:hover{background:url(../images/binus-theme/navOverLeft.gif) no-repeat 0 0}.no-borderradius nav li li:first-child,.no-js nav li li:first-child{background:0 0}.no-js nav ul ul,.no-rgba nav ul ul{width:200px;z-index:10;left:1px;padding-left:2px;background:url(../images/binus-theme/subnavBG.png) repeat-x 100% 100%}.no-rgba nav ul ul li{border-left:1px solid #039;border-right:1px solid #039;border-bottom:1px solid #039}.no-js nav ul ul a,.no-rgba nav ul ul a{left:3px}.no-rgba nav ul ul a:hover{background:url(../images/binus-theme/subOverBG.png) repeat 0 0}.no-csstransforms ul a span{height:7px;width:12px;margin-top:8px;text-indent:-5000px;overflow:hidden;background:url(../images/binus-theme/indicator.png) no-repeat 0 0}.no-borderradius ul ul li.last{margin-bottom:10px}.no-cssgradients.boxshadow nav{box-shadow:none}.bg{background:#fff}.bg-static{background:#fff}.hlink{cursor:pointer;color:#fc0}.hlink:hover{text-decoration:underline}.link{cursor:pointer;color:#039;font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.action-link{cursor:pointer;font-weight:600}.chpassdiv{color:#000;background:#fff;border:3px #06c solid;padding:10px}.chpassheader{border:1px #039 solid;font-weight:700;color:#fff;height:20px;padding-top:5px;background-image:url(../images/binus-theme/bar3.png);background-image:-moz-linear-gradient(-90deg,#006,#06c);background-image:-webkit-linear-gradient(-90deg,#006,#06c);background-image:-o-linear-gradient(-90deg,#006,#06c);background-image:-ms-linear-gradient(-90deg,#006,#06c);background-image:linear-gradient(180deg,#006,#06c);background-image:-webkit-gradient(linear,left top,left bottom,from(#06c),to(#000));-moz-box-shadow:inset 0 12px 0 rgba(255,255,255,.3);-webkit-box-shadow:inset 0 12px 0 rgba(255,255,255,.3);-o-box-shadow:inset 0 12px 0 rgba(255,255,255,.3);box-shadow:inset 0 12px 0 rgba(255,255,255,.3)}.chsemdiv{color:#000;background:#fff;border:3px #06c solid;padding:10px}.chsemheader{border:1px #039 solid;font-weight:700;color:#fff;height:20px;padding-top:5px;background-image:url(../images/binus-theme/bar3.png);background-image:-moz-linear-gradient(-90deg,#006,#06c);background-image:-webkit-linear-gradient(-90deg,#006,#06c);background-image:-o-linear-gradient(-90deg,#006,#06c);background-image:-ms-linear-gradient(-90deg,#006,#06c);background-image:linear-gradient(180deg,#006,#06c);background-image:-webkit-gradient(linear,left top,left bottom,from(#06c),to(#000));-moz-box-shadow:inset 0 12px 0 rgba(255,255,255,.3);-webkit-box-shadow:inset 0 12px 0 rgba(255,255,255,.3);-o-box-shadow:inset 0 12px 0 rgba(255,255,255,.3);box-shadow:inset 0 12px 0 rgba(255,255,255,.3)}.grid td{padding-left:2px;padding-right:1px;color:#222;border-width:1px;border-style:inset;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}.grid tfoot td,.grid thead th{color:#f9f9f9;background:#0369a1}.grid th{border:1px solid #0284c7}.grid .longHeader+.pointer:hover,.grid thead th.pointer:hover,.trlongHeader thead th.pointer:hover{background:#ccc}.grid .longHeader+.pointer:active,.grid thead th.pointer:active,.trlongHeader thead th.pointer:active{background:#ccc}.grid tr{background:#f9f9f9;color:#000;line-height:160%}.grid .odd{background:#eee}.btn,button,input[type=button],input[type=reset],input[type=submit]{color:#fff;background:#0369a1;font-weight:600;border:none;padding:.5rem .8rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer!important;border-radius:.25rem;display:inline-block}.btn,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#0284c7}.btn,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background:#0284c7}input[type=email],input[type=file],input[type=number],input[type=password],input[type=text],select{color:#333;background-color:#f9f9f9;border-radius:.25rem;border:1px solid #ccc;padding:.5rem;margin-bottom:.25rem;outline:0;box-sizing:border-box}select{cursor:pointer}textarea{color:#333;background-color:#f9f9f9;border:1px solid #ccc;border-radius:.25rem;outline:0;padding:.5rem;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}a.linkBtn:link,a.linkBtn:visited{color:#039}a.linkBtn:active,a.linkBtn:hover{color:#06c}.crowHover tr:hover td{border-color:#ffb;cursor:pointer}.ccellHover:hover{border-color:#ffb;cursor:pointer}.cellHover:hover,.rowHover tr:hover td{background-color:#ffb!important;cursor:pointer!important}.trhover:hover{background-color:#ffb!important;cursor:pointer!important}.form{border:1px solid}.form .header{font-weight:700;border-bottom:1px solid #000}.legend{border:1px solid #000;color:#000;display:inline-block;width:20px;height:20px;margin:0;position:relative;top:5px;z-index:-9999}.logoBin{border:none;width:258px;height:101px;background-image:url(../images/binus.png);background-repeat:no-repeat;background-position:center center}.courseDetail{padding:10px;background:#eee;color:#000;width:800px;margin:auto}.courseDetail .hh{border:1px solid #000}.courseDetail th{border:1px solid #000;background-color:#ddd;padding-left:2px;padding-right:2px}.courseDetail td{border:1px solid #000;padding-left:2px;padding-right:2px}.dataCont{border:1px solid #ccc;padding:.5rem;color:#333;background:#f9f9f9;border-radius:.25rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dataContAT{border:1px solid #ccc;padding:.5rem;color:#333;background:#f9f9f9;border-radius:.25rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.windowoverlay{background:#fff;padding:10px;border:2px solid #ccc;text-align:left;overflow-y:scroll;max-height:80%}.overlay-window{position:absolute;top:33%;left:0;right:0;margin-left:auto;margin-right:auto;display:block;z-index:9999;width:500px;background:#fff;border:2px solid #ccc;padding:14px 24px;overflow-y:scroll;color:#000}.downloadlink{cursor:pointer;color:#006;font-size:1.17em;font-weight:700}.downloadlink:hover{text-decoration:underline}.middle{font-size:1.17em;font-weight:700}label{cursor:pointer}label input[type=checkbox],label input[type=checkbox]+span,label input[type=checkbox]+span::before,label input[type=radio],label input[type=radio]+span,label input[type=radio]+span::before{vertical-align:middle}label input[type=checkbox],label input[type=radio]{position:absolute;-moz-opacity:0;-webkit-opacity:0;opacity:0}label input[type=checkbox]+span,label input[type=checkbox]+span::before,label input[type=radio]+span,label input[type=radio]+span::before{display:inline-block}label input[type=checkbox]+span::before{content:"\2714"}label input[type=checkbox]+span::before,label input[type=radio]+span::before{text-indent:-9999px;width:12px;height:12px;font:bold 12px/12px Garamond,"Segoe UI",Sans-serif;text-transform:uppercase;border:solid 1px #0b70cd;border-radius:3px;box-shadow:0 0 1px 1px #ccc;-moz-box-shadow:0 0 1px 1px #ccc;-webkit-box-shadow:0 0 1px 1px #ccc;-o-box-shadow:0 0 1px 1px #ccc;background:#0b70cd;background:-moz-linear-gradient(-45deg,#006,#06c);background:-webkit-linear-gradient(-45deg,#006,#06c);background:-o-linear-gradient(-45deg,#006,#06c);background:-ms-linear-gradient(-45deg,#006,#06c);background:linear-gradient(-45deg,#006,#06c);margin:0 4px 0 0}label:hover input[type=checkbox]:not(:disabled)+span::before,label:hover input[type=radio]:not(:disabled)+span::before{background:#0b70cd;background:-moz-linear-gradient(45deg,#006,#06c);background:-webkit-linear-gradient(45deg,#006,#06c);background:-o-linear-gradient(45deg,#006,#06c);background:-ms-linear-gradient(45deg,#006,#06c);background:linear-gradient(45deg,#006,#06c);box-shadow:0 0 1px 2px #ccc;-moz-box-shadow:0 0 1px 2px #ccc;-webkit-box-shadow:0 0 1px 2px #ccc;-o-box-shadow:0 0 1px 2px #ccc}label input[type=checkbox]:checked+span::before,label input[type=radio]:checked+span::before{text-indent:2px;color:#fff;text-shadow:0 0 2px #0b70cd}label input[type=radio]+span::before{content:"\2022";font-size:22px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}label input[type=radio]:checked+span::before{text-indent:2px}label input[type=checkbox]:disabled+span::before,label input[type=radio]:disabled+span::before{-moz-opacity:.5;-webkit-opacity:.5;opacity:.5}label input[type=checkbox]:disabled+span,label input[type=checkbox]:disabled+span::before,label input[type=radio]:disabled+span,label input[type=radio]:disabled+span::before{cursor:default}.groupCont2{background:#ddd;color:#333}input::-webkit-input-placeholder{color:gray;font-style:italic}input:-moz-placeholder{color:gray;font-style:italic}input:-ms-input-placeholder{color:gray;font-style:italic}textarea::-webkit-input-placeholder{color:gray;font-style:italic}textarea:-moz-placeholder{color:gray;font-style:italic}textarea:-ms-input-placeholder{color:gray;font-style:italic}.warningmessage{color:#ff9400;font-weight:700}