/* this css substitutes the old style/interface combo */
INPUT,
BUTTON,
SELECT,
TEXTAREA{
	margin: 1px 0;
	padding: 4px 4px;
	line-height: normal;
}
INPUT[type='text'], 
INPUT[type='password'], 
SELECT{
	min-height: 2em;
}
BUTTON:hover,
INPUT[type='button']:hover{
	opacity: 0.7;
}

INPUT.flat,
TEXTAREA.flat,
SELECT.flat{
	BORDER: 1px solid darkgray;
}
INPUT.error,
TEXTAREA.error,
SELECT.error{
	BORDER: 1px solid red;
	BACKGROUND-COLOR: #fff2f2;
}
INPUT[type='checkbox'].cb_error:focus{
	outline: 2px solid lightgray !important;
}
INPUT[type='checkbox'].cb_error{
	box-shadow: inset 0 0 0 1px red;
}

TEXTAREA.code{
	BORDER: 1px solid #888888;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: "Lucida Console", "Courier New", Courier, monospace;
}



INPUT.flat,
TEXTAREA.flat,
SELECT.flat,
INPUT.error,
TEXTAREA.error,
SELECT.error{
	margin: 1px 0;
	padding: 3px 4px;
	line-height: normal;
}

INPUT[type="radio"], 
INPUT[type="checkbox"]{
	margin: 6px;
	transform: scale(1.5);
	cursor: pointer;

}
/*
INPUT[type="radio"], 
INPUT[type="checkbox"]{
	appearance: none;
	border: 1px solid gray;
	border-radius: 2px;
	transform: scale(2);
	margin: 3px 3px 3px 4px;
}
INPUT[type="checkbox"]:checked{
	box-shadow: inset 0 0 0 1px white;
	background-color: #07f;
	border-color: #07f
}
INPUT[type="radio"]{
	border-radius: 50%;
	box-shadow: inset 0 0 0  1px white;
	background-color: white;
}
INPUT[type="radio"]:checked{
	background-color: #07f;
	border-color: #07f
}
*/

INPUT[type=submit][disabled=disabled],
INPUT[type=submit]:disabled,
BUTTON[disabled=disabled],
BUTTON:disabled {
	color:gray;
}

INPUT[type="file"]{
	height: 32px;
	/* padding: 2px; */
}

.select2-selection:focus,
INPUT:focus,
SELECT:focus,
TEXTAREA:focus{
	/* outline: 1px solid #bbb !important; */
	outline: 0 !important;
	box-shadow: 0px 0px 0px 1.5px #ddd;
	/* border-radius: 2px; */
}

INPUT:disabled,
SELECT:disabled,
TEXTAREA:disabled{
    color:darkgray;
}


INPUT[type="radio"] + label,
INPUT[type="checkbox"] + label{
	font-weight: normal;
	vertical-align: top;
	white-space: normal;
	margin-left: 3px;
	margin: 2px 3px;
}

BUTTON,
INPUT[type="button"],
INPUT[type="submit"]{
	padding: 4px 6px;
	border-radius: revert;
}

BUTTON[disabled], 
HTML INPUT[disabled] {
    color: #bbb;
}

SELECT{
	padding: 4px 0px 3px;
}

ACRONYM[title]{
	cursor: help;
	text-decoration: underline dotted green;
}

.intl-tel-input.separate-dial-code.allow-dropdown input, 
.intl-tel-input.separate-dial-code.allow-dropdown input[type=text], 
.intl-tel-input.separate-dial-code.allow-dropdown input[type=tel]{
	width:210px;
}

.input-append{
	border: 1px solid darkgray;
	padding: 4px 8px 4px;
	border-left-width: 0px;
	background: #eee;
	display: inline-block;
	line-height: 20px;
	height: 30px;
}
	

TD.celldisabled{
	color: #888888;
	height: 19px;
}
TD.info{
	font-style: italic
}
TABLE.tabledisabled{
	font-size: 9px;
	color: #990033
}
TABLE.tableenabled{
	color: #000000
}
TD.celldisabledc{
	font-size: 9px;
	color: #888888
}
TD.cellenabledc{
	font-size: 9px;
	color: #000000
}
TABLE.dblist TR.table_header TH{
	background-color: lightgray;
	border-bottom: 1px solid black;
}

	
.no-margin{
	margin: 0px !important;
}
.no-padding{
	padding: 0px !important;
}
.d-chkbox {
	white-space: nowrap;
}
.d-break{
	line-height: 18px;
}
	
.panel{
	-webkit-box-shadow: none;
    box-shadow: none;
}
.section-title{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.section-title IMG{
	vertical-align: baseline;
}
.form-horizontal .panel-error{
    padding: 0px 0px 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.form-horizontal .panel-heading{
	padding: 5px 0px;
}
.form-horizontal .panel-body{
	padding: 0px 0px 15px;
}
.form-group{
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
	margin-bottom: 5px;
}
.form-group > label{
	margin: 5px 0px;
}
.form-group > .input-info-value{
	margin: 5px 0px;
}

.login-form{
	max-width: 30rem;
	margin-top: 2.5rem;
}
.login-form .panel-heading{
	padding: .5rem 1rem;
}
.login-form .panel-body{
	padding: 1rem 1rem;
}
.color-red{
	color:red;
}
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('loading.ani.gif') 50% 50% no-repeat rgb(255,255,255);
}

/* btn (button) related */
.bootstrap-select .btn-default:hover,
.btn-default:active, 
.btn-default:focus, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default
{
	background-color: #fafafa;
}
.btn-default{
	border-color: darkgray;
}
.btn-wide{
	padding-left: 10px;
	padding-right: 10px;
}
.bootstrap-select .btn{
	padding: 3px 6px;
	border-radius: 0;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	width: 290px;
}

/* fa (Font Awesome) related */
.danger{
	color: red;
}
.marker{
	color: cadetblue;
}
.disabled{
	color: darkgray;
}
.user-info .fa-user{
	font-size: 16px;
}
th[align=center] {
    text-align: center;
}
th[align=right] {
    text-align: right;
}

label {
	font-weight: normal;
}