/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*html body{
	background: url("../images/backgrounds/blur-bg.JPG") no-repeat fixed center; 
	background-size: 100% 100%;
	color: white;
}
.card{
	background: rgba(0,0,0,0.1);
}
.card.card-fullscreen {
	background: url("../images/backgrounds/blur-bg.JPG") no-repeat fixed center; 
	background-size: 100% 100%;
	color: white;
}
.card-header{
	background:rgba(0,0,0,0.1);
}
.main-menu.menu-shadow {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}
.menu-collapsed .main-menu.menu-dark .navigation{
	background: rgba(0,0,0,0.1);
}
.menu-expanded .main-menu.menu-dark .navigation{
	background: rgba(0,0,0,0.1);
}
.menu-hide .main-menu.menu-dark .navigation {
    background: rgba(0,0,0,1);
}
.menu-open .main-menu.menu-dark .navigation {
    background: rgba(0,0,0,1);
}
.main-menu.menu-dark .navigation > li.open .hover > a {
	background: rgba(0,0,0,1); 
}
.main-menu.menu-dark {
    color: #dcdcdc;
    background: rgba(0,0,0,0);
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .navigation > li > a > span {
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    background-color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,1); 
}
.header-navbar.navbar-semi-dark {
    background: rgba(29, 43, 54, 1);
}
@media (max-width: 767px) {
	.header-navbar.navbar-with-menu .navbar-container {
	    background: #1d2b36;
	}
}
@media (max-width: 767px) {
	.header-navbar.navbar-dark .navbar-container .navbar-nav .nav-link, .header-navbar.navbar-semi-dark .navbar-container .navbar-nav .nav-link {
	    color: white;
	}
}
.header-navbar.navbar-semi-dark .navbar-nav .nav-link {
    color: white;
}
.main-menu.menu-dark .navigation > li.open > a {
    color: #c3c3c3;
    background-color: rgb(22, 32, 41, 0.3);
}
form label {
	color: white;
}
.card-header .heading-elements, .card-header .heading-elements-toggle {
    background-color: rgba(0,0,0,0);
}
.card-footer {
    background-color: rgba(0,0,0,0);
}
@media (max-width: 991px) {
	.card-header .heading-elements, .card-header .heading-elements-toggle .visible {
	    background-color: #1D2B36;
	}
}
form .form-section {
    color: white;
    border-bottom: 1px solid #ffffff;
}
footer.footer-light {
    background: rgba(0,0,0,0);
}
.main-menu.menu-dark .navigation > li.active > a {
    background-color: rgb(22, 32, 41, 0.3);
}
.main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a {
    color: #c3c3c3;
    background-color: rgb(22, 32, 41, 0.3);
}
.main-menu.menu-dark .navigation > li.open > ul {
    background: rgb(22, 32, 41, 0.3);
}
.main-menu.menu-dark .navigation > li.open .hover > a {
	background: rgb(22, 32, 41, 0.5); 
}
.main-menu.menu-dark .navigation > li.active > a {
	background-color: rgb(22, 32, 41, 0.5); 
}
.main-menu.menu-dark .navigation > li .active {
  background: rgb(22, 32, 41, 0.5); 
}
.main-menu.menu-dark .navigation > li .active > a {
  background: rgb(22, 32, 41, 0.5); 
}
.main-menu.menu-dark .navigation > li .active .hover > a {
  background: rgb(22, 32, 41, 0.5);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}*/
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.header-navbar .nav-item + .nav-item {
    margin-left: 0rem;
}
.header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand {
    padding: 1.4rem 1rem 1.3rem 1rem;
}
@media (min-width: 768px){
  .navbar-toggleable-sm {
      display: block !important;
  }
}

@media (min-width: 768px){
  .navbar-toggleable-sm {
      display: block;
  }
}
.collapse {
    display: none;
}
.float-xs-right {
    float: right !important;
}
.float-xs-left {
    float: left !important;
}

.hidden-xs-up {
  display: none !important; }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }


.breadcrumb .breadcrumb-item a {
  color: black;
}
a {
  color: #d8cb54;
}
a:hover {
  color: #d8a054;
}
.title-app{
  color: white;
  white-space: nowrap;
  margin-top: 10px;
  position: 
}
.input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child {
     border-radius: 0px; 
}
textarea.form-control {
  height: auto;
}
/*.form-control-position {
    top: -1px;
}*/
select.form-control:not([size]):not([multiple]).input-lg, input.form-control.input-lg {
    border-radius: 0;
}
.btn-lg, .btn-group-lg > .btn {
     border-radius: 0px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.btn {
    border-radius: 0px;
    /*padding: 4px 12px 6px 12px;*/
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.z-depth-1 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.z-depth-1-half {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.z-depth-3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}
.z-depth-4 {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}
.z-depth-5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}
.popover {
  color: #373a3c;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.table th, .table td {
    padding: 0.75rem;
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}
.bg-primary {
    /*background-color: #337ab7 !important;*/
    color: black;
    background-color: #fdfdfd !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}
.select2-container .select2-selection--single {
    height: 36px;
    font-size: 15px;
    padding: 6px 12px;
}
.select2-container {
    width: 100%;
    /*border: 1px solid #d4d4d4;  */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.select2-container:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    /*border: 1;*/
    border-radius: 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px;
}
select.form-control:not([size]):not([multiple]) {
    height: 36px;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}
div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    /*white-space: nowrap;*/
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: collapse; !important;
    border-spacing: 0;
}
.table-bordered thead tr th {
    padding: 10px;
    border: 1px solid #eee;
}
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.has-error .select2-container--default .select2-selection--multiple {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .select2-container--default .select2-selection--single {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .select2-container--default .select2-selection--single:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .select2-container--default .select2-selection--multiple:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    /*white-space: nowrap; */
}
.select2-container .select2-search--inline .select2-search__field {
    padding-left: 10px;
}
.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
}
.table-detail-column tr th, .table-detail-column tr td{
  white-space: nowrap;
  padding: 4px 3px;
}

#table-detail tr th{
  vertical-align: middle;
  white-space: nowrap;
}
#table-detail tr th:nth-child(2){
  text-align: center;
}

.table-detail tr th{
  vertical-align: middle;
  white-space: nowrap;
}
.table-detail tr th:nth-child(2){
  text-align: center;
}
#DataTable thead tr th{
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
#DataTable tbody tr td{
  vertical-align: middle;
  white-space: nowrap;
}
#DataTable tfoot tr th{
  vertical-align: middle;
  white-space: nowrap;
}
#DataTable tfoot tr td{
  vertical-align: middle;
  white-space: nowrap;
}
.table-riwayat thead tr th{
  vertical-align: middle;
  white-space: nowrap;
}
.table-riwayat tbody tr td{
  vertical-align: middle;
  white-space: nowrap;
}

table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

.table th, .table td {
  padding: 0.6rem 0.7rem;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 0rem;
}
.sw-btn-group-extra {
  float: right;
}
#smartwizard small, .small {
  font-size: 100%;
}
.bg-kedip {
  background-color: #ff9393;
}