/* Basic HTML elements */

html {
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    min-height: 100%;    
}

body {
    padding-bottom: 0px;
    margin-bottom: 30px; /** Footer height */
}

form {
    margin: 0px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    margin-bottom: 0px;
}

table {
    border-collapse: separate;
    border-spacing: 0px;
}

th, td {
    padding: 0px;
    vertical-align: top;
}

/* Bootstrap */

.table-hover table tbody tr:hover > td,
.table-hover table tbody tr:hover > th {
    background-color: transparent;
}

.uneditable-input {
    margin-bottom: 0px;
}

#content-body {
    padding-top: 6px;
    min-height: initial;
}

#content-head {
    background-color: #fff;
    background-repeat: none;
    background-image: none;
}
#content-foot {
    background-color: rgb(37, 95, 150);
    background-repeat: none;
    background-image: none;
}

#content-head .logo {
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
}

#content-head .title {
    float: left;
    margin: 35px 0 20px 40px;
}

#content-head .user-informations {
    text-align: right;
}

#content-head .user-informations div {
    padding: 6px 0px
}

#content-foot {
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(78,103,138,0.69);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(78,103,138,0.69);
    box-shadow: inset 0 20px 20px -20px rgba(78,103,138,0.69);
    
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
}

#login-edit-form {
    margin: 50px 0px;
}

.nav-pills > li {
    background-color: white;
}

/* Bootstrap add-ons */

.form-horizontal .controls-control-label {
    padding-top: 5px;
    margin-right: 5px;
}

.form-actions {
    margin: 0px;
    padding: 0px 0px 6px 0px;
    border-top: none;
    width:100%;
    z-index:10;    
}

.alert-container span.alert {
    /* Alert rendered as a span */
    display: block;
}

.alert {
    margin-bottom: 0px;
}

span.form-control-static,
a.form-control-static {
    display: inline-block;
}

.form-line-break {
   white-space: pre-wrap;
}

.affix {
    top: 0;
    width: 100%;
    margin-left:-10px;
    padding-top:6px;
    padding-left:10px;
    border-bottom:1px solid #b8c7d6;
    background-color: white;    
}

/* 70px is the height of the header */
.affix + .container-fluid {
    padding-top: 70px;
}

/* RichFaces */

.rf-cal-inp {
    width: auto;
    display: inline-block;
}

.rf-ds {
    background-color: transparent;
    display: inline;
}

.rf-dt-ftr-c,
.rf-dt-hdr-c,
.rf-dt-shdr-c {
    background-image: none;
    background-color: #d6e6fb;
    color: #0b356c;    
}

.rf-dt-sftr-c,
.rf-dt-ftr-c,
.rf-dt-hdr-c,
.rf-dt-shdr-c,
.rf-dt-c {
    border-color: #DDDDDD;
    border-right-style: none;
    border-bottom-style: none;
}

.rf-dt-sftr-c,
.rf-dt-hdr-c,
.rf-dt-ftr-c,
.rf-dt-shdr-c,
.rf-dt-c,
.rf-dt-nd,
.rf-ds-btn,
.rf-ds,
.rf-tab-lbl,
.rf-tab-cnt,
.rf-p-b,
.rf-p-hdr,
.rf-pp-hdr-cnt,
.rf-pp-hdr-cntrls,
.rf-pp-cnt,
.rf-cal-hdr,
.rf-cal-hdr-month,
.rf-cal-day-lbl,
.rf-cal-week,
.rf-cal-c,
.rf-cal-ftr,
.rf-cal-tl,
.rf-cal-tl-ftr,
.rf-cal-timepicker-cnt,
.rf-cal-monthpicker-cnt,
.rf-cal-timepicker-cnt input,
.rf-pick-opt,
.rf-ds-nmb-btn,
.rf-fu-btn-cnt-add,
.rf-fu-btn-cnt-add-dis,
.rf-fu-btn-cnt-upl,
.rf-fu-btn-cnt-clr,
.rf-fu-itm-lbl,
.rf-fu-itm-st,
.rf-fu-itm-lnk {
    font-family: inherit;
    font-size: 1em;
}

/* Common control classes */

.radioInputTable label,
.checkboxInputTable label {
    display: inline-block;
    margin-left: 7px;
    margin-right: 14px;
    margin-bottom: 0px;
    vertical-align: middle;
    font-weight: normal;
}

.radioInputTable input,
.checkboxInputTable input {
    vertical-align: middle;
}

.form-horizontal .form-group .radioInputTable input,
.form-horizontal .form-group .checkboxInputTable input {
    margin-top: 5px;
}

.form-horizontal .form-group .radioInputTable label,
.form-horizontal .form-group .checkboxInputTable label {
    margin-top: 5px;
}

.form-inline label {
    margin-bottom: 0px;
}

.last-form-group {
    margin-bottom: 0px !important;
}

.last-panel {
    margin-bottom: 0px !important;
}

/* Common template elements */

.required-right {
    color: #cc0000;
    padding-left: 7px;
}

p.content-foot-copyright {
    margin: 0px;
    padding: 8px 0px;
    text-align: center;
    font-size: smaller;
    color: white;
}

p.content-foot-copyright a {
    color: white;
}

div.loading-message-start-ctr {
    position: fixed; 
    top: 0px; 
    right: 0px; 
    -moz-background-clip: -moz-initial; 
    -moz-background-origin: -moz-initial; 
    -moz-background-inline-policy: -moz-initial; 
    font-size: small; 
    visibility: visible;
    z-index: 65535;
}

span.loading-message-start {
    display: block;
    color: white; 
    background: red none repeat scroll 0% 0%; 
    border: 1px solid black; 
    padding: 2px; 
}

.control-panel-btn-icon {
    margin-right: 6px;
}

.table th.list-selection-column,
.table td.list-selection-column {
    text-align: center;
}

.list-action-column a {
    display: inline-block;
    margin-right: 4px;
}

.list-action-column {
    white-space: nowrap;
}

.confirmation-window-form .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.activation-filter {
    margin-bottom: 8px;
}

.table-container {
    overflow: auto;
    width: 100%;
    padding-bottom: 1px;
}

.table-container .table {
    margin-bottom: 0px;
}

.table {
    margin-bottom: 10px;
}

.control-label {
    padding-right: 10px;
}

.paging-pagesize-group .form-control {
    width: auto;
}

.upload-preview-image {
    max-width: 150px;
    max-height: 150px;
}

/* Bootstrap static override */

.panel {
    margin-bottom: 10px;
}

.panel-heading {
    font-weight: bold;
}

.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

.well {
    margin-bottom: 10px;    
}

.panel-default > .panel-heading {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

.navbar-brand {
    padding-right: 15px;
    padding-left: 10px;
}

.navbar-static-bottom {
   min-height: 0 !important;
   border: 0px !important;
}

@media (min-width: 768px) {
    .navbar-nav > li {
        background: transparent url("../img/nav-separator.png") no-repeat scroll 0 0;
    }
}

.navbar-nav .open .dropdown-menu {
    background-color: #FFF;
}

.navbar-nav .open .dropdown-menu > li > a {
    color:#333333 !important;
}

.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    color:#ffbc2d !important;
}

.navbar-toggle, .navbar-toggle:focus {
    background-image: linear-gradient(to bottom, #2c70b1 0%, #205180 100%);
    background-repeat: repeat-x;
    border-color: #1e4c78 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #2c70b1;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.btn {
    background-image: none !important;
}

/* Other customization */

.header {
    color: #202D60;
}

.list-action-column img.blank {
    display: inline-block;
    margin-right: 4px;
    width:15px;
    height:15px;
}

@media (max-width: 767px) {
    .navbar {
        min-height: 50px;
    }
    
    .navbar-brand {
        padding-top: 16px;
        padding-bottom: 16px;
        height: 50px;
    }
    
    .navbar-toggle {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .navbar-nav {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
    .navbar-form {
        margin-top: 11px;
        margin-bottom: 11px;
    }
    
    .navbar-btn {
        margin-top: 11px;
        margin-bottom: 11px;
    }
    
    .navbar-btn.btn-sm {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    
    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    
    .navbar-text {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .well {
        background-image: none;
        box-shadow: none;
        background-color: transparent;
        border: 0px;
        padding: 0px;
    }
    
    .media-panel {
        border: 0px; 
        box-shadow: none;
    }
    
    .media-panel .panel-body {
        padding: 0px;
    }

    .rf-pp-shdw {
        background-color:none;
        width:0px !important;
    }
    
    .rf-pp-hdr, .modal-panel-controls-form, .rf-pp-hndlr {
        display:none;
    }
    
    .rf-pp-cntr {
        border:0px;
    }
}

.autocomplete-footer {
    text-align: center;
    padding-top: 5px;
    border-top: 1px solid #cccccc;
    color: #6e6e6e;
} 

.autocomplete-footer-previous {
    margin-left: 20px;
    float: left;
}

.autocomplete-footer-next {
    margin-right: 20px;
    float: right;
}

/* ---------------------------- Table + paging---------------------------- */

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 4px 6px;
}

.table > tbody + tbody {
    border-top: 1px solid;
}

.paginationEmbedded {
    margin:0 !important;
    padding-left: 0 !important;
    display:block !important;
}

.pagination, .paging-pagesize-group {
    margin: 3px;
}

.table-paging {
    background-image: none;
    background-color: #d6e6fb;
    color: #0b356c;
    font-weight: bold;
    margin-bottom: 10px;
}

.rf-dt-ftr-c {
    padding:0px !important;
}

/* ---------------------------- PopUp Panel  ---------------------------- */

.rf-pp-hdr {
    background-image: linear-gradient(to bottom, #d1e0ef 0%, #bed3e8 100%);
    background-repeat: repeat-x;
}

.rf-pp-hdr-cnt {
    color: #08447c;
}

.modal-panel-control-action img {
    padding: 0 2px;
}

.modal-panel-body {
    background-color: #f1f1f1;
}

body.modal-open { 
    overflow: auto; 
    padding-right:inherit !important;
}