/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 15, 2024, 11:46:10 AM
    Author     : ahmadyaseen
*/

.rejected {
    background-color: #ffdcdc;
}
.approved {
    background-color: #e9ffe9;
}
body .ui-overlaypanel{
    z-index: 1070 !important;
}
.bg-light-subtle {
    background-color: var(--vz-light-bg-subtle) !important;
}
.ui-inputgroup{
    height: 40px !important;
}
.list-group-item{
    border: 1px solid var(--vz-border-color) !important;
}
.list-group-flush.border-dashed .list-group-item:not(:last-child){
    border-bottom-width: 0 !important;
}
.list-group-item:not(:last-child) {
    border-bottom: 0 !important;
}
.profile-setting-img{
    height: 100px !important;
}

.ui-selectmanycheckbox .ui-selectmanycheckbox-responsive-group{
    background-color: #e2e2e2;
}

body .ui-chkbox .ui-chkbox-box{
    width: 23px !important;
    height : 23px !important;
}
.ui-inputnumber > .ui-inputfield{
    height: 38px;
    padding: .5rem .9rem !important;
}
.ui-inputnumber{
    padding: 0 !important;
}
.ui-growl-image{
    margin-top: -10px;

}
body .ui-growl .ui-growl-item-container .ui-growl-item{
    padding: 1.25rem !important;
    min-height: 65px !important;
}
.ui-growl-title{
    padding: 0 !important;
}
.ui-growl-message {
    margin-top: 5px;
}

body .ui-input-icon-left, body .ui-input-icon-right{
    height: 38px;
}



/* Tooltip container */
.btooltip {
    position: relative;
    display: inline-block;

}

/* Tooltip text */
.btooltip .btooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;

    bottom: 100%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.btooltip:hover .btooltiptext {
    visibility: visible;
}

body .ui-messages .ui-messages-error {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}


.ui-tooltip{
    max-width: 250px;
}

.tender-title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 40px;
    @supports (-webkit-line-clamp: 2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 40px;
    }
}


body .ui-dialog{
    overflow-y: auto;
    bottom: 5px;
}
.ui-commandlink.ui-state-disabled {
    color: gray !important;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
    margin-top: -0.65rem !important;
}
body .ui-state-disabled{
    opacity: 0.8 !important;
}
.ui-chkbox-box{
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    width: fill-available !important;
    width: 100% !important;
    max-width: 25px !important;
    height: 25px !important;
}
.ui-chkbox .ui-chkbox-label{
    font-weight: bold;
}
body .ui-datepicker.ui-input-overlay{
    z-index: 1060 !important;
    max-width: 80%;
}
.text-center>.ui-inputfield{
    text-align: center !important;
}
body .ui-datepicker .ui-datepicker-calendar td>span.ui-state-disabled {
    background-color: #efefef !important;
    color: gray !important;
}
.ltr{
    direction : ltr !important;
}
.p-datepicker-panel .ui-timepicker.ui-timepicker-timeinput input{
    text-align: center !important;
}
.home-overly{
    background-image: url(../images/landing/aaup.png);
    background-color: transparent;
    background-position: 
center;
    background-size: cover;
    opacity: .2;
}
.btn {

    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}
.btn-success {
    color: #fff !important;
    background-color: #0ab39c !important;
    border-color: #0ab39c !important;
}
.apply-div{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*.topbar-user .dropdown-menu{
    top: 50px !important;
}*/


@media (max-width:600px){
    .navbar-header .dropdown .dropdown-menu{
        top: 70px !important;
    }
    .toastify{
        max-width:100% !important;
    }
    .m-px-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.btn-primary {
    color: #fff !important;
    background-color: #405189 !important;
    border-color: #405189 !important;
}

body .ui-input-icon-right>i{
    margin-top: -0.75rem !important;
}

.navbar-landing-ten{
    box-shadow: 0 1px 16px -2px rgba(56, 65, 74, .15) !important;
}

@media (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        font-weight: 500;
    }
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        width: 100% !important;
    }

}
.form-control{
    border: 1px solid #a6a6a6 !important;
}
.entered{
    background-color: #d4ebfe94 !important;
}
.main_entered{
    background-color: #c5e3fc !important
}
.sec_not_entered{
    background-color: #f4f4f4 !important
}
body .ui-confirm-popup .ui-confirm-popup-footer {
    text-align: center !important;

}
.del{
    text-decoration: line-through #ff00005c !important;
}

.btn-md {
    padding-bottom: 0.3rem !important;
    padding-top: 0.3rem !important;
}

body .ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    background: #80b8e4;
    color: #fff;
}
.one-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.req-star-before:before{
    content: ' *';
    color: red;
}

[dir=rtl] .iti--allow-dropdown .iti__country-container {
    right: auto !important;
    left: 0 !important;
}

.bg-gray{
    background-color: #e3e3e3 !important;
}
.border-dark {
    border-color: #b9bbbd !important;
}

body .ui-button:not(.ui-paginator-page) {
    min-height: 40px;
}

.mob-100{
    width: 30% !important;
}
@media screen and (max-width: 960px) {

}

@media (max-width: 640px) {

    .mob-100{
        width: 100% !important;
    }
}

.ui-menuitem-icon-right{
    float: right !important;
}

.table-btn{
    font-size: 100%  !important;
}

.btn-info {
    color: #fff;
    background-color: #007ad9 !important;
    border-color: #007ad9 !important;
}
.del-ten{
    text-decoration: line-through !important;
    text-decoration-color: #ff000082 !important;
}

.filterBtn span.ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s
{
    display: none  !important;
}
.filterBtn  .ui-button-text{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.filter-menu{
    width: auto !important;
    text-align: center !important;
}