/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/*
FORMS
*/
.form-control.valid {
	border-color: #00a65a;
	box-shadow: none;
}
.form-control.input-validation-error {
	border-color: #dd4b39;
	box-shadow: none;
}

.validation-summary-errors > ul {
	list-style: none;
	padding-left: 0px;
}
.validation-summary-errors > ul > li {
	list-style: none;
	padding-left: 5px;
}
.form-horizontal .text-danger {
	color: #dd4b39;
}
.callout > ul {
	list-style: none;
	padding: 0;
}
.form-horizontal .icheckbox_minimal-blue,
.form-horizontal .iradio_minimal-blue {
	width: 20px;
	height: 20px;
}
.form-horizontal .icheckbox_minimal-blue.hover {
	background-position: -20px 0;
}
.form-horizontal .icheckbox_minimal-blue.checked {
	background-position: -40px 0;
}
.form-horizontal .control-label.required::after {
	display: inline-block;
	content: '*';
	color: #f00;
	padding-left: 5px;
	vertical-align: top;
}
.form-horizontal .form-control.col-md-2 {
	width: 16.66666667% !important;
}
.form-horizontal .form-control.col-md-5 {
	width: 41.66666667% !important;
}
.form-horizontal span.field-validation-error {
	display: block;
	float: left;
	width: 100%;
}

/*
TABLES
*/
.table.table-hover > thead > tr > th {
	text-align: center;
}
.table.table-hover > thead > tr > th.desc {
	width: 12%;
}
.table.table-hover > thead > tr > th.desc {
	width: 12%;
}

.table.table-hover > tbody > tr > td.desc {
	position: relative;
}
.table.table-hover > tbody > tr > td.desc > .desc-text {
	height: 30px;
	line-height: 20px;
	overflow: hidden;
	z-index: 1999;
}
.table.table-hover > tbody > tr > td.desc > .tooltip .tooltip-inner {
	text-align: left;
}
.table td .label {
	font-size: 90%;
	padding: 0.35em 0.65em;
}
.form-horizontal .btn-group > label.btn-default,
.form-horizontal .btn-group > label.btn-default.active {
	background-color: #e6e6e6;
	border-color: #adadad;
	color: #333;
}
.form-horizontal .btn-group > label.btn-success,
.form-horizontal .btn-group > label.btn-success.active {
	background-color: #00a65a;
	border-color: #008d4c;
	color: #fff;
}
.form-horizontal .btn-group > label.btn-danger,
.form-horizontal .btn-group > label.btn-danger.active {
	background-color: #dd4b39;
	border-color: #d73925;
	color: #fff;
}
.form-horizontal .btn-group > label.btn-info,
.form-horizontal .btn-group > label.btn-info.active {
	background-color: #00c0ef;
	border-color: #00acd6;
	color: #fff;
}
.form-horizontal .btn-group > label.btn-warning,
.form-horizontal .btn-group > label.btn-warning.active {
	background-color: #f39c12;
	border-color: #e08e0b;
	color: #fff;
}

/*
Data Table
*/
.dataTables_wrapper .input-group .input-group-btn {
	width: 1% !important;
}
.dataTables_wrapper .dataTables_filter {
	padding-right: 10px;
}

/*
BUTTONS
*/
.btn-group > .btn-default.active,
.btn-group > .btn-default.active {
	background-color: #00a65a;
	border-color: #008d4c;
	color: #ffffff;
}

/*
Check Box
*/
#formLogin.form-horizontal .form-group {
	margin-bottom: 10px;
}

.form-horizontal .checkbox input[type='checkbox'],
.form-inline .checkbox input[type='checkbox'] {
	display: none;
	visibility: hidden;
	margin: 0;
}
.form-horizontal .checkbox,
.form-inline .checkbox {
	display: inline-block;
}
.form-horizontal .checkbox span,
.form-inline .checkbox span {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(blue.png) no-repeat;
	background-color: #fff;
	background-position: 0 0;
	background-size: cover;
	border: none;
	cursor: pointer;
}
.form-horizontal .checkbox:hover span,
.form-inline .checkbox:hover span {
	background-position: -20px 0;
}
.form-horizontal .checkbox.disabled span,
.form-inline .checkbox.disabled span {
	background-position: -72px 0;
	cursor: default;
}
.form-horizontal .checkbox :checked + span,
.form-horizontal .checkbox :checked ~ span,
.form-inline .checkbox :checked + span,
.form-inline .checkbox :checked ~ span {
	content: ' ';
	display: inline-block;
	visibility: visible;
	border: none;
	width: 20px;
	height: 20px;
	background: url(blue.png) no-repeat;
	background-position: -48px 0;
	background-size: auto;
}
.form-horizontal .checkbox :checked:disabled + span,
.form-horizontal .checkbox :checked:disabled ~ span,
.form-inline .checkbox :checked:disabled + span,
.form-inline .checkbox :checked:disabled ~ span {
	background-position: -96px 0;
	cursor: default;
}
.form-horizontal .checkbox label,
.form-inline .checkbox label {
	vertical-align: top;
}

.box-tools > .row > .col-sm-1,
.box-tools > .row > .col-sm-2,
.box-tools > .row > .col-sm-3 {
	float: none;
	display: inline-block;
	padding-right: 0;
	width: auto;
}
.box-tools > .form-search {
	text-align: center;
	margin: 5px;
}

/*
Dashboard
*/
.icon.icon-cpu {
	display: inline-block;
	background: url('../images/icons/icon-cpu.png') no-repeat 0 0;
	width: 42px;
	height: 42px;
}
.icon.icon-ram {
	display: inline-block;
	background: url('../images/icons/icon-ram.png') no-repeat 0 0;
	width: 60px;
	height: 25px;
}
.icon.icon-transaction {
	display: inline-block;
	background: url('../images/icons/icon-cross-line.png') no-repeat 0 0;
	width: 55px;
	height: 42px;
}
.icon.icon-time {
	display: inline-block;
	background: url('../images/icons/icon-time.png') no-repeat 0 0;
	width: 45px;
	height: 45px;
}

.btn-info:disabled {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
/* select2 extend */
.select2-container--default .select2-selection--single {
	border-color: #d2d6de;
	border-radius: 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 12px;
	line-height: 24px;
	text-align: left;
}
.select2-container .select2-selection--single {
	height: 30px;
}
.select2-results__option {
	font-size: 12px;
	font-weight: normal;
	display: block;
	white-space: pre;
	min-height: 1.2em;
	padding: 0px 10px 1px;
}
/*.select2-container--open .select2-dropdown {
	display: inline-table;
}*/

/* DataTable CSS */
.table td .label {
	font-size: 80%;
	padding: 0.35em 0.65em;
}
.dataTables_wrapper .dataTables_filter {
	padding-right: 10px;
}

.corners {
	border-radius: 25px !important;
	border: 1px solid #d2d6de;
	padding: 5px;
	width: 60%;
	text-align: center;
}
.btn-circle {
	border-radius: 25px !important;
	overflow: hidden;
}
.form-horizontal .form-group .control-label {
	padding-top: 0;
}
.form-horizontal .form-group span.label {
	font-size: 90%;
}
.form-horizontal .form-group span.label > i {
	font-size: 100%;
}

/* Temporary CSS */
.form-horizontal .form-group .form-control[disabled] {
	border: none;
	background-color: #fff;
}
.form-horizontal .form-group .control-label {
	padding-top: 0;
}
.form-horizontal .form-group span.label {
	font-size: 90%;
}
.form-horizontal .form-group span.label > i {
	font-size: 100%;
}

div.dataTables_wrapper div.dataTables_processing {
	border-radius: 6px;
	top: 15%;
	left: 40%;
	width: 30%;
	padding: 1.5em 0;
	background-color: #00c0ef !important;
	border-color: #00acd6;
	color: #fff;
	font-size: 18px;
}

/* Utilites */
.text-opacity-active:active {
	filter: opacity(0.5);
}

.pointer-none {
	pointer-events: none;
}

.cursor-pointer {
	cursor: pointer;
}

.disabled {
	filter: opacity(0.5) !important;
	pointer-events: none !important;
}

.status-box {
	font-size: 14px;
	color: white;
	line-height: 1.5rem;
	padding: 5px 10px 5px 10px;
	background-color: #3c8dbc;
	display: inline-block;
	min-width: 50px;
}

label.error {
	font-size: 10px;
	color: red;
}

/* Loader */
.site-loader {
	position: fixed;
	top: 0;
	left: 0;
	margin: auto;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

.loader-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.loader-1 {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.loader-1:before, .loader-1:after {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 5px solid transparent;
	border-top-color: #3498db;
}

.loader-1:before {
	z-index: 100;
	animation: spin 1s infinite;
}

.loader-1:after {
	border: 5px solid #ccc;
}

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

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #3498db;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px;
}