@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body{
    background: url("../bg.jpg") no-repeat;
    background-size: cover;
    color:#333;
	font-size: 12px;
	font-family: "Ubuntu", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

a.user-profile, #menu_toggle {
    color: #fff !important;
}

.toggle a{
    padding-top:10px;
}

.nav.side-menu>li.current-page, .nav.side-menu>li.active{
    border-right: 5px solid #3b8194;
}

.left_col, .nav_title, .sidebar-footer a, .sidebar-footer {
    background: #343a40;
}

.page-title{
    padding-top: 50px;
    padding-bottom: 40px;
}

footer{
    border-top: 1px solid #efefef;
}

table .btn{
    margin:0;
}

.breadcrumb{
    padding: 0;
    background:none;
}

.page-item.active .page-link{
    background:rgba(52,73,94,0.94);
}

.page-link{
    color:#333;
}

.number-separator{
    text-align: right;
}

.uppercase{
    text-transform: uppercase;
}

.label-align{
    text-align: left;
}

span.section{
    font-size: 14px;
    color:#333;
}

hr{
    margin-top: 0;
}

.number-separator-indo{
    text-align: right;
}

.h3{
    margin: 0;
}

.login, body .container.body .right_col{
    background: transparent;
}

.x_content h2{
    color:#555;
}

.col-form-label{
    color:#73879C;
}

.dataTables_paginate a:hover{
    cursor: pointer;
}

.wizard_horizontal ul.wizard_steps{
    z-index: 1;
}

.tblClickRow tr > td{
    cursor:pointer
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,0.3);
}

#loader {
	display: inline-block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: yellow;

	-webkit-animation: spin 1.5s infinite;
	animation: spin 1.5s infinite;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left:5px;
	right: 5px;
	bottom: 5px;
	
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: orange;

	-webkit-animation: spin 1.5s infinite;
	animation: spin 1.5s infinite;
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left:15px;
	right: 15px;
	bottom: 15px;

	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: red;

	-webkit-animation: spin 1.5s infinite;
	animation: spin 1.5s infinite;
}

@-webkit-keyframes spin {
	0%   {-webkit-transform: rotate(0deg);}

	100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	0%   {transform: rotate(0deg);}

	100% {transform: rotate(360deg);}
}
.nav-sm .container.body .col-md-3.left_col.menu_fixed{
	height: 95% !important;
}

.x_title{
	background: whitesmoke !important;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.x_title button, .x_title.btn{
	margin-bottom: 0;
}

.tag{
	background: #3f5367;
}

.tag:after{
	border-left: 11px solid #3f5367;
}

.x_title h2 small{
	color: darkgray;
}

.dataTables_paginate a{
	background: none !important;
}

a.paginate_button.current{
	background: rgba(52,73,94,0.94) !important;
	color: #fff;
	border-radius: 5px;
}