/* Tree Grid CSS */
.treegrid-frame {
	font-size: 9pt;
}

.treegrid-header {
	font-size: 8pt;
	border: 0px !important;
}

.treegrid-item {
	border: 0px;
}

.ViewShareGrids {
	margin-top: 8px;
}

.ViewShare .folder-icon-loader,
.ViewShare .folder-icon-loader * {
	width: 0;
	height: 0;
}

.ViewShare .btn {
	width: 70px;
	height: 55px;
	font-size: 12px;
	padding: 0px;
}

.ViewShare .btn.btn-inverse {
	min-height: 55px;
	height: auto !important;
}

.ViewShare .btn-group-sub {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.ViewShare .btn-group-sub a{
	margin-left: 2px;
	margin-right: 2px;
}

.ViewShare .btn-group-sub a i{
	margin-top: 4px;
}

.ViewShare .pre-table-header-text {
	float: right;
	position: relative;
	bottom: -12px;
	text-align: right;
}

.ViewShare .treegrid-actions {
	visibility: hidden;
}

.ViewShare .split-view-button-container {
	padding: 0;
}

.ViewShare .split-view-button-container [class*="span"] {
	height: 85px;
	text-align: center;
}

.ViewShare .split-view-button-container button {
	width: 120px;
}

/* center Split View toggle button vertically */
.ViewShare .split-view-button-container [class*="span"]:nth-child(1) {
	padding-top: 15px;
}

/* center Split View instruction text vertically */
.ViewShare .split-view-button-container [class*="span"]:nth-child(2) {
	display: table;
	padding: 10px;
}

.ViewShare .split-view-button-container [class*="span"]:nth-child(2) > * {
	display: table-cell;
	vertical-align: middle;
}

.ViewShare .right-share-view-container {
	display: none;
}

.dropdown-menu a.disabled,
.dropdown-menu a.disabled:hover {
	cursor: default;
	background-color: #eeeeee;
	color: #999999;
	text-decoration: none;
}

.dropdown-menu a.btn-inverse,
.dropdown-menu a.btn-inverse:hover {
	color: #ffffff;
}

.ViewShare .treegrid-header {
	background-color: #222222;
	color: #ffffff;
}

.ViewShare .treegrid-header-field:nth-child(2) {
	position: static !important;
	float: right !important;
	margin-right: 30px !important;
	width: 100px !important;
}

.ViewShare .treegrid-header-field:nth-child(3) {
	position: static !important;
	float: right !important;
	margin-right: 30px !important;
	width: 125px !important;
}

.ViewShare .treegrid-item-field:nth-child(3){
	cursor: default;
	position: static !important;
	float: right !important;
	display: block !important;
}

.ViewShare .treegrid-item-field:nth-child(n+3){
	cursor: default;
	position: static !important;
	float: right !important;
	display: block !important;
	margin-right: 30px !important;
}

.ViewShare .treegrid-fold ~ .treegrid-item-field:nth-child(4)
{
	display:none !important;
}

.ViewShare .treegrid-unfold ~ .treegrid-item-field:nth-child(5)
{
	margin-right: 168px !important;
}

.ViewShare .treegrid-fold ~ .treegrid-item-field:nth-child(5)
{
	margin-right: 168px !important;
}

.ViewShare .treegrid-unfold ~ .treegrid-item-field:nth-child(4)
{
	display:none !important;
}

.ViewShare .treegrid-fold ~ .treegrid-item-field:nth-child(4)
{
	display:none !important;
}

.ViewShare .treegrid-icons + .treegrid-item-field
{
	cursor: default;
	position: absolute !important;
	float: none !important;
	width: -moz-calc(100% - 357px);
	width: -webkit-calc(100% - 357px);
	width: calc(100% - 357px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ViewShare .treegrid-frame {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ViewShare .share-view-buttons a,
.ViewShare .share-view-buttons .btn-group {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.modal-backdrop {
	z-index: 10000;
}

.modal,
.bootbox {
	z-index: 10001;
}

/* custom bootstrap icons */
.icon-my-cloud-files {
    background-image: url("../../img/icon-my-cloud-files.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-my-local-files {
    background-image: url("../../img/icon-my-local-files.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-my-enterprise-files {
    background-image: url("../../img/icon-my-enterprise-files.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-my-equipment-files-black {
    background-image: url("../../img/action-tractor-black.png");
    background-position: center center;
    width: 48px;
    height: 24px;
}

.icon-my-equipment-files-white {
    background-image: url("../../img/action-tractor-white.png");
    background-position: center center;
    width: 48px;
    height: 24px;
}

.icon-refresh {
    background-image: url("../../img/icon-refresh.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-multi-file {
    background-image: url("../../img/icon-multi-file.png");
    background-position: center center;
}

.icon-send {
    background-image: url("../../img/action-send.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-delete {
    background-image: url("../../img/action-delete.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-download {
    background-image: url("../../img/action-download.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-import {
    background-image: url("../../img/action-import.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-newfolder {
    background-image: url("../../img/action-newfolder.png");
    background-position: center center;
    width: 36px;
    height: 24px;
}

.icon-action-refresh {
    background-image: url("../../img/action-refresh.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}

.icon-rename {
    background-image: url("../../img/action-rename.png");
    background-position: center center;
    width: 42px;
    height: 24px;
}

.icon-split-view {
    background-image: url("../../img/splitview.png");
    background-position: center center;
    width: 48px;
    height: 24px;
}

.icon-single-view {
    background-image: url("../../img/singleview.png");
    background-position: center center;
    width: 48px;
    height: 24px;
}

.icon-convert {
	background-image: url("../../img/convert-icon.png");
    background-position: center center;
    width: 34px;
    height: 24px;
}

.icon-bucket-alert {
    background-image: url("../../img/action-bucket-alert.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}
.icon-audit {
	background-image: url("../../img/action-icon-audit.png");
    background-position: center center;
    width: 24px;
    height: 24px;
}
.ViewShare .share-view-buttons {
	margin-bottom: 20px;
}

.ViewShare .file-action-buttons [class*="span"] {
	text-align: center;
}

.ViewShare .share-view {
	margin-bottom: 20px;
}

.ViewShare .my-enterprise-files-button {
	white-space: normal;
}

.ViewShare .transfer-button {
	display: none;
}

.fancytree-no-background {
	background-color: transparent !important;
}

.tab-for-queue-modal button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
}


.tab-for-queue-modal button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab-for-queue-modal button.active {
    background-color: #ccc;
}