/* Container for the Main Application Content */

html, body {
	height: 100%;
}
body{
	min-width: 1320px;
}

@-moz-document url-prefix() { 
  body{
	position: relative;
	}
}
img.logo {
	width:164px;
	
}
.logoutText {
	display: inline-block;
	margin-top:2px;
}

.page-title {
	color:#0b486e;
	padding: 12px 0 6px;
	background-color: white;
}

DIV.t-error {
	margin:14px 0;
	background: white;
}

.t-error div {
	display: none;
}

.t-banner.t-banner.t-banner {
	font-weight: normal;
	background-color:#E40808;
	display: none;
}

img.t-error-icon {
	display: none;
}
.t-error li {
	font-weight: normal;
    font-size: 13px;
    margin-left: 12px !important;
    margin-bottom:0 !important;
    color: #E40808;
}
 
INPUT.t-error:focus, TEXTAREA.t-error:focus, SELECT.t-error:focus {
	border-color: red;
	color: red;
}

img.t-calendar-trigger {
    vertical-align: text-bottom;
    margin-bottom: 0px !important;
    vertical-align: baseline;
    margin-bottom: 1px !important;
}

.add-links a {
	text-decoration: underline;
}
.add-links a:hover {
	text-decoration: none;
}


/* Date Picker */
.datePicker {
	border: 1px solid #2488c2 !important;
}
.datePicker .header {
	background-color: #3899D1 !important;
	border-bottom: 1px solid #2488c2 !important;
}
.datePicker td {
    padding: 0 !important;
    border: none !important;
}
.datePicker td.selected {
    background-color: #287EB0 !important;
}
.datePicker .grid {
    background-color: #E9F3F7;
}
.datePicker .footer {
    background-color: #CFE9F3;
}
/*
button.ui-datepicker-trigger {
	display: none;
}*/
div.t-palette-controls button[disabled] img {
	/* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=30);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.3;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.3;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.3;
}

IMG.t-sort-icon {
	vertical-align: middle;
	margin-top:-1px;
}

.TroubleSigningIn {
	width: 450px;
}
/* Data Grid */

.t-data-grid.t-data-grid {
	font-family: 'Roboto' , sans-serif;
}


/* file upload*/
.qq-upload-list.qq-upload-list {
	width:300px;
	
}


/* Menu Navigation */

.nav.tabs .ftabset{
	margin-top:5px;
}

.nav.tabs .ftabset li {
	border:none;
	border-right: 1px solid black;
	border-radius:0;
	margin:0;
	background:none;
}

.nav.tabs .ftabset li a {
	margin : 0;
	padding: 3px 6px;
	color: black;
}

.nav.tabs .ftabset LI.active-item {
	background: none;
	width: auto;
	height:auto;
}
.nav.tabs .ftabset li.active-item a {
	color: #3899d1;
}

.nav.tabs .ftabset li:last-child {
	border-right: none;
}

.tab__content {
	padding: 9px;
}

.flyout--alt.is-devPM-clientPM:hover > .flyout__content {
	top: 2px !important;
}
.flyout--alt.is-devPM-clientPM:hover > .flyout__content .fa {
    top: -3px !important;
}

/* fix issue dot out line of navigation */

.tab-navigation.tab--background ul li.active-item a {
	outline: none;
}

/* fix issue have scroll in firefox */

#dialogConfirmationJQuery {
	min-height: 93px !important;
	height: auto !important;
}
.ui-dialog .ui-dialog-content {
	 height: auto !important; 
}

.ui-dialog.view-image-dlg {
	max-width: 1100px !important;
/* 	width: auto !important;
    max-width: 90% !important; */
}
.ui-dialog.view-image-dlg .ui-dialog-content{
    max-height: 800px !important;
}

/* zone loading  */
#reportFilterForm .zone-loading-overlay{
	background-color: transparent;
}


.label-checkbox label, .label-radio label{
	cursor:pointer;
}

.wrapper-btn-in-filter {
	margin-top:3px;
}

/* UI Alerts */

.ui-alerts {
	overflow: hidden;
	position: absolute;
	top: 2px;
	right: 2px;
	outline: 0;
	background: #d8e8f5;
	webkit-box-shadow: 0 1px 10px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 10px 2px rgba(0,0,0,.5);
	border: 0 solid rgba(0,0,0,.2);
	border-radius: 4px;
	z-index: 99999;
	height: auto;
    min-width: 300px;
    padding: 12px;
    color: #222;
    display: none;
}