* { margin: 0; padding: 0; box-sizing: border-box; }

:focus { outline: none !important; }

html, body { margin:0; padding:0; font-size: 12px; height:100%; color: #6b6b6b; font-family: 'Open Sans', sans-serif; -ms-overflow-style: -ms-autohiding-scrollbar; }

h3 { font-size: 22px;  }
h4 { font-size: 18px; }
h5 { font-size: 14px; line-height:1.4; }
h6 { font-size: 12px; line-height:1.6; }
h7 { font-size: 10px; }

.flarge { font-size: 38px; }
.fmedium { font-size: 32px; }

p { font-size: 12px; word-break: break-all }
p.count { font-size: 18px; font-weight: bold; }

a { color: #d86229; outline: none; }
a:hover, a:focus,
.btn-link:hover, .btn:focus,
.btn:hover { text-decoration: none; color: #d86229; }

@font-face { font-family: trajan-pro-3; src: url('../fonts/TrajanPro-Regular.otf'); }
@font-face { font-family: gill-sans; src: url('../fonts/GillSansStd-LightItalic.otf'); }

.trajan { font-family: trajan-pro-3; }
.gill { font-family: gill-sans; }

.italic { font-style: italic; }

.light { font-weight: 100; }

.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.no-border { border: 0 !important; }

.bgoldgrey { background: #231F20 !important; }
.bggrey { background: #eeedee !important; }
.bglightgrey { background: #666666 !important; }
.bghardgrey { background: #333 !important; }
.bgsoftgrey { background: #afafaf !important; }
.bgoldorange { background: #db4e28; }
.bgwhite { background: #fff !important; }

.fgreen { color: #00a89b; }
.flightgrey { color: #888; }
.fsoftgrey { color: #cccbcb !important; }
.fwhite { color: #fff !important; }
.fgrey { color: #6b6b6b; }
.foldgrey { color: #666766 !important; }
.forange { color: #d86229 !important; }
.forange-warning { color: #e9ac21 !important; }
.fred { color: #ed1f24 !important; }

.absolute { position: absolute; }

.label-danger { background-color: #ed1f24; border-color: #ed1f24; color: #fff; }
.label-warning { background-color: #e9ac21; border-color: #e9ac21; color: #fff; }
.label-info { background-color: #0399a5; border-color: #0399a5; color: #fff; }
.label-success { background-color: #00a89b; border-color: #00a89b; }
.label-primary { background-color: #0158a4; border-color: #0158a4; }
.label-default { background-color: #6b6b6b; border-color: #6b6b6b; }

.label-success[href]:focus, .label-success[href]:hover { background-color: #00a89b; }
.label-danger[href]:focus, .label-danger[href]:hover { background-color: #ed1f24; }

.text-danger { color: #ed1f24; }
.text-warning { color: #e9ac21; }
.text-success { color: #00a89b; }

.field-icon { margin-left: -25px; margin-top: -25px; position: absolute; right: 24px; z-index: 2; color: #6b6b6b !important; font-size: 18px !important; bottom: 21px; display: none; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; }
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.g-recaptcha {
  text-align: center;
  display: inline-table;
  margin: 10px 0 20px 0;
}

/* .g-recaptcha iframe {
  transform: scale(0.7);
} */

/*.label-danger[href]:focus, .label-danger[href]:hover { background-color: #d9534f; }*/
.label { font-size: 10px; padding: 5px 10px; text-transform: uppercase; }
.checkbox_label { margin: 1px 0 0 0; }
legend { color: #6b6b6b; font-size: 16px; padding-bottom: 10px; }

.dropdown.mobile { display: none; }
.floatright { float: right; }

.error { margin-bottom: 10px; color: #a94442; font-weight: 400; }
input.error, textarea.error{ border: 1px solid #a94442; }

.regular { font-weight: 400; }
.semibold { font-weight: 600; }
.download li { list-style: none; }
.download li:before { font-family: 'FontAwesome'; content: '\f019'; margin:0 5px 0 -15px; color: #d86229; }

.none {
  display: none;
}

.desktop-view {
  display: block;
}

.mobile-view {
  display: none;
}

.decimal { list-style: decimal; float: left; width: 100%; }

.images-check {
  width: 100%;
  padding: 15px 12px;
  display: table;
  text-align: center;
}
.images-wrapper {
  display: inline-table;
  width: 100%;
  max-width: 230px;
  text-align: center;
}
.images-wrapper .nopadding.m-t6 {
  float:left;
}
.images-wrapper h4 {
  display: inline-table;
  width: 100%;
  font-size: 16px;
}
.image-checkbox {
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid #eeedee;
	margin-bottom: 0;
	outline: 0;
  width: 100%;
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  text-align: center;
  position: relative;
}
.image-checkbox input[type="checkbox"] {
	display: none;
}

.success.image-checkbox-checked {
	border-color: #00a89b;
}

.success.image-checkbox .fa {
  background-color: #00a89b;
}

.image-checkbox-checked {
	border-color: #d86229;
}

.image-checkbox .fa {
  position: absolute;
  color: #fff;
  background-color: #d86229;
  padding: 10px;
  top: 0;
  margin-top: 0;
}
.image-checkbox-checked .fa {
  display: block !important;
}

.popup{
    width: 900px;
    margin: auto;
    text-align: center
}
.popup img{
    width: 200px;
    height: 200px;
    cursor: pointer
}
.shows {
    z-index: 999;
    display: none;
}
.shows .overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.66);
    position: absolute;
    top: 0;
    left: 0;
}
.shows .img-show{
    width: 60%;
    height: auto;
    background: #FFF;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden
}
.img-show span{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
}
.img-show img{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.donutchart {
  position: relative;
  margin: 0 auto;
}

.labeloverlay {
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    text-align: center;
    cursor: default;
}

.labeloverlay p {
  padding:0;
  margin: 8px;
  line-height: 0.8;
}

.labeloverlay p.used-size {
  font-size: 20pt;
  color: #8e8e8e;
}

.labeloverlay p.total-size {
  font-size: 12pt;
  color: #cdcdcd;
}

.tab-pane .images-check { text-align: left; }

.equal {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}

progress,
progress[role] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-size: auto;
  height: 5px;
  width: 100%;
}

::-webkit-progress-bar {
  background-color: #eeedee;
}

.progress ::-webkit-progress-value {
  -webkit-animation: bar-fill 2s;
  animation: bar-fill 2s;
  width: 0px;
}

.progress-orange::-webkit-progress-value {
  background: #d86229;
}

.progress-orange::-moz-progress-bar {
  background: #d86229;
}

.progress-green::-webkit-progress-value {
  background: #4ecdc4;
}

.progress-green::-moz-progress-bar {
  background: #4ecdc4;
}

.progress-red::-webkit-progress-value {
  background: #ff6b6b;
}

.progress-red::-moz-progress-bar {
  background: #ff6b6b;
}

.progress-blue::-webkit-progress-value {
  background: #4dadf7;
}

.progress-blue::-moz-progress-bar {
  background: #4dadf7;
}


@-webkit-keyframes bar-fill {
  0% {
    width: 0;
  }
}
@keyframes bar-fill {
  0% {
    width: 0;
  }
}

#message_modal { display: table; width: 100%; font-weight: bold; }

.private-message .inner-content { float: left; width: 100%; cursor: pointer; }
.private-message .inner-content:hover { background: #eee; }
.private-message .left { float: left; width: 80%; }
.private-message .right { float: left; width: 20%; text-align: right;}
.private-message span { background: #d86229; background: #d86229; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 4px 9px; color: #fff; }

.people-list {
  width: 100%;
  float: left;
  overflow-y: scroll;
  height: 618px;
}
.people-list .search {
  position: relative;
}
.people-list input {
  border: 1px solid #f16823;
  padding: 6px;
  border-radius: 4px;
  color: #f16823;
  width: 100%;
  margin: 20px 0;
}
.people-list .fa-search {
  position: relative;
  left: -25px;
}
.people-list ul {
  padding: 0 !important;
}
.people-list ul li {
  list-style: none;
  float: left;
  width: 100%;
  padding: 6px;
}
.people-list img {
  float: left;
}
.people-list .about {
  float: left;
  margin-top: 8px;
}
.people-list .about {
  padding-left: 8px;
}
.people-list .status {
  color: #92959E;
}

.chat {
  width: 100%;
  float: left;
  background: #eee;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #434651;
}
.chat .chat-header {
  padding: 10px;
  border-bottom: 2px solid white;
}
.chat .chat-header img {
  float: left;
}
.chat .chat-header .chat-about {
  float: left;
  padding-left: 10px;
  margin-top: 6px;
}
.chat .chat-header .chat-with {
  font-weight: bold;
  font-size: 16px;
}
.chat .chat-header .chat-num-messages {
  color: #92959E;
}
.chat .chat-header .fa-star {
  float: right;
  color: #D8DADF;
  font-size: 20px;
  margin-top: 12px;
}


.chat .chat-history {
  padding: 20px;
  border-bottom: 2px solid white;
  overflow-y: scroll;
  height: 375px;
}
.chat .chat-history ul li, .list ul li {
  list-style: none;
  padding: 0;
}
.chat .chat-history .message-data {
  margin-bottom: 15px;
}
.chat .chat-history .message-data-time {
  color: #a8aab1;
  padding-left: 6px;
}
.chat .chat-history .message {
  color: #3e4043;
  padding: 18px 20px;
  border-radius: 7px;
  margin-bottom: 30px;
  width: 90%;
  position: relative;
}
.chat .chat-history .message:after {
  bottom: 100%;
  left: 7%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.chat .chat-history .my-message {
  background: #ffffff;
}
.chat .chat-history .other-message {
  background: #d86229;
  color:#ffffff;
}
.chat .chat-history .other-message:after {
  border-bottom-color: #d86229;
  left: 93%;
}
.chat .chat-history ul {
  padding: 0;
}
.chat .chat-message {
  padding: 20px 10px 0 10px;
}
.chat .chat-message textarea {
  width: 100%;
  border: none;
  padding: 10px 20px;
  font: 14px/22px "Lato", Arial, sans-serif;
  margin-bottom: 10px;
  border-radius: 5px;
  resize: none;
}
.chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
  font-size: 16px;
  color: gray;
  cursor: pointer;
}

.online, .offline, .me {
  margin-right: 3px;
  font-size: 10px;
}

.online {
  color: #ffffff;
}

.offline {
  color: #E38968;
}

.me {
  color: #d86229;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.float-right {
  float: right;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/*input[type="checkbox"], input[type="radio"] { margin-top: 0;}*/

.card { position: relative; display: block; margin-bottom: 25px; background-color: #ffffff;border-radius:4px; border:1px solid #ffffff; }
.card-tabs { background-color: #fff; margin-bottom: 25px; border-radius: 0 4px 4px 4px; padding: 15px; border: 1px solid #ddd; }
.card-block { padding:1.25rem; }
.card-block ul { padding-left:15px; }
.card-title{ margin-bottom: .75rem; margin-top:5px; }
.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title, .card-inverse h4, .card-inverse h6{ color: #ffffff; }
.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text{ color:rgba(255,255,255,.65); }
.card-subtitle{ margin-top:-.375rem;margin-bottom: 0;}
.card-primary{ background-color: #0275d8;border-color: #0275d8; }
.card-success{ background-color: #5cb85c;border-color: #5cb85c; }
.card-warning{ background-color: #f0ad4e;border-color: #f0ad4e; }
.card-danger{ background-color: #d9534f;border-color: #d9534f; }
.card-white{ background-color: #ffffff;border-color: #ffffff; min-height: 375px; float: left; width: 100%; }

/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 1px solid #fff; }
.nav-tabs > li > a { background: #d86229; color: #fff; }
.nav-tabs > li > a:hover { color: #555; }*/

/*#exTab3 .nav-tabs { border: none; padding-left: 0;}
#exTab3 .nav-tabs > li > a { background: #dedede; color: #999; border-color: transparent; text-transform: none; }
#exTab3 .nav-tabs > li > a:hover { background: #fff; color: #6b6b6b; }
#exTab3 .nav-tabs > li.active > a { border-top: 1px solid #ddd; border-left:1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff; color: #6b6b6b; }*/

.nav-tabs { border: none; padding-left: 0;}
.nav-tabs > li > a { background: #dedede; color: #999; text-transform: none; border-bottom: none; }
.nav-tabs > li > a:hover { background: #fff; color: #6b6b6b; border-top: 1px solid #ddd; border-left:1px solid #ddd; border-right: 1px solid #ddd; border-bottom: none; }
.nav-tabs > li.active > a { border-top: 1px solid #ddd; border-left:1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff; color: #6b6b6b; }

.scrtabs-tabs-fixed-container { height: 50px !important;}
.container .scrtabs-tab-container { height: 39px; position: relative; }
.container .scrtabs-tab-scroll-arrow { color: #d86229; height: 50px; border: none; position: absolute; }
.scrtabs-tab-scroll-arrow-left { left: 0;}
.scrtabs-tab-scroll-arrow-right { right: 0; }

.custom-card::-webkit-scrollbar { width:0; }
.custom-card::-webkit-scrollbar-thumb { -webkit-border-radius: 0; border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none; }
.custom-card::-webkit-scrollbar-thumb:window-inactive { background:none; }
/*.card-block tfoot select { padding: 5px; border: none; border-radius:4px; }*/

.input-group.date, .ib .input-group, .form-group .timepicker1, .input-group.timepicker, .input-group.place, .input-group.group  { width: 100%; max-width: 300px; }
.bootstrap-timepicker-widget table td input { width: 50px !important; padding: 5px 0; border: 1px solid #ccc; background: #eeedee; }
.bootstrap-timepicker-widget.dropdown-menu { background: #fff; }

.group .timepicker { max-width: 250px; }
.group .input-group-addon { padding: 0; }
.input-group-addon {
    margin: 0;
    padding: 0;
    min-width: 8rem;
    border: none;
}
.input-group-addon .form-control {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.checkbox .toggle.btn { min-height: 26px; }
.checkbox .btn { line-height: 1; padding-left: 5px; font-weight: 700;}
.toggle-off.btn { color: #6b6b6b; }
.toggle.btn.btn-primary, .toggle.btn.btn-default { margin: 2px 0;}

.modal{z-index:999}
.modal-backdrop{z-index:998}
.modal-content { padding: 15px;}
.modal-header, .modal-footer { padding: 15px 0; margin: 0 15px; position: relative; }
.modal-footer .btn.btn-primary { margin: 0; }
.modal-content .close { position: absolute; right: 0; top: 3px; font-size: 46px; color: #d86229; opacity: 1; }
.modal-content .close:hover { color: #e77d68; opacity: 1; }
.modal-footer-col { border-top: 1px solid #e5e5e5; text-align: right; width: 95%; margin: 15px; float: left;}
.modal-footer .btn + .btn { margin: 2px 0;}

.jadwal-kelas-sesi-modal .modal-dialog { width: 100%; max-width: 800px;}

.form-footer { border-top: 1px solid #e5e5e5; margin: 0 15px; padding: 15px 0; text-align: right; width: 100%; display: table; }
.input-group .select2-container--default .select2-selection--multiple { min-height: unset !important; border: 1px solid #ccc; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #d86229 1px !important;  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483; }

.close { color: #d86229; opacity: 1; }
.close:hover { color: #e77d68; opacity: 1; }
a.close { text-decoration: none !important; }
.close.inner { position: absolute; right: 10px; top: 10px; z-index: 2; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 4px !important;}

span.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  right: 10px;
  font-size:17px;
  color: #636262;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 48% !important;
}

#container-wrapper .md-dropdown, .md-select { width: 95%; margin: 0; }
#external_filter_container_wrapper input.detail { width: 55%; margin: 0; border-radius: 4px; border: 1px solid #ccc; padding: 4px 10px;}

#external_filter_container_wrapper span.select2-container { margin: 10px 0; }
#external_filter_container_wrapper .select2-bootstrap-operator.nopadding.nomargin .select2 { margin: 0; }
#external_filter_container_wrapper .select2-container .select2-selection--single { height: 25px; }
#external_filter_container_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 25px; }
#external_filter_container_wrapper .btn-filter { margin: 10px 15px;}


.yadcf-filter-wrapper .select2-container { margin: 10px 0; }
.yadcf-filter-wrapper .select2-container .select2-selection--single { height: 26px; }
.yadcf-filter-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { color: #6b6b6b; line-height: 24px; padding-left: 5px;}
.yadcf-filter-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 9px 6px 0 6px; margin-left: -12px; margin-top: -5px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background: #d86229; color: #fff; }
.tabs-content, .p-tb10 { padding: 10px 0;}

.detail .select2-bootstrap-operator.select2-btn {
  margin: 0;
}

#progress-status{padding-top:20px;}
.progress{height:2rem}
.progress[value]{ background-color:#fff; color:#fff; border-color:#fff; }
.progress-bar{ box-shadow:none; }

.orange { color: #d86229; }

.chosen_dosen.active,
.chosen_dosen:hover{ background-color:#eee; }

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.bold { font-weight: bold; }

.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright {text-align: right; }

.underline { text-decoration: underline; }

.content-data { width: 100%; padding: 10% 20px; margin: 0 auto; text-align: center; }
.content-data h1 { font-size: 48px; margin: 10px 0 20px; }
.content-data span { width: 100%; float: left; }
.ads { background: #f15b26; height: 260px; width: 100%; }
.file-preview-input,
.image-preview-input {
    position: relative;
  	overflow: hidden;
  	margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.file-preview-input input[type=file],
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.file-preview-input-title,
.image-preview-input-title {
    margin-left:2px;
}

.field-file input[type=file] {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.unstyled li { display: inline-table; width: 100%; }

#wrapper { position:relative; display: inline-table; width: 100%; height: 100%; }

#notif { background-color: #d86229; padding: 15px 0; text-align: center; }
#notif p {color: #fff;margin: 0;font-weight: 700;font-size: 12px;}
#notif a { color: #fff; text-decoration: underline; }

#notif ul { text-align: right; margin: 0 28px; }
#notif ul li { display: inline-table; }
#notif ul li a.btn { border-radius: 25px; margin: 0 4px; color: #d86229; background: #fff; text-decoration: none;}
#notif ul li h5 { margin-left: 10px; }


#header .navbar-collapse { padding: 0; }
.logo { width: 100%; max-width: 70px; display: inline-table; margin-top: 20px;}
.logo img { width: 100%; float: left; }

.badge { background-color:#db4e28; padding: 4px 7px;}
.badge-notify { position: absolute; z-index: 1; }

.notify-orange { width: 10px; height: 10px; background: #f15b28; position: absolute; border-radius: 15px; left: 12px; top: 20px; z-index: 1; }
.notify .fa { font-size: 24px;}
.notify { float: left; top: 8px; position: relative; left: -12px; }

.notify li { display: block; }
.notify .notif-icon { padding: 20px 0; margin:0 10px; position:relative;}
.notify .notif-icon .dropdown-menu { width: 100%; max-width: 310px; min-width: 310px; background: #db4e28; border-color: #db4e28; }
.notify .notif-icon .dropdown-menu li { width: 100%; float: left; background: #fff; border-top: 1px solid #DB4E28; border-bottom: 4pxs solid #DB4E28; font-size: 10px; }
.notify li .username { padding: 10px 15px; font-size: 10px; color: #fff; border-bottom: 1px solid #ed886d; font-weight: 600; text-transform: uppercase; }

.notify .col-1, .notify .col-2 { float: left; width: 100%; padding: 10px 12px; }
.notify .col-1 { max-width: 220px; }
.notify .col-2 { max-width: 84px; text-align: right; }
.notif-header, .notif-footer { padding: 10px 15px; background: #db4e28; color: #fff; text-align: center; display: inline-table; width: 100%; }
.notify.navbar-right .dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.notif-footer a:hover h7 { opacity: 0.8; color: #fff; }

/* .navbar-right .notif-icon.pesan.open::after {
  right: 121px;
} */

.navbar-right .notif-icon.open::after {
    content: "";
    display: block;
    border: 8px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #db4e28;
    position: absolute;
    top: 51px;
    right: 4px;
    margin-left: -8px;
}

.navbar-right .avatar.open::after {
    content: "";
    display: block;
    border: 8px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #db4e28;
    position: absolute;
    top: 51px;
    right: 14px;
    margin-left: -8px;
}
.inner-content .accordion-wrapper .accordion a.title:after {
  top: 25px;
}
.accordion-wrapper .accordion a.title.active:after {
  border-right: 8px solid #d86229;
  border-bottom: 8px solid #d86229;
}

.accordion-wrapper .accordion a.title.active {
  color: #d86229 !important;
}

.accordion-wrapper .accordion a.title:hover {
  color: #d86229 !important;
}

.inner-content .accordion-wrapper .accordion ul {
  padding: 20px 0;
  margin: 0;
}

.inner-content .accordion-wrapper .accordion li:first-child {
  border-top: 0;
}

.inner-content .accordion-wrapper .accordion li {
  list-style: none;
  padding: 10px 0;
}

.accordion-wrapper .accordion {
  width: 100%;
  margin: 0 auto;
}
.accordion-wrapper .accordion li {
  position: relative;
  width: 100%;
  float: left;
  border-top: 1px solid #d9e5e8;
}
.accordion-wrapper .accordion li .inner-accordion {
  display: none;
  padding:15px 0;
}
.accordion-wrapper .accordion a.title {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  user-select: none;
}
.accordion-wrapper .accordion a.title:after {
  width: 26px;
  height: 26px;
  border-right: 8px solid #666666;
  border-bottom: 8px solid #666666;
  position: absolute;
  right: 30px;
  content: " ";
  top: 35px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion-wrapper a.title.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion-wrapper .accordion h5 {
  margin: 0;
}

.accordion-wrapper .accordion h4 {
  margin: 0 0 4px;
}

.accordion-wrapper .accordion li ul {
  padding:0 14px !important;
  margin-bottom: 20px !important;
  float: left;
}


/* HEADER & NAVIGATION */
.navbar-siak { background-color: #fff; border-color: #e7e7e7; }
.navbar-logo { float: left; height: auto; padding: 15px 0px; margin-right: 15px; }
.navbar-logo img { width: 80px; height: auto; }
.navbar-logo.pmb-logo img { width: 92px; height: auto; }

  /* NAVBAR_RIGHT */
  .navbar-right .avatar { height: 45px; width: 45px; float: left; }
  .navbar-right span.avatar { border: 2px solid #eee; border-radius: 50%; }
  .navbar-right span.avatar:hover { border: 2px solid #d86229; }
  .navbar-right .avatar img { width: 45px; height: auto; border-radius: 50px; margin:0 10px;}
  .navbar-right .notify img { width: 25px; height: 25px; border-radius: 50px; margin:10px; }
  .navbar-right > li > a { padding: 4px 0; color:#6b6b6b; }
  .navbar-right > li:last-child > a { padding: 4px 0; }
  .navbar-right > li > a:hover img, .navbar-right > li > a:focus img { border:2px solid #d86229; }
  .navbar-right > li > a:hover .notify img { padding: 2px; }
  .navbar-right .dropdown-menu { right: -40px; }
  .navbar-siak .icon-bar { background-color: #d86229; }
  .navbar-siak .navbar-toggle:hover, .navbar-siak .navbar-toggle:focus { background-color: #d86229; }
  .navbar-siak .navbar-toggle:hover .icon-bar, .navbar-siak .navbar-toggle:focus .icon-bar { background-color: #fff; }
  .navbar-siak .navbar-toggle { border-color: #d86229; margin-top:22px; }

  .navbar-toggle .icon-bar:nth-of-type(3) { top: 1px; }
  .navbar-toggle .icon-bar:nth-of-type(4) { top: 2px; }
  .navbar-toggle .icon-bar { position: relative; transition: all 400ms ease-in-out; }
  .navbar-toggle.active .icon-bar:nth-of-type(2) { top: 6px; transform: rotate(45deg); }
  .navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent; }
  .navbar-toggle.active .icon-bar:nth-of-type(4) { top: -6px; transform: rotate(-45deg); }

.navbar-nav > li { padding:10px 0; }
.nav a { font-weight: 700; font-size: 12px; text-transform: uppercase;}
.nav > li > a:focus, .nav > li > a:hover { background-color: #fff; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #fff; border-color: #fff; }

.nav.navbar-nav > li > .dropdown-menu { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.nav-list a { color: #6b6b6b; }

.dropdown-menu { background:#d86229; padding: 0; }
.dropdown-menu > li > a { padding: 10px 15px; font-size:11px; color: #fff; border-bottom:1px solid #ed886d; font-weight: 600; }
.dropdown-menu > li:last-child > a { border-bottom:0px; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; background-color: #db4e28; }

  /* ZERO WAS HERE*/
  .dropdown-submenu { position: relative; }
  .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .dropdown-submenu:hover>.dropdown-menu { display: block; }
  /*.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fff; margin-top: 5px; margin-right: -10px; }*/
  .dropdown-submenu:hover>a:after { border-left-color: #fff; }
  .dropdown-submenu.pull-left { float: none; }
  .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }



#header { position: relative; z-index: 33; }
#header-content{ margin:80px auto 20px; }
#header-inner { width: 100%; margin: 30px 0 0; }
#header-inner p { width: 100%; max-width: 800px; line-height: 1.8; }
#header-inner span { text-transform: capitalize; }
#title{ font-size:22px; font-weight:700; }
#breadcrumb ul {margin-bottom: 15px;}
#breadcrumb ul li { display: inline-table; font-weight:600}
#breadcrumb ul li a { color: #d86229;}
#breadcrumb ul li.last a{color:#6b6b6b; font-weight: 400;}

.action-content { padding: 8px 0; background: #dddddc; }
.action-content ul { display: inline-block; margin-bottom: 0;}
.action-content li { border-right: 2px solid #eeedee; display: inline-table;}
.action-content li:last-child { border-right: 0;}



.page-content { padding: 25px 0; background: #eeedee; }

.wrapper { position:relative; margin:0 auto; overflow:hidden; padding:5px; height:50px; }

.menu-scroller { position:absolute; left:0px; top:0px; min-width:3000px; margin-top:0px; }
ul.menu-scroller { margin-bottom: 0px;}
.menu-scroller li{ display:table-cell; position:relative; text-align:center; cursor:grab; cursor:-webkit-grab; color:#efefef;  vertical-align:middle; margin-left: 0; }

.scroller { text-align:center; cursor:pointer; display:none; padding:13px 6px; height: 50px; white-space:no-wrap; vertical-align:middle; background-color:#fff; }
.scroller-right { float:right; }
.scroller-left, .fleft { float:left; }
.scroller .glyphicon { top: 5px;}

.p-tb6.scroller-left { width: 100%; }

#berita tr td { vertical-align: top;}
#berita tr td p { width: 99%; float: right; }

#data-tagihan-mhs .fa.fa-check.fgreen { margin: 10px 0; }

#empty{margin:40px 0 60px;}
#empty .glyphicon{font-size:60px;color: #d0cfd0}
#empty h2{margin-top: -15px;color: #d0cfd0;margin-bottom: 35px;}

#resultPddiktiFeeder .modal-body ol{margin-left:30px;}

#status-data {padding:10px 0;}
#status-data .col{position: initial; min-height: 80px; }
#status-data .card{margin-bottom:0;position: initial;}

.status-message{margin-top: 10px;}

.upload { border-bottom: 1px solid #eeedee; float: left; width: 100%; }
.upload:last-child { border-bottom: none; }
.upload .icon { float: left; margin-right: 10px; position: relative; top: -3px;}
.icon span { margin-left: 5px;}
.file-upload { margin-bottom: 10px; }

.notes .fa { font-size: 16px; }

.slidedown_head { cursor: pointer; }
.slidedown_body { margin-bottom: 10px; padding-left: 30px; }
.slidedown_body span { float: left; margin-right: 10px;}

.modal-content { width: 100%; float: left;}

.alert-wrapper { width: 100%; margin: 20px 0; display: inline-table;}
.alert {margin: 0 auto 20px auto; display: inline-table; width: 100%; }
.alert p{margin-bottom: 0;}
.alert a{color:#fff;text-decoration:underline;font-weight:300;}
.alert-error {color:#fff;background-color:#ed2024; border-color:#ed2024; }
.alert-attention {color:#fff;background-color:#0099a4; border-color:#0099a4; }
.alert-success { color:#fff;background-color:#00a89c; border-color:#00a89c; }
.alert-warning { color: #fff; background-color: #e9ac21; border-color: #e9ac21; }
.alert-info { color: #fff; background-color: #0099a4; border-color: #0099a4; }
.alert ul{margin-left:10px;}

.btn { border-radius: 4px; padding:6px 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1.33333; margin: 1.4px; }
.table .btn { float: left; }
.btn span { margin-left: 5px;}
/*.fa { vertical-align: middle; }*/
.fa-comments-o.fa-2x { font-size: 2.5em; }
.fa.fa-file-text-o { vertical-align: unset;}
.btn-green.white { border: 1px solid #00a89b; color:#00a89b; background: #fff; padding:6px 20px; }
.btn-green { border: 1px solid #00a89b; color: #00a89b; background: none; }
.btn-green .fa { color:#00a89b; }
.btn-green:hover, .btn-green:hover > .fa { background:#00a89b; color: #fff;  }
.btn-green-active { background: #00a89b; }
.btn-green-active i { color:  #fff !important; }

.btn-warning:hover, .btn-warning:focus { color: #fff; border: 1px solid #eea236; }
.btn-secondary:hover { color:#6b6b6b; background: transparent; border: 1px solid #6b6b6b; }
.btn-flat { margin: 2px 4px;}

.fa-question-class { float: none; margin: 0 auto; display: grid; width: 30px; }


.popovering.btn-warning{background-color:transparent;}
.popovering.btn-warning .fa{color:#f0ad4e}

.btn-orange.white {border: 1px solid #f16823;color:#f16823;background: #fff; padding: 6px 20px;}
.btn-orange.white.active { background:#f16823; color: #fff; }
.btn-orange { border: 1px solid #f16823; color:#f16823; background: none; }
.btn-orange .fa { color:#f16823; }
.btn-orange:hover, .btn-orange:hover > .fa { background:#d86229; color: #fff; opacity: 1 !important; }
.btn-link.orange:hover { color: #db4e28; }

.btn.btn-filter { padding: 4px 20px; margin: 10px 0; }
.btn.btn-add { padding: 4px 20px; }

.btn-yellow { border: 1px solid #f0ad4e; background: #fff; color: #f0ad4e; }
.btn-red { border: 1px solid #d9534f; background: #fff; color: #d9534f; }
.btn-red .fa{color:#d9534f}
.btn-red:hover { background: #d9534f; color: #fff; }

.btn.active, .btn:active { box-shadow:none; }
.btn.btn-default.file-preview-input,
.btn.btn-default.file-preview-clear,
.btn.btn-default.image-preview-input,
.btn.btn-default.image-preview-clear { font-size: 12px; height: 34px;}

.label-orange { border: 1px solid #f16823; color:#f16823; background: none; border-radius: 4px; padding:6px 10px 6px 10px; font-size: 14px; margin: 2px 0; font-weight: 700; text-transform: uppercase; width: auto; display: inline-block; }
.label-green { border: 1px solid #00a89b; color:#00a89b; background: none; border-radius: 4px; padding:6px 10px 6px 10px; font-size: 14px; margin: 2px 0; font-weight: 700; text-transform: uppercase; width: auto; display: inline-block; }
.label-notif { background:#f16823; color: #fff; padding: 5px 10px; border-radius: 4px; font-weight: 100; width: 100%; }
.btn-tertiary { border: 1px solid #666; width: 100%; max-width: 250px; background: #fff; }

.custom-card { max-width: 1280px;margin: 20px auto;position:initial;background: none;border: none; /*font-size:14px;*/ overflow-x: scroll; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; padding: 0; }
.custom-card .card-block { padding-right: 0; padding-left: 0; }



span.text-muted.small { width: 100%; display: inline-table; }

#external_filter_container_wrapper { margin: 15px 0; width: 100%; display: inline-block; background: #dedede; padding: 12px 15px 17px; border-radius: 4px; }
#import-pddikti-feeder-upload-container select, #external_filter_container_wrapper select, select.md-dropdown  { line-height: 1.2; padding: 0 5px !important; margin: 10px 0; border: 1px solid #cccbcb; border-radius: 4px; width: 100%; height: 25px; }
#externaly_triggered_wrapper-controls { margin: 10px 0; }
#external_filter_container_wrapper h4 span { margin-left: 5px;}

.controls .toggle-password { top: unset; bottom: unset; }

.checkbox-filter { margin: 15px 0;}

.modal-backdrop { background-color: #000; }
.modal-content { box-shadow: none; border: 1px solid #eeedee; }

button.yadcf-filter-reset-button { border: none; border-radius: 4px; background: #dedede; color: #f16823; margin:0 10px; font-size: 12px; font-weight: 600; }

table { width: 100%;}
table.table { background: #fff; }
table.table thead { background: #dddddc; }
table.table td {border: 1px solid #eeedee;vertical-align: middle !important; padding: 6px !important;}
table.table th {border: 1px solid #eeedee;background: #dddddc;}
table.table a { color: #d86229; }
table.table a:hover { opacity: 0.8; }
table.table a.btn-green, .btn-green.in { color:#00a89b; font-size: 18px; padding: 2px 8px;  }
table.table a.btn-green:hover, .card-block a.btn-orange:hover { color: #fff; }
table.table a.btn-danger.white, table.table button.btn-danger.white, .btn-danger.white.in { font-size: 18px; color:#ed1f24; padding: 2px 10px;  }
table.table a.btn-danger.white:hover, table.table button.btn-danger.white:hover { color: #fff; }
table.table a.btn-orange, table.table button.btn-orange { font-size: 18px; padding: 2px 10px;  }
table.table button.btn-green { font-size: 18px; padding: 2px 8px;  }

table.table a.btn-orange.btn-xs, table.table button.btn-orange.btn-xs { font-size: 12px;  }

table.detail.tbgrey td { padding:6px; position: relative;  border-top: 0; border-left: 0; border-right: 0; }
table.detail.tbgrey tr { border-bottom: 1px solid #eeedee;  background: transparent;  }
table.detail.tbgrey tr:last-child { border-bottom: none; }
table.detail.detail-list td:nth-child(1) { width: 25%; }

.col-label, .col-content { padding: 6px; }

.col-label { width: 100%; max-width: 150px; float: left; }
.col-content { width: calc(100% - 150px); float: left; }

.border-bottom-w {
  position: relative;
}

.border-bottom-w:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #eeedee;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.icn-colon {
 position: relative;
}

.icn-colon:after {
  position: absolute;
  right: 0;
  top: 5px;
  content: ":";
}

#external_filter_container_wrapper.detail .col-md-12:last-child .border-bottom-w:after {
  background: none;
}

.dataTables_scroll table.dataTable { margin-bottom: 0; }
.dataTables_scroll { margin-bottom: 10px; }

button.actiontable { border: none; background: none; float: left; }
button.actiontable i, a.actiontable i { margin:0 5px; font-size: 15px;cursor: pointer; }

#sesi_kuliah .dynamicTable tr { margin-bottom: 0; }
#sesi_kuliah .panel-title p { display: inline-table; width: 80%; }
#sesi_kuliah .panel-title .status-sesi { float: right; position: relative; right: 20px; }

#data-ujian_wrapper a { cursor: pointer; }
#persyaratan-modal .modal-dialog, .modal-dialog.modal-large { max-width: 1024px; width:100%;}

#jadwal_sesi_form input.error { margin-top: 8px;}
/*#jadwal_sesi_form label.error { position: absolute; }*/

.modal-body .dynamicTable tr { display: inline-table; }
.dynamicTable tr { margin-bottom: 10px; display: inline-table; width: 100%;}
.dynamicTable tr.actiontable.remove, .dynamicTable tr .actiontable.addrow, .dynamicTable tr .actiontable.add-r ,  .dynamicTable tr .actiontable.addrow_tugas   { display: none; }
.dynamicTable tr:last-child .actiontable.addrow, .dynamicTable tr:last-child .actiontable.addrow_tugas { display: block; }

.dynamicTable .fa-download { margin-right: 10px; margin-bottom: 4px; float: left;}
.dynamicTable .pull-left .fa-download { margin:2px 10px; }
.dynamicTable .panel { width: 100%; float: left; }
.dynamicTable .btn-danger .fa { margin: 3px 0; }

.dynamicTable.input thead tr { margin-bottom: 6px; }
.dynamicTable.input thead th { font-weight: semibold; }

#container-wrapper .detail .md-dropdown { position: absolute; top: 2px; width: calc(100% - 12px); left: 6px;}
#container-wrapper .detail .dlarge .select2-selection { height: 26px; position: relative;}
#container-wrapper .detail .dlarge .select2-selection__rendered { line-height: 26px; color: #6b6b6b; }
#container-wrapper .detail .dlarge .select2-selection__arrow { height: 22px; }

#languages { padding:0; }
#languages option { padding: 10px; }
.admin-box .control-group #title { font-size: 14px; }
.admin-box .control-group { margin-bottom: 15px; float: left;; width: 100%; }

.help-inline { margin-top: 5px; float: left;; width: 100%; }

.input-group.select2-bootstrap-operator { width: 100%; }
.input-group.select2-bootstrap-operator .checkbox { margin-bottom: 0; }
.form-group .select2-container .select2-selection--single { height: 100%;}
.form-group.has-error .select2-container .select2-selection--single { border: 1px solid #a94442 !important; }
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%;}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px;}
.form-group i { margin-top: 5px; display: block;}

.from-footer { border-top: 1px solid #e5e5e5; padding: 0 15px; margin: 15px 0;text-align: right; }

.form-group-row { padding: 10px 0; float: left; width: 100%; border-bottom: 1px solid #eeedee; }
.form-group-row:last-child { border-bottom: 0; }

.form-group.p-r4 { padding: 0 4px 0 0; }
input[type=checkbox], input[type=radio] { margin-top: 3px; }
input[type=radio]  { margin-right: 5px; }

.select2-custom { width: 100%; max-width: 200px; float: left; }
.select2-btn { float: left; width: 100%; max-width: 100px; margin-left: 10px; }
.select2-container--default .select2-selection--single { border: 1px solid #cccbcb !important; }
.select2-bootstrap-operator .select2-container--default .select2-selection--single .select2-selection__arrow b,
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 10px 6px; margin-left: -10px;  margin-top: -5px; }

.select2-bootstrap-operator.role { margin: 10px 0; }

.pagination { margin: 0; }
.pagination>li>a,
.pagination>li>span{color:#d86229;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{background-color:#d86229; border-color:#d86229; color: #fff;}
.paginate_button, .ellipsis { display: block; color: #fff; float: left;margin: 5px 3px;background: #d86229;padding: 6px 12px; border-radius: 4px;cursor: pointer;border: 1px solid #d86229; font-size: 12px; font-weight: 600; }
.paginate_button:hover, .ellipsis:hover { background: #fff; color: #d86229;}
.paginate_button.current { background:#e77d68; color: #fff; border-color: #e77d68; }
.paginate_button.current:hover { background:#fff; color: #d86229; border-color: #d86229; }
.dataTables_paginate, .dataTables_filter { float: right; margin-bottom: 20px; }
.dataTables_info, .dataTables_length { float: left; margin-bottom: 20px; }

.dataTables_length { width: 100%; max-width: 250px; }
.dataTables_length label { width: 100%; }
.dataTables_length .form-control { width: 100%; max-width: 80px; border: 1px solid #f16823; border-radius: 4px; color: #f16823; padding: 4px; margin:0 5px; }
.dataTables_length label select { background-image: url(../images/arrow-orange.svg); max-width: 80px; border: 1px solid #f16823;border-radius: 4px; color: #f16823; padding: 4px; margin-bottom: 1px; }
.dataTables_filter input[type="search"] {border: 1px solid #f16823; padding: 4px; border-radius: 4px;color: #f16823;margin-left: 10px;}
.table.dataTable { width: 100% !important; }

.menu-sub { background: #ddd; min-height: 50px; width: 100%; }
.menu-sub ul li { display: inline-table; padding: 15px 15px 10px; } .menu-sub ul li a { text-transform: uppercase; }

.fa.fa-filter { margin-top: -4px;}

.action-content.sub_nav { border-top: 2px solid #eeedee; padding: 0;}
.action-content.sub_nav ul { float: left; padding: 0;}
.action-content.sub_nav ul li { display: table-cell; margin-left: 0; position: relative; }
.action-content.sub_nav ul li a { border-radius: 0; margin: 0; padding: 16px 45px; border: none; }
.action-content.sub_nav ul li a:hover { background-color: transparent; text-decoration: underline;}
.action-content.sub_nav ul li.active a { background: none; color: #d86229; }
.action-content.sub_nav ul li.active::after { content: ""; width: 100%; height: 2px; position: absolute; background: #f05a26; position: absolute; top: 0px; left: 0; }
.action-content .fa { margin-top: -1px;}


.bg-none { background: none !important; }
.col-section { margin: 20px 0;}

.col-xs-auto { width: auto; }

.tugas-wrapper { float: left; width: 100%; }


.jenis_form .d-table {
  width: 100%;
  text-align: left;
}

.jenis_form .d-table-cell {
  position: relative;
  left: -9px;
}

.pass-row .help-inline { position: absolute; }

/*CSS ADD*/
.d-table { display: table; float: none; }
.d-table-cell { display: table-cell; float: none; }
.align-middle { vertical-align: middle; }

.bgred { background: #ed1f24; }
.bggreen { background: #00a89b; }

.b-left-white { border-left: 1px solid #fff; }
.b-right { border-right: 1px solid #eee; }
.b-bottom { border-bottom: 1px solid #eee !important; }
.b-bottom-grey { border-bottom: 2px solid #cccbcb; }
.b-all { border: 1px solid #eee }

.m-3 { margin: 3px 0;}
.m-4 { margin: 4px 0;}
.m-12 { margin: 12px; }
.m-l6 { margin-left: 6px; }
.m-b6 { margin: 0 0 6px 0; }
.m-b20 { margin: 0 0 20px 0; }
.m-b80 { margin: 0 0 80px 0; }
.m-t6 { margin: 6px 0 0 0; }
.m-t20 { margin: 20px 0 0 0; }
.m-t28 { margin: 28px 0 0 0; }
.m-tb1 { margin: 1px 0; }
.m-tb5 { margin: 5px 0; }
.m-tb6 { margin: 6px 0; }
.m-tb8 { margin: 8px 0; }
.m-tb10 { margin: 10px 0; }
.m-tb12 { margin: 12px 0; }
.m-tb14 { margin: 14px 0; }
.m-tb20 { margin: 20px 0; }
.m-tb40 { margin: 40px 0; }

.m-r4 { margin-right: 4px; }

.m-lr4 { margin: 0 4px; }


.p-2 { padding: 2px; }
.p-6 { padding: 6px; }
.p-10 { padding: 10px; }
.p-12 { padding: 12px; }
.p-15 { padding: 15px; }

.p-t10 { padding: 0 10px 0 0; }
.p-b6 { padding: 0 0 6px 0;}
.p-b8 { padding: 0 0 8px 0;}
.p-b20 { padding: 0 0 20px 0;}

.p-tb3 { padding: 3px 0; }
.p-tb4 { padding: 4px 0; }
.p-tb6 { padding: 6px 0; }
.p-tb10 { padding: 10px 0; }
.p-tb12 { padding: 12px 0; }
.p-tb20 { padding: 20px 0; }
.p-lr30 { padding: 0 30px; }

.p-r4 { padding-right: 4px; }
.p-l15 { padding:0 0 0 15px; }

.inline-table { display: inline-table; }
.vertical-top { vertical-align: top; }

.thumb-inner { background-repeat: no-repeat; background-position: center !important; background-size: cover !important; min-height: 200px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.date-calendar { width: 100%; max-width: 55px; height: 55px; border-radius: 4px; padding: 2px 0; margin: 0 auto; }
.scroll-area { height: 280px; overflow-x: scroll; }
.scroll-area2 { height: 240px; overflow-x: scroll; }

#jenis_pendaftaran_select { margin: 6px 0 20px 0; }

#sandbox-mode{
  background:#ccc;
  color:#565656;
  text-align: center;
  padding: 10px 0 15px;
}

#login-as-mode{
  background:#ccc;
  color:#565656;
  padding: 10px 0 15px;
}

.lama_input input { width: 30%; }
.lama_input .input-group-addon { padding: 0; width: 40%; border: 0; }
.lama_input .input-group-addon select { padding: 6px 12px; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; }

.news-wrapper {  float: left; width: 100%; }
.inner-content ul { padding-left: 15px;}
.news-excerpt { margin: 4px 0;}

.avatar-profile { border-radius: 50%; margin: 20px 0; float: left; padding: 50%; border: 2px solid #eee; background-size: contain !important; }
.avatar-profile img { width: 100%; height: auto;; float: left; border-radius: 50%; }

.hidden-content ul, .panel-body ul { padding-left:15px; }

#show-hidden { cursor: pointer; width: auto; float: left; }
.panel { position: relative; }
.panel-title { color: #6b6b6b; padding: 10px 15px;}
.panel-title:after { font-family:'Glyphicons Halflings'; content:"\e114"; float: right; color: #d86229; position: absolute; top: 12px; right: 10px;}
.panel-title.collapsed:after { content:"\e080"; }

.datetimepicker.dropdown-menu { background-color: #fff; }
[class*=" datetimepicker-dropdown"]::before, [class*=" datetimepicker-dropdown"]::after { display: none !important;}

.panel-default > .panel-heading { background-color: #dddddc; }
.panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; }
.panel-group { float: left; width: 100%; margin: 24px 0;}
.panel-group .panel { border-radius: 0;}
.panel-group .panel + .panel { margin-top: 2px;}


.filter-link-list a.active { text-decoration: underline; cursor: default; }
.user-table th.id { width: 3em; }
.user-table th.last-login { width: 11em; }
.user-table th.status { width: 10em; }

#login-wrapper { padding: 8% 0; margin: 0 auto; float: none; }
#login-wrapper h5 {margin: 10px 0; font-weight: 400px; color: #5f5e5e;}
#login-wrapper img {max-width: 100px;width: 100%; }

#wrapper.login-form { display: inline-table; width: 100%; height: 100%; }
#wrapper.login-form #notif { position: absolute; width: 100%; padding: 10px; z-index: 1; }
#wrapper.login-form #content { display: table; width: 100%; height: 100%; max-width: 400px; margin: 0 auto; }
#wrapper.login-form #login-wrapper { vertical-align: middle; margin: auto; display: table-cell; }
#wrapper.login-form #footer { position: absolute; bottom: 0; }
#wrapper.login-form #login-wrapper { padding: 100px 10px 150px 10px; }

.reset_password .form-signin #strength,
.reset_password .form-signin #match{text-align: left;margin-bottom: 5px;margin-top:0!important;}

.checkbox-inline, .radio-inline { padding-left: 0;}
.nav.nav-tabs.nav-list { padding: 0;}

.radio-grp { overflow: hidden; }
.radio-btn input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }

.radio-btn label { float: left; text-transform: uppercase; }
.radio-btn label { display: inline-block; min-width: 65px; background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); text-align: center; text-shadow: none; padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.radio-btn label:hover { cursor: pointer; }
.radio-btn:first-child label { border-top-left-radius: 4px; }
.radio-btn:first-child label { border-bottom-left-radius: 4px; }
.radio-btn:last-child label { border-top-right-radius: 4px; }
.radio-btn:last-child label { border-bottom-right-radius: 4px; }
.radio-btn input:checked + label { background-color: #00a89b; color: #fff; -webkit-box-shadow: none; box-shadow: none; }

.label-button { float: left; margin-bottom: 10px; border: 1px solid #00a89b; }
.label-button:hover { background: #fff !important; color: #00a89b !important; }

#footer { width:100%; padding: 15px; text-align: center; color: #eee; float: left; margin-top: 20px; }
#footer h7 { font-size: 8px; }
#logo-footer{ width: 40px; margin:0 auto;}
#logo-footer img { width: 100%;}
#footer-login { width:100%; position:absolute; padding: 15px; text-align: center; color: #cccbcb; bottom: 0;}

#preloader { background-image: url(../images/preloader.gif); width: 128px; height: 128px; }

/*Custome Style Select */
.input-group select.select2-single { border-radius: 4px !important; }
.input-group .select2-container .select2-selection--single { height: 28px; width: 100% !important; }
.input-group .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px; }
.input-group-addon { padding: 5px 12px; }

input.nilai_uts::-webkit-outer-spin-button,
input.nilai_uts::-webkit-inner-spin-button,
input.nilai_uas::-webkit-outer-spin-button,
input.nilai_uas::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.nilai_uts[type=number],
input.nilai_uas[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/* FORM LOGIN */

  .form-signin { max-width: 330px; margin: 0 auto; }
  .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; }
  .form-signin .checkbox { font-weight: normal; }
  .form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 12px; }
  .form-control { font-size: 12px; height: 30px;}
  .form-control:focus { z-index: 2; border-color: #d86229; }
  .form-control.checkbox-inline { border: 0; box-shadow: none; }
  .form-control[type=number] { padding: 5px 12px; }
  .form-signin input{ border-radius: 4px; margin: 10px 0; font-size: 14px; }



  .YearDatePicker .ui-datepicker-month { display:none; }
  .HideTodayButton .ui-datepicker-current, .YearDatePicker.ui-datepicker .ui-datepicker-prev, .YearDatePicker.ui-datepicker .ui-datepicker-next { visibility:hidden; display:none!important; }
  .hide-calendar .ui-datepicker-calendar { display:none!important; visibility:hidden!important }
  .YearDatePicker.ui-datepicker select.ui-datepicker-year { width: 94%; }


	/* BUTTON */
  .btn-primary { border-radius: 4px; margin: 10px auto; width: auto; padding: 6px 20px; text-transform: uppercase; background: #d86229; border: 1px solid #d86229; transition: all 0.3s ease 0s; }
  .btn-primary:hover, .btn.btn-primary:hover { background: #fff; color: #d86229; border-color:#d86229; }
	.btn-primary:focus{ background-color:#d86229; border-color:#d86229; color: #fff; }
	.btn-primary:active{ background-color:#d86229!important; border-color:#d86229!important; background-image:none; }

  .btn-danger { border: 1px solid #ed1f24; background: #ed1f24; color: #fff; }
  .btn-danger:hover { background: #fff; color: #ed1f24; border: 1px solid #ed1f24; }
  .btn-danger.white { background: transparent; }
  .btn-danger.white:hover { border: 1px solid #ed1f24; background: #ed1f24; color: #fff; }
  .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger, .btn-danger.focus, .btn-danger:focus { border: 1px solid #ed1f24;  }
  .btn.btn-danger.action { color: #fff; font-size: 12px; padding: 8px 20px; border: 1px solid #ed1f24; margin: 10px 10px 10px 0; }
  .btn.btn-danger.action:hover { background:#fff; color: #ed1f24; }

  .btn-success , .btn.btn-success { background-color: #00a89b; border-color:#00a89b; color: #fff; }
  .btn-success:hover { background-color: #fff; border-color:#00a89b; color:#00a89b; }

  .chart-wheel {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 45px;
  }
  .chart-wheel canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  }
  .percent {
    display: inline-block;
    z-index: 2;
    font-size: 20px;
    width: 100%;
    font-weight: 700;
  }
  .chart-wheel:before {
    content: 'IPK';
    font-size: 20px;
    font-weight: 700;
}

  .input-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}

  .input-file.js-labelFile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    cursor: pointer;
  }

  .input-file.js-labelFile .icon:before {
    content: "\f093";
  }

  .input-file.js-labelFile.has-file .icon:before {
    content: "\f00c";
    color: #5AAC7B;
  }

    #import-pddikti-feeder-upload-container select, #external_filter_container_wrapper select, .card-block select, select.form-control, .dataTables_length select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; outline: none; width: 100%;
		padding: 0 10px; vertical-align: middle; display: inline-block;
    background-color: #fff;
    *display: inline; background-image: url(../images/arrow-grey.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 15px auto;
  }
  .loader {
    -webkit-appearance: none;
     appearance: none;
    width: 100%;
  }
  .loader::-webkit-progress-value {
    background: #0091CA;
  }
  .loader::-webkit-progress-bar {
    color: #0091CA;
    height: 2px;
    background-color: transparent;
  }

/* CHART */

.aspect-ratio { height: 0; padding-bottom: 50%; /* 495h / 990w : The Intended dimensions */ }
.chart { position: relative; margin: 25px auto; }
.grafik { position: relative; margin-top: 20px;}
.doughnutTip { position: absolute; min-width: 30px; max-width: 300px; padding: 5px 15px; border-radius: 4px; background: rgba(0,0,0,.8); color: #ddd; font-size: 14px; text-shadow: 0 1px 0 #000; text-align: center; line-height: 1.3;
	letter-spacing: .06em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  pointer-events: none;
}
.doughnutTip:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0,0,0,.7);
  line-height: 0;
}

.chat4 {
  width: 100%;
  max-width: 261px;
  margin: 0 auto;
}

.chat6 {
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}

.doughnutSummary { position: absolute; top: 50%; left: 50%; color: #d86229; text-align: center; cursor: default; }
.doughnutSummaryTitle { position: absolute; top: 50%; width: 100%; margin-top: -27%; font-size: 14px; }
.doughnutSummaryNumber { position: absolute; top: 50%; width: 100%; margin-top: -10%; font-size: 18px; }
.chart path:hover { opacity: 0.65; }

.form-group input.check_list {
    display: none;
}

.form-group input.check_list + .btn-group > label span {
    width: 20px;
}

.form-group input.check_list + .btn-group > label span:first-child {
    display: none;
}
.form-group input.check_list + .btn-group > label span:last-child {
    display: inline-block;
}

.form-group input.check_list:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input.check_list:checked + .btn-group > label span:last-child {
    display: none;
}


/* ==========================================================================
   OrgChart
   ========================================================================== */

   #chart-container  .second-menu { display: inline-table; margin: 0 10px; }
   #chart-container  .second-menu .btn-green .fa { color: #fff; font-size: 18px; padding: 2px 8px; }
   #chart-container  .second-menu .btn-green:hover,  #chart-container .btn-green:hover > .fa { background: #fff; color: #d86229; }
   #chart-container  .second-menu a { border: 1px solid #fff; padding: 0; }
   #chart-container  .title-content { display: inline-table; text-transform: uppercase;}

  #chart-container {
    position: relative;
    display: inline-block;
    top: 10px;
    left: 10px;
    height: 420px;
    width: calc(100% - 24px);
    border: 2px dashed #aaa;
    border-radius: 5px;
    overflow: auto;
    text-align: center;
  }

  .home-link {
    margin-top: 20px;
    margin-right: 20px;
    float: right;
  }

  .home-link a {
    font-size: 36px;
    color: #000;
    text-decoration: none;
  }

  .home-link a:hover {
    text-shadow: 0 0 3px #000;
  }

  .home-link img {
    border-radius: 24px;
    vertical-align: bottom;
    margin-left: 20px;
  }

  .home-link a:hover+img {
      box-shadow: 0 1px 0 #ccc,
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0,0,0,.1),
        0 0 5px rgba(0,0,0,.1),
        0 1px 3px rgba(0,0,0,.3),
        0 3px 5px rgba(0,0,0,.2),
        0 5px 10px rgba(0,0,0,.25),
        0 10px 10px rgba(0,0,0,.2),
        0 20px 20px rgba(0,0,0,.15);
  }

  #chart-container { border: none; height: auto; padding: 80px 0;}
  #chart-container .orgchart { background-image: none; padding: 0; }
  #chart-container .orgchart .node { width: auto; }
  #chart-container .orgchart .node .content,
  #chart-container .orgchart .node .title { height: auto; padding: 10px; }
  #chart-container .orgchart .node .content { border-color: #d86229; color: #6b6b6b; font-size: 10px; }
  #chart-container .orgchart .node .title { background-color: #d86229; }
  #chart-container .orgchart .node .title .symbol { margin-right: 10px; }

  #chart-container .orgchart tr.lines .downLine { background-color: #d86229; }
  #chart-container .orgchart tr.lines td.leftLine { border-left: 1px solid #d86229; }
  #chart-container .orgchart tr.lines td.rightLine { border-right: 1px solid #d86229; }
  #chart-container .orgchart tr.lines td.topLine { border-top: 2px solid #d86229; }

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */


.container-inner-tabs-responsive {
    max-width: 100%;
    float: left;
    width: calc(100vw - 66px);
    overflow-y: hidden;
    overflow-x: auto;
}


.container-inner-responsive {
    max-width: 100%;
    float: left;
    width: calc(100vw - 30px);
    overflow-y: hidden;
    overflow-x: auto;
}

.container-wrap {
  float: left;
  width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
    Common
*/

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0 auto;
    display: table;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1.429em;
}

.wizard > .steps > ul > li
{
    width: 40px;
    text-align: center;
    margin: 0 15px;
    position: relative;
}


.wizard > .steps > ul > li::after {
    background: #eeedee;
    content: "";
    height: 2px;
    right: -70%;
    position: absolute;
    top: 20px;
    width: 60%;
    z-index: -1;
}

.wizard > .steps > ul > li:last-child:after { display: none; }

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    text-decoration: none;
    line-height: 2.3;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #f05a26;
    color: #fff;
    cursor: default;
    border: 1px solid #f05a26;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #fff;
    color: #f05a26;
    cursor: default;
    border: 1px solid #f05a26;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #4CAF50;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff3111;
    color: #fff;
}

.wizard > .content
{
    display: block;
    overflow: hidden;
    position: relative;
    width: auto;
}

.wizard.vertical > .content
{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.wizard > .content > .body
{
    width: 100%;
}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    /*color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;*/
    display: none !important;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.wizard.vertical > .actions
{
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
  background: #d86229 none repeat scroll 0 0;
   border: 1px solid #d86229;
   border-radius: 4px;
   margin: 10px auto;
   padding: 8px 20px;
   text-transform: uppercase;
   transition: all 0.3s ease 0s;
   width: auto;
   color: #fff;
   font-weight: bold;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
    border: 1px solid #eee;
}

/*
    Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    width: 100%;
}

.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}

.radio-pmb { margin: 30px 0; }

.radio-btn-pmb {
  width: 50%;
  display: inline-block;
  margin: 20px 0;
}
.radio-btn-pmb:last-of-type {
  margin-right: 0;
}
.radio-btn-pmb input {
  display: none;
}
.radio-btn-pmb input[type="radio"]:checked ~ label {
  color: #f05a26;
}
.radio-btn-pmb label {
  font-size: 1.4rem;
  font-weight: 600;
  display: inline-block;
  color: #363636;
  color: #bdbdbd;
  padding: 2rem 5rem;
  border: 3px solid;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#header .secondary-menu-wrapper, .hidden-select2 { display: none; }
#header .secondary-menu-wrapper .fa { font-size: 24px; color: #6b6b6b; }
#header .secondary-menu-wrapper ul li { display: inline-table; position: relative; }
#header .secondary-menu-wrapper ul li .notify-orange { right: 4px; left: unset; top: 0; }

table.table { background:none; }
table.table tbody tr{ background: #fff }
table.table thead tr th{ padding:8px 8px 6px; }
table.table tfoot tr{ background: #fff }
tr:first-child th:first-child { border-top-left-radius: 3px; }
tr:first-child th:last-child { border-top-right-radius: 3px; }

@media (max-width: 1200px) {
    .col-sm-offset-2 { margin-left: 0;}
    .select2-bootstrap-operator.select2-btn { margin-left: 0; margin-top: 10px; }

    table.detail.tbgrey td { vertical-align: top; }


    .row.alert.alert-info .col-lg-8 { padding: 0; }
    .is_rektorat .notif-icon { display: none; }
    .is_rektorat #header .container { width: 100%; }
    .is_rektorat .navbar-header {
        float: none;
    }
    .is_rektorat .navbar-left,.is_rektorat .navbar-right {
        float: none !important;
    }
    .is_rektorat .navbar-toggle {
        display: block;
    }
    .is_rektorat .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .is_rektorat .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        z-index: 99999999;
    }
    .is_rektorat .navbar-right .avatar,
    .is_rektorat .navbar-collapse.collapse {
        display: none !important;
    }

    .is_rektorat .navbar-nav {
        float: none !important;
        /* margin-top: 7.5px; */
    }
    .is_rektorat .navbar-nav>li {
        float: none;
    }
    .is_rektorat .navbar-nav>li>a {
        padding: 10px;
    }
    .is_rektorat .collapse.in {
        display:block !important;
    }

    .is_rektorat .dl-menuwrapper .dl-menu.dl-menuopen {
        overflow-x: hidden;
        max-height: 400px;
      }



    .is_rektorat #header .container { padding: 0; }
    .is_rektorat #header .navbar-header { padding: 0 15px; }
    .is_rektorat #header .caret { position: absolute; right:20px; top: 20px; border-width: 6px; }
    .is_rektorat #header .navbar-toggle { margin-right: 0;}
    .is_rektorat #header .navbar-nav > li { padding: 0; }
    .is_rektorat #header .navbar-nav > li > a { float: left; }
    .is_rektorat #header .navbar-nav > li > a.username { line-height: 43px; }
    .is_rektorat #header .navbar-collapse { border-top: 1px solid #e7e7e7; }
    .is_rektorat #header .navbar-nav > li.col-xs-c3 { padding-left: 5px; }
    .is_rektorat #header .dropdown-menu { display: none; }
    .is_rektorat #header .navbar-header ul.visible-xs li { display: inline-table; padding: 0 10px; }
    .is_rektorat #header .secondary-menu-wrapper { display: inline-table; margin: 30px 0; }

    .is_rektorat .badge { position: absolute; top: 20px; }
    .is_rektorat #header .visible-sm { display: none !important; }

    .is_rektorat .nav.navbar-nav.navbar { background: #d86229; border:none; margin-top: 0; margin-bottom: 0;}
    .is_rektorat .nav.navbar-nav.navbar li { padding: 0; border-bottom: 1px solid #fff; }
    .is_rektorat .nav.navbar-nav.navbar li:last-child { border-bottom:none; }
    .is_rektorat .nav.navbar-nav.navbar li.open a.dropdown-toggle,
    .is_rektorat .nav.navbar-nav.navbar li.open a.dropdown-toggle:hover,
    .is_rektorat .nav.navbar-nav.navbar li.open a.dropdown-toggle:focus  { color: #d86229; }
    .is_rektorat .nav.navbar-nav.navbar li.open a:hover { color: #fff; }
    .is_rektorat .nav.navbar-nav.navbar li a { color: #fff; }
    .is_rektorat .nav.navbar-nav.navbar li a:hover,
    .is_rektorat .nav.navbar-nav.navbar li a:focus { color: #d86229; }

    .log .alignright { text-align: left; }



}


@media (max-width:991px){
  .thumb-inner { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; min-height: 300px }
  table.detail.tbgrey td:first-child { width: 150px; }
  .col-md-6:first-child .col-md-12.detail.tbgrey tr:last-child { border-bottom: 1px solid #eeedee; }
  #external_filter_container_wrapper .table-responsive { margin-bottom:0; }
  .select2-bootstrap-operator.select2-custom { max-width: none; }
  .hidden-md-down { display: none;}

  #manajemen-persyartan .col-lg-4.col-md-4 { margin-bottom: 5px; }


  #external_filter_container_wrapper.detail .col-md-12:last-child .border-bottom-w:after {
    background: #eeedee;
  }

  #external_filter_container_wrapper.detail .col-md-12:last-child .border-bottom-w:last-child:after {
    background: none;
  }

}

@media (max-width:768px){
  .table-responsive { border: none; }
  #form-mata-kuliah .checkbox-inline.col-xs-12 { margin-left: 0; float: none; }

  #dl-menu .notify.navbar-nav.navbar-right {
    display: block;
  }


  .notify.navbar-nav.navbar-right {
    display: none;
  }

  .dropdown.mobile { display: block; }

  .container > .navbar-collapse, .container > .navbar-header { margin: 0; }
  .col-xs-c3 { width: 100%; max-width: 80px; float: left; }

  #header .container { padding: 0; }
  #header .navbar-header, .nav.navbar-nav.navbar-right { padding: 0 15px; }
  #header .caret { position: absolute; right:20px; top: 20px; border-width: 6px; }
  #header .navbar-toggle { margin-right: 0;}
  #header .navbar-nav > li { padding: 0; }
  #header .navbar-nav > li > a { float: left;}
  #header .navbar-nav > li > a.username { line-height: 43px; }
  #header .navbar-collapse { border-top: 1px solid #e7e7e7; }
  #header .navbar-nav > li.col-xs-c3 { padding-left: 5px; }
  #header .dropdown-menu { display: none; }
  #header .secondary-menu-wrapper { display: inline-table; margin: 30px 0; }
  #header .navbar-header ul.visible-xs li { display: inline-table; padding: 0 10px; }
   #header .secondary-menu-wrapper { display: inline-table; margin: 30px 0; }

  .badge { position: absolute; top: 20px; }

  .nav.navbar-nav.navbar { background: #d86229; border:none; margin-top: 0; margin-bottom: 0;}
  .nav.navbar-nav.navbar li { padding: 0; border-bottom: 1px solid #fff; }
  .nav.navbar-nav.navbar li:last-child { border-bottom:none; }
  .nav.navbar-nav.navbar li.open a.dropdown-toggle,
  .nav.navbar-nav.navbar li.open a.dropdown-toggle:hover,
  .nav.navbar-nav.navbar li.open a.dropdown-toggle:focus  { color: #d86229; }
  .nav.navbar-nav.navbar li.open a:hover { color: #fff; }
  .nav.navbar-nav.navbar li a { color: #fff; }
  .nav.navbar-nav.navbar li a:hover,
  .nav.navbar-nav.navbar li a:focus { color: #d86229; }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none !important; overflow: hidden; }


  .dl-menuwrapper .dl-menu.dl-menuopen {
    overflow-x: hidden;
    max-height: 400px;
  }



}

@media (max-width:640px){
  #activity_own_select { width: 200px; }
  #login-pmb .col { width: 100%; }
  .form-control.select2-single.nilai_huruf { width: 100px; }
  .col-xs-auto { width: 100%; }
  .dataTables_paginate, .dataTables_filter { float: left; }

  .close.inner { width: 100%; position: relative; text-align: right; top: 0;}

  .navbar-logo svg { width: 52px !important; }
  #logogram { display: none; }

  .front.navbar-siak .navbar-toggle { margin-top: 14px; }

  #exTab3 .nav-tabs>li { float: left; width: 100%; margin-bottom: 0; }
  #exTab3 .nav-tabs>li a { border-radius: 0; margin-right: 0;}


  .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .m-nopadding {
    padding: 0;
  }

}