/*.table-responsive {
  overflow: visible !important
}*/
/*body{
    background: url('https://get.wallhere.com/photo/ship-sea-vehicle-shipwreck-Arctic-container-ship-transport-nuclear-ghost-ship-Nuclear-powered-icebreaker-Russian-icebreaking-fleet-Rosatom-Bulk-Carrier-ocean-watercraft-channel-tank-ship-freight-transport-tugboat-cargo-ship-ocean-liner-120951.jpg') !important;
    background:url('https://get.wallhere.com/photo/ship-sea-vehicle-shipwreck-Arctic-container-ship-transport-nuclear-ghost-ship-Nuclear-powered-icebreaker-Russian-icebreaking-fleet-Rosatom-Bulk-Carrier-ocean-watercraft-channel-tank-ship-freight-transport-tugboat-cargo-ship-ocean-liner-120951.jpg') !important;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;

}*/
.tr-door-schedule td{
  border-top: 0px !important;
  border-bottom: 1px solid #ddd;
}
.door-margin{
  margin-top:14px;
}
.view-door-margin{
  margin-bottom:14px;
}
.title-view-door{
  font-size:14px;
  font-weight: bold;
}
.navigation-left{
  position: fixed; /*or fixed*/
  right: 0px;
  float:right;
  height:100vh;
}
.tr-awal .title-door{
  font-weight: bold;
}

.tr-awal td{
  border-top: 0px !important;

}
.container-vertical-align{
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;

  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;

  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;
}
.navigation-left>.mode-navigation-left{
  background: #337ab7;
  padding: 20px;
  color: white;
  max-width: 200px;
  margin-right: -200px;
  transition: 0.3s ease-in;
  min-height: 200px;
}

.block {
  cursor: pointer;
  font-size: 16px;
  transform: rotate(-90deg);
  background-color: #337ab7;
  color: white;
  display: inline-block;
  position: relative;
  width: 110px;
  height: 25px;
  display: -webkit-box;
  right: -43px;
  -webkit-box-pack: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-align: center;
}

@media (max-width: 600px) {
  .block {
    cursor: pointer;
    font-size: 12px;
    transform: rotate(-90deg);
    background-color: #337ab7;
    color: white;
    display: inline-block;
    position: relative;
    width: 110px;
    height: 25px;
    display: -webkit-box;
    right: -43px;
    -webkit-box-pack: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-align: center;
  }
  .navigation-left>.mode-navigation-left{
    background: #337ab7;
    padding: 20px;
    color: white;
    max-width: 200px;
    margin-right: -200px;
    transition: 0.3s ease-in;
    min-height: 200px;
  }
}

fieldset>.field {
  margin: 15px 0px;
}
.modal-content {
  border-radius: 0px !important;
}
.datepicker td, .datepicker th {
  border-radius: 0px !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff !important;
  cursor: default;
  background-color: #57c399 !important;
  border-color: #57c399 !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #57c399  !important;
}
.pagination>li>a, .pagination>li>span {
  color: #57c399 !important;
}
thead{
  background: #57c399;
  color: white;
}
body { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.ui.steps .step:first-child, .form-control, .select2-container--default .select2-selection--single, .btn, .panel-primary>.panel-heading, .panel-primary, .panel, .ui.steps, .ui.steps .step:last-child, .step:last-child{
  border-radius: 0px;
}
.dataTable>thead>tr{
  background-color: #57c399  !important;
  color: white !important;

}
/*.dataTable, .table-bordered>tbody>tr>td, table.dataTable thead th{
    border: 0px !important;
}*/

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  color: #fff !important;
  /*background-color: #57c399 !important;*/
  background-color: #5897fb !important;
}
.btn-danger, .warning, .panel-warning {
  color: #fff !important;
  background-color: #f94951 !important;
  border-color: #f94951 !important;
}
.panel-warning, .btn-warning, .warning{
  color: #fff  !important;
  background-color: #f9c359  !important;
  border-color: #f9c359  !important;
}
.bg-primary {
  color: #fff;
  background-color: #57c399 !important;
}
.topbaratas{
  background-color: #57c399 !important;
}
.btn-primary{
  background-color: #57c399 !important;
  border-color: #57c399 !important; 
}
.panel-primary>.panel-heading{
  color: #3e3d3b !important;
  background-color: transparent !important;
  border-top:10px solid #57c399;
  border-left:0px !important;
  border-right:0px !important;
  border-bottom:0px !important;
  /*border-color: transparent !important;*/ 
}
.panel {
  background-color: #ffffff !important;

  border: 0px !important;
}
.tdnoborder{
  border-bottom:0px !important;
}
.btn-flat{
  border-radius: 0px !important;
}
.pengumuman li {
  padding: 13px 0px;
  line-height: 24px;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100% !important;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: 0 !important;
}
.navbar-default{
  z-index: 9999;
}
.modal {
  z-index: 99999 !important;
}
@media (max-width: 990px) {
  .containerstep{
    padding-left:0px !important;
    padding-right:0px !important;
  }
}
@media (max-width: 1200px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,.navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in{
    display:block !important;
  }
}
.banktable input, .banktable button{
  margin-bottom:10px !important;
}
.select2-container{
  width: 100% !important;
  height: 34px;
}
.select2-container--default .select2-selection--single {
  height: 34px !important;
  padding: 3px 7px !important;
  border: 1px solid #ccc !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 2px !important;
}
.radio-register li{
  display: -webkit-box !important; 
  margin-right:10px;
}
ul.radio-register{
  /*    display: -webkit-inline-box !important; */
  display: -webkit-box;
}

#imagefoto{
  max-width: 60%;
}
table.romodal td, table.romodal tr, table.romodal th{
  border:0px !important;
}
table.romodal th{
  width:30%;
}
#image-preview {

  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height:50% !important;
  margin-top:10px;
  max-width: 100% !important;
}
#MemberLoginForm_LoginForm_Remember{

  margin-left: 0px !important;

}

#MemberLoginForm_LoginForm  fieldset{
  border: 0px !important;
}
.filter-order td{
  border:0px !important;
}

#transfer-bayar{
  overflow-y:scroll;
}

table.groupedfield td{
  vertical-align: middle;
}
table.officer td{
  vertical-align: middle !important;
}
.fieldmenu{
  clear: both;
  margin: 2em 0 5em 0;
}
.advance_search{
  display:none;
}
/*.row-detail{
  display:none;
}*/
.table-hasil{
  border: none !important;
}
.table-deskripsi{
  /*border: none !important;*/
  border-left: 2px !important;
  border-right: 2px !important;
  border-bottom: 2px !important;
  border-top: 0px !important;
  border-color: red;
  border-style: solid;
  padding:0px !important;
}
.table-row-deskripsi{
  padding: 0px !important;
}

.prahunav li a{
  /*    border-left: 1px solid rgba(34,36,38,.1);*/
  border-right: 1px solid rgba(34,36,38,.1);
}
.search_button_area{
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
}
@media(max-width:1200px){
  .prahuicon{
    display:block !important;
  }
  .ui.steps .active.step:after, .ui.steps .step:after {
    display: none !important;
  }
}

.prahuicon .fa{
  line-height: 1;
  font-size: 2.5em;
  display: inline-block;
  opacity: 1;
  margin: 0 1.25rem 0 0;
  width: 1.18em;
  height: 1em;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
}

.loginform fieldset{
  border:0px !important;
}

.search_result{
  display:none;
}
.Actions{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.action{
  width: 100%;
}