.ap-modal-border {
    border: 8px solid RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important;
}
/*.material-icon-bold {
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48 !important;
    color:red;
}*/
/*.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' -25, 'opsz' 20
}*/

.ap-detail-accordion {
    --bs-accordion-active-bg: var(--bs-body-bg); /*--bs-secondary-bg-subtle   --bs-body-bg*/
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 7px;
}

    .ap-detail-accordion .accordion-button {
        padding-left: 2px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-right: 2px;
        font-size: 1rem;
        font-weight: 400;
        text-align: left;
        /*color: var(--bs-heading-color);
        background-color: var(--bs-accordion-bg);
        border: 1px solid var(--bs-accordion-border);*/
        border-radius: 0.25rem;
        margin-bottom: 7px;
    }

/* AP CONTEXT AREA*/
.ap-context-area {
    height: 80px;
    margin-top: 24px;
    margin-bottom: 15px;
}

.ap-context-label {
    font-size: 0.75rem;
    padding-right: 4px;
}

.ap-context-data {
    font-size: 0.875rem;
    color: #768B9E;
}


.pg-mainlayout-theme-selector {
    min-width: 300px !important;
    width: 100%;
}






.body-wrapper {
    padding-top: 60px !important; /* override the mp style so that the page toolbars line up right below the header bar */
}



/*jf styles*/
.c3-toolbar {
    position: relative;
    top: 0px;
   padding: 5px 0px 5px 14px;
    height: 50px;
    /* border:1px dotted navy;*/
    margin: 0;
    padding: 0;
    /*display: flex;*/
    align-items: center;
}

/* toolbar labels */
.c3-toolbar-left > span {
    margin-right: 10px;
    padding: 0px 10px 0px 5px;
    /*color: #fff;*/
    align-self: center;
    font-size: 0.9em;
}

.c3-toolbar-right > span {
    padding: 0px 10px 0px 5px;
    /*color: #fff;*/
    align-self: center;
    font-size: 0.9em;
}


.c3-toolbar-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: 9px;
    margin-right: 10px;
   
    /* background-color:gray;*/
}

.c3-toolbar-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.c3-toolbar-inner button {
    padding: 8px 35px 8px 8px;
    display: flex;
    /*border-radius: 4px;*/
    white-space: nowrap;
    align-items: center;
    position: relative;
    line-height: 25px;
    height: 35px;
    /*font-size: 15px;*/
    /* opacity: .8;*/ /*jf hover sets this to 1 eye*/
    /*color: #fff;*/
    background: transparent;
    border: none;
    padding-right: 12px;
    margin-top: 7px;
    margin-right: 2px;
}

    .c3-toolbar-inner button:hover {
        opacity: 1;
    }

    .c3-toolbar-inner button:disabled {
        color: dimgrey;
        pointer-events: none;
        opacity: .6;
    }


    .c3-toolbar-inner button i {
        /*margin-top: 1px !important;
        font-size: 20px !important;*/
        /* color:red;*/
        /*margin-right: 3px !important;*/
    }

    .c3-toolbar-inner button span {
        padding-top: 2px;
        padding-left: 1px;
        white-space: nowrap;
    }




.c3-toolbar-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*transform: scale(.85);*/
}










/* #### AP TOOLBAR #### */
.ap-table-pointer:hover {
    cursor: pointer;
}




/* this controls hover color for list pages (!!! still needs to be updated to work in dk mode */
.ap-table-row:hover {
    background: var(--bs-tertiary-bg) !important;
    /*--bs-list-group-action-hover-bg*/
    /*--bs-link-color-rgb: var(--bs-link-hover-color-rgb);*/
    /*color: red !important;*/
}
[data-bs-theme=dark] .ap-table-row:hover {
  
}

/* for list page */
tr.ap-table-row.active-row {
    /*by gemini */
    background-color: var(--active-row-background, rgba(100, 149, 237, 0.3)) ;
    /*color: var(--active-row-text-color, #e0ffff);*/
    /*border: var(--active-row-border, 1px solid #6495ED);
    box-shadow: var(--active-row-box-shadow, 0 0 5px rgba(100, 149, 237, 0.5));*/
   transition: background-color 0.9sease; /*, color 0.3sease, border 0.3sease, box-shadow 0.3sease;*/
}

/*for contact folder selector*/
.list-group .list-group-item.list-group-item-action.ap-active-row {
    background-color: var(--active-row-background, rgba(100, 149, 237, 0.3)) !important;
    /*color: var(--active-row-text-color, #e0ffff);*/
    /*border: var(--active-row-border, 1px solid #6495ED);
    box-shadow: var(--active-row-box-shadow, 0 0 5px rgba(100, 149, 237, 0.5));*/
    transition: background-color 0.3sease, color 0.3sease, border 0.3sease, box-shadow 0.3sease;
}

.ap-body-wrapper {
    margin-top: 80px;
}


.ap-toolbar {
    position: relative;
    top: 0px;
    padding: 5px 0px 5px 14px;
    height: 50px;
    /* border:1px dotted navy;*/
    color: var(--bs-heading-color);
    white-space: nowrap;
}

.ap-toolbar-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: 9px;
    margin-right: 10px;
 
}

    .ap-toolbar-inner button {
        margin: 1px 3px 1px 3px;
        font-size: 14px;
        padding: 5px 16px 5px 16px;
        /*color:red;*/
    }


.ap-toolbar-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
}

    .ap-toolbar-left > button {
        margin-right: 10px; /*jf don't affect btn groups */
    }

    .ap-toolbar-left > span {
        background-color: #fff;
        padding: 2px 10px 2px 10px;
        margin-right: 10px;
        margin-left: 5px;
        border: 1px solid #ccc;

    }

    .ap-toolbar-inner button i {
        margin-top: 1px !important;
        font-size: 20px !important;
        /* color:red;*/
        margin-right: 3px !important;
    }

    .ap-toolbar-inner button span {
        margin-top: 0px;
        white-space: nowrap;
    }




.ap-toolbar-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*transform: scale(.85);*/
    -webkit-align-items: center;
    align-items: center;
}

.ap-toolbar-right > button {
    margin-right: 10px; /*jf don't affect btn groups */
}

/*.ap-toolbar-right button {
    margin: 1px 3px 1px 3px;
}

.ap-toolbar-right button span{
    margin-top: 3px;
}
*/


/*this is being replaced with below, more specific styles*/
/*.ap-scrollable-body {*/
/*this is for a body with no header*/
/*height: calc(100vh - 188px);*/ /*64 is header and make room for toolbar*/
/*display: block;
    overflow-x: auto;*/
/*width: 100%;*/
/*margin-top:30px;*/
/*border-bottom: 3px solid pink;*/ /*detect overruns*/
/*}*/
/*.ap-scrollable-body-with-toolbar-tabstrip {*/
/*this is for a body with no header*/
/*height: calc(100vh - 188px);*/ /*64 is header and make room for toolbar*/
/*display: block;
    overflow-x: auto;*/
/*width: 100%;*/
/*margin-top:30px;*/
/*border-bottom: 3px solid pink;*/ /*detect overruns*/
/*}*/
.ap-scrollable-body-with-toolbar {
    height: calc(100vh - 115px); /*104*/
    display: block;
    overflow-x: auto;
    /* background-color: #fff;*/
    /*width: 100%;*/
    /*margin-top:30px;*/
    /* border-bottom: 3px solid pink; */
    /*padding:0px 6px 0px 16px;*/ /*this provides the clear margins on edge of datatables*/
}

.ap-body-footer {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: rgba(200, 200, 200, 0.5);
    font-size: 13px;
    line-height: 21px;
    /*color: rgba(103, 117, 124, 0.75);*/
    padding: 3px 10px 3px 10px;
}



/*jf adds from pro*/
/*.nav-pills .nav-link, .nav-tabs, .nav-tabs .nav-link {
    border-radius: 30px !important;
}*/

.ap-tab-bar li {
    border-radius: 30px !important;
}

    .ap-tab-bar li a {
        cursor: pointer;
        background-color: rgb(218,220,224);
    }

        .ap-tab-bar li a:active {
            cursor: pointer;
            background-color: rgb(218,220,224) !important;
            color: red;
        }




/*jf - flex wrappers */


.ap-flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1em;
}

.ap-flex-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}