﻿
/*select2 in form floating*/
/*https://github.com/apalfrey/select2-bootstrap-5-theme/issues/21*/
.form-floating .select2-container--bootstrap-5 .select2-selection {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
}

 .form-floating .select2-container--bootstrap-5 .select2-selection > .select2-selection__rendered {
        margin-top: 0.6rem;
        margin-left: 0.25rem;
        font-size: 0.8125rem !important;
}

.select2-container {
    z-index: 9999;
}

#GeneralModal .select2-container--default {
    min-width: 100% !important; /* Set the minimum width here */
}

/*#GeneralModal .lbl-select2-container {
    z-index: 99999;
}*/

#GeneralModal .form-floating label {
    z-index: 9999;
}

#GeneralModal .form-floating .select2-container--default .select2-selection {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
}

    #GeneralModal .form-floating .select2-container--default .select2-selection > .select2-selection__rendered {
        margin-top: 0.6rem;
        margin-left: 0.25rem;
    }

#GeneralModal .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 18px !important;
}

/*End of select2*/

.planlist-back-btn{
    color:#fff !important;
}

#verificationcoderesend-btn {
    cursor: pointer;
}

/*.floating-select-label {
    z-index: 1000;
}*/
/*End of select2 form floating*/

span.fancytree-icon
{
    display:none !important;
}

#precessing-btn {
    display:none;
}

.profile-username-label{
    font-weight:bold;
}

.profile-change-link, .back-list-btn {
    color: #fff !important;
}

/* Position the top right corner */
.dataTables_length {
    margin-top: 10px;
    margin-left: 20px;
}

.form-control.input-validation-error, .form-select.input-validation-error, .was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);*/
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/*New custom css*/
/*Validation message*/
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}


/*Theme customize*/
body[data-layout=horizontal][data-layout-size=boxed] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header {
    max-width: 100% !important;
}

/*header customize*/
.navbar-header {
    height: 35px !important;
}

.topnav {
    margin-top: 35px !important;
}

.page-title-box {
    padding-bottom: 5px !important;
}

.topnav .navbar-nav .nav-link {
    padding: 0.5rem 0.5rem !important;
}

.footer {
    height: 30px !important;
    padding: 6px calc(24px / 2) !important;
}

/*For control css*/
/*.form-control {
    padding: 2px 3px !important;
    font-size: 12px !important;
}

.col-form-label {
    padding-top: 1px !important;
    padding-bottom: calc(.2rem + 1px) !important;
}

.form-select {
    padding: 2px 29px 2px 3px !important;
    font-size: 12px !important;
}
*/
/*.btn-sm {
    padding: 2px 0.4rem !important;
}*/

.logo {
    line-height: 35px;
}

.noti-icon i
{
    font-size:20px !important;
}

.btn-sm-nopadding {
    padding: 0px 0.4rem !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.modal-header {
    background-color: #f9f9f9;
    padding: 0.5rem 1rem !important;
}

.mobile-top-search-btn {
    height: 26px !important;
    font-size: 14px !important;
}

body[data-layout=horizontal] .page-content {
    margin-top: -2px;
    padding: calc(55px + 24px) calc(24px / 2) 25px calc(24px / 2);
}

.header-profile-user {
    height: 30px;
    width: 30px;
    margin-top: -6px;
}

.card {
    margin-bottom: 10px !important;
}

.card-body {
    padding: 0.50rem 0.50rem !important;
}

.hover-icon-container {
    display: none;
}

li:hover .hover-icon-container {
    display: inline;
}

.dt-search {
    display: none !important;
}

.table thead tr{
    border-top:none !important;
}

.table-responsive .justify-content-md-center
{
    margin-top: 0px !important;
}

.topnav {
    z-index: 1000 !important;
}

.header-item {
    height: 35px;
}

.dt-container .row:first-of-type {
    display: none !important;
}

.popover {
    border-color: #DEB887 !important; /* Change to match or customize border color */
}

/*.popover-arrow::after {
    border-top-color: #DEB887 !important;*/ /* Same as popover background */
/*}*/

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    border-left-color: #DEB887 !important;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    border-top-color: #DEB887 !important;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    border-right-color: #DEB887 !important;
}

@media (max-width: 992px) {
    .dt-container .row:first-of-type {
        display: none !important;
    }

    body[data-layout=horizontal] .page-content {
        margin-top: -29px !important;       
        padding: calc(54px + 24px) calc(14px / 2) 25px calc(14px / 2) !important;
    }

    .print-btn-sec-order-con {
        text-align: center !important;
    }

    .btn-custom-midium {
        padding: 3px 0.4rem !important;
        font-size: 14px !important;
        vertical-align: top !important;
    }

    .topnav {
        max-height: 450px;
    }

    .mobile-top-search-btn {
        height: 30px !important;
        font-size: 15px !important;
    }

    .card {
        margin-bottom: 10px !important;
    }

    .card-body {
        padding: 0.50rem 0.50rem !important;
    }

    hr {
        margin: 0.5rem 0 !important;
    }

    .header-item {
        height: 35px;
    }

    .page-title-box h4 {
        float: left !important;
    }

    .page-title-right {
        float: right !important;
        margin-top: -7px !important;
    }

    .row > * {
        padding-right: calc(var(--bs-gutter-x)* .2) !important;
        padding-left: calc(var(--bs-gutter-x)* .2) !important;
    }

    .dt-info
    {
        padding-top:0px !important;
    }

    .dt-container .justify-content-between {
        margin-top: 0px !important;
    }

    .table-card-body
    {
        margin:0 !important;
        padding:0 !important;
    }

    .top-filter .row > * {
        width: unset;
    }

    .top-filter-sterm-db {
        width: 59% !important;
        max-width: 300px !important;
    }

    .top-filter-sterm {
        width: 59% !important;
        max-width: 300px !important;
    }

    .margin-b-min-10 {
        margin-bottom: -10px;
    }
}

/*dropify plugin*/
        .dropify-message p {
    font-size:13px !important;
}


/*all about task related*/



.bh-task .select2-container--default {
    min-width: 150px !important; /* Set the minimum width here */
}

.bh-task .assign-to.my-day .select2-container--default {
    min-width: 100px !important; /* Set the minimum width here */
}

.bh-task .assign-to .select2-container {
    z-index: 999; /* Adjust as necessary */
}

#GeneralModal .select2-selection__choice {
    margin-top: 8px;
}

#db-latesttask-list thead {
    display: none !important;
}

table#db-latesttask-list > :not(:first-child) {
    border-top: none !important;
}

.mark-as-done-btn {
    font-size: 20px !important;
    text-align: center;
}

.task-short-action {
    font-size: 19px !important;
    text-align: center;
}

#db-latesttask-list_wrapper .col-12 {
    margin-top: 2px !important;
}

.radio-action-btn-cell {
    padding: 3px !important;
}

.quick-task-adding-section {
    background-color: powderblue !important;
}

.team-member-container .badge{
    font-size:95% !important;
}

/*jadmin ob*/

.textarea-ht150 {
    height: 155px !important;
}

.team-tree ul {
    list-style-type: none;
    padding-left: 20px;
}

.team-tree li {
    margin: 5px 0;
}

.team-toggle {
    cursor: pointer;
    font-weight: bold;
    display: block;
    color: #007bff;
}

.team-toggle:hover {
    text-decoration: underline;
}

.team-tree .collapsed::after {
    content: " ►";
}

.team-tree .team-members {
    display: none;
}

#GeneralModal .floating-94per-sec .select2-container--default {
    min-width: 90% !important;
}

#latestTaskList{
    min-height: 234px !important;
}
/*datatable*/

div.dt-processing {
    position: fixed !important;
}

.comment-actions {
    display: none; /* hidden by default */
    position: relative;
    right: 8px;
}

.comment-card:hover .comment-actions {
    display: inline-block; /* show only on hover */
}