.login-box-body .content-header {
    padding: 0;
}

.login-box,
.register-box {
    margin: auto;
    padding-top: 7%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 23px;
}

.table .btn .badge {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
}

.table th.actions {
    min-width: 145px;
}

.user_desactive td {
    color: red;
}

.jconfirm textarea {
    border: none;
    position: absolute;
    bottom: 62px;
    width: calc(100% - 32px);
    height: 65px;
    background: #f2f6f9;
    border-radius: 7px;
    resize: none;
}

.jconfirm-buttons select {
    height: 32px;
    margin-left: 2px;
    border: none;
    background: #ecf0f1;
    top: -1px;
    position: relative;
    width: 153px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-left: 10px;
}

:focus {
    outline: 0;
}

.envoyer.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .3;
}

.msg-enveloppe .fa-envelope {
    color: #333 !important;
}

.msg-enveloppe .fa-envelope.light {
    opacity: .3 !important;
}

.msg-enveloppe2 .fa-envelope {
    color: #337ab7 !important;
}

.msg-enveloppe2 .fa-envelope.light {
    opacity: .3 !important;
}

.msg-enveloppe3 .fa-envelope {
    color: darkred !important;
}

.msg-enveloppe3 .fa-envelope.light {
    opacity: .3 !important;
}

.doc-list .fa-cloud-upload.light {
    opacity: .3 !important;
}

.jconfirm-content-pane {
    margin-bottom: 90px !important;
}

.msg-enveloppe,
.msg-enveloppe2,
.msg-enveloppe3,
.doc-list {
    position: relative;
}

.msg-enveloppe span,
.msg-enveloppe2 span,
.msg-enveloppe3 span,
.doc-list span {
    width: 10px;
    height: 10px;
    background: #dd4b39;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    left: 15px;
    top: -2px;
    color: #FFF;
    position: absolute;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    border-radius: 20px;
    z-index: 0;
}

.msg-enveloppe,
.msg-enveloppe:hover {
    color: #001f3f;
}

.discussion {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.msg-profil {
    width: 40px;
    min-height: 40px;
    border-radius: 30px;
    float: left;
    margin-right: 10px;
}

.msg-profil.d {
    margin-left: 10px;
    margin-right: 0;
    float: right;
}

button.btn {
    font-weight: 400 !important;
}

.contenu {
    padding: 5px 13px;
    background: #f2f6f9;
    border-radius: 8px;
    display: inline-block;
    color: #555;
    max-width: calc(100% - 50px);
}

hr.non-lus {
    overflow: visible;
    padding: 0;
    border: none;
    border-top: 1px solid #aaa;
    color: #aaa;
    text-align: center;
    clear: both;
}

hr.non-lus:after {
    content: "Messages non lus";
    display: inline-block;
    position: relative;
    top: -13px;
    font-size: 12px;
    padding: 0 5px;
    background: #FFF;
}

.say {
    font-weight: 400 !important;
}

.contenu.g {
    border-top-left-radius: 0;
    float: left;
}

.contenu.d {
    border-top-right-radius: 0;
    float: right;
    background: #dcf4fd;
}

.line-msg {
    clear: both;
    overflow: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.say.g {
    text-align: left;
}

.say.d {
    text-align: right;
}

.say {
    font-size: 10px;
    font-weight: bolder;
    color: #aaa;
}

.enveloppe span {
    width: 10px;
    height: 10px;
    background: #dd4b39;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    left: 10px;
    top: -1px;
    color: #FFF;
    position: absolute;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    border-radius: 20px;
    z-index: 0;
    display: inline-table;
}

.box-pagination {
    display: block;
    overflow: auto;
    padding: 20px 10px;
}

.box-pagination .pagination {
    float: right;
}

.box-pagination .pagination-information {
    display: inline-block;
    padding: 20px 10px;
}

#dossierTab_info {
    padding-top: 27px;
}

#dossierTab_paginate {
    padding-top: 20px;
}

.box-header.with-borderTab {
    border-bottom: 1px solid #f39c12;
    color: #f39c12;
    margin-bottom: 20px;
}

section h1 .fa {
    margin-right: 15px;
}

.sidebar-menu>li .label {
    position: absolute;
    right: 5px;
    top: calc(50% - 7px);
}

table.table th a {
    color: #333;
}

.table-hover tr.odd {
    background: #F9F9F9;
}

.table-hover tr.even {
    background: #FFFFFF;
}

.table-hover tr.odd td.actif {
    background: #f1f1f1;
}

.table-hover tr.even td.actif {
    background: #f9f9f9;
}

.table-hover tr.days3 td {
    background: #ffff0087 !important;
}

.table-hover>tbody>tr.days3:hover {
    background-color: #ffff0087 !important;
}

.table-hover tr.days7 td {
    background: #8bc34a73 !important;
}

.table-hover>tbody>tr.days7:hover {
    background-color: #8bc34a73 !important;
}

.table-hover tr td.details-control a {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.table tr td .progress {
    margin-top: 0px;
    border: 1px solid #dddddd;
    background: #FFF;
    min-width: 110px;
}

.custom tr td.actions .btn-xs {
    font-size: 15px;
    padding: 1px 4px;
}

.custom tr.info-cv td.actions {
    position: relative;
    white-space: nowrap;
}

/*.custom tr.info-cv td.actions .LienModal {
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom:10px;
}*/
.custom th.actions {
    width: 142px;
    min-width: auto;
}

.progress-bar-gray {
    background-color: #d2d6de;
    color: #333;
    font-weight: bold;
    width: 100% !important;
}

.progress-bar-aqua {
    background-color: #00c0ef;
    font-weight: bold;
    width: 100% !important;
}

.progress-bar-fuchsia {
    background-color: #f012be;
    font-weight: bold;
    width: 100% !important;
}

.custom tr td.details-control a i.fa-minus {
    display: none;
}

.custom tr.shown td.details-control a i.fa-minus {
    display: block;
}

.custom tr.shown td.details-control a i.fa-plus {
    display: none;
}

.custom tr.border-top td {
    border-top: solid 1px #000;
}

.custom tr.border-bottom td {
    border-bottom: solid 1px #000;
}

.select2-container .select2-selection--single {
    padding: 8px;
    height: 34px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle;
}

#ajaxModal .select2-container {
    width: 100% !important;
}

a:focus,
a:active {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/*TEST*/
.skin-yellow .main-header .logo {
    background-color: #FFFFFF;
    color: #000;
}

.skin-yellow .main-header .logo:hover {
    background-color: #FFFFFF;
    color: #000;
}

.skin-yellow .main-header .logo b {
    color: #f39c12;
}

.skin-yellow .main-header .logo:hover b {
    color: #f39c12;
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #FFF;
    color: #000;
}

tr.verif .btn-lg,
tr td.actions .btn-lg {
    padding: 2px 3px;
}

tr.verif td.max-500 {
    max-width: 500px;
}

tr.verif td.tdChrono {
    width: 32px;
    text-align: center;
}

tr.verif td.tdBadge {
    width: 20px;
    padding: 0;
    padding-right: 8px;
}

tr.verif td.tdBadge a {
    padding: 0;
}

tr.info-cv td.tdStatut {
    width: 78px;
}

.form-group a.edit-cv {
    font-size: 40px;
}

.form-group img.profilImage {
    width: 100px;
    height: 100px;
    clear: both;
    float: left;
}

.form-group a.deleteProfilImage {
    float: left;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.form-group a.deleteProfilImage:hover {
    color: #a94442;
}

.logo-lg img {
    height: 30px;
    margin-right: 15px;
    margin-top: -3px;
    margin-left: -10px;
}

.bg-gray-dark {
    color: #FFF;
    background-color: #999999 !important;
}

#ajaxSubmit.actif {
    background-image: url(/img/loader2.gif);
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat;
    text-indent: -999px;
    height: 34px;
    width: 85px;
}

#checkCandidat {
    color: #000;
    margin-left: 10px;
}

#ajaxForm label.control-label {
    width: 100%;
}

label span.diff {
    color: #f39c12;
    margin-left: 10px;
    font-weight: normal;
}

label span.diffcomparaison {
    color: #f39c12;
    font-weight: bold;
    font-size: 15px;
    margin-right: 20px;
}

label span.Maj a {
    margin-right: 5px;
}

label.iCheck {
    float: right;
    font-style: italic;
    margin-bottom: 2px;
}

label.iCheck div {
    margin: -2px 5px 2px 0px;
}

label.iCheckE {
    margin-bottom: 2px;
}

label.iCheckE div {
    margin: -2px 5px 2px 0px;
}

.tooltip-inner {
    max-width: 600px;
    width: 600px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    background-color: #000;
    border-radius: 4px;
}

.actions .pencil .tooltip-inner {
    max-width: 600px;
    width: 600px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    background-color: #000;
    border-radius: 4px;
}

.actions .pencil .tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

.tdBadge.yellow .tooltip-inner {
    background-color: #f39c12;
}

.tdBadge.yellow .tooltip-arrow {
    border-top-color: #f39c12;
}

.tdBadge.green .tooltip-inner {
    background-color: #00a65a;
}

.tdBadge.green .tooltip-arrow {
    border-top-color: #00a65a;
}

.tdBadge.red .tooltip-inner {
    background-color: #dd4b39;
}

.tdBadge.red .tooltip-arrow {
    border-top-color: #dd4b39;
}

.tdBadge.fuchsia .tooltip-inner {
    background-color: #f012be;
}

.tdBadge.fuchsia .tooltip-arrow {
    border-top-color: #f012be;
}

.tdBadge.gray .tooltip-inner {
    background-color: #d2d6de;
}

.tdBadge.gray .tooltip-arrow {
    border-top-color: #d2d6de;
}

.tdBadge.aqua .tooltip-inner {
    background-color: #00c0ef;
}

.tdBadge.aqua .tooltip-arrow {
    border-top-color: #00c0ef;
}

.actions .tooltip-inner {
    max-width: 150px;
    text-align: center;
    background: #f39c12;
}

.actions .tooltip.top .tooltip-arrow {
    border-top-color: #f39c12;
}

.actions .tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.skin-yellow .sidebar-menu>li.header {
    color: #FFF;
    font-size: 16px;
}

/*custom profil */
.user-panel>.image>img {
    max-width: 50px;
}

.navbar-nav>.user-menu .user-image {
    width: 35px;
    height: 35px;
    margin-top: -7px;
}

.navbar-custom-menu li.tasks-menu,
.navbar-custom-menu li.notifications-menu,
.navbar-custom-menu li.messages-menu {}

.a-message {
    font-size: 12px !important;
}

.envoi-en-cours {
    position: absolute;
    bottom: 22px;
    color: #aaa;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    padding: 0;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    display: none;
}

.skin-yellow .main-header .navbar .nav>li>a:active,
.skin-yellow .main-header .navbar .nav>li>a:focus,
.skin-yellow .main-header .navbar .nav .open>a,
.skin-yellow .main-header .navbar .nav .open>a:focus,
.skin-yellow .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0);
    color: #f6f6f6;
}

.skin-yellow .main-header .navbar .nav>li>a:hover,
.skin-yellow .main-header .navbar .nav .open>a:hover {
    background: rgba(0, 0, 0, 0.1);
}

a.reAffiche {
    clear: both;
    float: right;
    display: none;
}

#viewDossier table td.tdDiff {
    color: #fff;
    background: #f39c12;
    opacity: 0.7;
}

#viewDossier .table th.actions {
    width: 70px;
    min-width: 70px;
}

.box-header.with-border.second {
    border-top: 1px solid #f4f4f4;
    padding: 15px 0px;
}

label span.oldVal {
    font-size: 11px;
    font-style: italic;
    margin-left: 15px;
}

.form-group-statut .form-group {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.form-group-statut .form-group .select2 {
    min-width: 150px;
}

.pagination-information .control-label {
    margin: 0;
    margin-left: 15px;
    font-style: italic;
}

.pagination-information .form-group {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 0;
    margin-top: -6px;
    float: right;
    margin-left: 10px;
    font-size: 10px;
}

#Modal-rapport .modal-dialog {
    width: 100%;
    max-width: 1440px;
    height: 100%;
}

#Modal-rapport .modal-body {
    padding: 0;
    height: 100%;
}

#Modal-rapport .modal-content {
    height: 100%;
}

#Modal-rapport .modal-dialog iframe {
    border: none;
}

.modal-dialog.big {
    max-width: 1200px;
    width: 100%;
}

a.btn-diplome {
    color: #333;
    float: right;
}

td.flag {
    position: relative;
}

td.flag a.urgence.other {
    position: absolute;
    top: 0;
    padding: 0;
}

.skin-yellow .sidebar-menu>li.stat>a {

    background: #1e282c;
    padding-top: 2px;
    padding-bottom: 2px;
    border-left-color: #f39c12;
}

section.sidebar .progress {
    width: calc(100% -30px);
    margin: 20px 15px;
}

.table>tbody>tr>td.op {
    padding: 0;
}

td.op .form-group {
    margin: 0;
}

td.op .form-group .operateur {
    font-size: 12px;
    padding: 0;
    margin: 0;
    width: 40px;
}

#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    display: none;
}

#loading img {
    position: absolute;
    z-index: 2;
    top: 30px;
    left: calc(50% - 89px);
}

td.phone {
    position: relative;
}

td.phone .telephone {
    position: absolute;
    top: 0;
}

.bg-jaune {
    background-color: #FFFF00 !important;
    color: #000;
}

.numero {
    display: block;
    margin-top: 10px;
    text-align: center;
}

.numero a {
    font-weight: bold;
}

#commentaire_candidat {
    width: 100%;
    height: 200px;
    margin-top: 20px;

}

.pencil {
    display: inline-block;
}

#Modal-dialog .box-body {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px;
}

#Modal-dialog .box-body td.doc i {
    margin-right: 10px;
    font-size: 18px;
}

#Modal-dialog .box-body td a {
    color: inherit;
}

#Modal-dialog .modal-header {
    background: #f39c12;
    color: #FFF;
}

#Modal-dialog .close {
    color: #FFF;
    filter: alpha(opacity=100);
    opacity: 1;
}

#operateur-help {
    z-index: 10;
    font-size: 16px;
    float: right;
}

#comments {
    border-top: 2px solid #f39c12;
    margin: 15px auto;
}

.box.box-primary.historique {
    box-shadow: none !important;
}

.labelformation b {
    color: #f39c12;
    margin-left: 10px;
}

.table .btn .badge1 {
    width: 18px;
    height: 18px;
    display: inline-block;
    font-size: 21px;
    padding-top: 2px;

}

.progress-bar-black {
    background-color: #111111;
    font-weight: bold;
    width: 100% !important;
}

.text-gray-dark {

    color: #999999 !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    margin-left: -6px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
}

#reloadCompteur {
    position: absolute;
    top: 0;
    right: 10px;
}

a.info-procedure {
    margin-left: 5px;
}

.left {
    float: left;
}

.hd {
    float: left;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    background-color: red;
    border-radius: 50%;
    color: white;
    font-size: 10px;
    font-weight: bold;
}

select[multiple] {
    height: 250px !important;
}

.urlRefus {
    display: none;
}


#clientTri[multiple],
#operateurTri[multiple] {
    height: 32px !important;
}

/* select2 */
.select2-selection--multiple .select2-search__field::placeholder {
    padding-left: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f39c12;
    border: 1px solid #000000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #FFFFFF;
}

tr.info-cv.ia-disabled {
    filter: grayscale(100%) brightness(0.8);
    /* baisse la luminosité */
    opacity: 0.4;
    /* tu peux ajuster */
    pointer-events: none;
}

tr.info-cv.ia-OK {

    background-color: rgba(0, 123, 255, 0.15);
}

tr.info-cv.ia-OK td.actif {

    background-color: transparent;
}

.table-hover>tbody>tr.ia-OK:hover {
    background-color: rgba(0, 123, 255, 0.15);
}