/* 
Theme Name:		EVODOC
Template:		hello-elementor
Version:		1.0.0
Text Domain:	evodoc
*/

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}

::-webkit-scrollbar{ width: 20px; border-radius: 10px; background: #FFF } 
::-webkit-scrollbar-thumb{ background: var(--e-global-color-c82edba); border-left:15px solid #FFF }

/* ============================================================================= */
/* MAIN */
MAIN { margin:100px 40px 40px 340px }
/*MAIN.elementor-27 { margin:30px; min-height:calc(100vh - 60px); display:flex; flex-direction:column; justify-content:center;  }*/


/* ============================================================================= */
/* LAYOUT */
#navHeader { position:fixed; z-index:1000 }
#navLeft { position:fixed; z-index:10;  width:300px; height:100vh }
#navTop { z-index:9; width:100vw !important }

#topusericons .elementor-icon-list-item A { flex-direction: row-reverse }
#topusericons .elementor-icon-list-text { text-align:right; line-height:1.2; padding-right:5px}


/* ============================================================================= */
/* MAINMENU */
.mainmenu .current-menu-item > A:before { background-color:#FFF !important }
.mainmenu UL.elementor-nav-menu > LI { margin:5px 0; border-radius:8px !important; overflow:hidden; background-color:var(--e-global-color-c82edba)  }
.mainmenu UL.elementor-nav-menu > LI > A { padding-left:60px; border-radius:0px !important;  justify-content:space-between}
.mainmenu UL.elementor-nav-menu > LI > A:before {
	content:'';	opacity:1 !important;
	width:30px; height:30px; margin-left:-40px;
	background-size:30px 30px; background-repeat:no-repeat; background-color:var(--e-global-color-secondary);	
	-webkit-mask-size: cover;
	mask-size: cover;	
}
.mainmenu UL.elementor-nav-menu > LI.current-page-ancestor > A { background-color:var(--e-global-color-secondary) !important; color:#FFF !important }
.mainmenu UL.elementor-nav-menu > LI.current-page-ancestor > A:before { background-color:#FFF }
LI.menu_user_management > A:before {
	-webkit-mask: url("assets/user-profile.svg") no-repeat 50% 50%;
	mask: url("assets/user-profile.svg") no-repeat 50% 50%;
}
LI.menu_dataset > A:before {
	-webkit-mask: url("assets/data-storage.svg") no-repeat 50% 50%;
	mask: url("assets/data-storage.svg") no-repeat 50% 50%;
}
LI.menu_tasks > A:before {
	-webkit-mask: url("assets/nlp.svg") no-repeat 50% 50%;
	mask: url("assets/nlp.svg") no-repeat 50% 50%;
}
LI.menu_flux > A:before {
	-webkit-mask: url("assets/file-path.svg") no-repeat 50% 50%;
	mask: url("assets/file-path.svg") no-repeat 50% 50%;
}

.mainmenu A.has-submenu.highlighted { color:#FFF !important }
.mainmenu A.has-submenu .sub-arrow { fill:#FFF; transform: rotate(0); transform-origin:75% 50%; transition:transform 0.2s }
.mainmenu A.has-submenu.highlighted .sub-arrow { transform: rotate(90deg) }

.mainmenu .current-menu-parent.menu-item-has-children { background-color:var(--e-global-color-c82edba)}

.mainmenu .sub-menu > LI > A { border:0 none !important; padding-left:50px }
.mainmenu .sub-menu > LI > A:before {
	content:""; position:relative; left:-20px;
	width:20px; height:20px; 
	background-size:20px 20px; background-repeat:no-repeat; background-color:#FFF;	
	-webkit-mask-size: cover;
	mask-size: cover;		
	-webkit-mask: url("assets/right-down.svg") no-repeat 50% 50%;
	mask: url("assets/right-down.svg") no-repeat 50% 50%;	
}


/* ============================================================================= */
/* NOTIFICATIONS */
#NTF_wrapper { position:absolute }
#NTF_count { 
	position:absolute; top:-20px; right:35px;
	width:16px; height:16px; background:#C00; border-radius:50%;
	line-height:10px; font-size:10px; font-weight:600; color:#FFF; padding:3px 0; text-align:center;
	
}



/* ============================================================================= */
/* 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}


/* ============================================================================= */
/* POPUP FORM */
.popupBox.elementor-element { position:fixed; z-index:10000; top:0; width:500px; height:100vh; overflow-y:hidden; transition:right 0.3s; right:-600px }
.popupBox.elementor-element.show { right:0 }
#popupOverlay { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100vh; pointer-events: none; opacity:0; transition:opacity 0.3s }
#popupOverlay.show { pointer-events:auto; opacity:1 }

.popupBox FORM { max-height:calc(100vh - 200px); overflow-y:auto;}
.popupBox .acf-field { padding:12px 0 !important }
.popupBox .acf-field-message { padding:0 !important }

.popupBox .acf-field.col_half { width:calc(50% - 2px) !important; display:inline-block }
.popupBox .acf-field.col_half_left { padding-right:10px !important }
.popupBox .acf-field.col_half_right { padding-left:10px !important }

/* USERPROFILE STATUS */
.popupBox .acf-button-group { width:100% }
.popupBox .acf-button-group LABEL { width:50%; padding:10px 15px !important; cursor:pointer; font-weight:600 }
.popupBox .acf-field-63fe98088ad27 .acf-button-group LABEL.selected:nth-child(1) { background:#090 }
.popupBox .acf-field-63fe98088ad27 .acf-button-group LABEL.selected:nth-child(2) { background:#C00 }
.popupBox .acf-field-649d6a7093b9e .acf-button-group LABEL.selected:nth-child(1) { background:#EF8103 }
.popupBox .acf-field-649d6a7093b9e .acf-button-group LABEL.selected:nth-child(2) { background:#090 }

/* USERPROFILE PASS */
.popupBox .acf-field-6401451bdc2c5 { margin:10px 0 !important; padding:5px 15px !important; background:var(--e-global-color-e792136); border-radius:8px }
/* USERPROFILE PERMS */
.popupBox .acf-field-64726acbeb22b { margin:10px 0 !important; padding:15px 15px 5px !important; background:#21A94B33; border-radius:8px }

#formDeleteBtn { display:flex; flex-direction:row; gap:10px; align-items: center }
#deleteApprove { text-transform:none !important; display:flex; flex-direction:row; gap:5px; align-items: center}

#returnApprove { text-transform:none !important }

/* UPLOAD FILE */
.popupBox .acf-field-645e294e1ec41 { margin:10px 0 !important; padding:5px 15px !important; background:var(--e-global-color-e792136); border-radius:8px }

/* ========================================================================================================================================================== */
/* ACF */
.acf-fields .acf-fields > .acf-field /*, .acf-fields.acfe-column-wrapper>.acf-field.acf-field-acfe-column */ { padding:10px 12px !important }
.acf-fields > .acf-field { border:0 none !important }
.acf-input-wrap { overflow: visible !important }
INPUT:not([type="submit"]), SELECT, TEXTAREA, .select2-selection {
	font-size:15px !important; font-weight:500 !important; line-height:1.4 !important; color:var(--e-global-color-c82edba) !important;
	padding:8px 12px !important; border-radius:4px !important; border:1px solid #CCC !important; background:#FFF !important;
	height:auto !important;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1) !important;
}
SELECT OPTION { font-weight:500 !important }
INPUT:not([type="submit"]):focus-visible, SELECT:focus-visible { border-color:#003A69 !important; outline: none }
.acf-field INPUT[type="file"] { box-shadow:none !important }
.acf-field TEXTAREA { height:82px !important }
.acf-field-true-false { display:flex; flex-direction:row; gap:20px; align-items:center }
.acf-field-true-false .acf-label, .acf-field-true-false label { margin:0 !important }

.acf-label { margin-bottom:8px !important}
.acf-label LABEL { font-size:14px; text-transform:uppercase; color: var(--e-global-color-primary) !important}
.acf-field-message .acf-label { display:none !important }

.acf-field-checkbox INPUT[type="checkbox"] { zoom:1.4 }
.acf-field-checkbox LI { font-size:14px !important; margin-bottom:5px !important }

.acf-field-acfe-column[data-endpoint="1"] { display:none }
.acf-field-acfe-column[data-columns="12/12"] { padding:0 !important  }


/* .acf-field-button-group { display:flex; gap:20px; align-items:center } */
.acf-field-button-group .acf-label { margin-bottom:0 !important}
.acf-field-button-group .acf-button-group LABEL { padding:10px 30px !important; text-transform:uppercase  }

.acf-form-submit { text-align: center; margin-top:20px !important }

.acf-fields .acf-error-message, .acf-notice.-error { margin:0 !important }
.acf-field.acf-error input:not([type='checkbox']):not([type='submit']), .acf-field.acf-error textarea, .acf-field.acf-error select, .acf-field.acf-error .select2-selection { 	
	box-shadow: 0 0 8px rgba(255, 0, 0,.2) !important;
	border: 1px solid #F00 !important;
	background:rgba(255, 0, 0,.2) !important;
}

.acf-field .acf-notice.-error { position: absolute; right: 0; z-index:10; padding: 2px 5px; border: 0 none; background:#C00 !important; color:#FFF !important }
.acf-field .acf-notice.-error * { margin:0 }

.select2-selection__rendered { line-height:inherit !important; padding-left:0 !important}
.select2-selection__arrow { height:100% !important }


/* ============================================================================= */
.popupBox .acf-field-64c3c374e0440 .acf-button-group LABEL.selected:nth-child(1) { background:#EF8103 }
.popupBox .acf-field-64c3c374e0440 .acf-button-group LABEL.selected:nth-child(2) { background:#090 }
.popupBox .acf-field-64c3c374e0440 .acf-button-group LABEL.selected:nth-child(3) { background:#999 }

.popupBox .acf-field-645a61a13bbae .acf-button-group LABEL.selected:nth-child(1) { background:#006CC5 }
.popupBox .acf-field-645a61a13bbae .acf-button-group LABEL.selected:nth-child(2) { background:#21A94B }

/* ============================================================================= */
/* REPEATER 
.acf-repeater.-block > table { margin-top:-30px !important }

.level_parent TD.acf-fields { background:var(--e-global-color-27fba36) !important }
.level_parent .acf-repeater.-block>table>tbody>tr>td { 
 	border-top:0 none !important; 
	border-bottom:3px solid var(--e-global-color-secondary) !important; 
}

.level_child TD.acf-fields { background:var(--e-global-color-e792136) !important }
.level_child .acf-repeater.-block>table>tbody>tr>td { 
 	border-top:0 none !important; 
	border-bottom:3px solid var(--e-global-color-primary) !important; 
}

.level_parent .acf-row-handle.order, .level_parent .acf-row-handle.remove,
.level_child .acf-row-handle.order, .level_child .acf-row-handle.remove { width:30px !important; background:var(--e-global-color-secondary)!important; color:#FFF !important; font-weight:bold !important}
.level_child .acf-row-handle.order, .level_child .acf-row-handle.remove { background:var(--e-global-color-primary) !important }

.acf-repeater .acf-actions { text-align:right !important }
.acf-repeater .acf-actions .acf-button { float:none !important }

.level_parent .acf-actions .acf-button, 
.level_child .acf-actions .acf-button { 
	display:inline-block;
	padding:8px 30px; margin:10px 0 5px !important; color:#FFF !important; font-weight:bold; text-transform:uppercase; border-radius:4px;
	background:var(--e-global-color-secondary);
}
.level_child .acf-actions .acf-button { background:var(--e-global-color-primary) }

.acf-row-handle.remove .acf-icon { color:#FFF; background:var(--e-global-color-076421d); border-color:var(--e-global-color-076421d)   }
*/

/* ============================================================================= */
/* ACCORDION */
.acf-repeater .acf-accordion { background:transparent !important}
.accordion_title { width:calc(100% - 44px)}
.acf-accordion-title { 
	position:absolute !important; left:calc(100% - 42px) !important; top:-48px !important; 
	padding:3px !important; border-radius:4px; background: var(--e-global-color-076421d) !important; color:#FFF !important 
}
.acf-accordion-title I { font-size:24px; width:24px; height:24px }



/* ========================================================================================================================================================== */
/* UPLOAD */
.acf-image-uploader .image-wrap img { max-width:150px !important}

.acf-basic-uploader { width:100%; cursor:pointer; overflow:hidden}
.acf-basic-uploader { height:75px !important; border:3px dashed var(--e-global-color-primary) !important; background:var(--e-global-color-8505766) !important; transition:all 0.3s }
.acf-basic-uploader:hover { background:rgba(0,171,179,0.15) !important }
.acf-basic-uploader:after { position:absolute; right:20px; bottom:20px; content:"\f574"; font-family: "Font Awesome 5 Free"; font-size:40px; font-weight:900; color:var(--e-global-color-primary) }

.acf-basic-uploader input[type="file"],
.acf-basic-uploader input[type="file"]:hover,
.acf-basic-uploader input[type="file"]:focus { padding-top:200px !important; background:none !important; border:0 none !important; cursor:pointer; }

.acf-error .acf-basic-uploader { background:rgba(0,171,179,0) !important }

.upload_file .filename {
    position: absolute; width: calc(100% - 70px);
    top: 50%; left: calc(50% - 23px);
    transform: translate(-50%, -50%);
	line-height: 1.4; font-size:15px; font-weight:600; text-align: center; color:var(--e-global-color-primary);
	overflow-wrap: break-word; hyphens: auto;
	pointer-events:none
}

.popupBox .acf-field-645e294e1ec41 .acf-basic-uploader { background:rgba(255,255,255,0.9) !important }


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

#databaseTable_filter { margin-bottom:20px }

.dataTable TR.main_res TD { background:var(--e-global-color-e792136) !important }

.dataTable .dashicons:not(.smallsize):not(.bigsize), table.dataTable .dashicons-before:before, 
.dataTable i.fas, .dataTable i.fas:before, .dataTable i.far, .dataTable i.far:before { 
	/* width:30px !important; height:24px !important;*/ font-size:24px !important
}
.dataTable .dashicons.bigsize{ font-size:40px !important; width:40px !important; line-height:40px !important; height:40px !important }

.dataTables_filter { display:flex; gap:20px }
.dataTables_filter LABEL { vertical-align:top }
.dataTables_filter INPUT, .dataTables_filter SELECT { width:200px; display:inline-block }

.dataTable TH { pointer-events:none !important }
.dataTable TH:before, .dataTable TH:after { display:none !important }

/* REORDER */
.dt-rowReorder-float-parent { outline:0 none !important;box-shadow:1px 1px 10px rgba(0,0,0,0.3) !important }
.dt-rowReorder-float-parent  > table.dataTable { margin:0 !important }
table.dt-rowReorder-float { opacity:1 !important }

/* COL STYLES */
.dataTable .col_soc_id, .dataTable .col_dept_id { width:150px }
.dataTable .col_actions { width:140px; text-align:center }
.dataTable .col_date { width:50px; text-align:center; font-weight:600; text-transform:uppercase }
.dataTable .col_status, .dataTable .col_tip {width:120px; text-align:center; font-weight:600; text-transform:uppercase  }
.dataTable .col_perms {width:170px; text-align:center }
.dataTable .col_info { width:20px; text-align:center }
.dataTable .col_file { width:100px; text-align:left; font-weight:600; text-transform:uppercase }
.dataTable .col_contact { width:40%}

.dataTable .col_actions A { margin:0 8px }

.dataTable TD.col_file { padding-left:0 !important; line-height:1.2}
.dataTable .col_file A { display:flex; gap:5px; align-items:center }
.dataTable .col_file .size { font-size:90%; color:var(--e-global-color-c82edba) !important   }


/* CONTENT */
.status_box { display:flex; justify-content:center; align-items:center; gap:5px; padding:5px 0; margin-bottom:3px; border-radius:4px; width:100%; color:#FFF !important; line-height:1.2 }
.status_box.initiated { background-color:#EF8103}
.status_box.pending { background-color:#EF8103}
.status_box.analysis { background-color:#006CC5}
.status_box.approved { background-color:#21A94B}
.status_box.rejected { background-color:#CC0000}
.status_box.partner { background-color:#9b51e0}
.status_box.partner_ret { background-color:#EF8103}
.status_box.finished { background-color:#21A94B}
.status_box.archived { background-color:#999}

.status_box.int { background-color:#006CC5}
.status_box.ext { background-color:#21A94B}

.status_box.activ { background-color:#21A94B}
.status_box.suspendat { background-color:#C00}

.status_box.downloadfile { background-color:#003A69; color:#CEFA05 !important}
.status_box.downloadfile .dashicons { font-size:18px !important; height:18px !important}

.download_box { display:flex; flex-direction:row; gap:10px; width:100%; padding:10px; border:2px dashed var(--e-global-color-primary); color:var(--e-global-color-c82edba) !important }
.download_box .icon { flex:0 0 40px }
.download_box .icon .dashicons { font-size:40px; width:40px; line-height:40px; color:var(--e-global-color-primary) }
.download_box .info { overflow-wrap: anywhere }
.download_box .info H5 { 
	overflow: hidden; 
	display: -webkit-box; 
	-webkit-box-orient: vertical;   
	-webkit-line-clamp: 1;
    white-space: pre-wrap; 
}

#infoBox { height:calc(100vh - 90px); overflow-y:auto }
.log_box { margin-top:30px; padding:15px; background:var(--e-global-color-e792136); height:calc(100vh - 240px); overflow-y:auto}

.log_item_wrap { border-top:2px dashed var(--e-global-color-primary); margin-top:30px; position:relative }
.log_item_wrap:last-child { display:none }
.log_item_status { position:absolute; top:-15px; right:0; width:120px !important; text-align:center; font-weight:600; margin-top:-3px }
.log_item { padding-top:10px }
.log_item_header { display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.log_item_idx { width:25px; height:25px; text-align:center; padding:3px; background:var(--e-global-color-primary); border-radius:50%; color:#FFF; font-weight:600 }
.log_item_row { display:flex; gap:10px; padding-bottom:10px; padding-left:12px; margin-left:12px; border-left:1px dashed var(--e-global-color-c82edba) }
.log_item_row .row_icon  { width:24px !important; font-size:20px !important; text-align:center }




/* ========================================================================================================================================================== */
/* PRELOADER */
#preloader { position:absolute; top: 0; left: 0; width: 100%; height: 100vh; 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);
  }
}