
/*DOCUMENT*/

* {
	box-sizing: border-box;
	position: relative;
}

.template {
	display: none;
}

.btn,
.big-btn,
.btn-borderless {
	font-size: 14px;
	font-weight: normal;
	font-family: Helvetica Neue;
	box-shadow: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	border: none;
	white-space: nowrap;
	text-align: center;
	user-select: none;
}

.btn {
	background-color: #fefffe;
	color: #252625;
	box-shadow: 0px 1px 0px 0px #c1c2c1;
}

.btn-borderless {
	padding: 1px 7px 1px 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*font-size: 20px;*/
	margin-left: 0.10em;
	margin-right: 0.10em;
	align-items: center;
	min-width: 38px;
}

.btn-borderless:hover {
	background-color: rgba(0,0,0, 0.05);
}

.btn.toggle_collapsed {
	/*padding: 7px 1px 7px 1px;*/
}

.btn.disabled,
.btn-borderless.disabled,
.big-btn.disabled {

}

.big-btn {
	/*font-size: 20px;*/
	padding: 7.5px;
	border-radius: 15px;
	margin: 0.5em;
	min-width: 35px;
	min-width: 120px;
}

.big-btn.accent-color {
	color: var(--font-color);
	background-color: var(--accent-color);
}

.row.spaced-children > * {
	margin-right: 0.25rem;
	margin-left: 0.25rem;
}

.row.spaced-children > *:first-child {
	margin-left: unset
}


.col.spaced-children > * {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.col.spaced-children > *:first-child {
	margin-top: unset;
}

.svg-icon {
	/*padding: 5px;*/
}

.icon {
	position: relative;
}

.svg-icon circle,
.svg-icon text,
.svg-icon rect,
.svg-icon path {
	color: var(--font-color);
	fill: var(--font-color);
	stroke: var(--font-color);
}

.svg-icon.status-icon.valid text,
.svg-icon.status-icon.valid circle,
.svg-icon.status-icon.valid rect,
.svg-icon.status-icon.valid path {
	color: var(--valid-color);
	fill: var(--valid-color);
	stroke: var(--valid-color);
}

.svg-icon.status-icon.invalid text,
.svg-icon.status-icon.invalid circle,
.svg-icon.status-icon.invalid rect,
.svg-icon.status-icon.invalid path {
	color: var(--invalid-color);
	fill: var(--invalid-color);
	stroke: var(--invalid-color);
}

.svg-icon.status-icon.clamped text,
.svg-icon.status-icon.clamped circle,
.svg-icon.status-icon.clamped rect,
.svg-icon.status-icon.clamped path {
	color: orange;
	fill:  orange;
	stroke: orange;
}

/*
.svg-icon.chain-indicator.on,
.svg-icon.loop-indicator.on,
.svg-icon.shuffle-indicator.on,
.svg-icon.cue-indicator.on {
	color: var(--accent-color);
}*/

.svg-icon.chain-indicator.on path,
.svg-icon.loop-indicator.on path,
.svg-icon.shuffle-indicator.on path,
.svg-icon.cue-indicator.on path {
	fill: var(--accent-color);
}

/*stretch the element*/
.svg-icon.overlay {
	top: 0;
	left: 0;
	z-index: 2;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}

.separator {
	width: 100%;
	border-bottom: 1px solid var(--font-color);
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	opacity: 0.2;
}


/*Defined colors are for a black theme*/
:root {
  /*--color-1: rgb(19,19,19);
  --color-2: rgb(28,28,28);
  --color-3: rgb(38,38,38);
  --color-4: rgb(57,57,57);*/

  /*From Apple color scheme*/
  /*From darker to lighter*/
  --color-1: rgb(35,35,35);
  --color-2: rgb(44,44,44);
  --color-3: rgb(47,47,47);
  --color-4: rgb(60,60,60);

  --font-color: #c3c3c3;
  --font-color-2: #909090;
  --accent-color: rgb(2,88,208);
  --invalid-color: red;
  --offline-color: rgb(142,18,24);
  --valid-color: lightgreen;
  --comment-color: rgb(139,30,138);
  --item-header-color: rgb(50,50,52);
  --item-offline-background-color: rgba(154,1,14,1);
  --action-offline-background-color: rgba(154, 1, 14, 0.64);
  --auth-panel-background-color: rgb(71,71,71);
  --action-badge-background-color: rgb(101,143,217);

  --item-border-radius: 5px;
  --item-margin-bottom: 0.5rem;
  --item-header-height: 28px;
}

/*LIGHT Theme*/
@media (prefers-color-scheme: light) {
	:root {
	  /*--color-1: rgb(251,251,253);
	  --color-2: rgb(250,250,252);
	  --color-3: rgb(245,245,247);
	  --color-4: rgb(240,240,242);*/

	  /*From Apple color scheme (Finder)*/
	  /*From lighter to darker*/
	  --color-1: rgb(255,255,255);
	  --color-2: rgb(244,245,245);
	  --color-3: rgb(226,226,226);
	  --color-4: rgb(215,215,215);

	  --font-color: rgb(52,52,52);
	  --font-color-2: rgb(90,90,90);
	  --accent-color: #007DFF;
	  --invalid-color: rgba(200,25,41,1);
	  --valid-color: rgb(0, 193, 69);
	  --comment-color: rgb(192,148,248);
	  --item-offline-background-color: rgb(255,58,60);
	  --action-offline-background-color: rgba(255,58,60, 0.68);
	  --item-header-color: rgb(235,235,237);
	  --auth-panel-background-color: rgb(215,215,215);

	  --action-badge-background-color: rgb(140,166,212);
	}
}

input[type="button"],
input[type="submit"],
input[type="text"],
button {
	font-size: 13px;
	margin: 0.1rem;
}


select {
	margin: 0;
}

@media (prefers-color-scheme: dark) {
	input[type="button"],
	input[type="submit"],
	button {
		background-color:  rgb(60,60,60);
		color: white;
		border: none;
		/*border-radius: 5px;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;*/
	}

	select {
		/*background-color:  rgb(60,60,60);
		color: white;*/
	}

	.clamped {
		color:yellow;
	}
}

html {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	margin: 0;
	text-align: center;
	color: var(--font-color);
	background-color: var(--color-1);
	/*zoom: 90%;*/
}



/*HELPERS*/

/*.valid {
	color:green!important;
}*/
/*.clip-actions--list_item.selected .action_detail.valid {
	color:white!important;
}*/

.selected {
	color:white;
}

.playlist_item.selected > .status_icon.invalid,
.playlist_item.selected > .status_icon.valid {
	color:white;
}

.text-center {
	text-align: center;
}
.row {
	display: flex;
	flex-direction: row;
}

.row.space-between {
	justify-content: space-between!important;
}

.row.center {
	justify-content: center!important;
}

.row.align-center {
	align-items: center;
}

.col {
	display: flex;
	flex-direction: column;
}

.col.center {
	justify-content: center!important;
}

.col.space-between {
	justify-content: center!important;
}

.col.align-start {
	align-items: flex-start!important;
}

.ellipsize,
.ellipsize-left {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsize-left {
	/* Beginning of string */
	direction: rtl;
	text-align: left;
}

/*CONTAINER*/
.container {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	/*flex-direction: column;*/
	justify-content: center;
	width: 90%;
}
@media (max-width:1200px) {
	.container{
		width:1100px;
	}
}
@media (min-width:1900px) {
	.container{
		max-width:1600px;
	}
}
/*@media (min-width:1200px) {
	.container{width:1170px;}
}
@media (min-width:1700px) {
	.container{width:1670px;}
}*/

/*FOOTER*/
#footer {
	bottom: 6px;
	left: 0;
	position:relative;
	padding-top:20px;
	right: 0;
	text-align:center;
}

#footer a {
	font-size: 12px;
	color: #B1B1B1;
	text-decoration:none;
}




/*--------------- Playlist picker ---------------*/

/*.playlist_picker {
	padding:15px;
	margin-top:4px;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	font-size: 15px;
	box-shadow: 2px 2px 4px var(--font-color);
	text-align: left;
}
*/
#playlist_picker_modal {
	position:fixed;
	right:50%;
	margin-right:-250px;
	top: 75px;
	padding:15px;
	border: 1px solid var(--font-color);
	background-color: var(--color-2);
	box-shadow: 2px 2px 4px rgb(90,90,90);
	font-size: 15px;
	text-align: left;
	width:522px;
	display: none;
	z-index: 2;
}

.playlist_picker--list {
	width: 100%;
	min-height: 60px;
	line-height: 20px;
	font-size: 14px;
	padding:0.35em;
	border-radius: var(--item-border-radius);
	border: 1px solid var(--font-color);
	background-color: var(--color-2);
	border: 1px solid var(--color-4);
}

.playlist_picker--list, th, td {
	border: 1px solid var(--color-4);
	border-collapse: collapse;
}

.playlist_picker--item_header .playlist_detail{
	background-color: var(--color-3);
}

.playlist_picker--item:hover{
	cursor:pointer;
	background-color: rgba(0,0,0,0.2);
}

.playlist_picker--item {
	cursor:pointer;
}

.playlist_picker--item:hover {
	border: 1px solid var(--font-color) !important;
}

.playlist_picker--item * {
	font-weight: 100;
}

.playlist_picker--item_header * {
	background-color: solid var(--color-1);
}

.playlist_picker--item_header *,
.playlist_picker--item * {
	padding: 0.35em;
	text-align: center;
}

.playlist_picker--item_header *:first-child,
.playlist_picker--item *:first-child {
	padding-left: 2em;
	text-align: left;
}

/*---------------- POPOVER ---------------*/

.popover-content {
	display: none;
	border-radius: 15px;
	position: absolute;
	z-index: 1;
	padding: 10px;
	background-color: white;
	min-width: 200px;
	margin: 5px;
	box-shadow: 0 0 6px var(--color-3);
}

.popover-content > .separator {

}

.popover-content > *:not(.separator) {
	padding: 10px;
}

.popover-content > .btn-borderless {
	width: 100%;
	height: 100%;
}

.popover:checked ~ .popover-content {
	display: block;
}

/*--------------- DROP DOWN ---------------*/
.dropbtn {
	background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
}

.dropdown span{
	overflow:hidden;
	border:1px solid lightgray;
}
.active {
	border-color: #00d300!important;
}
.dropdown-content {
	display: none;
	position: absolute;
	min-width: 200px;
	right: 0;
	z-index: 1;
	padding:5px;
	border-radius: 10px;
	background-color: var(--color-2);
	box-shadow: 2px 2px 2px 2px 4px var(--color-3);
}

.dropdown-content a {
	color: black;
	padding: 0px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-hover:hover .dropdown-content {
	display: block;
}


/*--------------- ACTION FILTER ---------------*/
.action_filter{
	line-height: 20px;
	border: 1px solid gray;
	cursor: pointer;
	display: block;
	clear:both;
	border-radius: var(--item-border-radius);
	padding: 2px;
	padding-left: 10px;
	margin: 3px 8px 3px 8px;
}
.action_filter.selected{
	background-color: #007DFF;
	background: radial-gradient(circle, rgba(0,125,255,0.9) 80%, rgba(0,125,255,0.9) 100%);
	color:rgb(231,231,231,1);
}
#action_filter_cta {
	/*padding: 2px 4px;
	border-radius: var(--item-border-radius);
	border:1px solid lightgray;
	line-height: 25px;
	margin-top:5px;
	white-space: nowrap;
	padding-right: 4px;
	padding-left: 10px;
	font-size:13px;*/
}

/*--------------- PLAYLIST INFOS ---------------*/
.playlist_info {
	background-color: var(--color-2);
	border-radius: var(--item-border-radius);
	/*line-height: 30px;*/
	/*font-size: 25px;*/

	margin-bottom: var(--item-margin-bottom);
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
	padding:  10px;
}

.playlist_info .title{
	/*cursor:pointer;*/
	/*position: absolute;*/
	/*left: calc(50% - 200px);*/
	/*align-self: center;*/
	/*width: 400px;*/
	/*white-space: nowrap;*/
}

.playlist_info .toolbar{
	/*justify-self: flex-end;*/
	/*padding: 5px;*/
	/*font-size: 14px;*/
}


.field {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.field > *:first-child {
	margin-right: 0.5rem;
}

.field > *:last-child {
	margin-left: 0.5rem;
}




/*--------------- PLAYLIST CONTAINER ---------------*/

.playlist_item {
	width: 100%;
	border-radius: var(--item-border-radius);
	margin-bottom: var(--item-margin-bottom);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.playlist_item .header{
	align-items: center;
	line-height: var(--item-header-height);
	height: var(--item-header-height);
	justify-content: space-between;
	background-color: var(--item-header-color);
	border-top-right-radius: var(--item-border-radius);
	border-top-left-radius: var(--item-border-radius);
	cursor: pointer;
}

.playlist_item.comment .header{
	border-radius: var(--item-border-radius);
	background-color: var(--comment-color);
	/*color: white;*/
}
.playlist_item.offline .header{
	background-color: var(--item-offline-background-color);
	color: white;
}

.playlist_item .header:hover {
	/*background-color: rgba(0, 0, 0, 0.2);*/
}

/*PRIORITY to selected color*/
.playlist_item.selected .header {
	background-color:var(--accent-color);
}

.playlist_item.selected .header * {
	color: white !important;
}


/*.playlist_item.selected .header{
	background-color:var(--accent-color)!important;
	color: var(--font-color) !important;
}*/



.playlist_item .header .title .disabled-text-indicator{
	font-weight: bold;
	color: var(--invalid-color);
}

.playlist_item.offline .header .title .disabled-text-indicator,
.playlist_item.selected .header .title .disabled-text-indicator{
	color: white;
}

/*.playlist_item.disabled .header .title{
	font-weight: bold;
	color: rgb(142,18,24);
}*/

.playlist_item .header .title {
	/*padding-left: 10px;*/
	font-weight: 500;
}

.playlist_item.disabled .header .title  {
	color: var(--offline-color);
	font-weight: 500;
}

.playlist_item .header .toolbar{
	/*margin-left: 0.5rem;*/
	margin-right: 0.5rem;
}

.playlist_item .header .disabled-checkbox {
	margin-top: auto;
	margin-bottom: auto;
}

/*Header Indicators*/

/*Transition*/


.playlist_item.collapsed .header{
	border-bottom-right-radius: var(--item-border-radius);
	border-bottom-left-radius: var(--item-border-radius);
}

.playlist_item.collapsed .body {
	max-height: 0px;
	transition-duration: 200ms;
	transition: max-height ease-in-out 200ms;
}

.playlist_item.collapsed .body .clip-info,
.playlist_item.collapsed .body .clip-actions {
	display: none;
}

.playlist_item .body {
	max-height: max-content;
}


.playlist_item.collapsed .header .transition-indicator {
	border-bottom-left-radius: var(--item-border-radius);
}

.playlist_item .header .transition-indicator {
	align-self: center;
	width: 5px;
	height: var(--item-header-height);
	border-top-left-radius: var(--item-border-radius);
}


/*Toggle*/
.playlist_item .header .btn-borderless {
	padding: unset;
	margin: unset;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	width: var(--item-header-height);
	height: var(--item-header-height);
	border-radius: unset;
}
.playlist_item .header .toggle-button {
	align-self: center;
	min-width: unset;
	padding: 7px;
	border-radius: unset;
	transform: rotate(90deg);
	transition-duration: 200ms;
	border-radius: 50%;
}

.playlist_item.collapsed .header .toggle-button {
	transform: rotate(0deg);
}

.playlist_item.offline .header .svg-icon circle,
.playlist_item.offline .header .svg-icon text,
.playlist_item.offline .header .svg-icon path,
.playlist_item.offline .header .svg-icon rect,
.playlist_item.selected .header .svg-icon circle,
.playlist_item.selected .header .svg-icon text,
.playlist_item.selected .header .svg-icon path,
.playlist_item.selected .header .svg-icon rect {
	fill: white;
	color: white;
	stroke: white;
}

.playlist_item .header .transition-indicator.on {
	background-color: orange;
}

/*Status*/

.playlist_item .header .svg-icon,
.playlist_item .header .icon {
	height: var(--item-header-height);
	width:  var(--item-header-height);
}


/*Action badge */

.playlist_item .header .toolbar .action-badge {
	border-radius: 50%;
	width: 23px;
	height: 23px;
	background: var(--action-badge-background-color);
	/*border: 2px solid #666;*/
	color: #FFF;
	font: 16px Arial, sans-serif;
	line-height: 1.5;
	text-align: center;
	align-self: center;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

/*Body*/

.playlist_item .body {

	color: var(--font-color);
	border-bottom-left-radius: var(--item-border-radius);
	border-bottom-right-radius: var(--item-border-radius);
	font-size: 14px;
}
.playlist_item.comment .body {
	display: none!important;
}

.playlist_item .body .clip-info {
	background-color: var(--color-3);
	width: 30%;
	border-bottom-left-radius: var(--item-border-radius);
	padding: 10px;
	overflow: hidden;
}

.playlist_item .body .clip-info > * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*--------------- ACTIONS CONTAINER ---------------*/

.playlist_item .body .clip-actions {
	background-color: var(--color-2);
	width: 70%;
	border-bottom-right-radius: var(--item-border-radius);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.playlist_item .body .clip-actions .list{
	width: 100%;
	/*background-color: var(--color-4);*/
	/*min-height: 60px;
	min-height: 75px;*/
}

.playlist_item .body .clip-actions .list .item {
	background-color: var(--color-2);
	white-space: nowrap;
	width: 100%;
	border-collapse: collapse;
	cursor: pointer;
	/*height: 28px;*/
	line-height:2;
	max-height: var(--item-header-height);
}

.playlist_item .body .clip-actions .list .item.offline {
	background-color: var(--action-offline-background-color);
}

.clip-actions .list .item:hover {
	/*background-color: rgba(0,0,0, 0.2);*/
}

.playlist_item .body .clip-actions .list .item.selected{
	background-color: var(--accent-color);
}

.playlist_item .body .clip-actions .list .item.offline > *,
.playlist_item .body .clip-actions .list .item.selected > *{
	color: white !important;
}
/*Give specific min-width for each cell type, it will give them a fixed width that doesn't grow if the container's width grows*/
/*only allow the parameter cell to grows indifiniely*/
.playlist_item .body .clip-actions .list .item .status {
	/*min-width: 32px;*/
	/*padding: 5px;*/
}
.playlist_item .body .clip-actions .list .item .status .icon {
	width: var(--item-header-height);
	height: var(--item-header-height);
}
.playlist_item .body .clip-actions .list .item .timecode {
	min-width: 112px;
}
.playlist_item .body .clip-actions .list .item .timecode input {
	max-width: 112px;
}
.playlist_item .body .clip-actions .list .item .relativity {
	min-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.playlist_item .body .clip-actions .list .item .relativity select {
	max-width: 100px;
}
.playlist_item .body .clip-actions .list .item .action_name{
	min-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.playlist_item .body .clip-actions .list .item .action_name select {
	max-width: 180px;
}

.playlist_item .body .clip-actions .list .item .parameter {
	width: calc((100% - 422px));
	/*width: auto;*/
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.playlist_item .body .clip-actions .list .item .controls{
	min-width: 120px;
	width: 12%;
}

.playlist_item .body .clip-actions .list .item > div {
	/*padding: 0.2em;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*vertical-align: center;*/
	border: solid 0.5px var(--color-4);
	padding-right: 5px;
	padding-left: 5px;
}


.playlist_item .body .clip-actions .list .item > div > input,
.playlist_item .body .clip-actions .list .item > div > select {
	width: 95%;
}

.playlist_item .body .clip-actions .toolbar {
	height: var(--item-header-height);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	border-bottom-right-radius: var(--item-border-radius);
	padding: 5px;
	border-top: solid 0.5px var(--color-4);
	background-color: var(--color-2);
	align-items: center;
}

.playlist_item .body .clip-actions .list{
	background-color: var(--color-1);
}

/* ---------- Notifications ----------*/
.notification_container{
	position: fixed;
	right: 40px;
	top: 10px;
	width: 330px;
}
.notification{
	margin: 0 auto;
	color:rgb(42, 42, 42);
	width: 90%;
	min-height: 70px;
	text-align: left;
	padding: 10px 0px 0px 40px;
	max-width: 350px;
	overflow: hidden;
	font-size: 0.875rem;
	background-color: rgba(255, 255, 255, 0.85);
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	opacity: 1;
	border-radius: 0.25rem;
	display: block;
	padding-right: 20px;
	padding-bottom: 10px;
}
.notification h2{
	margin-top: 5px;
	margin-bottom: 5px;
	opacity: 0.7;
}
.notification.error{
	color:white;
	background-color:rgba(230, 60, 60, 0.65);
}
.notification.info{
	color:white;
	background-color:rgba(60, 60, 230, 0.65);
}
.notification.success{
	color:white;
	background-color:rgba(60, 230, 60, 0.65);
}
#modal_overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 1;
}

.error_header,
.warning_header {
	width: 100%;
	line-height: 20px;
	color: white;
	font-size: 15px;
	top:0;
	padding:3px;
	display: none;
}

.error_header a,
.warning_header a {
	color:white;
	text-decoration: underline;
}

.error_header {
	background-color: red;
}

.warning_header {
	background-color: orange;
}

#refresh_cta {
	display: none;
}

/*----------SCREEN---------*/

.screen {
	align-items:  center;
	width: 100%;
	min-height: 100vh;
	top: 0;
	left: 0;
	/*font-size: 20px;*/
	/*font-family: Verdana;*/
}

.screen>.header {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.25rem;
	font-size: 20px;
	color: rgb(80,80,80);
	width: 100%;
}

.screen>.header .login-status-indicator {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin: 0.25em;
}

.screen>.header .login-status-indicator.logged-in {
	background-color: lightgreen;
}

.screen>.header .login-status-indicator.logged-out {
	background-color: orange;
}


/*----------AUTH---------*/

#auth_screen {
	justify-content: center;
	position: absolute;
	z-index: 2;
	background-color: rgba(0,0,0,0.50);
}

#auth_screen .auth-panel {
	min-width: 500px;
	min-height: 340px;
}

.auth-panel {
	padding: 20px;
	background-color: var(--auth-panel-background-color);
	border-radius: 20px;
	flex-wrap: nowrap;
}

.auth-panel .form {
	flex-wrap: nowrap;
}

.auth-panel .form input[type="text"],
.auth-panel .form input[type="password"] {
	border-radius: 15px;
	padding: 7.5px;
	border: none;
	margin: 0.5em;
	min-height: 35px;
	font-size: inherit;
}

.auth-panel .form input[type="submit"] {
	margin: auto;
	margin-top: 2em;
	min-height: 2em;
}

#auth_error {
	color: red;
}

.blurred {
	filter: blur(5px);
}

#foldAllItemsBtn {
	min-width: 200px;
}

#playlistName {
	font-size: 18px;
}

#trimDurationTimeInput {
	width:80px;
	text-align: center;
}
