.transaction-list .date {
  display: block;
  width:70px !important;
  text-align:center;
  margin: auto;
  min-width: 70px !important;
  overflow: hidden;
}

.deck-profile .input-date span,.deck-profile .input-date img{
  display:initial !important;
}

.deck .input-date span,.deck .input-date img{
  display:none;
}
.deck .input-date {
  min-width:70px;
  text-align:center;
}
.deck .input-date input{
  text-align:center;
  padding-left:0px !important;
  padding-right:0px !important;
  border:none;
  display:inline-table;
}
.deck .input-date #mmm{
  width:23;   
}
.deck .input-date #dd{
  width:15px;   
}
.deck .input-date #yyyy{
  width: 25px;
}
.deck-profile .input-date #yyyy{
  width: 30px;
}
.date-30 .input-date #yyyy{
  width: 30px;
}

.header .grid{
  border-bottom:none;
  text-align:center;
}
.header span{
  font-size:18px !important;
  color:#060505 !important;
} 
.header img{
  height:25px !important;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;

}
.deck{
  overflow-x:hidden;
}

.tran-holder::-webkit-scrollbar,.deck::-webkit-scrollbar ,.grid-scroll::-webkit-scrollbar {
  height: 8px !important;
  width: 8px !important;
  -webkit-appearance:auto !important;
  display:initial;
  position: absolute;
}

/* Track */
.tran-holder::-webkit-scrollbar-track,.deck::-webkit-scrollbar-track ,.grid-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;

}

/* Handle */
.tran-holder::-webkit-scrollbar-thumb ,.deck::-webkit-scrollbar-thumb ,.grid-scroll::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.tran-holder::-webkit-scrollbar-thumb:hover,.deck::-webkit-scrollbar-thumb:hover ,.grid-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.tran-holder-full-header input{
  font-size:12px !important;
  border:none !important;
  background-color:transparent;  
  padding:0px 3px !important;
}

.tran-holder-full-header .input-text{
  background-image: url("../images/blue-search.png");
  background-position:right;
  background-size:13px;
  background-repeat:no-repeat;
  width:95%;
  background-color:#fff;
  border-radius:5px;
  margin:5px auto !important;
  text-align:left;  
}
.tran-holder-full-header .input-text .MAIDccccaption{
  display:none;
}
.tran-holder-full-header{
  background-color: #000;
  min-height:30px;
  width:100%
}

.tran-holder-full-header .label{
  color:#f1f1f1 !important;
  font-size: 12px;
  /*display:block !important;*/
  text-align:center;
  padding-top:5px !important;
  width:100%;
}

.tran-holder-full{
  width: 100%;
  
}
.tran-holder-full .card {
  width:100%
}
.deck .trans-grid .MAIDccccaption{
  display:none;
}
.trans-grid .grid-row .grid-col{
  width:70px !important;
  min-width:70px !important ;
  max-width:70px !important;
  margin: 0px !important;
  padding: 0px !important;
  text-align:center;
  margin:auto;
}
.trans-grid .grid-row .grid-col:nth-child(6){
  width:230px !important ;
   min-width:230px !important ;
  max-width:230px !important;

}

.trans-grid .grid-row .grid-col:nth-child(9),.trans-grid .grid-row .grid-col:nth-child(10){
  width:40px !important ;
   min-width:40px !important ;
  max-width:40px !important;

}
.trans-grid .grid-row .grid-col:nth-child(13){
  width:50px !important ;
   min-width:50px !important ;
  max-width:50px !important;

}

.trans-grid .grid-row .grid-col:nth-child(15){
  width:50px !important ;
   min-width:50px !important ;
  max-width:50px !important;

}
.trans-grid .grid-row .grid-col:nth-child(15) .tx,.trans-grid .grid-row .grid-col:nth-child(17) .tx,
.trans-grid .grid-row .grid-col:nth-child(9) .tx,.trans-grid .grid-row .grid-col:nth-child(10) .tx{
  text-align:center;
}



.trans-grid input[type="number"] , .trans-grid .input-number .tx{
   text-align:right;
}
.trans-grid input{
  font-size:12px;
  border:none;
  background-color:transparent; 
  
}
.trans-grid input:focus {
 background-color:#fff;
 border-bottom:#ccc solid 1px;
}
.deck-settlement-files {
  max-height:30vh;
  background-color:#d4d4d4; 
  border-radius:4px;

}
.deck-settlement-files span{
  font-size:13px;
  color:#464545;

}
.deck-settlement-files img{
 height:14px !important;
}
.deck-settlement-files  .card:nth-child(2n+1) {
    background: #eaeaea
}
.deck-settlement-files   .card{
  margin:auto;
  width:95%;
  border-radius:5px;
}


.dashboard-columns {
  background-color:#000;
}
.dashboard-columns div{
  text-align:center
}
.dashboard-columns span{
  color:#ccc;
  font-size:13px;
  width:100%;
}
.pop-header {
  display:table;
  margin: 0px auto;
}
.pop-header span{
  display:table-cell;
  font-size:18px;
}
.center-popup .transaction-list{
   max-height:55vh;
}
.center-popup .deck-transaction{
   max-height:80vh;
   position:fixed;
}
/*
min-width:550px;
height:95vh;
*/
.counterparty-profile-list input{
  font-size:13px;
  text-align:center;
  border:none;
  background-color:#f1f1f1;
  border-radius:5px
}
.user-menu-holder div, .user-menu-holder span{
    padding:0px !important;
  margin:0px !important;
  min-height:0px !important;
}
.user-menu-holder span{
  height:15px !important;
}
.user-menu-holder input[type="checkbox"] {
    height: 15px;
    display: table-cell;
    width: 30px;
    -webkit-appearance: checkbox;
}
.menu-level1{
  font-weight:bold;
  border:none !important;
  min-height:0px !important;
}

.menu-level2 {
  border:none !important;
}
.menu-level2 span{ 
  font-size:14px;
  padding-left:20px !important;
}
.grid-scroll , .tran-holder{
  overflow-x:auto;
  overflow-y:hidden;
  margin-top:30px;
  display:block;
  max-width:100vw;

}
.grid-scroll > .grid-row >.grid-col,.tran-holder > .grid-row >.grid-col {
  min-width:100vw;
}
.grid-scroll.design-mode {
  margin-top:30px;
  min-width:initial;
  
}

.notification-list{
  margin-left:5px;
}
.notification-list  .card:nth-child(2n+2) {
    background: #eaeaea
}
.notification-list  .card{
  margin:0px !important;
}

.notification-list .input-date {
  text-align:center;
}
.notification-list input {
  border:none;
  background:transparent;
  font-size:13px;
}
.notification-list .dd, .notification-list .mm{
  width:20px;
}
.notification-list .yyyy{
  width:38px;
}
.notification-list .details span{
  padding:10px 0px !important;

}
.news-feed .title span{
  font-size:30px !important;
}
.clickable span{
    color:blue;
    text-decoration:underline;
}
.deck-profile{
  position:fixed;
  width:550px;
  max-width:100%;
  height: 98vh;
  background-color:#fff;
  top:0px;
  right:0px;
-webkit-box-shadow: -8px 10px 8px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -8px 10px 8px 0px rgba(0,0,0,0.5);
box-shadow: -8px 10px 8px 0px rgba(0,0,0,0.5);
}
.deck-profile .card{
  width:100%;
}
.deck-profile .card .icon img{
  height:20px;
  padding: 0px !important;
  margin:0px !important;
  margin-right: 5px !important;
}

.deck-profile .main-title{
  font-size:20px;
  text-align:center;

}
.deck-profile .grid-col{
  vertical-align:top
}
.profile-details input{
  font-size: 13px;
}
.profile-details textarea{
  font-size: 13px;
  height:fit-content;
}

.deck-profile .profile-details input[type="checkbox"]{
  height:15px;
}
.deck-profile .profile-details .input-date{
  text-align:left;
}
.deck-profile .profile-details .check-box span{
  height:fit-content;
}
.deck-profile .profile-details .check-box{
  border:none;
  width:fit-content;
  padding:0px !important;
  margin:0px !important;
}

.deck-profile .profile-details{
  width:95%;
}
.deck-profile .profile-details div{
  padding:0px !important;
  margin:0px !important;
}
.deck-profile .profile-details .object{
 padding:8px 3px !important;
 min-height:30px
}
.deck-profile .profile-details .grid-row:nth-child(2n+3)  {
    background: #eaeaea
}


.deck-profile .profile-details span, .transaction-list span{
  font-size:13px;
  padding:0px;
  margin:0px;
}

.deck-profile.design-mode{
    position:initial;
  width:initial;
  height:initial;
}
.notification-list .clickable:hover{
  cursor: pointer;    
}
.notification-list .notification-date span{
    font-size:10px;
}
.notification-list .unread{
  background-color:#ccc;
}
.counterparty-list-filter .column-title span{
  text-align:center;
  width:100%;
  display:block;
  color:#000;
}
.counterparty-list-filter div{
  margin:0px !important;
  padding:0px !important;

}
.white-icon img{
  height:25px !important;
}
.counterparty-list-filter .lookup .label{
  display:none !important;
}
.counterparty-list-filter{
  background-color:#ccc;
}
.counterparty-list-filter .input-text{
  background-image: url("../images/blue-search.png");
  background-position:right;
  background-size:13px;
  background-repeat:no-repeat;
}
.counterparty-list-filter .input-text,.counterparty-list-filter .lookup{
  width:97%;
  background-color:#fff;
  border-radius:5px;
  margin:5px auto !important;
  text-align:left;
}

.counterparty-list-filter input{
  font-size:12px;
  border:none;
  background-color:transparent;

}
.top-filter {
  background-color:#ccc;
  position: fixed;
    top:0px;
}
.top-filter.design-mode{
  position:initial;
}
.top-filter div{
  padding:0px !important;
  margin:0px !important;
}
.top-filter .check-box {
  padding-top:5px !important;
}
.top-filter .check-box .label{
  white-space:nowrap;
  height:initial;
}
.top-filter input[type="checkbox"] {
  height:15px;
  margin-top:0px !important;
}
.counterparty-list-filter .result-div{
  margin-top: 25px !important;
}
.counterparty-profile-list  .card{
    width:100% !important;
    min-height:25px;
}
.counterparty-profile-list  .card .input-number {
    text-align:right;
}

.counterparty-profile-list div{
  padding:0px !important;
  margin:0px !important;
  overflow:hidden;
}
.counterparty-profile-list  {
    height:85vh !important;
    width:99% !important;
    margin: 5px auto;
}
.counterparty-profile-list.design-mode{
    height:initial !important;
}

.counterparty-profile-list span{
    font-size:13px;    
}
.counterparty-profile-list  .card:nth-child(2n+2), .transaction-list .card:nth-child(2n+2) {
    background: #eaeaea
}

.close-label span {
       color:blue;
    text-decoration:underline; 
}
.transaction-list {
  max-height:75vh;
}
.transaction-list .grid-col{
  padding :3px ;
}
.transaction-list span{
 white-space:nowrap;
 text-align:center;

}

.tran-holder{
  min-height:70vh;
}

.deck-holder .column-title{
  background-color:#000;
}
.deck-holder-top >.grid-row >.grid-col{
  max-width:500px;
  overflow-y:scroll
}
.deck-holder .column-title .object span{
  display:block;
  text-align:center;
  font-size:13px;
  color:#fff;
}
.deck-transaction{
  width:620px
}

.red-flag span{
  color:red;
}
.trans-grid span,.trans-grid input {
  font-size:10px !important;
} 

.trans-grid ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8d9cf7 !important;
  font-size:10px !important;
}