/* 
    Document   : koCustoms
    Created on : 31 janv. 2014, 18:08:34
    Author     : lx.barjon
    Description:
        Custom style for knocout.js utilities and components
*/

.koViewBlock
{
    
}

/********************************
 * Editable bindinghandler
 */
.koEditable {
    padding: 3px;
    border: 1px;
}
.koEditable:hover {
    padding: 2px;
    background-color: #efefef;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 2px;
}

.editable-success {
    border-radius: 3px 3px 3px 0;
}
.editable-done {
    position: absolute;
    z-index: 100;

    margin-top: 2px;
    padding: 3px;

    background-color: #dff0d8;
    border: 1px solid #3c763d;
    border-radius: 12px;

    box-shadow: 0 5px 6px #888;
}

.koEditableInputContainer {
    display: inline-block;
}
.koEditableInputContainer.block {
    display: block;
}

/********************************
 * Loading component
 */
.loading {
    position: fixed;
    top: 0px;
    left: 0px;
    
    z-index: 9000;
    
    width: 100%;
    height: 100%;
    
    padding-top: 100px;
    
    text-align: center;
    
    background-color: rgba(255, 255, 255, 0.8);
}

/********************************
 * Modal component
 */
.modal {
    top: 50px !important;
    z-index: 1050;
}

.header-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 6px 6px 0 0;
}
.header-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border-radius: 6px 6px 0 0;
}
.header-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 6px 6px 0 0;
}
.header-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    border-radius: 6px 6px 0 0;
}