:root {
    --dashboard-icon-width:85px;
    --dashboard-icon-height:85px;
}


.unassigned {
color:#999; }

/*-- worktabs ---------------------------------------------------------------*/

#worktabs {
width:100%;
overflow:hidden;
position:relative;
z-index:10;
box-sizing:border-box;
border-bottom:1px solid #ccc; }

#worktabs ul {
    margin-left: 0;
    padding-left: 0;
	box-sizing:border-box;
    list-style: none;
}

#worktabs li {
	box-sizing:border-box;
    margin-left: 0;
    padding: 0;
    display: inline;
}

#worktabs li:first-child a {
margin-left:1px; }


#worktabs a {
    position:relative;
    display: block;
    float: left;
    height: 20px;
	margin:-1px;
    padding: 2px 10px;
    background: #e9e9e9;
	border-style:solid;
	border-color: #ccc;
	border-width: 1px 1px 0 1px;
    font-size:1em;
    line-height:1em;	
	z-index:20;
    border-top-left-radius: 4px;
    border-top-right-radius: 10px;
    color: #a9a9a9;
}


#worktabs .active a {
    background: #fff;
	height:21px;
	margin-bottom:-1px;
	border-bottom: 1px solid #f0f;
    color: #600;
}

#worktabs .active a:hover {
    background: #fff;
    border-bottom-color: transparent;
    color: #600
}

#worktabs a:hover {
    background: #ccc;
    color: #600
}


/*-- tools ------------------------------------------------------------------*/
#toolset {
    margin-right:10px;
	padding:5px;
    text-align:right;
}


#toolset a {
    width: 50px;
    padding: 50px 0 0 0;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: center;
    color: #a00;
    font-size: .75em;
	background-repeat: no-repeat;
}


#toolset a:hover {
    background-position:-50px 0;
    color:#900 
}
    
#toolset a:active {
    background-position:-100px 0 
}
    
#toolset a.disabled {
    background-position:-151px 0;
    color:#aaa; 
}

#tool-message { 
display:none; }

#tool-message-content {
margin:10px;
}

#tool-title { 
padding:0 0 10px 10px; 
font-size:2em; }

 #tool-ad {
margin:10px;
border:2px solid #000;
padding:5px;
background-color:#ffc;
color:#555;
font-size:.8em;
width:112px;
font-style:normal;
text-align:left; }

#tool-howto {
background-color:#fff;
border-left:1px solid #008;
border-top:1px solid #008;
padding:50px; }


 .tool-component {
vertical-align:top;
display:inline-block;
height: 45px;
width: 45px;
background-size: cover;
margin:0; }


/*-- workspace menu ---------------------------------------------------------*/

#workspace-header {
 font-size:1.75em;
 margin-bottom: 10px;    
}

 #workspace-title {
font-size:1.5em;
text-transform:capitalize; } /* lowercase */

 .menu.swatch {
cursor:pointer;
border:1px solid #ccc;
border-radius:7px;
margin:3px;
padding:5px;
display:inline-block !important; }
     
 .menu.swatch:hover {
border:1px solid var(--primary-border-color); }

 .menu.swatch .option.icon {
float:left;
border:1px solid #888;
border-radius:7px;
background-size:cover;
height:45px;
width:45px; }
	
 .menu.swatch .option.text {
width:225px;
float:left; 
margin:0 5px; }

 .menu.swatch .option.more { 
font-size: .9em;
color:var(--primary-border-color); }

 .menu.swatch .option.label {
font-size:1.20em; } 



/*-- dashboard --------------------------------------------------------------*/
#tools-dashboard .boards {
margin:0 20px; }

 .dashboard { 
 margin:20px 0;
 border:1px solid #ccc;
 }

 .dashboard .placard {
 margin:0 10px 10px 10px; }
 
 .dashboard .header {
font-size:1.1em;
background-color:var(--secondary-header-bgcolor); }

.dashboard .label {
text-align:center;
font-size: .9em;
margin-bottom:3px;
white-space: nowrap;
width: var(--dashboard-icon-width);
overflow: hidden;
text-overflow: ellipsis; }

 .dashboard .tool-icon {
 margin:10px; }
 
 .dashboard .widget {
display:inline-block; }
 
 /*
 .widget-thumbnail {
display:inline-block;
height:150px; 
width:150px;
border:2px solid #000;
border-radius:20px;
margin:0 20px;
background-size:cover !important; }

 .widget-thumbnail.linked {
cursor:pointer; }
*/

/*-- icons ------------------------------------------------------------------*/
 .dashboard .icon
,.placard {
height: var(--dashboard-icon-height);
width: var(--dashboard-icon-width);
border-radius:10px;
margin:0 auto;
border:1px solid #ccc;
background-size: cover; }

 .dashboard .icon {
    cursor:pointer; 
 }

 .manager div {
display:inline-block;
vertical-align:middle; }

 .manager .icon {
background-size:cover; 
height:40px; 
width:40px; }


#placard {
height:100px;
width:100px; }

.icon.tools.no-image {
background-image:url(/backoffice/default/images/icons/150/ico.no.image.150x150.002.png); }

.icon.tools.undefined {
background-image:url(/backoffice/default/images/icons/150/tools/ico.tools.undefined.150x150.png); }



.placard.tools.dashboard {
background-image:url(/backoffice/default/images/icons/150/tools/ico.tools.dashboard.150x150.002.png); }

.icon.home.panel.customer.lookup {
background-image:url(/backoffice/default/images/sprites/tools/50x50/sales/default.sprite.tool.sales.customers.lookup.50x50.png); }

.icon.home.panel.customer.new {
background-image:url(/backoffice/default/images/sprites/tools/50x50/sales/default.sprite.tool.sales.customers.new.50x50.png);