.folder-tree-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.folder-tree-container {
    color: #595959;
    position: relative;
}

.folder-tree-container .expandedIcon {
	background:
		url("/Dashboard/icons/FolderTree/caret-down.svg")
		no-repeat center;
	border-radius: 50%;
	border: 1px solid grey;
	padding: 10px;
}

.folder-tree-container .rightArrow {
	background:
		url("/Dashboard/icons/FolderTree/caret-right.svg")
		no-repeat center;
	border-radius: 50% !important;
	border: none;
	padding: 17px;
	background-size: 45px;
}

.folder-tree-container .rightArrow[disabled] {
	background:
		url(/Dashboard/icons/browserCapture/starting-page-icons/right_arrow_highlight.svg)
		no-repeat center;
	border-radius: 50% !important;
	padding: 17px;
	background-size: 45px;
	background-color: var(--btn-default-disabled-background, #C2BBCF)
		!important;
	color: var(--btn-default-disabled-text, #54476B) !important;
	border: none !important;
}

.folder-tree-container .ztree li span.button.root_open {
	background-image: none !important;
    background-color: transparent !important;
	display: none !important;
}

.folder-tree-container .leftArrow {
	background:
		url("/Dashboard/icons/browserCapture/starting-page-icons/left_arrow.svg")
		no-repeat center;
	border-radius: 50% !important;
	border: none;
	padding: 17px;
	background-size: 45px;
}

.folder-tree-container .leftArrow[disabled] {
	background:
		url(/Dashboard/icons/browserCapture/starting-page-icons/left_arrow_highlight.svg)
		no-repeat center;
	border-radius: 50% !important;
	border: none;
	padding: 17px;
	background-size: 45px;
	background-color: var(--btn-default-disabled-background, #C2BBCF)
		!important;
	color: var(--btn-default-disabled-text, #54476B) !important;
	border: none !important;
}

.folder-tree-container .inputChooserButtonDisabled .cameraButtonIcon {
	background:
		url("/Dashboard/icons/browserCapture/starting-page-icons/camera_black.svg")
		no-repeat center !important;
	background-size: contain;
}

.folder-tree-container .loc-tree .ztree li span.button.roots_open,
.folder-tree-container .loc-tree .ztree li span.button.center_open,
.folder-tree-container .loc-tree .ztree li span.button.bottom_open {
	background-image:
		url("/Dashboard/icons/FolderTree/caret-down.svg");
	background-repeat: no-repeat;
	background-position: center center;
	height: 28px !important;
	width: 24px !important;
	background-size: 20px;
	margin: 4px 0px 0px -3px;
}

.folder-tree-container .loc-tree .ztree li span.button.roots_close,
.folder-tree-container .loc-tree .ztree li span.button.center_close,
.folder-tree-container .loc-tree .ztree li span.button.bottom_close {
	background-image:
		url("/Dashboard/icons/FolderTree/caret-right.svg");
	background-repeat: no-repeat;
    background-position: center center;
	height: 28px !important;
	width: 24px !important;
	background-size: 20px;
	margin: 4px 0px 0px -3px;
}

.folder-tree-container .loc-tree .ztree li span.button.no-background {
	background-image: none !important;
	pointer-events: none;
}

.folder-tree-container .ztree li span.button.ico_open+span {
	font-weight: 700;
}

.folder-tree-container .ztree li span.button.ico_open,
.folder-tree-container .ztree li span.button.ico_close {
	background-image: url("") !important;
	background-repeat: no-repeat;
	background-position: inherit;
	display: none !important;
}

.folder-tree-container .ztree li.level1 > a.level1 > span.button.ico_open,
.folder-tree-container .ztree li.level1>a.level1>span.button.ico_close {
	background-image: url("/Dashboard/icons/FolderTree/folder.svg") !important;
	display: inline-block !important;
	width: 20px !important;
	margin-right: 7px !important;
	margin-top: 2px !important;
}

.folder-tree-container .ztree li span.button.chk.radio_false_full,
	.folder-tree-container .ztree li span.button.chk.radio_false_full_focus
	{
	background-image:
		url("../../../Dashboard/icons/folderStructure/unselected_check.png");
	background-repeat: no-repeat;
	background-position: inherit;
}

.folder-tree-container .ztree li span.button.chk.radio_true_full,
	.folder-tree-container .ztree li span.button.chk.radio_true_full_focus
	{
	background-image:
		url("../../../Dashboard/icons/folderStructure/selected_check.png");
	background-repeat: no-repeat;
	background-position: inherit;
}

.folder-tree-container .ztree li span.button.chk.radio_false_part,
	.folder-tree-container span.button.chk.radio_false_part_focus {
	/* 	This is when the descendent checkbox in the folder structure is selected and we must display a 'partial' selection of its ancestors for better visual representation of the situation */
	background-image:
		url("../../../Dashboard/icons/folderStructure/partial_selected_check.png");
	background-repeat: no-repeat;
	background-position: inherit !important;
}

.folder-tree-container .ztree li span.button {
	height: 20px !important;
	width: 3px !important;
}

.folder-tree-container .loc-tree, .loc-selected {
	color: black;
	border: 1px solid #c1c1c1;
	border-radius: 4px !important;
}

.folder-tree-container .left, .folder-tree-container .right {
	flex: 8;
	margin-top: 6px;
}

.folder-tree-container .right {
	text-align: start !important;
}

.folder-tree-container-desc-container {
	padding: 0px 20px;
}

.folder-tree-container .middle {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-left: 5px;
	padding-right: 5px;
}

.folder-tree-container .magnify-btn-icon {
	background-image:
		url(/Dashboard/style/svgicons/media-chooser/MagnifyingGlass.svg);
	margin-top: 3px;
}

.folder-tree-container-desc {
	font-weight: 400;
	font-size: 15px;
	line-height: 17.9px;
	letter-spacing: 0%;
	color: #6B6B6B;
}

.folder-tree-container .loc-tree {
	padding: 0px;
	width: 100%;
	max-height: 22.5em;
	min-height: 22.5em;
	margin-bottom: 3px;
}

.folder-tree-container .loc-selected {
	overflow: auto;
	min-height: 26.5em;
	max-height: 26.5em;
	width: 22vw;
	max-width: 550px;
	margin-bottom: 3px;
}

.pub-footer.modal-footer .btn.dismisscolor {
	color: var(--btn-secondary-color, #0B6F85) !important;
	border: 2px solid var(--btn-secondary-color, #0B6F85);
	background-color: var(--btn-secondary-background-color, #fff);
}

.folder-tree-container .btn.AddColor {
	color: var(--btn-primary-color, #0277AD) !important;
	font-weight: bolder;
	border: 2px solid var(--btn-secondary-color, #0277AD);
	background-color: var(--btn-secondary-background-color, #fff);
}

.folder-tree-container .btn.AddColor:hover, .folder-tree-container .btn.AddColor:focus
	{
	background-color: var(--btn-primary-color, #0277AD) !important;
	color: var(--btn-primary-background-color, #FFF) !important;
	outline: none !important;
}

.folder-tree-container .btn.defaultcolor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.pub-footer.modal-footer .btn.defaultcolor {
	color: var(--btn-default-inner-text-color, #42296E);
	border: 2px solid var(--btn-default-color, #42296E) !important;
	background-color: var(--btn-default-background-color, #FFF) !important;
	margin-top: -2px;
}

.folder-tree-container #location-modal-content .closeButton {
	visibility: hidden;
}

.pub-footer.modal-footer .btn.dismisscolor:hover, .pub-footer.modal-footer .btn.dismisscolor:focus
	{
	background-color: var(--btn-secondary-color, 0B6F85) !important;
	color: var(--btn-secondary-background-color, #FFF) !important;
	outline: none !important;
}

.pub-footer.modal-footer .btn.defaultcolor:hover {
	/* Invert on hover */
	color: var(--btn-default-background-color, #fff) !important;
	background-color: var(--btn-default-color, #42296E) !important;
}

.pub-footer.modal-footer .btn.defaultcolor>svg {
	stroke: var(--btn-default-color, #42296E) !important;
}

.folder-tree-container .btn.danger-outline {
	color: var(--btn-warn-color, #d9534f) !important;
	font-weight: bolder;
	border: 2px solid var(--btn-warn-color, #d43f3a);
	background-color: var(--btn-secondary-background-color, #fff);
	margin-top: 5px;
}

.folder-tree-container .btn.danger-outline:hover,
	.folder-tree-container .btn.danger-outline:focus {
	background-color: var(--btn-warn-color, #d9534f) !important;
	color: var(--btn-secondary-background-color, #FFF) !important;
	outline: none !important;
}

.folder-tree-container .btn.danger-outline[disabled] {
	background-color: var(--btn-warn-disabled-background, #E8AEBE)
		!important;
	color: var(--btn-warn-disabled-text, #9E002A) !important;
	border: none !important;
	font-weight: bolder;
	margin-top: 5px;
	height: 37px;
}

.folder-tree-container .btn.danger-outline>svg {
	stroke: var(--btn-default-color, #d9534f) !important;
}

.folder-tree-container #folderList {
	list-style-type: none;
	padding: 0;
}

.folder-tree-container #location-modal-diag {
	height: 48em;
	width: 50vw;
}

.folder-tree-container {
	font-size: 15px;
}

.folder-tree-container #location-modal-diag {
	max-width: none;
}

.folder-tree-container #location-modal-content {
	width: 100%;
	overflow: none;
}

.folder-tree-container #selectFolderTree {
	overflow-x: hidden;
	max-height: 22.2em;
	scrollbar-color: unset;
	overflow-y: auto;
}

.loc-footer-btn {
	margin-bottom: 2px;
}

::-webkit-scrollbar {
	height: 10px;
	width: 10px
}

.folder-tree-container .publishTextBox li {
	background: rgba(2, 119, 173, 0.1);
	padding: 6px 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: rgb(2, 119, 173);
	font-size: 13px;
	font-weight: 300;
	width: 258px;
}

.folder-tree-container .date-range-container .input-group {
	display: inline-flex !important;
	width: 200px;
}

.folder-tree-container .datepicker-button {
	background-color: white !important;
}

.folder-tree-container .datepicker-calendar-icon {
	content: url("/Dashboard/icons/newCalendarIcon.png") !important;
	width: 18px !important;
	height: 18px !important;
}

.folder-tree-container input#visibleDate, .folder-tree-container input#invisibleDate
	{
	font-size: 1em;
	width: 100% !important;
	border: none;
	text-align: left;
}

.folder-tree-container .input-daterange .input-group {
	border: 1px solid #6F6F6F;
	border-radius: 4px !important;
}

.folder-tree-container .publishTextBox .folderListItemRemove {
	padding: 3px;
	cursor: pointer;
}

.folder-tree-container .ztree li a {
	margin-top: 4px !important;
    width: calc(100% - 20px);
    height: 28px !important;
    padding-top: 2px !important;
	padding-left: 5px !important;
	color: #0F172B !important;
}

.folder-tree-container #searchbutton {
	border: none;
	background: none;
}

.folder-tree-container .ztree li span {
	font-size: 14px;
	line-height: 24px;
}

.folder-tree-container .ztree li span.node_name {
	display: inline-block;
	max-width: calc(100% - 120px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.folder-tree-container .left {
	width: 100%;
}

@media screen and (max-width: 700px) {
	.folder-tree-container {
		overflow-x: scroll !important;
	}
	.folder-tree-container .loc-tree {
		max-width: 585px !important;
	}
	.left {
		width: auto !important;
	}
}

.folder-tree-container .search_field {
	display: flex;
	width: 100%;
	border: 1px solid #c1c1c1;
	padding: 3px;
	border-radius: 4px !important;
}

.folder-tree-container .search_field_icon {
	height: 24px;
	margin-top: -4px;
	color: lightgrey;
}

#location-modal-content .modal-footer {
	margin-top: 15.4vh;
}

.folder-tree-container #modal-wrapper {
	z-index: 2000
}

.folder-tree-container .modal-content-top-text {
	font-size: 1.2em;
	color: grey;
}

#location-modal-content .modal-title {
	font-size: 20px;
}

.folder-tree-container .ztree li a.curSelectedNode {
	background-color: transparent !important;
	border: none !important;
	opacity: 1 !important;
}

.folder-tree-container .ztree li a.no-videos {
	pointer-events: none;
	opacity: 0.8 !important;
}

.folder-tree-container .rightArrow:hover {
	background:
		url(/Dashboard/icons/browserCapture/starting-page-icons/right_arrow_highlight.svg)
		no-repeat center;
	background-color: #42296e;
	padding: 17px;
	background-size: 47px;
}

.folder-tree-container .leftArrow:hover {
	background:
		url(/Dashboard/icons/browserCapture/starting-page-icons/left_arrow_highlight.svg)
		no-repeat center;
	background-color: #42296e;
	padding: 17px;
	background-size: 47px;
}

.folder-tree-container .loadMoreArrow {
	background:
		url("/Dashboard/icons/browserCapture/starting-page-icons/load_more_icon.svg")
		no-repeat center;
	border-radius: 50% !important;
	border: 1px solid grey !important;
	padding: 12px !important;
	background-size: 32px !important;
}

.folder-tree-container .loadMoreArrow:hover {
	background:
		url(/Dashboard/icons/browserCapture/starting-page-icons/load_more_icon_filled.svg)
		no-repeat center;
	background-color: #42296e;
}

::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.folder-tree-container #filterButton {
	background: none;
	border: none;
	height: 30px;
	margin-top: 4px;
}

.folder-tree-container .filter-button.selected {
	background-image:
		url(/Dashboard/style/svgicons/media-chooser/Sliders-selected.svg);
}

.folder-tree-container .filter-icon {
	height: 95%;
	width: 1.4em;
}

.folder-tree-container .search-filter-container {
	display: flex;
}

.folder-tree-container .filter-container {
	box-shadow: 4.21732px 3.16299px 31.6299px rgba(0, 0, 0, 0.1);
	border-radius: 10.38031px 10.38031px 10.38031px 10.38031px !important;
	border-radius: 50%;
	position: absolute;
	background: white;
	width: 242px;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	z-index: 10000;
	margin-top: 40px;
	padding: 10px;
	display: none;
	color: black;
}

.folder-tree-container .additional-container {
	border-radius: 50%;
	position: absolute;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	z-index: 10000;
	margin-top: 40px;
	display: none;
	color: black;
	margin-top: -5px;
}

.folder-tree-container .filter-selection1, .filter-selection2,
	.filter-selection3 {
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.folder-tree-container .filter-selection1 .filter-text,
	.filter-selection2 .filter-text, .filter-selection3 .filter-text {
	margin-left: 10px;
	width: 152px;
}

.folder-tree-container .filter-selection1 .filter-icon,
	.filter-selection2 .filter-icon, .filter-selection3 .filter-icon {
	margin-left: 20px;
}

.folder-tree-container .filter-selection1 input[type="checkbox"],
	.filter-selection2 input[type="checkbox"], .filter-selection3 input[type="checkbox"]
	{
	accent-color: #0b6f85 !important;
	transform: scale(1.7);
}

.folder-tree-container .filter-options {
	list-style-type: none;
	padding: 0;
	display: none;
	padding-left: 6px;
	word-break: break-word;
}

.folder-tree-container .additional-options {
	list-style-type: none;
	padding: 0;
	display: none;
	padding-left: 6px;
}

.folder-tree-container .MoreOptions {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.folder-tree-container .filter-container .filter-options::after {
	content: "";
	position: absolute;
	top: -4%;
	left: 7%;
	offset-rotate: reverse;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
}

.folder-tree-container .additional-container .additional-options::after
	{
	content: "";
	position: absolute;
	top: -4%;
	left: 7%;
	offset-rotate: reverse;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
}

.folder-tree-container .added-folder-selected {
	border: 1px solid #bdb3b3;
	background-color: #eeeeee;
}

.folder-tree-container #selectAll {
	margin-top: 5px;
	width: 82px;
	height: 36px;
}

.folder-tree-container #clearAll, .folder-tree-container #save-btn,
	.folder-tree-container #close-btn, .folder-tree-container #selectAll
	{
	width: 79px !important;
	padding: 6px 0px !important;
}

.folder-tree-container #save-btn {
	margin-top: 0px !important;
}

.folder-tree-container .location-title {
	color: black;
	margin: 0px;
	font-size: 1.2em;
}

.folder-tree-container .pub-title {
	font-size: 20px;
	margin-bottom: 8px;
	color: black;
}

.folder-tree-container {
	margin-top: 5px;
}

.folder-tree-container #additionalButton {
	min-height: 30px;
	overflow: hidden;
	text-shadow: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	color: var(--btn-default-inner-text-color, #42296E);
	border: 2px solid var(--btn-default-color, #42296E) !important;
	background-color: var(--btn-default-background-color, #FFF) !important;
	border-radius: 5px !important;
}

.folder-tree-container .horizontal-line {
	width: 100%;
	height: 1px;
	background-color: lightgray;
	margin-bottom: 17px;
	margin-top: 16px;
}

.close-filter {
	background: url('/Dashboard/style/svgicons/publish-times-icon.svg');
	background-repeat: no-repeat;
	height: 10px !important;
	background-position: center center;
	border: none;
	float: right;
}

@media screen and (max-width: 993px) {
	.invisiblediv {
		margin-left: -262px !important;
	}
}

@media screen and (max-width: 598px) {
	.invisiblediv {
		margin-left: 45px !important;
	}
	.folder-tree-container .date-range-container .input-group {
		display: inline-flex !important;
		width: 177px !important;
	}
}

.filter-container .disableMedia {
	display: none !important;
}

.folder-tree-containerHide {
	display: none !important;
}

@media screen and (max-width: 320px) {
	.folder-tree-container {
		overflow-y: scroll;
	}
	.folder-tree-container #selectFolderTree {
		height: 100px;
	}
	.folder-tree-container .loc-selected {
		min-height: 100px;
	}
	.folder-tree-container #loc-tree {
		min-height: 160px !important;
		max-width: 250px;
		width: 250px !important;
	}
	.folder-tree-container .right .loc-selected {
		max-width: 250px;
		width: 250px !important;
	}
	.folder-tree-container {
		flex-direction: column;
	}
	.folder-tree-container .middle div {
		margin: 0px !important;
	}
	.modal-footer.pub-footer {
		margin-top: 0px !important;
	}
}

ul.custom-tree-skeleton {
    list-style: none;
    padding-left: 0;
    font-family: Arial, sans-serif;
}

ul.custom-tree-skeleton li {
    margin: 6px 0;
    position: relative;
}

ul.custom-tree-skeleton li::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 12px;
    width: 10px;
    height: 1px;
}

ul.custom-tree-skeleton li.custom-tree-parent::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    top: 7px;
}

ul.custom-tree-skeleton ul {
    padding-left: 20px;
}

.ztree-skeleton-line {
    display: inline-block;
    height: 12px;
    background: linear-gradient(90deg, #eee, #ddd, #eee);
    border-radius: 3px;
}

.line-short {
    width: 60%;
}

.line-medium {
    width: 80%;
}

.line-long {
    width: 95%;
}

ul.custom-tree-skeleton li::marker {
    content: none;
}

.folder-tree-container .ztree-loading-child:not(#tree-skeleton-loader) {
    padding-top: 5px !important;
	padding-left: 22px !important;
}

.folder-tree-container #tree-skeleton-loader.ztree-loading-child {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 18px;
}

.folder-tree-container .ztree li,
.folder-tree-container .ztree li {
    margin: 6px 0px;
}

.folder-tree-container .ztree li.checkedNode>span,
.folder-tree-container .ztree li.checkedNode>a {
    background-color: #F3F6FC !important;
}

.folder-tree-container #selectFolderTree_1_a {
	display: none !important;
}

#selectFolderTree_1_ul.level0 {
	padding-left: 10px !important;
}

.folder-tree-container .ztree span.video-count-badge {
	display: inline-block;
	margin-left: 5px;
	float: right;
	width: fit-content;
}

.folder-tree-container .ztree span.video-count-badge > .react-common-badge {
	padding: 0 8px !important;
	height: 24px !important;
	font-weight: 500 !important;
	color: #344054 !important;
}

.folder-tree-container .ztree li ul.line {
	background: none !important;
}