/*CSS main loader*/


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

/* .irs-from,
.irs-to,
.irs-single,
.irs-min,
.irs-max {
    font-size: 12px ! important;
} */

.irs-single,
.irs-min,
.irs-max {
    visibility: hidden ! important;
}

.css-4ljt47-MenuList{
    /* background-color: red; */
    max-height: 180px !important;
    /* margin-bottom: 10%; */
}

/* #collapse_limit .css-4ljt47-MenuList .css-yt9ioa-option:last-child {
    margin-bottom: 70px;
} */
.hwiQoJ{
    padding: 12px 19px !important;
}
.jxGrbl {
    color: hsl(210, 100%, 42%) !important;
    padding: 12px 19px !important;
    border: 1px solid hsl(210, 100%, 42%) !important;
    border-bottom: 3px solid hsl(210, 100%, 42%) !important;
    background-color: #ffffff !important;
    font-weight: 450 !important;
}
.irs-slider {
    top: 27px ! important;
    width: 18px ! important;
    height: 18px ! important;
    border-radius: 100px ! important;
}

.irs-bar {
    height: 6px ! important;
    top: 33px ! important;
}

.irs-line {
    height: 6px ! important;
    top: 33px ! important;
}

div#loadingMessage {
    position: relative;
    text-align: center;
    top: 45%;
}

div#actualMessage {
    display: inline-block;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48.2842712474619px;
    height: 48.2842712474619px;
    margin-left: -24.14213562373095px;
    margin-top: -100px;
    border-radius: 100%;
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.loader .side {
    display: block;
    width: 6px;
    height: 20px;
    background-color: white;
    margin: 2px;
    position: absolute;
    border-radius: 50%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.loader .side:nth-child(1),
.loader .side:nth-child(5) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-name: rotate0;
    animation-name: rotate0;
}

.loader .side:nth-child(3),
.loader .side:nth-child(7) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-name: rotate90;
    animation-name: rotate90;
}

.loader .side:nth-child(2),
.loader .side:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation-name: rotate45;
    animation-name: rotate45;
}

.loader .side:nth-child(4),
.loader .side:nth-child(8) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-animation-name: rotate135;
    animation-name: rotate135;
}

.loader .side:nth-child(1) {
    top: 24.14213562373095px;
    left: 48.2842712474619px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(2) {
    top: 41.21320343109277px;
    left: 41.21320343109277px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(3) {
    top: 48.2842712474619px;
    left: 24.14213562373095px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(4) {
    top: 41.21320343109277px;
    left: 7.07106781636913px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(5) {
    top: 24.14213562373095px;
    left: 0px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(6) {
    top: 7.07106781636913px;
    left: 7.07106781636913px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(7) {
    top: 0px;
    left: 24.14213562373095px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.loader .side:nth-child(8) {
    top: 7.07106781636913px;
    left: 41.21320343109277px;
    margin-left: -3px;
    margin-top: -10px;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

@-webkit-keyframes rotate0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    60% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes rotate0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    60% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-webkit-keyframes rotate90 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    60% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotate90 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    60% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-webkit-keyframes rotate45 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    60% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    100% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@keyframes rotate45 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    60% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    100% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@-webkit-keyframes rotate135 {
    0% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    60% {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    100% {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@keyframes rotate135 {
    0% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    60% {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    100% {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#actualMessage {
    color: white
}


/*end of css main loader*/


.dataset-content {
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #5b5b5b;
    background-color: #dbdbdb;
    border-bottom: 1px solid #cecece;
    padding: 5px;
    text-align: center;
    cursor: pointer
}

.header {
    min-height: 60px
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    margin-bottom: 20px
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #0163ac;
    text-align: center;
}

.se-pre-con>img {
    margin-top: 18%
}

.se-pre-con>div {
    color: white
        /*initially empty*/
}

a>i {
    color: black
}

/*animated*/

.animated {
    animation-duration: 3s
}


/*end animated*/

.loader-div {
    height: 400px;
    z-index: 10000;
    display: block;
    position: relative;
    margin: 0px auto 0px auto;
    background: url(/assets/images/ajax-loaders/newLoader.gif) no-repeat;
    background-position: center;
}

.loader-div {
    margin-top: 0px ! important;
}

#loader-div-content {
    text-align: center;
    margin-top: 10%;
}

.col-md-12 .icon-intent {
    width: 80px;
}

.dropdown-item>img {
    width: 40px;
}

.datepickers-container {
    z-index: 100001;
}


/* Derived KPI Page */
.pull-right {
    float: right;
}

body {
    /* font-size: var(--custom-font-size) ! important; */
    /* font-size: 0.9rem !important; */
    /* font-weight: 400; */
    /* font-family: roboto ! important; */
}

.bodyFont {    
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    background-color: #fff !important;
    text-align: left !important;
    white-space: normal !important;
}

.avatar img {
    border: 1px solid #e2e2e2;
}


/* .ag-cell-class {
    white-space: normal !important;
    padding-left: 9px ! important;
    border-right: solid 1px #bdc3c8 ! important;
    /* background-color: transparent ! important; */
    /* font-size: var(--custom-font-size); */
    /* font-family: var(--custom-font-family) */
/* } */

/* .ag-header-cell-label {
   justify-content: center;
   /* font-size: var(--custom-font-size); */
    /* font-family: var(--custom-font-family); */
   /* font-weight: 400 !important;
   font-style: normal;
   color:#000; */

/* } */ */
/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 12px;
}
.ht-95v{
    height: 91vh !important;
}
.customInputWidth{
    width: 63% !important;
}
/* .ag-header-cell-label .ag-header-cell-text{
    margin-top: 10px !important;
} */
.icon_hover svg:hover{
    stroke: #0168fa;
}
.home-page .dropdown-menu{
    left:-17px !important;
}
.custom-pd-t{
    padding-top: 60px;
}
.microphoneColor{
    color:gray;
    font-size:20px;
}
.mobile-pd-t-20{
    padding-top:40px ;
}
.mobile-mg-t-10{
    margin-top: 10px;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 70%;
    left: 20%;
    margin-left: 0;
    border-radius: 0.25rem;
}
@media (max-width: 768px) {
    
   /* CSS rules for phones in landscape mode */
.adminParentMargin {
        margin-top: 0% !important;
    }

    .customInputWidth {
        width: 50% !important;
    }

    /* .microphoneColor{
        color:white;
        width:10px;
    } */
    .mobile-pd-t-20 {
        padding-top: 40px !important;
    }

    /* .ag-header-cell-label .ag-header-cell-text{
        margin-top: 20px !important;
    } */
    .mobile-mg-t-30 {
        margin-top: 10px !important;
    }

    .content-header {
        border-bottom-width: 1px;
    }

    .mobile_breadcrumb {
        margin-left: -25px !important
    }

    .mobile-mg-t-10{
        margin-top: 20px;
    }
    /* .search-form{
        width: 150px !important;
    } */
     .ag-header-cell-text{
        margin-top:3px;
     }
     .ag-row > div:first-child{
        border-right: solid 1px #bdc3c8;
     }
}

@media (max-width: 480px) {
    .ag-row > div:first-child{
        border-right: solid 1px #bdc3c8;
     }
    /* CSS rules for phones in portrait mode */
    .customInputWidth {
        width: -webkit-fill-available !important;
    }

    .adminParentMargin {
        margin-top: 0% !important;
    }

    .mobile-mg-t-10 {
        margin-top: 20px;
    }

    .content-header {
        border-bottom-width: 1px;
    }

    /* .microphoneColor{
        color:white;
        width:10px;
    } */
    .mobile_breadcrumb {
        margin-left: -25px !important
    }

    .mobile-pd-t-20 {
        padding-top: 40px !important;
    }
    .mobile-mg-t-30{
        margin-top: 10px !important;
    }
    .ag-header-cell-text{
        margin-top:3px;
     }

}

@media (min-width: 769px) and (max-width: 992px) {
    /* CSS rules for landscape tablets */
        .mobile-mg-t-30 {
            margin-top: 20px !important;
        }
    
        .adminParentMargin {
            margin-top: 0% !important;
        }
    
        .content-header {
            border-bottom-width: 1px;
        }
    
        .mobile-pd-t-20 {
            padding-top: 40px !important;
        }
    
        .mobile-mg-t-10 {
            margin-top: 20px;
        }
    
        /* .microphoneColor{
            color:white;
            width:10px;
        } */
        .customInputWidth {
            width: 65% !important;
        }
        .ag-row > div:first-child{
            border-right: solid 1px #bdc3c8;
         }
        /* .ag-header-cell-label .ag-header-cell-text{
        margin-top: 10px !important;
    } */

}
@media (min-width: 481px) and (max-width: 992px) {
    /* CSS rules for portrait tablets and larger phones */
        .mobile-mg-t-30 {
            margin-top: 20px !important;
        }
    
        .mobile-mg-t-10 {
            margin-top: 20px;
        }
    
        .adminParentMargin {
            margin-top: 0% !important;
        }
    
        /* .microphoneColor{
                color:white;
                width:10px;
            } */
        .mobile-pd-t-20 {
            padding-top: 40px !important;
        }
    
        .customInputWidth {
            width: 75% !important;
        }
        /* .ag-header-cell-label .ag-header-cell-text {
            margin-top: 10px !important;
        */ .ag-row>div:first-child {
            border-right: solid 1px #bdc3c8;
        }
}
/* *:hover::-webkit-scrollbar {
    width: 12px;
} */

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 1rem;
}

/* .ag-header-cell-label .ag-header-cell-text { */
    /* white-space: inherit ! important; */
    /* line-height: 15px;
    margin-top: 10px; */
    /* white-space: nowrap !important; */
        /* min-width: 50px; */
        /* overflow: hidden !important;
        text-overflow: ellipsis !important; */
/* } */
/* .ag-header-cell-label .ag-header-cell-text{
    margin-top: 6px !important;
} */
@media (max-width: 768px) {
    /* CSS rules for phones in landscape mode */
    .customInputWidth{
        width: 50% !important;
    }
    /* .custom-filter-padding{
        padding-right: 20 !important;
        padding-left: 5px !important;
    } */
    
    /* .ag-header-cell-label .ag-header-cell-text{
        margin-top: 15px !important;
        white-space: nowrap !important;
        /* min-width: 50px; */
        /* overflow: hidden !important; */
        /* text-overflow: ellipsis !important; */
    /* }  */
    .add-connection-form{
        width: 100%;
    }
    /* .ag-header-icon {
        margin-top: -6px !important;
    } */
    
}

@media (max-width: 480px) {
    /* CSS rules for phones in portrait mode */
    .custom-filter-padding{
        padding-right: 20 !important;
        padding-left: 5px !important;
    }
    .responsive-search{
        width: 150px !important;
    }
    .customInputWidth{
        width: -webkit-fill-available !important;
        white-space: nowrap !important;
        /* min-width: 50px; */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .add-connection-form{
        width: 100% !important;
    }
    /* .ag-header-icon {
        margin-top: -6px !important;
    } */

}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS rules for landscape tablets */
    
    .customInputWidth{
        width: 65% !important;
    }
    /* .ag-header-cell-label .ag-header-cell-text{
        margin-top: 7px !important;
        white-space: nowrap !important;
        /* width: 50px; */
        /* overflow: hidden !important; */
        /* text-overflow: ellipsis !important; */
    /* } */ 
    /* .ag-header-icon {
        margin-top: -6px !important;
    } */

}
@media (min-width: 481px) and (max-width: 1024px) {
    /* CSS rules for portrait tablets and larger phones */
    
    .customInputWidth{
        width: 75% !important;
    }
    /* .ag-header-cell-label .ag-header-cell-text{

        margin-top: 7px !important;
    } */
    /* .ag-header-icon {
        margin-top: -6px !important;
    } */
}
/* .ag-theme-balham .ag-ltr .ag-cell-last-left-pinned {
    border:1px !important;
    border-right: 1px solid #BDC3C7 !important;
} */
/*IE */
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}



th.dt-center {
     text-align: center; 
     width:80px;
}
/* breadcrumb */
.breadcrumb-item+.breadcrumb-item::before {
    padding-left: unset;
}

.nav-aside{
     /* font-size: calc(var(--custom-font-size) + 1px) !important; */
    /* font-family: var(--custom-font-family) */
}
.btn-sm{
    /* font-size: var(--custom-font-size) !important; */
}

.dropdown-item {
    /* font-size: var(--custom-font-size) !important; */
}
.off-canvas{
    top:60px !important;
}

.checklist {
   max-height: 250px;
    overflow-y:scroll;
}

.db-icon {
    font-size: 30px
}

.desc-btn {
    color: rgba(27, 46, 75, 0.7);
}

.alfred-question-height {
    height: 100px
}

.kn-search__input___2tyxf{
    font-size: var(--custom-font-size) !important;
}

.kn-multi_select__wrapper___30BEc{
    color: black !important;
}

.jss4.jss2{
    color: black !important;
}
/* 
.ag-theme-balham{
    font-size: 14px !important;
}

.ag-theme-balham .ag-header{
        font-size: 14px !important;
} */

ul.myDropdownMenu {
    width: 200px;
    position: absolute;
    top: 39px;
    right: 0px;
    z-index: 100;
    background: white;
    padding: 5px;
    /* border: solid 1px; */
    display: none
}

ul.myDropdownMenu>li {
    list-style: none;
    text-align: left;
    width: 100%;
}

.bootstrap-tagsinput .tag {
    background: #e2e2e2 !important;
    /* border-radius: 0.3em !important; */
    margin-top: 10px;
    color: black ! important;
    font-size: 0.9em;
}

.bootstrap-tagsinput {
    border: none !important;
    padding: 0px !important;
    box-shadow: none !important;
}

p.select_header {
    margin: 0px;
}

.list-group-item {
    padding: 5px 5px !important;
}

.borderless {
    border: none !important;
}


/* start of search css */
.content-search {
    width: 90% !important
}

#message_body {
    width: 100% ! important;
    height: 100%;
    border: none;
    color:black;
}

#message_body:focus {
    border: none;
    outline: none;
}
@media (max-width: 768px) {
    .datepicker.-left-center-.-from-left-.active {
      left: 20px !important;
      top: 100px !important;
    }
  }
.content-search>div {
    width: 100%
}

/* end of search css */

/* .ag-cell {
    /* border-right: 1px solid var(--table-border-colors) ! important;
    border-bottom: 1px solid var(--table-border-colors) ! important; */
/* } */

/* .ag-cell {
    /* font-size: 0.8rem ! important; */
    /* font-weight: 450;
    font-family: roboto ! important; */
/* } */

.ag-floating-bottom-viewport, .ag-floating-bottom, .ag-header-cell-label, .ag-header-cell-text, .ag-header-group-cell-label { 
    /* color: var(--font-color) ! important; */
     color: #000 !important; 
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    /* margin-top:6px;  */
 }



/* .ag-header-cell-label .ag-header-cell-text { */
    /* color: black ! important; */
    /* font-weight: bold; */
    /* display: block;
    text-align: center;
    word-break: break-word; */
/* } */

/* .btn-white {
    color: black ! important;
} */

.btn-uppercase {    
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 11px !important;
}
.off-canvas-top-zero{
    top:0 !important
}
.p-uppercase {
    /* text-transform: uppercase; */
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.75; 
}

a.child {
    display: none
}

/* start of ag-grid changes */
    /*ag-grid bottom row color */
.ag-header-cell,.ag-header-group-cell-with-group{
    border-right: 1px solid #BDC3C7 !important;
}
.ag-theme-balham .ag-header-cell::after, .ag-theme-balham .ag-header-group-cell::after{
    border: 0px !important;
}
    /* .ag-header-cell-label .ag-header-cell-text { */
        /* color: black ! important; */
        /* font-weight: bold; */
        /* display: block;
        text-align: center;
        word-break: break-word */
    /* } */

    /* .ag-floating-bottom-container { */
        /* color: black ! important; */
        /* font-weight: bold */
    /* } */

    /* ag-grid column header center */
    /* .ag-header-cell-label {
        text-overflow: clip;
        overflow: visible;
        white-space: normal;
        word-break:break-all;
        font-weight: bold;
        justify-content: center
    } */

    /* .ag-header-group-cell-label {
        font-weight: bold;
        color: black;
        position: relative;
        white-space: normal;
        word-break: break-all;
        text-overflow: clip;
    } */

    #centerRow {
        max-height: 600px;
        min-height: 120px ! important;
    }

    .marginStyle {
        margin-left: 3px;
    }

    /* .ag-fresh .ag-header-cell-menu-button {
        opacity: 1 !important;
    } */



    /* .ag-header-group-text {
       line-height: 15px;
       margin-top: 10px;
       margin-right: 20px;
       text-overflow: ellipsis !important;
       white-space: nowrap !important;
       overflow: hidden;
    } */
    .custom-tooltip {
        padding: 5px;
        color: #0168fa;
        background-color: #5577cc;
    }
    
    .custom-tooltip p {
        margin: 5px;
        white-space: nowrap;
    }
    
    .custom-tooltip p{
        font-weight: bold;
    }
    /* body.pinboard-active .ag-icon-none , .ag-icon-desc , .ag-icon-asc {
        margin-top: -5px !important
    } */
    /* .ag-theme-balham .ag-icon-asc{
        margin-top: -5px !important;
    } */
    /* .ag-headerIconsMarginTop{
        margin-top: 0px !important
    }
    .ag-headerIconsMarginTopAdminPanel{
        margin-top: -5px !important
    } */
    /* .ag-row-animation{
    max-height: 389px;
    min-height: 120px;
    overflow: auto;
} */

    /* .ag-bl-center.ag-bl-dont-fill-center {
        max-height: 480px;
    } */

    /* $backgroundColor = 'var(--table-border-colors)';
$colorRow1 = 'var(--table-medium-bg-color)';
$colorRow2 = 'var(--table-light-bg-color)'; */
/* Container styling */
.choices {
    width: 100%;
    font-size: 14px !important;
    /* height: 33px; */
}
.custom-class-for-container {
    display: block;
    width: 100%;
    min-height: 36px;
    height:max-content;
    padding: 4px;
    font-size:13px;
    font-weight: 400;
    line-height: 1.5;
    color: #596882;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c0ccda;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: flex;
    align-items: center;
}

.choices__list .custom-class-for-dropdown {
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size:13px;
    color: #001737;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #0168fa !important;
    color: white !important;
    padding-right: 5px !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    display: none;
}

/* Input styling */
.choices__list--dropdown .choices__item--selectable[data-select-text],
.choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 5px !important;
}
.choices__inner {
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    color: #495057;
}

/* Dropdown menu styling */
.choices__list--dropdown {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0;
    font-size: 14px;
}

/* Dropdown items */
.choices__item--choice {
    padding: 8px 12px;
    color: #495057;
    cursor: pointer;
}

/* Hover and selected states */
.choices__item--choice.is-highlighted {
    background-color: #007bff;
    color: #fff;
}

/* Placeholder styling */
.choices__placeholder {
    color: #6c757d;
}
.choices__list--multiple .choices__item {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
    background-color: #e8e8e8 !important;
    padding: .5833em .833em !important;
    color: rgba(0, 0, 0, .6) !important;
    text-transform: none !important;
    border: 0 solid transparent !important;
    border-radius: .28571429rem !important;
}
.choices__input{
    background-color: transparent !important;
    margin-bottom: 0px !important;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    filter: brightness(0.5) !important;
    border: 0px !important;
    margin:0px !important;
}

.choices[data-type*=select-multiple] .choices__button::before{
    content: "x";
    color: gray;
}
.choices__list--multiple {
    display: flex !important;
    flex-wrap: wrap !important;
}
    .ag-header,
    .ag-floating-bottom-container>.ag-row,
    .ag-floating-bottom-container>.ag-row>.ag-cell,
    .ag-pinned-left-floating-bottom>.ag-row>.ag-cell {
           background-color: #f5f7f7 !important;
     } 

    /* .ag-theme-balham .ag-icon-none { */
        /* background-image: url('/assets/images/icons/svg/sort.svg') ! important;
    background-size: 10px 10px ! important; */
        /* display: none !important */
    /* } */

    /* .ag-theme-balham .ag-header-cell,
    .ag-theme-balham .ag-header-group-cell {
        padding-right: 5px !important;
        padding-left: 5px !important;
    } */

    /* .ag-theme-balham .ag-icon-desc {
        background-image: url('/assets/images/icons/svg/sort-down.svg') ! important;
        background-size: 10px 10px ! important;
    }

    .ag-theme-balham .ag-icon-asc {
        background-image: url('/assets/images/icons/svg/sort-up.svg') ! important;
        background-size: 10px 10px ! important;
    }

    .ag-theme-balham .ag-icon-menu {
        background-image: url('/assets/images/icons/svg/menu.svg') ! important;
        background-size: 10px 10px ! important;
    } */

    /* .ag-theme-balham .ag-tool-panel{
    background-color: var(--table-border-colors) ! important;
    border: 1px solid var(--table-border-colors) ! important;
} */

    /* .ag-theme-balham .ag-root { */
        /* border: 1px solid var(--table-border-colors) ! important; */
        /* border: 1px solid #BDC3C7 ! important; */
    /* } */

    /* .ag-cell { */
        /* border-right: 1px solid var(--table-border-colors) ! important;
        border-bottom: 1px solid var(--table-border-colors) ! important; */
        /* border-right: 1px solid #BDC3C7 ! important;
        border-bottom: 1px solid #BDC3C7 ! important; */
    /* } */

    /* .ag-header-cell-resize::after {
        border-right: 1px solid black ! important;
    } */

         .ag-floating-bottom {
             /* background-color: var(--table-dark-bg-color) ! important;
            border-top: solid 1px var(--table-border-colors) */
             background-color: #F5F7F7 ! important;
             border-top: solid 1px #BDC3C7;
         }

    /* .ag-theme-balham .ag-row-even {
        background-color: var(--table-medium-bg-color) ! important

    } */

    /* .ag-theme-balham .ag-row-odd { */
        /* background-color: #dedede ! important */
        /* background-color: #f5f7f7 ! important */
        /* background-color: var(--table-medium-bg-color) ! important */
    /* } */

    /* FONT COLOR */

    */

    /* ag-grid changes */

    /* for tags in filter component */
    .bootstrap-tagsinput .tag [data-role="remove"] {
        margin-bottom: 5px;
    }

    @media (max-width: 991.98px) {
        .content-search svg, .content-search .form-control {
          color: #fff; }
        .content-search .form-control:focus {
          color: #fff; } }

    .content-search > div > div:nth-child(2) {
        z-index: 10000 ! important;
    }

    .dataTables_filter > label {
        margin-bottom: 15px !important;
    }

    .dataTable {
        margin-bottom: 0 ! important;
    }


    .btn-hover-type:hover {
        background: #e6e6e6;
        padding: 5px;
        border-radius: 4px;
    }

    .btn-hover-type {
        padding: 5px;
        border-radius: 4px;
    }

    ul.filterUlElements > li {
        cursor: grab;
    }

    /* .filterUlElements > li > button:hover {
        background: #0568fa;
        color: white;
    } */

    .content-header {
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .content-body {
        position: fixed;
        top: 60px;
        padding: 0px !important;
    }

    ul.filterUlElements > li > button {
        color: #777
    }

    ul.filterUlElements > li > button:hover {
        color: #0168fa
    }
    ul.filterUlElements > li:hover{
        border: 1px solid #0168fa !important;
    }
    ul.filterUlElements > li + li:hover{
        margin-top: -1px;
    }

    .rmsc .select-item {
        padding: 5px !important;
      }

    /* Dashboard Layout Options Styling */
    .layoutRow{
        width: 85%;
        display: flex;
        justify-content: space-between;
        margin-left: 35px;
    }
    .layoutRow1_col_1{
        width: 100px;
        height: 100px;
        border: 1px solid gray;
        display: flex;
        border-radius: 5px;
        background-color: #F5F6FA;
        align-items: center;
        padding-left: 35px;
        font-size: 10px;
        cursor: pointer;
    }
    .layoutRow_col{
        width: 100px;
        height: 100px;
        display: flex;
        cursor: pointer;
        background-color: #F5F6FA;
    }
    .layoutRow_innerCol{
        border: 1px solid gray;
        text-align: center;
        padding-top: 40px;
        font-size: 10px;
    }

    .draganddropcomponents {
        list-style: none;
        padding-left: 0;
      }  
      .draganddropcomponents li {
        display: block;
        align-items: center;
        border: solid 2px #d0d0d0;
        border-radius: .2em;
        padding: .5em .8em .5em .5em;
        margin-bottom: 1em;
      }
      .draganddropcomponents p {
        max-width: none;
        font-weight: normal;
        margin: 0;
      }

    /* Disabling arrows from number input */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
#breadcrumbDropdown {
    max-height: 200px;
    overflow-y: auto;
}

#aTagStyle {
    color: #000;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
}

#aTagStyleactive {
    /* color: #0168fa;
    font-weight: 500; */
    cursor: pointer;
    text-transform: uppercase;
}

.refreshIcon {
    font-size: 13px;
    margin-right: 5px;
    margin-top:-2px
}

.alfredQuestion {
    cursor: pointer;
}
/* #collapse_metric > div.card-footer.border-0 > div > div.css-1nmdiq5-menu{
    top: 100% !important;
}
.css-1nmdiq5-menu{
    max-height: 150px !important;
    height: 150px !important;
    position: absolute !important;
    top: -450% !important;
}
.css-qr46ko {
    max-height: 150px !important;
    height: 150px !important;

} */
.moveTop {
    display: flex;
    justify-content: end;
    position: absolute;
    top: 70px;
    right: 15px;
    z-index: 999;
}
.moveAdminTop{
    display: flex;
    justify-content: end;
    position: absolute;
    top: 118px;
    right: 35px;
    z-index: 999;
}
.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
    position: relative;

}
.loading-circle {
    width: 100px; /* Adjust the size of the loader */
    height: 100px; /* Adjust the size of the loader */
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #3498db; /* Color of the loading circle */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-image-container {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-image {
    width: 60px; /* Adjust the size of the image */
    height: 60px; /* Adjust the size of the image */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* .ag-theme-balham .ag-ltr .ag-cell-last-left-pinned {
    border:1px !important;
    border-right: 1px solid #BDC3C7 !important;
} */

/* ul:has(.mentionRenderUI) {
    max-height: 300px !important;
}
#react-select-6-listbox {
    top: -150px !important;
} */

 #filter_outputType > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]> div{
    max-height:150px !important;
    height: 150px;
} 
#filter_outputType > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]{
    max-height:150px !important;
    top:-100px !important
    
}
#filter_timeGran > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]> div{
    max-height:150px !important;
    height: 150px;
} 
#filter_timeGran > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]{
    max-height:150px !important;
    top:-160px !important
} 
#filter_exclude > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]> div{
    max-height:150px !important;
    height: 150px;
} 
#filter_exclude > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]{
    max-height:150px !important;
    top:-160px !important
}
#filter_limit > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]> div{
    max-height:150px !important;
    height: 150px;
} 
#filter_limit > div.collapse.show > div.card-footer.border-0 > div > div[id^="react-select-"][id$="-listbox"]{
    max-height:150px !important;
    top:-160px !important
}
#filter_timeGran>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"]>div {
    max-height: 150px !important;
    height: 150px;
}

#filter_timeGran>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"] {
    max-height: 150px !important;
    top: -160px !important
}

#filter_exclude>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"]>div {
    max-height: 150px !important;
    height: 150px;
}

#filter_exclude>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"] {
    max-height: 150px !important;
    top: -160px !important;
}

#filter_outputType>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"]>div {
    max-height: 150px !important;
    height: 150px;
}

#filter_outputType>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"] {
    max-height: 150px !important;
    top: -163px !important
}
#filter_limit>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"]>div {
    max-height: 150px !important;
    height: 150px;
}

#filter_limit>div.collapse.show>div.card-footer.border-0>div>div[class^=" css-"][class$="-menu"] {
    max-height: 150px !important;
    top: -160px !important
}
@media (max-width: 480px) {
    #app{
        overflow-x: hidden;
    }
    #aTagStyle {
        font-size: 14px;
        text-transform: lowercase;
    }

    #aTagStyleactive {
        /* font-size: 14px; */
        text-transform: lowercase;
    }

    .dropdown-item {
        font-size: 14px;
        padding: 6px 5px !important;
        width: 10px;

    }

    #aTagStyle::first-letter {
        text-transform: uppercase;
    }

    #aTagStyleactive::first-letter {
        text-transform: uppercase;
    }


    .refreshIcon {
        font-size: 11px;
        margin-top: -2px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .alfredQuestion:hover {
        color: blue
    }

    .modal-title {
        font-size: 16px;
    }

    .layoutRow {
        margin-left: 0px;
    }

    .layoutRow_col {

        margin: 5px;
    }

    .layoutRow1_col_1 {
        margin: 5px;
        justify-content: center;
        padding: 30px;
    }
    #scrollHeight{
        height: 150px;
        overflow-y: scroll;
    }
}
/* #pinboard-container-helper + div {
    zoom: 85%;
} */
.inner-loader {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
  }
  .inner-loader::after,
  .inner-loader::before {
    content: '';  
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /* border: 2px solid #2980DE; */
    position: absolute;
    left: 0;
    top: 0;
    animation: animloader 2s linear infinite;
  }
  .inner-loader::after {
    animation-delay: 1s;
  }
  
  @keyframes animloader {
    0% {
      transform: scale(0);
      opacity: 1;
      border: 10px solid #2980DE;
    }
    100% {
      transform: scale(1);
      opacity: 0;
      border: 10px solid #2980DE;
    }
  }


.loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
  }

  .loader:before,
  .loader:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  .loader:before {
    animation: ball1 1s infinite;
    background-color: #98D8EF;
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
  }
  .loader:after {
    animation: ball2 1s infinite;
    background-color: #2980DE;
    box-shadow: 30px 0 0 #fff;
  }

  @keyframes rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
  }

  @keyframes ball1 {
    0% {
      box-shadow: 30px 0 0 #2980DE;
    }
    50% {
      box-shadow: 0 0 0 #2980DE;
      margin-bottom: 0;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #2980DE;
      margin-bottom: 10px;
    }
  }

  @keyframes ball2 {
    0% {
      box-shadow: 30px 0 #98D8EF;
    }
    50% {
      box-shadow: 0 0 0 #98D8EF;
      margin-top: -20px;
      transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #98D8EF;
      margin-top: 0;
    }
  }
  
.pinboard-summary-box::-webkit-scrollbar { 
    width: 7px;  
}
#form_input_logo,#form_input_user_login_allow,#form_input_dashboardStartTime,#form_input_dashboardEndTime,#form_input_alfredLimitToShowBarChart,#form_input_last_row_function_min_month,#form_input_startDate,#form_input_endDate {
    margin-left: -3px;
    margin-bottom: 8px;
    width: 102%;
}
#setting_form_data{
    margin-top: 10px;
}
#form_input_proxy{
    margin-top:20px
}
.add-connection-form{
    width: 350px;
}
.media-folder>svg {
    min-width: 42px;
}

.adminParentMargin{
    margin-top: -3%;
}
.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus){
    background-color: transparent !important;
}
.ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus){
    background-color: transparent !important;
}
.rdt_TableCell{
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}
.rdt_TableHead{
    padding-bottom: 0px !important;
}
.rdt_TableBody{
    padding-top: 0px !important;
}
div.suggestionsClass_Insight {
    margin-left: 5px !important;
}
    #form_input_idProvider input,
    #form_input_issuer input,
    #form_input_urlAuthorize input,
    #form_input_proxy input,
    #form_input_clientSecret input,
    #form_input_scopes input,
    #form_input_urlResourceOwnerDetails input,
    #form_input_urlAccessToken input,
    #clientId_form_data ,
    #form_input_urlAccessToken input {
        padding-right: 35px !important;
    }

    .aside-backdrop + div > div  > div:nth-child(2){
        overflow: auto !important;
    }

    .ag-header-group-cell-no-group {
        border-right: 1px solid #BDC3C7 !important;
        /* margin-left: -1px; */
    }
    .ui-tooltip-content{
        display:none !important
    }
        /* .ag-row {
            border-left: solid 1px red;
            margin-left: 0px !important;
        } */
        .ag-pinned-left-cols-viewport{
            padding-right:150% !important
        }
        
         /* .row > div:first-child {
            background-color: lightblue;
          } */