body { position: relative; }
html.login, html.login body{ background-color:#888; }
html.login form{ margin-bottom:0; }
html.login div.modal{ position:relative;margin:48px auto;top:0;left:0; }
#modal-recovery{ display:none; }
.dropdown-menu{ display:none; }
.container.top{ margin-top:60px; }
.center{ text-align:center; }
form.search{ margin:0 0; }
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
h2, h3, h4, h5 {
    display: inline;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
textarea {
    resize: none;
    width: 1000px;
    height: 150px;
}


.list-page h2 a,
.list-page h4 a,
.list-page .form-search
{
    float:right;
    margin-left: 10px;
}
@media all and (max-width: 768px) {
    .form-actions {
        display:block;
    }
    input.span12, textarea.span12, .uneditable-input.span12 {
        width:100%;
    }
    .list-page h2 a.btn-right, .list-page h4 a.btn-right {
        margin-top: 0;
    }
}
@media all and (max-width: 730px) {
    .list-page h2 .nav-tabs-header {
        float:none;
    }
    .btn.btn-success {
        margin-left: 0 !important;
    }
}

.row {
    margin: 0;
}
@media all and (min-width: 1200px) {
    .row {
        margin: 0 0 0 -20px;
    }
}
@media all and (max-width: 480px) {
    h2 {
        font-size: 21px;
    }
    .list-page h2 a {
        margin-left: 3px;
        padding-left: 3px;
        padding-right: 3px;
        font-size: 11px;
    }
    .form-actions {
        padding: 10px 5px;
    }
    .form-actions a,.form-actions input {
        font-size: 10px;
        padding: 5px;
        margin-left: 5px;
    }
    .container {
        padding: 0 10px;
    }
}
@media all and (max-width: 350px) {
    .list-page h2 a {
        font-size: 10px;
    }
}
.crud-actions{ width:150px; }

a { outline: none !important; }

.clear { clear: both; }

#footer {
  margin:30px 0 30px 0;
  background-color: #fff;
  background-repeat: no-repeat;
}

#footer p a {
  font-weight: bold;
}

#footer p {
  margin-bottom: 0;
}
#footer p.right {
  float: right;
}

.form-actions {
    text-align: right;
    width:auto;
}

.modal form {
    margin: 0;
}

.page-header {
    padding-bottom: 0;
}

.static {
    max-height: none;
    margin: 0 auto 30px;
    position: relative;
    left: auto;
    top: auto;
    z-index: 0;
}

.jobList {
    margin-bottom: 30px;
}

.jobList h4 {
    text-transform: uppercase;
}

.jobList .table td:first-child {width: 61px;}

.hiddenJobList h4 {
    color: #AAA;
}

.hiddenJobList table thead,
.hiddenJobList table tbody
{
    display: none;
}

.clickable {
    cursor: pointer;
}


table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
}

table.table thead .sorting { background: url('../bundles/universaljob/js/libs/bootstrap/img/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('../bundles/universaljob/js/libs/bootstrap/img/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('../bundles/universaljob/js/libs/bootstrap/img/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('../bundles/universaljob/js/libs/bootstrap/img/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('../bundles/universaljob/js/libs/bootstrap/img/sort_desc_disabled.png') no-repeat center right; }

table.table tfoot td, table.table tfoot th { background: #EEE; }


.nav-collapse { height: auto; }
.navbar .nav { float: left; }
.navbar .nav.pull-right { float: right; }

.navbar .nav > li { padding-right: 18px; }
.navbar .nav.pull-right li { width: 125px; }
.navbar .nav.pull-right .dropdown-menu { min-width: 125px; }
.navbar .nav.pull-right .dropdown-menu:after { right: 28px; }

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.navbar .brand {
    background: url('/img/logo-2.png') no-repeat 20px 5px;
    width: 275px;
    height: 21px;
    float:none;
}
.navbar .brand_div {
    float:left;
}
.navbar-inner {
    border-radius: 0;
    background-color: #1e1c56;
    background-image: none;
    filter: none;
}

.navbar-inner.editing {
    background: #333;
}

div.scrollable {
    overflow: auto;
}

.nav-tabs-header {
    float: right;
    font-size: 12px;
    margin-top: 3px;
}

.newComments {
    font-weight: bold;
}

.modal.fade.in{
    top:25%;
}

#feedback-modal {
    overflow-x: hidden;
}

#feedback-button {
    background: #999 url('/img/feedback.png') no-repeat;
    border: 5px solid #DDD  ;
    border-right: none;
    height: 119px;
    position: fixed;
    right: 0;
    top: 40%;
    width: 20px;
}

#feedback textarea {
    width: 520px
}

div.fileinput-button {
    height: 30px;
    overflow: hidden;
    width: 105px;
}

div.fileinput-button div.fakefile {    }

div.fileinput-button input.file {
    margin-top: -50px;
    margin-left:-410px;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 150px;
    height: 100px;
}

div.MultiFile-wrap {
    position: relative;
}

.table tbody tr.info td,
.table tbody tr.info th
{
    background-color: #D9EDF7 !important;
}

.form-plain {
    display: inline;
}

.form-plain .icon {
    height: 14px;
    margin: 0;
    padding: 0;
    width: 14px;
}

.form-plain input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #0088cc;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

.form-plain input:hover {
    text-decoration: underline;
}

.alert-error ul {
    margin: 0 20px;
}

.departments-report a {
    color: #333;
}
.departments-report .costing-title {
    padding-left: 20px;
}

.dubroom__default {
    width: 160px;
}
.job-price__margin-left15 {
    margin-left: 15px;
}
.skip-margin {
    margin: 0;
}

.quote-width70 {
    width: 70px;
}

.quote-text_center {
    text-align: center !important;
}
.quote__show-margin_bottom_10px {
    margin-bottom: 10px;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}
.button_icon {
    display: none;
}
@media all and  (max-width: 980px) {
    .navbar .nav.pull-right,.navbar .nav {
        float: none;
        margin-top: 0;
    }
    .navbar .nav li{
        width: 100% !important;
    }
    .navbar .brand_div {
        float:none;
        width: 100%;
    }
    .navbar .brand {
        float:left;
    }
    .navbar .button_icon {
        float:right;
        display: block;
        margin: 14px 0 10px 0;
        cursor: pointer;
        width:23px;
    }
    .nav-collapse {
        display: none;
    }
    .nav-collapse.active {
        display: block;
    }
    .menu_arrow {
        background: url("../img/close.png") 0 1px no-repeat;
        width:24px;
        height:12px;
        display: inline-block;
        background-size: 50%;
        vertical-align: bottom;
        margin-left: 5px;
    }
    .menu_arrow.down {
        background: url("../img/open.png") 0 1px no-repeat;
        background-size: 50%;
    }
}

@media all and  (max-width: 480px) {
    .navbar .button_icon {
        margin-right: 20px;
    }
}

@media all and  (max-width: 400px) {
    .navbar .brand {
        background-size: 85%;
        width: 235px;
        margin-top: 5px;
    }
}
.reportform .row {
    float:left;
    padding-bottom: 20px;
    margin-right: 20px;
}
.reportform .span4 {
    margin-right: 0;
}
.reportform .row .span4 div {
    margin-bottom: 9px;
}
.reportform .row input {
    margin-bottom: 0;
}
.span8 {
    width: 768px;
}
.span8 .span2 {
    width:150px;
}
@media (max-width: 768px) {
    .span2 {
        width:90% !important;
    }
    .row.view_job .span2 p select{
        width:50% !important;
    }
}
@media (max-width: 980px) and (min-width: 768px) {
    .span4 {
        width: 450px;
    }
    .span2.offset4 {
        margin-left: 0;
    }
}
@media (max-width: 980px) and (min-width: 768px) {
    .span8 {
        width: 768px;
    }
}
@media (min-width: 1200px) {
    .span2 {
        width: 165px;
    }
}
@media (min-width: 1200px) {
    [class*="span"] {
        float: left;
        margin-left: 25px;
        margin-right: 0;
    }
}
@media all and  (min-width: 1200px) {
    .reportform .row {
        width:360px;
    }
}
@media all and  (min-width: 769px) and (max-width: 1000px) {
    .reportform .row {
        width:260px;
    }
}
@media all and  (min-width: 1001px) and (max-width: 1199px) {
    .reportform .row {
        width:230px;
    }
}
@media all and  (min-width: 769px) and (max-width: 1000px) {
    .reportform .row {
        width:210px;
    }
}
@media all and (max-width: 768px) {
    .reportform .row {
        float:none;
        padding-bottom: 0px;
    }
}
.clearfix {
    clear:both;
}

.job-types-modal {
    max-height: 750px;
    width: 700px;
    left: 40%
}

.job-types-modal td:first-child { width: 80%; }

.feature-modal {
    max-height: 750px;
    width: 900px;
    left: 40%
}

input[type="search"] {
    box-sizing: content-box;
    height: 22px;
}
.pull-right.response form, .pull-right.response form > div{
    margin-bottom: 0;
}
@media all and (max-width:613px) {
    .pull-right.response {
        float:none;
    }
    .pull-right.response .select2-container {
        width:100% !important;
        margin-bottom: 15px;
    }
    .pull-right.response #job_type_save {
        float:right;
        font-size: 10px;
    }
    .pull-right.response #job_type_switchCustomMode {
        font-size: 10px;
    }
}
@media all and (max-width:380px) {
    .pull-right.response .select2-container {
        margin-bottom: 10px;
    }
    .pull-right.response #job_type_switchCustomMode{
        width:100%;
        margin:5px 0 15px;
    }
    .pull-right.response #job_type_save {
        width:100%;
        float:none;
    }
}