/*
  cepatprint.css
  @akifrabbani
  Copyright (c) Bayamtech, 2015.
*/

html, body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  background-color: #2a2f33;
}

.partition {
  
}

.partition-1 {
  background-color: #2a2f33;
  width: 100%;

}

.partition-1 .container {

}

.full-height {
  height: 100%;
}
.partition-1 h2 {
  color: #fff;
  font-weight: 100;
  font-size: 30pt;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.top-head {
  padding-top: 30px;
}

ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

ul.menu li {
  display: inline;
  font-weight: 200;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;

}

ul.menu li a {
  font-weight: 200;
  color: #fff;
}

ul.menu li.current {
  font-weight: 400;
}

.mid {
  margin-top: 30px;
  text-align: center;
  height: 70%;
  width: 100%;
  top: 35px;
  position: relative;
  z-index: 999;
}

.center-object {
  text-align:center;
  z-index: 50;
}

@media screen and (min-height: 300px) {
  .center-object {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
}
@media screen and (min-width: 468px) {
  .center-object-login {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  .loginbox {
    max-width: 350px;
    margin: 0 auto;
  }

  .loginbox-full {
    margin: 0 auto;
  }

}

.loginbox h3,
.loginbox-full h3 {
  font-size: 14pt;
  font-weight: 100;
  margin: 0;
  margin-bottom: 15px;
  color: #fff;
  text-align: left;
}

.center-object-login {
  padding-top: 10px;
}
.comel {
  margin-top: 5px;
  font-size: 15pt;
  font-weight: 100;
}

.btn-nice {
  border-radius: 2px;
}

.bottom-text {
  font-weight: 100;
  color: #fff;
  font-size: 12pt;
}

.partition-2 {
  padding: 50px 50px;
  text-align: center;
  background-color: #fff;
}

.steps .col-sm-4 h3 {
  font-weight:100;
  font-size: 15pt;
  margin-bottom: 15px;
}

.steps .col-sm-4 p {
  margin-top: 15px;
  font-weight: 300;
}

.dem-boi {
  font-weight: 100;
  color: #fff;
}

.dem-boi input {
  margin-right: 10px;
}
.partition-3 {
  padding: 50px;
  background-color: #2a2f33;
  color: #fff;
  font-weight: 300;
}

.video .col-sm-5 h3 {
  font-weight: 100;
  font-size: 20pt;
}

.video .col-sm-5 p {
  font-weight: 200;
}

.credit {
  font-weight: 200;
}

.credit a {
  color: #fff;
border-bottom:1px dotted #dcdcdc;text-decoration:none;
}


.partition-4 {
  padding: 100px 50px;
  background-color: #fff;
}

.testimoni h2 {
  font-weight: 100;
  font-size: 25pt;
  text-align: center;
}

.testimoni h2 i {
  font-weight: 100;
}

.testimoni h2 small {
  font-weight: 100;
  font-size: 12pt;
  text-align: center !important;
}

.btn-cepatprint {
  color: #fff;
  background: transparent;
  border-color: #fff;
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: 400;
}

.btn-cepatprint:focus,
.btn-cepatprint:active:focus,
.btn-cepatprint:hover,
.btn-cepatprint:active:hover {

  color: #fff;
  background: transparent;
  border-color: #fff;
}

.input-cepatprint {
  padding: 15px 10px;
  border-width: 0;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-cepatprint:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.alert-cepatprint {
  border-width: 0;
  border-radius: 2px;
  text-align: center;
  padding: 10px 15px;
  font-weight: 300;
  margin-bottom: 15px
}

.alert-cepatprint-error {
  background-color: #c0392b;
  color: #fff;
}

.register-links {
  margin-top: 15px;
  font-weight: 300;
  font-size: 9pt;
  color: #fff;
}

.register-links p a,
.register-links p a:active,
.register-links p a:hover,
.register-links p a:focus {
  font-weight: 400;
  font-size: 9pt;
  color: #fff;
}

.radio label {
  font-weight: 100;
}

.price {
  text-align: center;
  font-weight: 100;
  margin-bottom: 15px;
}

.price h3 {
  font-size: 28pt;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  font-weight: 200;
  text-align: center;
}

.price span {
  margin-top: 10px;
  font-size: 9pt;
  border: 1px solid #fff;
  padding: 3px 6px;
  border-radius: 2px;
  text-transform: uppercase;
}

.unpaid {
  color: #fff;
  background-color: #c0392b;
  border-color: #c0392b !important;
}

.paid {
  color: #fff;
  background-color: #27ae60;
  border-color: #27ae60 !important;
}

.hide {
  display: none;
}

.error-single h2 {
  color: #fff;
  font-weight: 300;
  font-size: 28pt;
}
.error-single h2 small {
  color: #fff;
  font-weight: 100;
  font-size: 15pt;
}

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

td label {
  color: #fff;
  font-weight: 100;
}

td {
    text-align: left !important;
}
.table {
    border-bottom:0px !important;
}
.table th, .table td {
    border: 0px !important;
}
.fixed-table-container {
    border:0px !important;
}

.btn-low {
  margin-bottom: 10px;
}