/* 
    Document   : MySitesApp
    Created on : Feb 25, 2013, 9:38:12 AM
    Author     : josemanuel
*/

/* 
    Colors of selected selectables
*/
.latte-view.inplek-main  .latte-view.app.my-site  .selectable.selected{
    background: #CC3366;
    color: white;
}

/* 
    Colors of hover selectables
*/
.latte-view.inplek-main  .latte-view.app.my-site .selectable.hover{
    background: #EDCFDA;
    color: #c36;
}

/* 
    Ribbon start button
*/
.latte-view.app.my-site .latte-item.ribbon > .tabs > .start-button:not(.with-menu){
    border-color: #C36 !important;
    background-color: #C36 !important;
    color: white !important;
    text-shadow: none !important;
}

/* 
    Selected tab
*/
.latte-view.app.my-site .latte-view.sitepage .latte-item.ribbon .latte-item.tab.with-context{
    color: #C36;
}

/*
    Selected clickable
*/
.latte-view.app.my-site .latte-view.sitepage .latte-item.clickable.selected,
.latte-view.app.my-site .latte-view.sitepage .latte-item.clickable.with-face.selected{
    border-color: #F77CAD;
    background-color: #FBDDEA;
    color: #c36;
}

/* 
    Pressed clickable
*/
.latte-view.my-site .latte-view .latte-item.clickable.pressed,
.latte-view.my-site .latte-view .latte-item.clickable.with-face.pressed{
    border-color:#527DE0;
    background-color: #C1CDDD;
}

/* 
    Checked clickable
*/
.latte-view.my-site .latte-view .latte-item.clickable.checked,
.latte-view.my-site .latte-view .latte-item.clickable.with-face.checked{
    border-color:#527DE0;
    background-color: #D7E3EF;
}

.latte-view.my-site .latte-view .latte-item.tree-item{
    background: transparent;
    padding: 0;
    border-color: transparent;
}.latte-overlay.graph-mark{
    padding: 5px;
    background: white;
    border: solid 1px silver;
    font-family: sans-serif;
    font-size: 11px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}/* 
    Document   : SitePageView
    Created on : Feb 27, 2013, 5:10:38 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.latte-view.sitepage .latte-item.ribbon{
    background-color: white;
    color: #656565;
}

.latte-view.sitepage .latte-item.ribbon.collapsed.face-hidden > .tabs{
    border-bottom: solid 1px #D4D4D4;
}

.latte-view.sitepage .latte-item.ribbon > .face{
    background: white;
}

.latte-view.sitepage .latte-item.ribbon > .tabs > .latte-item.button{
    border-radius: 0;
}

.latte-view.sitepage .latte-item.ribbon .latte-item.tab.with-context{
    border-color: #D4D4D4;
}

.latte-view.sitepage .latte-item.ribbon > .face{
    border-color: #d4d4d4;
} 

.latte-view.sitepage .latte-view.form.editors{
    background: white;
    padding: 0;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.form{
    padding: 0;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input:not(:last-child){
    border-bottom: solid 1px #ececec;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input > .text  >.label{
    color: #ccc;
    font-weight: normal;
    margin-left: 10px;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input.title{
    padding: 10px;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input.title > .text{
    width: auto;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input.title > .value{ 
    
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input.title > .value .latte-item.textbox{
    float: none;
    font-size: 14px;
    font-family: 'Lucida Grande', arial, sans-serif;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input.title > .value{
    width: 90%;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.input.title > .value .latte-item.textbox input{
    width: 100%;
    border: none;
    box-shadow: none;
}

.latte-view.sitepage .latte-view.form.editors .latte-item.html-editor{
    border: none;
}/* 
    Document   : MySitesApp
    Created on : Mar 17, 2013, 9:38:12 AM
    Author     : josemanuel
*/

/* 
    Colors of selected selectables
*/
.latte-view.inplek-main  .latte-view.app.my-products  .selectable.selected{
    background: #60C;
    color: white;
}

/* 
    Colors of hover selectables
*/
.latte-view.inplek-main  .latte-view.app.my-products .selectable.hover{
    background: #EFE5FA;
    color: #60C;
}

/* 
    Ribbon start button
*/
.latte-view.app.my-products .latte-item.ribbon > .tabs > .start-button:not(.with-menu){
    border-color: #60C !important;
    background-color: #60C !important;
    color: white !important;
    text-shadow: none !important;
}

/* 
    Selected tab
*/
.latte-view.app.my-products .latte-item.ribbon .latte-item.tab.with-context{
    color: #60C;
}

/*
    Selected clickable
*/
.latte-view.app.my-products .latte-item.clickable.selected,
.latte-view.app.my-products .latte-item.clickable.with-face.selected{
    border-color: #60C;
    background-color: #EDDAFF;
    color: #60C;
}

/* 
    Pressed clickable
*/
.latte-view.app.my-products .latte-item.clickable.pressed,
.latte-view.app.my-products .latte-item.clickable.with-face.pressed{
    border-color: #60C;
    background-color: #D2B9EC !important;
}

/* 
    Checked clickable
*/
.latte-view.app.my-products .latte-item.clickable.checked,
.latte-view.app.my-products .latte-item.clickable.with-face.checked{
    border-color:#60C;
    background-color: #BFA1DE !important;
}
/* 
    Document   : PostItem
    Created on : Feb 15, 2013, 10:29:37 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.latte-item.post {
    background: white;
    padding: 10px;
    position: relative;
}

.latte-item.post.label.horizontal.icon-and-text > .label-content {
    padding-left: 6px;
}

.latte-item.post .latte-item.toolbar > .face{
    padding: 0;
    height: 17px;
}

.latte-item.post .latte-item.toolbar > .face > .holder > .items-container > .latte-item.label,
.latte-item.post .latte-item.toolbar > .face > .holder > .side-items-container > .latte-item.label {
    margin: 0 2px;
}

.latte-item.post > .label-content > .text{
    /*font-size: 13px;*/
    margin-top: 10px;
}

.latte-item.post > .label-content > .text > a{
    color: #15C;
    text-decoration: none;
}

.latte-item.post > .label-content > .description{
    margin-bottom: 5px;
}

.latte-item.post > .label-content > .text > img{
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.latte-item.post > .latte-item.label.type {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #999;
}

.latte-item.post > .latte-item.label.type > .label-content {
    float: right;
    margin-right: 5px;
}

.latte-item.post > .latte-item.label.type > .icon {
    float: right;
}/* 
    Document   : SiteNavigatorView
    Created on : Feb 25, 2013, 11:41:24 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.latte-view.site-navigator {
    
}/* 
    Document   : StickyNoteItem
    Created on : Jan 9, 2013, 10:14:17 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-item.sticky-note {
    /*padding: 10px;*/
}



.latte-item.sticky-note > .note{
    background: url('/datalatte-files/releases/_app/support/imgs/stickynote.png') no-repeat center center;
    width: 199px;
    height: 171px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);
    margin: 0px auto;
    position:relative;
}

.latte-item.sticky-note > .note > .latte-item.toolbar > .face{
    height: 28px;
    background: transparent;
    padding: 2px;
}

.latte-item.sticky-note > .note .latte-item{
    color: goldenrod;
}

.latte-item.sticky-note > .note > .text{
    position: absolute;
    top: 30px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.latte-item.sticky-note > .note > .text:focus{
    outline:none;
}

.latte-item.sticky-note > .conversation{
    padding-top: 10px;
    width: 230px;
    margin: 0 auto;
}
.latte-item.widget.home.sticky-notes > .latte-item.stack{
    background: url('/datalatte-files/releases/_app/support/imgs/corkboard.jpg');
}

.latte-item.widget.home.sticky-notes .latte-item.comment{
    background: white;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
}

.latte-item.widget.home.sticky-notes textarea{
    border-radius: 4px;
}

.latte-item.widget.home.sticky-notes > .latte-item.toolbar.top > .face,
.latte-item.widget.home.sticky-notes .clickable.selected,
.latte-item.widget.home.sticky-notes .selectable.selected
{
    background-color: #09f;
    color: white;
}

.latte-item.widget.home.sticky-notes{
    border-color: #09f;
}

.latte-item.widget.home.sticky-notes .clickable.selected,
.latte-item.widget.home.sticky-notes .selectable.selected
{
    border-color: transparent;
    border-radius: 0;
}
/* 
    Document   : PostsWidget
    Created on : May 2, 2013, 6:29:28 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-item.widget.posts .latte-item.post {
    border-top: solid 1px #ddd;
}

.latte-item.widget.home.posts > .latte-item.toolbar.top > .face,
.latte-item.widget.home.posts .clickable.selected,
.latte-item.widget.home.posts .selectable.selected
{
    background-color: #0cf;
    color: white;
}

.latte-item.widget.home.posts{
    border-color: #0cf;
}

.latte-item.widget.home.posts .clickable.selected,
.latte-item.widget.home.posts .selectable.selected
{
    border-color: transparent;
    border-radius: 0;
}
.latte-item.widget.home.contactWidget > .latte-item.toolbar.top > .face
{
    background-color: #D24726;
    color: white;
}

.latte-view.inplek-main .latte-view.app.home .stack .selectable.selected{
    background: transparent;
    color: #000000;
}

.latte-item.widget.home.contactWidget{
    border-color: #D24726;
}

.latte-view.inplek-main .latte-view.app.home .stack .selectable.hover{
    background: #EAC1B8;
    color: white;
}

.latte-view.inplek-main .latte-view.app.home .stack .latte-item.textbox input[type=text]{
    color: inherit;
    font-size: inherit;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

/* THEME TextColor */
.app.contacts .clickable.selected,                                         /* Selected clickable */
.app.contacts .clickable.checked,                                          /* Checked clickable */
.app.contacts .selectable.selected,                                                 /* selectable */
.latte-modal-view .selectable.selected
{
    color: white !important;
}

/* THEME Color Background */
.app.contacts .clickable.selected,           /* Selected clickable */
.app.contacts .clickable.checked,            /* Checked clickable */
.app.contacts .selectable.selected,
.latte-modal-view .selectable.selected
{
    background: #D24726 !important;
    border-color: transparent;
}

.app.contacts .selectable.selected.hover,
.latte-modal-view .selectable.selected.hover
{
    background: #D24726 !important;
    color: white !important;
}

.app.contacts .group-edit.selected{
    background: transparent !important;
    border-color: #D24726 !important;

}

/* THEME Color Background, Lighter */
.app.contacts .selectable.hover,
.latte-modal-view .selectable.hover
{
    background: #EAC1B8 !important;
}

/* THEME Color text */
.app.contacts .latte-item.label.title-1,          /* Title 1 */
.app.contacts .selectable.hover
{
    color: #D24726 !important;
}

/* THEME Color border */
.app.contacts .clickable.with-face{
    border-color: #D24726;
    background-color: transparent;
}

/* THEME Font */
.app.contacts .latte-item.label.title-1,
.app.contacts .latte-item.label.title-2,
.app.contacts .latte-item.label.title-3
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

/* Get rid of borders of the textboxes */
.app.contacts .latte-item.textbox input[type=text],
.app.contacts .latte-item.textbox textarea {
    color: inherit;
    font-size: inherit;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

/* Textboxes placeholder */
.app.contacts .latte-item.textbox .latte-item.placeholder {
    color: inherit;
    opacity: 0.5;
}

/* Titles font size and spacing */
.app.contacts .latte-item.label.title-1{
    font-size: 25px;
    padding-top: 10px;
    padding-left: 10px;
}

/* Titles description font size correction*/
.app.contacts .latte-item.label.title-1 .description{
    font-size: 12px;
}

.latte-item.textbox > .input .error{
    outline: solid 1px red !important;
}
/* White background */
.latte-view.contact,
.latte-view.contact .latte-item.toolbar > .face
{
    background: white;
}

/* Clear widgets border */
.latte-view.contact .latte-item.widget{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-left: 10px;
    margin-right: 10px;
}

/* Border on widgets stack */
.latte-view.contact .latte-item.widget > .latte-item.stack{
    border: solid 1px #b0b0b0;
    border-radius: 0;
    border-top: none;
}

/* Get rid of borders of the textboxes */
.latte-view.contact .latte-item.form .latte-item.textbox input[type=text],
.latte-view.contact .latte-item.form .latte-item.textbox textarea
{
    border-bottom: solid 1px #E2E5E9 !important;
}

/**
 *
 */
.address-contain{
    padding: 4px 2px;
    white-space: pre-wrap;
}


.address-contain .left{
    float: left;
}

.address-contain.separator{
    border-bottom: solid 1px #b0b0b0;
}


.address-contain .text{
    display: inline-block;
}

.address-contain .value{
    display: inline-block;
}

.icons-address{
    background: url("/datalatte-files/releases/_app/support/imgs/icons.png");
    width: 16px;
    height: 16px;
    margin-right: 5px;
}


.icons-address.phone{
    background-position: -176px 0px;
}

.icons-address.cellphone{
    background-position: -64px -128px;
}

.icons-address.street{
    background-position: -80px 0px;
}

.icons-address.geo{
    margin-left: 22px;
}

.icons-address.person{
    background-position: -224px -65px;
}

.icons-address.position{
    background-position: -224px -0px;
}

.icons-address.mail{
    background-position: -128px -65px;
}

.icons-address.site{
    background-position: 0px -64px;
}

.icons-address.folder{
    background-position: 0px -98px;
}

.icons-address.activity{
    background-position: -128px 0px;
}
.latte-view.sticky-notes .latte-view.column{
    background: url('/datalatte-files/releases/_app/support/imgs/corkboard.jpg');
}
/* Transparent list view */
.latte-view.directory-items .latte-view.list{
    background: transparent;
}

/* White background form*/
.latte-view.directory-items .latte-view.form{
    background: white;
}

/* Re-assign borders to inputs inside forms */
.latte-view.directory-items .latte-view.form input[type=text]{
    border: solid 1px silver;
}

/* Center text of delete button */
.latte-view.directory-items .latte-view.form .clickable.button .text{
    text-align: center;
}

/* Border on bottom of anchor */
.app.contacts .latte-view.directory-items.group .latte-view.anchor > .latte-item.anchor{
    border-bottom: solid 1px #D2D5D9;
}


/* THEME Text color */
.app.contacts .latte-view.directory-folders,                               /* Directories view */
.app.contacts .latte-view.directory-folders .latte-item.label.title-1,
.app.contacts .latte-view.directory-folders .selectable.hover

{
    color: white !important;
}

/* THEME Background color */
.app.contacts .latte-view.directory-folders,
.app.contacts .latte-view.directory-folders .latte-item.toolbar > .face,
.app.contacts .latte-view.directory-folders .latte-overlay.menu,
.app.contacts .latte-view.directory-folders .latte-item.tree-item
{
    background: #D24726 !important;
}

.app.contacts .latte-view.directory-folders .latte-item.tree-item{
    border-color: transparent;
    padding: 0;
}

/* THEME Background darker color */
.app.contacts .latte-view.directory-folders .selectable.hover,      /* Hover selectable */
.app.contacts .latte-view.directory-folders .clickable.selected
{
    background: #BD4022 !important;
}

/* THEME Background darkest color */
.app.contacts .latte-view.directory-folders .selectable.selected,      /* Hover selectable */
.app.contacts .latte-view.directory-folders .clickable.checked
{
    background: #A8391E !important;
}

/* Dark border on bottom of toolbar and textbox */
.app.contacts .latte-view.directory-folders > .latte-item.toolbar.with-face,
.app.contacts .latte-view.directory-folders .latte-item.textbox.search-box
{
    border-bottom: solid 1px #A8391E;
}

.app.contacts .latte-view.directory-folders > .latte-item.toolbar.with-face{
    border-top: solid 1px #A8391E;
}

.app.contacts .latte-view.directory-folders .latte-view.form{
    color: white;
}

/*.latte-item.clickable.with-face.with-context*/
.app.contacts .latte-view.directory-folders .latte-item.button.options{
    padding-right: 25px !important;
    padding-left: 15px !important;
}

.app.contacts .latte-view.directory-folders .latte-item.clickable.options.with-context,
.app.contacts .latte-view.directory-folders .latte-item.clickable.options.with-context .with-context
{
    background: #D24726 !important;
}

.app.contacts .latte-view.directory-folders .latte-item.button.horizontal.with-dropdown.options > .latte-item.label{
    padding-right: 0;
}

/* Textboxes and face-buttons has white round border */
.app.contacts .latte-view.directory-folders .clickable.with-face,
.app.contacts .latte-view.directory-folders .latte-view.form input
{
    border: solid 1px white;
    border-radius: 3px;
}

.app.contacts .latte-view.directory-folders .latte-view.form .latte-item.input > .text > .label{

    font-weight: normal;
}

.app.contacts .latte-view.directory-folders .latte-view.form .latte-item.horizontal.input > .text{
    text-align: left;
}.app.apps-and-widgets  .column-content{
    padding-bottom: 30px;
}

.app.apps-and-widgets .label.main-title{
    padding: 10px;
    background: #555;
    color: white;

}

.app.apps-and-widgets .label.title-1{
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
}

.app.apps-and-widgets .label.title-1 .description{
    font-size: 14px;
}

.app.apps-and-widgets .latte-item.app-widgets{
    position: relative;
    margin: 30px auto;
    padding: 10px;
    border: solid 1px #afafaf;
    /*border-right-width: 65px;*/
    border-radius: 10px;
    background: #ffffff;

    max-width: 800px;
    min-height: 350px;
}

.app.apps-and-widgets .latte-item.app-widget{
    border: solid 1px gray;
    margin-top: 10px;
    margin-right: 10px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    border-radius: 5px;
}/* 
    Document   : AppCover
    Created on : Jul 31, 2013, 7:37:38 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-view.inplek-main  .latte-view.app.threads  .latte-view.tab .latte-item.toolbar{
}

.latte-view.inplek-main  .latte-view.app.threads  .latte-view.tab .latte-item.toolbar > .face{
    background: #FF9326;
    border: none;
    color: white;
    border-radius: 0;
}


/*  Background of toolbar */
.latte-view.inplek-main  .latte-view.app.threads  .latte-view.tab > .container{
    border: none;
}/* 
    Document   : PosterItem
    Created on : Feb 15, 2013, 10:00:05 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.latte-item.poster{
    /*padding: 10px 20px;*/
}

.latte-item.poster > .latte-item.textbox{
    float: none;
    font-size: 15px;
}

.latte-item.poster  textarea{
    border-color: transparent;
    box-shadow: none;
}

.latte-item.poster .latte-item.toolbar.with-face {
    border-top: solid 1px #D2D5D9;
    border-bottom: none;
}/*
    Document   : AppsBar
    Created on : Dec 3, 2012, 3:10:54 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/


.latte-item.toolbar.inplek-bar .latte-overlay.menu-face.inplek-bar-container{
    /*background: #1d1d1d;*/
    position: fixed;
    background: rgba(33, 33, 33, 0.95);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}

.latte-item.apps-bar > .icons{
    margin: 20px;
}

.latte-item.apps-bar > .icons > .latte-item{
    /*margin-right: 13px;*/
    /*margin-bottom: 13px;*/
    margin: 30px;
    padding: 30px;
    border-radius: 10px;
}

.latte-item.apps-bar > .icons > .latte-item:hover{
    background: rgba(255, 255, 255, 0.1);
}

/* MENU */
.latte-overlay.menu.inplek-bar-container{
    padding: 0;
    /*border: none;*/
}/* 
    Document   : MySitesApp
    Created on : Feb 25, 2013, 9:38:12 AM
    Author     : josemanuel
*/

/* 
    Colors of selected selectables
*/
.latte-view.inplek-main  .latte-view.app.contacts  .selectable.selected{
    background: #D24726;
    color: white;
}

/* 
    Colors of hover selectables
*/
.latte-view.inplek-main  .latte-view.app.contacts .selectable.hover{
    background: #D24726;
    color: white;
}

/* 
    Selected tab
*/
.latte-view.app.contacts .latte-view.sitepage .latte-item.ribbon .latte-item.tab.with-context{
    color: #D24726;
}

/*
    Selected clickable
*/
.latte-view.app.contacts .latte-view.sitepage .latte-item.clickable.selected,
.latte-view.app.contacts .latte-view.sitepage .latte-item.clickable.with-face.selected{
    border-color: #D24726;
    background-color: #D24726;
    color: white;
}

/* 
    Pressed clickable
*/
.latte-view.app.contacts .latte-view.sitepage .latte-item.clickable.pressed,
.latte-view.app.contacts .latte-view.sitepage .latte-item.clickable.with-face.pressed{
    border-color:#D24726;
    background-color: #D24726;
}

/* 
    Checked clickable
*/
.latte-view.app.contacts .latte-view.sitepage .latte-item.clickable.checked,
.latte-view.app.contacts .latte-view.sitepage .latte-item.clickable.with-face.checked{
    border-color:#D24726;
    background-color: #D24726;
}



.latte-view.inplek-login{
    background: #F5F6F7;
}

.latte-view.inplek-login > .container{
    width: auto !important;
    margin: 0 auto;
}

.latte-view.inplek-login > .container > .main{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    margin: 0 auto;
}

.latte-view.inplek-login > .container > .main > div.logo{
    float: left;
}

.latte-view.inplek-login > .container > .main > div.controls{
    float: left;
    width: 400px;
    margin-top: 0px;
}

.latte-view.inplek-login > .container > .main > div.controls .latte-item.textbox input,
.latte-view.inplek-login > .container > .main > div.controls .latte-item.textbox > .label{
    padding: 15px 20px;
    border-radius: 4px;
    font-size: 15px;
}

.latte-view.inplek-login > .container > .main > div.controls .latte-item.textbox input{
    width: 90% !important;
    
}

.latte-view.inplek-login > .container > .main > div.controls .latte-item.button{
    float: right;
    
    background: url('support/imgs/button-bg.png') repeat-x top #D0D0CE;
    border: solid 1px #999;
    border-bottom-color: #888;
    padding: 11px 22px;
    color: #333;
    text-shadow: 1px 1px 0px rgba(255,255,255,1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
}

/* Small Screen */
.small-screen .latte-view.inplek-login > .container > .main{
    width: auto;
}

.small-screen .latte-view.inplek-login > .container > .main > div.logo{
    float: none;
}

.small-screen .latte-view.inplek-login > .container > .main > div.controls{
    float: none;
    width: 100%;
    margin-top: 0px;
}/* 
    Document   : HomeApp
    Created on : Apr 4, 2013, 11:25:42 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-view.inplek-main  .latte-view.app.home .selectable.selected{
    background-color: silver;
}

.latte-view.inplek-main  .latte-view.app.home .selectable.hover{
    background-color: #DCDDDE;
}

.app.home .welcome-view{
    margin: 30px auto;
    font-family: 'Open Sans', 'lucida grande', sans-serif;
    background: #333;
    border-radius: 4px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: 14px;
    font-weight: lighter;
    max-width: 557px;
}

.app.home .welcome-view .separator{
    border-top: solid 1px #1f1f1f;
    border-bottom: solid 1px #484848;
    clear: both;
}

.app.home .welcome-view h1,
.app.home .welcome-view h2{
    color: #F4F6F7;
    font-weight: normal;
    text-shadow: 1px 1px 1px black;
    letter-spacing: -2px;
    margin: 0 5px;
}

.app.home .welcome-view .segment h1{
    font-size: 40px;
    font-weight: lighter;
}

.app.home .welcome-view .segment h2{
    font-size: 25px;
    font-weight: lighter;
}

.app.home .welcome-view .segment.title{
    padding: 30px;
    text-align: center;
}

.app.home .welcome-view .segment.apps{
    padding: 30px;
}

.app.home .welcome-view .segment.apps img{
    float: right;
    margin: 20px;
}

.app.home .welcome-view .segment.widgets{
    padding: 30px;
    text-align: right;
}

.app.home .welcome-view .segment.widgets img{
    float: left;
    margin: 10px;
}

.app.home .welcome-view .segment.buttons{
    padding: 30px;
}

.app.home .welcome-view .segment.buttons .latte-item.button{
    box-shadow: 2px 2px 0 black;
}

.app.home .widget-drag-placeholder{
    border: dashed 3px gray;
    box-shadow: 1px 1px 1px white;
    height: 100px;
    margin: 10px 0;
    border-radius: 4px;
}

.app.home > .container > .latte-view.column > .container{
    top: 50px;
}

.small-screen .app.home > .container > .latte-view.column > .container{
    top: 0px;
}

.app.home > .container > .latte-view.column > .latte-item.toolbar{
    margin: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;

    color: #333;
}

.app.home > .container > .latte-view.column > .latte-item.toolbar .label.title-1{
    letter-spacing: -1px;
    margin-top: -2px;
    margin-right: 20px;
}/**
 * Created by josemanuel on 1/16/14.
 */
.latte-item.notification{
    position: relative;
}

.latte-item.notification > .unread-ball{
    position: absolute;

    right: 5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background-color: dodgerblue;
    border-radius: 100%;
}/* 
    Document   : ProfileApp
    Created on : Apr 30, 2013, 9:10:07 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/



.latte-view.inplek-main  .latte-view.app.profile .card{
    background: white;
    border: solid 1px #E2E5E5;
    min-height: 200px;
}

.latte-view.inplek-main  .latte-view.app.profile .card > .photo{
    position: relative;
    float: left;
    background: #f0f0f0;
    width: 200px;
    height: 200px;
}

.latte-view.inplek-main  .latte-view.app.profile .card  > .data{
    float: left;
}

.latte-view.inplek-main  .latte-view.app.profile .card  > .data > .latte-item.label.name{
    float: none;
    margin-left: 15px;
    margin-top: 15px;
    color: black;
}

.latte-view.inplek-main  .latte-view.app.profile .card > .data > .latte-item.label.status{
    float: none;
    margin-left: 15px;
    margin-top: 15px;
    color: #999;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts{
    margin: 15px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts > .splitter{
    background: transparent;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts > .latte-view.side{
    border: solid 1px #E2E5E5; 
    background: white;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts > .latte-view.side > .container{
    margin: 15px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts .friends-container{
    clear: both;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts .friends-container .friend{
    margin: 15px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-item.lbl-activity{
    margin-top: 20px;
    text-shadow: 1px 1px 1px white;
    margin-bottom: 7px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-item.poster{
    float: none;
    clear: both;
    border: solid 1px #E2E5E5; 
    background: white;
}

.latte-view.inplek-main .latte-view.app.profile .latte-item.post{
    
    border: solid 1px #E2E5E5; 
    margin-top: 15px;
}.app.credentials{

}
.latte-view.project-grid{

}

.latte-view.project-grid .latte-view.list .latte-item.list.selectable,
.latte-view.project-grid .latte-item.tree-item > .selectable,
.latte-view.project-grid .latte-item.selectable.list{
    padding: 0;
}

.latte-view.project-grid .task-overlay{
    border: solid 1px silver;
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9fafb 100%);

    padding: 5px 10px;
}


.latte-item.phase-task{
    width: 38px;
    height: 38px;
    border: solid 1px transparent;
    position: relative;
}

.latte-item.phase-task.selected{
    border-color: red !important;
}

.latte-item.phase-task:hover{
    border-color: orange;
}

.latte-item.phase-task .latte-item.icon{
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
}

.latte-item.phase-task.ready,
.latte-item.phase-task.pendent{
    background: white;
}

.latte-item.phase-task.assigned{
    background: white;
}

.latte-item.phase-task.executing{
    background: dodgerblue;
}

.latte-item.phase-task.onhold{
    background: navy;
}

.latte-item.phase-task.terminated{
    background: gray;
}

.latte-item.phase-task.expired{
    background: darkred;
}

.latte-item.phase-task.forwarded{
    background: orange;
}

.latte-item.phase-task.finalized{
    background: green;
}

.latte-item.phase-task.failed{
    background: white;
}

/* THEME TextColor */
.app.projects .clickable.selected,                                         /* Selected clickable */
.app.projects .clickable.checked,                                          /* Checked clickable */
.app.projects .selectable.selected ,
.app.projects .latte-item.column-header:hover                                                /* selectable */
{
    color: white !important;
}

/* THEME Color Background */
.app.projects .clickable.selected,           /* Selected clickable */
.app.projects .clickable.checked,            /* Checked clickable */
.app.projects .selectable.selected,
.app.projects .latte-item.column-header:hover
{
    background: #093 !important;
    border-color: transparent;
}

/* THEME Color Background, Lighter */
.app.projects .selectable.hover
{
    background: #CCEBD6 !important;
}

/* THEME Color text */
.app.projects .latte-item.label.title-1,          /* Title 1 */
.app.projects .selectable.hover,
.app.projects .column-header
{
    color: #093 !important;
}

/* THEME Color border */
.app.projects .clickable.with-face{
    border-color: #093;
    background-color: transparent;
}

/* THEME Font */
.app.projects .latte-item.label.title-1,
.app.projects .latte-item.label.title-2,
.app.projects .latte-item.label.title-3
{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
}/* 
    Document   : ProfileApp
    Created on : Apr 30, 2013, 9:10:07 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/



.latte-view.inplek-main  .latte-view.app.profile .card{
    background: white;
    border: solid 1px #E2E5E5;
    min-height: 200px;
}

.latte-view.inplek-main  .latte-view.app.profile .card > .photo{
    float: left;
    background: #f0f0f0;
    width: 200px;
    height: 200px;
}

.latte-view.inplek-main  .latte-view.app.profile .card  > .data{
    float: left;
}

.latte-view.inplek-main  .latte-view.app.profile .card  > .data > .latte-item.label.name{
    float: none;
    margin-left: 15px;
    margin-top: 15px;
    color: black;
}

.latte-view.inplek-main  .latte-view.app.profile .card > .data > .latte-item.label.status{
    float: none;
    margin-left: 15px;
    margin-top: 15px;
    color: #999;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts{
    margin: 15px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts > .splitter{
    background: transparent;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts > .latte-view.side{
    border: solid 1px #E2E5E5; 
    background: white;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts > .latte-view.side > .container{
    margin: 15px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts .friends-container{
    clear: both;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-view.split.contacts .friends-container .friend{
    margin: 15px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-item.lbl-activity{
    margin-top: 20px;
    text-shadow: 1px 1px 1px white;
    margin-bottom: 7px;
}

.latte-view.inplek-main  .latte-view.app.profile .latte-item.poster{
    float: none;
    clear: both;
    border: solid 1px #E2E5E5; 
    background: white;
}

.latte-view.inplek-main .latte-view.app.profile .latte-item.post{
    
    border: solid 1px #E2E5E5; 
    margin-top: 15px;
}/* 
    Document   : TaskItem
    Created on : Jan 28, 2013, 8:07:34 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-item.task{
    position:relative;
    padding: 5px;
    padding-left: 52px;
    min-height: 55px;
}

.latte-item.task.hover{
    background: #fafafa;
}

.latte-item.task.hover.expanded{
    background: transparent;
}

.latte-item.task.expanded{
    box-shadow: inset 0 -4px 4px 0px rgba(0,0,0,0.1),inset 0 4px 4px 0px rgba(0,0,0,0.1);
}

.latte-item.task > .latte-item.button.collapse{
    position: absolute;
    right: 0;
    top: 0;
}

.latte-item.task > .latte-item.button.status{
    position: absolute;
    top: 1px;
    left: 1px;
}

.latte-item.task > .latte-item.button.status{
    padding: 15px;
}


.latte-item.task > .latte-item.label.subject{
    
}

.latte-item.task.executing > .latte-item.label.subject > .label-content{
    color: #006600;
}

.latte-item.task > .latte-item.label.detail{
    float: none;
    clear:both;
}

.latte-item.task > .latte-item.label.detail > .label-content{
    color: #777;
    white-space: normal;
}

.latte-item.task.executing > .latte-item.label.detail > .label-content{
    color: #009900;
}

.latte-item.task > .latte-item.progress{
    margin-top: 6px;
    float: left;
    width: 100px;
}

.latte-item.task > .latte-item.progress > .container{
    border-color: #DCDDDE;
}

.latte-item.task > .latte-item.label.files,
.latte-item.task > .latte-item.label.comments{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    opacity: 0;
}

.latte-item.task.hover > .latte-item.label.files,
.latte-item.task.hover > .latte-item.label.comments{
    opacity: 0.8;
}

.latte-item.task > .latte-item.conversation,
.latte-item.task > .latte-item.stack.files{
    float: none;
    clear: both;
    margin: 15px 0;
}/* 
    Document   : TaskView
    Created on : Jan 24, 2013, 7:14:09 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.latte-view.task {
    background: #fafafa;
}/* 
    Document   : MainView
    Created on : Dec 3, 2012, 2:32:52 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

body{
    background-color: #F5F6F7;
    overflow: hidden;
}

/* THEME Context Background Color */
.latte-item.toolbar.inplek-bar > .face,
.latte-view.inplek-main,
.latte-view.inplek-main .latte-view.toolbar .toolbar.with-face.inplek-status,
.latte-view.inplek-main .toolbar.inplek-status > .face,
.latte-item.toolbar.inplek-bar .clickable.with-context,
.latte-item.toolbar.inplek-status .clickable.with-context,
.latte-item.toolbar.inplek-bar .latte-overlay,
.latte-item.toolbar.inplek-status .latte-overlay
{
    background: #333;
}

/* THEME Context clickable color */
.latte-item.toolbar.inplek-bar .clickable.selected,
.latte-item.toolbar.inplek-bar .clickable.pressed,
.latte-item.toolbar.inplek-status .clickable.selected,
.latte-item.toolbar.inplek-status .clickable.pressed
{
    background-color: #1d1d1d !important;
    border-color: transparent;
}

/* THEME Context dark border color */
.latte-item.toolbar.inplek-bar  .latte-overlay.menu .latte-item.separator,
.latte-item.toolbar.inplek-status  .latte-overlay.menu .latte-item.separator,
.latte-item.toolbar.inplek-status .clickable.with-context,
.latte-item.toolbar.inplek-bar .clickable.with-context,
.latte-item.toolbar.inplek-bar .latte-overlay,
.latte-item.toolbar.inplek-status .latte-overlay
{
    border-color: #1d1d1d;
}

/* THEME Context text color */
.latte-item.toolbar.inplek-bar,
.latte-item.toolbar.inplek-status
{
    color: white;
}

/* THEME tile labels on toolbars */
.latte-view.inplek-main .latte-item.toolbar > .face .latte-item.label.title-1{
    color: #0066CC;
    font-family: Oxygen, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    margin-left: 10px;
    margin-right: 10px;
}

/* Background of workspace */
.latte-view.inplek-main .container.app-container{
    background: #F5F6F7;
    border-radius: 4px;
}

.latte-view.inplek-main .latte-item.toolbar.with-face.inplek-bar{
    border: none;
}

.latte-item.toolbar.inplek-bar > .face {
    padding: 0;
    border-radius: 0 !important;
}


.latte-item.toolbar.inplek-bar > .face .latte-item.button{
    padding: 3px;
    border-radius: 0;
    margin-right: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 13px;
    word-spacing: 1px;
    color: rgba(255, 255, 255, 0.41);
}

.latte-item.toolbar.inplek-bar > .face > .holder > .items-container .latte-item.separator{
    border-left: solid 1px transparent;
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 7px;
}

.latte-item.toolbar.inplek-bar.with-face{
    border: none;
}

.latte-item.toolbar.inplek-bar > .face .latte-item.button.session-button{
    margin-right: 0;
}

/* START BUTTON */
.latte-item.toolbar.inplek-bar > .face .latte-item.button.start-button{
    padding: 3px 15px !important;
}

.latte-item.stack.notifications-stack{
    overflow: auto;
    width: 330px;
    max-height: 530px;
}

/**
 General theme adjustments
*/
.latte-view.inplek-main .selectable{
    border: none;
    border-radius: 0;
    /*padding: 10px;*/
}

.latte-view.inplek-main .selectable.selected{
    background: #0cf;
    color: white;
    border: none;
    border-radius: 0;
    /*padding: 10px;*/
}

.latte-view.inplek-main .selectable.hover{
    background: #CCF5FF;
    border: none;
    border-radius: 0;
}

.latte-view.inplek-main .latte-view.list > .container,
.latte-view.inplek-main .latte-view.tree > .container{
    padding: 0;
}

.latte-view.inplek-main .latte-view.toolbar .toolbar.with-face.inplek-status,
.latte-view.inplek-main .toolbar.inplek-status > .face{
    background: #333;
    border-left: 0;
}

/* Sidebar paddings */
.latte-item.inplek-status .latte-overlay.menu{
    padding: 10px;
}

.latte-item.inplek-status .latte-overlay.men .clickable{
    padding: 10px;
    min-width: 200px;
}

.latte-item.inplek-status .latte-item.conversation{
    background: #ffffff;
    color: black;
    width: 250px;
    border-radius: 3px;
}

.latte-item.inplek-status img{
    border-radius: 3px;
}/* 
    Document   : Tasks
    Created on : Jan 26, 2013, 11:28:59 AM
    Author     : menendezpoo
    Description:
        Purpose of the stylesheet follows.
*/

/* THEME TextColor */
.app.tasks .clickable.selected,                                         /* Selected clickable */
.app.tasks .clickable.checked,                                          /* Checked clickable */
.app.tasks .selectable.selected,
.app.tasks .latte-item.column-header:hover                                             /* selectable */
{
    color: white !important;
}

/* THEME Color Background */
.app.tasks .clickable.selected,           /* Selected clickable */
.app.tasks .clickable.checked,            /* Checked clickable */
.app.tasks .selectable.selected,
.app.tasks .latte-item.column-header:hover
{
    background: #00CC66 !important;
    border-color: transparent;
}

/* THEME Color Background, Lighter */
.app.tasks .selectable.hover
{
    background: #CCF5E0 !important;
}

/* THEME Color text */
.app.tasks .latte-item.label.title-1,          /* Title 1 */
.app.tasks .selectable.hover,
.app.tasks .column-header
{
    color: #00CC66 !important;
}

.app.tasks .latte-item.file:not(.value):hover{
    outline: solid 3px #00CC66;
}

/* THEME Color border */
.app.tasks .clickable.with-face,
.app.tasks .clickable.checked{
    border-color: #00CC66;
    /*background-color: transparent;*/
}

/* THEME Font */
.app.tasks .latte-item.label.title-1,
.app.tasks .latte-item.label.title-2,
.app.tasks .latte-item.label.title-3
{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
}.latte-view.thread-filter{
    background: #F5F6F7;
}
.latte-view.thread-create{
    background: #F5F6F7;
}
.latte-item.widget.home.tasks > .latte-item.toolbar.top > .face,
.latte-item.widget.home.tasks .clickable.selected,
.latte-item.widget.home.tasks .selectable.selected
{
    background-color: #093;
    color: white;
}

.latte-item.widget.home.tasks{
    border-color: #093;
}

.latte-item.widget.home.tasks .clickable.selected,
.latte-item.widget.home.tasks .selectable.selected
{
    border-color: transparent;
    border-radius: 0;
}

.latte-view.thread-list .latte-item.thread-list-item{

    border-bottom: solid 1px #eee !important;

}

.latte-view.thread-list .bottom-toolbar .latte-item.toolbar{
    border-top: solid 1px #ccc;
}.latte-view.thread{
    background: #F5F6F7;
}

.latte-view.thread .latte-item.stack.meta{
    color: #999;
}

.latte-view.thread .latte-item.stack.content{
    border-bottom: solid 1px #ccc;
}

.latte-view.thread .latte-view.column > .container{
    padding: 10px;
}

.latte-view.thread .latte-item.button.tag-button{
    padding: 0;
}

.latte-view.thread .latte-item.button.tag-button .label-content{
    margin: 0;
    padding: 2px 0.8em;
    background: gray;
    color: white;
    border-radius: 3px;
}.latte-view.threads-home > .container > .view{
    background: #F5F6F7;
}.latte-item.widget.home.threads > .latte-item.toolbar.top > .face,
.latte-item.widget.home.threads .clickable.selected,
.latte-item.widget.home.threads .selectable.selected
{
    background-color: #FF9326;
    color: white;
}

.latte-item.widget.home.threads{
    border-color: #FF9326;
}

.latte-item.widget.home.threads .clickable.selected,
.latte-item.widget.home.threads .selectable.selected
{
    border-color: transparent;
    border-radius: 0;
}

.latte-item.widget.home.threads > .stack > .container > .label{
    background: #F5F6F7;
    color: #777;
    padding-top: 10px;
    padding-left: 5px;
}
.latte-item.label.thread-item{
    position: relative;
    background-color: #ffffff;
    padding: 10px;

    border: solid 1px #ccc;
    border-bottom: none;
}

/* Remove description opacity */
.latte-item.label.thread-item > .label-content  > .description{
    opacity: 1;
}


.latte-item.label.thread-item  .latte-item.label.date{
    color: #999;
}

.latte-item.label.thread-item.status{
    background-color: #F9FBFC;
}

.latte-item.label.thread-item .description > .text{
    margin-top: 15px;
    margin-bottom: 15px;
}

.latte-item.thread-item .latte-item.toolbar > .face{
    padding: 0;
    height: 17px;
}

.latte-item.thread-item .latte-item.toolbar > .face > .holder > .items-container > .latte-item.label,
.latte-item.thread-item .latte-item.toolbar > .face > .holder > .side-items-container > .latte-item.label {
    margin: 0 2px;
}

.latte-item.label.thread-item  .file-stack > .container{
    margin: 20px;
}.app.tasks .latte-view.reports h1{
	font-size: 15px;
	margin-left: 50px;
}

.app.tasks .latte-view.reports table{
	margin: 0 50px 50px 50px;
	border-spacing: 0;
	border-collapse: collapse;
}

.app.tasks .latte-view.reports table td,
.app.tasks .latte-view.reports table th{
	border-bottom: solid 1px silver;
	padding: 4px 15px;
}

.app.tasks .latte-view.reports table th{
	/*text-align: left;*/
}/* 
    Document   : AppIcon
    Created on : Jan 15, 2013, 12:57:51 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-item.app-icon{
    cursor: pointer;
    text-align: center;
    color: white;
}

.latte-item.app-icon > .icon .latte-item.icon{
    float: none;
}

.latte-item.app-icon .latte-item.label{
    float: none;
    margin-top: 10px;
}.latte-item.button.badge .unread{
    border-radius: 100%;
    background: #DE383F;
    color: white;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: -3px;
    width: 12px;
    height: 12px;
    padding: 2px;
    text-align: center;
}/* 
    Document   : FilesItem
    Created on : Jan 23, 2013, 9:45:21 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.dragover{
    position: relative;
}

.dragover > .cue{
    position: absolute;
    
    border: 5px dashed orange;
    border-radius: 10px;
    background: white;
    background: rgba(255, 255, 255, 0.7);
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    
}

.latte-item.files > .uploader{
    padding: 10px 0;
}

.latte-item.files > .uploader:after{
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.latte-item.files input[type=file]{
    padding: 7px 5px;
    display: block;
    width: 97%;
}

.latte-item.files > .latte-item.file{
    margin: 5px;
}.latte-item.button.flat{
    color: #0088FF;
    border:solid 1px #0088FF;
    padding: 5px !important;
    border-radius: 4px !important;
}.latte-item.file:not(.value){
    float: left;
    border: solid 1px silver;
    cursor: pointer;
}

.latte-item.file:not(.value):hover{
    outline: solid 3px #0b8fff;
}

.latte-item.file > .preview{
    width: 190px;
    height: 150px;
    overflow: hidden;
    background: white no-repeat center center;
    position: relative;
}

.latte-item.file > .preview > div{
    font-size: 35px;
    font-weight: bold;
    color: silver;
    position: absolute;
    top: 50%;
    left: 50%;
}

.latte-item.file > .preview > .latte-item.progress{
    width: 150px;
    margin-left: -75px;
}

.latte-item.file > .preview > .latte-item.loader{
    margin-left: -16px;
    margin-top: -16px;
}

.latte-item.file > .preview > div.pdf  {  color: maroon;  }
.latte-item.file > .preview > div.docx {  color: navy;  }
.latte-item.file > .preview > div.doc  {  color: navy;  }
.latte-item.file > .preview > div.xls  {  color: darkgreen;  }
.latte-item.file > .preview > div.xlsx {  color: darkgreen;  }
.latte-item.file > .preview > div.pptx {  color: #E25323;  }
.latte-item.file > .preview > div.ppt  {  color: #E25323;  }
.latte-item.file > .preview > div.html {  color: dodgerblue;  }

.latte-item.file > .preview.horizontal { background-size: auto 100%; }
.latte-item.file > .preview.vertical {
    background-size: 100% auto;
    background-position-y: top;
}


.latte-item.file > .foot{

    background: #f0f0f0;
}

.latte-item.file > .foot > .caption{
    margin: 8px;
    float: left;
    overflow: hidden;
    width: 140px;
    white-space: pre;
}

.latte-item.file > .foot > .button{
    float: right;
    height: 19px;
}

.latte-item.file > .foot:after{
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);


/* THEME Text color */
.latte-view.cover > .latte-item.anchor,                                     /* Title label  */
.latte-view.cover > .latte-item.toolbar > .face,                            /* Toolbar face */
.latte-view.cover > .container > .latte-view .clickable.selected,           /* Selected clickable */
.latte-view.cover > .container > .latte-view .clickable.checked,            /* Checked clickable */
.latte-view.cover > .container > .latte-view .selectable.selected           /* Selected selectable */
{
    color: white;
}

/* THEME Background color */
.latte-view.cover > .latte-item.anchor,                                       /* Title label  */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face,   /* Toolbar face */
.latte-view.cover > .container > .latte-view .clickable.selected,             /* Clickable background */
.latte-view.cover > .container > .latte-view .clickable.checked,              /* Clickable background */
.latte-view.cover > .container > .latte-view .selectable.selected             /* Selected selectable */
{
    background: #FF9326 !important;
}

/* THEME Colored text */
.latte-view.cover > .container > .latte-view .latte-item.label.title-1, /* Title 1 */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face .latte-item.tab.active /* Active cover tab*/
{
    color: #FF9326;
}

/* THEME Background lighter color */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face .clickable.selected, /* Hot tabs*/
.latte-view.cover > .container > .latte-view .selectable.hover      /* Hover selectable */
{
    background: #FFBE7D !important;
}

/* THEME Font */
.latte-view.cover > .latte-item.anchor,                         /* Title label  */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face,    /* Toolbar face */
.latte-view.cover > .container > .latte-view .latte-item.label.title-1,
.latte-view.cover > .container > .latte-view .latte-item.label.title-2,
.latte-view.cover > .container > .latte-view .latte-item.label.title-3
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

/* Titles sizes */
.latte-view.cover > .container > .latte-view .latte-item.label.title-1 { font-size: 25px; }
.latte-view.cover > .container > .latte-view .latte-item.label.title-2 { font-size: 25px; }
.latte-view.cover > .container > .latte-view .latte-item.label.title-3 { font-size: 20px; }

/* Shadow for titles */
.latte-view.cover > .container > .latte-view .latte-item.label.title-1,
.latte-view.cover > .container > .latte-view .latte-item.label.title-2,
.latte-view.cover > .container > .latte-view .latte-item.label.title-3
{
    text-shadow: 1px 1px 1px white;
}

/* Title padding */
.latte-view.cover > .latte-item.anchor{
    padding: 15px;
    font-size: 30px;
}

/* Remove tabs-toolbar face roundnesss */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face{
    border-radius: 0;
    font-size: 15px;
    color: white;
}

/* Style correction for tabs */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face .latte-item.clickable{
    border-radius: 0;
}

/* Style correction for hot tabs */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face .clickable.selected{
    border-color: transparent; /*#FFBE7D;*/
    border-bottom-color: white;
    color: white !important;
}

/* Style correction for selected tabs */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar > .face .latte-item.tab.active{
    border-color: white;

}

/* Remove border from tab bar */
.latte-view.cover > .container > .latte-view > .latte-item.toolbar.tab{
    border-color: white;
}

/* Paint faces white of toolbars in toolbar-views inside the cover content */
.latte-view.cover > .container > .latte-view > .container .latte-view.toolbar > .toolbar .face{
    background: white;
}

/* Remove border from selected clickables */
.latte-view.cover > .container > .latte-view .clickable.selected{
    border-color: transparent;
}
/* 
    Document   : HomeWidget
    Created on : Dec 3, 2012, 5:55:47 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-item.widget.home{
    border-color: #DCDDDE;
    box-shadow: none !important;
}

.latte-item.widget.home > .latte-item.toolbar.top > .face {
    background: #DCDDDE ;
    border-bottom: none !important;
}

.latte-item.widget.home .latte-item.toolbar > .face{
    border-radius: 0;
}.latte-item.loader{

}

.latte-item.loader > .img-container{
    overflow: hidden;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
.latte-item > .img-container {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}/* 
    Document   : MetroAppIcon
    Created on : Jan 15, 2013, 11:46:00 AM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/

.latte-item.metro-app-icon{
    padding: 25px;
    border-radius: 2px;/**/
    position: relative;
}

.latte-item.metro-app-icon > .label{
    position: absolute;
    left: 4px;
    bottom: 4px;
    color: white;
}/* 
    Document   : WeekdaySelector
    Created on : Feb 27, 2013, 4:20:29 PM
    Author     : josemanuel
    Description:
        Purpose of the stylesheet follows.
*/
.latte-item.weekday-selector .latte-item.checkbox{
    margin: 5px 15px;
}.latte-overlay.tagger-suggestions{
    border: solid 1px #ccc;
    background: white;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    max-height: 300px;
    overflow: auto;
}
.latte-item.label.profile-activity{
    position: relative;
    background-color: #ffffff;
    padding: 10px;

    border: solid 1px #ccc;
    border-bottom: none;
}

/* Remove description opacity */
.latte-item.label.profile-activity > .label-content  > .description{
    opacity: 1;
}


.latte-item.label.profile-activity  .latte-item.label.date{
    color: #999;
}

.latte-item.label.profile-activity.status{
    background-color: #F9FBFC;
}

.latte-item.label.profile-activity .description > .text{
    margin-top: 15px;
    margin-bottom: 15px;
}

.latte-item.profile-activity .latte-item.toolbar > .face{
    padding: 0;
    height: 17px;
}

.latte-item.profile-activity .latte-item.toolbar > .face > .holder > .items-container > .latte-item.label,
.latte-item.profile-activity .latte-item.toolbar > .face > .holder > .side-items-container > .latte-item.label {
    margin: 0 2px;
}

.latte-item.label.profile-activity  .file-stack > .container{
    margin: 20px;
}.latte-item.button.badge.user .close{
    position: absolute;
    top: -3px;
    right: -3px;
}