/* Login */
#loginContainer {
    margin-top: 80px;
}

/* iframe's parent node */
.iframe-parent {
    position: fixed;
    width: calc(100% - 200px);
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.iframe-parent-console {
    padding: 0 0 60px 0 !important;
    margin: 0px;
}

.iframe-parent-planification {
    padding-left: 20px;
}

/* iframe itself */
.iframe-parent > iframe {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

/* Menu de navigation haut pour le Portefeuille */
.nav-top-portefeuille {
    top: -15px !important;
    left: -20px !important;
    border-top-width: 0px !important;
    z-index: 1029 !important;
    position: relative !important;
    margin-right: -40px;
}

.nav-pf-vertical-with-sub-menus {
    top: 65px;
}

.nav-top-portefeuille.navbar-pf .navbar-nav > li > a {
    padding-left: 16px;
    padding-right: 16px;
}

.fix-alex {
    margin: 0px;
    padding-left: 6px;
    padding-right: 6px;
}

.col-alex {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
}

.table-nonfluid {
    width: auto !important;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.message {
    background: #edf9ee;
    color: green;
    padding: 10px;
    font-size: 16px;
}

/* Affichage des documents modal */
a[data-toggle=modal] {
    cursor: pointer;
}

.modal .modal-header {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.modal-pdf-default {
    height: 750px;
}

.modal-img-container-default {
    overflow: scroll;
    width: 100%;
    height: 750px;
}

.modal-img-default {
    width: 100%;
}

.modal-text-default, .modal-html-default {
    width: 100%;
    height: 750px;
}

.modal-radio-label {
    font-weight: normal;
}

/* Affichage des ProDocFlow */
ul.list-korbeilles li.list-group-item > a {
    padding-top: 11px;
    padding-bottom: 11px;
    height: 53px;
}

.videoTypage-pdf-default {
    height: 750px;
}

.videoTypage-img-container-default {
    overflow: scroll;
    width: 100%;
    height: 750px;
}

.videoTypage-img-default {
    width: auto !important;
    max-width: 100%;
}

.videoTypage-text-default, .videoTypage-html-default {
    width: 100%;
    height: 750px;
}

.videoTypage-radio-label {
    font-weight: normal;
}

.taskLink {
    margin-bottom: 20px;
}

.videotypage-warning {
    color: orange;
    font-size: 18px;
    margin-left: 5px;
}

.videotypage-ok {
    color: green;
    font-size: 18px;
    margin-left: 5px;
}

.videotypage-typeDemande-container {
    display: none;
    padding-left: 30px;
}

#tachesEnInstanceContainer-loading, #selectionATContainer-loading {
    display: none;
}

/* When displayed in modal dialogs */
.doc-modal-display-pdf-default {
    height: 500px;
}

.doc-modal-display-img-container-default {
    overflow: scroll;
    width: 100%;
    height: 500px;
}

.doc-modal-display-img-default {
    width: 100%;
}

.doc-modal-display-text-default, .doc-modal-display-html-default {
    width: 100%;
    height: 500px;
}

.width40 {
    width: 40% !important;
}

.margin-left5 {
    margin-left: 5px;
}

.panel .panel-heading h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.panel .panel-heading h3 {
    line-height: 26px;
}

.panel .panel-heading h4 {
    line-height: 18px;
}

.panel-body.panel-body-table-only {
    padding: 1px;
}

.panel-body.panel-body-table-only > table {
    margin: 0;
}

.pf-collapse-section.search-section {
    margin: 10px 0 15px 0;
}

.sort-column {
    cursor: pointer;
}

.search-section .pf-collapse-body {
    padding-top: 5px;
}

.search-section .clear-search {
    margin-left: 10px;
}

.dl-horizontal .dl-horizontal-section {
    background-color: #FAFAFA;
    padding: 5px 5px 0px 5px;
}

.dl-horizontal .dl-horizontal-section > strong {
    display: inline-block;
    text-align: right;
    width: 160px;
}

.dismiss-autocomplete-proposition {
    float: right;
    padding: 2px 4px;
    cursor: pointer;
}

.table-garanties {
    width: 100%;
    margin-bottom: 10px;
}

.table-garanties td {
    padding: 4px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.table-garanties tr:last-child td {
    border-bottom: none;
}

#nouvelleDomiciliationContainer {
    padding-left: 10%;
}

.btn-container {
    margin-top: 10px;
}

.rule-status {
    padding-left: 12px;
}

.rule-status:before {
    position: relative;
    left: -10px;
    font-size: 110%;
}

.rule-status label {
    font-weight: normal;
}

.rule-passed {
    color: green;
}

.rule-passed:before {
    content: '✓';
}

.rule-denied {
    color: red;
}

.rule-denied:before {
    content: '✘';
}

.dashboard-sla-column {
    text-align: right;
    font-size: 110%;
}

.sla-over {
    color: red;
}

.sla-today, .sla-under.sla-under-1 {
    color: orange;
}

.sla-under {
    color: green;
}

.sla-total {
    color: blue;
}

.banette-status-container {
    position: relative;
}

.badge-sla {
    position: absolute;
    margin: 0;
    padding: 0 3px;
    line-height: normal;
    border-radius: 5px;
    color: #EEE;
}

.badge-sla-total {
    top: -3px;
    right: 3px;
    background-color: blue
}

.badge-sla-overSla {
    bottom: -3px;
    right: 3px;
    background-color: red;
}

.sla-table > thead {
    background: none;
}

.sla-table > thead > tr > th {
    padding: 0;
    font-size: 90%;
}

/* same effects for browsers that support HTML5 client-side validation (these have to be specified separately or IE will ignore the entire rule) */
input.touched:invalid, select.touched:invalid, textarea.touched:invalid, input.error, select.error, textarea.error, h2.error {
    background: #fff3f3;
    border-color: #ffaaaa;
    color: #cc0000;
}

input.touched:invalid:focus, select.touched:invalid:focus, textarea.touched:invalid:focus, input.error:focus, select.error:focus, textarea.terror:focus {
    -moz-box-shadow: 0 0 0.5em #ffaaaa;
    -webkit-box-shadow: 0 0 0.5em #ffaaaa;
    box-shadow: 0 0 0.5em #ffaaaa;
    border-color: #ffaaaa;
}

h2.no-error {
    color: green;
}

/*----------------   message of the day --------------------  */
.motd-title.motd-title-with-message {
    cursor: pointer;
}

.motd-title.motd-title-with-message::after {
    content: '✚';
    color: #555;
    float: right;
    position: relative;
    top: -2px;
}

.motd-message {
    display: none;
    white-space: pre;
}

/*----------------  pf-collapse-section ---------   */
.pf-collapse-section {
    clear: both;
    margin: 20px 0 10px 0;
}

.pf-collapse-section-title {
    display: inline-block;
    width: auto;
    cursor: pointer;
}

.pf-collapse-section-title > span:before {
    content: '\25BC ';
    color: #464646;
    text-decoration: none !important;
    margin-right: 4px;
}

.pf-collapse-section-collapsed .pf-collapse-section-title > span:before {
    content: ' \25B6';
}

.pf-collapse-section-collapsed .pf-collapse-body {
    display: none;
}

.pf-collapse-section-help {
    color: #767676;
    padding: 0 0 10px 18px;
}

.pf-collapse-section .pf-collapse-section > .pf-collapse-section-title { /* level 2 */
    padding-left: 30px;
}

.pf-collapse-section .pf-collapse-section .pf-collapse-section > .pf-collapse-section-title { /* level 3 */
    padding-left: 60px;
}

/*----------------  End pf-collapse-section ---------   */ /*----------------  users ----------------------------  */
form.user-form input[type=text], form.user-form select {
    max-width: 350px;
}

/*-------------------pagination  --------------------   */
.pagination-text, .pagination {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 2px;
}

.pagination-text input[type=text] {
    display: inline-block;
    width: 30px;
}

.pagination-pages-container {
    text-align: right;
}

li.disabled, li.disabled a {
    pointer-events: none;
}

/*----------------   portefeuille --------------------  */
.portefeuille-title {
    margin-top: -10px;
    margin-bottom: 25px;
}

#list-adhesions-portefeuille .list-view-pf-main-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

#list-adhesions-portefeuille .list-view-pf-description {
    width: 30%;
}

#list-adhesions-portefeuille .list-view-pf-additional-info {
    width: 70%;
}

.portefeuille-etat {
    text-align: center;
}

.portefeuille-etat-, .portefeuille-etat-CREATED, .portefeuille-etat-EN_ATTENTE {
    color: blue;
}

.portefeuille-etat-ACTIF {
    color: green;
}

.portefeuille-etat-SINISTRE {
    color: orange;
}

.portefeuille-etat-RESILIE {
    color: #AAA;
}

.portefeuille-etat strong {
    font-size: 16px;
}

.portefeuille-etat small {
    font-size: 9.6px;
    display: block;
}

.portefeuille-etat-date {
    font-weight: bold;
}

.date-range-input {
    width: 170px;
    padding: 5px;
    height: 34px;
}

.proged-contract-link {
    margin-left: 20px;
}

.view-archivage-link {
    float: right;
}

.archivage-date {
    font-size: 115%;
}

.archivage-time {
    font-size: 95%;
}

/* monitoring */
.taskcenter-monitoring-card {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 1px !important;
}

.taskcenter-monitoring-card-title {
    margin: 0;
}

.taskcenter-monitoring-card-body-item {
    font-size: 16px;
}

.taskcenter-monitoring-card-body-item-count {
    font-weight: bold;
}

.taskcenter-monitoring-card-action {
}

.taskcenter-monitoring-card-history-header {
    font-size: 12px;
}

.taskcenter-monitoring-card-history-value {
    font-weight: bold;
    font-size: 12px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.taskcenter-monitoring-card-body-table {
}

/* changement administratif */
.chgmtAdmSection {
    display: none;
    border: 1px solid #999;
    padding: 15px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #FEFEFE;
}

.no-auto-width { /* Certain control like select will auto-fit (patternfly) and in certain case we need        to control the width */
    width: 100% !important;
}

.taskcenter-main {
    margin-top: 15px;
}

.type-document-label {
    font-weight: normal;
}

.duree-appel-container {
    display: inline;
    margin-left: 30px;
}

.datetime-time-control, .datetime-date-control {
    display: inline;
    width: auto;
}

.datetime-time-control {
    width: 4em;
}

.datetime-date-control {
    width: 7em;
}

.datetime-time-btns {
    width: 20px;
    padding: 0;
    margin-right: 10px;
}

.datetime-up-btn, .datetime-down-btn {
    padding: 4px;
    margin: 0;
    float: left;
    line-height: 5px;
    border: 1px solid #AAA;
    width: 18px;
}

.interlocuteur-container {
    margin: 10px -20px 0 0;
}

.interlocuteur-container label {
    font-weight: normal;
    text-align: right;
    padding-right: 0;
}

.panel-heading .panel-title .btn-edit {
    float: right;
}

.remiseCheques-container {
    margin: 10px -20px 0 0;
}

.remiseCheques-container label {
    font-weight: normal;
    text-align: right;
    padding-right: 0;
}

.cheque-container {
    margin: 10px -20px 0 0;
}

.cheque-container label {
    font-weight: normal;
    text-align: right;
    padding-right: 0;
}

#formChequeRemis .affichage-variable {
    display: none;
}

.remise-message-text {
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
}

.cheque-cotisations-checkbox {
    font-size: 12px;
}

.confirmation-remise-cheques-titre {
    font-size: 14px;
    font-weight: bold;
}

.confirmation-remise-cheques-valeur {
    font-size: 14px;
}

/*     Fix IE Edge scrollbar against bootstrap     https://github.com/twbs/bootstrap/issues/18543 */
@-ms-viewport {
    width: auto !important;
}

.warning-block {
    background: #fff3f3;
    border-color: #ffaaaa;
    border-width: 2px;
    border-style: solid;
    color: #cc0000;
}

.health-ok {
    padding: 2px 5px 2px 5px;
    background: green;
    color: white;
}

.health-ko {
    padding: 2px 5px 2px 5px;
    background: red;
    color: white;
}

.document-status-vad-papier {
    font-size: 150%;
    font-weight: bolder;
}

.list-group-item-container h4 {
    margin-top: 0;
}

#nav-recherche .btn {
    width: 75px;
}

#adhesionIndivContainer table th {
    line-height: 1;
}

.list-group-item-container .close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.step-text-form-group {
    margin-bottom: 5px;
    margin-right: -10px;
}

.step-text-form-group label {
    width: 40%;
}

.step-text-form-group .form-control {
    width: 58%;
}

#liste-sinistres .list-view-pf-main-info {
    font-size: 16px;
}

.properties-table {
    width: 100%;
}

.properties-table td:first-child {
    width: 40%;
    font-weight: bold;
    text-align: right;
    padding-right: 0.5em;
}

/* For medium screens */
@media only screen and (max-width: 1400px) {
    #nav-recherche .btn {
        width: 40px;
    }

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

    #adhesionIndivContainer {
        padding-left: 15px; /* padding-right: 15; : diable because it creates a horizontal scrollbar */
    }

    /* reduce gutters */
    #adhesionIndivContainer .col-md-1, #dashboardContainer .col-md-1, .list-group-item-container .col-md-1, .filtres .col-md-1, #adhesionIndivContainer .col-md-2, #dashboardContainer .col-md-2, .list-group-item-container .col-md-2, .filtres .col-md-2, #adhesionIndivContainer .col-md-3, #dashboardContainer .col-md-3, .list-group-item-container .col-md-3, .filtres .col-md-3, #adhesionIndivContainer .col-md-4, #dashboardContainer .col-md-4, .list-group-item-container .col-md-4, .filtres .col-md-4, #adhesionIndivContainer .col-md-5, #dashboardContainer .col-md-5, .list-group-item-container .col-md-5, .filtres .col-md-5, #adhesionIndivContainer .col-md-6, #dashboardContainer .col-md-6, .list-group-item-container .col-md-6, .filtres .col-md-6, #adhesionIndivContainer .col-md-7, #dashboardContainer .col-md-7, .list-group-item-container .col-md-7, .filtres .col-md-7, #adhesionIndivContainer .col-md-8, #dashboardContainer .col-md-8, .list-group-item-container .col-md-8, .filtres .col-md-8, #adhesionIndivContainer .col-md-9, #dashboardContainer .col-md-9, .list-group-item-container .col-md-9, .filtres .col-md-9, #adhesionIndivContainer .col-md-10, #dashboardContainer .col-md-10, .list-group-item-container .col-md-10, .filtres .col-md-10, #adhesionIndivContainer .col-md-11, #dashboardContainer .col-md-11, .list-group-item-container .col-md-11, .filtres .col-md-11, #adhesionIndivContainer .col-md-12, #dashboardContainer .col-md-12, .list-group-item-container .col-md-12, .filtres .col-md-12 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .panel-body {
        padding: 10px;
    }

    .dl-horizontal dt, .dl-horizontal .dl-horizontal-section > strong {
        width: 130px;
    }

    .dl-horizontal dd {
        margin-left: 140px;
    }

    .short_dt .dl-horizontal dt, .short_dt .dl-horizontal .dl-horizontal-section > strong {
        width: 100px;
    }

    .short_dt .dl-horizontal dd {
        margin-left: 110px;
    }

    .large_dt .dl-horizontal dt, .large_dt .dl-horizontal .dl-horizontal-section > strong {
        width: 180px;
    }

    .large_dt .dl-horizontal dd {
        margin-left: 190px;
    }

    ul.timeline {
        margin-left: 5px
    }

    .step-text-form-group label {
        width: 32%;
    }

    .step-text-form-group .form-control {
        width: 66%;
    }
}

#moreOption {
    color: white;
    font-size: 15px;
    margin-left: 5px;
    text-decoration: none;
}

.moreOption {
    text-align: left;
    margin-top: 10px;
}

.moreOption:hover {
    cursor: pointer;
    background-color: #2777b3;
}