/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfilelabel {
    width: 100%;
    height: 25px;
    border: solid 1px #aaa;
    margin-top: 4px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}
.paginate_button {
    padding:0 4px;
    cursor:pointer;
}
    .paginate_button:hover {
        background-color: #7B7A7A;
        color: #ffffff;
        border-color: #7B7A7A;
    }
button[type="submit"].btn-link {
    background: none;
    border: none;
    color: blue;
    text-decoration: none;
    cursor: pointer;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
/*  white-space: nowrap;*/
  line-height: 40px; /* Vertically center the text there */
  background-color: #7B7A7A;
}

.footer__txt, .footer__link, .footer__link:hover {
    font-family: Arial;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
}



/* Styles */
.btn-unicem {
    padding: 12px 35px;
    background-color: #115FAB;
    font-weight:700;
}
.btn-unicem--cancel {
    background-color: #ffffff;
    color: #7B7A7A;
    border-color: #7B7A7A;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
    .btn-unicem--cancel:hover {
        background-color: #7B7A7A;
        color: #ffffff;
        border-color: #7B7A7A;
    }
    .btn-unicem--cancel:focus {
        box-shadow:none;
    }
    .btn-unicem--cancel:active {
        box-shadow: none !important;
        background-color: #7B7A7A !important;
        color: #ffffff !important;
        border-color: #7B7A7A !important;
    }

.btn-unicem--later {
    background-color: #7B7A7A;
    color: #ffffff;
    border-color: #7B7A7A;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-unicem--later:hover {
    background-color: #ffffff;
    color: #7B7A7A;
    border-color: #7B7A7A;
}

    .btn-unicem--later:focus {
        box-shadow: none;
    }

    .btn-unicem--later:active {
        box-shadow: none !important;
        background-color: #ffffff !important;
        color: #7B7A7A !important;
        border-color: #7B7A7A !important;
    }

.btn-unicem--search {
    padding: 6px 35px;
    background-color: #7B7A7A;
    color: #ffffff;
    border-color: #7B7A7A;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
    .btn-unicem--search:hover {
        background-color: #6d6d6d;
        color: #ffffff;
        border-color: #6d6d6d;
    }

    .btn-unicem--search:focus {
        box-shadow: none;
    }

    .btn-unicem--search:active {
        box-shadow: none !important;
        background-color: #6d6d6d !important;
        color: #ffffff !important;
        border-color: #6d6d6d !important;
    }
.navbar--submenu {
    background-color: #7B7A7A;
}

.btn-unicem--submenu {
    padding: 8px 25px;
    background-color: #7B7A7A;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    border: none;
    border-right: solid 1px #ffffff;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    max-width: 250px;
}
    .btn-unicem--submenu:hover {
        background-color: #7B7A7A;
        color: #ffffff;
        border-color: #7B7A7A;
    }


    .btn-unicem--submenu:active, .btn-unicem--submenu:focus, .btn-unicem--submenu:hover {
        box-shadow: none !important;
        background-color: #115FAB !important;
        color: #ffffff !important;
        border: none;
        border-right: solid 1px #ffffff;
    }

.btn-unicem--submenu__content {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar--submenu {
    background-color: #7B7A7A !important;
    width: 100%;
}
.asterisk {
    font-family: Arial;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
}
.asterisk--xs{
    font-size:14px;
}
/* *Layout* */
.header-login__title {
    font-family: Arial;
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    line-height: normal;
}

.header-login__border-bg--blue {
    background-color: #115FAB;
    font-size:13px;
    line-height:13px;
}
.header-login__border-bg--blue .navbar {
    padding:0;
}


.header-login__border-bg--blue .navbar .nav-link {
   /* line-height: 60px;*/
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    color: #ffffff!important;
    font-size:13px;
    text-align: center;
    min-width:9vw;
}


.nav-item__text {
    display: flex;
    align-items: center;
}


.border-bottom--yellow {
    border-bottom: solid 1px #F8AD4B;
}
.border-top-bottom--yellow {
    border-top: solid 1px #F8AD4B;
    border-bottom: solid 1px #F8AD4B;
}
.login__form--bg-border--bleu {
    width: 100%;
    background-color: #E8EFF7;
    border: solid 3px #115FAB;
    padding: 15px;
}
.login__title {
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #115FAB;
    text-align: left;
}
.login__subtitle {
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    text-align: left;
}
.login__link {
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    text-align: right;
    line-height: normal;
}

/* *Index* */
.uni_main-title {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.uni_main-subtitle {
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.section__bg-border--bleu {
    position: relative;
    width: 100%;
    background-color: #E8EFF7;
    border: solid 3px #115FAB;
    padding: 15px 15px 10px 15px;
    margin-bottom: 20px;
}
.section_title__company {
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    text-align: center;
}

.section_title__company--colorLink {   
    color: #000000;
}

.oi-account-login{
    font-size:33px;
    vertical-align:middle;
}

.nav-item__border-right {
    border-right: solid 2px #ffffff;
}
.nav-item__border-right:first-child {
    border-right: solid 2px #ffffff;
    border-left: solid 2px #ffffff;
}

.section__link {
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: normal;
    text-decoration:underline;
}
.section__linkbig {
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: normal;
    text-decoration: underline;
}

.numFix{
    position:absolute;
    display:block;
   
    width:26px;
    height:26px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    padding:0;
    top:20px;
    right:10px; 
    border-radius:6px;
}
    .numFix.done{
        background:#37bd11;
    }
    .numFix.wait {
        background: #F8AD4B;
    }
    /* *card* */
    .card-enquete .card {
        margin-bottom: 25px;
        box-shadow: 3px 3px 3px #7B7A7A;
    }
    .card-enquete .card .btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .card, .card .card-header, .card .card-body, .card .card-footer {
        background-color: none !important;
    }
.card-enquete .card, .card-enquete .card .card-header, .card-enquete .card .card-date, .card-enquete .card .card-body, .card-enquete .card .card-footer {
    background-color: #e8eff7;
}
    .card-enquete .card .card-header{
        min-height: 120px;
    }
    .card-enquete .card .card-body {
        padding: 15px 10px 10px 10px;
        
        min-height: 135px;
    }
    .card-body--late {
        background-color: #F8AD4B!important;
    }
.card-enquete .card .card-date {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
    .card-enquete .card .card__date {
        font-family: "Arial Gras", Arial;
        font-weight: 700;
        font-style: normal;
        font-size: 16px;
        color: #000000;
        text-align: center;
    }
    .card__txt {
        font-family: Arial;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
.card__txt--succes {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #74b85b;
    text-align: center;
}
.card__title {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 16px;
    color: #115FAB;
}
.card__footer-txt {
    font-family: "Arial Normal", Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
    text-decoration:underline;
}

.card__footer-txt__accessSurvey {
    color: #333333;
}

.th__bg-color--green {
    background-color: #74b85b;
}
.th__title {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
}
.td__title-date {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}
.td__title-corp {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #115FAB;
}
.td__btn-link {
    border: none;
    background-color: transparent;
    text-align: center;
    margin: auto auto;
    display: block;
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
}
.link-custom {
    font-weight: 400;
    font-style: normal;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}

.table-hover tbody tr {
    transition: ease-in-out background-color .15s;
}
/* Manage */
.manage-menu__nav-link {
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #115FAB;
    padding: .3rem .5rem;
    border: solid 1px #115FAB;
}

    .manage-menu__nav-link.active {
        background-color: #115FAB !important;
        color: #ffffff !important;
    }

.manage-menu__nav-item {
    padding: .3rem 0rem;
}

.manage-profil__bg--bleu-light {
    width: 100%;
    background-color: #E8EFF7;
    padding: 15px 15px 10px 15px;
    margin-bottom: 20px;
}

.manage-infos__bg--bleu-light {
    width: 100%;
    background-color: #E8EFF7;
    padding: 15px 15px 10px 15px;
    margin-bottom: 20px;
}

.manage-enquete__bg--bleu-light {
    width: 100%;
    background-color: #E8EFF7;
}

.section__bg-border--bleu {
    position:relative;
    width: 100%;
    background-color: #E8EFF7;
    border: solid 3px #115FAB;
    padding: 15px 35px 10px 35px ;
    margin-bottom: 20px;
}

.m-e__section-title {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    padding-top:20px;
}

#profile-form .form-group.row, #change-password-form .form-group.row, #form-ficheDecl .form-group.row, #form-ficheEntreprise .form-group.row {
    border-bottom: solid 1px #dedede;
    padding-bottom: 12px;
}

    #profile-form .form-group.row:last-child, #change-password-form .form-group.row:last-child, #form-ficheDecl .form-group.row:last-child, #form-ficheEntreprise .form-group.row:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

/*
    Admin
*/
.admin_main_title {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #333333;
    text-align: left;
    line-height: normal;
}
.td__txt {
    color:#333333;
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    vertical-align:middle!important;
}
.td__txt_norm {
    color: #333333;
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    text-align: center;
    vertical-align: middle !important;
}
td__txt-bold {
    color: #333333;
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    text-align: center !important;
    vertical-align: middle !important;
}
.td__txt--link {
    text-decoration:underline;
}

.table--spaceBorder {
    border-collapse:separate;
    border-spacing:0;
}
/* bg-color & border-color */
.table__bg-color--lightblue {
    background-color: #E8EFF7 !important;
}
.th__bg-color--grey {
    background-color: #7B7A7A !important;
}

.th__bg-color--orange {
    background-color: #F8AD4B !important;
}

.tr__bg-color--green {
    background-color: #D6EACE !important;
}
.tr__bg-color--blue {
    background-color: #E8EFF7 !important;
}
.tr__bg-color--lightblue {
     background-color: #88AFD5 !important;
}
.tr__bg-color--darkblue {
    background-color: #115FAB !important;
}
.tr__bg-color--white {
    background-color: #ffffff !important;
}


.tr__border-color--orange td{
   
    border: solid 3px #F8AD4B!important;
}

.tr__border-color--blue td{
    border: solid 2px #88AFD5 !important;
}

.tr__border-color--darkblue td{
    border: solid 3px #115FAB !important;
}

.tr__border-color--red {
    border: solid 3px #FF0000 !important;
}

.b-2{
    border: solid 2px #ffffff;
}

.input-unicem--search {
    width: 50vw !important;
}

.vertical-align-middle {
    vertical-align:middle!important;
}

.label__txt--bg-bleu {
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    background-color: #115FAB !important;
    color: #ffffff !important;
    padding: .3rem .5rem;
    border: solid 1px #115FAB;
    border-radius: .55rem !important;
}
.label-error {
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
    color: #FF0000 !important;
}

.selectShort {
    width: 90px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    height: 30px;
}

.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.radio-toolbar label {
    display: inline-block;
    background-color: #797979;
    color: #fff;
    font-weight:bold;
    padding: 6px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #797979;
    min-width: 135px;
}

.radio-toolbar input[type="radio"]:checked + label.succes--bg {
    background-color: #008000;
    border-color: #008000;
}
.radio-toolbar input[type="radio"]:checked + label.waitsucces--bg {
    background-color: #F8AD4B;
    border-color: #F8AD4B;
}
.radio-toolbar input[type="radio"]:checked + label.notsucces--bg {
    background-color: #FF0000;
    border-color: #FF0000;
}
.radio-toolbar input[type="radio"]:focus + label {
    border: 2px solid #444;
}

.statut--underline{
    text-decoration: underline;
}
.lh-3{
    line-height:3em;
}
/* Questionnaires/question... */
.quest-content--bg-bleu {
    background-color: #E8EFF7;
    padding: 15px 0;
}
.quest_head--title {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: normal;
}
.quest_head--title-corp {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #115FAB;
    text-align: center;
    line-height: normal;
}
.quest_head--title-years {
    font-family: Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #333333;
    text-align: center;
    line-height: normal;
}

.orange {
    color: #F8AD4B;
}

.fc-red{
    color: #ff0000;
}
.quest_head--txt-orange {
    font-family: Arial;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    color: #F8AD4B;
    text-align: left;
    line-height: normal;
}

.quest_head--txt {
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
}


.quest_head--txt--big {
    font-size: 20px;

}
.quest_head--title-section {
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #333333;
    text-align: left;
    line-height: normal;
}
.glyphicon-info-sign{
    color:#ffffff!important;
    font-style:normal!important;
    font-size:20px;
    font-weight:bold;
    background-color:#000000;
    border-radius:50%;
    padding:2px 10px;
}
.quest_head--txt-info-sign {
    font-family: Arial;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
}



.quest_txt--asterisk {
    font-family: Arial;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.quest-info-t {
    font-family: Arial;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    font-size: 13px;
    color: #333333;
    line-height: normal;
    text-align:center;
    padding-top:3px;
    padding-bottom: 0;
    margin-bottom: 0;
}
#quest1501 input[type=text] {
    width: 130px;
    vertical-align: top;
}

.cal_tot_sortant input[type=text] {
    width: 130px;
}
.Vprev {
    display: inline;
    position: center;
    top: 0px;
}
/*.input-group {position:relative}*/

.factColConcerned, .factColCAHT, .factColCAMetro, .factColCAExport, .factColCATransport {
    max-width: 130px;
}


#tooltip {
    background: #333;
    color: white;
    font-weight: bold;
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 4px;
    display: none;
}

    #tooltip[data-show] {
        display: block;
    }

#arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1;
}

    #arrow::before {
        content: '';
        transform: rotate(45deg);
        background: #333;
    }

#tooltip[data-popper-placement^='top'] > #arrow {
    bottom: -4px;
}

#tooltip[data-popper-placement^='bottom'] > #arrow {
    top: -4px;
}

#tooltip[data-popper-placement^='left'] > #arrow {
    right: -4px;
}

#tooltip[data-popper-placement^='right'] > #arrow {
    left: -4px;
}


.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Parcourir";
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #115FAB;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 25px;
    font-size: 16px;
    font-family: Arial;
    text-align: center;
    max-width: 100%;
    width: auto;
    content: "Parcourir";
    will-change: background-color, color, border;
    transition: all 450ms;
   
}

    .custom-file-label::after:hover {
        background-color: #ffffff !important;
        color: #bb1e32 !important;
        border: none !important;
        transition: all 125ms;
        box-shadow: none !important;
    }

.custom-file-label:hover, .custom-file-label:focus, .custom-file-label:active, .custom-file-label:not(:disabled):not(.disabled):active:focus, select:hover {
   
    box-shadow: 7px 0px 10px rgba(121, 91, 53, 0.70);
    transition: transform 125ms, background-color 125ms, box-shadow 125ms;
    transform: translateX(1px);
}

.blocmsgerror {
    display: block;
    color: #000;
    font-weight: bold;
    background-color: antiquewhite;
    border: solid 1px;
    border-color: red;
    padding: 6px 25px;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
    max-width: 100%;
    width: auto;
}
.blocmsgsuccess {
    display: block;
    color: #000;
    font-weight: bold;
    background-color: azure;
    border: solid 1px;
    border-color: green;
    padding: 6px 25px;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
    max-width: 100%;
    width: auto;
}

.h3--marginTitle {
    margin-top:35px;
}

#TargetFile{
    
    border:solid 1px #000;
    margin-top:15px;
    padding:15px;
}
.fix-text-color-black {
    color:#000!important
}

.note-editor {
    z-index:2000;
    background-color:#fff}

.modal.note-modal.link-dialog.show {
    z-index: 2010;
}

.importPpPm_type2 {
    vertical-align:middle;
    color:red;
}


.importPpPmInfo {
    font-style: italic;
    font-size:12px;
}
@media (max-width: 575px) {
    .nav-item__border-right {
        border-right: none;
    }
    .nav-item__border-right:first-child {
        border-right: none;
        border-left: none;
    }

    .nav-item__text {
        display: inline;
    }

    .btn-unicem {
        padding: 5px;
    }
}

@media (max-width: 767px) {
    .btn-unicem {
        padding: 5px;
    }
}


@media all {
    .breakpage {
        display: block;
        page-break-after: always;
    }
    .breakpageauto {
        
        page-break-before: auto;
    }
}

/*.header-pdf {
    display: none;
}*/

@media print {
    .breakpage {
        display: block;    
        page-break-after: always;
    }
    .breakpageauto {
        page-break-before: auto;
    }
    /*.header-pdf{
        display:block;
    }*/
}