body {
	font-size: 13px;
}

.ui-datepicker-month, .ui-datepicker-year {
	color: black;
}

.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: 999px;
	text-align: right;
	opacity: 0;
	outline: none;
	background: #fff;
	cursor: pointer;
	display: block;
}

.loginbg {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.form-control {
	color: #404040;
	font-weight: 600;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>td {
	border: 1px solid #bfbfbf;
}

.ui-autocomplete { 
	z-index:2147483647; 
}

#datatable_length {
	float: left;
}

.canvasjs-chart-credit {
	display: none;
}

.skin-blue .main-header .navbar, .skin-blue .main-header .logo, .skin-blue .main-header li.user-header {
	background-color: #197783;
}

.main-header>.navbar {
	margin-left: 180px;
}

.main-sidebar, .left-side {
	width: 180px;
}

.main-header .logo {
	width: 180px;
}

.content-wrapper, .right-side, .main-footer {
	margin-left: 180px;
}

.modal-header {
	padding: 10px;
}

.dt-button {
    background-image : none !important;
    background-color: #00c0ef !important;
    border-color: #00c0ef !important;
    color: #fff !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-width: 1px !important;
}

.fc-left h2 {
	font-size: 18px;
}

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	.main-header>.navbar {
		margin-left: unset;
	}

	.main-sidebar, .left-side {
		width: unset;
	}

	.main-header .logo {
		width: unset;
	}

	.content-wrapper, .right-side, .main-footer {
		margin-left: unset;
	}
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: gray; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #197783; 
}
