body { position: relative; background: #fff;}

.navbar-logo { line-height: 13px }
.logo-text { text-align: left;}
.logo-text span { font-size: 1.3em}
.logo-text img { width: 36px; margin: -6px 13px 0 0 }
.team svg { width: 20px; height: 20px; float: left; margin-right: 10px}
.bg-grey { background: #424d69 }
.btn-xs { padding: 3px 5px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { background: none; color: #222 }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #aaa; }
.input-group-text { background: #fff; color: #222}
.form-control[readonly] { background: #fafafa}
table { width: 100% }
td { white-space: normal !important; }
.thined td { padding: 2px 5px }
.table-list { margin: 0; padding: 0 15px }
.table-list li { padding-left: 10px; }
.input-group { margin-bottom: 0; }
.btn-create { cursor: pointer; }
.pull-right { float: right }
.pull-left { float: left }
.clearfix { clear: both }
ol { padding: 0; margin: 0 5px 0 10px }

.nav-logo { position: relative; }
.nav-logo p { position: absolute; top: 0; left: 0; padding: 30px 0 0 75px; color: #fff; line-height: 1em; font-size: .8em}
.nav-logo p span { font-size: .8em}
.nav-logo-right img { height: 30px}
.front-bg { background: url("../img/banner-bg.svg"); background-position: 0 -580px; width: 100%; height: 100vh; background-repeat: no-repeat; position: relative; background-color: #fff}
.front-vector { position: absolute; right: 8%; top: 26%; width: 38%}
.judul-uii { position: absolute; top: 20px; left: 5%; color: #fff; font-size: 1.2em; line-height: 1em; width: 380px}
.judul-uii span { font-size: .8em}
.wrapper { position: absolute; top: 33%; left: 5%; background: #fff; width: 70%; border-radius: 20px; padding: 20px 50px 20px 10px}
.filter-form { min-width: 560px; margin: 5px 0px}
.psoh { width: 160px; height: 140px; text-align: left; margin-right: 20px; }
.tgl { color: #fff; position: absolute; right: 10px; top: 10px; font-size: .9em}
.search-text { margin-top: 50px; }
.search-input { width: 270px; margin-bottom: 20px; }
.f-left { float: left }
.clearfix { clear: both }
.btn { height: 40px; padding-top: 8px}
.copyright { color: #aaa; font-size: .8em}

/* result */


/*--login --*/
.login-block { margin:30px auto; min-height:93.6vh }
.login-block .auth-box { margin:20px auto 0; max-width:450px }
.login-judul-uii {margin: 0 auto; color: #fff; font-size: 1em; line-height: 1em; width: 290px}

.result-bg {position: absolute; right: 0; width: 70%; background: url("../img/banner-bg.svg"); background-position: 0px -630px; height: 350px; background-repeat: no-repeat; }
.result-footer { }
.result-judul-uii { position: absolute; top: 5%; right: 22%; color: #fff; font-size: 1.3em; line-height: .9em; width: 380px}
.result-judul-uii span { font-size: .6em}
.result-wrapper { width: 100%; padding: 20px 50px 20px 20px; min-height: 300px}
.result-psoh { width: 160px; height: 140px; text-align: left; margin-right: 20px; }

.result-footer { width: 100%; height: 250px; position: relative; }
.result-footer-vector { width: 330px; z-index: 9}
.result-footer p { position: absolute; left: 32%; top: 35px; color: #aaa }
.result-footer-bg { background: url("../img/banner-bg.svg"); background-position: 130px -720px; width: 100%; height: 330px; position: absolute; rotate: 180deg;background-repeat: no-repeat;  background-color: #fff; z-index: -99}


@media only screen and (max-width: 800px) {
 .result-psoh { margin-top: 130px}
 .result-bg { width: 100%; background: url("../img/banner-bg.svg"); background-position: -100px -630px}
 .result-judul-uii { position: absolute; top: 5%; right: 12%; color: #fff; font-size: 1.3em; line-height: .9em; width: 380px}
 .result-judul-uii span { font-size: .6em}
 .result-footer p { position: absolute; left: 52%; top: 100px }
}


@media only screen and (max-width: 600px) {
 .result-bg { width: 100%; background: url("../img/banner-bg.svg"); background-position: -100px -630px}
 .result-wrapper { margin-top: 0 }
 .filter-form { width: 300px !important; }
 .result-footer { height: 350px }
 .result-footer p { position: absolute; left: 52%; top: 160px }

}


@media only screen and (max-width: 420px) {
 .filter-form { display: none}
}