body > header > .container > .header {
    width: auto;
}

body > header > .container,
body > .container > .main > footer,
body > .container {
    max-width: 1260px;
}

select.form-control {
    -webkit-appearance: none;
}

.janv-main textarea {
    /*height: 60px;*/
}
.janv-main table {
    table-layout: fixed;
}
.janv-main td {
    padding: 12px 0;
    vertical-align: top;
}
.janv-main form {
    /*margin: 0;*/
}

.janv-main button {
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    background-color: #EEE;
    border: none;
    padding: 8px 16px;
    margin: 0 8px 0 0;
    /*font-family: "Droid Sans", Arial, Helvetica, sans-serif;*/
    font-size: 10px;
}

.janv-main button:disabled {
    opacity: .5;
}

/*.janv-main button.janv-order,*/
/*.janv-main button.voice-log {*/
/*color: white;*/
/*background-color: #009dd8;*/
/*}*/

.janv-main .form-group > label {
    font-size: 11px;
    display: block;
    line-height: 13px;
}

h1.title {
    color: #6ba634;
    font-size: 30px;
    margin: 20px 0;
    line-height: 30px;
    font-weight: normal;
}

.janv-billing table,
.janv-location table {
    margin-bottom: 8px;
}
.janv-main a,
.janv-service-request a
{
    margin: 16px;
    cursor: pointer;
    color: #888;
    font-size: 11px;
}

.janv-billing a,
.janv-location a {
    display: block;
    margin-bottom: 16px;
    cursor: pointer;
    color: #888;
    font-size: 11px;
}

.janv-billing a.copy-address {
    margin: 0;
}

.janv-voice-log a {
    margin: 0;
    text-decoration: underline;
}

.janv-location td {
    /*padding: 8px 2px 0 2px;*/
}

.janv-overview td:last-child {
    width: 40%;
    text-align: right;
}

.janv-location td,
.janv-billing td {
    padding: 8px 2px;
    font-size: 11px;
}
.janv-location td:first-child,
.janv-billing td:first-child {
    padding-left: 0;
}
.janv-location td:last-child,
.janv-billing td:last-child {
    padding-right: 0;
}
.janv-billing td:first-child {
    width: 40%;
}
.janv-location td:first-child {
    width: 50%;
}

.janv-tabs > .nav-tabs {
    border-bottom: 1px solid #c3c7c8;
    margin-bottom: 16px;
    /*padding-left: 12px;*/
}

.janv-tabs > .nav-tabs > li > a,
.janv-tabs > .nav-tabs > li > a:hover,
.janv-tabs > .nav-tabs > li > a:focus {
    color: #000 !important;
    border: 1px solid #c3c7c8 !important;
    margin-left: 4px;
}

.janv-tabs > .nav-tabs > li.active > a {
    border-bottom: 1px solid #fff !important;
}

/*.janv-main {*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*align-items: flex-start;*/
/*margin: 0 -16px;*/
/*}*/
/*.janv-main > * {*/
/*flex: 1 1 100%;*/
/*padding: 0 16px;*/
/*}*/
/*.janv-main > .janv-50 {*/
/*flex: 1 1 50%;*/
/*}*/



.form-group > label {
    margin-bottom: 0;
    /*font-family: "Droid Sans", Arial, Helvetica, sans-serif;*/
    font-weight: normal;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    /*background-color: inherit;*/
    background-color: transparent; /* ie11*/
    opacity: 1;
}

/*.janv-form {*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*align-items: flex-start;*/
/*margin: 0 -16px;*/
/*}*/
/*.janv-form > * {*/
/*flex: 1 1 100%;*/
/*padding: 0 16px;*/
/*}*/
/*.janv-form > .janv-50 {*/
/*flex: 1 1 50%;*/
/*}*/


.form-control,
.janv-sub-form input {
    margin-bottom: 1px; /* Otherwise there is no room for the focus box-shadow (somehow?) */
}
.janv-sub-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}
.janv-sub-form > * {
    flex: 1 1 100%;
    padding: 0 4px;
}
.janv-sub-form > .form-group {
    box-sizing: border-box;
    overflow: hidden;
}

.janv-sub-form a {
    margin-top: -12px;
    margin-bottom: 12px;
    cursor: pointer;
    color: #888;
    font-size: 11px;
}

.janv-table > thead > tr > th {
    padding: 0;
    /*font-family: "Droid Sans", Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    font-size: 11px;
}
.janv-table > tbody > tr {
    border-bottom: none;
}
.janv-table > tbody > tr > td {
    padding: 8px 8px 0 0;
}
/*.janv-table > tbody > tr > td:first-child {*/
/*padding-left: 0;*/
/*}*/
.janv-table > tbody > tr > td:last-child {
    padding-right: 0;
}

.janv-table .form-group {
    margin-bottom: 4px;
}
.janv-table .form-control {
    font-size: 12px;
}

.janv-table .janv-remove {
    border: none;
    background-color: transparent;
}
.janv-table .janv-remove:disabled {
    opacity: .25;
}



.janv-voice-log table {
    margin-bottom: 0;
}
.janv-voice-log h3 {
    margin-top: 24px;
}
.janv-voice-log h4 {
    margin-top: 24px;
}
.janv-voice-log {
    /*text-align: justify;*/
    margin-right: 180px;
    margin-bottom: 24px;
}
.janv-voice-log input[type=checkbox] {
    position: absolute;
    margin: 5px 10px 5px 0;
}

.voice-log-check label{
    margin-left: 20px;
}

.janv-voice-log .voice-log-check {
    margin: 8px 0 0 0;
}
.janv-voice-log .voice-log-note {
    margin: 0 20px 20px 20px;
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
}
.janv-voice-log label {
    margin-bottom: 0;
}
.janv-voice-log p {
    margin-top: 12px;
    margin-bottom: 0;
    /*font-family: "Droid Sans",Arial,Helvetica,sans-serif;*/
    font-size: 13px;
    line-height: 21px;
    color: #353535;
}
.janv-voice-log ul {
    margin-bottom: 0;
}


.janv-voice-log li > p {
    margin-bottom: 0;
}
.janv-voice-log li > p:last-child {
    margin-bottom: 21px;
}



input[name="current_service_contract"]::-webkit-input-placeholder {
    color: #62C6EE;
}
input[name="current_service_contract"]::-moz-placeholder {
    color: #62C6EE;
}
input[name="current_service_contract"]:-ms-input-placeholder {
    color: #62C6EE;
}



.janv-service-request {
    margin: 24px -8px;
    padding: 12px;
    background-color: #f4f4f4;
    border-radius: 0 15px;
}
.janv-service-request form {
    margin: 0;
}
.janv-service-request h3 {
    margin: 0 0 16px 0;
}
.janv-service-request button {
    background-color: #fff;
    margin: 0;
}

.janv-location {
    margin: 0 0 16px 0;
}
.janv-location a {
    margin: 0;
}
.janv-location .janv-links {
    display: flex;
}
.janv-location .janv-links > a {
    flex: 1 1 auto;
}


.janv-goto-lead-form-link {
    margin-left: 0 !important;
}

.janv-info-mail-dropdown {
    display: inline-block;
    margin-left: 8px;
}
.janv-info-mail-dropdown > a {
    margin-left: 0;
}

.janv-main .dropdown-menu {
    min-width: initial;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: .125rem;
    box-shadow:
        0 2px 2px 0 rgba(0,0,0,.14),
        0 3px 1px -2px rgba(0,0,0,.2),
        0 1px 5px 0 rgba(0,0,0,.12);
}
.janv-main .dropdown-menu > li > a {
    cursor: pointer;
    color: #888;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    padding: 12px;
}
.janv-main .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.janv-location tr:first-child > td {
    padding-top: 0;
}
.janv-location p {
    padding: 8px 0 0 0;
    font-size: 11px;
    line-height: 21px;
    margin: 0;
}

.janv-main.column-main {
    overflow: visible;
}




.info-bar {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 20040;
}
.info-bar > .info-bar-block {
    position: relative;
    left: -50%;
    background-color: #323232;
    color: #FFF;

    min-width: 288px;
    max-width: 568px;
}
.info-bar > .info-bar-block > .info-bar-content {
    display: flex;
    padding: 16px 24px;
}
.info-bar > .info-bar-block > .info-bar-content > * {
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: #FFF;
    font-size: 14px;
    flex: 1 1 auto;
}
.info-bar > .info-bar-block > .info-bar-content > button {
    color: #F44336;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 24px;
    font-size: 11px;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    flex: 0 1 auto;
}



.janv-voicelog-div-preview {
    width: 100%;
    height: 640px;
    margin-bottom: 21px;
    overflow: auto;
    position: relative;
    border: 1px solid #757575;
    padding: 15px 30px;
}
.janv-voicelog-div-preview .janv-voice-log {
    margin-right: 73px;
}

.janv-mail-iframe-preview {
    width: 100%;
    height: 640px;
    margin-bottom: 21px;
}

.janv-sub-form > .janv-mail-iframe-preview {
    flex: 1 1 100%;
    padding: 0;
    margin: 0 4px 21px 4px;
}

.janv-mail-preview {
    text-align: justify;
    margin-right: 180px;
}

.janv-mail-preview a,
.janv-mail-preview h4,
.janv-mail-preview p,
.janv-mail-preview ul
{
    margin: 0 0 21px 0;
    line-height: 21px;
    font-size: 13px;
    font-weight: 100;
}

.janv-mail-preview a
{
    color: #62C6EE;
    text-decoration: underline;
}

.janv-mail-preview h4
{
    font-weight: bold;
    margin-bottom: 0;
}

.janv-mail-preview > *:last-child
{
    /*margin-bottom: 8px;*/
}

.janv-contract-iframe > iframe {
    width: 100%;
    height: 1200px;
    background-color: #f4f4f4;
}

a.janv-request-password-reset-link {
    display: inline-block;
    margin: 16px 0;
}


.janv-customer-form .form-group.readonly > label {
    color: #c3c7c8;
}
.janv-customer-form .form-group.readonly > .form-control-wrapper .form-control {
    color: #c3c7c8;
    border-bottom: 1px solid #c3c7c8;
}

.janv-customer-form input[type=date].empty,
.janv-customer-form input[type=date].empty::-webkit-datetime-edit {
    color: #c3c7c8;
}