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

.hideit { display:none !important }
.notselectable {
    user-select: none;
    outline: none;
	cursor: default;
	/* pointer-events:none;
	opacity:0.5;*/
}
.viewer-pdf-toolbar { display:none !important }

BODY { 
	font-size:16px;
	background-color:#edf1f5;
	font-family: "Local Montserrat";
	color:#6c757d;
}

/* Link Styling */
a { color: var(--e-global-color-primary); }
a, a:active, a:visited, 
li.elementor-icon-list-item * { transition: all 0.2s ease-out !important }
P { margin-bottom:20px }
P:last-child { margin-bottom:0 }

.elementor-button-icon i { font-size:20px }

.fancybox-button { font-size:inherit !important; background-color:inherit !important; padding:inherit !important}

.anchor { position:absolute; top:-175px }

.redicon { color:var(--e-global-color-5c0617e) !important }
.smallicon { font-size:14px !important }

/* COLUMNS */
/*
.col-narrow-150 { width:150px !important }
.col-wide-300 { width:calc(100% - 300px) !important}

.col-narrow-120 { width:120px !important }
.col-wide-240 { width:calc(100% - 240px) !important}

.col-wide50-150 { width:calc(50% - 150px) !important}

.col-narrow-80 { width:80px !important }
.col-wide-80 { width:calc(100% - 80px) !important}
*/


/* ============================================================================= */
/* MAIN */
.elementor-location-single { margin:40px 30px 30px 330px }


/* ============================================================================= */
/* LOGIN */
.um.um-login { margin-bottom:0 !important }
.um.um-login INPUT { text-align:center }
.um-field-label { text-align:center }
.um-field-label label { text-transform:uppercase; color:var(--e-global-color-primary)}
.um input[type="submit"].um-button { text-transform:uppercase !important; background-color: var(--e-global-color-primary) !important;  }


/* ============================================================================= */
/* LAYOUT */
#sidebar { width:300px;position:fixed; height:100vh }
#topbar, #footerbar { width:calc(100% - 300px) !important; margin-left:300px; inset-inline-start:0 !important }
#content { width:calc(100% - 360px) !important }
#actionBar { position:fixed; z-index:10; bottom:0; left:0; width:calc(100vw - 300px) !important; background:var(--e-global-color-8505766); margin:0 0 0 300px; box-shadow:0px 0px 30px 0px rgb(0 0 0 / 10%); padding:10px 30px}

.mainmenu li { margin-bottom:10px !important}
.mainmenu li a { font-weight:600; color:#FFF; background-color:var(--e-global-color-accent) !important; opacity:1 !important; border-radius:4px }
.mainmenu li a:hover { background-color:var(--e-global-color-secondary) !important}
.mainmenu li.current-menu-item a { color:var(--e-global-color-ccef9a9) !important; background-color:var(--e-global-color-accent) !important }
.mainmenu li a I { font-size:20px; width:24px; text-align:center; margin-right:10px }

.mainmenu li.topline { margin-top:25px; padding-top:25px; border-top:1px dashed #FFF }


/* ============================================================================= */
/* ACF */
.acf-field:not(.acf-field-acfe-column) { border:0 none !important; margin:0 !important }
.acf-field { padding:6px 0 !important }
.acf-field.acf-field-acfe-column { padding:0 !important }
.acf-field.acf-field-message { margin:5px 0 !important }

.acf-field .acf-label { margin:0 0 10px !important; color:var(--e-global-color-bb72219); }
.acf-field.acf-field-message .acf-label { margin:0 !important }
.acf-field .description { font-size:12px; font-style: italic}
.acf-input-wrap { overflow: visible !important}
.acf-input { line-height:1 }
.acf-required { font-size:180% !important; line-height:0 !important; position: relative; top:11px }
.acf-fields .acf-error-message, .acf-notice.-error { display:none !important; margin:0 !important }

.acf-field.acf-field-message hr { border-top:1px dashed #00abb3; margin:0 0 -5px !important; border-bottom:0 none }

input:not([type='checkbox']):not([type='submit']), textarea, /* select:not(.ui-datepicker-month):not(.ui-datepicker-year)*/ 
.select2-selection {
	width:100%;
	box-sizing: border-box !important;	
	border:1px solid #BEBEBE !important;
	box-shadow: 1px 1px 4px #EBEBEB !important;	
	outline: none !important;
	border-radius: 6px !important;
	margin:0px !important;
	padding: 18px 14px !important;
	color: #555 !important;
	font-size: 16px !important;
	background:#FFF !important;
}
input:not([type='checkbox']):not([type='submit']) { height:30px }
textarea { padding: 9px 14px !important; }
.acf-true-false { height:38px }
.select2-selection { padding: 6px 14px !important; height:38px !important; } 
.select2-selection__rendered { padding-left:0 !important; padding-right:8px !important }
.select2-container--default .select2-selection--single .select2-selection__clear { font-size:20px }

input:not([type='checkbox']):not([type='submit']):hover, textarea:hover, select:not(.ui-datepicker-month):not(.ui-datepicker-year):hover, .select2-selection:hover,
input:not([type='checkbox']):not([type='submit']):focus, textarea:focus, select:not(.ui-datepicker-month):not(.ui-datepicker-year):focus, .select2-selection:focus {
	box-shadow: 0 0 8px rgba(0,138,149,0.7) !important;
	border: 1px solid var(--e-global-color-primary) !important;
	background:#FFF !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 { 	
	-webkit-box-shadow: 0 0 8px rgba(255, 0, 0,.2) !important;
	-moz-box-shadow: 0 0 8px rgba(255, 0, 0,.2) !important;
	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 SELECT { height:34px !important;  padding-top:6px !important; padding-bottom:6px !important }
.ui-datepicker SELECT {
	display:inline-block;
	padding:5px 7px !important;
}

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

.acf-basic-uploader { width:100%; cursor:pointer; overflow:hidden}
.acf-basic-uploader { height:150px !important; border:5px dashed var(--e-global-color-primary) !important; background:var(--e-global-color-8505766) !important; transition:all 0.3s }
.acf-basic-uploader:hover { border:5px dashed var(--e-global-color-primary) !important; background:rgba(0,171,179,0.15) !important }
/* .acf-basic-uploader input[type="file"]:before { position:absolute; content: "DRAG & DROP"; z-index:0; bottom:10px;right:20px; font-size:20px; color:#FFF; font-weight:600 } */
.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:#FFF }

.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-file-uploader .file-icon img { width:100%; height:auto }

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

.upload_file .filename {
    position: absolute; width: 90%;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
	line-height: 1.4; font-size:18px; font-weight:600; text-align: center;
	overflow-wrap: break-word; hyphens: auto;
	pointer-events:none
}


.acf-form-submit { padding:20px 0 0 !important; text-align:center !important }
.elementor BUTTON, .elementor INPUT[type="submit"], .elementor A.button  {
	text-transform: uppercase; font-size:16px !important;
	box-sizing: border-box !important;	
	padding: 15px 60px !important;	margin:0 !important;
	color: #fff !important; font-weight:bold !important;
	cursor:pointer;
	border: 1px solid var(--e-global-color-primary) !important;	
	border-radius: 6px !important;
	height: auto !important;
	background-color: var(--e-global-color-primary); 
}
.elementor BUTTON:hover, .elementor INPUT[type="submit"]:hover, .elementor A.button:hover{
	background-color: var(--e-global-color-accent);
	box-shadow: 0 0 8px rgba(0,138,149,0.7) !important;
}

.acf-field-acfe-column[data-columns="12/12"] { padding:0 !important }
.acf-field-acfe-column[data-columns="6/12"] {
	padding:0 15px 0 0 !important;
	/* border-top:0 none !important; border-right:1px dashed #00abb3;*/
}
.acf-field-acfe-column[data-columns="6/12"] + .acf-field-acfe-column[data-columns="6/12"] {
	padding:0 0 0 15px !important;
	/* border-top:0 none !important; border-right:0 none; */
}
/*
.acf-field-acfe-column[data-columns="4/12"] { padding:0 30px 0 0 !important; border:0 none !important; width:calc(33.33% - 10px) !important }
.acf-field-acfe-column[data-columns="4/12"] + .acf-field-acfe-column[data-columns="4/12"] { padding:0 30px !important; border-left:1px dashed #00abb3 !important; border-right:1px dashed #00abb3 !important; width:calc(33.33% + 20px) !important }
.acf-field-acfe-column[data-columns="4/12"] + .acf-field-acfe-column[data-columns="4/12"] + .acf-field-acfe-column[data-columns="4/12"] {  padding:0 0 0 30px !important; border:0 none !important; width:calc(33.33% - 10px) !important }*/

.acf-fields.acfe-column-wrapper>.acf-field.acf-field-acfe-column[data-endpoint="1"] { border:0 none !important}


.acf-date-picker:after { 
	position:absolute; right:10px; top:8px;
	content:"\f073"; font-weight:400; font-family: "Font Awesome 5 Free"; font-size:20px;
}
.acf-date-picker .erase_btn { 
	position:absolute; right:30px; top:0; width:30px; height:40px; padding:10px;
	font-size:15px; font-weight:900; text-align: center;
	cursor:pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow { height:100% !important }
.select2-container--disabled .select2-selection { background:#EEE !important; box-shadow:none !important }
.select2-container--disabled .select2-selection__rendered { color:var(--e-global-color-primary) !important; font-weight: 600 }
/* ============================================================================= */



/* ============================================================================= */
/* TABLES */
.tableItem, .tableHeader { display:flex; flex-direction:row; gap:10px; padding:10px 0; justify-content: space-between;  align-items: center }
.tableHeader { text-transform:uppercase; font-weight:bold; align-items: center; border-bottom:1px solid var(--e-global-color-bb72219) }
.tableHeader I[class*="fa-"], .tableItem I[class*="fa-"] { font-size:18px; line-height:0 }
.tableItem .info { display:block; line-height:18px; font-size:13px; font-weight:400; color:var(--e-global-color-text)  }

.locatiiTable .tableItem, .locatiiTable .tableHeader { padding:8px 0; font-size:13px !important }
.locatiiTable .tableItem I[class*="fa-"], .locatiiTable .tableHeader I[class*="fa-"] { font-size:15px !important }
.locatiiTable .tableItem:not(:last-child) { border-bottom:1px dotted var(--e-global-color-bb72219) }

.col-title { flex:1 1 auto; font-weight:600 }
.col-actions { flex:0 0 80px; display:flex; flex-direction:row; gap:20px; justify-content:center}

/* #documenteTable */
.col-thumb { line-height:0; flex:0 0 60px; text-align:center}
.tableItem .col-thumb a { display:flex; width:58px; height:58px; padding:5px; border:1px solid #CCC; justify-content:center; align-items:center; background: url('images/placeholder50.png') no-repeat; background-size:cover; background-position:center center }
.col-expiry { flex:0 0 100px; text-align:center; color:var(--e-global-color-primary)  }
.col-expiry .info { font-weight:600 }
.col-expiry.none  { color:#AAA }
.col-expiry.active { color:var(--e-global-color-4e28486) }
.col-expiry.expired { color:var(--e-global-color-9fdc05d) }


/* #societatiTable */
.col-locations { flex:0 0 70px; text-align:center; display:flex; flex-direction:row; gap:15px }
.col-locations .count { flex:1 1 auto; font-weight:600 }

.col-docs { flex:0 0 40px; text-align:center; font-weight:600 }
.col-docs.total { color:var(--e-global-color-primary) }
.col-docs.notif { color:var(--e-global-color-4e28486) }
.col-docs.expired { color:var(--e-global-color-9fdc05d) }



/* ============================================================================= */
/* SOCIETATI */
.locatiiTable { max-height:0 !important; overflow:hidden !important; width:calc(100% + 8px) !important }
.locSwitch { cursor:pointer }
.locSwitch .elementor-icon { transform:rotate(0); transition:transform 0.3s }
.locSwitch.open .elementor-icon { transform:rotate(180deg) }
.locSwitch.open + .locatiiTable { max-height:290px !important; }

.locatiiTable .tableHeader { border-right:8px solid #FFF;  }
.locatiiTable .tableContent { overflow-y:scroll !important; scrollbar-color:var(--e-global-color-primary) #FFF; scrollbar-width: thin } /* firefox */
.locatiiTable .tableContent::-webkit-scrollbar { width: 8px }
.locatiiTable .tableContent::-webkit-scrollbar-track { background: #FFF }
.locatiiTable .tableContent::-webkit-scrollbar-thumb { background: var(--e-global-color-primary); border-radius:4px }
.locatiiTable .tableContent::-webkit-scrollbar-thumb:hover { background: #555 }


/* ============================================================================= */
/* DOCUMENTS */
#docsLeftSide { flex:0 0 360px }

.alertBell { 
	text-align:center; padding-bottom:5px;
}
.alertBell i { font-size:24px;line-height:24px }

.notify { position: relative }
.notify .heartbit {
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #f62d51;
    border-radius: 70px;
    animation-iteration-count: infinite;
}
.notify .point {
    position: absolute; right: 6px; top: -10px;	
    width: 6px;
    height: 6px;
    border-radius: 30px;
    background-color: #f62d51;
}

/* BELL RING ANIMATION */
.alertBell.active, .alertBell.expired {
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;	
}
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}


.moveSubmitButton .acf-form-submit { position:absolute; z-index:10; top:85px; left:calc(100% + 70px); padding:0 !important}
.moveSubmitButton .acf-form-submit INPUT.acf-button { width:300px; padding:10px 0 !important; border:0 none !important;  }

.deleteFormWrap { background:var(--e-global-color-5c0617e); position:absolute !important; bottom:0; left:0}
.deleteFormWrap INPUT.acf-button { width:300px; padding:10px 0 !important; background:#FFF !important; color:var(--e-global-color-5c0617e) !important; border:0 none !important }

.areyousureWrap .elementor-button-icon { font-size:20px}
/* ============================================================================= */


/* ============================================================================= */
/* PAGINATION */
.elementor-pagination { margin-top:30px }
.page-numbers { 
	display:inline-block; width:36px; height:36px; 
	font-weight:600; padding-top:7px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
	background-color:#FFF; text-align:center
}
.page-numbers.current, a.page-numbers:hover { background-color:var(--e-global-color-primary); color:#FFF}
/* ============================================================================= */


/* ============================================================================= */
/* FOLDER CONTAINER */
.folderItem { position:relative; overflow:hidden; border-radius:5px; }
.folderItem a { display:flex; padding:12px 10px 10px 20px; color:var(--e-global-color-bb72219); font-weight:600; text-transform:none}
.sectionAll .folderItem a { font-weight:600; text-transform:uppercase }
.folderItem a:not(.current) { border-top:1px dashed var( --e-global-color-bb72219 ) }
.folderItem a:not(.current):hover { background:rgba(255,255,255,0.75) }
.folderItem i { height:22px; line-height:22px }
.folderItem i.firstIcon { transform:rotate(90deg); color:var(--e-global-color-bb72219); font-size:14px !important }
.folderItem i.secondIcon { font-size:18px; color:var(--e-global-color-primary); margin-left:12px; margin-right:8px } 

.folderTop a { padding:12px 10px 10px 15px; font-weight:600; text-transform:uppercase; border-top:0 none !important}
.folderTop i { font-size:20px; color:var(--e-global-color-primary); margin-right:10px;width:20px}

.folderTop + .folderTop a { border-top:1px dashed var( --e-global-color-bb72219 ) !important}

.folderItem a.current, .folderItem a.current .firstIcon { background:var(--e-global-color-bb72219); color:#FFF !important; pointer-events:none }
/*.folderItem a.current:after { 
	font-family:"Font Awesome 5 Free"; content:"\f054"; font-weight:900; font-size:20px;
    color:var(--e-global-color-bb72219);
    position:absolute; right:-30px;top:calc(50% - 13px);
}
*/

.folderItem a.editLink { 
	display: inline-block; position:absolute; right:-35px; top:calc(50% - 15px);
	padding:4px 9px; border-radius:5px;	font-size:13px !important; font-weight:600; color:#FFF;
	background-color:var(--e-global-color-4e28486) !important; border:0 none;
	transition:right 0.1s;
}
.folderItem:hover > a.editLink { right:5px }
/* ============================================================================= */



/* ============================================================================= */
/* TOP SELECTION */
#customBreadcrumb { display:flex; align-items: center; justify-content: center }
#customBreadcrumb .sep { margin:0 20px; font-size:24px }

.topSelect { flex:0 0 300px }
#customBreadcrumb .select2-selection { border-color:var(--e-global-color-primary) !important; border-bottom:3px solid var(--e-global-color-primary) !important; background:var(--e-global-color-8505766) !important }
#customBreadcrumb .select2-selection__rendered { color:var(--e-global-color-bb72219); font-weight:600 !important }
#customBreadcrumb .select2-results { font-weight:600 !important }
/* OLD CODE
.topSelect { position:relative; width:300px }
.topSelect .currentSelection { color:var(--e-global-color-bb72219); font-weight:600;  border-bottom:2px solid var(--e-global-color-primary); border-radius:6px; padding:8px 20px; background:var(--e-global-color-8505766); overflow:hidden; cursor:pointer}
.topSelect .currentSelection:after { font-family: "Font Awesome 5 Free"; font-weight:900; content:"\f0d7"; position:absolute; right:10px; color:var(--e-global-color-primary)}
.topSelect UL { display:none; position:absolute;z-index:-1; width:100%; box-shadow:0px 0px 30px 0px rgb(0 0 0 / 20%); list-style:none; padding:0; margin:0; border-radius:0 0 6px 6px }
.topSelect LI a { color:var( --e-global-color-bb72219 ); background:#FFF; font-weight:600; padding:8px 20px; display:block; border-bottom:1px dashed var(--e-global-color-primary) }
.topSelect LI a:hover { color:var(--e-global-color-primary); background:var(--e-global-color-8505766); }
.topSelect LI:last-child a { border-bottom:0 none }
.topSelect LI.current a { background:var(--e-global-color-bb72219); color:#FFF; pointer-events:none}
*/
/* ============================================================================= */



/* ============================================================================= */
/* FILTER BAR */
#filterBar > DIV { width:100% }
#filterBar .acf-form-fields { display:flex; flex-direction:row; justify-content: space-between; gap:15px; width:100% }
#filterBar .acf-form-fields:after { display:none !important }
#filterBar .acf-field { padding:0 !important; font-size:14px; flex:0 1 auto }
#filterBar .acf-field:not(.acf-field-acfe-button):not(.acf-field-button-group) { width:100% }
#filterBar .acf-field .acf-label { font-size:11px; text-transform:uppercase; font-weight:bold !important; margin-bottom:0 !important; text-align:center}
#filterBar INPUT { color:var(--e-global-color-bb72219) !important; font-weight:600; font-size:13px !important; padding:10px 10px !important; height:32px !important; box-shadow:none !important }
#filterBar INPUT::placeholder { font-weight:400 }
#filterBar BUTTON { padding:0 !important; width:/*30px*/100%; height:31px !important; border:0 none !important; box-shadow:none !important; border-radius:4px !important}

#filter_btn { background:var(--e-global-color-bb72219) }
#clear_btn { background:var(--e-global-color-4e28486) }
#filter_btn:after, #clear_btn:after { position:absolute; content:"\f0b0"; font-family:"Font Awesome 5 Free"; font-weight:900; line-height:0; width:/*30px*/100%; left:0 }
#clear_btn:after { content:"\f2f9"}

#filterBar .acf-button-group LABEL { padding:6px 12px; cursor:pointer; font-size:16px }
#filterBar .acf-button-group LABEL.selected { background:var(--e-global-color-bb72219); border-color:var(--e-global-color-bb72219)}

#sort_field.acf-field { padding-left:15px !important; border-left:2px dashed var(--e-global-color-bb72219) !important}
#order_field.acf-field { padding-right:15px !important; border-right:2px dashed var(--e-global-color-bb72219) !important}

/* .select2-dropdown-acf-field-field_612297600cc1b .select2-search.select2-search--dropdown { display:none } */

#filterBar .select2-selection  { color:var(--e-global-color-bb72219) !important; font-weight:600; font-size:13px !important; padding:10px 10px !important; height:32px !important; box-shadow:none !important }
#filterBar .select2-results__option { font-size:13px !important }
#filterBar INPUT.select2-search__field { color:var(--e-global-color-bb72219) !important; font-size:13px !important; padding:10px 10px !important; height:32px !important; box-shadow:none !important }
#filterBar .select2-selection { padding-top:1px !important }
#filterBar .select2-selection__placeholder { font-weight:400 }
#filterBar .select2-selection__rendered { padding-right:8px !important; color:var(--e-global-color-bb72219); font-weight:600 }
/* ============================================================================= */



/* ============================================================================= */
/* FORM Nomenclatoare */
.acf-field-6106cb17db53f, .acf-field-6106cb4fdb540 .acf-label, .acf-field-6109a8db3caa5, .acf-field-6109a8db3caa6 .acf-label { display:none !important }
#document_nomenclatoare_form .acf-table { border-spacing:0 5px; margin-top:20px }
#document_nomenclatoare_form .acf-field { padding:8px !important }
#document_nomenclatoare_form > .acf-form-fields > .acf-field { padding:10px !important}
#document_nomenclatoare_form .acf-required { display:none }
#document_nomenclatoare_form .acf-field-repeater > .acf-label LABEL { text-transform: uppercase; text-align:center }
#document_nomenclatoare_form .acfe-repeater-stylised-button { padding:20px; border:0 none !important }
#document_nomenclatoare_form .acfe-repeater-stylised-button a.button { font-size:14px !important; background:var(--e-global-color-4e28486) !important; border:0 none !important; padding:10px 40px !important; box-shadow:none !important }
#document_nomenclatoare_form .acfe-repeater-stylised-button a.button:hover { background:var(--e-global-color-bb72219) !important }
/* ============================================================================= */