/*
    Este arquivo contém as customizações de estilos que são usadas nos editores do sistema:

    - Janela
    - Toolbar responsiva

______________________________________________________________________________________________
*/

.wi-editor-offset {
    height:60px;
    min-height:60px;
}

.wi-editor-offset-md {
    height:70px;
    min-height:70px;
}


/* 
    WINDOW - Inicio ----------------------------------------------------------------------------
*/

.wi-wnd-content {
    overflow: auto;
    width: 100%;
}

.wi-wnd-footer, footer {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .wi-wnd-footer .k-button, footer .k-button {
        margin-right: 5px;
        margin-bottom: 10px;
    }

        .wi-wnd-footer .k-button:last-child,
        footer .k-button:last-child {
            margin-right: 0;
        }




/* 
    TOOLBAR - Inicio ----------------------------------------------------------------------------
*/

.wi-grid-toolbar {
    padding-bottom: 10px;
}

.navbar-horizontal > li {
    float:left;
}

.navbar-toolbar, .navbar-toolbar-bottom {
    bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1029;
    margin-bottom: 0;
    border-width: 1px 0 0;
    background-color: #f8f8f8;
    color: #333;
    min-height:60px;
}

    .navbar-toolbar .k-button, .navbar-toolbar-bottom .k-button {
        margin-top: 12px;
        margin-right: 5px;
        border: 1px solid #d1d1d1;
    }

    .navbar-toolbar .k-button.k-primary, .navbar-toolbar-bottom .k-button.k-primary {
        border-color: transparent;
    }

    .navbar-toolbar .navbar-header {
        padding-left: 15px;
        text-align: center;
    }

        .navbar-toolbar .navbar-header li {
            display: inline-block;
        }

    .navbar-toolbar a {
        color: inherit;
    }

    .navbar-toolbar .navbar-collapse .navbar-nav > li > .k-button {
        margin-left: 15px;
    }


@media all and (min-width:768px) {
    .navbar-toolbar .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-toolbar .navbar-collapse .navbar-nav > li > .k-button {
        margin-left:0;
    }

    .navbar-toolbar-right .navbar-collapse {
        padding-right: 0;
        display:inline-block !important;
        float: left;
    }
}

    .navbar-toolbar .toolbar-divider {
        display: none;
    }

.navbar-toolbar-footer {
    min-height: 50px;
    margin-top:0;
    margin-bottom:0;
    padding-top:15px;
    padding-bottom:15px;
    border-top:1px solid #ddd; 
}

    .navbar-toolbar-footer .footer-body {
        display: none;
    }

@media all and (min-width:1200px) {
    .navbar-toolbar {
        position: inherit;
        background-color: inherit;
        margin-bottom: 20px;
        text-transform: uppercase;
        min-height:inherit;
    }

        .navbar-toolbar .k-button {
            border: inherit;
        }

        .navbar-toolbar .navbar-header {
            padding-left: 0;
        }

        .navbar-toolbar .toolbar-divider {
            display: inline-block;
            margin: 20px 10px;
            width: 1px;
            min-height: 20px;
            background-color: #ccc;
        }

    .navbar-toolbar-editor-top {
        position: fixed;
        top: 80px;
        bottom: auto;
        border-bottom: 1px solid #ddd; 
    }

    .navbar-toolbar-right {
        margin-bottom: 0;
        float: right;
    }

        .navbar-toolbar-right .navbar-header {
            float: right;
        }

    .navbar-toolbar-footer .footer-body {
        display: block;
    }
}


/* 
    HTML HELPERS - Inicio ----------------------------------------------------------------------------
*/

.wi-helper-button {
    vertical-align: middle;
    text-align: right;
    line-height: 1.71em;
    padding: 0 5px;
    cursor: pointer;
    width: 20px;
    height: 100%;
}

    .wi-helper-button.helper-icon {
        background-color: transparent;
    }

    .wi-helper-button .fa {
        vertical-align: middle;
    }

.k-space-right > .wi-helper-button {
    position: absolute;
    top: 0;
    right: 0;
}

    .k-space-right .wi-helper-button .k-icon {
        right: 5px;
    }

    .k-space-right .wi-helper-button .icon {
        position: absolute; 
        top: 50%; 
        margin: -10px 0 0 0; 
        right: 5px;
    }


/* 
    LIST TEXTBOX - Inicio ----------------------------------------------------------------------------
*/

.wi-list-textbox label.wi-item {
    font-weight: normal;
}

/* 
    LIST TEXTAREA - Inicio ----------------------------------------------------------------------------
*/

.wi-list-textarea textarea {
    resize: none;
}

.wi-list-textarea label.wi-item {
    font-weight: normal;
}

.wi-list-textarea div:first-child textarea
{
    margin-top: -1px;
    margin-left: -1px;
    margin-bottom: -5px;
    width: 100%;
    border-right: none;
}


/* 
    LOOKUP - Inicio ----------------------------------------------------------------------------
*/
.wi-lookup .k-space-right {
    padding-right: 56px !important;
}

/*.wi-lookup .k-textbox {
    padding-bottom: 1px;
}*/

.wi-lookup ul {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
    height: 100%;
}

.wi-lookup .k-autocomplete {
    width: 100%;
    border: none;
}

.wi-lookup .k-textbox .k-icon.k-i-close {
    margin-top: 0px !important;
}