/* 	To revert to default style and look for the HTTPS interface simply remove the customize folder. */



/**************** Style default ****************/

/* Default font family and font size. Use !important to override colors and font.*/
body{
	font-size:10pt;
	font-family: "Inter", "sans-serif";
	color: black !important; /* Change text color on all text. */
}

/* Default background color. */
html, body {
	background: #FFFDF7;
}



/**************** Style header ****************/

/* Top header. */
 
#header {
	font-family: "Inter", "sans-serif";
	font-size: 10pt;
	background-color: #FFFDF7;
}

/**************** Header: Style buttons ****************/

.topmenu .topButton {
	font-family: "Inter", "sans-serif";
	font-weight: 500;
	font-size: 16px;
	fill: #757575;
	stroke: #757575;
}

.topmenu .topButton:hover.enabled{
	background-color:#57BAFF;
}

.topmenu .topButton:active.enabled{
}

/* Upload button */
.qq-upload-button {
	color: #757575 ;
	font-family: "Inter", "sans-serif";
}

/* Upload and download progress buttons*/

.uploadingbutton, .workingbutton{
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: 3361F6;
	font-family: "Inter", "sans-serif";
}



/**************** Header: Style uploading progress box ****************/

.uploadingbox {
	background: #57BAFF;
}

.uploadheader {
	font-family: "Inter", "sans-serif";
	font-size:13px;
	font-weight:bold;
	color:#757575;
}

#uploadProgressBackground {
	background-color: rgba(87, 186, 255, 1);
}

.qq-upload-overwrite-prompt .button, .uploadingOverwriteAll .button {
	background-color:#757575;
	color:#FFFDF7;
}

.qq-upload-overwrite-prompt .button:hover, .uploadingOverwriteAll .button:hover {
	background-color:rgba(87, 186, 255, 1);
}

/**************** Header: Style dropdown menu (small screen size) ****************/
.submenu {
	background: #FFFDF7;
	border: 1px solid #57BAFF;
}

.dropdown li .menubutton  {
	color: #57BAFF;
}

.dropdown li .menubutton :hover{
	background:#57BAFF;
	text-decoration: none;
}

.enabledbuttons.submenu .enabled {
    color: #757575;
}

/**************** Style and change logo ****************/

/* Large screen size. */
#imagelarge {
	background-image: url("/rVTmQCP4aPhCC83k/svg/pv_logo.svg");
    flex: 0 0 148px;
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	margin-left: 28px;
}

/* Small screen size. */
#imagesmall {
	background-image: url("/rVTmQCP4aPhCC83k/svg/pv_logo.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 2.75em;
	height: 2.75em;
}

/* Logo in login/logoutpage. */
#imagelogo {
	background-image: url("/rVTmQCP4aPhCC83k/svg/pv_logo.svg");
    width: 244px;
	height: 64px;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* Logo in receive/share page. */
#imagelogoorange {
	background-image: url("/rVTmQCP4aPhCC83k/svg/pv_logo.svg");
    width: 152px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* Logo on initial settings dialog. */
#imagewelcome {
	background-image: url("/rVTmQCP4aPhCC83k/svg/pv_logo.svg");
    flex: 0 0 148px;
	height: 1.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	/*margin-left: 28px;*/
}

.progress{
	display: contents;
}

/**************** Style accordions in folder tree ****************/

.accordion-button {
	color: #757575;
	fill: #757575;
	stroke: #757575;
}

.accordion-button.open {
	color: #757575;
	fill: #757575;
	stroke: #757575;
}

.accordion-button:hover{
	color: rgba(6, 11, 43, 1);
	fill: rgba(6, 11, 43, 1);
	stroke: rgba(6, 11, 43, 1);
}

#foldertree li{
	color: #757575;
	fill: #757575;
	stroke: #757575;
}

#foldertree li:hover{
	color: rgba(87, 186, 255, 1);
	fill: rgba(87, 186, 255, 1);
	stroke: rgba(87, 186, 255, 1));
}

#foldertree li.sel{
	color: #57BAFF;
	fill: #57BAFF;
	stroke: #57BAFF;
}

.favorite_list_item, .share_list_item, .receive_list_item, .collaborate_list_item{
	color: #757575;
	fill: #757575;
	stroke: #757575;
}

.favorite_list_item:hover, .share_list_item:hover, .receive_list_item:hover, .collaborate_list_item:hover{
	color: rgba(87, 186, 255, 1);
	fill: rgba(87, 186, 255, 1);
	stroke: rgba(87, 186, 255, 1);
}

#favoritelist .clickedtr, #sharelist .clickedtr, #collaboratelist .clickedtr, #receivelist .clickedtr{
	color: #57BAFF;
	fill: #57BAFF;
	stroke: #57BAFF;
}

#favoritelist .clickedtr:hover, #collaboratelist .clickedtr:hover, #receivelist .clickedtr:hover, #sharelist .clickedtr:hover{
	color: rgba(87, 186, 255, 1);
	fill: rgba(87, 186, 255, 1);
	stroke: rgba(87, 186, 255, 1);
} 

/**************** Style folder tree ****************/

#left-wrap {
    border-right: 1px solid #FFFDF7;;
    background-color: #FFFDF7;
}

.left-navigation{
	/* background: #3361F6;
	border-radius: 0px 40px 0px 0px; */
}

/* #foldertree li a:hover,
#foldertree li span:hover + a,
#foldertree li.sel>a:hover {
	background-color: #FFFDF7;
}

#left-wrap.highlight #foldertree li.sel>a , #left-wrap.highlight #foldertree li.sel>a:hover{
	background-color: #FFFDF7;
}

#left-wrap #foldertree li.sel>a , #left-wrap #foldertree li.sel>a:hover{
	background-color: #FFFDF7;
}

#left .rightsel{
	background-color: #FFFDF7;
} */



/**************** Style file tree ****************/

#filetable .clickedtr td {
    background-color: #57BAFF;
}

#filetable .filetable_hover.clickedtr:hover td, #filetable .filetable_hover.clickedtr.hovered td {
	background-color:#57BAFF;
}

#filetable .droppable td {
    background-color: #57BAFF;
}

#foldertree .droppable {
	color: rgba(87, 186, 255, 1);
}

a.droppable{
	color: rgba(87, 186, 255, 1);
}

#filetable th {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #757575;
}

#filetable #filetablebody {
	font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #676767;
}

#filetable #filetablebody.layoutsmall {
	font-weight: 400;
    font-size: 13px;
    line-height: 8px;
}

#filetable th#tablename:hover, #filetable th#tablelastchanged:hover, #filetable th#tablesize:hover {
	color:rgba(87, 186, 255, 1);
}

#filetable .filetable_hover:hover td, #filetable .hovered td {
	background-color:#57BAFF;
}

#filetable td.cellfiletype, #filetable td.celllastchanged, #filetable td.cellsize {
    font-weight: 400;
    font-size: 0.8em;
    line-height: 2em;
    color: #757575;
}

/**************** Style dialogs ****************/

.dialogtable {
	background-color: #FFFDF7;
	color: #757575;
}

.dialogheader {
	font-weight: bold;
	align-items: end;
}