.navbar-text {
  display: none;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.plat-right {
  float: right !important;
}
.flat-right {
  padding-right: 0px;
}
.plat-fl {
  float: left !important;
}
.plat-fr {
  float: right !important;
}
.fa-num-one:before {
  content: "1";
  font-weight: bold;
  font-family: sans-serif;
}
.fa-num-two:before {
  content: "2";
  font-weight: bold;
  font-family: sans-serif;
}
.opa50 {
  opacity: 0.5;
}
.pt0 {
  padding-top: 0px;
}
.pt2 {
  padding-top: 2px;
}
.ml33 {
  margin-left: 33px;
}
.mt100 {
  margin-top: 100px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mr5 {
  margin-right: 5px !important;
}
.mb40 {
  margin-bottom: 40px;
}
.mb60 {
  margin-bottom: 60px;
}
.fa-primary {
  color: #496cd0;
}
.fa-info {
  color: #28a79d;
}
.fa-success {
  color: #229068;
}
.fa-warning {
  color: #e3a85f;
}
.fa-danger {
  color: #fe5558;
}
.label {
  font-size: 100%;
  border-radius: 100px;
}
.plat-bgdefault {
  background-color: #555;
}
.plat-bgprimary {
  background-color: #496cd0;
}
.plat-bginfo {
  background-color: #28a79d;
}
.plat-bgsuccess {
  background-color: #229068;
}
.plat-bgwarning {
  background-color: #e3a85f;
}
.plat-bgdanger {
  background-color: #fe5558;
}
.plat-bordefault {
  border-color: #555;
}
.plat-borprimary {
  border-color: #496cd0;
}
.plat-borinfo {
  border-color: #28a79d;
}
.plat-borsuccess {
  border-color: #229068;
}
.plat-borwarning {
  border-color: #e3a85f;
}
.plat-bordanger {
  border-color: #fe5558;
}
.btn-default,
.plat-default {
  background-color: #fff;
  border-color: #eee;
}
.btn-default:focus,
.plat-default:focus {
  background-color: #fff;
  border-color: #eee;
}
.btn-default::before,
.plat-default::before,
.btn-default:link,
.plat-default:link,
.btn-default:hover,
.plat-default:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-default:active::before,
.plat-default:active::before,
.btn-default.active::before,
.plat-default.active::before {
  background-color: #ffffff;
  border-color: #fbfbfb;
}
.btn-default[disabled] {
  background-color: #efefef;
}
.btn-primary,
.plat-blue {
  background-color: #496cd0;
  border-color: #496cd0;
}
.btn-primary:focus,
.plat-blue:focus {
  background-color: #496cd0;
  border-color: #496cd0;
}
.btn-primary::before,
.plat-blue::before,
.btn-primary:link,
.plat-blue:link,
.btn-primary:hover,
.plat-blue:hover {
  background-color: #728dda;
  border-color: #728dda;
}
.btn-primary:active::before,
.plat-blue:active::before,
.btn-primary.active::before,
.plat-blue.active::before {
  background-color: #5d7cd5;
  border-color: #5d7cd5;
}
.btn-info,
.plat-teal {
  background-color: #28a79d;
  border-color: #28a79d;
}
.btn-info:focus,
.plat-teal:focus {
  background-color: #28a79d;
  border-color: #28a79d;
}
.btn-info::before,
.plat-teal::before,
.btn-info:link,
.plat-teal:link,
.btn-info:hover,
.plat-teal:hover {
  background-color: #34cec2;
  border-color: #34cec2;
}
.btn-info:active::before,
.plat-teal:active::before,
.btn-info.active::before,
.plat-teal.active::before {
  background-color: #2dbcb0;
  border-color: #2dbcb0;
}
.btn-warning,
.plat-yellow {
  background-color: #e3a85f;
  border-color: #e3a85f;
}
.btn-warning:focus,
.plat-yellow:focus {
  background-color: #e3a85f;
  border-color: #e3a85f;
}
.btn-warning::before,
.plat-yellow::before,
.btn-warning:link,
.plat-yellow:link,
.btn-warning:hover,
.plat-yellow:hover {
  background-color: #ebc08a;
  border-color: #ebc08a;
}
.btn-warning:active::before,
.plat-yellow:active::before,
.btn-warning.active::before,
.plat-yellow.active::before {
  background-color: #e7b475;
  border-color: #e7b475;
}
.btn-success,
.plat-green {
  background-color: #229068;
  border-color: #229068;
}
.btn-success:focus,
.plat-green:focus {
  background-color: #229068;
  border-color: #229068;
}
.btn-success::before,
.plat-green::before,
.btn-success:link,
.plat-green:link,
.btn-success:hover,
.plat-green:hover {
  background-color: #2cb986;
  border-color: #2cb986;
}
.btn-success:active::before,
.plat-green:active::before,
.btn-success.active::before,
.plat-green.active::before {
  background-color: #27a577;
  border-color: #27a577;
}
.btn-danger,
.plat-red {
  background-color: #fe5558;
  border-color: #fe5558;
}
.btn-danger:focus,
.plat-red:focus {
  background-color: #fe5558;
  border-color: #fe5558;
}
.btn-danger::before,
.plat-red::before,
.btn-danger:link,
.plat-red:link,
.btn-danger:hover,
.plat-red:hover {
  background-color: #fe888a;
  border-color: #fe888a;
}
.btn-danger:active::before,
.plat-red:active::before,
.btn-danger.active::before,
.plat-red.active::before {
  background-color: #fe6e71;
  border-color: #fe6e71;
}
.btn-digiusyellow {
  background: #fbb514;
  border-color: #dfa112;
  color: #fff;
}
.btn-digiusyellow:focus {
  background: #fbb514;
  border-color: #dfa112;
  color: #fff;
}
.btn-digiusyellow::before,
.btn-digiusyellow:link,
.btn-digiusyellow:hover {
  background-color: #fcc546;
  border-color: #efb735;
  color: #fff;
}
.btn-digiusyellow:active::before,
.btn-digiusyellow.active::before {
  background-color: #fbbd2d;
  border-color: #edae1e;
  color: #fff;
}
.btn-icon .fa {
  line-height: 38px;
}
.btn-icon.btn-sm .fa {
  line-height: 30px;
}
.btn-icon.btn-lg .fa {
  line-height: 50px;
}
.btn-icon-only {
  width: 34px;
  padding-right: 0px;
  padding-left: 34px;
}
.btn-icon-only.btn-sm {
  width: 30px;
  padding-right: 0px;
  padding-left: 30px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.2;
}
.progress.with-text {
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}
.progress.with-text .progress-bar {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
}
.plat-header {
  background-color: #00a0db;
  /*background-image: url('../images/checkerpattern.png');*/
  margin: -40px -20px 0px;
  padding: 3.5em 8px .5em 8px;
}
.plat-header h1 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.form-horizontal .btn {
  line-height: 18px;
}
thead {
  background: #EEEDEF;
}
.table .btn-icon-icon.btn-sm {
  margin-bottom: 5px;
}
.table > thead > tr > th {
  border-bottom: none;
}
.table > tbody > tr > th {
  padding-top: 6px;
  padding-bottom: 6px;
}
.plat-tableschedule {
  font-size: 12px;
}
.plat-tableschedule > thead > tr > th {
  padding-left: 10px;
  padding-right: 10px;
}
.plat-tableschedule > thead > tr > th .fa-pull-right {
  margin-top: 3px;
}
.plat-tableschedule > tbody > tr > td:nth-child(1),
.plat-tableschedule > tbody > tr > td:nth-child(3),
.plat-tableschedule > tbody > tr > td:nth-child(4),
.plat-tableschedule > tbody > tr > td:nth-child(6),
.plat-tableschedule > tbody > tr > td:nth-child(8) {
  text-align: center;
}
.plat-tableschedule > tbody > tr > td:nth-child(6) {
  padding-top: 25px;
}
.plat-tableschedule > tbody > tr > td:nth-child(9) {
  padding-top: 20px;
}
.plat-tablecandidate {
  font-size: 11px;
}
.plat-tablecandidate .avatar {
  max-width: 60px;
  max-height: 60px;
}
.plat-tablecandidate > thead > tr > th {
  padding-left: 10px;
  padding-right: 10px;
}
.plat-tablecandidate > thead > tr > th .fa-pull-right {
  margin-top: 3px;
}
.plat-tablecandidate > tbody > tr > td:nth-child(1),
.plat-tablecandidate > tbody > tr > td:nth-child(4),
.plat-tablecandidate > tbody > tr > td:nth-child(9),
.plat-tablecandidate > tbody > tr > td:nth-child(10) {
  text-align: center;
}
.plat-tablecandidate > tbody > tr > td:nth-child(3),
.plat-tablecandidate > tbody > tr > td:nth-child(6),
.plat-tablecandidate > tbody > tr > td:nth-child(7) {
  max-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plat-tablecandidate > tbody > tr > td:nth-child(9),
.plat-tablecandidate > tbody > tr > td:nth-child(10) {
  padding-top: 24px;
}
.plat-tableListCandidate {
  font-size: 10px;
}
.plat-tableListCandidate .avatar {
  max-width: 60px;
  max-height: 60px;
}
.plat-tableListCandidate > thead > tr > th {
  padding-left: 5px;
  padding-right: 5px;
}
.plat-tableListCandidate > thead > tr > th .fa-pull-right {
  margin-top: 3px;
}
.plat-tableListCandidate > tbody > tr > td:nth-child(1),
.plat-tableListCandidate > tbody > tr > td:nth-child(4),
.plat-tableListCandidate > tbody > tr > td:nth-child(11),
.plat-tableListCandidate > tbody > tr > td:nth-child(12) {
  text-align: center;
}
.plat-tableListCandidate > tbody > tr > td:nth-child(3),
.plat-tableListCandidate > tbody > tr > td:nth-child(6) {
  max-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plat-tableListCandidate > tbody > tr > td:nth-child(11),
.plat-tableListCandidate > tbody > tr > td:nth-child(12) {
  padding-top: 24px;
}
.plat-tablecandidatelist {
  font-size: 12px;
}
.plat-tablecandidatelist > tbody > tr > td:nth-child(1),
.plat-tablecandidatelist > tbody > tr > td:nth-child(3),
.plat-tablecandidatelist > tbody > tr > td:nth-child(4),
.plat-tablecandidatelist > tbody > tr > td:nth-child(6),
.plat-tablecandidatelist > tbody > tr > td:nth-child(7) {
  text-align: center;
}
.plat-tablecandidatelist > tbody > tr > td:nth-child(5),
.plat-tablecandidatelist > tbody > tr > td:nth-child(2) {
  max-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plat-tableAllTest {
  font-size: 12px;
}
.plat-tableAllTest > thead > tr > th .fa-pull-right {
  margin-top: 3px;
}
.plat-tableAllTest > tbody > tr > td:nth-child(1),
.plat-tableAllTest > tbody > tr > td:nth-child(4),
.plat-tableAllTest > tbody > tr > td:nth-child(6) {
  text-align: center;
}
.plat-tableAllTest > tbody > tr > td:nth-child(6) {
  padding-top: 24px;
}
.plat-tableAllTest > tbody > tr > td:nth-child(7) {
  padding-top: 17px;
}
.plat-tableMonitoring {
  font-size: 11px;
}
.plat-tableMonitoring > thead > tr > th {
  vertical-align: middle;
  position: relative;
}
.plat-tableMonitoring > thead > tr > th > a {
  display: initial;
  position: absolute;
  right: 10px;
  top: 33%;
}
.plat-tableMonitoring > tbody > tr > td:nth-child(1),
.plat-tableMonitoring > tbody > tr > td:nth-child(9) {
  text-align: center;
}
.plat-tableMonitoring > thead > tr > th .fa-pull-right {
  margin-top: 3px;
}
.plat-tableMonitoring > tbody > tr > td:nth-child(9) {
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 18px;
}
.plat-tableMonitoring > tbody > tr > td:nth-child(8) {
  padding-top: 24px;
  text-align: center;
}
.plat-tableMonitoring > tbody > tr > td:nth-child(10) {
  padding-top: 17px;
}
.plat-tableCandidateReport {
  font-size: 11px;
}
.plat-tableCandidateReport > thead > tr > th {
  vertical-align: middle;
  position: relative;
}
.plat-tableCandidateReport > thead > tr > th > a {
  display: initial;
  position: absolute;
  right: 10px;
  top: 33%;
}
.plat-tableCandidateReport > tbody > tr > td:nth-child(1),
.plat-tableCandidateReport > tbody > tr > td:nth-child(9),
.plat-tableCandidateReport > tbody > tr > td:nth-child(10) {
  text-align: center;
}
.plat-tableCandidateReport > thead > tr > th .fa-pull-right {
  margin-top: 3px;
}
.plat-tableCandidateReport > tbody > tr > td:nth-child(9) {
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 18px;
}
.plat-tableCandidateReport > tbody > tr > td:nth-child(9) {
  padding-top: 24px;
}
.plat-tableCandidateReport > tbody > tr > td:nth-child(10) {
  padding-top: 17px;
}
.plat-tableUsageHistory > tbody > tr > td:nth-child(1),
.plat-tableUsageHistory > tbody > tr > td:nth-child(3),
.plat-tableUsageHistory > tbody > tr > td:nth-child(4),
.plat-tableUsageHistory > tbody > tr > td:nth-child(5),
.plat-tableUsageHistory > tbody > tr > td:nth-child(6) {
  text-align: center;
}
.plat-tableUsageHistory > tbody > tr > td:nth-child(7) > a {
  color: #496cd0 !important;
}
.plat-searchrow {
  border-top: 2px solid #229068;
  border-bottom: 2px solid #229068;
}
.plat-searchrow > th {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.plat-searchrow input {
  border-color: #c5c5c5;
}
.plat-testIcon {
  width: 150px;
}
.candidate-report-view .headerRow {
  height: 140px;
}
.candidate-report-view .headerRow > div {
  top: 50%;
  transform: translatey(-50%);
}
.candidate-report-view .logos {
  max-width: 100%;
  max-height: 140px;
}
.candidate-report-view .reportRow .panel-title > a:after {
  font-family: "Glyphicons Halflings";
  content: "\e114";
  float: left;
  margin-right: 15px;
  margin-top: 1px;
}
.logreg.app {
  background-image: url('../images/digius_thanks.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.logreg .logo {
  width: 50%;
}
.logreg .midbox {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 50px;
}
.logreg .top-container {
  content: "";
  background: url('../images/loginform_top.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 170px;
}
.logreg .bottom-container {
  content: "";
  background: url('../images/city.png');
  display: block;
  width: 70%;
   height: 200px;
   background-color: white;
 background-repeat: no-repeat;
 background-position: center top;
}
.logreg .form-container {
  background: url('../images/loginform.png');
  background-repeat: repeat-y;
  background-size: contain;
  margin-top: -1px;
  margin-bottom: -1px;
}
.logreg .form-signin {
  padding-bottom: 1px;
}
.logreg .form-signin .form-inputs input[type="text"],
.logreg .form-signin .form-inputs input[type="password"],
.logreg .form-signin .form-inputs .input-group-addon {
  background: #dbdbdb;
  border: none;
}
.logreg .form-signin .form-inputs input[type="text"],
.logreg .form-signin .form-inputs input[type="password"] {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.logreg .form-signin .form-inputs .input-group-addon {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.logreg .btn {
  background: #fbb514;
  border-color: #dfa112;
  box-shadow: inset 0px -24px 0px -2px #dfa112;
}
.logreg .btn::before,
.logreg .btn:link,
.logreg .btn:hover {
  background-color: #fcc546;
  border-color: #efb735;
  box-shadow: inset 0px -24px 0px -2px #efb735;
}
.logreg .btn:active::before,
.logreg .btn.active::before {
  background-color: #fbbd2d;
  border-color: #edae1e;
  box-shadow: inset 0px -24px 0px -2px #edae1e;
}
.logreg .loginbox {
  position: relative;
  top: 50vh;
  transform: translatey(-52%);
}
.logreg .helpBtn {
  top: 30px;
  right: 5%;
  position: absolute;
  border-radius: 100px;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 1px;
  padding-bottom: 2px;
}
@media (max-width: 480px) {
  .logreg .midbox {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    background-size: contain;
  }
  .logreg .top-container {
    height: 40vw;
  }
  .logreg .bottom-container {
    height: 13vw;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 25vh;
  }
}
.plat-modal-bin {
  text-align: center;
}
.plat-modal-bin .modal-content {
  overflow: hidden;
}
.plat-modal-bin .modal-header {
  border-bottom: none;
}
.plat-modal-bin .modal-footer {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}
.plat-modal-bin .modal-footer .col-xs-6 {
  padding: 0px;
}
.plat-modal-bin .modal-footer .col-xs-6 button {
  width: 100%;
  border-radius: 0px;
  border-width: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
}


/*button digius*/
.btn-biru,
.plat-biru {
  background-color: #00A0DB;
  border-color: #00A0DB;
}
.btn-biru:focus,
.plat-biru:focus {
  background-color: #00A0DB;
  border-color: #00A0DB;
}
.btn-biru::before,
.plat-biru::before,
.btn-biru:link,
.plat-biru:link,
.btn-biru:hover,
.plat-biru:hover {
  background-color: #0AC9F9;
  border-color: #0AC9F9;
}
.btn-biru:active::before,
.plat-biru:active::before,
.btn-biru.active::before,
.plat-biru.active::before {
  background-color: #05B9EA;
  border-color: #05B9EA;
}
/*---------------------------------*/

.btn-birutua,
.plat-birutua {
  background-color: #1570A0;
  border-color: #1570A0;
}
.btn-birutua:focus,
.plat-birutua:focus {
  background-color: #1570A0;
  border-color: #1570A0;
}
.btn-birutua::before,
.plat-birutua::before,
.btn-birutua:link,
.plat-birutua:link,
.btn-birutua:hover,
.plat-birutua:hover {
  background-color: #1F99BE;
  border-color: #1F99BE;
}
.btn-birutua:active::before,
.plat-birutua:active::before,
.btn-birutua.active::before,
.plat-birutua.active::before {
  background-color: #1A89AF;
  border-color: #1A89AF;
}
/*---------------------------------*/

.btn-kuning,
.plat-kuning {
  background-color: #FAB414;
  border-color: #FAB414;
}
.btn-kuning:focus,
.plat-kuning:focus {
  background-color: #FAB414;
  border-color: #FAB414;
}
.btn-kuning::before,
.plat-kuning::before,
.btn-kuning:link,
.plat-kuning:link,
.btn-kuning:hover,
.plat-kuning:hover {
  background-color: #FFDD32;
  border-color: #FFDD32;
}
.btn-kuning:active::before,
.plat-kuning:active::before,
.btn-kuning.active::before,
.plat-kuning.active::before {
  background-color: #FFCD23;
  border-color: #FFCD23;
}
/*---------------------------------*/

.btn-merah,
.plat-merah {
  background-color: #f73e19;
  border-color: #f73e19;
}
.btn-merah:focus,
.plat-merah:focus {
  background-color: #f73e19;
  border-color: #f73e19;
}
.btn-merah::before,
.plat-merah::before,
.btn-merah:link,
.plat-merah:link,
.btn-merah:hover,
.plat-merah:hover {
  background-color: #FF6737;
  border-color: #FF6737;
}
.btn-merah:active::before,
.plat-merah:active::before,
.btn-merah.active::before,
.plat-merah.active::before {
  background-color: #FC5728;
  border-color: #FC5728;
}
/*---------------------------------*/

.btn-hijau,
.plat-hijau {
  background-color: #0e9b6c;
  border-color: #0e9b6c;
}
.btn-hijau:focus,
.plat-hijau:focus {
  background-color: #0e9b6c;
  border-color: #0e9b6c;
}
.btn-hijau::before,
.plat-hijau::before,
.btn-hijau:link,
.plat-hijau:link,
.btn-hijau:hover,
.plat-hijau:hover {
  background-color: #18C48A;
  border-color: #18C48A;
}
.btn-hijau:active::before,
.plat-hijau:active::before,
.btn-hijau.active::before,
.plat-hijau.active::before {
  background-color: #13B47B;
  border-color: #13B47B;
}
/*---------------------------------*/

.login2-sec {
  padding: 30px 30px 10px 30px;
  position: relative;
  background: #fff;
  background-image:url(../images/city.png);
}


.ceklist {
  display:block;
  max-width: 72px;
  margin: 0 auto;
  width: 90%;
  margin-top: 84px;
}