.error {
    color: #a94442 !important;
    font-size: 14px !important;
    margin-top: 40px !important;
    display: block !important;
  }
.new-custom-button{
    float: right;
    font-size: 14px;
    height: 30px;
    vertical-align: middle;
    display: flex;
}
.req-form{
  padding:25px;
}

.login-form .form-group select {
  height: 50px;
  border: 1px solid rgba(97, 90, 191, 0.2);
  background: #ffffff;
  padding: 0 75px;
}

.login-form .form-group textarea {
  height: 50px;
  border: 1px solid rgba(97, 90, 191, 0.2);
  background: #ffffff;
  padding: 15px 75px;
}

.select2-container--classic .select2-selection--single{
  background-color:unset !important;
  border-radius:unset !important;
  background-image: unset !important;
  background-repeat: unset !important;
}

.select2-container .select2-selection--single{
  height:50px !important;
  padding: 0 75px;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered{
  height:50px;
  text-align:left;
  padding-top:10px;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow{
  background-color:unset !important;
  border-left:none !important;
  height:50px !important;
  background-image:unset !important;
  background-repeat: unset !important;
}

.view_req_button{
  color:green;
}
.delete_req_button{
  color:red;
}
.view_req_button,.delete_req_button,.edit_req_button,.complete_req_button{
  padding:5px;
  cursor:pointer;
}

.complete_req_button{
  color:#ffa500;
}
#requirement_table td{
  text-align:center;
}
.custom-modal .modal-header{
  background: #643af0;
  color: #FFF;
  height: 60px;
}

.custom-modal h5{
  font-size:20px;
  color: #FFF;
}

.custom-modal .span-h5{
  font-size:20px;
  color: #FFF;
}

.custom-modal .close{
  height: auto;
  width: auto;
  border-radius: 5px;
}

.custom-modal span{
  font-size:14px;
}

.custom-modal-label{
  font-weight:600;
}

.view-section .custom-modal-label{
  font-weight:600;
  font-size:14px;
}

.bid-section .custom-modal-label{
  font-weight:600;
  font-size:14px;
}

.custom-modal-det{  
  font-size:14px;
}

.custom-modal .row{
  padding: 8px;
  border-bottom:1px solid #8080802e;
}

.view-card{
  margin-top:10px;
}

.dataTables_wrapper .dataTables_length select{
  height: auto;
  width: auto;
  margin-bottom:20px;
}
.dataTables_wrapper .dataTables_filter input{
  height: auto;
  width: auto;
  margin-bottom:20px;
}

.req_tble_h5{
  margin-bottom:20px;
}

.filter-card{
  border: 1px solid #d3d3d370;
  border-radius: 10px;
  padding:7px !important;
  margin-bottom: 15px !important;
  width:85%;
}

.filter-card input,option{
  height: 30px;
  margin-top: 10px;
  margin-bottom:10px;
  font-size:13px;
}

.filter-card select{
  font-size:13px !important;
  height: 30px !important;
  margin-top: 10px !important;
  margin-bottom:10px !important;
  padding: 2px 15px !important;
}

.dashboard-widget .filter-custom-button{
  height: auto !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  margin-bottom: 25px !important;
}

.date-filter{
  text-align:center !important;
  font-weight:600 !important;
  font-size:14px !important;
  
}

.pd-rght{
  padding-right:2px !important
}

.pd-lft{
  padding-left:2px !important;
}

.bid-btn{
  background: #693ff5;
  color: #FFF;
  padding: 0px 8px;
  border-radius: 7px;
  cursor:pointer;
}

#requirement_bids_table td{
  text-align:center;
}

.view_bid_btn{
  font-size:13px;
}

.item-lbl{
  font-weight : normal;
}

#open-bid-detail{
  float:right;
}

.view-card{
  width:100%;
}
.view-section,.bid-section{
  border: 1px solid #d3d3d370;
  border-radius: 10px;
  padding:5px 20px !important;
  margin-bottom: 15px !important;
  margin-top:25px;
}

.bid_details{
  margin-top:20px;
}

.bid_details h6{
  color:#442db9;
  font-family: sans-serif;
  margin-top:15px;
}

.message-head{
  color:#442db9 !important;
  font-family: sans-serif;
  margin-top:15px;
}

.selectCheckbox{
  height:auto !important;
}

.bid_1_detail{
  background-color: #eddaf77d;
  border-right:1px solid #dcc8c8;
  padding:0px !important;
}

.bid_1_detail h5{
  border-radius:unset !important;
  justify-content: center;
}

.bid_1_detail .row{
  padding:8px !important;
  margin:0px !important;
}

.bid_2_detail .row{
  padding:8px !important;
  margin:0px !important;
}

.bid_2_detail h5{
  border-radius:unset !important;
  justify-content: center;
}

.bid_2_detail{
  background-color: #dfebf6;
  padding:0px !important;
}
.compare-view-more{
  display: flex;
  margin: auto;
  font-size: 13px;
  padding: 5px 15px;
  height: 35px;
  width: 200px;
  text-align: center;
  justify-content: center;
  background: -webkit-linear-gradient(135deg, rgb(255, 99, 222) 0%, rgb(216, 67, 226) 44%, rgb(177, 34, 230) 100%);
}

.odd td,.even td{
  font-size:14px;
}

.profile-modals input{
  height:30px;
}

.filter-custom-button{
  height: auto !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  margin-bottom: 25px !important;
}
.toast .toast-error{
  font-size:14px;
}

.toast .toast-success{
  font-size:14px;
}

.back-button{
  font-size: 13px;
  margin-bottom: 20px;
  font-weight: 600;
}

.back-button i{
  font-size:10px;
  padding-right: 5px;
}

.preview-box{
  border: 1px solid #ccc; 
  padding: 10px; 
  width: 100%; 
  height:90%;
  overflow: hidden;
}
.download-attachment{
  color: #693ff5;
  font-weight: bold;
  font-size: 13px;
  width: 100%;
  text-align: center;
}

.attachmnet-outer{
  width:30%;
  height:150px;
}

.attachment-table{
  margin-top: 10px;
}

.det-right{
  border-right:1px solid lightgrey;
}

.swal2-html-container p{
  font-size:15px;
  line-height:1.5;
}

.swal2-title{
  font-size:30px;
}

#swal-select{
  height:auto !important;
  font-size:15px !important;
  padding:5px;
  border-radius:5px;
}
.swal2-validation-message{
  font-size:15px !important;
  padding:5px 0px !important;
}
#open-req-filter{
  float:right;
}
.submit-fraud-button{
  height: auto !important;
  padding: 12px 20px !important;
  font-size: 15px !important;
}

.message-section{
  border-radius: 5px;
  border: 1px solid #d3d3d370;
  padding: 7px;
}

.chat-message{
  max-width: 50%;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
}

.from-user {
  align-self: flex-end;
  background-color: #d1f5d3;
  float:right;
}
.from-other {
  align-self: flex-start;
  background-color: #f1f1f1; /* Light grey for received messages */
  float:left;
}

.user-icon {
  font-size: 30px;
  color: #888;
}

/* User Name */
 .user-name {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-left: 5px;
}

/* Message Body */
.message-body {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
}

/* Message Data Table (4 columns) */
.message-data-table {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  border-collapse: collapse;
  background-color: #f9f9f9;
}

.message-data-table th, .message-data-table td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
}

.message-data-table th {
  background-color: #f1f1f1;
  font-weight: bold;
}

.message-data-table td a {
  color: #007bff; /* Link color */
  text-decoration: none;
}

.message-data-table td a:hover {
  text-decoration: underline;
}

/* Message Timestamp */
.message-timestamp {
  font-size: 12px;
  color: #888;
  margin-top: 5px;
  position: absolute;
  right: 10px;
  bottom: 0px;
}

.message-header {
  display: flex;
  align-items: center;
} 

.dropzone-row{
  max-height:100px !important;
}

#send_message_model textarea{
  height:auto !important;
}
.msg-table{
  margin-bottom:10px;
}
  
.send-msg-buttn i{
  padding-right:5px !important;
}

.bid-now{
  font-size:13px;
  font-weight: bold;
}

.contact-form-div{
  margin-bottom:25px;
}

.footer-company{
  color:#fb8271 !important;
  font-weight: bold;
}

.about-description {
  font-size:14px;
}

.requirement-list-content{
  width: calc(100% - 255px) !important;
}

.search-description{
  font-size:14px !important;
}

.search-description::after {
  content: none !important;
}

.search-view-all{
  font-size:17px;
  color:#ffffff;
  float:right;
}

.search-row{
  margin-bottom:20px;
}

.search-btn{
  border-radius:5px !important;
}

.site-name-footer{
  color:#ffffff;
}

.new-thums{
  width: 110% !important;
  position: absolute !important;
  top:-255px !important;
  right:-110px !important;
}