@charset "UTF-8";

.main-menu a:hover{
    text-decoration:none;
}
label.required:after {
    content: "*";
    color: #ff5c75 !important;
}
.tableoverflow{overflow :hidden;}
th a:link, th a:link, th a:visited, th a:active {
    text-decoration: none;
    color: #617182;
}
.advGridViewCellWrap {
    text-overflow: ellipsis;
    white-space: nowrap !important;
}
td .actions{position:relative;}

.err-icon {
    color: #b80722 !important;
}
.select2-container{
    top: -2px;
}

input[type=radio], input[type=checkbox] {
    margin-right: 5px;
    vertical-align: -2px;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    margin-top: -2px;
}
.ui-icon {
    -webkit-appearance: none !important;
}

.desktop-action a{
    text-decoration:none !important;
}

.noshadow {
    box-shadow: none !important;
}

.tooltip {
    z-index: 51;
}
.modal-xl {
    max-width: 100%;
}

.custom-file,
.custom-file-input,
.custom-file-label {
    height: calc(2.25rem + 2px);
}

select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control {
    height: auto;
}

.input-group-sm > .form-control:not(textarea) {
    height: auto;
}

.hintLink {
    text-decoration: none !important;
    padding: 2px;
}

    .hintLink i {
        font-size: 26px;
        padding: 3px;
    } 

.dataTables_paginate {
    width:auto !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f3f3f3 !important;
}
/*to prevent overlay multi select listbox outside of parent div on scrolling*/
.select2-container {
    z-index :0 !important ;
}
/*to prevent showing checkbox over the list dropdown of multi select listbox */
.custom-control {
    z-index: 0 !important;
}

.mobile-action .btn:hover .icon {
    min-width: 100%;
    padding: unset;
    height: unset;
    line-height: unset;
    background: inherit;
}

.mobile-action a.btn:hover {
    background: #D61E3B;
}
.modal.nested-modal .modal-content {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
/* AI Chatbot */
#crm-chatbot-wrapper .chat-wrapper {
    border-radius: 16px;
}

@media (max-height: 799px) {
    #crm-chatbot-wrapper df-messenger {
        --df-messenger-chat-window-height: 485px;
    }
}

@media (min-height: 800px) {
    #crm-chatbot-wrapper df-messenger {
        --df-messenger-chat-window-height: 600px;
    }
}


#crm-chatbot-wrapper df-messenger {
    --df-messenger-chat-window-width: 460px;
    --df-messenger-chat-window-box-shadow: 0px 1px 4px 1px #00000080;
    box-shadow: 0px 1px 4px 1px #00000080;
    border-radius: 50%;
}
/* AI Chatbot */