/* 	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.*/
*{
	font-family: sans-serif;
	font-size:10pt;
	/*color: black !important;*/ /* Change text color on all text. */
}

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



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

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



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

.topButton {
	color:#57889f;
	font-family:sans-serif;
	font-size:13px;
	font-weight:normal;
}

.topButton:hover .enabled{
	background-color:#eaeaea;
}

.topButton:active .enabled{
}

/* Text color enabled buttons. */
.enabledbuttons.topmenu .enabled{
	color:#000;
}

/* Upload button */
.qq-upload-button {
	color: #000;
	font-family: sans-serif;
}

/* Upload and download progress buttons*/
.topButton:hover .enabled, .uploadingbutton:hover, .workingbutton:hover, .qq-upload-button:hover {
	background-color:#eaeaea;
}

.uploadingbutton, .workingbutton{
	color:#000;
	font-family:sans-serif;
	font-size:13px;
	font-weight:normal;
}



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

.uploadingbox {
	background: #fff;
	border: 1px solid #aaaaaa;
}

.uploadheader {
	font-family:sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

#uploadProgress {
	background-color: #dadada;
}

#uploadProgressBackground {
	background-color: lightblue;
}

#uploadFileList > li:nth-child(odd){
	background-color: #dadada;
}

#workItemList > li:nth-child(odd){
	background-color: #dadada;
}

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

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

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

.dropdown li a {
	color: #aaaaaa;
}

.dropdown li a:hover{
	background:#d9e0ea;
	text-decoration: none;
}

.enabledbuttons.submenu .enabled {
    color: #3e3e3e;
}

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

/* Large screen size. */
#imagelarge {
	background-image: url("https://share.idesco.fi/ZZDmAXmxi756B42r/img/logo.png");
	width: 130px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 6px;
}

/* Small screen size. */
#imagesmall {
	background-image: url("https://share.idesco.fi/ZZDmAXmxi756B42r/img/cropped-logo_merkki-270x270.gif");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 2.5em;
	height: 4em;
}

/* Logo in login/logout/receive/share page. */
#imagelogo {
	background-image: url("https://share.idesco.fi/ZZDmAXmxi756B42r/img/logo.png");
	width: 150px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
}



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

.accordion-button div {
	background: #fff;
}

.accordion-button div, .accordion-border {
}

.accordion-button:hover div{
	background: #f4f4f4;
}

.accordion-button.open div {
	background: #f4f4f4;
}

.favorite_list_item:hover, .share_list_item:hover, .receive_list_item:hover, .collaborate_list_item:hover{
	background-color: #dadada;
}

#favoritelist .clickedtr, #sharelist .clickedtr, #collaboratelist .clickedtr, #receivelist .clickedtr{
	background-color:#eaeaea;
}

#favoritelist .clickedtr:hover, #collaboratelist .clickedtr:hover, #receivelist .clickedtr:hover, #sharelist .clickedtr:hover{
	background-color:#eaeaea;
}



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

#left-wrap {
	border-right: 1px solid #eaeaea;
}

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

#foldertree li.sel>a{
	background-color: #eaeaea;
}

#left .rightsel{
	background-color: #dadada;
}



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

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

#filetable .clickedtr:hover td, #filetable .clickedtr.hovered td {
	background-color:#dadada;
}

#filetable th {
	border-right: 1px solid #eaeaea;
	color: #000;
}

#filetable th#tablename:hover, #filetable th#tablelastchanged:hover, #filetable th#tablesize:hover {
	background-color:#dadada;
}

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

#filetable a {
	color: #000000;
}



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

.dialogtable {
	background-color: #ffffff;
	color: #333333;
}

.dialogheader {
	font-weight: bold;
}

.avoidwrap {
	display: none;
	
}