/* 
Theme Name:		EVO FILEMANAGER
Template:		hello-elementor
Version:		1.0.0
Text Domain:	evo-filemanager
*/

.hideit { display:none !important }
.notselectable {
    user-select: none;
    outline: none;
	cursor: default;
}
.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 }


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

.fancybox-button { font-size:inherit !important; background-color:inherit !important; padding:inherit !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}


#pageLoader { display:none; position:fixed; width:100vw; height:100vh; z-index:10; background-color:rgba(255, 255, 255, 0.75); 
	opacity:0;
	transition:opacity 0.2s;
}
#pageLoader .loader {
	border-radius: 50%; width: 80px; height: 80px;
	position: absolute; left:calc(50% - 190px); top:calc(50% - 40px);
	border-top: 10px solid rgba(0, 171, 179, 0.4);
	border-right: 10px solid rgba(0, 171, 179, 0.4);
	border-bottom: 10px solid rgba(0, 171, 179, 0.4);
	border-left: 10px solid var(--e-global-color-primary);
	transform: translateZ(0);
	animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg); }
}

#pageLoader.show { opacity:1 }

/* ============================================================================= */
/* MAIN */
MAIN, #documents-archive, div[data-elementor-type="single-post"], div[data-elementor-type="single-page"] { margin:40px 30px 30px 270px }
.sidebar_left { width:300px !important; min-width:240px }
.sidebar_diff { width:calc(100% - 300px) !important; margin-left:30px }

/* LAYOUT */
#nav-sidebar { width:240px;position:fixed; height:100vh }
#top-content { width:100vw !important }
#actionBar { position:fixed; z-index:10; bottom:0; left:0; width:calc(100vw - 240px) !important; background:var(--e-global-color-8505766); margin:0 0 0 240px; box-shadow:0px 0px 30px 0px rgb(0 0 0 / 10%); padding:10px 30px}


/* ============================================================================= */
/* FORMS */
.acf-field:not(.acf-field-acfe-column) { border:0 none !important; margin:0 !important }
.acf-field { padding:10px 0 10px !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 var(--e-global-color-primary); margin:0 0 -5px !important }

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: 15px 8px !important;
	color: #555 !important;
	font-size: 15px !important;
	background:#FFF !important;
}
input:not([type='checkbox']):not([type='submit']) { height:30px }
textarea { padding: 9px 14px !important; }
.select2-selection { padding: 6px 14px !important; height:38px !important; } 
.select2-selection__rendered { padding-left:0 !important; padding-right:8px !important }

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,58,105,0.5) !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-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 }
.acf-button {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5em;
    color: var( --e-global-color-8505766 );
    background: var( --e-global-color-secondary );
    border: 2px solid var( --e-global-color-secondary );
    border-radius: 4px;
    padding: 8px 30px
}


.acf-field-acfe-column[data-columns="12/12"] { padding:0 !important }
.acf-field-acfe-column[data-columns="6/12"] {
	padding:0 30px 0 0 !important;
	border-top:0 none !important;
	border-right:1px dashed var(--e-global-color-primary);
}
.acf-field-acfe-column[data-columns="6/12"] + .acf-field-acfe-column[data-columns="6/12"] {
	padding:0 0 0 30px !important;
	border-top:0 none !important;
	border-right:0 none;
}
.acf-field-acfe-column[data-columns="4/12"] { padding:0 20px 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 20px !important; border-left:1px dashed var(--e-global-color-primary) !important; border-right:1px dashed var(--e-global-color-primary) !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 20px !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--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 }

.acf-th[data-name="id"] { width:80px !important }
.acf-th[data-name="title"] { width:calc(100% - 80px) !important }
.acf-repeater .acf-field { padding-left:5px !important; padding-right:5px !important}
/* ============================================================================= */


/* ============================================================================= */
/* LOGIN */
.elementor-widget-wp-widget-aam_backend_login H5 { font-size:24px; font-weight:600; text-transform: uppercase; text-align:center; margin-top:0; margin-bottom:20px}
.elementor-widget-wp-widget-aam_backend_login LABEL { width:100% !important; color:var(--e-global-color-primary); font-size:14px; font-weight:600; text-transform: uppercase; text-align:center; margin-top:10px  }
.elementor-widget-wp-widget-aam_backend_login LABEL BR { display: block; content:""; line-height:0 !important; margin:8px 0 0 !important}
.elementor-widget-wp-widget-aam_backend_login INPUT { text-align:center }
.elementor-widget-wp-widget-aam_backend_login INPUT[type="submit"] { width: 100%; margin-top:10px !important }
.elementor-widget-wp-widget-aam_backend_login P.submit { margin-bottom:0 }
.forgetmenot, #widget-aam_backend_login-REPLACE_TO_ID-nav { display:none !important }
#aam-login-error { background-color: rgba(220, 50, 50, 0.2); font-size:13px; color:rgb(220, 50, 50) }
/* ============================================================================= */


/* ============================================================================= */
/* USER Item Box */
.userItemBox .titleBar { text-align:center }
.userItemBox .titleBar SPAN { font-size:14px; text-transform: none }
.userItemBox a.editLink { 
	padding:10px 15px 9px;
	font-size:14px !important; font-weight:600; color:var(--e-global-color-ea2be96); background-color:var(--e-global-color-9f606ac); 
	transition:all 0.1s;opacity:0;
}
.userItemBox .userItemBoxTitle:hover a.editLink, .userItemBox .userItemBoxTitle:hover .openBtn, .userItemBox .userItemBoxTitle:hover .closeBtn { opacity:1 }

.adminView .userItemBox:not(.show) .userFiles, .adminView .userItemBox:not(.show) .userFolders, .adminView .userItemBox:not(.show) .userItemBoxTitle .closeBtn { display:none }
.adminView .userItemBox.show .userItemBoxTitle .openBtn { display:none }
.openBtn, .closeBtn { cursor:pointer; width:auto !important; line-height:0; opacity:0 }

.uploadLink a { display:block; margin-top:10px; padding:10px; text-align:center; font-size:16px; font-weight:700; line-height:100%; text-transform: uppercase; color:var(--e-global-color-primary) }
.uploadLink i { font-size:22px; padding-right:5px; line-height:100%}

.fileBoxes { margin-top:10px; background:var(--e-global-color-8505766)}
.fileBox { position:relative; height:120px; display:inline-block; width:calc(50% - 20px); margin:10px !important; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:10px; overflow:hidden; background:#FFF }
.fileBox IMG { width:100px; height:100px; border:1px solid #CCC !important; line-height:0 !important }
.fileTitle { position:absolute; left:120px; top:10px; width:calc(100% - 130px); height:80px; word-wrap: break-word; font-size:14px; color:var(--e-global-color-ea2be96); font-weight:500; overflow:hidden }
.fileDate { position:absolute; right:10px; bottom:10px; font-size:13px; font-weight:500; line-height:1; color:var(--e-global-color-primary); }

.fileBox .overlay { 
	background:rgba(0, 108, 197, 0.8); position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; transition:opacity 0.3s; text-align:center;
	display: flex; justify-content: center; align-items: center;
}
.fileBox:hover .overlay { opacity:1 }
.fileBox .overlay i { color:#FFF; font-size:24px; text-shadow:0 0 4px rgba(0,0,0,0.4); margin:auto 20px; transition:all 0.3s  }
.fileBox .overlay i:hover { color:var(--e-global-color-4e28486); transform:scale(1.2)}

.boxAnchor { position:absolute; top:-160px }

.publicUserTitle SPAN { font-size:18px; text-transform: none }

/* FOLDER BOX */
.folderBox { background:var(--e-global-color-76b2099); position:relative}
.adminView .folderBox:not(.show) .fileBox, .adminView .folderBox:not(.show) .uploadLink, .adminView .folderBox:not(.show) .closeBtn { display:none }
.adminView .folderBox.show .openBtn { display:none }

.folderBoxTitle, .uploadFolderLink a, .folderBox .uploadLink a  { 
	display:block; margin-top:10px; padding:10px; text-align:center; font-size:16px; font-weight:700; line-height:100%; text-transform: uppercase; color:var(--e-global-color-d26f995); background:var(--e-global-color-9f606ac) 
}
.folderBoxTitle { display:flex; flex-direction:row; justify-content: space-between; align-items: center; margin-top:10px; font-size:20px }
.folderBoxTitle .icons { width:100px; text-align:left}
.folderBoxTitle .link { width:100px; text-align:right}
.folderBoxTitle .title { text-align:center }
.folderBoxTitle:hover .editLink, .folderBoxTitle:hover .openBtn, .folderBoxTitle:hover .closeBtn { opacity:1 }

.folderBox .uploadLink a { background:transparent  }
.uploadFolderLink { display:block; width:200px; margin:20px auto 0; border-radius:4px; border:2px solid var(--e-global-color-d26f995) }
.uploadFolderLink a { margin: 0 }
.uploadFolderLink i { font-size:22px; padding-right:5px; line-height:100%}
/* ============================================================================= */


/* ============================================================================= */
/* 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, .page-numbers:hover { background-color:var(--e-global-color-primary); color:#FFF}
/* ============================================================================= */


/* ============================================================================= */
.dropzone { border:5px dashed var(--e-global-color-primary) !important; background:var(--e-global-color-8505766) !important; min-height:400px !important; position:relative !important; padding:5px !important }
.dropzone .dz-message { margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--e-global-color-primary); opacity:0.2 }
.dz-button I { font-size:60px }
#submit-dropzone { margin:20px auto 0; width:100% }
#reset-dropzone { margin:20px auto 0; }

.dz-preview { background:#FFF; width:calc(50% - 20px); margin:10px !important; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:10px }
.dz-image { width:80px !important; height:80px !important; border-radius:0 !important; border:1px solid #CCC }
.dz-image img { filter:none !important; transform:none !important}
.dz-details { opacity:1 !important}
.dz-filename { position: absolute; top:10px; left:100px; width:calc(100% - 110px) !important; overflow:hidden !important; text-align:left; text-overflow:unset !important }
.dz-filename span { border:0 none !important; padding:0 !important; font-size:14px; color:var(--e-global-color-primary) !important; font-weight:600  }
.dz-size { position:absolute; top:40px; left:100px }
.dz-size span { padding:0 !important }
.dz-remove { position:absolute; bottom:10px; left:100px; text-align:left}
.dz-progress { position:absolute; width:calc(100% - 115px) !important; top:auto !important; bottom:10px !important; left:100px !important; right:inherit !important; margin:0 !important; z-index:0 !important } 
.dz-success .dz-remove { display:none !important }

.dz-success-mark, .dz-error-mark { margin:0 !important; top:auto !important; bottom:10px !important; left:auto !important; right:10px !important}
.dz-success.dz-complete .dz-success-mark { opacity:1 !important; animation:unset !important }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display:none !important }

.dz-success-mark:after, .dz-error-mark:after { position:absolute; font-family: "Font Awesome 5 Free"; font-size:24px; font-weight:900; line-height:1; bottom:0; right:0 }
.dz-success-mark:after { content:"\f058"; color:#090 }
.dz-error-mark:after { content:"\f057"; color:#900 }
.dz-processing .dz-remove { display:none !important }

.dz-error-message { width:100% !important; left:0 !important; top:100px !important; border-radius:4px !important; text-align:center }
.dz-error-message:after { left:auto!important; right:16px !important}

.dz-file-preview .dz-image { background:url("images/file-icon.png") no-repeat !important; background-size:cover !important}
.dz-error .dz-image { background:url("images/forbidden-icon.png") no-repeat !important; background-size:cover !important}
/* ============================================================================= */


/* ============================================================================= */
/* FILTER BAR */
#filterBar { margin:0 20px }
#filterBar .acf-fields { display:flex; /* flex-wrap: wrap;*/ gap:15px }
#filterBar .acf-field { padding:0 !important; font-size:14px}
#filterBar .acf-field:not(.acf-field-acfe-button) { width:calc(33% - 30px) }
#filterBar .acf-field .acf-label { display:none }
#filterBar INPUT { color:var(--e-global-color-primary) !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; height:31px !important; border:0 none !important; box-shadow:none !important; border-radius:4px !important}

#filterBar .select2-selection  { color:var(--e-global-color-primary) !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-primary) !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-primary); font-weight:600 }

#filter_submit { background:var(--e-global-color-primary) }
#filter_reset { background:var(--e-global-color-secondary) }
#filter_submit:after, #filter_reset:after { position:absolute; content:"\f0b0"; font-family:"Font Awesome 5 Free"; font-weight:900; line-height:0; width:30px; left:0 }
#filter_reset:after { content:"\f2f9"}
/* ============================================================================= */


/* ============================================================================= */
/* DUAL LIST BOX */
#dual_list_box SELECT { padding:5px 10px !important; font-size:14px !important }
#dual_list_box .bootstrap-duallistbox-container { display:flex; gap:40px}
#dual_list_box .bootstrap-duallistbox-container > div { width:50%; display:flex; flex-direction:column; gap:10px; position:relative }
#dual_list_box .bootstrap-duallistbox-container > div > LABEL { display:block; font-weight:600; font-size:20px; text-align:center; color:var(--e-global-color-primary); }
#dual_list_box .btn-group { position:absolute; top:calc(100% + 10px); width:100%; text-align:center }
#dual_list_box .btn-group BUTTON { background-color:var(--e-global-color-primary); font-size:14px !important; background-image:none !important; border:0 none !important; padding:8px 20px 7px !important; margin:0 10px !important; width:40% }
#dual_list_box .info { font-weight:600 }
#dual_list_box .clear1, #dual_list_box .clear2 { background-image:none !important; padding:0; font-size:14px !important; color:var(--e-global-color-primary) !important; border:0 none !important; outline: none !important }
/* ============================================================================= */


/* ============================================================================= */
/* PLANOGRAME */
.planograme_producator_delete { position:absolute; top:10px; right:10px }
.planograme_producator_delete a { font-size:14px; font-weight:700; text-transform: uppercase; color:var(--e-global-color-d26f995) !important }
button.downloadZip {display:block; margin:0 auto; background:transparent !important; border:0 none !important; color:var(--e-global-color-d26f995) !important; font-weight:bold !important }

/* ============================================================================= */


.footerBar { position:fixed; left:0; bottom:0; width:100%; padding:0 30px 0 330px }


#toolbar #start, #toolbar #end { display:none !important }
#toolbar #center { justify-content: center; padding-left:300px }