@charset "UTF-8";
#image{
    margin-top: 10px;
    width: 80px;;
    padding: 1px;
    font-weight: 300;
    padding-bottom: 0px;
    height: 45px;
    user-select: none;
    text-decoration: wavy;
    font-style: Fantasy;
    font-size: x-large;
    border: #212529 2px dotted;
    margin-left: -30px;
    font-family: Roboto; 
   /*  font-family: Brush Script MT, Brush Script Std, cursive; */ 
    background-color: #6c757d;
    background-image: url('/vcs/assets/images/captchaimage.png');
    color: #545b62;
}

/* input{
    border:1px black solid;
} */
.inline{
    display:inline-block;
}
#btn{
    box-shadow: 5px 5px 5px grey;
    color: aqua;
    margin: 10px;
    background-color: brown;
}

.btn-sm {
  font-size: 14px;
  padding: 2px 40px 2px 2px;
  line-height: 1; 
  margin-top: 10px;
}

.username-link {
    cursor: pointer; 
    color: blue; 
    text-decoration: underline; 
}

.username-link:hover {
    color: red; 
}
.query-info {
    padding-left: 20px; 
}
.reply-text {
    padding-left: 40px;
}

.query-info button.reply-button {
    color: blue;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-left: 10px;
    width: 50px; /* Adjust the width as needed */
    text-align: center;
}

.blue-button {
        color: blue;
        border: none;
    }
    
.padded-span {
        padding: 20px;
    }
        
 .info-container {
    display: flex; 
    align-items: flex-start; 
}

.info-text {
    flex: initial; 
    margin: 0; 
}

.info-dropdown {
    margin-left: 10px; 
}

.invisible-label {
    display: block; 
    visibility: hidden; 
    height: 0; 
    content: "\00a0"; 
}

.message-wrapper {
        margin-top: 5px; /* Adjust the spacing as needed */
        padding: 5px; /* Add padding around the wrapper */
        border: 1px solid #ccc; /* Add a border for visual separation */
        background-color: #f5f5f5; /* Add a background color */
}

.spacing-div {
        margin-bottom: 3px; /* Adjust the spacing as needed */
}
    
.hidden {
        display: none;
}
    
.main-loop.main-loop-cursor {
        cursor: pointer;
} 

.response-item {
    display: block;
}

.clickable-div {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 1px solid #ccc;
        padding: 5px;
        border-radius: 5px;
        background-color: #133c68;
}

.clickable-text {
        color: #fff;
/*         text-decoration: underline;
 */        margin-right: 5px;
}

.clickable-text:hover {
        color: #0056b3;
}

.text-fields {
    display: none;
}

.file-removebtn {
    margin-right: 20px; /* Adjust the value as needed */
}

#valuerleadtbl tbody td {
    text-align: center;
}

#legalinitiationleadtbl tbody td {
    text-align: center;
}

#valuerrequestleadtbl tbody td {
    text-align: center;
}

#valuerclosedreportleadtbl tbody td {
    text-align: center;
}

.fixed-newrequestbutton {
    position: fixed;
    bottom: 80px; 
    right: 20px; 
    z-index: 1; 
}

#vendorvaluationdetailstblview {
    border: 2px solid black;
  }

  #vendorvaluationdetailstblview thead th {
    border: 1px solid black;
  }


  #vendorvaluationdetailstblview tbody tr {
    border: 1px solid black;
  }


  #vendorvaluationdetailstblview td {
    border: 1px solid black;
  }


table.table-striped thead th {
    color: #b53737;
    border: 1px solid #262121;
  }


  table.table-striped {
    border: 1px solid #262121; 
    border-collapse: collapse;
  }


  table.table-striped tbody tr {
    background-color: #fff; 
  }


  table.table-striped tbody td {
    border: 1px solid #262121; 
    padding: 5px; 
  }
    
 .select2-initedit {
    width: 300px; 
 }
 
 .select2-legalinitedit{
    width: 300px; 
 }
 
 .select2-initreinitview {
   width: 300px;
 }
 
 
 .bold-mainqueryquestion {
    font-weight: bold;
}
 
.internalreplysubmitblue-button {
    color: blue;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    text-align: center;
}

#legalrequestleadtbl tbody td {
    text-align: center;
}

#legalclosedreportrequestleadtbl tbody td {
    text-align: center;
}

.card-header-text {
	margin-bottom: 0;
	font-size: 1rem;
	color: rgba(51, 51, 51, 0.85);
	font-weight: 600;
	display: inline-block;
	vertical-align: middle
}

.swal2-popup .swal2-input {
    margin-left: 80px; /* Adjust the margin-left as needed */
}

.custom-bankdropdown-width .select2-dropdown {
    width: 200px; 
}

/* .customernametext-container {
    white-space: normal; 
    word-wrap: break-word; 
    word-break: break-word; 
    overflow-wrap: break-word; 
    max-height: 100px; 
    overflow-y: auto; 
} */


/* .customernametext-container {
  white-space: nowrap; Prevent text wrapping
  overflow: hidden;    Hide overflowing text
  text-overflow: ellipsis; Show '...' for overflowing text
  max-width: 100%; Limit the width to fit within the container
  cursor: text; Allow the user to move the cursor inside the box
  border-radius: 5;
  box-shadow: none;
  border-color: #262121;
}

.customernametext-container:focus {
  overflow: visible; Make the entire text visible when the user focuses on the input
  white-space: normal; Allow text wrapping on focus
}
 */
 
 .customernametext-container {
  white-space: nowrap; 
  overflow: hidden;    
  text-overflow: ellipsis; 
  max-width: 100%;  
  height: 40px; 
  line-height: 1.5; 
  font-size: 1rem;
  border: 1px solid #ced4da; 
  border-radius: .25rem;
  display: block;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #262121;
  border-radius: .25rem;
}

.customernametext-container:hover {
  overflow: visible; 
  white-space: normal; 
}