.copyright {
    font-size: 12px;
    text-align: center;
}

.ui-content {
    text-align: left;
}

.pt-menu .ui-btn {
    cursor: pointer;
    display: inline-block;
    height: 100px;
    margin: 5px !important;
    padding: 10px;
    text-align: center;
    width: 110px;
    /*border-radius: 200px;*/
}

.pt-menu .ui-btn-inner {
    border: 0;
}

.pt-menu .ui-btn img {
    /*height: 50px;*/
}


/* contact page */
#contact .ui-br {
    border: 0;
}

/* form underline bug fix */
.ui-br {
    border-bottom: none !important;
}

/* form errors */
label.error {
    color: red;
    padding-top: .5em;
    vertical-align: top;
    font-weight:bold;
    display: inline-block;
    vertical-align: top;
    margin-left: 22%;
}


/* table styles */
.tablerow {
    display: inline-block;
    width: 100%;
}
.left-table {
    text-align: right;
    width: 25%; float: left;
    padding-right: 2%;
    font-weight: bold;
}
.right-table {
    text-align: left;
    width: 73%; float: left;
}

/* bottom back and next buttons */
.previous-btn {
    float: left;
}
.next-btn {
    float: right;
}

/* toggle buttons styles */
.ui-collapsible-heading-toggle {
    border: none;
}

/* ui component tweaks */
.ui-textalign-left {
    text-align: left;
}

/* portfolio item right button stlye fix */
.portfolio-item .ui-btn-icon-notext {
    padding: 0 !important;
}


/* tambahan modif css arisddg31 */
.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: normal;}
.ui-li-heading { font-size: 12px; font-weight: bold; display: block; padding: 0px; margin:0px; text-overflow: ellipsis; overflow: hidden; white-space: normal; }
.ui-li-desc { font-size: 10px; font-weight: normal; display: block; padding: 0px; margin:0px; text-overflow: ellipsis; overflow: hidden; white-space: normal; }
.ui-li-thumb, .ui-listview .ui-li-icon { position: relatif; padding: 0px; margin: 10px; margin-rigth: 0px; max-height: 80px; max-width: 80px; }

/* Headline News */
.headline {
  margin-top: 0;
  Background-color: #1CA709;
  border-bottom: 3px solid red;
}
.headline a{
  text-decoration: none;
}
.konten-depan{
  background-color: #E9EAED;
}

.depan {
  margin-top: 0;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  /*Background-color: yellow;
  border-bottom: 3px solid red;  */
}

.bg{
  background-color: #E9EAED;
}

.depan a{
  text-decoration: none;
}

.judul1 {
  font-size: 10px;
  /*font-weight: bold;   */
  color: #141823;
  text-align: left;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  margin-left: 5px;
  overflow: hidden; 
  white-space: normal;
}

.judul2 {
  font-size: 11px;
  /*font-weight: bold;   */
  color: #014279;
  text-align: left;
  margin-top: 5px;
  padding-top: 0px;
  padding-left: 5px;
  margin-left: 5px;
  overflow: hidden; 
  white-space: normal;
}
.judul3 {
  font-size: 12px;
  /*font-weight: bold;   */
  color: #014279;
  text-align: left;
  margin-top: 5px;
  padding-top: 0px;
  padding-left: 5px;
  margin-left: 5px;
  overflow: hidden; 
  white-space: normal;
}

.judul_guru1 {
  font-size: 14px;
  font-weight: bold;   
  color: #000;
  text-align: center;
  margin-top: 5px;
  padding-top: 0px;
  overflow: hidden; 
  white-space: normal;
  border-bottom: 1px solid;
}
.judul_guru2 {
  font-size: 16px;
  font-weight: bold;   
  color: #000;
  text-align: center;
  margin: 0px;
  padding: 0px;
  overflow: hidden; 
  white-space: normal;
}

.judul_guru3 {
  font-size: 12px;
  font-weight: bold;   
  color: #000;
  text-align: center;
  margin: 0px;
  padding: 0px;
  overflow: hidden; 
  white-space: normal;
}


.judul {
  font-size: 14px;
  font-weight: bold;
  color: #001C32;
  text-align: left;
  padding: 0;
  margin: 0;
  overflow: hidden; 
  white-space: normal;
}

.tanggal {
  font-size: 11px;
  text-align: left;
  padding: 0;
  margin: 0;
}


/*header arisddg31 */
.ui-header {
	background: #053605;
	/*border-top: 4px solid #3C0612;     */
	border-bottom-color: #014279;
	}

.ui-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	border: 0;
	max-width: 100%;
	overflow: visible;
}
.ui-navbar li .ui-btn {
 text-align: left;
 margin: 0px;
}
.ui-footer {
	background: #053605;
	/*border-top: 4px solid #3C0612;     */
	border-bottom-color: #01315A;
}

.gbr {
   width: 100%;
}

img {max-width: 100%;}

.gb-slider {
  width: 80px;
  height: 60px;
}

.ui-icon-logokota:after {
    background-image: url("../../assets/images/icons/logo-kota.png");
    /* Make your icon fit */
    background-size: 18px 18px;
}

.ui-icon-prestasi:after {
    background-image: url("../../assets/images/icons/tropi32.png");
    /* Make your icon fit */
    background-size: 18px 18px;
    margin-bottom: 3px;
}

.jam {
  background-color: #FA6210;
  text-align: left;
  font-size: 12px;
}

.custom-corners .ui-bar {
      -webkit-border-top-left-radius: inherit;
      border-top-left-radius: inherit;
      -webkit-border-top-right-radius: inherit;
      border-top-right-radius: inherit;
}
.custom-corners .ui-body {
      border-top-width: 0;
      -webkit-border-bottom-left-radius: inherit;
      border-bottom-left-radius: inherit;
      -webkit-border-bottom-right-radius: inherit;
      border-bottom-right-radius: inherit;
}

/*buku tamu*/
.buku {
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  /*Background-color: yellow;
  border-bottom: 3px solid red;  */
}

.buku a{
  text-decoration: none;
}
.buku-nama {
  font-size: 12px;
  font-weight: bold; 
  color: #000;
  text-align: left;
  margin-top: 5px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 2px;
  margin-left: 2px;
  overflow: hidden; 
  white-space: normal;
  
}

.buku-alamat {
  font-size: 10px;
  /*font-weight: bold;   */
  color: #000;
  text-align: left;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  margin-left: 2px;
  overflow: hidden; 
  white-space: normal;
  border-bottom: grey 1px solid;
}

.buku-komentar {
  font-size: 12px;
  /*font-weight: bold;   */
  color: #000;
  text-align: left;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  margin-left: 2px;
  overflow: hidden; 
  white-space: normal;
  
}