﻿/*
* 
*   Stili del layout di base    
*   
*/

/* Tag di base */
html
{
    margin:             0px;
	padding:            0px;
}

body
{
    margin:             0px;
    padding:            0px;
    background-color:   white;
    min-width:          1100px;
    min-height:         300px;
    overflow:           auto;
    font-size:          0px;
    line-height:        0px;
}

/* Contenitore di base */
.baseContainer
{
	position:            absolute;
    width:               100%;
    height:              100%;
	margin:              0px;
	text-align:          center;
    background-color:    white;
    min-width:           1000px;
}

.contentMain
{
    position:           relative;
    width:              100%;
    font-family:        Century Gothic, Arial;
    font-size:          13px;
    min-height:         300px;
}

.footerClear
{
    clear:              both;
}

/* Loghi */
.containerMainCompanyLogo
{ 
    position:               absolute;
}

.containerMainCompanyLogoBackground
{
    position:           absolute;
    padding-top:        2px;
    margin:             0px;
    z-index:            999;
    background-color:   white;
    opacity:            0.7;
}

.containerMainCompanyLogoBackground image
{
    visibility:         hidden;
}

.logoCompany
{
    -moz-box-shadow:        0px 0px 10px 10px #e5e5e5;
    -webkit-box-shadow:     0px 0px 10px 10px #e5e5e5;
    box-shadow:             0px 0px 10px 10px #e5e5e5;
    border-radius:          10px;
    padding:                5px;
    vertical-align:         middle;
    background-color:       white;
}

.contentHeaderBookmarkImage
{
    position:           absolute;
    height:             96px;
    top:                4px;
    left:               240px;
    margin:             0px;
    z-index:            9999;
}

/*.bitls-notification
{
    display:            none;
}*/

.bitls-image
{
    border:                 0px;
    margin:                 0px;
    padding:                0px;
}

.bitls-text-ellipsis
{
    text-overflow:          ellipsis;
    overflow:               hidden;
    white-space:            nowrap;
}

/*
 * Css File
 */

.k-file-success .k-progress
{
    background-color:   #2E3192;
}

.k-file-progress .k-progress
{
    background-color:   #8F8F8F;
}

.k-dropzone .k-upload-status
{
    color:              #8F8F8F;
}

.k-dropzone .k-upload-button span 
{
    color:              #8F8F8F;
}

.k-list.k-reset li
{
    font-size:          14px;
}

.contentHeaderUserInfo
{
    position:           relative; 
}

.contentHeaderuserInfoLogText
{
    position:           absolute; 
    width:              100%; 
    bottom:             11px; 
    text-align:         center; 
    font-size:          13px; 
    font-family:        Century Gothic, Arial; 
    color:              white; 
    cursor:             pointer;
}

#userInitials
{
    border:             1px solid #cccccc;
    box-shadow:         0px 0px 20px rgba(91,91,91,0.4);
    -moz-box-shadow:    0px 0px 20px rgba(91,91,91,0.4);
    -webkit-box-shadow: 0px 0px 20px rgba(91,91,91,0.4);
}

#userInfoPanel
{
    position:           absolute;
    left:               100%;
    top:                60px;
    font-size:          16px;
    line-height:        16px;
    margin-left:        -243px;
    display:            none; 
    border:             1px solid #cccccc; 
    width:              240px;
    height:             120px;
    margin-top:         -4px;
    box-sizing:         border-box;
    box-shadow:         0px 0px 20px rgba(91,91,91,0.4);
    -webkit-box-shadow: 0px 0px 20px rgba(91,91,91,0.4);
    -moz-box-shadow:    0px 0px 20px rgba(91,91,91,0.4);
    background-color:   white;
    z-index:            10000;
}

.userInfoPanelCompanyLogoWrapper
{
    float:              left;
    width:              50%;
    height:             75%;
    text-align:         center;
    overflow:           hidden;
}

.userInfoPanelCompanyLogo
{
    height:             60px;
    position:           relative;
    top:                50%;
    margin-top:         -30px;
    border:             1px solid #cccccc;
    box-shadow:         0px 0px 20px rgba(91,91,91,0.4);
    -webkit-box-shadow: 0px 0px 20px rgba(91,91,91,0.4);
    -moz-box-shadow:    0px 0px 20px rgba(91,91,91,0.4);

}

.userInfoPanelUserOptions
{
    float:              left;
    width:              50%;
    height:             75%;
    text-align:         left;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    padding-left:       5px;
    overflow:           hidden;
}

.userInfoPanelUserDescriptionWrapper 
{
    position:           relative;
    top:                7px;
    padding-left:       10px;
}

.userInfoPanelUserDescription 
{
    font-size:          18px;
    color:              white;
}

#userPanelUserComboContainer {
    font-size:           9px;
}

.userInfoPanelFooter
{
    width:              100%;
    height:             25%;
    background-color:   #3c9ade;
    text-align:         left;
}

.userInfoPanelLink
{
    margin-top:         19px;
    margin-bottom:       5px;
}

.userInfoPanelLink span
{
    
    text-decoration:    none;
    cursor:             pointer;
    color:              rgb(0, 102, 204);
}

.userInfoPanelLink a
{
    text-decoration:    none;
    cursor:             pointer;
    color:              rgb(0, 102, 204);
}