/*!
 * global.css
 * Elementi globali
 */
body {
    background: #f0f0f0;
}

a {
    text-decoration: none !important;
}
/*first-row: spazio necessario al posizionamento della fixed toolbar */
.first-row {
    margin-top: 100px;
}
/*div.card: margine bottom per i pannelli */
div.card {
    margin-bottom: 1rem !important;
}
/* Panel Breadcrumb
    - Style per il breadcrumb all'interno di un panel
*/
div.panel ol.breadcrumb {
    margin-bottom: 0px !important;
}

/*Titolo H1 in panel-body*/
div.panel div.panel-body h1 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*Stile per visualizzae oggetti figli nel mouse hover del padre*/

[data-item-to-show-onmouseover="true"] {
    display: none;
}

[data-show-item-onmouseover="true"]:hover [data-item-to-show-onmouseover="true"] {
    display: block;
}


/* Oggetti cliccabili, mostra Hand*/

.clickable {
    cursor: pointer;
}
/*
[data-element-id="userinfo-pop-up"] [data-element-id="image"] img {
    max-width: 150px;
    max-height: 100px;
}

[data-element-id="userinfo-pop-up-panel"] .panel-heading .panel-title {
    min-width: 190px;
}


*/
[data-element-id="userinfo-pop-up-panel"] {
    width: 300px;
    max-width: 350px;
}

[data-element-id="owneritemmore-pop-up-panel"] {
    width: 270px;
    max-width: 300px;
}

    [data-element-id="owneritemmore-pop-up-panel"] .list-group-item img {
        max-height: 20px;
    }



[data-element-id="userinfo"] img {
    max-height: 20px;
}

/*



[data-element-id="user-info-container"] {
    margin-top: 0px;
    margin-bottom: 6px;
}

    [data-element-id="user-info-container"] div {
        float: left;
    }

    [data-element-id="user-info-container"] a {
        float: left;
        max-width: 33px;
        max-height: 33px;
        width: 33px;
        height: 33px;
        display: block;
        background: #e6e0e0;
        background-size: cover;
        margin-right: 5px;
    }

    [data-element-id="user-info-container"] span {
        display: none;
        background: #fff;
        opacity: 0.2;
        width: 100%;
        height: 100%;
        margin-top: 0px !important;
    }

    [data-element-id="user-info-container"] a:hover span {
        display: block;
        opacity: 0.8;
    }

    [data-element-id="user-info-container"] .user-initials span {
        display: block !important;
        color: #121111;
        font-size: 16px;
        font-weight: bold;
        padding-top: 4px;
        width: 100% !important;
        text-align: center;
    }
*/




/* LEFT/RIGHT MODAL : Start*/
.modal.modal-left .modal-dialog .modal-footer,
.modal.modal-right .modal-dialog .modal-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    background: #eee;
}

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
    position: fixed;
    margin: auto;
    min-width: 200px;
    max-width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    border: none;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
    padding: 15px 15px 0px;
    overflow-y: auto;
}

.modal.modal-left.fade .modal-dialog {
    left: -10%;
    -webkit-transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
    -moz-transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
    -o-transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
    transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
}

.modal.modal-left.fade.show .modal-dialog {
    left: 0;
}

.modal.modal-right.fade .modal-dialog {
    right: -10%;
    -webkit-transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
    -moz-transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
    -o-transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
    transition: opacity 0.15s linear, left 0.15s ease-out, right 0.15s ease-out;
}

.modal.modal-right.fade.show .modal-dialog {
    right: 0;
}
/* LEFT/RIGHT MODAL : End*/

[data-element-id="tile-header"] .case {
    background-color: #0a6491 !important;
}


[data-element-id="tile-header"] .stage {
    background-color: #0088CC !important;
}


[data-element-id="part-in-error-layer"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 1rem !important;
}


#form-manageSignature .vertical-scrollable > .row {
    height: 70vh;
    overflow: hidden;
    overflow-y: scroll;
    text-align: center;
}


[data-element-id="signature-provider-thumbnail"] {
    height: 24px;
    width: 70px;
}

[data-element-id="signature-thumbnail"] {
    max-width: 200px;
}

[data-element-id="signature-image-max-width"] {
    max-height: 50% !important;
}

[data-element-id="upload"] {
    min-height: 200px;
    position: relative;
}

    [data-element-id="upload"] [name="addDocumentInputFile"] {
        display: none;
    }

    [data-element-id="upload"] [data-element-id="upload-added-file-container"], [data-element-id="upload"] [data-element-id="upload-add-container"] {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    [data-element-id="upload"] [data-element-id="upload-add-button"] {
    }

    [data-element-id="upload"] [data-element-id="upload-drag-info"] {
        font-size: 200%;
    }

    [data-element-id="upload"] [data-element-id="upload-drag-file-container"], [data-element-id="upload"] [data-element-id="upload-drag-file-uploading"] {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #fff;
        width: 100%;
        min-height: 100%;
        border: 4px dashed #0094ff;
        color: #0094ff;
    }

    [data-element-id="upload"] .drag-title {
        font-size: 300%;
    }

    [data-element-id="upload"] .drag-icon, [data-element-id="upload"] .drag-rates {
        font-size: 300%;
    }

    [data-element-id="upload"] .drag-message {
        font-size: 200%;
    }


.fade-loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #fff;
}



[data-element-id="preview-container"] {
    padding: 0px;
    width: 100%;
}

    [data-element-id="preview-container"] iframe {
        width: 100%;
        min-height: 100%;
        border: 0px;
        margin: 0px;
    }

    [data-element-id="preview-container"] img {
        padding: 20px;
    }


[data-element-id="upload-form-control-error"] {
    border: none !important;
    width: 1px !important;
    float: left;
}


/* Introspection elements, non one can see them */
[data-introspection-element="true"] {
    display: none;
}
/* Introspection elements are visible for someone.. */
[data-is-introspection-user="true"] [data-introspection-element="true"] {
    display: block;
}