/* custom popup styles */
.customized-popup2{
   position: fixed;
   top:0;
   width:100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 99999;
}
.customized-popup2 > .overlay{
   width:100vw;
   height: 100vh;
   position: relative;
   top:0;
   right:0;
}
.customized-popup2 > .custom-dialog-popup{
   position: absolute;
   max-width: 90vw;
   max-height: 80vh;
   background: #FFFFFF;
}
.customized-popup2 .custom-dialog-body{
   padding:24px;
   max-width: 100%;
   max-height: 80vh;
   overflow: auto;
}
.customized-popup2 .custom-dialog-footer{
   padding:10px 24px;
   position: sticky;
   bottom:0;
   width:100%;
   box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.0552611);
   display: flex;
   justify-content: flex-end;
   align-items: center;
   column-gap: 6px;
   background-color: #fff;
}
.customized-popup2 .custom-dialog-footer .btn-dark {
   width: 134px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #1d1d1d;
   border-radius: 4px;
 }
 .customized-popup2 .custom-dialog-footer .btn-transparent{
   width: 134px;
   height: 40px;
   background-color: transparent;
   border: 0;
 }
.customized-popup2 .custom-dialog-body .close{
   position: absolute;
   top:10px;
   right:10px;
   font-weight: 100;
   opacity: 1;
   cursor: pointer;
   font-size: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 32px;
   width: 100% !important;
   font-size: 14px !important;
   max-height: 34px;
 }

 .select2-container *:focus {
   outline: none !important;
   border: 1px solid blue;
   box-shadow: 0 0 10px #719ECE;
 }
 .select2-container--default .select2-selection--single {
   max-height: 34px;
 }

 th {
   height: 67px !important;
 }
 .note-codable{
   display: none;
 }
 .edit {
   contenteditable: true;
 }
 #loading{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	}
	
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	.spinner-border{
		width: 1em !important;
		height: 1em !important;
	}

 [contentEditable=true]:empty:not(:focus):before {
   content: attr(data-text);
   color: #9e9e9e;
 }
.min-h-100{
  min-height: 100vh !important;
}
.t-center{
  text-align: center !important;
}
.padd-vert-50{
  padding: 50px 0;
}
@media(max-width: 768px){
   .transport_labour_cost_container{
      flex-direction: column;
      align-items: flex-start;
    }
   .customized-popup2 > .custom-dialog-popup{
       max-width: 95vw;
   }
   .customized-popup2 .custom-dialog-body{
       padding:32px 10px;
   }
   .customized-popup2 .custom-dialog-body .close{
       top:5px;
       right:5px;
   }
   .customized-popup2 .custom-dialog-footer{
       padding:10px;
   }
}