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

.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;
}

.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);}
}

.td-nowrap{
	white-space: nowrap;
}