/* this css substitutes the old style/interface combo */
input,
button,
select,
textarea{
	line-height: 24px;
}
INPUT.flat,
TEXTAREA.flat,
SELECT.flat{
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
}
INPUT.flat,
TEXTAREA.flat,
SELECT.flat{
	BORDER-LEFT-COLOR: darkgray;
	BORDER-BOTTOM-COLOR: darkgray;
	BORDER-TOP-COLOR: darkgray;
	BORDER-RIGHT-COLOR: darkgray;
}
INPUT.error,
TEXTAREA.error,
SELECT.error{
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
}
INPUT.error,
TEXTAREA.error,
SELECT.error{
	BORDER-LEFT-COLOR: red;
	BORDER-BOTTOM-COLOR: red;
	BORDER-TOP-COLOR: red;
	BORDER-RIGHT-COLOR: red;
	BACKGROUND-COLOR: #fff2f2;
}

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

INPUT:focus,
TEXTAREA:focus,
SELECT:focus{
    outline: 1px solid #79ffff;
}
INPUT.flat,
TEXTAREA.flat,
SELECT.flat,
INPUT.error,
TEXTAREA.error,
SELECT.error{
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 24px;
}
INPUT[type="radio"], 
INPUT[type="checkbox"]{
	margin: 5px;
	transform: scale(1.5);
}

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


INPUT:focus,
SELECT:focus,
TEXTAREA:focus{
    outline: 1px solid #dec25b !important;
}


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


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

.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:216px;
}

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

TABLE{
	-border-collapse: separate;
	-border-spacing: 4px;
}
TD.cellenabled{
	-COLOR: #000000;
	-height: 19px;
}
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;
}
	
.section-title{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.section-title IMG{
	vertical-align: baseline;
}
.form-horizontal .panel-error{
    padding: 0px 15px 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;
}
.login-form{
	max-width: 500px;
}
.logig-form .panel-heading,
.login-form .panel-heading{
	padding: 5px 15px;
}
.logig-form .panel-body,
.login-form .panel-body{
	padding: 15px 15px;
}
.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);
}

.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;
}
.bootstrap-select .btn{
	padding: 4px 6px;
	border-radius: 0;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	width: 290px;
}