.select2-container .select2-selection--single {
    height: 39px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 38px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 39px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    height: 39px;
}
.table-card .dt-paging{
    float: right;
}
.table-card td{
    font-size:11px;
}
.table-card td .btn-sm {
    padding: 0.2rem 0.4rem;
}
/* .modal-body{
     max-height: calc(100vh - 200px);
} */
.offcanvas-activity {
    --vz-offcanvas-width: 100%;
}
.offcanvas-body {
     max-height: calc(100vh - 120px);
}
@media (min-width: 768px) {
    .offcanvas-activity {
        --vz-offcanvas-width: 720px;
    }
}

@media (min-width: 1200px) {
    .offcanvas-activity {
        --vz-offcanvas-width: 900px;
    }
}
.offcanvas-footer {
    position: sticky;
    bottom: 0;
    background: #fff;
}
.select2-container .select2-selection--single{
    display: flex;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    padding: 0;
}
.gu-mirror {
    position: fixed !important;
    pointer-events: none
}
.text-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.text-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.swal2-container {
    z-index: 99999 !important;
}
.card-template-hover{
    transition-duration:200ms;
}
.card-template-hover:hover{
    background-color: rgba(55, 56, 57, 0.1) !important;
    border: 0 !important;
}
.card-template-hover .card-footer{
    background-color:unset;
}
.quotation .note-editor .note-toolbar > .note-btn-group{
    margin-top: 0;
}
.quotation .note-editor .note-toolbar{
    padding: 2px 0 2px 5px
}
.quotation .note-btn{
    padding: 1px 4px;
    font-size: 10;
}
.table-responsive .dt-paging{
    padding: 20px;
}
.daterange{
    background: #f1f1f1; 
    cursor: pointer; 
    padding: 5px 10px; 
    border: 1px solid #ccc; 
    width: 200px;
}
.notification-item.selected {
    background-color: rgba(13, 110, 253, 0.08);
}
.notification-list{
    max-height:400px;
    overflow-y:auto;
}
.cursor-move{
    cursor: move;
}