/*Application root style */
@import url(../reindeer/legacy-styles.css);

@import url(body/styles.css);

@import url(breadcrumb/styles.css);

@import url(calculation/styles.css);

@import url(compensation/styles.css);

@import url(creditandpayment/styles.css);

@import url(displayview/styles.css);

@import url(footer/styles.css);

@import url(header/styles.css);

@import url(home/styles.css);

@import url(import/styles.css);

@import url(profile/styles.css);

@import url(report/styles.css);

@import url(session/styles.css);

@import url(setting/styles.css);

@import url(common/table.css);

@import url(dashboard/styles.css);

@import url(inquiry/styles.css);

/*@import url(tree/styles.css);*/

@font-face {
	font-family: 'SegoeUI';
	src: url('fonts/segoeui.ttf');
}

@font-face {
	font-family: 'SegoeUI Bold';
	src: url('fonts/segoeuib.ttf');
}

@font-face {
	font-family: 'SegoeUI Italic';
	src: url('fonts/segoeuii.ttf');
}

@font-face {
	font-family: 'SegoeUI Light';
	src: url('fonts/segoeuil.ttf');
}

@font-face {
	font-family: 'SegoeUI Bold Italic';
	src: url('fonts/segoeuiz.ttf');
}

@font-face {
	font-family: 'SegoeUI Semibold';
	src: url('fonts/seguisb.ttf');
}

@font-face {
	font-family: 'SegoeUI Symbol';
	src: url('fonts/seguisym.ttf');
}

.v-app {
	background: #f4f4f4;
	color: #3d4546;
	font-family: SegoeUI, sans-serif;
	font-size: 14px;
	padding-bottom: 50px;
	width: 100%;
}

.editSaveCancel .v-button-caption {
	color: #1091ac;
	font-size: 14px;
	cursor: hand;
	text-decoration: none;
}

.editSaveCancel .v-button-caption:hover {
	color: #1091ac;
	font-size: 14px;
	cursor: hand;
	text-decoration: underline;
}

.v-verticallayout-floatinghelp {
	position: fixed;
	top: 20%;
	/*	width: 82px;
	height: 82px;
	right: 10px;
	z-index: 100; */
}

.floatingHelpButton .v-button-link:hover {
	background: red;
}

.v-textfield.v-disabled {
	font-weight: bold;
	/*color: #0000FF;
	opacity: 0.5;*/
	border: none;
}

.v-textfield.v-readonly {
	font-weight: bold;
	/*color: #0000FF;
	opacity: 0.5;*/
}
.v-textarea.v-readonly {
    background-color:#f4f4f4 !important;
}
.v-filterselect.v-readonly {
	/*opacity: 0.5;*/
}

.v-filterselect.v-readonly .v-filterselect-input {
	font-weight: bold;
	/*color: #0000FF;*/
}

.layoutWithBorderBottom {
	border-bottom: solid 1px #b5bbb9;
	padding: 0px 0px 5px 0px;
}

.v-table .v-table-cell-content-focus {
	background-color: #DAECF2;
}

.v-loading-indicator,.v-loading-indicator-delay,.v-loading-indicator-wait
	{
	background: url(common/icons/ajax-loader1.gif) no-repeat center;
	position: fixed !important;
	width: 66px;
	height: 66px;
	top: 35%;
	left: 50%;
	z-index: 30000;
}
/*
textarea.v-textarea-testTextArea{
	font-size: 20px;
	font-weight: bold;
}
*/


 .v-Notification-error {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    max-width: none;
    border: none;
    padding: 0;
    background: #FFFFFF; /* Or whatever you wish the modality curtain color to be */
    opacity: 0.8 !important;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    text-align: center; /* For IE */
    cursor:default;
}


.v-Notification-error .popupContent {
   text-align: left;
   max-width: 60%;
   margin: 0 auto;
   position: relative;
   top: 40%; /* Approximately in the middle */
   background: #D8EEF3  url(common/icons/notification_error.png) no-repeat; /* Depending on the notification type, choose an appropriate color */
   background-position:10px 10px;
   border: 3px solid #66CCFF ;
   border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
   padding: 10px;
   cursor:hand;
   /* Add whatever styles you wish here: border, border-radius, color, background etc. */
}

/*.v-Notification-error {
 		background: #E0E0E0  url(common/icons/notification_error1.png) no-repeat left center;
 		background: #000000  url(common/icons/notification_error1.png) no-repeat left center;
        border: 3px solid #808080 ;
        color: #fff;
}*/

.v-Notification-error .popupContent .gwt-HTML{
  	    background: url(common/icons/close.png) no-repeat right top;
}

.v-Notification-error h1 {
        padding: 0px 10px 0 40px;
        color: #3d4546;
}

.v-Notification-error p {
        padding: 0 10px 0 20px;
        color: #3d4546;
}


/* Make tab icon in the middle in chrome browser */
.v-tabsheet-tabitem .v-captiontext { 
     height: 16px; 
     line-height: 16px; 
     vertical-align:middle; 
} 

.v-tabsheet-tabitem:hover .v-captiontext {
	color:  #0080ff;
}
.v-tabsheet-tabitem-selected {
	cursor: default;
	
/*	border-top: 1px solid #0080ff ;border-left: 1px solid #0080ff ;border-right: 1px solid #0080ff ;border-bottom: 0px solid #fff ;*/
	/*background: #fff;*/
}
.v-tabsheet-tabitem-selected .v-captiontext {
	color:  #0080ff;
}
/*
.v-tabsheet-spacertd div {
	border-left: 0;
	border-bottom: 1px solid #aaa;
	height: 0;
	padding: 0;
}
*/
.v-textarea-noBorderTextArea {
	border: 0px;
}
/* Lay the options horizontally */
.v-select-optiongroup-horizontalOptionGroup .v-select-option {
    display: inline-block;
}

/* Avoid wrapping if the layout is too tight */
.v-select-optiongroup-horizontalOptionGroup {
    white-space: nowrap;
}

/* Some extra spacing is needed */
.v-select-optiongroup-horizontalOptionGroup
  .v-select-option.v-radiobutton {
    padding-right: 10px;
}

.paddingLeft20 {
	 padding-left: 20px;
}
.paddingRight20 {
	 padding-right: 20px;
}
.paddingSides20 {
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 0px;
	 padding-bottom: 0px;
}
.redborder {
	border-style: solid;
	border-color: #ff0000;
}

.v-gridlayout-borderBottom {
	border-style: solid;
    border-bottom: thick dotted #ff0000;
}
.smallMargin {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}