table, th, td{
	border: 1px solid #CCCCCC;
}

table {
    width: 100%;
}

th, td {
    padding: 3px;
}

.item p, p {
	font-size:14px;
}

.notif{
	position:relative;
	display:compact;
}
.notif span{
	position:absolute;
	top:5px;
	font-size:12px;
	color:#FFF;
	border-radius:5px;
	padding:0 5px 3px 5px;
}

.side-left .cover{
	height:150px;
	background-position:bottom;
	position:relative;
}
.side-left .cover .text{
	position:absolute;
	left:10px;
	bottom:10px;
}

.text-bg{
	padding-top:30px;
	padding-bottom:30px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/text_bg.jpg);
	background-position:bottom;
	background-size:cover;
}

.cover-bg{
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/text_bg.jpg);
}
.bar-clear{
	background:none !important;
}

/* INTRO SLIDER */

.slider {
  height: 100%;
}
.slider-slide {
  padding-top: 80px;
  color: #000;
  background-color: #fff;
  text-align: center;

  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
}

#logo {
  margin: 30px 0px;
}

#list {
  width: 170px;
  margin: 30px auto;
  font-size: 20px;
}
#list ol {
  margin-top: 30px;
}
#list ol li {
  text-align: left;
  list-style: decimal;
  margin: 10px 0px;
}


/* Button : FAB
==================================*/
.button.button-fab,
.bar .button.button-fab {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 9999;
  width: 56px;
  height: 56px;
  max-height: initial;
  max-width: initial;
  border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.3s fade-in-out;
  transition: 0.3s fade-in-out;
  -webkit-transition-property: -webkit-transform, box-shadow;
  transition-property: transform, box-shadow; }

.button.button-fab.button-fab-bottom-right,
.bar .button.button-fab.button-fab-bottom-right {
  top: auto;
  right: 16px;
  bottom: 16px;
  left: auto;
  position: absolute; }

.button.button-fab.button-fab-bottom-left,
.bar .button.button-fab.button-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 16px;
  left: 16px;
  position: absolute; }

.button.button-fab.button-fab-top-right,
.bar .button.button-fab.button-fab-top-right {
  top: 32px;
  right: 16px;
  bottom: auto;
  left: auto;
  position: absolute; }

.button.button-fab.button-fab-top-left,
.bar .button.button-fab.button-fab-top-left {
  top: 32px;
  right: auto;
  bottom: auto;
  left: 16px;
  position: absolute; }

.button.button-fab.button-fab-top-left.expanded,
.button.button-fab.button-fab-top-right.expanded,
.bar .button.button-fab.button-fab-top-left.expanded,
.bar .button.button-fab.button-fab-top-right.expanded {
  top: 48px; }

.button.button-fab i,
.bar .button.button-fab i {
  font-size: 2.5rem;
  margin-top: 0; }

.button.button-fab.mini,
.bar .button.button-fab.mini {
  width: 40px;
  height: 40px; }

.button.button-fab.mini i,
.bar .button.button-fab.mini i {
  font-size: 2rem; }
  
ion-modal-view ion-content{
	margin-top:48px;
}

.border-bottom{
	border-bottom:#333 solid 2px;
}

@media (min-width: 680px) {
  .modal {
    top: 0px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
    margin-top: 20px;
  }
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
    height: 64px;
  }
  .platform-ios.platform-cordova .modal-wrapper .modal .has-header,
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
    top: 64px;
  }
  
  .login-form{
	  width:300px;
  }
}

.list .item.item-accordion {
  line-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.09s all linear;
}
.list .item.item-accordion.ng-hide {
  line-height: 0px;
}
.list .item.item-accordion.ng-hide-add,
.list .item.item-accordion.ng-hide-remove {
  display: block !important;
}

.item-icon-right .icon-value{
	font-size:14px;	
	color: black;	
}
.item-icon-right .icon-tanggal{
	font-size:10px;		
}

.item-icon-right .icon-accessory{
	font-weight: 900;
}


.profil-container{
    		min-height:250px;
    		position:relative;    		
    	}
.profil-container .profil{
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	padding:20px;
}
.profil-container .profil .image{
	width:80px;
	height:80px;  		
}
.profil-container .profil .image .circle{
	border-radius: 50%;	
}
.profil-container .profil .kelas{
	background:white;
	padding:3px 5px 3px 5px;
	border-radius: 3px;
}
		
.profil-container .mask{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#000;
	opacity:0.5;	
	z-index:0;
}

 ul{
    list-style-type: disc;
    padding-left:30px;
}
ol{
    list-style-type: decimal;
     padding-left:30px;
}

em{
	font-style:italic;
}

input, textarea {
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
}

.item-stacked-label .input-label{
	font-size:12px;
}

.book-statistics{
	font-size:10px;
	display:block;
}