#loader {
		    bottom: 0;
		    height: 175px;
		    left: 0;
		    margin: auto;
		    position: absolute;
		    right: 0;
		    top: 0;
		    width: 175px;
		}
		#loader {
		    bottom: 0;
		    height: 175px;
		    left: 0;
		    margin: auto;
		    position: absolute;
		    right: 0;
		    top: 0;
		    width: 175px;
		}
		#loader .dot {
		    bottom: 0;
		    height: 100%;
		    left: 0;
		    margin: auto;
		    position: absolute;
		    right: 0;
		    top: 0;
		    width: 87.5px;
		}
		#loader .dot::before {
		    border-radius: 100%;
		    content: "";
		    height: 87.5px;
		    left: 0;
		    position: absolute;
		    right: 0;
		    top: 0;
		    transform: scale(0);
		    width: 87.5px;
		}
		#loader .dot:nth-child(7n+1) {
		    transform: rotate(45deg);
		}
		#loader .dot:nth-child(7n+1)::before {
		    animation: 0.8s linear 0.1s normal none infinite running load;
		    background: #00ff80 none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+2) {
		    transform: rotate(90deg);
		}
		#loader .dot:nth-child(7n+2)::before {
		    animation: 0.8s linear 0.2s normal none infinite running load;
		    background: #00ffea none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+3) {
		    transform: rotate(135deg);
		}
		#loader .dot:nth-child(7n+3)::before {
		    animation: 0.8s linear 0.3s normal none infinite running load;
		    background: #00aaff none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+4) {
		    transform: rotate(180deg);
		}
		#loader .dot:nth-child(7n+4)::before {
		    animation: 0.8s linear 0.4s normal none infinite running load;
		    background: #0040ff none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+5) {
		    transform: rotate(225deg);
		}
		#loader .dot:nth-child(7n+5)::before {
		    animation: 0.8s linear 0.5s normal none infinite running load;
		    background: #2a00ff none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+6) {
		    transform: rotate(270deg);
		}
		#loader .dot:nth-child(7n+6)::before {
		    animation: 0.8s linear 0.6s normal none infinite running load;
		    background: #9500ff none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+7) {
		    transform: rotate(315deg);
		}
		#loader .dot:nth-child(7n+7)::before {
		    animation: 0.8s linear 0.7s normal none infinite running load;
		    background: magenta none repeat scroll 0 0;
		}
		#loader .dot:nth-child(7n+8) {
		    transform: rotate(360deg);
		}
		#loader .dot:nth-child(7n+8)::before {
		    animation: 0.8s linear 0.8s normal none infinite running load;
		    background: #ff0095 none repeat scroll 0 0;
		}
		#loader .lading {
		    background-image: url("../images/loading.gif");
		    background-position: 50% 50%;
		    background-repeat: no-repeat;
		    bottom: -40px;
		    height: 20px;
		    left: 0;
		    position: absolute;
		    right: 0;
		    width: 180px;
		}
		@keyframes load {
		100% {
		    opacity: 0;
		    transform: scale(1);
		}
		}
		@keyframes load {
		100% {
		    opacity: 0;
		    transform: scale(1);
		}
		}

/*
#example,.btn-warning,.btn-info,.btn-success{
	 font-size:12px;
	}
	#example div{
		font-size:12px;
	}
	.dt-column-title{
		font-size:12px;
		color:#20002c;
	}
	#isibarang{
		font-size:12px;
	}
	.bg-info{
		background-color:#fff49b!important;
		color:#999!important;
	}
	.bg-info .text-white{
		color:#999!important;
	}
	.btn-success{
		background-color:#ff9b9b!important;
		
	}
	.btn-warning{
		background-color:#fff49b!important;
		color:#999!important;
		
	}
	#exmaple{
		text-align:left;
	}
	input.iptform{
		padding:10px;
		border-radius:5px;
	}
	select,.dt-search,.dt-layout-row,.select2{
	font-size:12px;
	}
.dt-length,.dt-buttons,.dt-search{
	float:left;
	margin:20px
	margin:30px
}
.dt-search{
	float:right;
}
	#example tr,td,th{
	color:#20002c;
	box-sizing:border-box;
	}
input, .select2{
	font-size:12px;
	
}	
.neonText {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;
}	
         .btn-grad {background-image: linear-gradient(to right, #1f2038 0%, #74afce  51%, #74afce 100%)}
         .btn-grad {
            //margin: 10px;
            //padding: 15px 45px;
            text-align: justify;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
	   letter-spacing:0.2em;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
 .btn-info {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.btn-info:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.btn-info:active {
	position:relative;
	top:1px;
}

.btn-warning {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	letter-spacing:0em;
}
.btn-warning:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.btn-warning:active {
	position:relative;
	top:1px;
}


        
.select2-container--open .select2-dropdown {
  max-height: 400px !important;  /* Adjust as needed */
  overflow-y: auto !important;
}
.col-lg-12,select2{
	font-size:12px;
	margin-top:5px;
	margin-bottom:15px;
}

#demo {
	display: flex;
	align-items: center;
	position: relative;
	max-width: 100%;
}

.input {
	font-size: 18px;
	padding: 5px 10px;
	width: 100%;
	padding-left: 35px;
	outline: none;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #C4D1EB;
	border-radius: 5px;
	box-shadow: 3px 3px 2px 0px #E2E2E2;
	transition: .3s ease;
}

.input:focus {
	background: #F2F2F2;
	border: 1px solid #5A7EC7;
	border-radius: 10px;
}

.input::placeholder {
	color: #DDDDDD;
}

.svg_icon {
	position: absolute;
	left: 10px;
	fill: #4660DC;
	width: 18px;
	height: 18px;
}

*/