/* Common content layout .css */
/* shawn edit */
#content .title_main {
    color: #264085;
    font-size: 26px;
    padding-bottom: 5px;
    padding-right: 20px;
    display: inline;
}

.WalletBlock1{
    overflow: auto;
    width: 100%;
}

.WalletWidthControl{
	min-width: 1140px;
    max-width: 1300px;	
}

.WalletSelector {
    display: inline-block;
    vertical-align: middle;
}
.VerticalTexTop{
    display: inline-block;
    vertical-align: text-top;
 }

.ui-selectonemenu {
  line-height: 20px !important;
  color: #363636 ;
  letter-spacing: 0.24px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #DFE3E9 !important;
  background: #FFFFFF ;
  padding-right: 18px;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  -moz-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  text-align: left;
  cursor: pointer;
  padding-left: 10px; }
  
.ui-selectonemenu:hover {
  border: 1px solid #adb1b5; }

.WalletUI .ui-inputfield {
  padding: 0px 18px 0px 10px !important;
  font-size: 14px;
  font-weight: 500 !important;
  letter-spacing: 0.24px;
  border-radius: 4px 4px 4px 4px !important;
  color: #363636;
  background: #FFFFFF;
  font-family:'Rajdhani', sans-serif !important;
}

.ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s{
  margin-top: 2px !important; 	
  margin-right: 5px !important; 	
}

.ui-selectonemenu-trigger ui-state-default ui-corner-right{
  z-index: 10;
  margin: -16px 0px 0px 124px;
  font-size: 9px;
  color: #55626F;
  position: absolute; 
 }

.ui-selectonemenu.ui-state-hover, .ui-selectonemenu.ui-state-focus,
.ui-selectonemenu.ui-state-active {
 	background-color: white;
 	border: 1px solid #03a9f4 !important;
 	color:#363636 !important;
 	font-family: 'Rajdhani', sans-serif !important;
 }

body{
	font-family: 'Rajdhani', sans-serif !important;
	font-weight: 500;
}

.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{
	padding: 0px !important; 
	border-bottom: 0px !important;
}

.ui-selectonemenu{
	width: auto !important;
}

.ui-selectonemenu-items {
	font-size: 14px !important;
	color: #363636 !important;
	display: block;
	padding-left: 10px;
	padding-right: 10px; 
}
 
.ui-selectonemenu-panel .ui-selectonemenu-list-item { 
	font-size: 14px;
	color: #363636;
	display: block;
	font-family: 'Rajdhani', sans-serif !important;
	font-weight: 500 !important;
	border-bottom: 1px solid #DFE3E9;
	padding: 5px 11px 5px 11px !important;
}
  
.ui-selectonemenu-panel .ui-selectonemenu-list-item:last-child { 
	border-bottom: 0px solid #DFE3E9;	
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item:hover { 
	background: #f7f7f7;	
}
 
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover{
	border: 0px !important;
}

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger, .ui-fluid .ui-selectcheckboxmenu-trigger{
    width: 16px !important;
    height: 16px !important;
    border-bottom: 0px !important;
 }

.WalletSubmenu {
    float: right;
    display: inline-block;
    padding-left: 5px;
}

.WalletSubmenu .ui-button{
	background-color: transparent !important;
}

.WalletSubmenu .ui-button-text-only .ui-button-text {
    padding: 2px 2px 2px 2px !important;
    color: #264085 !important;
}

.WalletSubmenu .Seperator{
	display: inline-block;
	padding-right: 3px;
	color: #264085 !important;
}

.WalletSubmenu .active {
      font-weight: 600 !important;
      border-bottom: 1px solid #264085; 
}
      
.WalletSubmenu .inactive {
      font-weight: 500 !important;
      border-bottom: 0px solid #FFFFFF; 
}

.CreateButton {
	  height: 24px !important;
	  color: #FFFFFF !important;
      background: #55626F !important;
      border-radius: 12px 12px 12px 12px !important;
      font-weight: 600 !important;
      float: right;
}

.CreateButton .ui-button-text {
  display: inline !important;
  padding: 0px 20px 0px 20px !important;
}

.WalletUI .AdvanceSearchTab{
    margin-right: 17px;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #4A6DB3 !important;
    line-height: 30px;
    background-color: transparent !important;
}

.AdvanceSearchTab .ui-button-text {
	padding: 2px 2px 2px 6px !important;
}

.SearchButton{
	width: 100px;
	height: 22px;
	padding:0px 0px 0px 5px !important;
	background: #55626F;
	-webkit-border-radius: 12px 12px 12px 12px !important;
	-moz-border-radius: 12px 12px 12px 12px !important;
	border-radius: 12px 12px 12px 12px !important;
	border: none;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer; 	
}

.SearchButton .ui-button-text {
    padding: .3em 2em .5em 2.1em !important;
    display:inline !important;
}

.ui-button.ui-state-hover, .ui-button.ui-state-focus,
 .ui-button.ui-state-active {
	background-color: #4A6DB3;
}

.InputText {
  height: 22px;
  text-align:left !important;
  -webkit-border-radius: 4px 4px 4px 4px !important;
  -moz-border-radius: 4px 4px 4px 4px !important;
  border-radius: 4px 4px 4px 4px !important;
  border: 1px solid #DFE3E9 ;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
  color: #363636;
  padding-right: 20px; }
  
 .ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus,
 .ui-inputfield.ui-state-active{
 	background-color: white;
 	border: 1px solid #03a9f4 !important;
 	color:#363636 !important;
 	font-family: 'Rajdhani', sans-serif !important;
 }
 
.TableHeader{
	text-align: left !important;
	font-family: 'Rajdhani', sans-serif !important;
	width: auto !important;
    height: auto !important;
    font-size: 14px !important;
    color: #363636 !important;
    letter-spacing: 0.2px !important;
    font-weight: 600 !important;
}

.TableColTex{
	text-align: left !important;
	font-family: 'Rajdhani', sans-serif !important;
	width: auto !important;
    height: auto !important;
    color: #363636 !important;
    letter-spacing: 0.2px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.ui-paginator .ui-paginator-current{
    font-size: 14px !important;
    color: #949494 !important;
    font-family: 'Rajdhani', sans-serif !important;
}

.ui-datatable {
	border: solid 0px #e0e0e0 !important;
}

.ui-datatable table thead tr th {
	padding-top:10px !important;
	padding-bottom:10px !important;
    border-bottom: 1px solid #949494 !important;
}

.ui-datatable table tbody tr td {
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.ui-paginator .ui-state-active, .ui-paginator .ui-state-hover, .ui-paginator .ui-paginator-pages .ui-state-active, .ui-paginator .ui-paginator-pages .ui-state-hover {
    color: #949494 !important;
    background-repeat: no-repeat;
    border-bottom: solid 2px #949494 !important;
}

.ui-datatable .ui-sortable-column-icon {
	color: #363636 !important;
}

.CloseButton{
	width: 66px;
	height: 20px;
	background: #55626F;
	-webkit-border-radius: 12px 12px 12px 12px !important;
	-moz-border-radius: 12px 12px 12px 12px !important;
	border-radius: 12px 12px 12px 12px !important;
	border: none;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer; 
}

.CloseButton .ui-button-text{
	display: inline !important;
	padding: 2px 4px 2px 2px !important;
}

.SearchDropDown{
    padding: 0px;
    line-height: 22px;
    color: #363636;
    letter-spacing: 0.24px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #DFE3E9;
    background: #FFFFFF;
    padding-right: 18px;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
    text-align: left;
    cursor: pointer;
    padding-left: 10px;
    font-family: 'Rajdhani', sans-serif !important;
}

/* firefox work, but chrome not work */
option{
	font-family: 'Rajdhani', sans-serif !important;
    font-size: 14px !important;
    color: #363636 !important;
    display: block !important;
    border-bottom: 1px solid #DFE3E9 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.PlusButton, .MinusButton{
	width: 18px;
	height: 18px;
	background: #55626F;
	-webkit-border-radius: 12px 12px 12px 12px !important;
	-moz-border-radius: 12px 12px 12px 12px !important;
	border-radius: 12px 12px 12px 12px !important;
	border: none;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	margin-top: 2px !important;
	cursor: pointer; 
}

.PlusButton .ui-button-text, .MinusButton .ui-button-text {
	display: inline !important;
	padding: 2px 2px 2px 2px !important;
}

/* position adjustment  */
.MarginLeft300{
	margin-left: 300px;
} 

.MarginLeft10{
	margin-left: 10px;
} 

.MarginTop6{
	margin-top: 6px !important;
} 

.AlRightWid10{
	width:10%; 
	float:right;
}

.AlRightWid28{
	width: 28%;
    float: right;
    display: flex;
}

.Wid0.5{
	width:0.5%; 
}

.PaddingRight3{
	padding-right: 3px !important;
}

.PaddingLeft56{
	padding-left: 59px !important;
}

.PaddingLeft40{
	padding-left: 40px !important;
}

#exportType .ui-selectonemenu {
	display: inline-flex !important;
}

.DatePicker{
    line-height: 20px !important;
    max-width:500px;
    color: #363636 !important;
    letter-spacing: 0.24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px !important;
    text-align: left !important;
    cursor: pointer !important;
}

.DatePicker input{
	background-image: url("#{resource['app:images/wallet/date.png']}") !important;
	background-repeat: no-repeat !important;
	background-position: 95% !important;
	height: 22px !important;
	width: 153px;
	padding: 0px 10px !important;
}

.DatePicker .ui-inputfield{
	border: 1px solid #DFE3E9 !important;
	background-color: white !important;
}

.ViewButton{
	width: 108px;
	height: 22px;
	background: #55626F;
	-webkit-border-radius: 12px 12px 12px 12px !important;
	-moz-border-radius: 12px 12px 12px 12px !important;
	border-radius: 12px 12px 12px 12px !important;
	border: none;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer; 	
}

.ViewButton .ui-button-text {
    display:inline !important;
}

.EnableButton, .DisableButton, .ActivateWalletButton {
	height: 24px !important;
	color: #FFFFFF !important;
	background: #FF6033 !important;
	border-radius: 12px 12px 12px 12px !important;
	font-weight: 600 !important;
}

.SaveButton, .EditButton, .CancelButton, .ExportButton {
	height: 24px !important;
	color: #FFFFFF !important;
	background: #55626F !important;
	border-radius: 12px 12px 12px 12px !important;
	font-weight: 600 !important;
}

/* .EditButton .ui-button-text {
 	display: inline !important;
	background-image: url("#{resource['app:images/wallet/btn_gear.png']}") !important;
	background-repeat: no-repeat !important;
	background-position: 20% !important;
	height: 22px !important;
}
 */
.SaveButton .ui-button-text, .CancelButton .ui-button-text, .EditButton .ui-button-text { 
 	display: inline !important;
 	padding: .3em 1em .1em 2.5em !important
}

.EnableButton .ui-button-text, .DisableButton .ui-button-text, .ActivateWalletButton .ui-button-text, .TerminateWalletButton .ui-button-text {
	display: inline !important;
 	padding: .2.5em 1em .1em 2.5em !important
}

.barHistory {
	text-align: center; }
 
.barHistory svg {
	background: #ffffff; }
 
.barHistory .tick {
	stroke: black;
	opacity: 1;
	stroke-width: 0.2px; }

.barHistory path {
	opacity: 0;
	stroke-width: 0.2px; }

.barHistory text {
	font-size: 12px; 
	font-weight: 400;}	
	
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    padding: 0px;
    line-height: 22px;
    color: #363636;
    letter-spacing: 0.24px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #DFE3E9;
    background: #FFFFFF;
    padding-right: 18px;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
    text-align: left;
    cursor: pointer;
    padding-left: 10px;
    font-family: 'Rajdhani', sans-serif !important;
}

.ui-datepicker {
	border-radius: 12px 12px 12px 12px !important;
    border: 1px solid #DFE3E9;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    width: auto;
    overflow: visible;
    height: 24px !important;
    color: #FFFFFF !important;
    background: #55626F !important;
    border-radius: 12px 12px 12px 12px !important;
    font-weight: 600 !important;
    border: #55626F;
}

.ui-datatable table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e {
    background-image:url("#{resource['app:images/wallet/plus_ret.png']}") !important;
    background-size: 100%;
    width: 16px;
    height: 16px;
}
.ui-datatable table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s {
    background-image:url("#{resource['app:images/wallet/minus_ret.png']}") !important;
    background-size: 100%;
    width: 16px;
    height: 16px;
}

.QuickSearchBlock {
    padding: 3px 0px 0px 110px;
    display: inline-flex;
}

#usageHistoryForm .ui-selectonemenu{
	display: inline-flex;
}

.QuickSearchBlockInline {
    padding: 0px 0px 0px 110px;
    display: inline;
}

.SubtableBorder{
	border: 1px solid #363636;
}

/*Jason edit  */


/* refer to {.wallet_details .wall_details_summary .label}*/
.label {
    padding-left: 17px;
    width: 110px;
    font-size: 12px;
    float: left;
}

/* refer to {.wallet_details .wall_details_summary .label2}*/
.label2 {
    border-left: 1px solid #EBEBEB;
    padding-left: 17px;
    width: 110px;
    font-size: 12px;
    float: left;
}

/* refer to {.wallet_details .wall_details_summary .field}*/
.field {
    font-size: 14px;
    float: left;
}

/* refer to {.wallet_details .wall_details_summary .field_2}*/
.numberField {
	font-size: 36px;
	color: #264085;
	letter-spacing: 0px;
	width: auto;
	line-height: 50px;
	text-align: center; 
}

/* refer to {.wallet_details .wall_details_summary .field_3}*/
.dollarField {
	padding-top: 12px;
	width: 50px;
	padding-left: 10px;
}

/* refer to {.wallet_details .wall_details_summary .field_3 p}*/
.dollarField p {
	line-height: 12px;
	font-size: 12px; 
}

.red_text {
    color: #FF744C;
}

.green_text {
    color: rgb(126, 212, 33);
}

.grey_block {
    -webkit-border-radius: 10px 10px 10px 10px !important;
	-moz-border-radius: 10px 10px 10px 10px !important;
	border-radius: 10px 10px 10px 10px !important;
	margin-right: 0px;
/* 	margin-top: 8px; */
	display: inline-block;
	background: #BABABA;
	line-height: 22px;
	font-size: 12px;
	padding-left: 13px;
	padding-right: 13px;
	color: #FFFFFF;
}


input[type="text"].ui-state-error, textarea.ui-state-error {
	border: 1px solid #f03369 !important;
}

input[type="text"].ui-state-error:hover, textarea.ui-state-error:hover {
	border: 2px solid #f03369 !important;
	border-bottom: 2px solid #f03369 !important;
}

.walletDetails-creditAlertDetailCardContent {
	padding: 0px 15px 10px 15px;
    letter-spacing: 0.2px;
    line-height: 28px;
    font-weight: 500; 
}

.fileDownloadBtn, .fileDownloadBtn.ui-state-hover, fileDownloadBtn.ui-state-focus, fileDownloadBtn.ui-state-active {
	background-color: transparent !important;
	padding: 0 !important;
}

.fileDownloadBtn span, .fileDownloadBtn.ui-state-hover span, fileDownloadBtn.ui-state-focus span, fileDownloadBtn.ui-state-active {
	font-weight: 500 ;
    font-size: 12px;
	color: #FFFFFF !important;
	font-style: italic;
	letter-spacing: 0.25px;
	box-shadow: none !important;
}

#fileDownloadForm2 span {
	display:inline-block;
	font-weight: 500 ;
    font-size: 12px;
	color: #FFFFFF !important;
	font-style: italic;
	letter-spacing: 0.25px;
	box-shadow: none !important;
}

#logout {
	display:inline-block;
	font-weight: 500 ;
    font-size: 12px;
	color: #FFFFFF !important;
	letter-spacing: 0.25px;
	box-shadow: none !important;
}

#endImpersonate {
	display:inline-block;
	font-weight: 500 ;
    font-size: 12px;
	color: #FFFFFF !important;
	letter-spacing: 0.25px;
	box-shadow: none !important;
}