.card.border_left{
    border-left: 2px solid #014783;
}
.card .card-title{
    font-size: small;
    font-weight: bold !important;
    color: #0066cc !important;
}
/* customTabulator css */
.tabulator .tabulator-header .tabulator-col{
    background: white;
    vertical-align: top;
}
.grid-header-text {
    font-size: 0.85rem;
    font-weight: 450;
    color: #0066cc;
    text-transform: uppercase;
}
.customTabulator .card .card-header{
    background-color: rgba(0, 0, 0, 0.03);
}
.customTabulator .border-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    border-left-style: none !important;
    border-top: 3px solid #0066cc !important;
}
#customTabulator.tabulator .tabulator-header .tabulator-col {
    border-right: 3px solid #eff4f7 !important;
}
#customTabulator.tabulator .tabulator-header {
    border-bottom: 1px solid #eff4f7;
}
#customTabulator.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{
    font-weight: 500;
    padding-right: 12px;
    text-align: center;
    color: #0066cc;
}
#customTabulator.tabulator .tabulator-col-content{
    background-color: white;
}
#customTabulator.tabulator .tabulator-headers{
    background-color: white;
}
#customTabulator.tabulator .tabulator-cell{
    background-color: white;
    border-right: 3px solid #eff4f7;
    border-bottom: 2px solid #eff4f7;
    padding: 10px;
    
}
#customTabulator.tabulator .tabulator-footer{
    background-color: white;
    border-top: 2px solid #eff4f7;
}
#customTabulator.tabulator .tabulator-page{
    color: black;
}
#customTabulator.tabulator .tabulator-footer .tabulator-page.active {
    border-color: #0066cc;
    background-color: #fff;
    color: #0066cc;
}
#customTabulator.tabulator .tabulator-tableholder{
    background-color: rgba(255, 255, 255, 0.76);
}
#customTabulator.tabulator .tabulator-footer .tabulator-paginator{
    font-size: small;
    font-weight: 500;
}
#customTabulator.tabulator{
    border: 2px solid #eff4f7;
}
#customTabulator.tabulator .tabulator-header-filter input[type="search"], .tabulator-header-filter textarea {
    height: 32px !important;
    padding: 5px 0px 5px 8px!important;
    border: 0px solid #f4f8f9 !important;
    background: #eeeeee8f !important;
    border-radius: 0.12rem !important;
    /* box-sizing: border-box; */
    width: 100% !important;
    font-weight: normal;
    /* color: #555; */
}
#customTabulator.tabulator .tabulator-cell[tabulator-field="name"]{
    color:  #014783;
}
/* customTabulator end */

/* collapsibleTabulator css start */
.collapsibleTabulator .card .card-header{
    background-color: rgba(0, 0, 0, 0.03);
}
.collapsibleTabulator .border-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    border-left-style: none !important;
    border-top: 3px solid #0066cc !important;
}
#collapsibleTabulator.tabulator-row.tabulator-row-even {
    background-color: white;
}
#collapsibleTabulator.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{
	white-space: normal;
	text-overflow: clip;
    font-weight: normal;
    padding-right: 12px;
    color: #333333;
}
#collapsibleTabulator.tabulator-col:nth-child(1), .tabulator-col:nth-child(2), .tabulator-cell:nth-child(2){
    border-right:0px solid #ccc !important;
}
#collapsibleTabulator .tabulator-custom-button {
    width: 18px;
    text-align: center;
    background: #fff;
    border-radius:3px;
    z-index: 999;
    position: absolute;
    right: 6px;
    bottom: -6px;
}
#collapsibleTabulator .tabulator-custom-button > i{
    font-size: 10px;
    color: #dd7722;
}
#collapsibleTabulator .eventsBgPrimary{
    background: #a9bfd9 !important;
}
#collapsibleTabulator .eventsBgSecondary{
    background: #BFCFE3 !important;
}
#collapsibleTabulator .eventsBgTertiary{
    background: #D4DFEC !important;
}
#collapsibleTabulator .affiliationsBgPrimary{
    background: #f3b9b4 !important;
}
#collapsibleTabulator .affiliationsBgSecondary{
    background: #F9DCD9 !important;
}
#collapsibleTabulator .affiliationsBgTertiary{
    background: #f8e9e6 !important;
}
#collapsibleTabulator .affiliationsBgfourth{
    background: #f8e9e6 !important;
}
#collapsibleTabulator .publicationsBgPrimary{
    background: #bee5d3 !important;
}
#collapsibleTabulator .publicationsBgSecondary{
    background: #CEECDE !important;
}
#collapsibleTabulator .publicationsBgTertiary{
    background: #DEF2E9 !important;
}
#collapsibleTabulator .trailBgPrimary{
    background: #fbcc90 !important;
}
#collapsibleTabulator .referralBgPrimary{
    background: #ecdfec !important;
}
#collapsibleTabulator .referralBgSecondary{
    background: #F1E7F1 !important;
}
#collapsibleTabulator .referralBgTertiary{
    background: #F5EFF5 !important;
}
#collapsibleTabulator .prev_tierBg{
    background: #A9BFD9 !important
}
#collapsibleTabulator .current_tierBg{
    background: #F3B9B4 !important
}
#collapsibleTabulator .statusBg{
	background: #ecdfec !important;
}
#collapsibleTabulator.tabulator .tabulator-header .tabulator-col{
    background: white;
}
/*scroller*/
/* Let's get this party started */
#collapsibleTabulator.tabulator-tableHolder{
    overflow-y: hidden !important;
}
#collapsibleTabulator.tabulator-tableHolder:hover{
    overflow-y: auto !important;
}

/* Track */
#collapsibleTabulator.tabulator-tableHolder::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
#collapsibleTabulator.tabulator-tableHolder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
#collapsibleTabulator.tabulator-tableHolder::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#999;
}
#collapsibleTabulator.tabulator-tableHolder::-webkit-scrollbar-thumb:window-inactive {
	background:#eee; /*rgba(255,0,0,0.4);*/ 
}
#collapsibleTabulator .add-contact-button {
    text-align: center;
    margin-top: 6px;
}
/*custom Grid*/
#collapsibleTabulator.tabulator-row .tabulator-cell, .tabulator .tabulator-header .tabulator-col{
    border-right: 0px;
}
#collapsibleTabulator.tabulator-row .tabulator-frozen.tabulator-frozen-left, .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{
    border-right: 0px;
}
#collapsibleTabulator.tabulator .tabulator-header, .tabulator-row .tabulator-cell{
   border-bottom: 1px solid #eff4f7; 
}

#collapsibleTabulator.tabulator .tabulator-header-filter input[type="search"]{
    height: 29px !important;
    border: 0px solid #dedfdf;
    border-radius: 0.12rem !important;
    background-color:#eeeeee8f !important;
    width: 80% !important;
    margin-right: 1rem;
    font-size: 0.9rem;
    font-weight: normal;
}
#collapsibleTabulator.tabulator .tabulator-header-filter input[type="search"]:focus{
    border-color: white;
}
#collapsibleTabulator.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{
    background-color: white;
}
#collapsibleTabulator.tabulator .tabulator-footer{
    background-color: white;
}
#collapsibleTabulator.tabulator .tabulator-page{
    color: black;
}
#collapsibleTabulator.tabulator .tabulator-footer .tabulator-page.active {
    border-color: #0066cc;
    background-color: #fff;
    color: #0066cc;
}
#collapsibleTabulator.tabulator .tabulator-col-vertical{
    background-color: rgb(141, 62, 62);
}
#collapsibleTabulator.tabulator .tabulator-footer .tabulator-paginator{
    font-size: small;
    font-weight: 500;
}
#collapsibleTabulator.tabulator{
    border: 2px solid #eff4f7;
}
#collapsibleTabulator.tabulator .tabulator-cell[tabulator-field="name"] a{
    color: #014783;
    font-weight: 500;
    text-decoration: none;
}
#collapsibleTabulator.tabulator-row .tabulator-cell{
    border-left: none;
}
#collapsibleTabulator.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{
    border: none;
}
#collapsibleTabulator .tabulator-row.tabulator-row-even{
    background-color: white;
}
#collapsibleTabulator .tabulator-row .tabulator-cell{
    border: none;
}
#collapsibleTabulator .tabulator-row{
    background-color: white;
}
#collapsibleTabulator .tabulator-row:hover{
    background-color: white !important;
}
#collapsibleTabulator.tabulator .tabulator-tableholder{
    background-color: white;
}
#collapsibleTabulator.tabulator .tabulator-header-contents{
    background-color: white;
}
.bi-arrows-fullscreen{
    color: #0066cc;
    -webkit-text-stroke : 1px;
}
/* Tabulator css end */
/* collapsibleTabulator end */


/* Form css start */
.form-section{
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: 0px 0px 12px rgba(0,0,0,.1);
    border-top-right-radius: 1rem;
    padding-top: 24px;
    border-left: 3px solid #0066cc;
}
form .form-floating label {
    position: absolute; 
    padding: 0.5rem 0.5rem;
    top: 2px;
    font-size: 0.7rem;
    font-weight: 500;
    color: #0066cc;
    transition: 0.1s ease-out;
    transform-origin: left top;
    pointer-events: none;
}
.form-section select{
    height: 2.4rem !important;
    border: 1px solid gray;
    font-size: 0.7rem;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    line-height: 1.7;
}
.form-section select:focus{
    box-shadow: none;
    border-color: gray;
}
.form-section select:focus+label {
    color: #0066cc;
    background-color: #fff;
    left: 0.5rem;
    height: 0rem;
    line-height: 1;
    width: auto;
    font-size: 0.7rem;
    box-shadow: none;
    opacity: 1 !important;
    transform: translateY(-50%) scale(0.9) !important;
}
.form-section select:not(:placeholder-shown)+label {
    background-color: #fff;
    left: 0.5rem;
    height: 1.8rem;
    width: auto;
    opacity: 1 !important;
    transform: translateY(-50%) scale(0.9) !important;
}
.form-section select:not(:focus)::placeholder {
    opacity: 0 !important;
}

.form-section input {
    height: 2.4rem !important;
    font-size: 0.7rem;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0.8rem 0.75rem !important;
    color: black;
    transition: 0.1s ease-out;
}

.form-section input:focus {
    box-shadow: none;
    border-color: gray;
}

.form-section input:focus+label {
    color: #0066cc;
    background-color: #fff;
    left: 0.5rem;
    height: 1.4rem;
    line-height: 1;
    width: auto !important;
    font-size: 0.7rem;
    padding-right: 0%;
    opacity: 1 !important;
    transform: translateY(-70%) scale(0.9) !important;
}

.form-section input:not(:placeholder-shown)+label {
    background-color: #fff;
    left: 0.5rem;
    height: 1.7rem;
    width: auto;
    opacity: 1 !important;
    transform: translateY(-65%) scale(0.9) !important;
}
.form-section input:not(:focus)::placeholder {
    opacity: 0 !important;
    background-color: white;
}
.pview{
    z-index: 9999 !important;
    position: absolute !important;
    top: 0.5rem !important;
    right: 1em !important;
}
.error_message{
    font-size: 0.75rem;
}
/* Form css end */

/* rsuite selectpicker */
.rs-picker-default .rs-picker-toggle{
    border-color: #686969 !important;
}
.rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active { 
    border-color: #686969; 
    box-shadow: none; 
}
.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover{
    border-color: #e5e5ea !important; 
}
.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:not(:hover){
    border-color: #e5e5ea !important;
}
.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus{
    border-color: transparent;
    outline: none !important;
}
.rs-picker{
    width: 224px;
}
.rs-btn{
    font-size: 12px;
}
.rs-picker-daterange-predefined .rs-stack-item{
    width: -webkit-fill-available !important;
}
.rs-picker-daterange-predefined .rs-stack-item:hover{
    border: 1px solid rgba(142, 202, 255, 0.637);
    background-color: #e5e5ea;
    border-radius: 10%;
}
#select_picker label{
    top: -15px;
    z-index: 7;
    line-height: 2;
    background-color: white;
    width: auto !important;
    height: 1.35rem;
    left: 13px;
    color: #0066cc;
    font-size: 0.75rem;
    padding: 0rem 0rem;
}
#slider p{
        width: auto;
        color: #0066cc;
        font-size: 0.75rem;
}
.rs-picker-toggle .rs-picker-toggle-placeholder {
    color: #3f3f3f !important;
    font-size: 0.75rem;
}
.rs-picker-has-value .rs-btn .rs-picker-toggle-value{
    color : #575757 !important;
}
.rs-anim-fade{
    animation: datemenuslide 0.7s linear;
}
.rs-picker-toggle-textbox:focus{
    border: none;
}
.rs-stack-item > button{
    color: #0066cc;
}
.rs-stack-item > button:hover{
    text-decoration: none;
}
.rs-picker-value-count{
    background-color: #014783 !important; 
}
.rs-slider-progress-bar{
    background-color: #014783 !important;
}
.rs-slider-handle:before{
    border: 2px solid #014783 !important;
}
/* rsuite css end */

/* Dropdown button */
.btn.btn-primary{
    background-color: #0066cc;
    border-style: none;
    color: #fff;
}
.customButton.btn.show{
    background-color: #0066cc !important;
    border-color: transparent !important;
}
.customButton.btn:hover{
    background-color: #0066cc !important;
    border-color: transparent !important;
}
/* Dropdown button end */

/* textarea css */
#textarea label{
    top: -16px;
    font-size: 0.75rem;
    height: fit-content;
}
#textarea textarea {
    font-size: 0.75rem;
    outline: none;
    border: 1px solid #686969;
    border-radius: 5px;
    padding: 1rem 0.7rem !important;
    color: black;
}

#textarea textarea:focus {
    box-shadow: none !important;
    border: 1px solid gray !important;
}

#textarea textarea:focus+label {
    color: #0066cc;
    background-color: #fff;
    height: 1.35rem !important;
    line-height: 2.2 !important;
    width: auto;
    font-size: 0.75rem;
    opacity: 1 !important;
    transform: translateY(20%) scale(0.9) !important;
}

#textarea textarea:not(:placeholder-shown)+label {
    background-color: #fff;
    left: 0.5rem;
    height: 1.35rem !important;
    width: auto;
    font-size: 0.75rem;
    opacity: 1 !important;
    transform: translateY(5%) scale(0.9) !important;
}
#textarea textarea:not(:focus)::placeholder {
    opacity: 0 !important;
    border: 1px solid #686969 !important;
}
/* textarea css end */

/* checkbox css */
#checkbox label{
    line-height: 0;
    height: 0;
}
#checkbox .rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner:before{
    background-color: #014783 !important; 
    border-color: #014783 !important;
}
#checkbox .rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner:before{
    background-color: #014783 !important; 
    border-color: #014783 !important;
}
/* checkbox css end */

/* radio css */
#radio label{
    line-height: 0;
    height: 0;
}
#radio .rs-radio.rs-radio-checked .rs-radio-inner:before{
    background-color: #014783 !important; 
    border-color: #014783 !important;
}
/* radio css end */

/* ck editor css*/
.ck.ck-editor {
    position: relative;
    width: fit-content;
}
/* ck editor end */

/* autocomplete css */
#autocomplete #search-header{
    width: auto;
    color: #0066cc;
    font-size: 0.75rem;
}
#autocomplete .search-suggestions{
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
}
/* autocomplete css end */

/* echarts css */
#echarts .chart-title{
    font-size: small;
    font-weight: bold;
    color: #0066cc;
}
#anychart{
    height: 25rem;
}
.anychart-credits{
    display : none;
}
/* echarts css end */

/* textcolor css */
/* Text Color */
.text-primary{
  /* color: #0066cc; */
}
label.text-info:hover{
    text-decoration: underline;
}
p.text-primary{
    color: orange !important;
    font-size: 1.35rem;
}
h4.text-primary{
    color: orange !important;
    font-size: 1rem;
}
h4.text-info{
    color: #014783 !important;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}
h4.text-info:hover{
    text-decoration: underline;
}
.textcolor a{
    color: #014783 !important;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}
.textcolor a:hover{
    text-decoration: underline;
}
.card-header-title{
    color : rgb(16,102,204);
}
.border-bottom{
    border-bottom : 3px solid #eff4f7;
}
.textcolor .card-panel{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 3px solid #0066cc; 
    padding: 0px;
    border-left-style: none !important;
}
/* textcolor css end */

/* Filters css */
#datepicker label{
    top: -8px;
    z-index: 7;
    line-height: 1.5;
    background-color: white;
    width: auto !important;
    height: 1.15rem;
    left: 13px;
    color: #0066cc;
    font-size: 0.75rem;
    padding: 0rem 0rem;
}
.btn.btn-success{
    background-color: #2ea664;
    border-style: none;
    color: #fff;
}
.btn.btn-success:hover{
    color: #2ea664;
    background-color: #fff;
    border: 0.3px solid #2ea664;
}
/* Filters css end */
/* Table layout css */
.interactions .form-layout label{
    color: #0066cc;
    font-size: 0.8rem !important;
    margin-bottom: 5px;
    font-weight: bold;
}
.interactions .card .card-form-title{
    font-size: 0.8rem !important;
    font-weight: bold;
    color: #0066cc;
    text-transform: uppercase;
    vertical-align: middle;
}
.interactions .form-layout p{
    font-size: 0.8rem !important;
}
.interactions .form-header{
    text-transform: uppercase;
}
.interactions .form-header span{
    font-size: 0.9rem;
    font-weight: bold !important;
    color: #0066cc !important;
}
.interactions .view_heading{
    display: inline-block;
    background: #014783;
    color: #fff;
    font-size: 0.8rem !important;
    border-top-right-radius: 1rem;
}
.interactions .border-left{
    margin-left: 0rem !important;
    border-left: 3px solid #014783 !important;
}
.interactions .table-panel{
    border-top: 3px solid #0066cc; 
}
.interactions th{
    color: #0066cc;
    font-size: 0.9rem !important;
}
.interactions tr td{
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.85rem !important;
}
/* Table layout css end */

/* modall popup */
#clientpopup .card .card-header{
    background-color: rgba(0, 0, 0, 0.03);
}
#clientpopup .border-top{
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-top: 3px solid #0066cc !important;
}
.modal-header{
    text-align: center;
    padding: 6px;
    border-top: 3px solid #0066cc;
    border-bottom: 3px solid #f3f2f3;
    color: #0066cc;
}
.modal-title{
    font-size: 14px;
    width: 100%!important;
}

.rs-picker-toggle .rs-picker-toggle-placeholder{
    font-size: 0.75rem !important;
    font-weight: normal !important;
}
.modal .modal-body .form-layout{
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: 0px 0px 12px rgba(0,0,0,.1);
    border-top-right-radius: 1rem;
    border-left: 3px solid #0066cc;
    margin-left: 0rem;
    margin-right: 0rem;
}
.modal form .form-floating label {
    position: absolute; 
    padding: 0.5rem 0.5rem;
    top: 0;
    font-size: 0.75rem;
    font-weight: 500;
    width:auto;
    color: #0066cc;
    transition: 0.1s ease-out;
    transform-origin: left top;
    pointer-events: none;
}
.modal .form-layout input {
    height: 2.4rem !important;
    font-size: 0.7rem;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0.8rem 0.75rem !important;
    color: black;
    transition: 0.1s ease-out;
}
.modal .plan-header{
    color: #0066cc;
}
.modal .form-layout input:focus {
    box-shadow: none;
    border-color: gray;
}

.modal .form-layout input:focus+label {
    color: #0066cc;
    background-color: #fff;
    left: 0.5rem;
    height: 1.35rem;
    line-height: 0;
    width: auto !important;
    font-size: 0.7rem;
    padding-right: 0%;
    opacity: 1 !important;
    transform: translateY(-50%) scale(0.9) !important;
}

.modal .form-layout input:not(:placeholder-shown)+label {
    background-color: #fff;
    left: 0.5rem;
    height: 1.35rem;
    width: auto;
    line-height: 0;
    opacity: 1 !important;
    transform: translateY(-50%) scale(0.9) !important;
}
.modal .form-layout input:not(:focus)::placeholder {
    opacity: 0 !important;
    background-color: white;
}
.modal .date label{
    position: relative;
    top: 8px;
    z-index: 7;
    line-height: 2;
    background-color: white;
    width: auto !important;
    height: 1.35rem;
    left: 13px;
    color: #0066cc;
    font-size: 0.75rem;
    padding: 0rem 0rem;
}
#select-picker label{
    top: -15px;
    z-index: 7;
    line-height: 2;
    background-color: white;
    width: auto !important;
    height: 1.35rem;
    left: 13px;
    color: #0066cc;
    font-size: 0.75rem;
    padding: 0rem 0rem;
}
.rs-picker-menu {
    z-index: 99999 !important; 
}
.modal-header .btn-close{
    font-size: 0.7rem;
}
.modal .form-layout select{
    height: 2.4rem !important;
    border: 1px solid gray;
    font-size: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    line-height: 1.7;
}
.modal .form-layout select:focus{
    box-shadow: none !important;
}
.modal .form-layout select:focus+label {
    color: #0066cc;
    background-color: #fff;
    left: 0.5rem;
    height: 1.6rem;
    line-height: 1.2;
    width: auto;
    font-size: 0.75rem;
    opacity: 1 !important;
    transform: translateY(-70%) scale(0.9) !important;
}
.modal .form-layout select:not(:placeholder-shown)+label {
    background-color: #fff;
    left: 0.5rem;
    height: 2rem;
    font-size: 0.75rem;
    width: auto;
    opacity: 1 !important;
    transform: translateY(-50%) scale(0.9) !important;
}
.modal .form-layout select:not(:focus)::placeholder {
    opacity: 0 !important;
}
/* modal popup end */
/* custom css */
.btn.btn-outline-success{
    color: #2ea664;
    background-color: #fff;
    border-color: #2ea664;
}
.btn.btn-outline-success:hover{
    color: #2ea664;
    background-color: #fff;
    border-color: #2ea664;
}
.btn.btn-link{
    text-decoration: none;
    color: #2ea664;
    border-style: none;
    font-size: 0.9rem;
}
.btn.btn-link:hover{
    color: #2ea664;
    text-decoration: underline;
}
.new_record_heading{
    display: inline-block;
    background: #014783;
    color: #fff;
    border-top-right-radius: 1rem;
}
.no-shadow{
    box-shadow: 0px 0px 12px rgba(0,0,0,.1)!important;
    border: 0;
    border-radius: 0px;
}
/* custom css end */
/* Accordion css */
.accordions > .card {
    border-left: none;
}
.accordions .card-header{
    border-bottom : 3px solid #eff4f7 !important;
    background-color: white;
}
.accordions p{
    margin-bottom: 0%;
    margin-left: 0.4rem;
}
.accordions .accordion-button:not(.collapsed)::after{
    background-size: 1.11rem;
}
.accordions .accordion-button::after{
    background-size: 1.11rem;
}
.accordions .accordion-button:focus{
    box-shadow: none;
    border-color: white;
}
.accordions .accordion-item{
    border: none;
}
.accordions .accordion-body{
    padding: 0.25rem 0.25rem;
}
.accordions .accordion-button:not(.collapsed) {
    background-color: white;
    box-shadow: none;
}
.accordions a{
    color: #014783 !important;
    font-size: 0.8rem;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    margin-left: 0.3rem;
}
.accordions a:hover{
    text-decoration: underline;
}
.accordions .list-group-item{
    padding: 0.3rem 0.5rem;
}
.accordions .accordion-button{
    font-size: 0.8rem;
    font-weight: bold;
    color: orange !important;
    box-shadow: none;
    line-height: 1.2;
}
.accordions .accordion-button:not(.collapsed){
    color: #686868;
}
/* Accordion css end */
/* react confirm alert css */
.custom-ui {
    text-align: center;
    width: 500px;
    padding: 40px;
    background: #28bae6;
    box-shadow: 0 20px 75px rgb(0 0 0 / 23%);
    color: #fff;
}
.custom-ui > .button {
    width: 160px;
    padding: 10px;
    border: 1px solid #fff;
    margin: 10px;
    cursor: pointer;
    background: none;
    color: #fff;
    font-size: 14px;
}
/* react confirm alert css end */

/* tabulator group by hcp */
#payments-grid-table .tabulator-row.tabulator-group {
    font-size: 12px;
    background: #fff;
    font-weight: bold;
    color: #212529b3;
    border-bottom: 2px solid #eff4f7;
    border-top: 0px;
}
#payments-grid-table .tabulator-row.tabulator-group span {
    font-weight: normal;
    font-size: 11px;
    margin-left: 10px;
    color: #666;
}
#payments-grid-table.tabulator .tabulator-tableholder .tabulator-table 
.tabulator-row.tabulator-calcs.tabulator-calcs-bottom{
    border-top: none;
}
#payments-grid-table .tabulator-row.tabulator-row-even{
    background-color: transparent;
}
#payments-grid-table.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    display: inline-block;
    background-color: white !important;
}
#payments-grid-table.tabulator .tabulator-header .tabulator-col {
    border-right: 3px solid #eff4f7 !important;
}
#payments-grid-table.tabulator .tabulator-header {
    border-bottom: 1px solid #eff4f7;
}
#payments-grid-table.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{
    font-weight: 500;
    padding-right: 12px;
    text-align: center;
    color: #0066cc;
}
#payments-grid-table.tabulator .tabulator-col-content{
    background-color: white;
}
#payments-grid-table.tabulator .tabulator-headers{
    background-color: white;
}
#payments-grid-table.tabulator .tabulator-cell{
    background-color: white;
    border-right: 3px solid #eff4f7;
    border-bottom: 2px solid #eff4f7;
    padding: 10px;
    
}
#payments-grid-table.tabulator .tabulator-footer{
    background-color: white;
}
#payments-grid-table.tabulator .tabulator-page{
    color: black;
}
#payments-grid-table.tabulator .tabulator-footer .tabulator-page.active {
    border-color: #0066cc;
    background-color: #fff;
    color: #0066cc;
}
#payments-grid-table.tabulator .tabulator-tableholder{
    background-color: rgba(255, 255, 255, 0.76);
}
#payments-grid-table.tabulator .tabulator-footer .tabulator-paginator{
    font-size: small;
    font-weight: 500;
}
#payments-grid-table.tabulator{
    border: 2px solid #eff4f7;
}
#payments-grid-table.tabulator .tabulator-header-filter input[type="search"], .tabulator-header-filter textarea {
    height: 32px !important;
    padding: 5px 0px 5px 8px!important;
    border: 0px solid #f4f8f9 !important;
    background: #eeeeee8f !important;
    border-radius: 0.12rem !important;
    /* box-sizing: border-box; */
    width: 100% !important;
    font-weight: normal;
    /* color: #555; */
}
#payments-grid-table.tabulator .tabulator-cell[tabulator-field="name"]{
    color:  #014783;
}
#payments-grid-table.tabulator .tabulator-header 
.tabulator-col .tabulator-col-content .tabulator-col-title{
    color: #0066cc;
}
#payments-grid-table.tabulator .tabulator-footer{
    border: 0px;
}
#payments-grid-table .gridActionIcon {
    display: table-cell;
}
#payments-grid-table .gridEditIcon {
    background: rgba(0, 0, 0, 0) url(/images/refine_by_icons/edit.svg);
    background-size: 18px auto;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}
#payments-grid-table .gridDeleteIcon {
    background: rgba(0, 0, 0, 0) url(/images/cross_gray.svg);
    background-size: 18px auto;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}
#payments-grid-table .microViewIcon {
    background: rgba(0, 0, 0, 0) url(/images/microview_active.svg);
    height: 18px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#payments-grid-table.tabulator .tabulator-footer .tabulator-calcs-holder {
    border-bottom: none;
    border-top: none;
}
.groupByTabulator .card .card-header{
    background-color: rgba(0, 0, 0, 0.03);
}
.groupByTabulator .border-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    border-left-style: none !important;
    border-top: 3px solid #0066cc !important;
}
/* tabulator group by hcp end */

/* training grid table tabulator */
.training-grid-table .card .card-header{
    background-color: rgba(0, 0, 0, 0.03);
}
.training-grid-table .border-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    border-left-style: none !important;
    border-top: 3px solid #0066cc !important;
}
#trainingGridTable.tabulator .tabulator-header .tabulator-col {
    border-right: 3px solid #eff4f7 !important;
}
#trainingGridTable.tabulator .tabulator-header {
    border-bottom: 1px solid #eff4f7;
}
#trainingGridTable.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{
    font-weight: 500;
    padding-right: 12px;
    text-align: center;
    color: #0066cc;
}
#trainingGridTable.tabulator .tabulator-col-content{
    background-color: white;
}
#trainingGridTable.tabulator .tabulator-headers{
    background-color: white;
}
#trainingGridTable.tabulator .tabulator-cell{
    background-color: white;
    border-right: 3px solid #eff4f7;
    border-bottom: 2px solid #eff4f7;
    padding: 10px;
    
}
#trainingGridTable.tabulator .tabulator-footer{
    background-color: white;
    border-top: 2px solid #eff4f7;
}
#trainingGridTable.tabulator .tabulator-page{
    color: black;
}
#trainingGridTable.tabulator .tabulator-footer .tabulator-page.active {
    border-color: #0066cc;
    background-color: #fff;
    color: #0066cc;
}
#trainingGridTable.tabulator .tabulator-tableholder{
    background-color: rgba(255, 255, 255, 0.76);
}
#trainingGridTable.tabulator .tabulator-footer .tabulator-paginator{
    font-size: small;
    font-weight: 500;
}
#trainingGridTable.tabulator{
    border: 2px solid #eff4f7;
}
#trainingGridTable.tabulator .tabulator-header-filter input[type="search"], 
.tabulator-header-filter textarea {
    height: 32px !important;
    padding: 5px 0px 5px 8px!important;
    border: 0px solid #f4f8f9 !important;
    background: #eeeeee8f !important;
    border-radius: 0.12rem !important;
    /* box-sizing: border-box; */
    width: 100% !important;
    font-weight: normal;
    /* color: #555; */
}
#trainingGridTable.tabulator .tabulator-cell[tabulator-field="name"]{
    color:  #014783;
}
#trainingGridTable .tabulator-footer-contents{
    justify-content: center;
}
#trainingGridTable.tabulator .tabulator-footer{
    border-top: none;
}
/* training grid table tabulator end */