/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!DEPRECATED use sharedui.theme.shared....!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*@font-face {*/
  /*font-family: 'Sansation';*/
  /*src: url('tagesschrift.eot'); *//* IE 5-8 */
  /*src: local('☺'),             *//* sneakily trick IE */
        /*url('tagesschrift.woff') format('woff'),    *//* FF 3.6, Chrome 5, IE9 */
        /*url('Sansation_Regular.ttf') format('truetype'), *//* Opera, Safari */
        /*url('tagesschrift.svg#font') format('svg'); *//* iOS */
/*}*/


@import "../../fonts/notosans/regular/notosans.css";
@import "../../fonts/notosans/jp/notosansjp.css";
@import "../../fonts/notosans/kr/notosanskr.css";
@import "../../fonts/notosans/sc/notosanssc.css";
@import "../../fonts/notosans/tc/notosanstc.css";


textarea { overflow: auto; white-space: pre-wrap}

.title-1, .title-2 {
    font: normal 1.6em  "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
    color: #333333;
}

.label-0, .label-01, .label-001,.label-1,.label-2 , .label-3,.label-31 ,
.label-4,.label-41, .label-5, .label-6,
.label-7, .label-71, .label-8, .label-9, 
.label-10, .label-11, .label-12, .label-121,
.label-about, 
.txt-btn, .label-14,.label-15, .button1, .button2 {
    font-size: 13px; 
      font-family: "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
    color: #333;
}

.label-01 {
    font-weight: bold;
}

.label-0u {
    text-decoration: underline;
}

.label-001 {
    font-weight: bold;
    font-size: 12px;
}

.label-14 {
    font-size: 11px;
}

.label-1 {
    color: green;
}

.label-2 {
    color: #cc0000;
}

.label-5 {
    color: #527AAE;
    border-bottom: 1px dashed;
    font-weight: bold;
}

.label-3 {
    color: white;
    font-size: 14px;
}

.label-31 {
    color: white;
    font-size: 11px;
}

.label-4 {
    color: #5D5E62;
    font-size: 14px;
    text-decoration: underline;
}

.label-6 {
    color: #E0AD1B;
    font-size: 11px;
    text-decoration: underline;
}

.label-7 {
    color: #527AAE;
}

.label-71 {
    color: #527AAE;
    font-weight: bold;
}

.label-8 {
    color: #b95151;
    font-size: 11px;
    line-height: 1.0;
}

.label-9 {
    /*color: #5D5E62;*/
    font-size: 11px;
    line-height: 1.0;
}

.label-10 {
    color: #999;
    font-size: 12px;
}

.label-10-nowrap {
    color: #999;
    font-size: 12px;
	white-space: nowrap;
}


.label-11 {
    color: #999;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 3px;
}

.label-111 {
    color: #999;
    font-size: 11px;
}

.label-12 {
    color: #527AAE;
    font-size: 11px;
    text-decoration: underline;
}

.label-121 {
    color: #527AAE;
    font-size: 11px;
}

.label-122 {
    color: #527AAE;
    text-decoration: underline;
}

.label-13 {
    color: #5d9732;
}

.label-15 {
    color: #999;
    font-size: 10px;
    margin-top: 3px;
}

.label-16 {
    color: #999;
    font-size: 13px;    
}

.label-161 {
    color: black;
    font-size: 13px;
}

.label-about {
	margin-right: 20px;
    margin-top: 4px;
    text-align: right;
    font-size: 11px;
}

.txt-btn {
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.txt-btn.wh {
    color: white;
}

.txt-btn.bl {
    color: black;
}

.txt-btn.gray {
    color: #505050;
}

.button2 {
    color: #d26060;
    font-size: 11px;
    cursor: pointer;
    font-weight: normal !important;
}

/*----i.e. in Error dialog------ */
.title-2 {
    color: #cc0000;
}

.errorColor {
    color: #cc0000;
}

.cursor {
    cursor: pointer;
}

.italic-input .x-form-field {
    font-style: italic !important;
}


.gray-panel {
    height: 41px;
/*
    background : url(../img/gray-bg.gif) left top repeat-x;
*/
}


.gray-panel2 {
    background: #eee;
    height: 39px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

/*border on Skill Form*/
.skill-border {
    border-left: 1px solid #d6d6d6;
}

/*---------------------------     Extra styles---------------------*/

.extra-1 {              /* Used in Forms i.e. Users->Agent Form */
    margin-top: 3px;
    margin-left: 7px;
}

.extra-2 {              /* Used in Forms i.e. Users->Agent Form */
    margin-top: 15px;
    margin-bottom: 2px;
}

.extra-3 {        /*logical  spacing in form between fields*/
    margin-top: 20px;
}

.extra-4 {
    border-top:1px solid #7f7f7f;    
}

.extra-5 {
    margin: 7px 15px;
}
/* textButton margin*/
.tb-1 {
    margin: 2px 0 10px 5px;
}

.extra-6 {     /* label on Report Definitions -> Report */
    margin-bottom: 10px;
}

.extra-7 {   /* role category label */
	margin-top: 12px;
}

.float-l {
    float: left;
}

.opacity1 {
    opacity: 0.50 !important;
    filter: alpha(opacity = 50) !important;
}


.grid-group-not-collapse .x-grid-group-hd{
	cursor: default !important;
}

.gwt-PopupPanel {
    border: 3px solid #C3D9FF;
    padding: 3px;
    background: white;
}

.gwt-MenuBar {
    cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
    cursor: default;
    font-family: "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
    font-size: small;
    white-space: nowrap;
}
.gwt-MenuBar .gwt-MenuItem-selected {
    background: #E0EDFE;
}
.gwt-MenuBar .gwt-MenuItem-disabled {
    color: #c0c0c0;
}
.gwt-MenuBar-vertical {
    margin-top: 0;
    margin-left: 0;
    background: white;
}
.gwt-MenuBar-vertical table {
    border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
    padding: 4px 14px 4px 1px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
    padding: 2px 0;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
    height: 1px;
    padding: 0;
    border: 0;
    border-top: 1px solid #777777;
    background: #ddddee;
    overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
    padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
    background: #E0EDFE;
}
.gwt-Button {
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    background: url("../img/hborder.png") repeat-x 0 -27px;
    border: 1px outset #ccc;
}
.gwt-Button:active {
    border: 1px inset #ccc;
}
.gwt-Button:hover {
    border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
    cursor: default;
    color: #888;
}
.gwt-Button[disabled]:hover {
    border: 1px outset #ccc;
}

/*******************************************************************************/
/********************default styles for branding elements***********************/
/*******************************************************************************/
body, .b-viewport {
    background: #194EAE;
}
/****************************auth dialog****************************************/
.b-auth-win {
	background-color: white;	
}

.b-auth-win .popupContent {
}

.b-auth-content {
	padding: 100px 40px 40px 120px;
}

.b-auth-content td {
	padding: 5px;
}

.b-auth-heading {
	font-size: 18px;
	color: #333333;
}

.b-auth-label {
	font: normal 13px "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
	color: #333333;
	width: 	100px;
}

/*******************************top menu****************************************/
.b-top-menu {
	background-color: #1A3E75;	
}

.b-top-menu-a {
	background-color: #1A3E75;	
}

.b-top-menu-tab-container {
    position: fixed;
    left: 260px;
    top: 20px;
    z-index: 1;
}

.fix-3484 {
    position: absolute !important;
}

.b-top-menu-tab {
    border-top: 2px solid transparent;
    outline: none;
    white-space: nowrap;
    padding: 4px 15px 0 15px;
    height: 23px;
    float: left;
}

.b-top-menu-tab-selected {
    border-top: 2px solid #DFAD1C;
}

.b-top-menu-link {
    white-space: nowrap;
    float: left;
    margin: 6px 15px 0 15px;
    color: #E0AD1B;
    font: 11px "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
    cursor: pointer;
    text-decoration: underline;
}

.b-top-menu-link-container {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}
/*********************************navigation*****************************************/
.b-navigation .x-tree3-node-text {
    color: white;
    font-size: 11px;
    font-family:  "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
}

.b-navigation .x-tree3-el {border: 1px solid transparent;}

.b-navigation:focus .x-ftree2-selected {border: 1px dotted #E0AD1B;}

.b-navigation .x-ftree2-selected {
    background-color: #0052BF !important;
}

.b-navigation .x-ftree2-node-over {
    background-color: #66A7FF !important;
}
/**************************************************************************************/
.gwt-DateBox input {
  width: 8em;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
}

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

.errorpanel-wrap {
          background-color: #fff3f2;
          white-space: nowrap;
          height: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.gwt-SplitLayoutPanel-HDragger {
	background : url(../img/splitter-bg.png) left top repeat-y;
    border-top: 1px solid #5C5F68;
    border-bottom: 1px solid white;    	
    cursor: col-resize;
}