/* 
Theme Name:		ACTD THEME
Template:		hello-elementor
Version:		1.0.0
Text Domain:	actd-theme
*/

A { transition:0.3s all !important }
P:last-child { margin-bottom:0 }
H4 { margin:10px 0 }
H5 { margin:0 }

.hideit { display:none !important }
.notselectable { user-select: none; outline: none; cursor: default }

.site-header + .elementor { min-height:0 !important }

.elementor-button-content-wrapper { align-items: center }
.elementor-button-icon { font-size:17px }

.ui-datepicker-title { display:flex; justify-content: space-between}
.acf-ui-datepicker .ui-datepicker .ui-datepicker-prev, .acf-ui-datepicker .ui-datepicker .ui-datepicker-next { margin-top:20px !important}

.media-modal.wp-core-ui h1, .media-modal.wp-core-ui h2, .media-modal.wp-core-ui h3, .media-modal.wp-core-ui h4 { font-size: inherit; line-height: inherit; display:inherit; padding:inherit; margin:inherit }
.media-modal.wp-core-ui button, .mce-tinymce button, .mce-btn button, #wp-link-submit { background-color:inherit !important; font-size:inherit; font-weight:inherit; text-transform:inherit; letter-spacing:inherit;color:inherit; border-style:inherit; border-radius:inherit }
.media-modal.wp-core-ui button:hover, .media-modal.wp-core-ui button:focus, .mce-btn button:hover, .mce-btn button:focus { background-color:inherit !important }


/* ============================================================================= */
/* ULTIMATE MEMBER */
.um.um-login { margin-bottom:0 !important }
#um-submit-btn { background:var(--e-global-color-secondary) !important; font-weight:700 !important; text-transform: uppercase !important}
.um-field-block { font-size: inherit !important; color: #003A69 !important}
a.um-link-alt { color:#006CC5 !important; font-weight: 600 !important; text-decoration: underline !important}
.um_request_name {	display: none !important }


/* ========================================================================================================================================================== */
/* DATATABLES */
.dataTable { font-size:13px !important; margin:20px auto; border-collapse: separate !important}
.dataTable TH { padding:5px 10px !important; color:#FFF; font-weight:bold; text-transform:uppercase; border:0 none !important; background:var(--e-global-color-primary) }
.dataTable TD { padding:5px 10px !important; border:0 none !important; background:#FFF !important; box-shadow:none !important; border-bottom:1px dashed var(--e-global-color-text) !important }
.dataTable.no-footer { border-bottom:0 none !important }

.dtfc-fixed-start.dtfc-fixed-left { border-right:2px dotted var(--e-global-color-text) !important; border-collapse: separate !important}

.dataTable H3 { margin:0; font-size:1.1em !important }
.dataTable .col_uid { width:30px; text-align:right; border-right:0 none !important }
.dataTable .searchFilter {padding:2px 5px; font-size:1em }

.dt-container .dt-layout-row { display:flex; justify-content: space-between }
.dt-container .dt-layout-row LABEL { display:none !important }
.dt-container.dt-empty-footer .dt-scroll-body { border-bottom:0 none !important }

/*.dataTable TH { white-space: nowrap } */
/*div.dataTables_wrapper { min-width: auto; margin: 0 auto }*/


TH[data-dt-column="8"], TH[data-dt-column="9"], TH[data-dt-column="14"], TH[data-dt-column="15"], TH[data-dt-column="18"], TH[data-dt-column="19"], TH[data-dt-column="20"] { min-width:150px }
TH[data-dt-column="10"] { min-width:240px } 
TH[data-dt-column="16"] { min-width:180px } 
TH[data-dt-column="17"] { min-width:100px }


/* ========================================================================================================================================================== */
/* SELECTOR */
.selector { max-width:500px; margin:20px auto; display:flex; flex-direction:column; gap:20px; justify-content: center}
.selector .select2-selection { height:auto }
.selector .select2-selection__rendered { color:var(--e-global-color-primary); font-weight:600}
.selector .select2-selection__rendered, .select2-results__option { font-size:16px; padding:6px 15px}
.selector .select2-results { font-size:15px }

#results { width:100%; max-width:1200px; margin:0 auto; padding:0 40px 40px; border:1px solid #CCC; text-align:center}
#results H3 + H2 { margin-top:-10px}
#results H4 { margin:0; padding-top:40px; padding-bottom:20px; /* border-top:1px dashed var(--e-global-color-text);*/ font-size:20px !important}
#results H4 SPAN { font-size:90%; padding-top:10px; display:inline-block}
#results .title { padding-top:20px }
#results .title H2 { margin-bottom:0 !important }

.reportTable { display:grid; grid-template-rows:1fr; margin:0 auto; background:var(--e-global-color-text); grid-gap:1px; border:1px solid var(--e-global-color-text); font-size:13px }
.reportTable SPAN { padding:8px 12px; background:#FFF; font-weight:600 }
.reportTable SPAN.header { background:var(--e-global-color-primary); color:#FFF}
.reportTable SPAN.total { background:var(--e-global-color-e792136); font-weight:bold}
.reportTable SPAN.bigtotal { background:var(--e-global-color-text); font-weight:bold; color:#FFF}
.reportTable SPAN.intertitle { background:var(--e-global-color-text); font-weight:bold; color:#FFF}
.reportTable H3 { margin:0; font-size:1.1em !important; line-height:1.2}
.reportTable > span.first { text-align:left; max-width:360px}

.canvasjs-chart-credit { display:none !important }

.pies { display:flex; gap:20px; flex-direction:column}
.pies > .pie { flex:0 1 100% }
#results .pie H4 { font-size:16px !important; padding:30px 0 0 !important}

#pie_wrapper_P1, #pie_wrapper_P3, #pie_wrapper_P4, #pie_wrapper_P5, #pie_wrapper_P71 { display:grid; grid-template-columns: repeat(2, 1fr); grid-template-rows:1fr }
#pie_wrapper_P1 .pie:last-of-type, #pie_wrapper_P3 .pie:last-of-type, #pie_wrapper_P4 .pie:last-of-type, #pie_wrapper_P5 .pie:last-of-type, #pie_wrapper_P71 .pie:last-of-type { grid-column:span 2 }

#makePdf { background:#900 }


/* ========================================================================================================================================================== */
/* PRELOADER */
#preloader { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; background: rgba(255,255,255,0.5) }
.lds-ring { position: absolute; width: 60px; height: 60px; top:calc(50% - 30px); left:calc(50% - 30px) }
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  margin: 5px;
  border: 5px solid var(--e-global-color-primary);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color:var(--e-global-color-primary) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}