/*body styling*/

.app-body{
  background-color: #023037!important;
  transition: 0.5s background-color ease-in-out;
}

.welcomeMessage{
  color: #ffffff;
}

/*login form styling*/

.login-form{
  background-color: #023037;
}

.signIn{
  color: #ffffff;
}

.signIn-btn{
  background-color:#0096AD ;
}

label{
  color: #ffffff;
}

.login-input:focus{
  border: 2px solid #0096AD!important; ;
}

.login-card::before{
  background: linear-gradient(0deg,transparent,transparent,whitesmoke,whitesmoke,whitesmoke);
}

.login-card::after{
  background: linear-gradient(0deg,transparent,transparent,whitesmoke,whitesmoke,whitesmoke);
}

/*footer styling*/

.bg-footer-theme{
  background-color: #023D46 !important;
}

/*header styling*/

.header-section{
  background-color: #023037;
}

.bottom-header{
  background-color: #0096AD;
}

.headerAction-btn{
  color: #ffffff;
}


/*pagination styling*/

.previous-btn{
  background-color: #0096AD;
  border: 0.2px solid #0096AD
}

.next-btn{
  background: #0096AD;
  border: 0.2px solid #0096AD
}

.page-number{
  color: #DADDE6;
  background: #005561;
  border: 0.2px solid #0096AD
}

.activePage{
  background-color: #0096AD;
  color: #fff;
}

.next-btn-disable{
  background: #0096AD;
}
.mini-next{
  color:#ffffff;
}


/*dashboard card styling*/

.card-body-container{
  border: 1.8px solid #023D46;

}

.body-container{
  background-color: #023D46;
}

.body-container.active{
  background-color: #005561;
}

.card-write-up{
  color: #ffffff;
}


/*table styling*/

.custom-header{
  background-color: #005561;
  border-bottom: 0.5px solid #023037
}

.custom-table tbody tr{
  color: white;
  transition: 0.5s color ease-in-out;
}

.custom-table tbody tr:nth-child(odd) {
  background-color: #01343C;
}

.custom-table tbody tr:nth-child(even) {
  background-color: #023D47;
}

.bg-table{
  background-color: #005561!important;
  color: white;
}

.table-card{
  border: 1px solid #005561;
}

.active-button{
  border: 1px solid #0096AD!important;
  background-color: #0096AD!important;
}

.pending-btn:hover{
  border: 1px solid #0096AD;
  background-color: #0096AD;
}

.pending-btn{
  background-color: #01343C;
  color: #FBFCFE;
  border: 0.5px solid #465759;
}

.collect-btn{
  background-color: #0096AD;
}

.search-btn{
  background-color: #0096AD;
}

.bulk-approve{
  background-color: #0096AD;
}

.dropdown-li:hover{
  background-color: #0096AD;
  color: white;
  border-radius:2px;
}

.dropdown-li{
  border-bottom: 0.5px solid rgba(44, 48, 124, 0.3);
}

.action-btn{
  background-color: #0096AD;
}

.select-detail{
  color: white;
}

.select-row{
  border: 0.2px solid #0096AD;
  background-color: #005561;
  color: #FFFFFF;
}

/*view modal styling*/

.modal-bodyView{
  background-color:#023037;
}

.modal-header-content{
  background-color:#005561;

}

.input-write-up{
  border: 0.5px solid #056C7A;
  background-color: #023D47;
  color: white;
}

.application-btn{
  background-color: #0096AD;
}

.save-btn{
  background-color: #0096AD;
}

.viewModal-body{
  background-color: #023037;
}

.values-roll{
  background:#005561!important;
  border: 1px solid #056C7A !important;
}

.form-label{
  color: #ffffff!important;
}

.view-subHeaders{
  color: white;
}

.viewer-diver{
  border: 1px solid #056C7A;
}

.proprietor-title{
  color: white;
}

.proprietor-title::after{
  background-color: white;
}

.image-details{
  color: white;
}

/*view query details modal styling*/

.name-initials{
  background: #0096AD;
}

.modal-body{
  background-color:#023037;
}

.query-name,.query-time,.query-reason,.query-comment,.query-reason span,.query-header{
  color: white;
}

.query-section{
  background-color: #005561;
}

/* query modal styling*/

.query-modal{
  border: 1px solid #056C7A;
  background: #023037;
}

.sub-header{
  color: white;
}

.query-selector{
  border: 1px solid #056C7A;
  color: white;
}

::ng-deep .selected-item{
  color: white!important;
}

.query-textarea{
  background-color: #005561;
  color: white;
  border: 1px solid #056C7A;
}

.query-container{
  background-color: #005561;
}

.query-textarea:focus{
  outline: #056C7A;
}

.comment{
  color:white;
}

.query-comment-section{
  color: #ffffff;
}

/*information modal*/

.infoModal{
  background-color: #023037;
}

.infoParagraph{
  color: white;
}

/*bulk collection modal styling*/

.bulk-bg{
  background-color: #023037
}

.bulk-label{
  color: #ffffff;
}

.bulk-input{
  background-color: #023D47;
  color: white;
  border: 0.5px solid #056C7A;
}

.head-title{
  color: white;
}

/*post Incorporation view modal*/

.review-modal{
  background: #023037;
  border: 1px solid #056C7A;
}

.review-title{
  color: white;
}

.review-body{
  background-color: #023037!important;
}

.review-table{
  border: 1px solid #056C7A;
}

.table-head{
  color:white!important;
}

.table-content{
  color:white!important;
}

.head-container{
  border-bottom: 1px solid  #056C7A;
}

/*post incorporation query modal styling*/

.postQuery-reason{
  border: 1px solid #056C7A;
  color: white;
}

.review-title{
  color: white;
}

/*report styling*/

.outer-container{
  border: 1px solid #005561;
}

.card-body-container2{
  border: 1.8px solid #005561;
}

.table-card{
  border: 1px solid #005561;
}

.export-container{
  background-color: #005561;
}

.card-write-up2{
  color: white;
}

.calender-search{
  border: 0.5px solid #056C7A;
  background: #023D47;
  color: white;
}

.date-filter{
  color: white;
}

.query-number{
  color: white;
  font-family:Lato, sans-serif;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 15px;
  padding-top: 0;
  transition: 0.5s color ease-in-out;
}

.dance-loader{
  color: white;
}

/*checklist modal styling*/

.checklist-modal{
  background-color: #005561;
}

.td{
  color: white!important;
}

.Disclaimer p{
  color: white;
}

.checklist-header{
  color: white;
}

/*score styling*/

.low-score {
  color: red!important;
}

.medium-score {
  color: #bda10d!important;
}

.high-score {
  color: #0f874b!important;
}

/*forbidden page styling*/

.error__header{
  color: white;
}

.error__description{
  color: white;
}

.return-btn{
  color: white;
}