/*
* 
*   Stili del layout di base    
*   
*/

/* Tag di base */
html
{
    margin:             0px;
	padding:            0px;
}

body
{
    height:             100vh;
    margin:             0px;
    padding:            0px;
    background-color:   white;
    min-height:         300px;
    overflow:           auto;
    font-size:          0px;
    line-height:        0px;
}

/* Contenitore di base */
.baseContainer
{
	position:            relative;
    height:              100%;
	margin:              0px;
	text-align:          center;
    background-color:    white;
}

.contentMain
{
    font-family:        "Segoe UI",Roboto,Arial;
    font-size:          12px;
    font-weight:        normal;
    min-height:         300px;
}

.contentMainButtonsBox
{
    background-color:   #DEDCDD;
    display:            block;
}

.contentMainButtonsBox .buttonBox
{
    height:             105px;
    width:              100%;
}

.footerClear
{
    clear:              both;
}

/* Loghi */
.containerMainCompanyLogo
{
    position:           absolute;
    height:             100%;
    text-align:         left;
}

.applicationLogoContainer
{
    height:                 100%;
}

.applicationLogo
{
    height:                 100%;
}

.logoCompany
{
    border-radius:          10px;
    padding:                5px;
    vertical-align:         middle;
    background-color:       white;
}

/*.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;
}

.contentHeaderUserInfo
{
    width:              90px;
    height:             100%;
    background-color:   #5D5B5C;
}

#userInfoPanel
{
    position:           absolute;
    left:               100%;
    top:                90px;
    font-family:        "Segoe UI",Roboto,Arial;
    font-size:          16px;
    line-height:        16px;
    margin-left:        -240px;
    display:            none; 
    border:             1px solid #cccccc; 
    width:              240px;
    height:             120px;
    box-sizing:         border-box;
    background-color:   white;
    z-index:            10000;
}

#userInitials
{
    height:             100%;
    width:              100%;
}

#userInitials span
{
    position:           relative;
    color:              #FFFFFF;
    font-family:        "Segoe UI",Roboto,Arial;
    font-size:          18px;
    line-height:        normal;
    top:                35%;
}

.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;

}

.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:              #FFFFFF;
}

#userPanelUserComboContainer {
    font-size:           9px;
}

.userInfoPanelFooter
{
    width:              100%;
    height:             25%;
    text-align:         left;
}

.userInfoPanelLink
{
    margin-top:         19px;
    margin-bottom:       5px;
}

.userInfoPanelLink span
{
    
    text-decoration:    none;
    cursor:             pointer;
}

.userInfoPanelLink a
{
    text-decoration:    none;
    cursor:             pointer;
}

#slide-in-handle {
    display:            none;
    position:           absolute;
    top:                10px;
    right:              2px;
    font-size:          37px;
    line-height:        normal;
    cursor:             pointer;
}

#Wrapper_NotificationDisplayModule_NewNotificationsCounter .bitls-module-value
{
    padding: 0px !important;
}

@media screen and (max-width: 1020px) 
{   
    .collapsableMenuButtons
    {
        display:                    none;

    }

    .contentMainButtonsBox .buttonBox 
    {
        border-bottom:              1px solid white;
        height:                     80px;
    }

    .contentMainButtonsBox .bitlsMenuButton
    {
        padding-top:                5px !important;
    }

    .toolbar-buttons-four-item .bitls-module-field,
    .menuStatsContainer .bitls-chart-container,
    .k-widget .k-datepicker .k-header,
    .contentMainButtonsBox .buttonBox,
    .bitls-module#loginForm,
    .bitls-module#ResetUserPasswordModule,
    .bitls-filter-group
    {
        width:                      100% !important;
    }

    .bitls-listView-item
    {
        min-height:                 250px !important;
    }

    .bitls-filter-item-freesearch
    {
        font-size:                  17px !important;
        line-height:                20px !important;
    }

    .contentMain
    {
        top:                        65px !important;
    }

    .contentHeaderUserInfo
    {
        width:                      65px !important;
    }

    #userInfoPanel
    {
        top:                        65px !important;
    }

    .buttonBoxText
    {
        margin-top:                 5px !important;
    }

    #NavigationContext_Page_CurrentMenu .bitls-module-internal
    {
        display:                    inherit !important;
    }

    /* Stili renderizzazione menu hamburger */

    #slide-in-handle
    {
        display:                    block;
    }

    .contentHeaderSideButtonsBox.collapsableMenuButtons
    {
        position:                   absolute;
        top:                        60px;
        right:                      0px;
        background-color:           #FFF;
        border:                     1px solid #333;
        box-sizing:                 border-box;
        -moz-box-sizing:            border-box;
        -webkit-box-sizing:         border-box;
    }

    .contentHeaderSideButtonsBox.collapsableMenuButtons .buttonBox
    {
        display:                    block;
        float:                      none;
    }

    /* --------------- */

    .userInfoLanguagesWrapper 
    {
        right:                      40px !important;
    }

    .biltsSlideInStrip
    {
        left:                       285px !important;
    }
}

@media screen and (max-width: 800px) 
{
    .bitls-module-label,
    .bitls-module-value
    {
        width: 100% !important;
        text-align: left;
    }

    .bitls-module-label
    {
        font-weight: 500;
    }

    .bitls-module-value.bitls-module-display-value
    {
        padding-left: 10px !important;
    }

    .bitls-module.bitls-module-header-row .headerRowElement
    {
        width: 50% !important;
        border: none;
    }

    .bitls-module.bitls-module-row-view .rowViewField
    {
        width: 50% !important;
        border: none;
    }

    .bitls-module.bitls-module-row-view .rowViewField .bitls-module-value.bitls-module-display-value
    {
        padding-top: 11px;
        text-align: center;
    }

    .bitls-module.bitls-module-row-view .bitls-module 
    {
        border: 1px solid black;
    }

    .bitlsTabStrip .k-tabstrip-items .k-state-default .k-link, 
    .bitlsTabStrip .k-panelbar > li.k-state-default > .k-link
    {
        padding: 6px 2px 2px 8px;
        font-size: 0px;
    }

    .bitlsTabStrip .k-tabstrip-items img
    {
        padding: 6px;
    }
}