/*
wf.site.css
Version: 1.0.0
Date: 2014/12/27
*/

/* ---------------------------------------------------------------------------
    Input width
    Set width on the form input elements since they're 100% wide by default.
--------------------------------------------------------------------------- */

/*input, select, textarea .wf-input-40chars {
    max-width: 340px;
}

input, select, textarea .wf-input-50chars {
    max-width: 412px;
}*/

/* ---------------------------------------------------------------------------
    Boostrap Modal
--------------------------------------------------------------------------- */

.wf-modal-body {
    padding-bottom: 0px;
}

.wf-modal-footer {
   padding-top: 5px; 
}

.wf-modal-footer > .btn {
   margin-top: 10px;
}

.wf-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
}

.wf-modal-open-addpadding {
    /*does nothing, used to fix bootstrap modal padding-right*/
}

/* ---------------------------------------------------------------------------
    Inline align
--------------------------------------------------------------------------- */

.wf-formcontrols-inline-marginbottom .form-control {
    display: inline-block; 
    vertical-align: top;
    margin-bottom: 15px;
}

.wf-formcontrols-inline-marginbottom .btn {
    margin-bottom: 15px;
}

.wf-formcontrols-inline-margintop .form-control {
    display: inline-block; 
    vertical-align: top;
    margin-top: 50px;
}

.wf-formcontrols-inline-margintop .btn {
    margin-top: 15px;
}

/* ---------------------------------------------------------------------------
    Buttons align
--------------------------------------------------------------------------- */

.wf-buttons-margintop .btn {
    margin-top: 10px;
}

.wf-buttons-margintopright .btn {
    margin-top: 10px;
    margin-right: 5px;
}

.wf-buttons-marginbottom .btn {
    margin-bottom: 10px;
}

.wf-buttons-marginbottomright .btn {
    margin-bottom: 10px;
    margin-right: 5px;
}

/* ---------------------------------------------------------------------------
    Bootstrap Tabs
--------------------------------------------------------------------------- */

.tab-content.wf-tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 4px 4px;
    padding: 20px 20px 8px 20px;
    margin-bottom: 20px;
}

.tab-content.wf-tab-content {
    background-color: ghostwhite;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: ghostwhite;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: ghostwhite;
}

/* ---------------------------------------------------------------------------
    Bindings
--------------------------------------------------------------------------- */

/* 
    Use for dates. 
    - Adds a boostrap calendar to the input "wf_bindEvents.bindBootstrapDatepicker".
    - Binds the "wf_bindEvents.bindAcceptOnlyDateEvent" event. 
    - Sets the default width for a date field.
*/
.wf-calendar {
    /*max-width: 105px;*/
}

/* ---------------------------------------------------------------------------
    DataTable
--------------------------------------------------------------------------- */

/* 
    Sets the colour of the "wf_dataTable" selected rows.
*/
.wf-datatable-row-selected td {
     background-color: rgb(144, 174, 180);
}

.wf-datatable-last-row > td {
    border-bottom: 0px !important;
}
/*[wf-childrow]*/
/*.wf-datatable.panel > .table-responsive > .table-bordered > tbody > tr:last-child[style*="display: none"] > td {
    border-bottom: 0px !important;
}*/



/* ---------------------------------------------------------------------------
    Classes to centralize content on the screen.
    Used to centralize the loading animation. 
    Used for the wf.dialog.js, method showLoadingDialog().
--------------------------------------------------------------------------- */

.wf-loading-animation {
	width: 60px;
}

/* Classes to centralize content on the screen. */
.wf-center-screen {
    display: table;
    width: 100%;
    height: 100%;
}

    .wf-center-screen .wf-middle-vertical {
        display: table-cell;
        vertical-align: middle;
    }

        .wf-center-screen .wf-middle-vertical .wf-center-align {
            text-align: center;
            margin: auto;
        }


/* ---------------------------------------------------------------------------
    Div Data
--------------------------------------------------------------------------- */

.wf-data-div {
    padding: 15px 15px 0px 15px;
    margin-bottom: 14px;
    background-color: ghostwhite;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

.wf-data-buttons .btn {
    margin-top: 8px;
    /*margin-right: 5px;*/
}

.wf-data-buttons:before {
    margin-bottom: -8px;
}

/* ---------------------------------------------------------------------------
    Classes for callout.
--------------------------------------------------------------------------- */

.wf-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.wf-callout h4 {
    margin-top: 0;
}

.wf-callout-warning {
    border-left-color: #f0ad4e;
}

.wf-callout-warning h4 {
    color: #f0ad4e;
}

.wf-callout-danger {
    border-left-color: #d9534f;
}

.wf-callout-danger h4 {
    color: #d9534f;
}

.wf-callout-info {
    border-left-color: #5bc0de;
}

.wf-callout-info h4 {
    color: #5bc0de;
}

.wf-callout pre {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

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