/*Master page header menu section -- start*/

.header-my-inbox-link .custom-svg-icon {
    height: 1.6em;
    width: 1.6em;
}

.header-my-inbox-badge {
    top: 0.2rem !important;
    right: 0.4rem !important;
}


#MainNavbar .navbar-nav-link {
    padding: .75rem 1rem;
}

#MainNavbar .dropdown-menu {
    margin-top: 0;
}

/*Master page header menu section -- end*/


:root {
    --grey-100: #fafafa;
    --grey-179: #B3B3B3;
    --grey-200: #F1F1F1;
    --grey-230: #efefef;
    --grey-250: #c6c6c6;
    --slate-1100: #52768C;
    --black: #000000;
    --teal-1000: #009E9A;
    --teal-950: #059C98;
    --grey-270: #CCCCCC;
    --grey-650: #4D4D4D;
    --grey-640: #666666;
    --blue-350: #b8e3fb;
    --suadeo-base-color: #52768C;
    --suadeo-base-color-40: #52768c40;
}

img.icon {
    width: 15px;
    height: 15px;
}

.navbar-brand .logo {
    height: 25px;
    margin-top: 6px;
}


.dx-list-item .selected-page-size {
    width: 10%;
    padding-left: 10px;
    padding-right: 5px;
    display: inline-block;
    color: var(--suadeo-base-color);
}

.dx-list-item .selected-page-size i {
    display: none;
}

.dx-list-item.dx-list-item-selected .selected-page-size i {
    display: block;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background: none !important;
}


.dx-list-item .page-size {
    width: 50%;
    display: inline-block;
}








.rounded-2 {
    border-radius: 0.6em !important;
}



.no-round-card.card,
.no-round-card .card-header {
    border-radius: 0 !important
}



/*IMG tag based SVG icons -- start*/

.custom-svg-icon.black path {
    fill: black !important;
}

.custom-svg-icon.light-grey path {
    fill: #B3B3B3 !important;
}

.custom-svg-icon.grey-250 path {
    fill: var(--grey-250) !important;
}

.custom-svg-icon.red path {
    fill: #FF0000;
}

.custom-svg-icon.light-white path {
    fill: white !important;
}


.custom-svg-icon.slate-600 path {
    fill: #00897b;
}

.custom-svg-icon.slate-1100 path {
    fill: var(--slate-1100);
}

.custom-svg-icon.teal-1000 path {
    fill: var(--teal-1000);
}


.custom-svg-icon.icon-xg {
    width: 2.2em;
    height: 2.2em;
}

.custom-svg-icon.icon-lg {
    width: 1.5em;
    height: 1.5em;
}

.custom-svg-icon.icon-md {
    width: 1.1em;
    height: 1.1em;
}

.custom-svg-icon.icon-sm {
    width: 0.8em;
    height: 0.8em;
}

/*IMG tag based SVG icons -- end*/








/* dx-grid with suadeo custom scroll bar -- start*/
/* usage */
/*Add dx-custom-scrollbar to DXdata grid container element*/

/* width */
.dx-custom-scrollbar .dx-scrollable-container::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}

/* Track */
.dx-custom-scrollbar .dx-scrollable-container::-webkit-scrollbar-track {
    background: white !important;
}

/* Handle */
.dx-custom-scrollbar .dx-scrollable-container::-webkit-scrollbar-thumb {
    background: #e0e0e0 !important;
    border-radius: 30em !important;
}

/* Handle on hover     .sd-slim-them .dx-custom-scrollbar  */
.dx-custom-scrollbar .dx-scrollable-container::-webkit-scrollbar-thumb:hover {
    /*background: #009e9a80;*/
    background: #009e9a !important;
    cursor: pointer !important;
}

/* dx-grid with suadeo custom scroll bar -- end*/

.badge-light-blue {
    color: #3F64DB;
    background-color: #D8E1F8;
    white-space: normal;
}

.badge.badge-light-blue {
    font-size: 100%;
}

.badge-light-green {
    color: #3e8248;
    background-color: #aaede3;
}

.badge.badge-light-green {
    font-size: 100%;
}

.badge-sd-light-red {
    color: #383838;
    background-color: #e18e8e;
}

.badge.badge-sd-light-red {
    font-size: 100%;
}


.overflow-visible-important {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.img-flag-circle {
    height: 1.2em;
    width: 1.4em;
}

.business-context-icon-customization {
    font-size: 1.5em;
    vertical-align: middle;
}


.editor-container textarea {
    border: 1px solid rgb(0, 0, 0, 0.15) !important;
}

.editor-container textarea:focus-visible,
.editor-container textarea:focus {
    outline: 1px solid white;
}


.sd-login-bg,
.client_logo .file-preview {
    background: url(../images/Background/sd-login-bg.jpg);
    background-position: center center;
    background-size: cover;
}

.sd-login .sd-logo {
    max-width: 350px;
    max-height: 77px;
    margin: auto;
}

.sd-login-border-right {
    border-right: 1px solid white;
}

.sd-login .v-seperator {
    background: #999;
    width: 1px;
    height: 90%;
    margin-left: 0.875rem;
}

.sd-login .input-group .form-control {
    border-left: none;
    padding-left: 0px;
}

.sd-login .input-group-text {
    background-color: #fff;
}

.sd-login .uniform-checker span,
.sd-login .uniform-choice span {
    background-color: #FFF;
}

.sd-login .user-icon-group {}

.sd-login .field-icon {
    width: 16px;
    height: 16px;
}

.sd-login .user-icon-group img {
    max-width: 50%;
}

.sd-login .user-icon-group i.center {
    font-size: 72px;
    margin-left: -26px;
    margin-right: -26px;
}



.sd-login .user-icon-group i {
    font-size: 48px;
}

#client_logo.sd-login-bg {}

#client_logo.sd-login-bg .sd-logo {
    max-width: 200px;
    max-height: 70px;
    padding: 10px;
}

.client_logo .file-preview .file-thumbnail-footer {
    display: none;
}

.client_logo .file-preview .file-drop-zone {
    border: none;
}

.client_logo .file-preview .file-preview-frame {
    margin: 0;
    margin-right: 0;
    border: 0px solid #ddd;
    background-color: transparent;
    border-radius: 0;
}


.sd-rounded-1 {
    border-radius: 0.5em !important;
}

.search-input-box:hover {
    border: 1px var(--suadeo-base-color-40) solid !important;
}

.editor-container textarea {
    border: 1px solid rgb(0, 0, 0, 0.15) !important;
}

.editor-container textarea:focus-visible,
.editor-container textarea:focus {
    outline: 1px solid white;
}


.fa-page-header-icon {
    font-size: 1.4em;
    margin-top: 0.1em;
}

.tranparent-dropdown-icon.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.tranparent-dropdown-icon.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: white !important;
    color: var(--slate-1100) !important;
}

.tranparent-dropdown-icon .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: white !important;
    color: var(--slate-1100) !important;
}

.tranparent-dropdown-icon.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: white !important;
    color: var(--slate-1100) !important;
}

.tranparent-dropdown-icon .dx-dropdowneditor-icon {
    color: var(--slate-1100) !important;
}

.tranparent-dropdown-icon.dx-texteditor.dx-state-hover,
.tranparent-dropdown-icon.dx-texteditor.dx-state-active,
.tranparent-dropdown-icon.dx-texteditor.dx-state-focused {
    border-color: var(--grey-270) !important;
}

.dropdown-input-min-height-3 .dx-texteditor-container {
    min-height: 3em;
}



.bold-header .dx-header-row {
    font-weight: bold;
}

.no-row-hover .dx-datagrid-rowsview tr.dx-row-lines.dx-data-row {
    /*pointer-events: none;*/
    background-color: initial;
    border-left: initial !important;
    cursor: initial;
}

.no-footer.card {
    margin-bottom: 0;
    box-shadow: none;
}

.bg-slate-clear-1100.btn {
    font-weight: bold;
}

.bg-slate-1100.btn {
    font-weight: bold;
}


.w-10 {
    width: 10%;
}


.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}


.select2-dropdown.min-width-20,
.select2-container.min-width-20 {
    min-width: 20em;
    width: 100% !important;
}

.badge-dark-green {
    background-color: var(--sd-green);
    color: white;
}

.badge-selection-item {
    line-height: 1.8em;
    font-size: .8125rem;
    font-weight: normal;
}

.badge-selection-item span:hover {
    font-weight: bold;
}

.dx-overlay-wrapper-confirmdialogue .dx-popup-normal.dx-popup-draggable.dx-resizable {
    min-width: 15% !important;
}



.note-editable {
    /*max-height : 25vh !important;*/
    max-height: 55vh !important;
    overflow: auto;
}

.editor {
    max-height: 66vh !important;
    overflow: auto;
}

.dropdown.hide-arrow .dropdown-toggle::after {
    content: none;
}

.centered .uniform-checker {
    margin: auto;
}

.bg-slate-suadeo-1100 {
    background-color: var(--slate-1100);
}

.background-clip-content-box {
    background-clip: content-box;
}

.hideDisplay {
    visibility: hidden;
    display: none;
}

.fav-success-text {
    background-color: #B3B3B3;
    COLOR: #FFF;
    PADDING: 2PX 10PX;
}

.dx-dashboard-surface .dx-scrollable-wrapper {
    height: 95.7% !important;
}

.grid-item-icon {
    font-size: 1.5em;
    margin-top: 7px;
}

/*Chatbot customization as per theme*/

#chatbot .media-chat-item::before {
    content: "";
    position: absolute;
    top: -18px;
    left: -4px;
    border-width: 0 6px 14px;
    border-style: solid;
    border-color: var(--sd-grey) transparent;
    display: block;
    width: 0;
    margin-top: 11px;
    transform: rotate(-30deg);
}

#chatbot .media-chat-item {
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 10px;
    font-family: "Calibri-bold" !important;
    padding: 2px 13px;
    line-height: 23px;
    min-width: 256px;
}

.ctext-wrap-content h5.conversation-name {
    display: none;
}

#chatbot .media-chat-item-reverse .media-chat-item:not([class*=bg-]) {
    background-color: #52768C !important;
    margin-right: 10px;
    margin-left: auto;
}

/*#loader_wrapper {
     position: fixed;
    top: 50%;
   left: 50%;
    transform: translate(-50%, -50%);
  z-index: 9999999999999;
  
}*/
.align-middle {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
}

.connnection-wrapper,
.connnection-wrapper .tab-content,
.tab-content.background-lightgrey {
    background-color: var(--grey-100);
}

#login_title {
    font-size: 1.125rem !important;
}

/* #btn_login {
    background-color: #009e9b !important;
    color: #FFFFFF !important;
} */