/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css?family=Dosis:400,800');

body {
  overflow-x: hidden;
	background: #f6f5f7;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: 'Dosis', tahoma, sans-serif;
	height: 100vh;
	font-size:14px;
}
.putar {
	-webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.putar:hover {

  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.putar:after {

  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}
 
canvas {
background: black; 
border: 2px solid white; 
	background: -webkit-linear-gradient(to right, #1d193f, #1F151B);
	background: linear-gradient(to right, #1d193f, #1F151B);
  box-shadow: 0 14px 28px rgba(0,0,0,0.15),
			0 10px 10px rgba(0,0,0,0.12);
}
.kanan {
	text-align:right;
} 

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -12rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}
#sidebar-wrapper .sidebar-heading {
  padding: 0.995rem 1.25rem;
  font-size: 1.3rem;
  text-align:center;
  font-weight:bold;
  text-shadow:  2px 3px rgba(0,0,0,0.15),
			1px 3px rgba(0,0,0,0.12); 
			padding-bottom:7px; 

}
.sidebar-heading a {
	color: #ececec;
	text-decoration:none;
}
.sidebar-heading a:hover {
	color: #f0ad4e;
}
#sidebar-wrapper .sidebar-profil {
  text-align:center;
}
#sidebar-wrapper .sidebar-profil img {
  border-radius: 1%;
  max-width:10rem;
  max-height:12rem;
  box-shadow: 0 14px 28px rgba(0,0,0,0.15),
			0 10px 20px rgba(0,0,0,0.12);
}

#sidebar-wrapper .list-group {
  width: 12rem; 
}

#sidebar-wrapper .list-group .list-group-item-child{
	font-size: 14px;
  padding-left: 2rem;
  color:#a3a3bb;
  text-decoration:none;
}

.list-group .list-group-item-child:hover{
  text-decoration:none;
	color:#fafafa !important;
  background-color:rgba(70,70,120,0.42) !important;
}

#page-content-wrapper {
  min-width: 100vw;
}
 
#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.list-group a {
	background: rgba(40,40,40,0.12) !important;
	color:#efefef; 
  border-bottom: 5px solid transparent; 
} 

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -12rem;
  }
}
/* list sub menu hanyar */
ul.sub-menu {
				list-style-type: none;
			 
				padding: 0;
			}
	/* kada mau*/		 
ul.list-group li.active { 
	color:#fff;
  background-color:rgba(200,170,220,0.92) !important;
			}
	
/* inputan */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #acacac !important;
  font-style: italic;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #acacac !important;
  font-style: italic;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */

  color: #acacac !important;
  font-style: italic;
  opacity: 1; /* Firefox */
}

.flex {
	padding:20px 40px 10px 40px;
}

/* card */
.card-header a:hover{
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
	color:#33a;
}
.title-new{
	font-weight:bold;
	font-size:1.5rem;
	text-shadow: 0 2px 4px rgba(80,80,80,0.75);
	color:#3d3d5f;
}

.card-img-top {
	margin-top:10px;
	border-radius:10%;
	box-shadow: 0 14px 28px rgba(130,130,130,0.75),
			0 10px 20px rgba(130,130,130,0.12);
}

.card {
	box-shadow: 0 14px 28px rgba(150,150,150,0.25),
			0 10px 20px rgba(150,150,150,0.11);

}

/* icon font awsome */
.f24 {
	font-size:24px !important;
}

/* footer */
.footer {
	text-align:right;
	font-size:12px;
	position:fixed;
	right:5px;
	bottom:10px;
	width:50%;
	text-shadow: 0 2px 4px rgba(100,100,100,0.75);
}

/*custom */

.card-footer {
	background: rgba(250,250,250,0.75);
	margin-bottom:0px;
	padding-bottom:50px;
}

.table {
	font-size:0.8rem;
}


.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 12px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#f1_upload_process{
   z-index:100;
	position:fixed; 
   visibility:hidden;
   text-align:center;
   width:70%;
   height:70%;
   margin:0px;
   padding:0px;    
	background-color:#000; 
}
.upload_pdf { 
	margin-left:-40px;
}

.upload_pdf li {
	list-style-position:outside;
	list-style:none; 
}

.title.h5 {
	font-size:17px !important;
	font-weight:bold;
} 

.xsmall {
	font-size:10px !important;
	font-weight:bold;
}


/* RUNNING TEXT */ 
marquee {
	margin-top: 5px;
	width: 100%;
}

.runtext-container {
background-color:#D1C4E9; 
background-repeat:repeat-x; 
	box-shadow:0 5px 2px rgba(90, 90, 90, 0.4);

width: 100%;
overflow-x: hidden;
overflow-y: visible; 
padding:0 3px 0 3px;
margin-bottom:10px;
}

.main-runtext {margin: 0 auto;
overflow: visible;
position: relative;
height: 40px;
}

.runtext-container .holder {
position: relative;
overflow: visible;
display:inline;
float:left;

}

.runtext-container .holder .text-container {
	display:inline;
}

.runtext-container .holder a{
	text-decoration: none;  
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	line-height: -0.5em;
	font-size:18px;
}

.runtext-container .holder a:hover{
	text-decoration: none;
	color:#6600ff;
}


 
.faq-nav { 
    margin: 0 0 2px;
    border-radius: 2px;    
}
.faq-nav a {
	color: #6a6ac2;
	margin-right:3px;
	background-color:rgba(180,230,200,0.45);
    border-radius: 3px;    
    font-weight:bold;
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15); 
}
.faq-nav a:hover { 
	background-color:rgba(150,230,130,0.65);
}  


.tab-content:hover { 
   
}

.tab-content .card-header {
		color:#424233;
        padding: 15px 16px;
        border-radius: 0;
        background-color: rgba(52, 180, 163, 0.2);
        
         
    }

.tab-content .card-header a {
		color:#424213;  
    }
	 

.tab-content .card-header a:hover {
		color:#4242a3;  
		text-transform:none;
		text-decoration:none; 
    }
	 
.card-body {
	  box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15); 
	  color:#616161;
}

.card-header:hover {
	 box-shadow: 0 10px 15px rgba(85, 85, 185, 0.15);
} 



/* .accordion {
    > .card {
        &:not(:first-child) {
            border-top: 0;
        }   
    }
}

.collapse.show {
    .card-body {
        border-bottom: 1px solid rgba(0,0,0,.125);
    }
} */


#gaya {
	text-align:center;
	perspective: 25px;
}

#koyo {  
  transition: transform 0.5s; 
}