/* Nested Dropdown Styles */.dropdown-submenu {position: relative;}.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;}.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: #ccc;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;}
.blink_me {
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
.blank {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}
.table-responsive{
    border: none;
}
.loader{
    width: 150px;
    height: 150px;
    margin: 40px auto;
    transform: rotate(-45deg);
    font-size: 0;
    line-height: 0;
    animation: rotate-loader 5s infinite;
    padding: 25px;
    border: 1px solid #337ab7;
}
.loader .loader-inner{
    position: relative;
    display: inline-block;
    width: 50%;
    height: 50%;
}
.loader .loading{
    position: absolute;
    background: #337ab7;
}
.loader .one{
    width: 100%;
    bottom: 0;
    height: 0;
    animation: loading-one 1s infinite;
}
.loader .two{
    width: 0;
    height: 100%;
    left: 0;
    animation: loading-two 1s infinite;
    animation-delay: 0.25s;
}
.loader .three{
    width: 0;
    height: 100%;
    right: 0;
    animation: loading-two 1s infinite;
    animation-delay: 0.75s;
}
.loader .four{
    width: 100%;
    top: 0;
    height: 0;
    animation: loading-one 1s infinite;
    animation-delay: 0.5s;
}
@keyframes loading-one {
    0% {
        height: 0;
        opacity: 1;
    }
    12.5% {
        height: 100%;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        height: 100%;
        opacity: 0;
    }
}
@keyframes loading-two {
    0% {
        width: 0;
        opacity: 1;
    }
    12.5% {
        width: 100%;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}
@keyframes rotate-loader {
    0% {
        transform: rotate(-45deg);
    }
    20% {
        transform: rotate(-45deg);
    }
    25% {
        transform: rotate(-135deg);
    }
    45% {
        transform: rotate(-135deg);
    }
    50% {
        transform: rotate(-225deg);
    }
    70% {
        transform: rotate(-225deg);
    }
    75% {
        transform: rotate(-315deg);
    }
    95% {
        transform: rotate(-315deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}
body .container .post { min-height: 300px}
.form-signin{max-width:330px;margin:0 auto;padding:15px;}
.form-signin .form-signin-heading,.form-signin .checkbox{margin-bottom:10px;}
.form-signin .checkbox{font-weight:normal;}
.form-signin .form-control{position:relative;font-size:16px;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0;}
.account-wall{margin-top:20px;background-color:#f7f7f7;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);box-shadow:0 2px 2px rgba(0,0,0,0.3);padding:40px 0 20px;}
.login-title{color:#555;font-size:18px;font-weight:400;display:block;}
.profile-img{width:106px;height:116px;display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto 10px;}
.need-help{margin-top:10px;}
.new-account{display:block;margin-top:10px;}
.table.daftar>tbody>tr>td, .table.daftar>tbody>tr>th, .table.daftar>tfoot>tr>td, .table.daftar>tfoot>tr>th, .table.daftar>thead>tr>td, .table.daftar>thead>tr>th {
     border-top: unset; 
}
.PsB span {
  font-size: 26px;
  font-weight: normal;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}
#PsB span {
  font-size: 26px;
  font-weight: normal;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

#baa div.col-md-8{
  font-size: 20px;
}
#clockdiv{
    font-family: sans-serif;
    display: inline-flex;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
}

#clockdiv > p{
	animation: blinker 2.5s linear infinite;
}
.align-items-center{
    align-items: baseline;
}
#clockdiv > div{
	animation: blinker 2.5s linear infinite;
    padding: 2px 2px 2px 1px;
    border: 1px dashed #10a100;
    border-radius: 3px;
    margin: 1px;
    /* background: #000000; */
    display: inline-table;
}

#clockdiv div > span{
	font-size: 17px;
    padding: 5px;
    /* padding-top: 0px; */
    border-radius: 3px;
    background: #00cf008a;
    display: inline-block;
}

.smalltext{
    margin: 1px;
}

a.tutup {
    background-color: #feff00;
    position: absolute;
    right: 32px;
    bottom: 11px;
    width: 32px;
    height: 32px;
    /* opacity: 0.3; */
}

.tutup:hover {
	opacity: 1;
}

.tutup:before, .tutup:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}

.tutup:before {
  transform: rotate(45deg);
}

.tutup:after {
  transform: rotate(-45deg);
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.tutup {
  position: absolute;
  right: 32px;
  top: 20%;
  bottom: 20%;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.tutup:hover {
  opacity: 1;
}
.tutup:before, .tutup:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.tutup:before {
  transform: rotate(45deg);
}
.tutup:after {
  transform: rotate(-45deg);
}

.bs-glyphicons{
    margin: 0 -10px 20px;
    overflow: hidden;
}

.required::after {
    content: ' *';
    color: red;
}

.bs-glyphicons-list{
    padding-left: 0;
    list-style: none;
}

.daftar td{
	padding:4px !important;
}
.blm {
    border-color: #ff2020;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);*/
}
.daftar td{
	padding:4px !important;
}

/*.blm {*/
/*    border-color: #ff2020;    */
/*    outline: 0;    */
/*    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);    */
/*    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, 0.6);	*/
/*} */
span.blm{
    color: red;
    padding-left: .5em;
    font-style: italic;
    font-size: 12px;
    background-color: #eee;
    display: -webkit-box;
}
label.error{
    color: red; 
    padding-left: .5em;
    font-style:italic;
    font-size:12px;
    background-color: #eee;
    display:block;
    padding: 5px;
    font-weight: unset;
    margin-bottom: 0;
    border-bottom:1px solid #ccc;
}


#floating-label .form-group {
	display: contents;
	height: 55px;
}
@media only screen and (max-width: 600px) {
    .PsB span {
      font-size: 18px;
      margin: 0px auto;
    }
    #PsB span {
      font-size: 18px;
      margin: 0px auto;
    }
    #baa div.col-md-8{
      font-size: 12px;
      margin: 0px auto;
    }
}

#frm-daftar input[type="text"]{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}
#frm-daftar input[type="text"]:focus{border-bottom:1px solid #4285f4;-webkit-box-shadow:0 1px 0 0 #4285f4;box-shadow:0 1px 0 0 #4285f4}
#frm-daftar .form-control {
    padding: .6rem 0 .4rem 0;
    /*margin: 0 0 .5rem 0;*/
    background-color: transparent;
    border-radius: 0;
}

#form-alamat{
    margin-top:10px;
}

#frm-daftar input[type="text"].form-control {
    height: auto;
}
.mbw-back-to-top {
    position: fixed;
    bottom: 0em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
body .container .post {
    overflow: hidden;
}
#floating-label .control-label {
	/*font-size: 16px;*/
	font-weight: 400;
	opacity: 0.4;
	pointer-events: none;
	position: absolute;
	/*transform: translate3d(6px, 22px, 0) scale(1);*/
	transform: translate3d(4px, 10px, 0) scale(1);
	transform-origin: left top;
	transition: 240ms;
}

#floating-label .form-group.focused .control-label {
	opacity: 1;
	transform: scale(0.6);
}

#floating-label .form-control {
	align-self: flex-end;
}

#floating-label .form-control::-webkit-input-placeholder {
	color: transparent;
	transition: 240ms;
}

#floating-label .form-control:focus::-webkit-input-placeholder {
	transition: none;
}

#floating-label .form-group.focused .form-control::-webkit-input-placeholder {
	color: #bbb;
}
.auto            { cursor: auto; }
.deafult         { cursor: default; }
.none            { cursor: none; }
.context-menu    { cursor: context-menu; }
.help            { cursor: help; }
.pointer         { cursor: pointer; }
.progress        { cursor: progress; }
.wait            { cursor: wait; }
.cell            { cursor: cell; }
.crosshair       { cursor: crosshair; }
.text            { cursor: text; }
.vertical-text   { cursor: vertical-text; }
.alias           { cursor: alias; }
.copy            { cursor: copy; }
.move            { cursor: move; }
.no-drop         { cursor: no-drop; }
.not-allowed     { cursor: not-allowed; }
.all-scroll      { cursor: all-scroll; }
.col-resize      { cursor: col-resize; }
.row-resize      { cursor: row-resize; }
.n-resize        { cursor: n-resize; }
.e-resize        { cursor: e-resize; }
.s-resize        { cursor: s-resize; }
.w-resize        { cursor: w-resize; }
.ns-resize       { cursor: ns-resize; }
.ew-resize       { cursor: ew-resize; }
.ne-resize       { cursor: ne-resize; }
.nw-resize       { cursor: nw-resize; }
.se-resize       { cursor: se-resize; }
.sw-resize       { cursor: sw-resize; }
.nesw-resize     { cursor: nesw-resize; }
.nwse-resize     { cursor: nwse-resize; }



.cursors > div {
   float: left;
   box-sizing: border-box;
  background:#f2f2f2;
  border:1px solid #ccc;
   width: 20%;
   padding: 10px 2px;
   text-align: center;  
   white-space: nowrap;
   &:nth-child(even) {
      background: #eee;     
   }
   &:hover {
      opacity: 0.25
   }
}
.has-float-label label {
    position: relative;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -4.3em;
    left: 12px;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
}
.has-float-label .form-control:placeholder-shown:not(:focus)+label {
    font-size: 110%;
    opacity: .5;
    top: -1.6em;
    font-weight: 100;
}

.has-float-label label {
    position: relative;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -4.3em;
    left: 12px;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
}