/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

.form-control
{
  max-width: 280px;
}
/**************************** Customizations for Building Permit Survey **************************************/

input[type='radio'], input[type='checkbox']
{
    margin-top:15px;
}
/* layout/brand customizations */
body {
    padding-top: 70px;
    padding-bottom: 0px;
    background-color: #eeeeee;
}

hr {
    border-top: 1px solid #cccccc;
}

.navbar {
    min-height: 70px;
}

.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px
}

.navbar-brand {
    background: #0054a4 url('/Content/images/MC_logo_white_transparent_93x70.png') no-repeat;
    padding: 25px 15px 25px 95px;
}

.navbar-inverse {
    background-color: #0054a4;
}

.navbar-inverse, .navbar-inverse .navbar-text, .navbar-inverse .navbar-brand {
    color: #f0f0f0;
}

.navbar-inverse .navbar-nav, .navbar-inverse .navbar-nav > li > a {
    color: #f0f0f0;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    /*background-color: #006cd2;*/
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #006cd2;
}

.body-content {
    min-height: 300px;
}

.footer {
    background-color: #0054a4; 
    padding: 15px;
    color: #d0d0d0;
    margin-top: 20px;
}

.footer, .footer a {
    color: #d0d0d0;
}

/* Bootstrap element customizations */

/*body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 17px;
}*/

a {
    color: #0054a4;
    text-decoration: none;

.btn-primary {
    background-color: #0054a4;
    border-color: #0054a4;
}

.btn-primary:hover, .btn-primary:focus {
    color: #ffffff;
    background-color: #006cd2;
}

.btn-success {
    background-color: #47a447;
    border-color: #398439;
}

.btn-success:hover, .btn-success:focus {
    color: #ffffff;
    background-color: #5cb85c;
}

.dl-horizontal dt, .dl-horizontal dd {
    margin-bottom: 20px;
    margin-top: 8px;
}

.jumbotron {
    background-color: #ffffff;
}

.footer, footer {
    z-index: 1030;
}

.glyphicon {
    margin-right: 3px;
}

[data-toggle="tooltip"] {
    border-bottom: 2px dotted #3276b1;
    cursor:help; 
}



.tooltip > .tooltip-inner {
    background-color: #043971;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 7px 10px;
    min-width: 240px;
}

.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #043971;
}

ul.helplist li {
    margin: 10px 15px;
}

.hover-highlighter {
    border-bottom: 2px dotted #3276b1;
    cursor:help;
}

.hover-highlight {
    box-shadow: 0px 0px 20px green;
}

.pointer-disabled {
    pointer-events: none;
}


/* DevExpress customizations */

.dxgvControl a.btn-primary, a.dxeHyperlink:hover.btn-primary {
    color: #ffffff;
}

.dxgvHeader {
    min-height: 25px;
}

.dxgvHeader td, .dxgvHeader {
    white-space: normal;
    text-align: center;
}

.dxgvHeader > table > tbody > tr > td > span.dx-vam {
    display: none!important;
}

.dxgv > table > tbody > tr > td {
    padding: 2px 5px;
}

.dxgv > table > tbody > tr > td:first-child {
    padding: 5px;
    text-align: right;
    width: 210px;
}

.dxgv .dxic, .dxgv .dxeMemo, .dxgv .dxeRadioButtonList {
    padding: 3px;
    margin: 2px 0px;
}

input[type="text"].dxeEditAreaSys
{
    padding: 2px; 
    max-width: none;
}

.dxgv .dxeRadioButtonList .dxe {
    padding: 0px;
}

.dxgvEditForm .required::after { 
    content: "\00a0*";
    color: red;
}

.dxgvFocusedRow
{
	background-color: #eeeeee;
	color: #000000;
}

.dxgvCommandColumn {
    min-width: 52px;
}

.dxgvFocusedRow  .dxgvCommandColumn a {
    color: #2a6496;
}

.dxgvFocusedRow  .dxgvCommandColumn a:hover {
    color: #5494ea;
}


.dxucDisabled.btn-primary {
    color: white;
    text-decoration: none;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.01;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none; /* hide it completely */
}

.dxucButton.btn-primary a {
    color: white;
    text-decoration: none;
}

.dxucButton.btn-primary a:hover {
    color: white;
    text-decoration: none;
}

.dxRB {
    padding: 3px 6px!important;
}

.dxucNameCell span {
    padding: 8px;
}

.export-btn-wrapper {
    margin-top: 2px;
}

.export-btn-wrapper a.btn-default:hover {
    background-color:#fff;
}

#CommentsTB {
    margin-top: 10px;
}

/* form customizations */

.form-group.required .control-label::after { 
    content: "\00a0*";
    color: red;
}

.form-highlight-err {
    background-color: lightyellow;
}

.form-control.city-ddl {
    width: auto;
    margin-bottom: 10px;
}

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

span[data-val-errormessage]{
    line-height: 30px;
}

/* survey customizations */

.units-up.required::after, .units-down.required::after, .units-same.required::after {
    content: "*";
    color: red;
}

.units-up::before, .units-down::before, .units-same::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.units-up::before {
    content: "\e093";
    color: green;
}

.units-down::before {
    content: "\e094";
    color: indianred;
}

.units-same::before {
    content: "\e092";
    color: #666666;
}

input.units-up, input.units-down, input.units-same, .units-up input, .units-down input, .units-same input {
    margin: 3px 4px 3px 4px;
    width: 60px;
}

.conversion-type {
    font-weight: bold;
    margin: 7px 0px;
}

.no-permit-warning {
    display: none;
}

.instructions {
    margin-bottom: 30px;
}

#nonres-type-descr {
    display: none;
    margin: 0px 0px 20px 0px;
    padding: 10px 15px 15px 15px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#nonres-type-descr table tr td {
    padding: 8px;
    vertical-align: top;
    font-size: 13px;
}

.nonres-type {
    display: block;
    font-weight: bold;
    padding-left: 25px
}

.nonres-enter, .nonres-upload {
    display: none;
}

.nonres-permit-responses {
    padding: 0px 0px 15px 18px;
}

.field-help {
    font-size: 11px;
    color: #666666;
}


table.progress-table {
    margin: 12px 50px;
}

table.progress-table > tbody > tr > td {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 15px 5px 0px;
}

.known-mh-parks {
    padding: 0px 0px 15px 40px;
}

#finalsummarydetails th:nth-child(1), #finalsummarydetails td:nth-child(1) {
    text-align: center;
}

#finalsummarydetails .glyphicon-ok {
    color: green;
}

#finalsummarydetails .totals-dont-match .glyphicon-ok {
    color: #e4a217;
}

#finalsummarydetails .status-incomplete {
    text-align: center;
    color: red;
}

#finalsummarydetails .glyphicon-asterisk {
    color: red;
}

.edit-permit-form .btn {
    margin-right: 10px;
}

/* file uploads */

.upload-control {
    margin-left: 20px;
}

label.upload-toggler {
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    margin-top: 15px
}

.upload-section {
    display: none;
    margin: 18px 18px 18px 48px;
}

.file-upload-list {
    margin-bottom: 15px;
}

.other-file-uploads {
    margin-bottom: 18px;
}

.other-file-uploads select {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 12px;
    padding: 4px 5px 3px 5px;
}

.btn.btn-link.file-remove {
    font-size: 12px;
    padding: 0px 10px 1px 10px;
    border: 0px;
    float: right;
}

.btn.file-select {
    font-size: 12px;
    padding: 4px 10px 3px 10px;
    border: 0px;
    margin-left: 10px;

}

.uploaded-file {
    margin: 0px 0px 5px 24px;
    font-size: 12px;
    width: 350px;
    color: #0054a4;
}


.uploaded-file a {
    max-width: 220px;
    /*text-overflow: ellipsis;
    overflow: hidden;*/
    /*display: inline-block;*/
    /*white-space: nowrap;*/
}

.uploaded-files-summary {
    margin: 20px 0px;
}

.uploaded-files-summary .uploaded-file {
    font-size: 14px;
    margin: 10px 0px 5px 30px;
}

/* survey navigation */

.survey-nav-wrapper {
    margin-top: 20px;
    margin-bottom: 10px
}

.survey-nav-dropdown {
    display: inline-block;
}

.survey-nav-wrapper .dropdown-menu li.complete a {
    /*background-color: #dddddd;*/
    background: url('images/green-check.png') no-repeat 5px;
}

.survey-nav-wrapper .dropdown-menu li.totals-dont-match a {
    background: url('images/yellow-check.png') no-repeat 5px;
}

.survey-nav-wrapper .dropdown-menu li a {
    padding-left: 25px;
}

.survey-nav-wrapper .dropdown-menu li.current a {
    /*color: white;*/
    background: url('images/arrow-right.png') no-repeat 5px #dddddd; /* #428bca */
}

.survey-nav-wrapper .dropdown-menu li a:hover{
    background-color: #428bca!important;
    color: white;
}

.survey-nav-wrapper .dropdown-menu li.current a:hover {
    color: #333333;
    background-color: #dddddd;
}

.survey-nav-wrapper .dropdown-menu li.disabled a{
    background-color: #ffffff;
    color: #999999;
    display: none;
}


/*.survey-nav-wrapper .dropdown-menu li.current a::before {
    content: "\2192\00A0";
}*/


#progress-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eeeeee;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9999999999;
    text-align: center;
    padding-top: auto;
    cursor: wait;
}

#progress-overlay span {
    color: #000;
    top: 40%;
    font-size: 24px;
    line-height: 40px;
    /*font-family: sans-serif,arial;*/
    position: relative;
    vertical-align: bottom;
}

/* print survey */

#SurveyWrapper.print-preview {
    display: none;
}

.print-preview .no-print {
    display: none;
}

.print-preview [data-toggle="tooltip"] {
    border-bottom: none;
}

#modal-print-div {
    position:absolute;
    width:200px;
    height:100px;
    top:180px;
    left:0px;
    margin-left:0px;
    margin-top:0px;
    opacity: 0.2;
    display: none;
}

#modal-print-close {
    display: none;
    /*font-size: 12px*/
}

#modal-print-close .btn {
    margin-top: 10px;
    margin-bottom: 0px;
}

.print-preview #modal-print-div {
    display: block;
}

/* Responsive: smaller mobile devices */

@media (max-width: 768px) {

    body {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .navbar {
        min-height: 50px;
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar-brand {
        background: #0054a4 url('images/MC_logo_white_notext_transparent_81x50.png') no-repeat;
        padding: 15px 15px 15px 80px;
        font-size: 16px;
    }

    .units-up .form-control, .units-down .form-control, .units-same .form-control {
        display: inline;
    }

    .units-up .units-down, .units-down .units-up {
        display: block;
        padding-left: 60px;
    }
}


@media print {
    body {
        padding-top: 0px;
    }

    .survey-nav, .btn {
        display: none;
    }

    .units-up .units-down, .units-down .units-up {
        display: inline;
        padding-left: 10px;
    }

    .form-control {
        border-color: #999999;
    }

    #modal-print-close {
        display: none;
    }
}
/*********************************** End Customizations for Building Permit Survey ********************************************/

/* Responsive: Portrait tablets and up */
@media (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}