.tim-row {
  margin-bottom: 20px;
}

.tim-white-buttons {
  background-color: #777777;
}
.card .card-header {
  padding: 5px;
}
.bg-dark {
  color: #fff;
}
.typography-line {
  padding-left: 25%;
  margin-bottom: 35px;
  position: relative;
  display: block;
  width: 100%;
}

.typography-line span {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  position: absolute;
  width: 260px;
  text-transform: none;
}

.tim-row {
  padding-top: 60px;
}

.tim-row h3 {
  margin-top: 0;
}

.offline-doc .page-header {
  display: flex;
  align-items: center;
}

.offline-doc .footer {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: 0;
  color: #fff;
  z-index: 1;
}

@media all and (min-width: 992px) {
  .sidebar .nav>li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
  }
}

.card.card-upgrade .card-category {
  max-width: 530px;
  margin: 0 auto;
}
.file-drop-zone-title {
  font-size: 1.6em;
  padding: 0px 0px;
  cursor: default;
}

.img-preview img {
  max-height: 200px;
  max-width: 200px;
}
.form-check .form-check-sign::after,
.form-check .form-check-sign::before {
  top: -10px;
}
.remove-mt-10 .form-check .form-check-sign::after,
.remove-mt-10 .form-check .form-check-sign::before,
.classe-concernes .form-check .form-check-sign::after,
.classe-concernes .form-check .form-check-sign::before {
  top: 0;
}
.table-striped .form-check label
.form-check-sign::after,
.table-striped .form-check label .form-check-sign::before {
  top: 0;
  left: 0;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown input[type="text"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="tel"], .iti--separate-dial-code input[type="text"] {
  padding-right: 6px;
  padding-left: 52px !important;
  margin-left: 0;
}

@media (min-width:991px) {
  .main-panel,
  .sidebar,
  .sidebar-wrapper {
    transition-property:top,bottom,width;
    transition-duration:.2s,.2s,.35s;
    transition-timing-function:linear,linear,ease;
    -webkit-overflow-scrolling:touch
  }
  .sidebar-mini .visible-on-sidebar-regular {
    display:none!important
  }
  .sidebar-mini .visible-on-sidebar-mini {
    display:inline-block!important
  }
  .sidebar-mini .sidebar,
  .sidebar-mini .sidebar .sidebar-wrapper {
    width:80px
  }
  .sidebar-mini .main-panel {
    width:calc(100% - 80px)
  }
  .sidebar-mini .sidebar {
    display:block;
    z-index:1030
  }
  .sidebar-mini .sidebar .logo a.logo-normal {
    opacity:0;
    transform:translate3d(-25px,0,0)
  }
  .sidebar-mini .sidebar .logo a.logo-mini {
    opacity:1
  }
  .sidebar-mini .sidebar .sidebar-wrapper .user .info>a>span,
  .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
  .sidebar-mini .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
  .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p {
    transform:translate3d(-25px,0,0);
    opacity:0;
  }
  .sidebar-mini .sidebar:hover {
    width:260px
  }
  .sidebar-mini .sidebar:hover .logo a.logo-normal {
    opacity:1;
    transform:translateZ(0)
  }
  .sidebar-mini .sidebar:hover .navbar-minimize {
    opacity:1
  }
  .sidebar-mini .sidebar:hover .sidebar-wrapper {
    width:260px
  }
  .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info>a>span,
  .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
  .sidebar-mini .sidebar:hover .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-normal,
  .sidebar-mini .sidebar:hover .sidebar-wrapper>.nav li>a p {
    transform:translateZ(0);
    opacity:1
  }
}
.sidebar .sidebar-wrapper li.active > [data-toggle="collapse"] + div .nav li::after, .sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"])::after {
  border-right: 17px solid #ef8157;
}
.sidebar .sidebar-wrapper.parent li.active > [data-toggle="collapse"] + div .nav li::after, .sidebar .sidebar-wrapper.parent li.active > a:not([data-toggle="collapse"])::after {
  border-right: 17px solid #51bcda;
}

#minimizeSidebar{ background-color: #EF8157 !important;}
#minimizeSidebar.parent{ background-color: #51bcda !important;}
#minimizeSidebar:hover{ color: #EF8157 !important; background-color: #fff !important;}
#minimizeSidebar.parent:hover{ color: #51bcda !important;}

.currency {
  font-size: 8px !important;
  font-weight: bold !important;
}
.card-stats .card-category.text-warning,
.card-stats .fa.text-warning,
.card-stats .timeago.text-warning,
.card-stats .text-warning span,
.card-stats .text-warning small,
.currency.text-warning{
  color: #EF8157 !important;
}

.card-stats .card-category.text-danger,
.card-stats .fa.text-danger,
.card-stats .timeago.text-danger,
.card-stats .text-danger span,
.card-stats .text-danger small,
.currency.text-danger{
  color: #BB0505 !important;
}

.card-stats .card-category.text-yellow,
.card-stats .fa.text-yellow,
.card-stats .timeago.text-yellow,
.card-stats .text-yellow span,
.card-stats .text-yellow small,
.currency.text-yellow,
.text-yellow, a.text-yellow:focus, a.text-yellow:hover {
  color: #FFCC00 !important;
}

.bg-yellow {
  background: #FFCC00 !important;
}

.card-stats .card-body .numbers {
  text-align: right;
  font-size: 1.5em;
}
.card-stats .card-body .numbers .card-category {
  font-size: 14px;
}
#table-dossier > thead > tr > th
{
  background: #000 !important;
  color: #fff !important;
}
#table-yellow > thead > tr > th
{
  background: #ffcc00 !important;
  color: #fff !important;
}
#table-success > thead > tr > th
{
  background: #6bd098 !important;
  color: #fff !important;
}
#table-danger > thead > tr > th { background: #bb0505 !important; color: #fff !important;}
#table-warning > thead > tr > th { background: #EF8157  !important; color: #fff !important;}
#table-parent-mat > thead > tr > th{
  background: #007bff!important;
  color: #fff !important;
}

#table-yellow > thead > tr > th,
#table-danger > thead > tr > th,
#table-warning > thead > tr > th,
#table-success > thead > tr > th,
#table-parent-mat > thead > tr > th,
#table-dossier > thead > tr > th
{
  font-size: 12px;
}
#table-yellow > tbody > tr > td,
#table-danger > tbody > tr > td,
#table-warning > tbody > tr > td,
#table-success > tbody > tr > td,
#table-parent-mat > tbody > tr > td,
#table-dossier > tbody > tr > td {
  font-size: 10px;
}

/***** SIDEBAR */
.off-canvas-sidebar:after,.sidebar:after{
  background:#66615b;
  background:linear-gradient(#66615b,#000 80%);
  z-index:3
}
.off-canvas-sidebar[data-color=white]:after,.sidebar[data-color=white]:after{
  background:#fff
}
.off-canvas-sidebar[data-color=info]:after,.sidebar[data-color=info]:after{
  background:#51bcda !important;
}
.off-canvas-sidebar[data-color=success]:after,.sidebar[data-color=success]:after{
  background:#6bd098 !important;
}
.off-canvas-sidebar[data-color=white] .nav li a,.off-canvas-sidebar[data-color=white] .nav li a[data-toggle=collapse],.off-canvas-sidebar[data-color=white] .nav li a[data-toggle=collapse] i,.off-canvas-sidebar[data-color=white] .nav li a[data-toggle=collapse]~div>ul>li .sidebar-mini-icon,.off-canvas-sidebar[data-color=white] .nav li a[data-toggle=collapse]~div>ul>li>a,.off-canvas-sidebar[data-color=white] .nav li a i,.sidebar[data-color=white] .nav li a,.sidebar[data-color=white] .nav li a[data-toggle=collapse],.sidebar[data-color=white] .nav li a[data-toggle=collapse] i,.sidebar[data-color=white] .nav li a[data-toggle=collapse]~div>ul>li .sidebar-mini-icon,.sidebar[data-color=white] .nav li a[data-toggle=collapse]~div>ul>li>a,.sidebar[data-color=white] .nav li a i{
  color:#66615b;
  opacity:.7
}
.off-canvas-sidebar[data-color=white] .nav li:focus:not(.active)>a,.off-canvas-sidebar[data-color=white] .nav li:hover:not(.active)>a,.sidebar[data-color=white] .nav li:focus:not(.active)>a,.sidebar[data-color=white] .nav li:hover:not(.active)>a{
  opacity:1
}
.off-canvas-sidebar[data-color=white] .logo .simple-text,.sidebar[data-color=white] .logo .simple-text{
  color:#66615b
}
.off-canvas-sidebar[data-color=white] .logo:after,.sidebar[data-color=white] .logo:after{
  background-color:#66615b;
  opacity:.4
}
.off-canvas-sidebar[data-color=white] .user .info a span,.off-canvas-sidebar[data-color=white] .user .nav .sidebar-mini-icon,.off-canvas-sidebar[data-color=white] .user .nav .sidebar-normal,.sidebar[data-color=white] .user .info a span,.sidebar[data-color=white] .user .nav .sidebar-mini-icon,.sidebar[data-color=white] .user .nav .sidebar-normal{
  color:#66615b!important
}
.off-canvas-sidebar[data-color=white] .user:after,.sidebar[data-color=white] .user:after{
  background-color:#66615b;
  opacity:.4
}

/*** Début programme du jour ***/
.programme-jour .fl-left{float: left}
.programme-jour .fl-right{float: right}
.programme-jour .card {
  display: table-row;
  width: 100%;
  background-color: #fff;
  color: #989898;
  margin-bottom: 10px;
  border-radius: 4px;
  position: relative
}
.programme-jour .date {
  display: table-cell;
  width: 30%;
  position: relative;
  text-align: center;
  border-right: 2px dashed #ccc;
}
.programme-jour .date:before,
.programme-jour .date:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #dadde6;
  position: absolute;
  top: -15px ;
  right: -15px;
  z-index: 1;
  border-radius: 50%;
}
.programme-jour .date:after {
  top: auto;
  bottom: -15px
}
.programme-jour .date time {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.programme-jour .date time span{display: block}
.programme-jour .date time span:first-child {
  color: #2b2b2b;
  font-weight: 600;
  font-size: 30px;
}
.programme-jour .date time span:last-child {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: -10px
}
.programme-jour .card-cont {
  display: table-cell;
  width: 70%;
  font-size: 85%;
  padding: 10px 10px 20px 20px
}
.programme-jour .card-cont > div {
  display: table-row
}
.programme-jour .team-cost b {
  padding: 5px 10px;
  border-radius: 10%;
  background-color: #009e61;
  color: #fff;
}
.programme-jour .card-cont .team-cost p {
  padding: 30px 50px 0 0
}

@media screen and (max-width: 860px) {
  .programme-jour .card {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 10px
  }
}
/*** Fin programme du jour ***/

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  display: block;
}