/* CSS Document */

body{

  font: 14px Verdana, Arial, Helvetica, sans-serif;

  color:#666666;

	margin:0px;

	 /*background-color:#F3F3F3;

background-attachment:fixed;*/

}



table td{ font-size: 11px;}



input{ color:#476ebd; }



.garisbawah{

	font:normal 150% Georgia;

	background-color:transparent;

	border-bottom:2px dotted #CCCCCC;

	font-style:italic;

	font-weight:bold;

	margin-top:0px;

	margin-bottom:10px;

}



.pagingstyle a,#pageblank{

	border:1px solid #CCCCCC;

	padding:3px;

	margin-left:2px;

	margin-right:2px;

}





/* style validari JQuery */

.form-div{}



.form-div .submit,.reset {

   margin-top: 10px;

}



.form-div .label {

  display: block;

/*  width: 150px;margin-right: 5px;*/

  text-align: right;

}



.form-div label.error {

  color: red;

  padding-left: 10px;

  background: url(../aset/imgtemplate/unvalid.gif) no-repeat;

}



#loader{

	position:fixed;

	bottom:0;

	width:100%; 

	text-align:center;

	padding:10px;

	height:30px;

	margin:0px auto;

	background-color:#cccfff;

}





.layerumum{

  position: fixed;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

  background-color: #000000;

  opacity:0.5;

  z-index: 9999;

  text-align:center;

  padding-top:100px;

  color:#FFFFFF;

}



.layerontop{

      position: fixed;

      top: 0px;

      left: 0px;

      height:100%;

      width:100%;

      background-color: #000000;

      opacity:0.5;

      z-index: 99999;

      text-align:center;

      padding-top:100px;

      color:#FFFFFF;

}





.carousel-inner img {

    width: 100%;

    height: 100%;

}





/* AUTO COMPLETE STYLE */

.result_suggest{

    position:absolute;

    display:none;

    margin-top:0px;

    margin-left: 10px;

    border-top:0px;

    overflow:hidden;

    border:1px #CCC solid;

    background-color: #0D7CE3;

    color:#FFFFFF;

    width:500px;

    z-index: 9999;

}

.show_suggest{

    padding:5px;

    border-bottom:1px #999 dashed;

    width:500px;

}

.show_suggest:hover{

    background:#4c66a4;

    color:#FFF;

    cursor:pointer;

}



.btnpanel_menu{ display: none; }

.panel_menu_sm{ display: none; }

#myInput {
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 10px 12px 10px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#myUL {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}

@media (max-width: 600px) {

    .panel_menu{ display: none;}

    .btnpanel_menu{ display: inline; }

    .panel_menu_sm{ display: inline; }

    .hide_object{ display: none;}

}



.icon {

  display: inline-block;

  width: 16px;

  height: 16px;

  color:#FFFFFF;

  fill:#FFFFFF;

}



.hideform{ display:none; }

.showform{ display:inline; }



.mt-1{ margin-top: 5px; }

.mt-2{ margin-top: 10px; }

.mt-3{ margin-top: 20px; }

.mb-1{ margin-bottom: 5px; }

.mb-2{ margin-bottom: 10px; }

.mb-3{ margin-bottom: 20px; }

.m-lr{ margin-left: 20px; margin-right: 20px; }



.p-1{ padding: 5px; }

.p-2{ padding: 10px; }

.p-3{ padding: 20px; }



.border {

  border: 1px solid #dee2e6 !important;

}

.rounded {

  border-radius: 0.25rem !important;

}



.modal-title{ font-weight: bold;}



.fontweight{ font-weight: bold;}



.anic {

  -webkit-animation: fade-in 0.27s linear infinite alternate;

  -moz-animation: fade-in 0.27s linear infinite alternate;

  animation: fade-in 0.27s linear infinite alternate;

}

@-moz-keyframes fade-in {

  0% {

    opacity: 0;

  }

  65% {

    opacity: 1;

  }

}

@-webkit-keyframes fade-in {

  0% {

    opacity: 0;

  }

  65% {

    opacity: 1;

  }

}

@keyframes fade-in {

  0% {

    opacity: 0;

  }

  65% {

    opacity: 1;

  }

}

@media print {
   * {
     display:none;
   }
   img {
     display:block;
   }
}