NextJS_DOC/styles/styles.css

1214 lines
30 KiB
CSS

.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 */