.fs-nav {
	user-select: none;
	margin-top: 6px;
	border: 1px solid #e0e0e0;
	min-height: inherit;
}

.fs-icon-btn {
	padding: 0;
	margin: 0;
	outline: none!important;
	border: 0;
	cursor: pointer;
	transition: opacity 320ms ease;
	background: transparent;
}
.fs-icon-btn:not(:disabled):hover {
	opacity: .6;
}

.fs-icon-btn:disabled svg path {
	fill: #ccc!important;
	cursor: default;
}

.fs-row {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #777;
    border: 1px solid transparent;
    cursor: default;
    outline: none;
    position: relative;	
}

.fs-window {
	overflow-x: auto;
	overflow-y: visible;
}
.fs-list {
	padding: 0 0 90px 0;
}
.fs-list .fs-row:hover {
	background: #e5f3ff;
	border-color: #77ccff;
}
.fs-list .fs-row[data-fs-selected] {
	background: #cce8ff!important;
}
.fs-list .fs-row:focus {
	border-color: #3399ff!important;
}
.fs-list .fs-row[data-fs-selected]:not(hover) + .fs-row[data-fs-selected]:not(:hover) {
	box-shadow: 0 -1px 1px -1px rgba(0,0,128,.3);
}
.fs-list .fs-row.drop-target {
	background-color: #9dd2fd!important;
}
.fs-list.drop-target {
	background-color: rgba(190, 226, 255, .3)!important;
}
.fs-list .fs-row.fs-cutted {
	opacity: .7;
}

.fs-col {
	flex: 0 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 6px;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}

.fs-col-name {
	color: #222;
}
.fs-col-name input { border: 1px solid #000; width: 100%; height: 100%; background: #fff; outline: none; padding: 0 4px; }
.fs-col-size {
	text-align: right;
}
.fs-col-icon {
	flex: none;
	width: 24px;
	padding: 0 3px;
}
.fs-col-icon svg {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: -6px;
}

.fs-col-rze {
	resize: horizontal;
}
.fs-col-name {width: 340px;}
.fs-col-date {width: 120px;}
.fs-col-description {width: 240px;}
.fs-col-size {width: 90px;}


/* Header */
.fs-header {
}
.fs-header .fs-mainbar {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: stretch;
}
.fs-header .fs-mbar-right {
	flex: none;
	padding: 3px 6px;
	font-size: 11px;
}
.fs-header .fs-mbar-left {
	padding: 3px 6px;
	flex: 1;
	overflow-x: hidden;
	overflow-y: visible;
}
.fs-header .fs-mbar-left > * {
	margin-right: 4px;
}
.fs-header .fs-free-space {
	white-space: nowrap;
	line-height: 20px;
	color: #606060;
}
.fs-header .fs-free-space svg {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: -5px;
	fill: #606060;
}
.fs-header .fs-free-space.fs-low-free-space,
.fs-header .fs-free-space.fs-low-free-space svg {
	animation: fs-low-free-space 1s infinite;
}

.fs-header .fs-breadcrumb {
	padding: 2px 9px 5px 9px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    color: #444;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f6f6f6;
}
.fs-header .fs-breadcrumb *:first-child:before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%23222222"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg>');
	display: inline-block;
	vertical-align: -4px;
	height: 13px;
}
.fs-header .fs-breadcrumb a {
	text-decoration: none!important;
	cursor: pointer;
	color: #000;
	margin-right: 1px;
	display: inline-block;
}
.fs-header .fs-breadcrumb a:hover {
	color: #777;
}

/* List Header */
.fs-list-header .fs-row {
	border-bottom: 1px solid #f0f0f0;
}
.fs-list-header .fs-col {
	color: #777;
}

/* Drag & drop */
.fs-drag-handle {
	position: fixed;
	top: -10000px;
	left: -10000px;
	z-index: 1000000;
	white-space: nowrap;
}
.fs-drag-handle span {
	display: inline-block;
	position: absolute;
	top: 38px;
	left: 14px;
	background: #00d;
	color: #fff;
	font-size: 12px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
}
.fs-drag-handle:before {
	position: absolute;
	width: 48px; 
	height: 48px;
	top: 0;
	left: 0;
	content: '';
	z-index: -1;
}
.fs-drag-handle[data-icon="f"]:before {
	background: #fff url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><polygon points="188,292 400,80 828,80 828,943 188,943" fill="%23FFFFFFBB"/><path d="M715.001756 430.579512h-413.596097c-22.078439 0-39.960976-17.882537-39.960976-39.960975s17.882537-39.960976 39.960976-39.960976h413.596097c22.078439 0 39.960976 17.882537 39.960976 39.960976s-17.882537 39.960976-39.960976 39.960975zM715.001756 580.433171h-413.596097c-22.078439 0-39.960976-17.882537-39.960976-39.960976s17.882537-39.960976 39.960976-39.960975h413.596097c22.078439 0 39.960976 17.882537 39.960976 39.960975s-17.882537 39.960976-39.960976 39.960976zM715.001756 730.286829h-413.596097c-22.078439 0-39.960976-17.882537-39.960976-39.960975s17.882537-39.960976 39.960976-39.960976h413.596097c22.078439 0 39.960976 17.882537 39.960976 39.960976s-17.882537 39.960976-39.960976 39.960975zM611.602732 237.767805h-206.798049c-22.078439 0-39.960976-17.882537-39.960976-39.960976s17.882537-39.960976 39.960976-39.960975h206.798049c22.078439 0 39.960976 17.882537 39.960975 39.960975s-17.882537 39.960976-39.960975 39.960976zM700.515902 870.150244h-80.920975c-22.078439 0-39.960976-17.882537-39.960976-39.960976s17.882537-39.960976 39.960976-39.960975h80.920975c22.078439 0 39.960976 17.882537 39.960976 39.960975s-17.882537 39.960976-39.960976 39.960976z" fill="%23444444BB" /><path d="M827.891512 79.921951v863.157073h-639.37561V292.214634L400.808585 79.921951h427.082927m19.980488-79.921951H392.516683c-15.884488 0-31.169561 6.293854-42.358634 17.582829L126.076878 241.564098c-11.288976 11.288976-17.582829 26.474146-17.582829 42.358634V963.059512c0 33.067707 26.873756 59.941463 59.941463 59.941464h679.336586c33.067707 0 59.941463-26.873756 59.941463-59.941464V59.941463c0.099902-33.067707-26.773854-59.941463-59.841561-59.941463z" fill="%23444444" /></svg>') no-repeat;
}
.fs-drag-handle[data-icon="d"]:before {
	background: #fff url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z" fill="%23FFA000" /><path d="M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z" fill="%23DB8B23" /></svg>') no-repeat;
}
.fs-drag-handle[data-icon="b"]:before {
	background: #fff url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z" fill="%23FFA000" /><path d="M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z" fill="%23DB8B23" /><polygon points="188,292 400,80 828,80 828,943 188,943" fill="%23FFFFFF77"/><path d="M715.001756 430.579512h-413.596097c-22.078439 0-39.960976-17.882537-39.960976-39.960975s17.882537-39.960976 39.960976-39.960976h413.596097c22.078439 0 39.960976 17.882537 39.960976 39.960976s-17.882537 39.960976-39.960976 39.960975zM715.001756 580.433171h-413.596097c-22.078439 0-39.960976-17.882537-39.960976-39.960976s17.882537-39.960976 39.960976-39.960975h413.596097c22.078439 0 39.960976 17.882537 39.960976 39.960975s-17.882537 39.960976-39.960976 39.960976zM715.001756 730.286829h-413.596097c-22.078439 0-39.960976-17.882537-39.960976-39.960975s17.882537-39.960976 39.960976-39.960976h413.596097c22.078439 0 39.960976 17.882537 39.960976 39.960976s-17.882537 39.960976-39.960976 39.960975zM611.602732 237.767805h-206.798049c-22.078439 0-39.960976-17.882537-39.960976-39.960976s17.882537-39.960976 39.960976-39.960975h206.798049c22.078439 0 39.960976 17.882537 39.960975 39.960975s-17.882537 39.960976-39.960975 39.960976zM700.515902 870.150244h-80.920975c-22.078439 0-39.960976-17.882537-39.960976-39.960976s17.882537-39.960976 39.960976-39.960975h80.920975c22.078439 0 39.960976 17.882537 39.960976 39.960975s-17.882537 39.960976-39.960976 39.960976z" fill="%2344444477" /><path d="M827.891512 79.921951v863.157073h-639.37561V292.214634L400.808585 79.921951h427.082927m19.980488-79.921951H392.516683c-15.884488 0-31.169561 6.293854-42.358634 17.582829L126.076878 241.564098c-11.288976 11.288976-17.582829 26.474146-17.582829 42.358634V963.059512c0 33.067707 26.873756 59.941463 59.941463 59.941464h679.336586c33.067707 0 59.941463-26.873756 59.941463-59.941464V59.941463c0.099902-33.067707-26.773854-59.941463-59.841561-59.941463z" fill="%2344444477" /></svg>') no-repeat;
}


/* Modal */
.fs-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000000;
}

.fs-dialog-content {
    background-color: white;
    padding: 16px;
    border-radius: 4px;
    width: 360px;
    max-width: 100%;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
}
.fs-dialog-content p {
	text-align: center;
}
.fs-dialog-content div {
	margin-bottom: 8px;
}
.fs-dialog-buttons {
	margin: 18px 0 0 0 ;
	padding: 18px 0 0 0;
	border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    flex-flow: row wrap;
}
.fs-dialog-btn {
    padding: 6px 9px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: opacity .3s ease;
    color: #fff;
    opacity: 1;
    outline: none!important;
}
.fs-dialog-btn.cancel {
    background-color: #f44336;
    margin-right: auto;
}
.fs-dialog-btn.rename {
    background-color: #0D6EFD;
}
.fs-dialog-btn.overwrite {
    background-color: #C39919;
}
.fs-dialog-btn:hover {
    opacity: .7;
}

.fs-upload-list {
    border: 0 solid #aaa;
    border-width: 1px 0;
    overflow-y: auto;
    overflow-x: visible;
    max-height: 0;
    transition: max-height ease .4s;
}
.fs-upload-list.show {
    max-height: 230px;
}
.fs-upload-list .fs-upload-item {
    border-bottom: 1px dotted rgba(0,0,0,.05);
    padding: 14px 0 16px 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: stretch;
}
.fs-upload-list .fs-upload-item:last-child {
	border-bottom: none;
}
.fs-upload-list .fs-upprogress {
	background: #e0e0e0;
	margin: 4px 0;
}
.fs-upload-list .fs-upprogressbar {
    width: 0%;
    height: 8px;
	background-color: #4285f4;
	transition: width 1s ease;
}

.fs-upload-list .fs-upload-item[data-current-state=failed] .fs-upprogress,
.fs-upload-list .fs-upload-item[data-current-state=failed] .fs-upprogressbar { background-color: #ff4c4c;}
.fs-upload-list .fs-upload-item[data-current-state=finished] .fs-upprogress,
.fs-upload-list .fs-upload-item[data-current-state=finished] .fs-upprogressbar { background-color: #4caf50;}
.fs-upload-list .fs-upload-item[data-current-state=cancelled] .fs-upprogress {display: none;}

.fs-upload-list .fs-upfile {
	flex: 1;
	width: 100%;
    padding: 0px 9px
}
.fs-upload-list .fs-upmeta {
	flex: 1;
    display: flex;
    flex-flow: row nowrap;
    column-gap: 12px;
    align-items: baseline;
    justify-content: stretch;
}
.fs-upload-list .fs-upmeta .fs-upname {
	flex: 1;
	width: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fs-upload-list .fs-upmeta .fs-upsize {
	flex: none;
	font-size: 11px;
	font-weight: bold;
}
.fs-upload-list .fs-upmeta .fs-upstate {
	flex: none;
	margin-left: auto;
	font-size: 11px;
}
.fs-upload-list .fs-upmeta .fs-upbuttons {
	flex: none;
	padding: 0 0 0 9px;
}
.fs-upload-list .fs-upbuttons {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	column-gap: 9px;
	padding: 0 9px;
}
.fs-upload-list .fs-upbuttons button {
    padding: 1px;
    margin: 0;
    outline: none;
    border: 0;
    cursor: pointer;
    transition: background ease 320ms;
    display: none;
}
.fs-upload-list .fs-upbuttons button svg {
	display: block;
	width: 19px;
	height: 19px;
}
.fs-upload-list .fs-upbuttons button.fs-upbtn-cancel { background: #dc3545; }
.fs-upload-list .fs-upbuttons button.fs-upbtn-cancel:hover { background: #b21f3a; }
.fs-upload-list .fs-upbuttons button.fs-upbtn-cancel svg { fill: #fff; }

.fs-upload-list .fs-upbuttons button.fs-upbtn-clear { background: #fff; }
.fs-upload-list .fs-upbuttons button.fs-upbtn-clear:hover { background: #f0f0f0; }
.fs-upload-list .fs-upbuttons button.fs-upbtn-clear svg { fill: #444; }

.fs-upload-list .fs-upload-item[data-current-state=waiting] button[data-fs="file-upload-cancel"],
.fs-upload-list .fs-upload-item[data-current-state=uploading] button[data-fs="file-upload-cancel"] {
	display: block;
}
.fs-upload-list .fs-upload-item[data-current-state=failed] button[data-fs="file-upload-clear"],
.fs-upload-list .fs-upload-item[data-current-state=cancelled] button[data-fs="file-upload-clear"],
.fs-upload-list .fs-upload-item[data-current-state=finished] button[data-fs="file-upload-clear"] {
	display: block;
}
.fs-upload-tracker {
	display: none;
	white-space: nowrap;
	padding: 0px 5px 2px 4px;
	border-radius: 3px;
	color: #444;
	background: #e3f2fd;
	cursor: pointer;
	transition: background ease 200ms;
}
.fs-upload-tracker:hover {
	background: #bbdefb;
}
.fs-upload-tracker.up-active {display: inline-block;}
.fs-upload-tracker > svg { transform-origin: center; fill: #66bb6a ; }
.fs-upload-tracker.up-sending > svg { animation: fs-pulse 1.3s infinite ease-in-out; fill: #f57c00; }
.fs-upload-tracker.up-failed > svg { fill: #f44336 ; }
.fs-upload-tracker-text {
	white-space: nowrap;
	font-size: 11px;
}
.fs-upload-tracker-clear {
    margin-left: 8px;
    display: none;
    border: 0 solid #000;
    vertical-align: -4px;
    background: transparent;
    padding: 1px;
    border-radius: 7px;
    transition: all ease 120ms;
}
.fs-upload-tracker-clear:hover { background: #fff; }
.fs-upload-tracker-clear svg { fill: #444; display: block; }
.fs-upload-tracker-clear:hover svg { fill: #000; }
.fs-upload-tracker.has-complete .fs-upload-tracker-clear {display: inline-block;}

.fs-context-menu {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	z-index: 1000000000;
	font-family: sans-serif;
	font-size: 13px;
	background: #eee;
	display: none;
}
.fs-context-menu .fs-context-item {
	padding: 5px 12px;
	cursor: default;
	user-select: none;
	min-width: 120px;
}
.fs-context-menu .fs-context-separator {
	height: 0;
	border-top: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid #fff;
	margin: 2px 0;
}

.fs-context-menu .fs-context-item:hover:not([disabled=disabled]) {
	background-color: #fff;
}

.fs-context-menu [disabled=disabled] {
	color: #aaa;
	pointer-events: none;
}

/* Sort */
.fs-row .fs-col[data-fs-sort] {
}
.fs-row .fs-sort {
    display: none;
    width: 16px;
    height: 20px;
    vertical-align: -3px;
    margin-left: 1px;
}
.fs-row .fs-sort:after {
	width: 16px;
	height: 16px;
	display: block;
}
.fs-row[data-fs-dir=desc] .fs-sort {vertical-align: -4px;}
.fs-row[data-fs-dir=asc] .fs-sort:after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%231f1f1f"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>');
}
.fs-row[data-fs-dir=desc] .fs-sort:after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="%231f1f1f"><path d="M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487h-80Z"/></svg>');
}

.fs-row[data-fs-order=name] .fs-col[data-fs-sort=name] {color: #555;}
.fs-row[data-fs-order=name] .fs-col[data-fs-sort=name] .fs-sort {display: inline-block;}
.fs-row[data-fs-order=date] .fs-col[data-fs-sort=date] {color: #555;}
.fs-row[data-fs-order=date] .fs-col[data-fs-sort=date] .fs-sort {display: inline-block;}
.fs-row[data-fs-order=description] .fs-col[data-fs-sort=description] {color: #555;}
.fs-row[data-fs-order=description] .fs-col[data-fs-sort=description] .fs-sort {display: inline-block;}
.fs-row[data-fs-order=size] .fs-col[data-fs-sort=size] {color: #555;}
.fs-row[data-fs-order=size] .fs-col[data-fs-sort=size] .fs-sort {display: inline-block;}
	

	
/* Efeitos */
.fs-list .fs-row[data-fs-updating="true"]:after {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.2), rgba(255,255,255,.2), rgba(0,0,0,.2));
	background-size: 200% 100%;
	animation: fs-updating 1s linear infinite;
	content: "";
}
@keyframes fs-updating {
	0% {
        background-position: 200% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}
@keyframes fs-pulse {
  0% {transform: scale(1); opacity: 1;}
  90% {transform: scale(1.2); opacity: 1;}
  100% {transform: scale(1.6); opacity: 0.1;}
}
@keyframes fs-low-free-space {
	0%, 49%, 100% { color: #606060; fill: #606060; opacity: .4; }
	50%, 99% { color: #ff0000; fill: #ff0000; opacity: 1; }
}