
.sp-admin-bar{background-color:#efefef;padding:10px;margin:10px 0px !important;}



.cdm-panel-footer ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.sp-cdm-description {
    margin: 10px 0px;
    font-size: 14px;
   
}
.cdm-panel-footer ul.pagination li {display: inline;}

.cdm-panel-footer ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.cdm-panel-footer ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.cdm-panel-footer ul.pagination li a:hover:not(.active) {background-color: #ddd;}


.cdm-delete-revision{color:red;font-size:12px;}
.cdm-edit-file-list{margin:10px 0px;background-color:#EFEFEF;color:#000;padding:10px;font-size:13px;font-weight:bold;}
.cdm-edit-file-delete-new-upload{color:red;text-decoration:none;margin-left:15px;}
.sp-cdm-premium-search{padding:10px;background-color:#EFEFEF;margin:10px 0px; text-align:right;}
.sp-cdm-premium-search .cdm_nav_buttons a:link, .sp-cdm-premium-search .cdm_nav_buttons a:visited {
float:right;margin-left:15px;	
}

.cdm-success-message{ background-color:#E6FCE4 !important}
.sp-cdm-premium-search #search_files{max-width:none;width:100%;}

.cdm-advanced-search{padding:20px;margin:10px 0px;background-color:#f6f6f6;text-align:left;}
.cdm-advanced-search label{margin-right:10px;font-weight:bold;}
.cdm-advanced-search em{font-weight:400;font-size:12px;margin-left:5px;margin-right:5px;}
.cdm-advanced-search-field{float:left;padding:10px;margin:0px 10px;width:30%;margin-bottom:15px;}
.cdm-advanced-search-field-text{clear:both;padding:10px;margin:0px 10px;margin-bottom:15px;}
.sp-cdm-premium-search select{padding:5px;border:1px solid #CCC;background-color:#f8f8f8;}
.sp-cdm-premium-search option{background-color:#FFF;color:#333}
.cdm-public-file-list{margin:15px 0px;padding:10px; background-color: #FFF}
.cdm-public-file-list ul{list-style:none;margin:0px;padding:0px;}
.cdm-public-file-list ul li{list-style:none;margin:0px;border-bottom:1px solid #CCC;background-color:#FFF; padding:5px;}
.cdm-public-file-list ul li:hover{background-color:#F8F8F8}
.cdm-public-file-list ul li a{color:#333;text-decoration:none; display:block;padding:5px;}
.cdm-public-file-list ul li a:hover{ }
.cdm-public-file-list ul li img{float:left;margin-right:5px;width:64px}
.cdm-public-file-list ul li span{float:left;}
.cdm-public-file-list .cdm-project-download-link {float:right;}
.cdm-public-file-list .cdm-project-download-link a{float:left;}
.cdm-public-file-list .cdm-project-download-link .dashicons {font-size:3em;margin-right:30px;}
#file-dashboard-page img{width:100%}


.sp-cdm-project-login-error{background-color:#FFF;color:red;padding:10px;}
.sp-cdm-project-login-error a {}
.modal-error{ background-color:#EFEFEF;margin:20px;padding:20px;text-align:center;}

.cdm_upload_area{border:1px solid #CCC;padding:5px;margin:10px 0px;min-height:100px;}

.sp-cdm-latest-file-view{margin-top:10px;}
.sp-cdm-latest-file-view-title{margin-top:10px;background-color:#EFEFEF;padding:3px;margin-bottom:10px;}
a.sp-cdm-close-latest-files{color:#333;}
.sortable_view ul {}
.sortable_view ul li {;padding:3px;margin:2px;border-radius:2px; background-color:#FFF; padding-left:10px;border:1px solid #EFEFEF;font-size:14px;}
.sortable_view ul li .dashicons{color:#CCC;}
.sortable_view ul li a {text-decoration:none;}

.sortable_view ul li {margin-bottom:20px;}
.sortable_view ul li li {margin-bottom:2px; background-color: #EFEFEF}
.sortable_view ul li li li{background-color: #FFF}

.sortable_view ul li li li li{margin-bottom:2px; background-color: #EFEFEF}
.sortable_view ul li li li li li{background-color: #FFF}

.sortable_view ul li li li li li li {margin-bottom:2px; background-color: #EFEFEF}
.sortable_view ul li li li li li li li{background-color: #FFF}
.sortable_view ul li li li li li li li li{margin-bottom:2px; background-color: #EFEFEF}
.sortable_view ul li li li li li li li li li{background-color: #FFF}



.sp-cdm-folder-navigation-buttons{ background-color:#EFEFEF;margin-bottom:15px;padding:5px;}
.sp-cdm-folder-navigation-buttons a{float:left;background: #EDEDED;padding:5px;font-size:12px;text-align:center;text-decoration:none;
}
.sp-cdm-folder-navigation-buttons a img{float:left;}

.sp-cdm-client-widget li{list-style:none;padding-top:5px;padding-bottom:5px;}
ul.sp-cdm-client-widget {margin-left:15px  !important;}
ul.sp-cdm-client-widget ul{margin-left:15px !important;}
.sp-cdm-client-file{padding-right:10px;padding-left:10px;}
.sp-cdm-client-file a{color:#000;text-decoration:none;display:block;background-color:#FFF;margin:1px;padding:3px;}
.sp-cdm-client-file a:hover{ background-color:#DDD}
b.uploadArea{ min-height:300px; height:auto; border:1px dotted #ccc; padding:10px; cursor:move; margin-bottom:10px; position:relative;}
.uploadArea h1{ color:#ccc; width:100%; z-index:0; text-align:center; vertical-align:middle; position:absolute; top:25px;}
.dfiles{ clear:both; border:1px solid #ccc; background-color:#E4E4E4; padding:3px;  position:relative; height:25px; margin:3px; z-index:1; width:97%; opacity:0.6; cursor:default;}
.buttonUpload { display:inline-block; padding: 4px 10px 4px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0074cc; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border: 1px solid #cccccc; color:#fff; }
.progress img{ margin-top:7px; margin-left:24px; }
.required{ color:red;}

.swfupload {

    z-index: 10000 !important;

}
.swfupload {
    z-index: 10000 !important;
}


.cdm_share_email_form{padding:10px;margin:10px;background-color:#EFEFEF;}
.sp-cdm-row{padding:5px;background-color:#EFEFEF;margin:2px;border-radius:5px; }
.sp-cdm-row-50{padding:1%;background-color:#EFEFEF;margin:1%;border-radius:5px;float:left;width:46%;}
#sprm_application_form{}
#sprm_application_form fieldset{border:1px solid #CCC; background-color:#EFEFEF;padding:5px;margin:5px;}
#sprm_application_form .sprm_application_builder_field{width:50%;float:left;border:1px solid #000;}
#sprm_application_form .sprm_application_builder_fieldbig{width:50%;float:left;border:1px solid #000;}

.sp-cdm-r-head{padding:5px;background-color:#c8c6c6;margin-bottom:2px;border-radius:5px;color:#FFF;}
.sp-cdm-r-head a {color:#FFF;}
.sp-cdm-r-head a:hover { text-decoration:none; background:none;}

.sp-cdm-r-folder{padding:5px;background-color:#e0dfdf;margin-bottom:2px;border-radius:5px; cursor:pointer;}

.sp-cdm-r-folder:hover{ background-color:#EFEFEF}
.sp-cdm-r-folder-image{float:left;width:75px;}
.sp-cdm-r-folder-title{float:left;width:75%;display:block;padding-top:10px;}
.sp-cdm-r-folder a{color:#333;font-weight:bold;text-decoration:none;}
.sp-cdm-r-folder a:hover { text-decoration:none; background:none;}

.sp-cdm-r-file{padding:5px;background-color:#EFEFEF;margin-bottom:2px;border-radius:5px; cursor:pointer;}
.sp-cdm-r-file:hover{ background-color:#d3f3ff}
.sp-cdm-r-file a{color:#333;font-weight:bold;text-decoration:none;}

.cdm-preview-image{position:absolute;margin-top:-175px;background-color:#FFF;padding:10px;border-radius:10px;box-shadow:0px 2px 2px #000}
.cdm-preview-image img{height:125px;}
.sp-cdm-r-file .sp-cdm-r-file-size{margin-left:15px;font-size:12px;}
.sp-cdm-r-file .sp-cdm-r-file-image {float:left;width:75px;}
.sp-cdm-r-file-image{max-width:42px;}
.sp-cdm-r-file-image img{max-width:42px;}
.sp-cdm-r-file .sp-cdm-r-file-file {float:left;width:85%}
.sp-cdm-r-file .sp-cdm-r-file-date { font-style:italic;font-size:12px;}
.sp-cdm-r-file .sp-cdm-r-file-cat{margin-left:15px;font-size:12px;}

.sp-cdm-r-file-file-inside{}
.sp-cdm-r-file-toolbox{text-align:right;padding:2px;color:#FFF;margin-top:-22px;right:10px}
.sp-cdm-r-file-toolbox a{margin-right:10px;font-size:12px;font-weight:400}
.sp-cdm-r-file-toolbox a:hover{text-decoration:underline;}







.sp_responsive_view_list_rm div.sp-cdm-rm-list-item:nth-child(odd) {background: #EFEFEF}
.sp-cdm-rm-head{padding:2px;color:#FFF;}
.sp-cdm-rm-head a {color:#FFF;}
.sp-cdm-rm-head a:hover { text-decoration:none; background:none;}

.sp-cdm-rm-folder{padding:2px;border-bottom:1px dotted #CCC; cursor:pointer;font-size:12px;}

.sp-cdm-rm-folder:hover{ background-color:#d3f3ff !important}
.sp-cdm-rm-folder-image{float:left;width:75px;}
.sp-cdm-rm-folder-title{float:left;width:75%;display:block;color:#333}
.sp-cdm-rm-folder a{color:#333;font-weight:bold;text-decoration:none;}
.sp-cdm-rm-folder a:hover { text-decoration:none; background:none;}

.sp-cdm-rm-file{padding:2px;border-bottom:1px dotted #CCC; cursor:pointer;font-size:12px;}
.sp-cdm-rm-file:hover{ background-color:#d3f3ff !important}
.sp-cdm-rm-file a{color:#333;font-weight:bold;text-decoration:none;}

.cdm-preview-image{position:absolute;margin-top:-175px;background-color:#FFF;padding:10px;border-radius:10px;box-shadow:0px 2px 2px #000}
.cdm-preview-image img{height:125px;}
.sp-cdm-rm-file .sp-cdm-rm-file-size{margin-left:15px;font-size:12px;}
.sp-cdm-rm-file .sp-cdm-rm-file-image {float:left;width:75px;}
.sp-cdm-rm-file .sp-cdm-rm-file-file {float:left;width:85%;color:#333}
.sp-cdm-rm-file .sp-cdm-rm-file-file a{text-decoration:none;display:block}
.sp-cdm-rm-file .sp-cdm-rm-file-date { font-style:italic;font-size:12px;float:right;text-align:left;}
.sp-cdm-rm-file .sp-cdm-rm-file-cat{margin-left:15px;font-size:12px;}

.sp-cdm-rm-file-file-inside{}
.sp-cdm-rm-file-toolbox{text-align:right;background-color:#f8f8f8;padding:2px;color:#FFF;position:absolute;margin-top:-22px;right:10px}
.sp-cdm-rm-file-toolbox a{margin-right:10px;font-size:12px;font-weight:400}
.sp-cdm-rm-file-toolbox a:hover{text-decoration:underline;}


.print-hide{display:none;}

.clients-right-column, .clients-left-column{float:left;width:50%;min-width:320px;}


@media (max-width: 768px) {
.sp-cdm-r-file-toolbox{text-align:right;background-color:#f8f8f8;padding:2px;color:#FFF;position: inherit;margin-top:5px;right:auto;width:100%;}
.sp-cdm-r-file .sp-cdm-r-file-file {float:left;width: auto}
.sp-cdm-rm-file-toolbox{text-align:right;background-color:#f8f8f8;padding:2px;color:#FFF;position: inherit;margin-top:5px;right:auto;width:100%;}
.sp-cdm-rm-file .sp-cdm-rm-file-file {float:left; width:auto}
.sp-cdm-rm-file .sp-cdm-rm-file-date{display:block;float:none;}
.cdm-advanced-search-field{width:auto;float:none;}


.sp-cdm-premium-search .cdm_nav_buttons a:link,sp-cdm-premium-search  .cdm_nav_buttons a:visited {
   display:block;width: auto; text-align:center;float:none;
}


}


@media print {
    html, body {
        height: 99%;    
    }
	.print-hide{display: block;padding:10px;margin:10px;border:1px solid #CCC}
}

/* Premium modern interface layer */
.sp-admin-bar,
.sp-cdm-premium-search,
.cdm-advanced-search,
.cdm-panel-footer,
.cdm-edit-file-list,
.cdm_share_email_form,
.sp-cdm-row,
.sp-cdm-row-50 {
	background: #ffffff;
	border: 1px solid var(--cdm-color-border, #e2e8f0);
	border-radius: var(--cdm-radius-lg, 18px);
	box-shadow: var(--cdm-shadow-soft, 0 8px 24px rgba(15, 23, 42, 0.08));
	color: var(--cdm-color-text, #0f172a);
}

.sp-admin-bar,
.sp-cdm-premium-search {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	margin: 14px 0 !important;
	padding: 14px;
	text-align: left;
}

.sp-cdm-premium-search form,
.sp-cdm-premium-search .cdm_nav_buttons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

.sp-cdm-premium-search .cdm_nav_buttons a:link,
.sp-cdm-premium-search .cdm_nav_buttons a:visited {
	float: none;
	margin: 0;
}

.cdm-advanced-search {
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	padding: 18px;
}

.cdm-advanced-search label {
	color: var(--cdm-color-text, #0f172a);
	display: block;
	font-size: 12px;
	letter-spacing: 0.04em;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.cdm-advanced-search-field,
.cdm-advanced-search-field-text {
	padding: 8px !important;
}

.sp-cdm-r-file,
.sp-cdm-r-folder,
.sp-cdm-rm-file,
.sp-cdm-rm-folder,
.sortable_view ul li,
.cdm-public-file-list ul li,
.sp-cdm-client-file a {
	background: #ffffff;
	border: 1px solid var(--cdm-color-border, #e2e8f0);
	border-radius: var(--cdm-radius-md, 12px);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
	margin-bottom: 10px;
	padding: 12px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.sp-cdm-r-file:hover,
.sp-cdm-r-folder:hover,
.sp-cdm-rm-file:hover,
.sp-cdm-rm-folder:hover,
.sortable_view ul li:hover,
.cdm-public-file-list ul li:hover,
.sp-cdm-client-file a:hover {
	background: #f8fbff;
	border-color: #bfdbfe;
	box-shadow: 0 12px 28px rgba(37, 99, 235, 0.12);
	transform: translateY(-1px);
}

.sp-cdm-r-head,
.sp-cdm-rm-head {
	background: linear-gradient(135deg, var(--cdm-color-primary, #2563eb), var(--cdm-color-accent, #14b8a6));
	border-radius: var(--cdm-radius-md, 12px);
	box-shadow: var(--cdm-shadow-soft, 0 8px 24px rgba(15, 23, 42, 0.08));
	color: #fff;
	padding: 12px;
}

.sp-cdm-r-file-image,
.sp-cdm-rm-file-image {
	align-items: center;
	background: #eff6ff;
	border-radius: 14px;
	display: flex;
	float: left;
	justify-content: center;
	min-height: 48px;
	width: 58px;
}

.sp-cdm-r-file .sp-cdm-r-file-file,
.sp-cdm-rm-file .sp-cdm-rm-file-file {
	color: var(--cdm-color-text, #0f172a);
	padding-left: 12px;
	width: calc(100% - 70px);
}

.sp-cdm-r-file-date,
.sp-cdm-rm-file-date,
.sp-cdm-r-file-size,
.sp-cdm-rm-file-size,
.sp-cdm-r-file-cat,
.sp-cdm-rm-file-cat,
.sp-cdm-description {
	color: var(--cdm-color-muted, #64748b);
}

.sp-cdm-r-file-toolbox,
.sp-cdm-rm-file-toolbox {
	background: #f8fafc;
	border-radius: 999px;
	color: var(--cdm-color-muted, #64748b);
	margin-top: 8px;
	padding: 6px 10px;
	position: static;
	text-align: right;
}

.cdm-panel-footer ul.pagination li a {
	background: #fff;
	border-color: var(--cdm-color-border, #e2e8f0);
	color: var(--cdm-color-text, #0f172a);
}

.cdm-panel-footer ul.pagination li a.active,
.cdm-panel-footer ul.pagination li a:hover {
	background: var(--cdm-color-primary, #2563eb);
	border-color: var(--cdm-color-primary, #2563eb);
	color: #fff;
}

.cdm_upload_area,
#cdm_pluploader {
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: var(--cdm-radius-lg, 18px);
	padding: 16px;
}

@media (max-width: 768px) {
	.sp-admin-bar,
	.sp-cdm-premium-search,
	.sp-cdm-premium-search form,
	.sp-cdm-premium-search .cdm_nav_buttons {
		align-items: stretch;
		flex-direction: column;
	}

	.sp-cdm-r-file-image,
	.sp-cdm-rm-file-image {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}

	.sp-cdm-r-file .sp-cdm-r-file-file,
	.sp-cdm-rm-file .sp-cdm-rm-file-file {
		float: none;
		padding-left: 0;
		width: 100%;
	}
}

/* Premium admin bar and file detail refinements */
.sp-admin-bar {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(20, 184, 166, 0.08)),
		#ffffff;
	display: flex;
	justify-content: center;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 920px;
	padding: 16px !important;
	text-align: center;
	width: min(100%, 920px);
}

.sp-admin-bar::before {
	color: var(--cdm-color-muted, #64748b);
	content: "Viewing";
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	margin-right: 10px;
	text-transform: uppercase;
}

.sp-admin-bar select,
.sp-admin-bar .select2-container {
	background: #fff;
	border: 1px solid var(--cdm-color-border, #e2e8f0) !important;
	border-radius: 999px !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	color: var(--cdm-color-text, #0f172a);
	font-size: 14px;
	font-weight: 700;
	max-width: 460px;
	min-height: 44px;
	padding: 0 12px !important;
	width: min(100%, 460px) !important;
}

.sp-admin-bar .select2-container .select2-choice,
.sp-admin-bar .select2-container .select2-selection {
	background: transparent !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	min-height: 42px;
}

#view_file_refresh #document_edit_form,
#view_file_refresh .cdm_share_email_form,
#view_file_refresh #cdm_file_share_form,
#view_file_refresh #cdm-share-file,
#view_file_refresh .cdm-replace-file-val,
#view_file_refresh .cdm-edit-file-list {
	background: #ffffff;
	border: 1px solid var(--cdm-color-border, #e2e8f0);
	border-radius: var(--cdm-radius-lg, 18px);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	color: var(--cdm-color-text, #0f172a);
	padding: 16px;
}

#view_file_refresh #document_edit_form p,
#view_file_refresh .cdm_share_email_form p {
	margin: 0 0 14px;
}

#view_file_refresh #document_edit_form strong,
#view_file_refresh .cdm_share_email_form strong {
	color: var(--cdm-color-muted, #64748b);
	display: block;
	font-size: 11px;
	letter-spacing: 0.06em;
	margin-bottom: 6px;
	text-transform: uppercase;
}

#view_file_refresh #document_edit_form input[type="text"],
#view_file_refresh #document_edit_form textarea,
#view_file_refresh #document_edit_form select,
#view_file_refresh .cdm_share_email_form input[type="text"],
#view_file_refresh .cdm_share_email_form textarea,
#view_file_refresh .cdm_share_email_form select {
	background: #f8fafc;
	border: 1px solid var(--cdm-color-border, #e2e8f0) !important;
	border-radius: 14px !important;
	min-height: 44px;
	padding: 11px 12px !important;
	width: 100%;
}

#view_file_refresh .cdm_edit_file_button,
#view_file_refresh #cdm-replace-file {
	background: linear-gradient(135deg, var(--cdm-color-primary, #2563eb), var(--cdm-color-primary-strong, #1d4ed8)) !important;
	border-radius: 999px !important;
	box-shadow: 0 12px 26px rgba(37, 99, 235, 0.24);
	color: #fff !important;
	display: inline-flex !important;
	font-weight: 900;
	justify-content: center;
	padding: 12px 18px !important;
	text-decoration: none !important;
}

#view_file_refresh .cdm-edit-file-delete-new-upload {
	color: var(--cdm-color-danger, #dc2626) !important;
	font-weight: 800;
	margin-left: 12px;
}

@media (max-width: 768px) {
	.sp-admin-bar {
		align-items: stretch;
		border-radius: 18px;
		flex-direction: column;
		width: 100%;
	}

	.sp-admin-bar::before {
		margin: 0 0 8px;
	}

	.sp-admin-bar select,
	.sp-admin-bar .select2-container {
		max-width: none;
		width: 100% !important;
	}
}