/**
 * CUSTOM CSS ADAPTIONS FOR THE BOOTSTRAP FOR TWITTER
 * @date    2 april 2012
 */

/** Bootsrap items */
.span6 { position: relative; }
.alert-dc { background-color: #eee; border-color: #ddd; color: #333; padding-top: 15px; padding-bottom: 15px; }
.alert-dc input[type="submit"] { margin-left: 161px; }

.alert-info{ background-color: #fcce52; color: #333; border:0;}

/** General */
html { height: 100%; }
body { font-size: 12px; background: #fff; height:100%; }

h2 { color: #666; }
h3 {
    color: #666;
    margin-bottom: 11px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase; font-size: 18px;
}
h4 { margin-bottom: 11px; }
legend {
    margin-bottom: 0px;
    border-bottom: none;
    font-size: 12px; line-height: 22px; font-weight: bold;
}
legend + .control-group {
    margin-top: 9px;
}

table td hr {
    margin: 7px 0;
}
textarea {
    resize: vertical;
}

/** Handy elements */
.full textarea {
    width: 99%; height: 120px;
}

/** Form items */
form ul { margin: 5px 0 0; padding: 0; list-style: none; }

/** Forms - horizontal rows */
form.four-alignment .control-group.route-type,
form.three-alignment .control-group.route-type {
    width: 33%;
}

form.four-alignment .control-group,
form.three-alignment .control-group {
    float: left; width: 23%; margin-right: 2%; margin-bottom: 0px;
}
form.three-alignment .control-group {
    width: 33%;
}
form.four-alignment .control-group:nth-child(4n+4) {
    clear: left;
}
form .form-actions {
    clear: both;
    /*background: transparent;*/
    background-color: #FCFCFC;
    border: 1px solid #EFEFEF;
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 14px 20px 15px;
}
form dd { margin-left: 0; padding-left: 0; }
input[disabled].jquery-date,
input[readonly].jquery-date {
    cursor: default;
}
input[disabled].jquery-time,
input[readonly].jquery-time {
    cursor: default;
}
form .left-right-selector .mover,
form .left-right-selector .in-selector {
    float: left; margin-right: 11px; padding-top: 5px;
}
form .left-right-selector .in-selector span {
    padding-left: 5px; display: block;
}
form .left-right-selector .mover {
    width: 28px; padding: 21px 0 0 5px;
}
form .left-right-selector .mover a {
    display: block; width: 22px; height: 22px;
    padding-top: 3px;
}
.input-append .add-on, .input-append .btn {
    margin-left: -35px;
}
form.form-horizontal .help-block {
    color: #adadad;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 3px;
}

/** Paginator */
.pagination {
  font-size: 11px;
  height: 20px;
  margin: 9px 0;
}
.pagination ul {
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
    float: right;
}
.pagination li.input {
    float: left;
    padding: 0 6px;
    height: 20px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination li.input input {
    border: 0 none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
    margin:  0;
    line-height: 20px;
    font-size: 11px;
    width: 31px;
    padding: 0;
}
.pagination a {
    padding: 0 6px;
    line-height: 20px;
}

/** Link actions */
.table tr .action a.create,
.table tr .action a.family-create,
.table tr .action a.view,
.table tr .action a.family-view,
.table tr .action a.update,
.table tr .action a.family-update,
.table tr .action a.copy,
.table tr .action a.move,
.table tr .action a.ttip,
.table tr .action a.download,
.table tr .action a.download-info,
.table tr .action a.streets_index,
.table tr .action a.retry,
.table tr .action a.unlink,
.table tr .action a.error,
.table tr .action a.change_permission,
.table tr .action a.applied,
.table tr .action a.archive,
.table tr .action a.restore,
.table tr .action a.delete,
.table tr .action a.ajax-delete,
.table tr .action a.family-delete,
.table tr .action a.facturation,
.table tr .action a.import,
.table tr .action a.litter,
.table tr .action a.export-pdf,
.table tr .action a.contract-add,
.table tr .action a.contract-stop,
.table tr .action a.contract,
.table tr .action a.account,
.table tr .action a.attachment,
.table tr .action a.delete-site-account {
    display: block;
    height: 22px; width: 22px;
    background-repeat: no-repeat;
    float: left;
}
.table tr .action a.create span,
.table tr .action a.family-create span,
.table tr .action a.view span,
.table tr .action a.family-view span,
.table tr .action a.move span,
.table tr .action a.update span,
.table tr .action a.family-update span,
.table tr .action a.copy span,
.table tr .action a.streets_index span,
.table tr .action a.download span,
.table tr .action a.download-info span,
.table tr .action a.change_permission span,
.table tr .action a.applied span,
.table tr .action a.unlink span,
.table tr .action a.error span,
.table tr .action a.retry span,
.table tr .action a.archive span,
.table tr .action a.restore span,
.table tr .action a.delete span,
.table tr .action a.ajax-delete span,
.table tr .action a.family-delete span,
.table tr .action a.import span,
.table tr .action a.litter span,
.table tr .action a.export-pdf span,
.table tr .action a.contract-add span,
.table tr .action a.contract-stop span,
.table tr .action a.attachment span,
.table tr .action a.contract span,
.table tr .action a.account span,
.table tr .action a.ajax-delete span,
.table tr .action a.delete-site-account span {
    display: none;
}
.table tr .action a.create,
.table tr .action a.family-create {
    background-image: url('/images/icon-create.png');
}
.table tr .action a.view,
.table tr .action a.family-view {
    background-image: url('/images/icon-view.png');
}
.table tr .action a.update,
.table tr .action a.family-update {
    background-image: url('/images/icon-update.png');
}
.table tr .action a.copy {
    background-image: url('/images/icon-copy.png');
}
.table tr .action a.move {
    background-image: url('/images/icon-move.png');
}
.table tr .action a.unlink {
    /*background-image: url('/images/link_delete.png');*/
}
.table tr .action a.archive {
    background-image: url('/images/icon-archive.png');
    background-size: 22px;
}
.table tr .action a.restore {
    background-image: url('/images/icon-restore.png');
    background-size: 22px;
}
.table tr .action a.delete,
.table tr .action a.family-delete,
.table tr .action a.ajax-delete,
.table tr .action a.delete-site-account {
    background-image: url('/images/icon-delete.png');
}
.table tr .action a.streets_index {
    background-image: url('/images/icon-streets.png');
}
.table tr .action a.download,
.table tr .action a.download-info,
.table tr .action a.attachment {
    background-image: url('/images/icon-download.png');
}
.table tr .action a.retry {
    background-image: url('/images/icon-refresh-great.png');
}
.table tr .action a.change_permission {
    background-image: url('/images/icon-permissions.png');
}
.table tr .action a.applied {
    background-image: url('/images/icon-applied.png');
}
.table tr .action a.error {
    background-image: url('/images/icon-error.png');
}
.table tr .action a.import {
    background-image: url('/images/icon-import.png');
}
.table tr .action a.litter {
    background-image: url('/images/icon-addLoop.png');
}

.table tr .action a.contract {
    background-image: url('/images/icon-contract-add.png');
    #background-image: url('/images/icon-icon-view.png');
}

.table tr .action a.export-pdf {
    background-image: url('/images/icon-download.png');
}

.table tr .action a.contract-add {
    background-image: url('/images/icon-contract-add.png');
}
.table tr .action a.contract-stop {
    background-image: url('/images/icon-contract-stop.png');
}

.table tr .action a.account {
    background-image: url('/images/icon-user.png');
}

.thead {
    background-color: #fee38e;
    color: #999;
}

.table th a.sortable.activeUp {
    padding-right: 22px;
    background: right url('/images/sort_icon_up.gif') no-repeat;
}
.table th a.sortable.activeDown {
    padding-right: 22px;
    background: right url('/images/sort_icon_down.gif') no-repeat;
}
.table th a.sortable.resetSort {
    padding-right: 0px;
    background: url('/images/sort_icon_reset.gif') center center no-repeat;
    line-height: 0px;
    text-indent: -5000px;
    padding: 0;
    display: inline-block;
    width: 39px;
    height: 14px;
}
.table td .progress-wrapper {
    margin-right: 22px; position: relative;
}
.table td .progress {
    margin-bottom: 0;
}
.table td .refresh {
    position: absolute; right: -22px; top: 0px;
}

/** Dropdown */
.dropdown-menu a {
     text-align: left;
}

/** Table rendering */
table.table.table-striped.table-bordered tr.active > td {
    background-color: #e7f7d5;
}
table.table.table-striped.table-bordered tr.blocked > td {
    background-color: #FFE6B5;
}
table.table.table-striped.table-bordered tr.rejected > td{
    background-color: #f9dede;
}
table.table.table-striped.table-bordered tr.inactive > td{
    background-color: #f9dede;
}
.table th.action, .table td.action {
    text-align: right;
}
.table th.action a, .table td.action a {
    margin: 0 0 0 10px;
    text-decoration: none;
}
table thead tr th,
.table tr.thead td, .table tr.thead:hover td,
.table tr.thead th, .table tr.thead:hover th{
    background: rgba(252,206,82,0.1);
    color: #666;
}
table tfoot tr td,
.table tfoot tr td {
    background-color: #e7f7d5 !important;
    font-weight:bold;
}
td.format-as-number {
    text-align: right;
}
.table .action.left { text-align: left; }
.table tr .action a, .renderlist-actions a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
.table tr:hover .action .edit,
.table tr:hover .action .update { color: #c5a059; }
.table tr:hover .action .unlink,
.table tr:hover .action .delete { color: #a02b2b; }
.table tr:hover .action .view,
.table tr:hover .action .back,
.a.back,
.table tr .action .create { color: #55a34a; }
.table tr .action a.showhide:hover{
  color: #005580;
  text-decoration: underline;
}
.table tr th.action .btn-group {
    margin-bottom: 0;
}
.table tr .action .btn-group { float: right; margin-bottom: 4px; margin-left: 7px; margin-top: 2px; }
.table tr .action .btn-group a { margin-left: 0; }
.table tr .action .btn-group ul.btn-mini { min-width: 100px; }
.table tr .action .btn-group .btn-mini li a { font-size: 11px; padding-bottom: 0px; padding-top: 0px; }
.table tr .action .btn-group button.btn-mini span { padding-top: 2px; padding-bottom: 3px; }
.table .action form {
    margin-bottom: 4px; float: right; margin-left: 9px;
}
.table .action .form-actions {
    padding: 0; margin-top: 0; margin-bottom: 0;
    background: transparent; border-top: none;
}
.table .radio input[type="radio"], .table .checkbox input[type="checkbox"] {
    margin-left: 0px;
}
form select.bulk {
    margin-top: 8px; margin-right: 8px;
}
/** product summary table */
#product-summary th {
    background: #eee;
    text-align:center;
}
#product-summary td {
    text-align:center;
}
#product-summary .volume{
    text-align:left;
    font-weight:bold;
}
#activityProjectSummary .totals,
#generalProjectSummary .totals,
#product-summary .totals,
#product-summary .subtotals {
    background: #EEEEEE;
}

#accessControl-summary .accessSummaryTitle{
    text-align:left;
    font-weight:bold;
    background: #EEEEEE;
    width: 15%;
}
#activityProjectSummary .numbers, #activityProjectSummary .totals,
#generalProjectSummary .numbers, #generalProjectSummary .totals {
    text-align: right;
}

/** Header*/
.navbar-inner {
    background-color: rgb(86,86,91);
}
body.staging .navbar-inner {
    /*
    background-color: #004515;
    background-image: -moz-linear-gradient(center top , #004515, #003B12);
    background-image: -moz-linear-gradient(top, #004515, #003B12);
    background-image: -ms-linear-gradient(top, #004515, #003B12);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004515), to(#003B12));
    background-image: -webkit-linear-gradient(top, #004515, #003B12);
    background-image: -o-linear-gradient(top, #004515, #003B12);
    background-image: linear-gradient(top, #004515, #003B12);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004515', endColorstr='#003B12', GradientType=0);
    */
}
body.test .navbar-inner {
    /*
    background-color: #BD4F00;
    background-image: -moz-linear-gradient(center top , #BD4F00, #9E4200);
    background-image: -moz-linear-gradient(top, #BD4F00, #9E4200);
    background-image: -ms-linear-gradient(top, #BD4F00, #9E4200);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BD4F00), to(#9E4200));
    background-image: -webkit-linear-gradient(top, #BD4F00, #9E4200);
    background-image: -o-linear-gradient(top, #BD4F00, #9E4200);
    background-image: linear-gradient(top, #BD4F00, #9E4200);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BD4F00', endColorstr='#9E4200', GradientType=0);
    */
}
body.development .navbar-inner {

}
body.demociwebeu_u002 .navbar-inner {
    background-color: rgb(86,86,91);
}
.navbar .nav li a, .navbar-inner a {
    color: #f5f5f5;
}
.navbar .nav li a:hover, .navbar-inner a:hover {
    color: #ffffff;
}
.navbar .dropdown-menu li a {
    color: #333333;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #00335b;
}


ul.dropdown-menu li a:hover {
    background-color: #757575;
}

/** Footer */
footer {
    margin-top: 3em; padding: 11px 0 22px;
    border-top: 1px solid #ccc;
}
.two,.two:hover{
    color: #9B9B9B;

    text-decoration: none;
    text-transform:lowercase;
    font-size:12px;
    font-weight:normal;
    float:right;
}

/** Page specific bootstrap adaptions */
.actions .form-horizontal .control-group {
    margin-bottom: 8px;
}
.actions .form-horizontal .control-label {
    text-align: left;
    width: 120px;
    margin-right: 0px;
}
.actions .form-horizontal .controls {
     margin-left: 130px;
}
.actions .form-horizontal .form-actions {
    border-top: 0 none;
    padding-left: 142px;
}
body.filter .form-horizontal .control-label {
    width: 100px;
}
body.filter .form-horizontal .controls {
    margin-left: 110px;
}
body.filter .form-horizontal .form-actions {
    padding-left: 110px;
}
body.filter .form-horizontal dd {
    margin-left: 0; padding-left: 0;
}
body.filter legend,
form#filterScope fieldset p.hint {
    display: block; float: left; clear: both; width: 100%;
    margin: 17px 0;
    border-bottom: 1px solid #666;
    font-weight: bold;
}
body.filter .form-horizontal .follower .controls {
    margin-left: 20px;
}
dd#action-element, dd#intervention-element {
    float:left;
    width:33%;
}
dd#moduleBase-element, dd#quickSearch-element, dd#moduleDate-element {
    float:left;
    width:32%;
}
dt#action-label, dt#intervention-label{
    float:left;
}

div .other {
    margin-left: 4px;
    float:left;
    width:55%;
}

/*project level treeOptions*/
ul#projectLevels {
    list-style: disc;
    margin-left: 15px;
}
ul#projectLevels span.noCheckbox:first-child{
    margin-left:-18px;
}
div#project-selection-info {
    float:right;
    clear:right;
}

/** project selector */
div#project-selector {
    float:right;
    clear:right;
    display: none;
}
/** language selector */
div#language-selector {
    float:right;
}

/** grouped table **/
table.table-grouped tr.odd{
    background-color: #f9f9f9;
}
.dropdown-menu li {
    position: relative;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -6px;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

table#number-of-inhabited-addresses-per-category tr > td:first-child+td+td,
table#number-of-inhabited-addresses-per-category tr > td:first-child+td,
table#number-of-uninhabited-addresses-per-category tr > td:first-child+td+td,
table#number-of-uninhabited-addresses-per-category tr > td:first-child+td {
    width: 100px;
}
a.btn{
    margin-bottom: 18px;
}

.btn {
    background-color: #fcce52;
    color: #333;
    background-image: none;
}

.btn:hover {
    background-color: #fc1;
}

b.caret {
    margin-top: 7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fcce52 !important;
}

div#nav div.navbar-inner div.container-fluid {
    background-color: #999;
}

.navbar .dropdown-menu::before
{
    border:none;
}

.popover-title
{
    background-color: #fcce52;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 15px;
    background-color: #efefef;
}
.panel-heading {
    background-color: #fee38e;
    padding: 10px 15px;
    border: 1px solid #efefef;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-size: 1.2em;
}

div.error { font-style: italic; }
div.error .panel-heading {
    background: #c22800 !important;
    color: #efefef !important;
    border:1px solid #802A2A;
    border-bottom: 1px solid transparent;
}

div.error .panel-body
{
    background-color: #ffc8b8;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.btn-inactive {
    background-color: #cccccc;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}