body {
	background: #252525;
}

body.manage-folders #DocumentWrapper {
	padding: 0
}

button {
	margin-bottom: 0;
	padding: 0;
}

.row .row{
	margin: 0;
}

#htmlDecoder, #myMenu {
	display: none;
}
#PageContent {
	padding: 0
}

.rounded-box {
	background: #292929;
	border-radius: 0
}

.rounded-box-f {
	margin: 0
}

#ImageBasketBox p.title {
	background: #292929;
	font-size: 0.875rem;
	padding: 0.625rem 0.3125rem 0.625rem 1.25rem;
}

#ImageBasketBox {
	margin: 0;
	padding: 0;
	background: #323232;
	border-radius: 0;
}

#ImageHolderBox {
	margin: 0;
	padding: 0;
	background: #1a1a1a;
	border-radius: 0;
	border: none;
	height: 36rem;
	border-bottom: 0.0625rem solid #000;
	overflow: hidden;
}

#CategoryBox,#TreeViewBox {
	margin: 0;
	border: none
}

#TreeViewBox {
	height: 34rem;
	padding: 0;
}

#TreeViewBox >.content{
	position: relative;
}

/*#TreeViewBox::-webkit-scrollbar {
	width: 0.625rem;
	height: 0.625rem
}

#TreeViewBox::-webkit-scrollbar-thumb {
	border-radius: 0.3125rem;
	-webkit-box-shadow: inset 0 0 0.3125rem #555;
	background: #555
}

#TreeViewBox::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0.3125rem #555;
	border-radius: 0.3125rem;
	background: #555
}*/

#ManageLayout #folders_tabs {
	list-style: none;
	text-align: left;
	background: #292929;
	display: block;
	overflow: hidden;
	zoom: 1;
	padding-left: 0;
	margin: 0;
	height: 2.5rem;
}

#ManageLayout #folders_tabs li {
	float: left;
	display: block;
	margin: 0;
	cursor: pointer;
	background: #292929;
	font-size: 0.8125rem;
	color: #888;
	border-right: 0.0625rem solid #000;
	padding: 0 1.5625rem;
	height: 2.5rem;
	line-height: 2.5rem
}

#ManageLayout #folders_tabs li.current {
	background: #323232;
	color: #fff
}

#ManageLayout #content_tabs ul.content_ul {
	line-height: 1.5625rem;
	display: none;
	font-size: 0.8125rem;
	padding: 0;
	margin: 0
}

#folderTree {
	color: #888
}

#ManageLayout #folders_tabs p.title {
	font-size: 0.875rem;
	font-weight: 400;
	color: #fff;
	width: 20rem;
	line-height: 1.5rem
}

#ManageLayout #folders_tabs .up_down {
	cursor: pointer;
	float: left;
	margin-top: 1.25rem;
	margin-left: 0.625rem
}

#ManageLayout #folders_tabs .div_title {
	float: left;
	margin-top: 0.9735rem
}

#ManageLayout #folders_tabs .add,#ManageLayout #folders_tabs .tool {
	cursor: pointer;
	float: right;
	margin-top: 1.25rem;
	margin-right: 0.625rem
}

#ImageHolderToolbar {
	margin: 0;
	text-align: left;
	position: relative;
	min-height: 2.75rem;
}

#ManageLayout .disabled {
	color: #7e7e7e;
	font-size: 0.75rem
}

.gripper-horizontal,.gripper-vertical {
	background: 0 0;
	display: none
}

/*#ManageLayout #ImageHolderBox {
	min-height: 572px
}*/

#ManageLayout #ImageHolderBox .imageContainer {
	position: relative;
	background: #535353;
	width: 10.875rem;
	height: 10.1875rem;
	padding: 0.625rem 0.75rem;
	margin: 0.0625rem;
	border-radius: 0;
	cursor: pointer;
}

#ManageLayout #ImageHolderBox .imageContainer.selected{
	background: #777;
}

#ManageLayout #ImageHolderBox .imageContainer .wrapper a img{
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	object-fit: contain;
}

#ManageLayout .jstree-default .jstree-open > .jstree-ocl{
	background-size: contain;
	margin-right: 0.3125rem;
}

#uploadedImagesParent {
	/*position: relative;*/
	width: 100%;
	overflow: hidden;
}

#ManageLayout #ImageHolderBox p.title {
	border: none;
	background: #292929;
	padding: 0 0 0 0.9375rem;
	width: 100%;
	height: 2.5rem;
	border-radius: 0;
	line-height: 2.5rem;
	border-bottom: 0.0625rem solid #000;
	position: relative;
	z-index: 99;
}

#ManageLayout .jstree-rename-input{
	height: 1.5rem!important;
}

#ManageLayout #ImageHolderBox div.path img {
	vertical-align: middle
}

#ImageHolderBox .nice-toolbar {
	border: none;
	background: #292929;
	padding: 0;
	height: 100%;
	width: 100%;
	border-radius: 0;
	margin: 0;
	line-height: 2.5rem;
	min-height: 2.5rem;
}

#ImageHolderBox .nice-toolbar .content {
	padding-left: 0.9735rem
}

.nice-toolbar .content a {
	display: inline-block;
	color: #cacaca;
}

.nice-toolbar .content a img {
	vertical-align: middle
}

.nice-toolbar .content a span.toolbar-text {
	padding: 0;
	height: 1.5rem;
	line-height: 1.5rem;
	vertical-align: middle;
	color: #8b8b8b;
	font-size: 0.8125rem
}

#CategoryBox {
	padding: 0.5rem 0 0;
	margin: 0;
}

#CategoryBox > .content{
	position: relative;
}

#CategoryBox #Categories {
	padding: 0.625rem 0.625rem 1.25rem;
	margin: 0;
}

#ManageLayout #folders_tabs input[type=radio] {
	position: absolute;
	top: -9999px;
	left: -9999px
}

#ManageLayout #folders_tabs label {
	display: block;
	padding: 0.5rem 1.3125rem;
	border-radius: 0.125rem 0.125rem 0 0;
	font-size: 0.875rem;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	transition: all .2s ease-in-out
}

#ManageLayout #folders_tabs [id^=tab]:checked+label {
	top: 0;
	background: #292929
}

#ManageLayout #folders_tabs [id^=tab]:checked~[id^=tab-content] {
	display: block
}

#ManageLayout #folders_tabs img.close_folders {
	margin-top: 0.8125rem;
	float: right;
	margin-right: 0.8125rem;
	cursor: pointer
}

#ManageLayout #folders_tabs a.folders-actions-command {
	float: right;
	padding: 0;
	margin: 0
}

#ManageLayout #folders_tabs a.folders-actions-command img {
	float: right;
	margin-right: 0.9375rem;
	margin-top: 0.3125rem
}

#ManageLayout #CatalogBox img.category_down,#ManageLayout #CatalogBox img.keywords_down {
	float: left;
	cursor: pointer;
	margin-right: 0.625rem
}

#ManageLayout #CatalogBox img.category_add,#ManageLayout #CatalogBox img.keywords_add {
	margin-top: 0.3125rem;
	float: right;
	margin-right: 0.9375rem;
	cursor: pointer
}

#ManageLayout #CatalogBox img.category_tool,#ManageLayout #CatalogBox img.keywords_tool {
	margin-top: 0.3125rem;
	float: right;
	margin-right: 1.5625rem;
	cursor: pointer
}

#ManageLayout #PreviewBox img.preview_close {
	float: right;
	margin-right: 0.8125rem;
	cursor: pointer;
	margin-top: 0.8125rem
}

#ManageLayout #PreviewBox p.title {
	background: #292929;
	border-radius: 0;
	padding-left: 0.625rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 0
}

#ManageLayout #ImageBasketBox {
	display: block;
	padding: 0;
	/*border-top: 0.0625rem solid #000;*/
	overflow: hidden;
	height: 19.0625rem;
}

#ManageLayout #PreviewBox {
	display: block;
	padding: 0;
	background: #323232;
	height: 19.0625rem;
}

#ManageLayout #Preview {
	height: 16.75rem;
	line-height: 16.5rem;
	/*border: 0.0625rem solid #1e1e1e;*/
	border-top: none;
	border-radius: 0;
	padding: 0.625rem;
	/*display: table;*/
	margin: 0 auto;
}


#ManageLayout .forder_catalog {
	color: #a1a1a1;
	border-bottom: 0.0625rem solid #000;
	height: 36rem;
	overflow-y: hidden;
}

#ManageLayout #ImageBasket {
	text-align: left;
	padding-left: 0.625rem;
	margin: 0;
}

#ManageLayout #ImageBasket .imageContainer {
	background: #4a4a4a;
	border-radius: 0;
	padding: 0.9375rem;
	width: 7.49rem;
	height: 6.9375rem;
	margin: 0.0625rem;
	cursor: pointer;
	box-sizing: border-box;
}

#ManageLayout #ImageBasket .imageContainer .wrapper {
	width: 100%;
	height: 100%;
}

#ManageLayout #ImageBasket .imageContainer .wrapper a {
	display: inline-block;
	line-height: unset;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#ManageLayout #ImageBasket .imageContainer .wrapper a img{
	max-width: 100%;
	max-height: 100%;
}

#ManageLayout #ImageBasket .imageContainer.photo-selected {
	background: #ccc
}

#ManageLayout #ImageBasketBox img.close_basket {
	float: right;
	margin-right: 0.8125rem;
	cursor: pointer;
	margin-top: 0.8125rem
}

#ManageLayout .icon-services-small {
	padding: 0
}

#ManageLayout p.title {
	font-size: 0.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-weight: 400;
	color: #fff;
	padding: 0 0 0 0.9735rem;
	margin-bottom: 0
}

#root_anchor {
	color: #fff !important;
}

#TreeView #root_anchor i {
	width: 1.6rem;
	height: 1.5rem;
	margin-right: 0.3125rem
}

.jstree-default .jstree-icon {
	margin-right: 0.3125rem
}

span.folders {
	margin-left: 0.3125rem;
	font-size: 0.8125rem;
	color: #fff;
	vertical-align: middle
}

/*#nav_content {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	height: 1.875rem;
	line-height: 1.875rem
}

#nav_content li {
	float: left;
	display: block;
	background: 0 0;
	position: relative;
	z-index: 999;
	margin: 0 1px
}

#nav_content li a {
	display: block;
	padding: 0;
	font-weight: 400;
	font-size: 0.8125rem;
	text-decoration: none;
	color: #999;
	zoom: 1;
	padding: 0 9pt
}

#nav_content ul {
	position: absolute;
	left: 0.0625rem;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	-o-box-shadow: 0 1px 0.1875rem rgba(0,0,0,.2);
	box-shadow: 0 1px 0.1875rem rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 0.1875rem rgba(0,0,0,.2);
	padding-bottom: 0.1875rem;
	padding-top: 0.3125rem
}

#nav_content ul li {
	width: 13.75rem;
	float: left;
	text-align: left;
	border-bottom: 0.0625rem solid #5d5d5d;
	background: #4c4c4c
}

#nav_content ul li:hover {
	background: #6c6c6c;
	color: #fff
}

#nav_content ul li a {
	display: block;
	padding: 0.625rem;
	color: #ccc;
	font-size: 0.875rem;
	font-weight: 400
}

#nav_content ul li a:hover {
	color: #fff
}*/

#TreeViewBox ._panel-box {
	width: auto;
	height: auto;
	padding: 0.75rem;
	margin: 0;
}

#TreeViewBox ._scroll_bar{
	right: 0!important;
}

#TreeView .expanded {
	display: block!important;
}

#TreeView .children {
	display: none;
}

.child-folder {
	margin-left: 1.25rem;
}

.w-helper {
	background: 0 0;
}

table.folder {
	border-collapse: collapse;
	border: none;
	background: #292929;
	color: #a5a5a5;
	margin-bottom: 0.3125rem
}

table.folder td {
	padding: 0
}

table.folder td.child span,table.folder td.closer span,table.folder td.last-child span,table.folder td.none span,table.folder td.opener span {
	width: 1.25rem;
	height: 1.125rem;
	display: block;
	background: url("../images/manage/down.png") no-repeat center center;
	cursor: pointer
}

table.folder td.none span {
	cursor: default;
	background: 0 0
}

table.folder td.closer span {
	background: url("../images/manage/up.png") no-repeat center center
}

table.folder td.child span {
	background: 0 0
}

table.folder td.last-child span {
	background: 0 0
}

table.folder td.icon span,table.folder td.icon-home span,table.folder td.icon-private span,table.folder td.icon-public span,table.folder td.icon-shared span {
	width: 1.25rem;
	height: 1.125rem;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.3125rem;
	margin-left: 0.3125rem
}

table.folder td.icon-home span {
	background: url("../images/manage/Cloud.png") no-repeat center center;
	width: 1.9375rem;
	height: 1.9375rem;
	margin-left: 0.3125rem;
	margin-right: 0.3125rem
}

table.folder td.icon-private span {
	background: url("../images/manage/folder-icon-private.png") no-repeat center center
}

table.folder td.icon-public span {
	background: url("../images/manage/folder-icon-public.png") no-repeat center center
}

table.folder td.icon-shared span {
	background: url('../images/manage/folder-icon-shared.png') no-repeat center center;
}

table.folder td.name {
	color: #eee;
	white-space: nowrap;
	padding-left: 0.1875rem;
}

table.folder td.empty {
	color: #777;
}

table.selected td.name {
	background: #ddd;
	color: #000;
}

table.folder td.name span {
	color: #a5a5a5;
}

table.folder td.options {
	width: 1.125rem;
	float: right;
	right: 0.625rem;
	position: absolute;
}

table.folder td.options img.options {
	background: url("../images/manage/tool.png") no-repeat center center;
	width: 1.125rem;
	height: 1rem;
	margin: 0;
	padding: 0;
	display: none;
}

table.folder td.options img.hidden {
	visibility: hidden;
	display: inline;
}

table.folder td.name .editable input {
	width: 5rem;
	border: solid 0.0625rem #aaa;
}

table.folder td.name span {
	display: inline-block;
}

.droppable-hover {
	background: #444;
}

.hidden,.ui-draggable-dragging .closer,.ui-draggable-dragging .opener {
	display: none
}

.imageContainer .wrapper{
	height: calc(100% - 2rem);
	max-height: 100%;
}

.imageContainer.simplified .wrapper {
	width: 4.6875rem;
	height: 4.6875rem;
	margin: 0 auto;
}

.imageContainer p.folder-name {
	color: #ccc;
	font-size: 0.875rem;
	margin-top: 0;
	height: 2rem;
    line-height: 2rem;
}

.imageContainer p.photo-name {
	color: #ccc;
	font-size: 0.875rem;
	text-align: center;
	padding: 0;
	width: calc(100% - 1.5rem);
	max-width: 8.75rem;
	margin: 0;
	height: 2rem;
	line-height: 2rem;
}

.imageContainer .checkbox {
	position: absolute;
	bottom: .75rem;
	right: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	margin-top: 0.25rem;
	background: url("../images/manage/checkbox-not-checked.png") center center no-repeat;
	cursor: pointer;
}

.photo-selected .checkbox {
	background: url("../images/manage/checkbox-checked.png") center center no-repeat!important;
}

#ManageLayout #ImageHolderBox .imageContainer.photo-selected {
	background: #ccc;
}

#ManageLayout #ImageHolderBox .imageContainer.photo-selected p.photo-name {
	color: #282828;
}

.folder-my-private-folder-medium {
	/* height: 6.25rem; */
	height: 100%;
	background: url("../images/manage/my-private-folder-medium.png") no-repeat center center;
}

.folder-my-public-folder-medium {
	height: 100%;
	background: url("../images/manage/my-public-folder-medium.png") no-repeat center center;
}

.folder-my-shared-folder-medium {
	height: 100%;
	background: url("../images/manage/my-shared-folder-medium.png") no-repeat center center;
}

.folder-my-private-folder-small {
	height: 100%;
	background: url("../images/manage/my-private-folder-small.png") no-repeat center center;
}

.folder-my-public-folder-small {
	height: 100%;
	background: url("../images/manage/my-public-folder-small.png") no-repeat center center;
}

.folder-my-shared-folder-small {
	height: 100%;
	background: url("../images/manage/my-shared-folder-small.png") no-repeat center center;
}

#Tags table {
	background: #323232;
	border: none;
	margin-bottom: 0.625rem;
}

#Tags table tr td,#Tags table tr th {
	padding: 0;
	width: 100%;
}

#Tags .tags-full {
	background: url("../images/manage/tags_selected.png") no-repeat scroll left center;
}

#Tags .tags-none {
	background: url("../images/manage/no-selected.png") no-repeat scroll left center transparent;
}

#Tags .tags-partial {
	background: url("../images/manage/tags_selected.png") no-repeat scroll left center transparent;
}

#Tags table td.tag-name span {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.9375rem;
	display: block;
	text-decoration: none;
	padding: 0 0 0 1.875rem;
	outline: 0;
	cursor: pointer;
	max-width: 14.375rem;
	text-overflow: ellipsis;
	overflow: hidden;
}

#Tags table td.tag-name span.selected{
	background: #3c3c3c;
}

#Tags table.selected td.tag-name {
	background: #4e4e4e;
	color: #fff;
}

#Tags table.drag-selected td.tag-name{
	background: #3c3c3c;
}

#Tags table td.tag-name .editable input {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	padding: 0;
	width: 90%;
}

#Tags table .tag-rename span {
	background: url(../images/manage/edit-tag.png) no-repeat scroll center center transparent;
	display: block;
	margin-right: 0.625rem;
}

#Tags table .tag-delete span {
	background: url(../images/manage/delete.png) no-repeat scroll center center transparent;
	display: block;
}

#Tags .btn-ok {
	background: 0 0;
}

#ImageHolderBox p.title img {
	margin-right: 0.625rem;
	margin-left: 0.625rem;
	width: 0.625rem;
}

#ImageHolderBox p.title img.folder {
	margin-right: 0;
	margin-left: 0;
	width: 1.5rem;
}

#ImageHolderBox p.title img.category {
	width: 1.125rem;
}

#ImageHolderBox p.title img.tag {
	width: 0.9375rem;
}

#ImageHolderToolbar a {
	font-size: 0.75rem;
	vertical-align: middle;
	margin: 0 1.875rem 0 0;
	height: 2.75rem;
	padding: 0 0 0 1.875rem;
	line-height: 2.75rem;
}

#ImageBasketBox #ImageBasket {
	padding: 0;
	height: 14.4375rem;
}

/*#ImageHolderToolbar .upload_btn a {
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding: 0.5rem 2.25rem;
	background: #f59122;
	border-radius: 0.25rem;
	font-size: 0.8125rem;
}

#ImageHolderToolbar .upload_btn a img {
	margin-right: 0.625rem;
	position: relative;
	top: -2px;
}*/

#ImageBasketBox .content {
	height: 14.4375rem;
	max-height: 14.4375rem;
	position: relative;
}


/*@media screen and (max-width: 1440px) and (min-height: 784px){
	#ImageBasketBox .content {
		height: 195px;
		max-height: 195px;
		position: relative;
	}
	#ImageBasketBox #ImageBasket{
		height: 195px;
	}
}*/

.context-menu {
	background: #4c4c4c;
	border: none;
	position: absolute;
	display: none;
	z-index: 10000;
}

.context-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #4c4c4c;
	box-shadow: 0 0.125rem 0.1875rem rgba(0,0,0,.2);
	border: 0.0625rem solid #292929;
}

.context-menu ul li {
	margin: 0;
	padding: 0;
}

.context-menu ul li a {
	display: block;
	outline: 0;
	font-size: 0.875rem;
	padding: 0.625rem 1.5625rem;
	width: 13.125rem;
	color: #ccc;
}

#acdContextMenu_imageHolderPane.context-menu ul li a {
	width: 11.25rem;
	margin-left: 1.5625rem;
	padding-left: 0.9375rem;
}

.de #acdContextMenu_imageHolderPane.context-menu ul li a {
	width: 10.625rem;
}

#acdContextMenu_imageHolderView.context-menu ul li a {
	width: 13.75rem;
	margin-left: 1.5625rem;
	padding-left: 0.9375rem;
}

#acdContextMenu_imageHolderSort.context-menu ul li a {
	margin-left: 1.5625rem;
	padding-left: 0.9375rem;
}

.context-menu ul li a.hover,.context-menu ul li a:hover {
	background: #6c6c6c;
	color: #fff;
	text-decoration: none;
}

.context-menu ul li.disabled a {
	color: #777;
	text-decoration: none;
	cursor: default;
}

.context-menu ul li.disabled a:hover {
	background: 0 0
}

.context-menu ul li.with-icon a {
	margin-left: 1.4375rem;
}

.ctx-radio {
	background: url(../images/manage/change.png) no-repeat 0.125rem center;
	cursor: pointer;
}

.ctx-checkbox {
	background: url(../images/manage/change.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.select {
	background: url(../images/manage/Select.png) no-repeat 0.125rem center;
	cursor: pointer;
	padding-left: 2.1875rem;
}

#ImageHolderToolbar a.share {
	background: url(../images/manage/Share.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.edit {
	background: url(../images/manage/Edit.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.sort {
	background: url(../images/manage/Sort.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.view {
	background: url(../images/manage/View.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.pane {
	background: url(../images/manage/Pane.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.slideshow {
	background: url(../images/manage/Slider.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.share-hover {
	background: url(../images/manage/Share-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.select-hover {
	background: url(../images/manage/Select-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.edit-hover {
	background: url(../images/manage/Edit-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.sort-hover {
	background: url(../images/manage/Sort-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.view-hover {
	background: url(../images/manage/View-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.pane-hover {
	background: url(../images/manage/Pane-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#ImageHolderToolbar a.slideshow-hover {
	background: url(../images/manage/Slider-hover.png) no-repeat 0.125rem center;
	cursor: pointer;
}

#Preview .preview-img {
	text-align: center;
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}

#Preview .preview-img img.no_preview{
	position: relative;
	margin-top: -10%;
	height: auto;
	width: auto;
}

#Preview .preview-img img.preview_picture{
	max-height: 100%;
}
#Preview .preview-img video {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

#Preview .preview-img p {
	color: #cacaca;
	font-size: 0.8125rem;
	text-align: center;
}

#Categories.jstree-default .jstree-open .jstree-icon {
	/*background: url(/static/images/manage/up.png) no-repeat center center;*/
	margin-right: 0.3125rem;
}

#Categories.jstree-default .jstree-closed .jstree-icon {
	background: url(../images/manage/down.png) no-repeat center center;
	margin-right: 0.3125rem;
	background-size: contain;
}

#Categories.jstree-default #root>.jstree-wholerow {
	/*background: #1e1e1e;*/
	height: 1.875rem;
}

#Categories.jstree-default .jstree-children .jstree-children .jstree-themeicon {
	background: url(../images/manage/folder-catalog.png) no-repeat center center;
	margin-right: 0.3125rem;
}

#ImageBasketBox .image-basket-services {
	min-height: 4.0625rem;
	line-height: 4.0625rem;
	background: #292929;
	border-bottom: 0.125rem solid #191919;
}

#ManageLayout p.title.tag_title {
	color: #fff;
	height: 2.25rem;
	line-height: 2.25rem;
	background: #292929;
	padding: 0 0.9375rem;
	font-size: 0.875rem;
	margin-bottom: 0;
	border-top: 0.0625rem solid #000;
	border-bottom: 0.0625rem solid #000;
}

.TagImg {
	float: right;
    margin-top: 0.625rem;
    cursor: pointer;
	width: 1rem;
}

.leftColumns {
	padding: 0;
	/*height: 572px*/
}

.leftColumns .layout {
	border: 0.0625rem solid #000;
	height: 100%;
	background: #323232;
}

.rightColumns {
	padding: 0;
	/*top: 0.0625rem;*/
	display: flex;
	gap: 1px;
}

.rightColumns .layout:first-child {
	flex: 1;
	border: 0.0625rem solid #000;
}

.second-row .leftColumns {
	height: auto;
}

#ImageBasket .no-images {
	color: #ccc;
	text-align: center;
	width: 100%;
	padding-top: 0.3125rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

p.folder-name {
	margin: 0.625rem 0 0;
}

#ImageHolderToolbar a.disabled {
	cursor: default;
}

#uploadedImages p.no-images {
	color: #aaa;
	background: #2c2c2c;
	text-align: left;
	margin-top: 0.125rem;
	cursor: pointer;
}

/* #uploadedImages.emptyContent {
    background: #1a1a1a url(../images/foto-slate/image-list-default.png) no-repeat center;
} */

#TagBox {
	padding: 0;
	margin: 0;
}

#TagBox #AddKeywords{
	margin-right: 0.625rem;
	float: right;
	margin-top: 0.625rem;
}

#CategoryBox #AddCategory{
	margin-right: 0.625rem;
	float: right;
	margin-top: 0.625rem;
	width: 0.9375rem;
}

#TagBox .content{
	position: relative;
}

#TagBox #Tags{
	margin: 0;
	padding: 0.9735rem 0;
	height: 100%;
}

#Tag._panel-box{
	margin: 0.5rem 0;
}

#Tag._panel-box, #CategoryBox._panel-box{
	padding: 0.5rem 0
}

#Tags .tagContainer {
	margin-left: 0;
	margin-right: 0.3125rem;
	padding: 0 0.9375rem;
	background: #323232;
}

#Tags table {
	margin-bottom: 0.5rem
}

#ImageTooltip {
	color: #fff;
}

.de #ImageTooltip{
	width: 14.0625rem;
}

#ImageTooltip .content {
	background: #464646;
	border-radius: 0.3125rem;
	padding: 0.625rem 0.9735rem 0.3125rem;
}

#ImageTooltip span.label {
	background-color: transparent;
	padding-left: 0;
}

#ImageTooltip .content p {
	width: 100%;
}

#ImageTooltip .content p.date {
	max-width: 70%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#ImageTooltip .content p.views {
	max-width: 30%;
	float: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: right;
}

.dateAndView {
	border-bottom: 0.0625rem solid #878787;
	height: 1.5625rem;
	line-height: 1.5rem;
}

#ImageTooltip .content .tagsBox {
	/*height: 1.5625rem;*/
	border-bottom: 0.0625rem solid #878787;
	margin: 0.3125rem 0;
}

#itPrivateRating .rating-small-blue,#itPublicRating .rating-small {
	position: relative;
	top: -0.375rem;
	padding: 0 0.25rem;
}

#ImageTooltip p.private-rating,#ImageTooltip p.public-rating {
	height: 1.25rem;
	margin-bottom: 0;
}

#ImageTooltip p.public-rating {
	border-bottom: 0.0625rem solid #878787;
}

#ImageTooltip p.dimensions {
	height: 1.5625rem;
	line-height: 1.5625rem;
	margin-bottom: 0;
}

#ImageTooltip .content .dateAndView p span.data {
	padding-left: 0.3125rem;
}

#ImageTooltip .content p.tags span.data {
	color: #fff;
}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 1.5rem;
	background: 0 0;
}

ul.tabs li {
	margin: 0;
	float: left;
	padding: 0.125rem 0.9375rem;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	border: 0.0625rem solid #2c2c2c;
	border-bottom: none;
	background: #6c6c6c;
}

ul.tabs li a {
	display: block;
	height: 1.4375rem;
	line-height: 1.5625rem;
	font-size: 0.75rem;
	text-decoration: none;
	color: #fff;
	outline: 0;
}

ul.tabs li.active {
	background: #434142;
}

ul.tabs li.active a {
	height: 1.5rem;
	color: #fff;
	background-position: right top;
}

.tab-email a.add-from-address-book {
	color: #f59122;
	text-decoration: underline;
}

#dialogSharePhotos div.tabs {
	padding: 0.625rem 0.625rem 0;
	height: 15.5rem;
	background: #434142;
	box-sizing: border-box;
}

#dialogSharePhotos div.tabs .tab-email, #dialogSharePhotos div.tabs .tab-facebook, #dialogSharePhotos div.tabs .tab-twitter {
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

#dialogSharePhotos div.tabs label {
	color: #fefefe;
	font-size: 0.8125rem;
}

#dialogSharePhotos div.tabs label span{
	color: #bdbdbd;
	margin-top: 0.625rem;
}
#dialogSharePhotos .main{
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.jp #dialogSharePhotos div.tabs label{
	font-size: 0.8rem;
}

#dialogShareMore .main {
	width: 100%;
}

.address-book h3{
	color: #fefefe;
	font-size: 0.8125rem;
	margin-bottom: 0.1875rem;
}

.address-book a.address-book-done-command{
	color: #fefefe;
	font-size: 0.8125rem;
	margin-right: 0.625rem;
}

.address-book a.address-book-done-command:hover{
	color: #f59122;
}

.address-book {
	display: none;
	/*position: absolute;
	width: 655px;*/
}

.address-book .buttons {
	position: absolute;
	top: 10.3125rem;
	left: 20.3125rem;
	width: 1.875rem;
}

.address-book .buttons button {
	min-width: 1.5625rem;
	width: 1.5625rem;
	margin: 0.3125rem 0;
	text-align: center;
	font-size: 0.875rem;
	padding: 0.125rem 0.25rem;
	background: #f59122;
}

.address-book .contacts,.address-book .chosen-contacts {
	display: inline-block;
	background: #373737;
	margin-bottom: 0.625rem;
	width: 17.8125rem;
}

.address-book ul.groups {
	margin: 0;
	padding: 0;
	list-style: none;
}

.address-book ul.groups li {
	margin: 0 0 0.0625rem 0;
	white-space: nowrap;
	cursor: pointer;
}

.address-book ul.groups li span {
	padding-left: 1.5625rem;
	font-size: 1rem;
	background: #262626 url(../images/manage/checkbox_no_selected.png) no-repeat;
	display: block;
	background-size: 1.5rem;
	line-height: 1.5rem;
	height: 1.5rem;
}

.address-book ul.group-contacts{
	margin: 0;
	list-style: none;
	height: 9.6875rem;
	padding: 0.3125rem 0.3125rem 0.3125rem 1.0625rem;
	overflow: auto;
}

.address-book ul.group-contacts::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0.125rem;
    cursor: pointer;
}
.address-book ul.group-contacts::-webkit-scrollbar-thumb {
    border-radius: 0.3125rem;
    background: rgb(85, 85, 85);
}
.address-book ul.group-contacts::-webkit-scrollbar-track {
    border-radius: 0;
    background: none;
}


.address-book ul.group-contacts li {
	padding: 0;
	list-style: none;
	margin: 0 0 0.0625rem 0;
	font-weight: normal;
	cursor: pointer;
}

.address-book .chosen-contacts{
	height: 11.25rem;
	float: right;
	margin-right: 0.625rem;
	overflow: auto;
}

.address-book .chosen-contacts::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0.125rem;
    cursor: pointer;
}
.address-book .chosen-contacts::-webkit-scrollbar-thumb {
    border-radius: 0.3125rem;
    background: rgb(85, 85, 85);
}
.address-book .chosen-contacts::-webkit-scrollbar-track {
    border-radius: 0;
    background: none;
}

.address-book .chosen-contacts ul.group-contacts li {
	padding: 0;
}

.address-book .chosen-contacts ul.group-contacts li span {
	margin: 0 !important;
}

.address-book ul.group-contacts li span {
	margin: 0;
	padding-left: 1.5625rem;
	background: transparent url(../images/manage/checkbox_no_selected.png) no-repeat;
	display: block;
	white-space: nowrap;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.875rem;
	background-size: 1.5rem;
}

.address-book ul.groups li span.selected {
	background: #262626 url(../images/manage/checkbox_selected.png) no-repeat;
	background-size: 1.5rem;
}

.address-book ul.group-contacts li span.selected{
	background: transparent url(../images/manage/checkbox_selected.png) no-repeat;
	background-size: 1.5rem;
}
#dialogSharePhotos div.left{
	width: 52%;
}
#dialogSharePhotos div.right{
	width: 48%;
}

#dialogSharePhotos p {
	margin-bottom: 0.3125rem;
	font-size: 0.8125rem;
	width: 100%;
}
#dialogSharePhotos .widget-options p{
	margin-bottom: 0.125rem;
	padding: 0;
}
#dialogSharePhotos div.tab-email div.main textarea {
	height: 4.0625rem;
	background: #a5a5a5;
	border: 0.0625rem solid #2c2c2c;
	padding: 0 0.5rem;
	margin-bottom: 0;
}

#dialogSharePhotos div.tab-email div.main textarea[name=txtMessage] {
   padding: 0.3125rem;
	box-sizing: border-box;
}

input[type=radio],input[type=file],input[type=checkbox],select {
	margin-bottom: 0;
	vertical-align: text-top;
	width: 0.875rem;
	height: 0.875rem;
}

input[type=text].sharePassword {
	background: #a5a5a5;
}

#dialogSharePhotos div.tabs label.your-message {
	color: #bdbdbd;
	font-size: 0.75rem;
}

#dialogSharePhotos .photo-list {
	background: #434142;
	padding: 0 0.625rem 0.625rem;
	border: 0;
	margin: 0;
}

#dialogSharePhotos .photo-list .content {
	background: #373737;
	border: 0.0625rem solid #2c2c2c;
	padding: 0.3125rem 0.625rem;
}

#dialogSharePhotos .photo-list p.folder-name {
	font-size: 0.8125rem;
	padding: 0;
	margin-top: 0.3125rem;
}

#dialogSharePhotos .photo-list p.photos-count {
	font-size: 0.75rem;
	padding: 0;
	color: #bdbdbd;
}

#dialogSharePhotos .live-share .note {
	margin-top: 0.3125rem;
}

#dialogSharePhotos #ShareScrollablePhotoList {
	padding: 0;
	margin: 0;
}

.ui-dialog-buttonset button {
	background: #6c6c6c;
	border-radius: 1.5625rem;
	color: #fff;
	border: 0.125rem solid #fff;
	cursor: pointer;
	font-size: 0.75rem;
	text-align: center;
	min-width: 8.125rem;
	padding: 0.3125rem 0.9375rem;
	outline: none;
}

.ui-dialog-buttonset button:hover{
	color: #f59122;
	border: 0.125rem solid #f59122;
	background: #262626;
}

#dialogSharePhotos .live-share-public {
	background: url(../images/manage/my-public-folder-medium.png) no-repeat
		left -0.8125rem;
}

#dialogSharePhotos .live-share-private {
	background: url(../images/manage/my-private-folder-medium.png) no-repeat
		left -0.8125rem;
}

#dialogSharePhotos .s-widget-orientation,#dialogSharePhotos .s-widget-size,#dialogSharePhotos .s-widget-theme {
	width: 100%;
	height: 1.25rem;
	padding: 0 0 0 0.3125rem;
	margin-bottom: 0.3125rem;
	font-size: 0.75rem;
	border: 0.0625rem solid #2c2c2c;
}

#dialogSharePhotos .widget-code {
	width: 98%;
	min-height: 2.1875rem;
	padding: 0;
	margin-bottom: 0.125rem;
}

#dialogSharePhotos a.widget-preview {
	color: #f59122;
}

a.facebook-upload span,a.twitter-tweet span {
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	margin-left: 0.625rem;
	line-height: 1.6875rem;
}

.text_facebook,.text_twitter {
	background: #a5a5a5;
	border: 0.0625rem solid #2c2c2c;
	font-size: 0.8125rem;
	color: #575757;
	padding-left: 0.625rem;
	padding-bottom: 10rem;
	margin-top: 0.625rem;
	width: 98%;
}

@media screen and (min-width:890px){
	#uploadedImages {
		height: 100%;
		width: auto;
	}
}
@media screen and (max-width:889px){
	#uploadedImages {
		min-height: 23.125rem;
		width: auto;
	}
}
@media screen and (max-width:1245px){
	#ImageHolderToolbar>.nice-toolbar>.large-2,
	#ImageHolderToolbar>.nice-toolbar>.large-10{
		width: 100%;
	}
	/*#ImageHolderToolbar{
		min-height: 88px;
	}*/
}
@media screen and (max-width:1032px){
	#ImageHolderToolbar .content{
		padding-right: 0!important;
	}
}
@media screen and (max-width:1004px){
	/*#ImageHolderToolbar{
		min-height: 120px;
	}*/
}

@media screen and (max-width:1780px) {
	#ManageLayout .large-10 {
		width: 75%;
	}

	#ManageLayout .large-2 {
		width: 25%;
	}
}

@media screen and (max-width:1180px) {
	#ManageLayout .large-10 {
		width: 70%;
	}

	#ManageLayout .large-2 {
		width: 30%;
	}
}

@media screen and (max-width:1018px) {
	#ManageLayout .large-10 {
		width: 65%;
	}

	#ManageLayout .large-2 {
		width: 35%;
	}

	#ImageHolderToolbar a {
		margin: 0 0.625rem 0 0;
		height: 2.1875rem;
		line-height: 2.1875rem;
	}
	#ManageLayout #ImageHolderBox .imageContainer,#ManageLayout #uploadedImages a.upload_images{
		width: 10rem;
	}
	#ImageHolderBox .nice-toolbar .content{
		padding-left: 0;
	}
}

@media screen and (max-width:740px) {
	#ManageLayout .large-10 {
		width: 100%;
	}

	#ManageLayout .large-2 {
		width: 100%;
	}
	#ManageLayout #PreviewBox{
		max-height: 18.75rem!important;
	}
	#ManageLayout #ImageHolderBox .imageContainer,#ManageLayout #uploadedImages a.upload_images{
		width: 8.4375rem;
		height: 9.6875rem;
	}
	/*#ManageLayout #ImageBasket{*/
	/*	margin-bottom: 4.6875rem;*/
	/*}*/
	.rightColumns{
		/*margin-bottom: 4.6875rem;*/
	}
	#ImageBasketBox .content,#ImageBasket{
		height: auto;
		max-height: unset;
	}
	#ImageBasketBox{
		background: none;
	}
	#ImageHolderAdditionalPager{
		background: #1a1a1a;
		margin: 0!important;
	}
}
@media screen and (max-width: 413px) {
	#ManageLayout #ImageHolderBox .imageContainer,#ManageLayout #uploadedImages a.upload_images{
		width: 7.625rem;
	}
}

#ImageBasketBox .basket_command {
	background: #454545;
}

#ImageBasketBox .basket_command ul {
	margin: 0;
	padding: 0.1875rem 0.5rem;
}

#ImageBasketBox .basket_command ul li {
	display: inline-block;
}

#ImageBasketBox .basket_command ul li a {
	display: block;
	color: #cacaca;
	font-size: 0.8125rem;
	vertical-align: middle;
	margin-right: 1.875rem;
}

#ImageBasketBox .basket_command ul li a img {
	margin-right: 0.1875rem;
}

#ImageBasketBox .basket_command ul li a.disabled{
	cursor: default;
	color: #999;
}


@media screen and (max-width: 1023px){
	#ImageBasketBox .basket_command ul li a{
		margin-right: 1.25rem;
	}
}

@media screen and (max-width: 1023px){
	#ImageBasketBox .basket_command ul li a{
		margin-right: 1.25rem;
	}
}

#dialogTags #tAddTag {
	width: 83%;
	background: #a5a5a5;
	color: #373737;
	border: 0.0625rem solid #2c2c2c;
	border-radius: 0.25rem;
	height: 1.5625rem;
	outline: 0;
	padding-left: 0.625rem;
	display: inline;
	font-size: 0.75rem;
}

.de #dialogTags #tAddTag{
	width: 78%;
}
.jp #dialogTags #tAddTag{
	width: 82.5%;
}
.fr #dialogTags #tAddTag{
	width: 80%;
}

#dialogTags #bAddTag {
	display: inline;
	background: #a5a5a5;
	border: 0.0625rem solid #2c2c2c;
	border-radius: 0.25rem;
	margin-bottom: 0.3125rem;
	color: #535353;
	height: 1.5625rem;
	font-size: 0.75rem;
	padding: 0 1.875rem;
	outline: none;
}

.de #dialogTags #bAddTag{
	padding: 0 1.5rem;
}

#dialogTags #tags {
	width: 100%;
	height: 18.75rem;
	background: #373737;
	border: solid 0.0625rem #2c2c2c;
	overflow: auto;
	border-radius: 0.25rem;
	position: relative;
}

#dialogTags #tags table {
	background: #373737;
	border: none;
}

#dialogTags #tags table tr {
	background: #373737;
}

#dialogTags p.intro {
	font-size: 0.75rem;
	color: #ccc;
	margin-bottom: 0.625rem;
}

#dialogTags #tags table td a {
	margin-left: 0.3125rem;
	margin-top: 0.3125rem;
	border-radius: 0;
}

#dialogTags #tags table td a:hover {
	color: #fff;
}

#dialogTags #tags table td:last-child a {
	margin-right: 0.3125rem;
}

#dialogTags #tags table td a.tags-full {
	background: #f59122 url(../images/manage/checkbox_selected_all.png) no-repeat center left;
	color: #fff;
}
#dialogTags #tags table td a.tags-partial {
	background: #535353 url(../images/manage/checkbox_selected.png) no-repeat center left;
	color: #fff;
}
#dialogTags .tags-none {
	background: #535353 url(../images/manage/checkbox_no_selected.png) no-repeat center left;
	color: #fff;
}

#dialogCategories table {
	background: #373737;
	border: none;
}

#dialogCategories table tr {
	background: #373737;
}

#dialogCategories #category {
	width: 100%;
	height: 23.75rem;
	background: #373737;
	border: solid 0.0625rem #2c2c2c;
	overflow: auto;
}

#dialogCategories #category table{
	width: 99%;
}

#dialogCategories #category table td a {
	margin-left: 0.3125rem;
	margin-top: 0.3125rem;
	border-radius: 0;
}

#dialogCategories #category table td a.cates-full {
	background: #f59122 url(../images/manage/checkbox_selected_all.png) no-repeat center left;
	color: #fff;
}

#dialogCategories #category table td a.cates-partial {
	background: #535353 url(../images/manage/checkbox_selected.png) no-repeat center left;
	color: #fff;
}

#dialogCategories .cates-none {
	background: #535353 url(../images/manage/checkbox_no_selected.png) no-repeat center left;
	color: #fff;
}

.simplified,.simplified-folder {
	float: left;
	padding: 1.0625rem!important;
	width: 7.49rem!important;
	height: 7.5rem!important;
	margin: 0.0625rem!important;
	text-align: center;
	color: #fff;
}
#ManageLayout #ImageHolderBox .imageContainer.simplified a img{
	width: 4.6875rem!important;
	height: 4.6875rem!important;
}

.simplified-folder p {
	font-size: 0.75rem;
	margin: 0;
	height: 2rem;
	line-height: 2rem;
}

.simplified .checkbox {
	right: .25rem;
	bottom: .25rem;
}

#dialogMovePhotosTo {
	overflow: hidden;
}

#dialogMovePhotosTo p.choose_folder,#dialogMovePhotosTo p.create_new_folder {
	margin-top: 0.3125rem;
	margin-bottom: 0.3125rem;
	color: #ccc;
	font-size: 0.75rem;
}

#dialogMovePhotosTo .folder-tree .child-folderP{
	margin-left: 1.875rem;
}

/*yvonne 2017-12-7 scroll*/
#dialogMovePhotosTo .folder-tree {
	background: #373737;
	color: #fff;
}
div#fpPhotosDestinationContainer {
	height: 18.875rem;
	max-height: 18.875rem;
	min-height: 18.875rem;
	position: relative;
	border: 0.0625rem solid #2c2c2c;
	border-radius: 0.25rem;
	background: #373737;
}
div#fpPhotosDestination {
	min-height: 100%;
}




#dialogMovePhotosTo .folder-tree .icon-home {
	background: url(../images/manage/Cloud.png) no-repeat center;
	width: 1.9375rem;
}

#dialogMovePhotosTo .folder-tree .icon-private {
	background: url(../images/manage/folder-icon-private.png) no-repeat center center;
	margin-right: 0.625rem;
}

#dialogMovePhotosTo .folder-tree .icon-public {
	background: url(../images/manage/folder-icon-public.png) no-repeat center center;
}

#dialogMovePhotosTo .folder-tree .icon-shared {
	background: url(../images/manage/folder-icon-shared.png) no-repeat center center;
	margin-right: 0.625rem;
}

#dialogMovePhotosTo .folder-tree .w-helper {
	background: 0 0;
}

#dialogMovePhotosTo .folder-tree td.child {
	background: 0 0;
}

#dialogMovePhotosTo .folder-tree td.last-child {
	background: 0 0
}

#dialogMovePhotosTo table {
	background: #373737;
	margin-bottom: 0;
	margin-top: 0.3125rem;
	padding: 0.3125rem;
	border: none;
}

#dialogMovePhotosTo .children  table{
	margin-left: 0.3125rem;
}

/*yvonne 2017-12-7 move to dialog*/
#dialogMovePhotosTo .folder-tree td.child span,#dialogMovePhotosTo .folder-tree td.last-child span,#dialogMovePhotosTo .folder-tree td.root-child span {
	height: 1.75rem;
	display: block;
}

#dialogMovePhotosTo .folder-tree td span.name {
	color: #fff;
	font-size: 0.8125rem;
	margin-left: 0.3125rem;
	padding: 0 0.3125rem;
}

#dialogMovePhotosTo .folder-tree td span.selected {
	background: #5e5e5e;
	padding: 0.125rem;
	margin-left: 0.625rem;
}

#dialogMovePhotosTo input.folderName {
	width: 79.9%;
	background: #a5a5a5;
	color: #373737;
	border: 0.0625rem solid #2c2c2c;
	border-radius: 0.25rem;
	height: 1.5625rem;
	outline: 0;
	padding-left: 0.625rem;
	display: inline;
	font-size: 0.75rem;
}

#dialogMovePhotosTo a.create-new-destination-folder {
	display: inline-block;
	background: #a5a5a5;
	border: 0.0625rem solid #2c2c2c;
	border-radius: 0.25rem;
	margin-bottom: 0.3125rem;
	color: #535353;
	height: 1.5625rem;
	line-height: 1.5625rem;
	font-size: 0.75rem;
	padding: 0 1.5rem;
	position: relative;
	top: 0.0625rem;
}
.de #dialogMovePhotosTo a.create-new-destination-folder{
	padding: 0 1.375rem;
}

.ui-dialog, .ui-dialog{
	outline: none;
	z-index: 999;
}
.ui-dialog .ui-dialog-titlebar-close{
	outline: none;
}
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-dialog-buttonpane {
	width: 100%;
	position: relative;
	right: 0;
	margin: 0;
	bottom: 0;
	padding: 0 0.625rem;
	height: 3.125rem;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	height: 100%;
}
.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane button {
	margin: 0.6875rem 0 0.6875rem 0.375rem;
}
.ui-dialog .ui-dialog-buttonpane button[disabled], .ui-dialog .ui-dialog-buttonpane button[disabled] {
	color: #ccc;
}
#dialogCustomSort #sortArea .imageContainer {
	background: #535353;
	width: 10.875rem;
	height: 10rem;
	padding-top: 0.75rem;
	margin: 0.0625rem;
	border-radius: 0;
	cursor: pointer;
}
#dialogCustomSort #sortArea .imageContainer.photo-selected {
	background: #ccc;
}
#dialogCustomSort #sortArea .imageContainer.photo-selected p.photo-name {
	color: #282828;
}
input[type=text] {
	height: 1.25rem;
	padding: 0;
	border: 0.0625rem solid #2c2c2c;
	margin-bottom: 0.625rem;
}
#dialogLinkToThisPhoto p{
	margin-bottom: 0.3125rem;
}
#uploadedImages a.upload_images{
	background: #2c2c2c;
	width: 10.875rem;
	height: 10.1875rem;
	display: inline-block;
	text-align: center;
	line-height: 10rem;
	margin: 0.0625rem;
}
#uploadedImages a.upload_images img{
	width: 5.875rem;
}
#uploadedImages a.upload_images.simplified{
	background: #2c2c2c;
	display: inline-block;
	text-align: center;
	line-height: 5.25rem;
}
#ImageBasket a.upload_images{
	display: none;
}
#uploadedImages .category-empty{
	text-align: center;
	color: #cacaca;
	font-size: 1rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#uploadedImages .no-category .no-images-title{
	color: #545353;
	font-size: 1.25rem;
}
#uploadedImages .no-category .no-images{
	color: #545353;
	opacity: 0.7;
	font-size: 0.8125rem;
	background: none;
	text-align: center;
	padding-top: 0;
	line-height: 1.125rem;
}

#uploadedImages .keywords-empty{
	text-align: center;
	color: #a1a1a1;
	font-size: 1rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#uploadedImages .no-keywords .no-images-title{
	color: #545353;
	font-size: 1.25rem;
	margin-top: 0.9375rem;
}
#uploadedImages .no-keywords .no-images{
	color: #545353;
	opacity: 0.7;
	font-size: 0.8125rem;
	background: none;
	text-align: center;
	padding-top: 0;
	line-height: 1.125rem;
}

.vakata-context li > a{
	padding-left: 1em;
}

.vakata-context, .vakata-context ul{
	z-index: 9999;
	box-shadow: 0 0.125rem 0.1875rem rgba(0,0,0,.2);
	border: 0.0625rem solid #292929;
	padding: 0;
}

.vakata-context li.vakata-context-separator a{
	background: #5e5e5e;
	border: none;
	margin: 0;
}
.vakata-context li.vakata-context-separator a:hover{
	background: #5e5e5e;
	border: none;
	margin: 0;
}
.vakata-context li > a.vakata-context-parent{
	background-image: url(../images/manage/submenu_next.png);
	margin-right: 0.1875rem;
}

#ManageLayout #ImageHolderBox .imageContainer .moviePlayButton{
	z-index: 0;
}

#ManageLayout #ImageHolderBox .imageContainer.invalidImageContainer .moviePlayButton,
#ManageLayout #ImageHolderBox .imageContainer.simplified.invalidImageContainer .moviePlayButton {
	visibility: hidden;
}

#vakata-dnd{
	text-align: center;
	color: #fff;
	font-size: 0.875rem;
}

.jstree-default .jstree-wholerow{
	height: 1.875rem;
}

#category table td a span.t-name{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
#ManageLayout #ImageHolderBox .imageContainer.droppable-hover
{
	background:#777;
}
.scrollbar-outer{
	overflow: auto;
}

#ImageHolderBox #uploadedImagesParent div.content{
	width: 100%;
}

.ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-content {
	margin: 0;
	padding: 0 0.75rem;
}

.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-title {
	position: unset;
	padding-left: 0.75rem;
	margin: 0;
	display: inline-block;
	line-height: 1.75rem;
}

#dialogSharePhotos {
	margin: 0;
	padding: 0 0.75rem;
}

#dialogSharePhotos .tab-twitter .twitter-actions p.text input{
	width: 98.6%;
	margin-bottom: 0.3125rem;
}
#dialogSharePhotos .tab-twitter .twitter-actions table{
	background: transparent;
	border: none;
	margin-bottom: 0.3125rem;
}
#dialogSharePhotos .tab-twitter .twitter-actions input{
	height: 1.25rem;
	border: 0.0625rem solid #2c2c2c;
}
#dialogSharePhotos .tab-twitter .twitter-actions table td{
	color: #bdbdbd;
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
}
#dialogSharePhotos .tab-twitter .twitter-actions p.url span.url{
	max-width: 39.375rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
#dialogSharePhotos .tab-twitter .twitter-actions .bitly-url span.url{
	margin-left: 0.3125rem;
}
#dialogSharePhotos .tab-twitter .twitter-actions table tr:nth-of-type(even){
	background: transparent;
}
#dialogSharePhotos .tab-twitter .twitter-actions div.preview div.message,
#dialogSharePhotos .tab-twitter .twitter-actions div.preview div.chars-counter{
	height: 2.75rem;
    background: #a5a5a5;
    border: 0.0625rem solid #2c2c2c;
    padding: 0 0.3125rem;
    margin-top: 0;
    color: rgba(0,0,0,0.75);
}
#dialogSharePhotos .tab-twitter .twitter-actions div.preview div.chars-counter{
	width: 8.5625rem;
}
#dialogSharePhotos .tab-twitter .twitter-actions div.preview div.message{
	width: 31.25rem;
	overflow: auto;
}
#dialogSharePhotos .tab-facebook .facebook-actions select{
	height: 1.25rem;
	padding: 0;
	margin-bottom: 0.3125rem;
}
#dialogSharePhotos .tab-twitter .form{
	padding-top: 0;
}

#jstree-dnd .jstree-copy{
	background: url("../images/manage/drag_folder.png") no-repeat;
	height: 2.75rem;
	width: 3.5rem;
	z-index: 10000;
	display: block !important;
	margin-left: 1.5rem;
	margin-top: -4.6875rem;
	color: transparent;
}
#jstree-dnd.jstree-default .jstree-er{
	margin-bottom: 0.3125rem;
}
.jstree-default .jstree-context{
	background: transparent;
	box-shadow: none;
}
.jstree-default .jstree-wholerow-clicked{
	background: #4e4e4e !important;
}
p.no_keywords {
	margin: 0 auto;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    color: #cacaca;
    font-size: 0.8125rem;
	padding: 0.625rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#Categories .jstree-anchor{
	color: #7f7f7f;
}

#ImageHolderBox .scrollbar-outer > .scroll-element.scroll-x,
#ImageBasketBox .scrollbar-outer > .scroll-element.scroll-x{
	display: none;
}

#ManageLayout #ImageHolderBox .imageContainer .wrapper a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-align: center;
}

#ManageLayout #ImageHolderBox .imageContainer .wrapper a img + .processingText {
	display: none;
}
#ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_pending,
#ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_processing {
	z-index: 1;
	width: 100%;
	height: 100%;
}

#ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_pending + .processingText,
#ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_processing + .processingText {
	display: block;
	position: absolute;
	width: 5.5rem;
	height: 1.625rem;
	line-height: 1.5rem;
	top: calc(50% - 0.8125rem);
	left: calc(50% - 2.75rem);
	text-align: center;
	color: #CF6F0B;
	border-radius: 0.125rem;
	font-size: 0.6875rem;
	background: #fff;
	font-weight: bold;
	border: 0.0625rem solid #FBD09E;
	border-radius: 0.125rem;
	z-index: 2;
}

.de #ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_pending + .processingText,
.de #ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_processing + .processingText,
.fr #ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_pending + .processingText,
.fr #ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_processing + .processingText,
.jp #ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_pending + .processingText,
.jp #ManageLayout #ImageHolderBox .imageContainer .wrapper a img.status_processing + .processingText {
	width: 6.25rem;
	left: calc(50% - 3.125rem);
}

#ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_pending + .processingText,
#ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_processing + .processingText {
	width: 3.75rem;
	left: calc(50% - 1.875rem);
	height: 1.25rem;
	top: calc(50% - 0.625rem);
	line-height: 1.125rem;
	font-size: 0.5rem;
}

.de #ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_pending + .processingText,
.de #ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_processing + .processingText,
.fr #ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_pending + .processingText,
.fr #ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_processing + .processingText,
.jp #ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_pending + .processingText,
.jp #ManageLayout #ImageHolderBox .imageContainer.simplified .wrapper a img.status_processing + .processingText {
	width: 4.375rem;
	left: calc(50% - 2.1875rem);
}

#TreeViewBox .jstree-themeicon-custom {
	background-size: 1.5rem!important;
}

@media(max-width: 1465px) {
	.de #ImageHolderToolbar a, .jp #ImageHolderToolbar a,.fr #ImageHolderToolbar a{
		margin: 0 0.625rem 0 0
	}
}
@media(max-width: 1279px) {
	/*#ImageHolderBox .nice-toolbar .content {
		float: left !important;
		padding-left: 0 !important;
	}*/
}

@media only screen and (max-width: 84.375em) {
	.leftColumns {
		max-width: 20rem;
	}
}

@media only screen and (max-width: 75.625em) {
	.leftColumns {
		width: 100% !important;
		height: auto !important;
		max-width: unset;
	}
	.rightColumns {
		width: 100% !important;
		flex-direction: column;
		height: auto !important;
		margin-bottom: 4.5rem;
	}
	#ImageHolderBox {
		height: 37rem !important;
	}
	#privatePhotoInfo {
		flex: 1;
		height: 37rem !important;
		width: 100% !important;
	}
	body{
		max-height: 100% !important;
		overflow: auto;
	}

	.forder_catalog,
	.ImageHolderBox {
		height: 32rem !important;
	}
}
@media(max-width: 1066px){
	.de #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 1018px) and (min-width: 741px){
	.fr #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 957px) and (min-width: 741px){
	.jp #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 890px) and (min-width: 741px){
	.en #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 580px){
	.en #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 580px){
	.en #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 684px){
	.fr #ImageHolderToolbar{
		min-height: 5rem;
	}
}
@media(max-width: 340px){
	.en #ImageHolderToolbar{
		min-height: 7.5rem;
	}
}
@media(max-width: 409px){
	.de #ImageHolderToolbar{
		min-height: 7.5rem;
	}
}
@media(max-width: 390px){
	.fr #ImageHolderToolbar{
		min-height: 7.5rem;
	}
}

@media(max-width: 767px){
	.leftColumns{
		width: 100% !important;
	}
	.rightColumns{
		width: 100% !important;
	}
	body{
		max-height: 100% !important;
	}
}

@media screen and (min-resolution: 240dpi){
	#ManageLayout #Preview {
		display: table;
	}
	#Preview .preview-img {
		display: table-cell;
        vertical-align: middle;
        padding: 0.625rem;
	}
	#Tags table .tag-rename span {
		background: url(../images/manage/edit-tag-15.png) no-repeat scroll center center transparent;
		height: 1.25rem;
		width: 1.125rem;
	}
	#Tags table .tag-delete span {
		background: url(../images/manage/delete-15.png) no-repeat scroll center center transparent;
		height: 1.25rem;
		width: 1.125rem;
	}
	#ImageHolderToolbar a{
		padding-left: 2.5rem;
	}
	#dialogMovePhotosTo .folder-tree td span.name{
		margin-left: 0;
	}
}