/* reset default base font and font-size */
body,
.form-control,
.input-group,
.input-group-addon,
.dropdown-menu,
.btn { font-size: 13px; font-family:Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

/* reset fieldset styling */
fieldset { margin-bottom: 10px; }
fieldset legend { font-size: 16px; border-bottom: 1px solid #dddddd; color: #006ba7; padding-bottom: 2px; margin-bottom: 15px; }
/*
the following styles can be used when making fieldset collapsable, now it's disabled
fieldset legend:hover { color: #0088dd; border-bottom-color: #cccccc; cursor: pointer; }
fieldset legend.collapsed:after { content: "\f0da"; top: 2px; padding-left: 8px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
fieldset legend.collapsed:before { content: "Collapsed"; color: #999; float: right; margin-top: 4px; font-size: 11px; font-variant-caps: small-caps; }
*/

/* reset anchors color scheme */
a { color: #006ba7;  }
a:hover { color: #ff6600; text-decoration: none; }

/* reset some base color scheme */
.text-primary { color: #0085CA !important; }
.text-muted { color: #888 !important; }
.text-muted-lighter { color: #ccc !important; }
.text-small-caps { font-variant: small-caps; }

/* reset all form element placeholders color scheme*/
.form-control:focus { box-shadow: 0 0 2px 2px #b8e5ff; }
.form-control::placeholder { color: #d9d9d9; }
.form-control:-moz-placeholder { color: #d9d9d9; }
.form-control::-moz-placeholder { color: #d9d9d9; }
.form-control:-ms-input-placeholder { color: #d9d9d9; }
.form-control::-webkit-input-placeholder { color: #d9d9d9; }
.select2-selection__placeholder { color: #d9d9d9 !important; }

/* reset some base mouse cursor styles */
.btn,
.close,
.custom-radio,
.custom-checkbox,
input[type='checkbox'],
input[type='radio'] { cursor: pointer; }
.btn[disabled] { cursor: not-allowed; }

/* reduce the vertical spacing between form-groups */
.form-group { margin-bottom: 0.5rem; }

/* make sure the selects display the same height as the text input boxes */
select.form-control:not([size]):not([multiple]) { height: 31.5px !important; padding-left: 8px; }

/* give auto horizontal distance when form input controls display inline */
.form-inline .form-control { margin-right: 6px; }
.form-inline .form-control:last-child { margin-right: 0; }

/* define standard widths */
.form-datepicker,
.input-group-percentage,
.form-inline input.form-control,
.form-control-short { width: 160px; }
.form-control-shortest { width: 100px; }

/* make the active tab name more obvious */
.nav-tabs .nav-link.active { font-weight: bold; }

/* adjust original checkbox/radio alignment */
.table input[type=checkbox],
.table input[type=radio],
.k-grid input[type=checkbox],
.k-grid input[type=radio] { position: relative; top: 3px; margin-left: 4px; margin-right: 3px; }

/* adjust the customized checkbox/radio alignments to fit for the changed base font size */
.custom-checkbox .custom-control-indicator,
.custom-radio .custom-control-indicator { top: 0.48rem; }
.custom-control-description.hide-label { display: none; }
.custom-control-description { margin-top: 0.39rem; }
.form-inline .custom-control-description { margin-top: 0; }

/* adjust the background color of checkbox/redio */
.custom-checkbox .custom-control-indicator, .custom-radio .custom-control-indicator { background-color: #aaa; }

.custom-control-input:disabled ~ .custom-control-indicator { background-color: #bebec3; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {background-color:#0094ff }

/* reset some bootstrap table styles */
.table th,
.table td { padding-top: 8px; padding-bottom: 8px; }
.table thead { background: #f3f3f4; }
.table thead th { font-weight: normal; font-size: 11px; }
.table-striped tbody tr:nth-of-type(odd) { background-color: white; }
.table-striped tbody tr:nth-of-type(even) { background-color: #f9f9f9; }
.table-hover tbody tr:hover { background-color: #f3f3f3; }

/* give two more size options to bootstrap modal dialog, by default the modal size options only have sm, (default) and lg  */
/*.modal-xl { width: 1200px; max-width: 1200px; min-width: 1200px; }
.modal-full { width: calc(100% - 160px); max-width: calc(100% - 160px); min-width: 1200px; }*/

/* label font style */
.table thead th,
.form-group .col-form-label:first-child { font-size: 13px; color: #888; }

/* remove arrows in the number box */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

/* backgroud color */
.bg-darkgray {
	background-color: darkgray;
}

/* nav brand */
.navbar-brand {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-right: 0 !important;
}

.navbar .navbar-brand img {
	top: 0 !important;
	margin-right: 0 !important;
	height: 38px!important;
}

.VerLabel-warning {
	background-color: #f0ad4e;
}
.VerLabel-success {
	background-color: #5cb85c;
}
.VerLabel {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}