/* -----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Common
    2. All Content Wrraper

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Common
/*----------------------------------------*/
html,
body {
    height: 100%;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    background: #F6F7F9;
    color: #051E34;
}

:focus {
    outline: 0px;
}

img {
    max-width: 100%;
    height: auto
}

.fix {
    overflow: hidden
}

p {
    margin: 0 0 15px;
}

label{
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-weight: 700;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:visited,
a:link,
a:active {
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0 none;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

/*-----------------------------------------------------------------*/
input:invalid {
  box-shadow: none !important;
}

input.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid,
body .ui-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
body p-chips.ng-dirty.ng-invalid > .ui-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
body p-listbox.ng-dirty.ng-invalid .ui-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
body p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .ui-button,
body p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #DD7781 !important;
}

.ui-toast {
  margin-top: 65px !important;
}

.show-pass {
  position: absolute;
  top: 7px;
  right: 10px;
  cursor: pointer;
}

a.ui-dialog-titlebar-close {
  float: right;
}

.spacing-input {
  text-align: left;
  letter-spacing: 4px;
}

.spacing-input::placeholder {
  text-align: left;
  letter-spacing: normal;
}

.spacing-input:-ms-input-placeholder {
  text-align: left;
  letter-spacing: normal;
}

.spacing-input::-ms-input-placeholder {
  text-align: left;
  letter-spacing: normal;
}

[lang="bn"] .lang-bn {
  font-size: 12px !important;
}

.right-align {
  text-align: right;
}

.highlight {
  background-color: #f2ed6f;
  border-radius: 0;
  padding: 0px 1px;
}

.download {
  font-size: 30px;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

body .ui-inputtext:enabled:hover:not(.ui-state-error) {
  border: 1px solid #cccccc;
}

.ui-inputtext:enabled:focus:not(.ui-state-error) {
  box-shadow: none !important;
  border: 1px solid #498e4d !important;
}

.btn-link:hover {
  text-decoration: none;
  color: #07612d !important;
  background-color: transparent;
  border-color: transparent;
}

.btn-link{
  color: #498e4d !important;
}

.post-transfer-actions {
  display: flex;
  justify-content: end;
  align-items: center;
}