.role-payment-authorizer .avatar, .avatar.role-payment-authorizer {
    background-color: #f8c3b9; }
.role-observer .avatar, .avatar.role-payment-observer {
    background-color: #d3d9d9; }
.role-payment-checker .avatar, .avatar.role-payment-checker {
    background-color: #bc91be; }
.role-payment-others .avatar, .avatar.role-payment-others {
    background-color: #bc91be; }
    
.panel-role.role-payment-observer {
    background-color: #ecf2f2; }
.panel-role.role-payment-checker {
    background-color: #eee3ef; }
.panel-role.role-payment-authorizer {
    background-color: #fbe5e1; }
.panel-role.role-payment-others {
    background-color: #eee3ef; }
    
.login-section .login-form-panel .has-success .form-control-s-line {
    border-color: #2e990d; }
.login-section .login-form-panel .has-success .form-control-s-line:focus {
    border-color: #2e990d; }
    
.export-button{
	padding: 10px 15px;
}

.change-pin-body{
	margin-bottom: 67px;
}

.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\003e"}

.single-company-header{display:inline-block; overflow:hidden; padding-right:0px; text-align:left}

  
@media (min-width: 992px) {
  .modal-banner {
    width: 100%; 
    vertical-align: middle;} }
 
.modal-banner img {
  display: block;
  margin: auto;
  padding-bottom: 20px;
  width: 85%;
  max-width: 500px;
  height: auto; 
  max-height: 900px;}
  
.pwd-indicator .indicator-status-show{display:block; }

.msa-expired{
	font-weight: bold;
    font-size: 18px;
}