/* =================================== */
/*  Font Family and Colors Styles
/* =================================== */
.bg-transparent {
  background-color: transparent;
}
.bd-blue-50 {
  color: #000;
  background-color: #e5efff;
}
.bd-blue-100 {
  color:#000;
  background-color:#cfe2ff
}
.bd-blue-200 {
  color:#000;
  background-color:#9ec5fe
}
.bd-blue-300 {
  color:#000;
  background-color:#6ea8fe
}
.bd-blue-400 {
  color:#000;
  background-color:#3d8bfd
}
.bd-blue-500 {
  color:#fff;
  background-color:#0d6efd
}
.bd-blue-600 {
  color:#fff;
  background-color:#0a58ca
}
.bd-blue-700 {
  color:#fff;
  background-color:#084298
}
.bd-blue-800 {
  color:#fff;
  background-color:#052c65
}
.bd-blue-900 {
  color:#fff;
  background-color:#031633
}
.bd-indigo-100 {
  color:#000;
  background-color:#e0cffc
}
.bd-indigo-200 {
  color:#000;
  background-color:#c29ffa
}
.bd-indigo-300 {
  color:#000;
  background-color:#a370f7
}
.bd-indigo-400 {
  color:#fff;
  background-color:#8540f5
}
.bd-indigo-500 {
  color:#fff;
  background-color:#6610f2
}
.bd-indigo-600 {
  color:#fff;
  background-color:#520dc2
}
.bd-indigo-700 {
  color:#fff;
  background-color:#3d0a91
}
.bd-indigo-800 {
  color:#fff;
  background-color:#290661
}
.bd-indigo-900 {
  color:#fff;
  background-color:#140330
}
.bd-purple-50 {
  color:#000;
  background-color:#f5f0ff
}
.bd-purple-100 {
  color:#000;
  background-color:#e2d9f3
}
.bd-purple-200 {
  color:#000;
  background-color:#c5b3e6
}
.bd-purple-300 {
  color:#000;
  background-color:#a98eda
}
.bd-purple-400 {
  color:#000;
  background-color:#8c68cd
}
.bd-purple-500 {
  color:#fff;
  background-color:#6f42c1
}
.bd-purple-600 {
  color:#fff;
  background-color:#59359a
}
.bd-purple-700 {
  color:#fff;
  background-color:#432874
}
.bd-purple-800 {
  color:#fff;
  background-color:#2c1a4d
}
.bd-purple-900 {
  color:#fff;
  background-color:#160d27
}
.bd-pink-100 {
  color:#000;
  background-color:#f7d6e6
}
.bd-pink-200 {
  color:#000;
  background-color:#efadce
}
.bd-pink-300 {
  color:#000;
  background-color:#e685b5
}
.bd-pink-400 {
  color:#000;
  background-color:#de5c9d
}
.bd-pink-500 {
  color:#fff;
  background-color:#d63384
}
.bd-pink-600 {
  color:#fff;
  background-color:#ab296a
}
.bd-pink-700 {
  color:#fff;
  background-color:#801f4f
}
.bd-pink-800 {
  color:#fff;
  background-color:#561435
}
.bd-pink-900 {
  color:#fff;
  background-color:#2b0a1a
}
.bd-red-100 {
  color:#000;
  background-color:#f8d7da
}
.bd-red-200 {
  color:#000;
  background-color:#f1aeb5
}
.bd-red-300 {
  color:#000;
  background-color:#ea868f
}
.bd-red-400 {
  color:#000;
  background-color:#e35d6a
}
.bd-red-500 {
  color:#fff;
  background-color:#dc3545
}
.bd-red-600 {
  color:#fff;
  background-color:#b02a37
}
.bd-red-700 {
  color:#fff;
  background-color:#842029
}
.bd-red-800 {
  color:#fff;
  background-color:#58151c
}
.bd-red-900 {
  color:#fff;
  background-color:#2c0b0e
}
.bd-orange-100 {
  color:#000;
  background-color:#ffe5d0
}
.bd-orange-200 {
  color:#000;
  background-color:#fecba1
}
.bd-orange-300 {
  color:#000;
  background-color:#feb272
}
.bd-orange-400 {
  color:#000;
  background-color:#fd9843
}
.bd-orange-500 {
  color:#000;
  background-color:#fd7e14
}
.bd-orange-600 {
  color:#000;
  background-color:#ca6510
}
.bd-orange-700 {
  color:#fff;
  background-color:#984c0c
}
.bd-orange-800 {
  color:#fff;
  background-color:#653208
}
.bd-orange-900 {
  color:#fff;
  background-color:#331904
}
.bd-yellow-100 {
  color:#000;
  background-color:#fff3cd
}
.bd-yellow-200 {
  color:#000;
  background-color:#ffe69c
}
.bd-yellow-300 {
  color:#000;
  background-color:#ffda6a
}
.bd-yellow-400 {
  color:#000;
  background-color:#ffcd39
}
.bd-yellow-500 {
  color:#000;
  background-color:#ffc107
}
.bd-yellow-600 {
  color:#000;
  background-color:#cc9a06
}
.bd-yellow-700 {
  color:#000;
  background-color:#997404
}
.bd-yellow-800 {
  color:#fff;
  background-color:#664d03
}
.bd-yellow-900 {
  color:#fff;
  background-color:#332701
}
.bd-green-50 {
  color:#000;
  background-color:#edfdf6
}
.bd-green-100 {
  color:#000;
  background-color:#d1e7dd
}
.bd-green-200 {
  color:#000;
  background-color:#a3cfbb
}
.bd-green-300 {
  color:#000;
  background-color:#75b798
}
.bd-green-400 {
  color:#000;
  background-color:#479f76
}
.bd-green-500 {
  color:#fff;
  background-color:#198754
}
.bd-green-600 {
  color:#fff;
  background-color:#146c43
}
.bd-green-700 {
  color:#fff;
  background-color:#0f5132
}
.bd-green-800 {
  color:#fff;
  background-color:#0a3622
}
.bd-green-900 {
  color:#fff;
  background-color:#051b11
}
.bd-teal-100 {
  color:#000;
  background-color:#d2f4ea
}
.bd-teal-200 {
  color:#000;
  background-color:#a6e9d5
}
.bd-teal-300 {
  color:#000;
  background-color:#79dfc1
}
.bd-teal-400 {
  color:#000;
  background-color:#4dd4ac
}
.bd-teal-500 {
  color:#000;
  background-color:#20c997
}
.bd-teal-600 {
  color:#000;
  background-color:#1aa179
}
.bd-teal-700 {
  color:#fff;
  background-color:#13795b
}
.bd-teal-800 {
  color:#fff;
  background-color:#0d503c
}
.bd-teal-900 {
  color:#fff;
  background-color:#06281e
}
.bd-cyan-100 {
  color:#000;
  background-color:#cff4fc
}
.bd-cyan-200 {
  color:#000;
  background-color:#9eeaf9
}
.bd-cyan-300 {
  color:#000;
  background-color:#6edff6
}
.bd-cyan-400 {
  color:#000;
  background-color:#3dd5f3
}
.bd-cyan-500 {
  color:#000;
  background-color:#0dcaf0
}
.bd-cyan-600 {
  color:#000;
  background-color:#0aa2c0
}
.bd-cyan-700 {
  color:#fff;
  background-color:#087990
}
.bd-cyan-800 {
  color:#fff;
  background-color:#055160
}
.bd-cyan-900 {
  color:#fff;
  background-color:#032830
}
.bd-gray-100 {
  color:#000;
  background-color:#f8f9fa
}
.bd-gray-200 {
  color:#000;
  background-color:#e9ecef
}
.bd-gray-300 {
  color:#000;
  background-color:#dee2e6
}
.bd-gray-400 {
  color:#000;
  background-color:#ced4da
}
.bd-gray-500 {
  color:#000;
  background-color:#adb5bd
}
.bd-gray-600 {
  color:#fff;
  background-color:#6c757d
}
.bd-gray-700 {
  color:#fff;
  background-color:#495057
}
.bd-gray-800 {
  color:#fff;
  background-color:#343a40
}
.bd-gray-900 {
  color:#fff;
  background-color:#212529
}
.bd-white {
  color:#000;
  background-color:#fff
}
.bd-black {
  color:#fff;
  background-color:#000
}


/* =================================== */
/*  Basic Style 
/* =================================== */
body {color:#212529;/*background-color:#eaeaea;*/
      font-family:"Lato",sans-serif;font-size:1rem;
      font-weight:400;line-height:1.625em;
      position:relative;/*margin:8px;*/
      min-height: 100vh;
      display: flex;flex-direction: column;     
     }
nav {flex:none}
main{padding-bottom:20px;flex: auto;}
footer {flex:none}
#page{margin:0 auto}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: white;
}
.navbar-nav .nav-link{color:white}

.container-1920 {
  max-width: 1920px !important;
}

.container-2160 {
  max-width: 2160px !important;
}

.clearfix{display:block}
.hidden{display:none}
.abs{position:absolute}
.capitalize{text-transform:capitalize;}
.inner-wrap{margin:0 auto;max-width:1140px;}
.row{margin-left:0 !important;margin-right:0 !important;}
.white{color:white !important;}
.pt-50{padding-top:50px;}
.mt-50{margin-top:50px;}
.pb-50{padding-bottom:50px;}
.mb-30{margin-bottom:30px;}
.mb-80{margin-bottom:80px;}
section h1, article h1{color:#002d5b}
.head-contact-email{font-size:0.9rem;}
.head-contact-phone{font-size:0.8rem;}
#logo-managerix img{margin-bottom:0;}
.head-contact-line .nav-link{padding-top:0;padding-bottom:0}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active{color:black;background-color:lightblue;}
.item-title{font-weight:bold;}
.app-title h2 {
    margin: 5px 0 0;
    font-size: 24px;
}
.app-title a {
    color: #00002f;
}
.head-quote{
    background-color:transparent;color:black;
    margin-bottom:5px;margin-top:5px;
    padding-bottom:0;padding-top:0px;
}
.head-quote p {
    font-size:1em;padding-top:0;border-left: 4px solid gray;
}
blockquote p {
    font-size:20px;font-family: 'Lato', 'Open Sans', serif;
    line-height:1.4;position:relative;
    padding-top:13px;padding-left:40px;
}
.head-quote .quote-text{font-style:italic;}
.head-quote p::before{display:none;}

/*================ COLORS ===============*/
.c-kingBlue{color: #014bb9}
.c-darkBlue{color:#013f9b}
.c-darkPurple{color:#59359a}
.c-darkGreen{color:#0f5132}
.bg-kingBlue {
    background: #014bb9 !important;
    color: #fff;
}
.bg-skyBlue {
    background: #d4f3f9 !important;
    color: #212529;
}
.bg-warning-mine {
  --bs-bg-opacity: 1;
  background-color: rgb(255, 163, 65) !important;
}
.bg-lightRed{background-color:#ff000008 !important}
.bg-lightBlue{background-color:#0000ff05 !important}
.bg-lightgray{background-color:#E3E9F2}
.bg-nicegray{background-color:#edf2f9}
.bd-bottom{border-bottom: 1px solid #b1b6bb !important;}
.c-blue {
    color: #2196f3 !important;
}
.c-white {color: white !important;}
.c-black {color: black !important;}
.c-brown {
    color: #795548 !important;
}
.c-deep-orange {
    color: #ff5722 !important;
}
.c-deep-purple {
    color: #673ab7 !important;
}
.c-indigo {
    color: #3f51b5 !important;
}
.c-light-blue {
    color: #03a9f4 !important;
}
.c-pink {
    color: #e91e63 !important;
}
.c-orange {
    color: #ff9800 !important;
}
.c-teal {
    color: #009688 !important;
}
.c-gray {
    color: gray !important;
}
.c-green{color: #198754 !important}
.c-darkGray{color:#4d4d4d !important}

.text-grey-100 {
 color:#f8f9fa!important
}
.text-grey-200 {
 color:#e9ecef!important
}
.text-grey-300 {
 color:#dee2e6!important
}
.text-grey-400 {
 color:#ced4da!important
}
.text-grey-500 {
 color:#adb5bd!important
}
.text-grey-600 {
 color:#6c757d!important
}
.text-grey-700 {
 color:#495057!important
}
.text-grey-800 {
 color:#343a40!important
}
.text-grey-900 {
 color:#212529!important
}

/* ========================================= */
/* Home page
/* ========================================= */
.home-main{padding-top:0px !important;}
.white a{color:white}
.slider-area{margin-top:-1px;}
.slider-height{
    min-height:830px;
    background-repeat:no-repeat;
    background-position:center center;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider-height {
	min-height:700px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height {
	min-height:600px
    }
}
@media (max-width: 767px) {
    .slider-height {
	min-height:470px
    }
}
.over-carousel{position:absolute;left:5%;}
.carousel-item{max-width:100%;height:auto;}
.carousel img{min-height:300px}
/*
.home-carousel-caption{
    xright:58%;max-width:500px;left:0;top:1px;
    xtransform:translateY(-50%);xbottom:initial;
    padding:10px;height:100%;}
*/
.home-carousel-caption p{
    font-size:18px;line-height:1.2;font-weight:300;
    margin-bottom:39px;color:#ff656a;margin-bottom:7px;
    text-transform:uppercase;
}
.home-carousel-caption h1{
    font-size:5vw;font-weight:900;margin-bottom:14px;    
    color:#002d5b;font-family:"Poppins",sans-serif;
    line-height:1.2;text-transform:uppercase;margin-bottom:53px;}
.crsl-cptn-btn{
    background:#ff656a;-moz-user-select:none;
    text-transform:uppercase;color:#fff;cursor:pointer;
    display:inline-block;font-size:14px;font-weight:500;
    letter-spacing:1px;line-height:0;margin-bottom:0;
    padding:27px 44px;border-radius:5px;min-width:200px;
    margin:10px;cursor:pointer;transition:color 0.4s linear;
    position:relative;z-index:1;border:0;overflow:hidden;
    margin:0;
}
@media only screen and (max-width:320px) {
    .crsl-cptn-btn{
	font-size:12px;padding:15px 5px;border-radius:3px;
	min-width:100px;
    }
    .crsl-caption-resp{max-width:200px;}
    .home-carousel-caption h1{font-size:7vw;}
    .home-carousel-caption p{font-size:16px;}
}
.services-icon img {max-width:60%;}
.services-area .card-img-top{height:200px;margin-bottom:0;}
.request-back-area {padding:100px 0px;background:#002d5b}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .request-back-area {
  padding:80px 0px
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .request-back-area {
  padding:80px 0px
 }
}
@media (max-width: 767px) {
 .request-back-area {
  padding:80px 0px
 }
}
.request-back-area .request-content h3 {
 color:#fff;
 font-size:40px;
 font-weight:700;
 line-height:1.2;
 margin-bottom:30px
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .request-back-area .request-content h3 {
  font-size:36px
 }
}
.request-back-area .request-content p {
 color:#fff
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .request-back-area .request-content p {
  margin-bottom:50px
 }
}
@media (max-width: 767px) {
 .request-back-area .request-content p {
  margin-bottom:50px
 }
}
.form-wrapper .form-box input {
 width:100%;
 height:55px;
 background:transparent;
 border:2px solid #295684;
 border-radius:5px;
 padding:11px 19px;
 color:#718eab
}
.form-wrapper .form-box input::placeholder {
 color:#fff
}
.form-wrapper .nice-select {
 width:100%;
 height:55px;
 background:transparent;
 border:2px solid #295684;
 border-radius:5px;
 padding:11px 19px;
 color:#8ca2b8;
 line-height:1.9
}
.form-wrapper .nice-select::after {
 border-bottom:2px solid #295684;
 border-right:2px solid #295684;
 height:9px;
 width:9px;
 margin-top:-4px;
 right:21px
}
.form-wrapper .nice-select.open .list {
 width:100%;
 border-radius:0
}
.form-wrapper .nice-select .list {
 width:100%
}

.send-btn {
    background: #ff656a;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 55px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: color 0.4s linear;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.border-btn {
    background:none;-moz-user-select:none;
    border: 2px solid #ff656a;
    padding: 18px 38px;margin: 10px;color: #ff656a;
    cursor:pointer;display:inline-block;
    font-size:14px;font-weight:800;
    letter-spacing:1px;margin-bottom:0;
    border-radius:5px;position:relative;
    transition:color 0.4s linear;
    position:relative;overflow:hidden;
    margin: 0;
}
.border-btn:hover{background:#ff656a;color:white;}
.section-title h2{
    color:#000063;font-size:3rem;font-weight:700;
    line-height:1;margin-bottom:95px;
    font-family:"Poppins",sans-serif;
}

/* ========================================= */
/* Login page
/* ========================================= */
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ========================================= */
/* About page
/* ========================================= */
.profile-area .card-img-top{max-height:20rem;}
/*.profile-area .card{max-width:25rem;}*/
/*
@media screen and (max-width:1200px) {
    .sub-container{max-width:900px;}
}
@media screen and (maxn-width:992px) {
    .sub-container{max-width:700px;}
}
@media screen and (max-width:768px) {
    .sub-container{max-width:500px;}
}
@media screen and (max-width:576px) {
    .sub-container{max-width:340px;}
}*/
.profile-area .card-title{font-size:1.8rem;font-weight:900;}
.sub-container {
    max-width:50rem;padding-right:15px;padding-left:15px;
    margin-right:auto;margin-left:auto;
}
.card-job-title {
    text-align:center;font-size:1.15rem;
    font-style:italic;color:gray;
}
.btn-darkgray{color:#fff;background-color:#B0B0B0;}
.card-footer .btn-linkedin:hover{color:#2867b2;}
.card-footer .btn-pdf:hover{color:red;}
.bg-transparent{background-color:transparent;border-top:none;}

/* ========================================= */
/* Login page
/* ========================================= */
.form-field-not-supplied{color:red}
form .error{color:red}
form input.hasError{
    color: #495057;
    background-color: #fff;
    border-color: red;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,20,0,.25);
}
/* ========================================= */
/* Formations page
/* ========================================= */
.formation-card{max-width:25em;}
.embedresize {max-width:560px;margin:auto;}
.embedresize div{position:relative;height:0;padding-bottom:56.25%;}
.embedresize iframe{position:absolute;top:0;left:0;width:100%;
		    height:100%;}
.google-form {max-width:740px;margin:auto;}
.google-form div{
    position:relative}
.google-form iframe{
    /*position:absolute;top:0;left:0;*/
    width:100%;height:100%}
@media (min-width: 360px){
    .google-form iframe{min-height:100em;width:100%;}
}
@media (min-width: 768px){    
    .google-form iframe{
	min-height:90em;}
}
.prospectus{margin-left:auto;margin-right:auto}
div.code{background-color:lightgray;}
.code .line{font-weight:bold;font-family:"Courier New", Courier, monospace}
.previous a, .next a{padding:5px 0;cursor:pointer;font-size:18px;}
ul.default-training-page{list-style:none;}
.default-training-page .next{float:right;padding:30px 0;}
.default-training-page .previous{float:left;padding:30px 0;}
.ret{font-weight:bold;font-size:1.5em}
/* ========================================= */
/* Blog
/* ========================================= */
#primary{float:left;width:70.2%;}
#secondary{float:right;width:27.2%;}
main.conge{background-color:#f9f9f9}
#content .post img{margin-bottom:0;}
a img{border:0;}
img{max-width:100%;height:auto;vertical-align:top;}
.post .featured-image{text-align:center;}
#content .post .article-content .above-entry-meta a, .page-header .page-title span{background-color:#000063;}
#content .post .article-content .above-entry-meta a {
    background-color:#000063;border-radius:3px;margin-right:5px;
    color:#ffffff;font-size:12px;padding:3px 5px;line-height:1.15 !important;
}
#content .post .article-content{padding:15px;}
#content .post .article-content .entry-title{font-size:2.3em;}
#content .post .article-content .entry-title{padding:5px 0 0;font-size:32px;}
.type-post .entry-title, .type-page .entry-title{font-size:34px;line-height:1.2;}
.entry-title{color:#000063;}
.unique-color-dark{background-color:#1c2331 !important;}
footer.page-footer{bottom:0;color:#fff;}
.font-small{font-size:.9rem;}
footer h6{font-size:1.2rem;}
.font-small{font-size:.9rem;}
.deep-purple.accent-2{background-color:#7c4dff !important;}
footer.page-footer .footer-copyright {
    overflow:hidden;color:rgba(255,255,255,0.6);
    background-color:rgba(0,0,0,0.2)}
#content .post .article-content .below-entry-meta .posted-on a, #content .post .article-content .below-entry-meta .byline a, #content .post .article-content .below-entry-meta .comments a, #content .post .article-content .below-entry-meta .tag-links a, #content .post .article-content .below-entry-meta .edit-link a {
    font-size: 12px;
}
.posted-on a, .byline a, .comments a, .comments span, .tag-links a, .edit-link a {
    color: #888888;
}
.below-entry-meta .posted-on, #content .post .article-content .below-entry-meta .byline, #content .post .article-content .below-entry-meta .comments, #content .post .article-content .below-entry-meta .tag-links {
    padding-right: 10px;
}
#content .post .article-content .fa {
    color:#888888;padding-right:5px;font-size:11px;
}
#content .post{
    margin-bottom:0;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
#secondary .widget{
    margin-bottom:35px;font-size:14px;background-color:#fff;
}
#secondary .widget-title{
    border-bottom:2px solid #000063;font-size:18px;
    margin-bottom:15px;padding-bottom:0;
}
#secondary .widget-title span{
    background-color:#000063;color:#fff;
    padding:6px 12px;display:inline-block;
}
.widget-title span{font-size:1em;}
#secondary .widget ul{list-style:none;}
#secondary .widget ul li{line-height:1.5;padding:5px 0;}

/* ========================================= */
/* Task page
/* ========================================= */
.dtbl_select{display:inline}
/*--------------------------------------------------------------
Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {
    #page{width:100%;}
    .inner-wrap {width:94%;}
}

@media screen and (max-width: 768px) {
	#header-logo-image {
		float: none;
		text-align: center;
		padding-right: 0;
	}
	#header-text {
		float: none;
		text-align: center;
		padding-right: 0;
	}
	.widget_slider_area,
	.widget_beside_slider {
		float: none;
		width: 100%;
	}
	.widget_slider_area {
		padding-bottom: 10px;
	}
	#primary, #secondary {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.news-bar {
		text-align: center;
	}
	.date-in-header,
	.breaking-news,
	#masthead .social-links {
		float: none;
		max-width: 100%;
	}
	.newsticker li {
		text-align: left;
	}
	.archive #content .post:first-child,
	.archive #content .post:nth-child(2n),
	.archive #content .post:nth-child(2n+1) {
		float: none;
		width: 100%;
	}
	.blog .post:first-child,
	.blog .post:nth-child(2n),
	.blog .post:nth-child(2n+1) {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 420px){
    .single-related-posts {
	margin-right: 0;
	width: 100%;
    }
    .head-contact-line .nav-item{
	text-align: center;
    }
}

/*header{position:sticky;}*/
.main-content{margin: .5rem 1rem;}
.to-upper{text-transform: uppercase;}
.varident{font-family:Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;}
.keywrd{color:#0000C7}
section{margin-bottom:20px;}
section h1{margin-bottom:20px;}
.nav-link:hover{color:#0063ff;}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0;}
/*.btn-outline-success{color:#0063ff;border-color:#0063ff;}
.btn-outline-success:hover{color:#fff;background-color:#0063ff;border-color:#0063ff;}*/
.fa-facebook-f:hover{color:#4267B2}
.fa-twitter:hover{color:#1da1f2}
.fa-youtube:hover{color:#FF0000}
/*.navbar-light .navbar-nav .nav-link {color:rgba(0,0,0,.7);}*/
/*.nav-link{padding-top:1.2rem;padding-bottom:0;}*/
.bd-navbar .navbar-nav .nav-link.active {font-weight:600;}
.img-event{padding-top:20px;padding-bottom:20px;width:100%;}
.short_code > .CodeMirror{height:100px}
.med_code > .CodeMirror{height:120px}
.medplus_code > .CodeMirror{height:190px}
.med++_code > .CodeMirror{height:300px}
.medlong_code > .CodeMirror{height:450px}
.long_code > .CodeMirror{height:550px}
.myrow{display: flex;}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
    .myrow{flex-direction: column;}
}
.side{flex:30%;background-color:#f1f1f1;padding:20px;}
.side h3{color:white;background-color:#212529;padding:10px 0 10px 10px;}
.progcontent{flex:70%;background-color:white;padding:20px;}

.theorem{
    color:#000 !important;
    background-color:#ddffff !important;
    border-left: 6px solid #2196F3 !important;
    padding: 5px 0 5px 16px;
    margin: 10px 0 10px 0;
}
.ol-prog-up{list-style:upper-roman}
.ol-prog-down{list-style:decimal}
.main-without-banner{margin-top:50px;}
/*select{display:block;}*/
figure{margin:0;}
tr[data-href]{cursor:pointer}
a{
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
iframe{border:0;}
a, a:focus, a:hover{text-decoration:none;outline:0;}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,
.btn:active:focus,
.btn:focus{text-decoration:none;outline:0;}
.card-panel{margin:0;padding:60px;}
.card-title{margin-bottom:.75rem;font-size:1.3rem;text-align:center;}

/**
 *  Typography
 **/
h1,h2,h3,h4,h5{font-weight:bold}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
  font-size:1em;line-height:inherit;}

.gray-bg{background:#f9f9ff;}
td,th{border-radius:0px;}
.display-table{display:table;}
.light{color:#fff;}
.dark{color:#222;}
.relative {position:relative;}
.container.fullwidth{width:100%;}
.container.no-padding{padding-left:0;padding-right:0;}

/*---------- End Elements Page -------------*/
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{line-height:1.5em;}

.main-menu{padding-bottom:20px;padding-top:20px;}
#logo-managerix img{height:30px;}
.fa-home{line-height: 1.5;}

@media (max-width: 673px) {
    #logo-managerix{margin-left:20px;}
}
.navbar-light .navbar-nav .nav-link {
    color: white;
}
.nav-menu li:hover > a, .menu-active, .parent-active > .sf-with-ul {
  color: #8490ff !important;
}
.social-and-contact{background-color:black;padding-right:8px;}
.banner-left .primary-btn, .home-about-right .primary-btn, .about-banne {
  background: -moz-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
  background: -webkit-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
  background: -ms-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
}
.primary-btn {
  background: #8490ff;
  line-height: 42px;
  padding-left: 30px;padding-right: 30px;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
}
.primary-btn:focus{outline:none;}
.primary-btn span {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  right: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.primary-btn:hover{color:#fff;}
.primary-btn:hover span{color:#fff;right:20px;}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0;}
.section-title{text-align:center;display:block;margin-left:auto;
	       margin-right:auto;margin-bottom:80px;}
.section-title h1{margin-bottom:10px;}

/*-------- Start Banner Area ------------*/
.banner-area{background:#f9f9ff;}
.banner-area .fullscreen{height:750px !important;}
.about-content{margin-top:70px;padding:90px 0px;text-align:center;}
@media (max-width: 767px) {
  .about-content{margin-top:70px;}
}
.about-content h1{font-size:48px;font-weight:600;}
.about-content a{color:#fff;font-weight:300;font-size:14px;}
.carousel .primary-btn{
  border-radius: 0px;
  background: #fff;
  color: #222;
  font-weight: 600;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.carousel .primary-btn:hover {
    background:transparent;border-color:#fff;color:#fff;}
.home-banner .overlay-bg{background:rgba(0, 0, 0, 0.5);}
.blog-page{background:#f9f9ff;}
.blog-header-content h1{max-width:500px;margin-left:auto;
			margin-right:auto;}

@media (max-width: 414px) {
  .blog-header-content h1 {
    font-size: 30px;
  }
}
.blog-header-content p{margin:20px 0px;}
.footer-main{margin-top:1em;border-top:solid 1px #333;
	     box-shadow:#757575 0 -1px 0;}

/*---------- Contact Page -------------*/
.contact-form{
    background: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 70%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 2rem;
    width: 11%;
    margin-top: -3%;
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #0063ff;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

/*---------- Login Page -------------*/
main.my-login-page {
    background-color: #f7f9fb;font-size: 14px;
}

.my-login-page .card-wrapper {
    width: 400px;
}

.my-login-page .card {
    border-color: transparent;
    box-shadow: 0 4px 8px rgba(0,0,0,.05);
}

.my-login-page .card.fat {
    padding: 10px;
}

.my-login-page .card .card-title {
    margin-bottom: 30px;
}

.my-login-page .form-control {
    border-width: 2.3px;
}

.my-login-page .form-group label {
    width: 100%;
}

.my-login-page .btn.btn-block {
    padding: 12px 10px;
}

.my-login-page .footer {
    margin: 40px 0;color: #888;text-align: center;
}

@media screen and (max-width: 425px) {
    .my-login-page .card-wrapper {
	width: 90%;margin: 0 auto;
	}
}

@media screen and (max-width: 320px) {
    .my-login-page .card.fat {
	padding: 0;
	}

    .my-login-page .card.fat .card-body {
	padding: 15px;
	}
}

/*---------------- Agent page -------------*/
/*
.container-xl {
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*/

.table-responsive {
    margin: 30px 0;
}
.table-wrapper {
	background: #fff;
	padding: 20px 25px;
	border-radius: 3px;
	/*min-width: 1000px;*/
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {        
	padding-bottom: 15px;
	background: #435d7d;
	color: #fff;
	padding: 16px 30px;
	min-width: 100%;
	margin: -20px -25px 10px;
	border-radius: 3px 3px 0 0;
}
.table-title h2 {
	margin: 5px 0 0;
	font-size: 24px;
}
/*
.table-title .btn{line-height:unset;}
.table-title .btn-group {
	float: right;
}
.table-title .btn {
	color: #fff;
	float: right;
	font-size: 13px;
	border: none;
	min-width: 50px;
	border-radius: 2px;
	border: none;
	outline: none !important;
	margin-left: 10px;
}
.table-title .btn i {
	float: left;
	font-size: 21px;
	margin-right: 5px;
}
.table-title .btn span {
	float: left;
	margin-top: 2px;
}
*/
table.table tr th, table.table tr td {
	border-color: #e9e9e9;
	padding: 12px 15px;
	vertical-align: middle;
}

/*
table.table tr th:first-child {
	width: 60px;
}
table.table tr th:last-child {
	width: 100px;
}
*/
table.table-striped tbody tr:nth-of-type(odd) {
	background-color: #fcfcfc;
}
table.table-striped.table-hover tbody tr:hover {
	background: #f5f5f5;
}
table.table th i {
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer;
}	
table.table td:last-child i {
	opacity: 0.9;
	font-size: 22px;
	margin: 0 5px;
}
table.table td a {
	font-weight: bold;
	color: #566787;
	display: inline-block;
	text-decoration: none;
	outline: none !important;
}
table.table td a:hover {
	color: #2196F3;
}
table.table td a.edit {
	color: #FFC107;
}
table.table td a.delete {
	color: #F44336;
}
table.table td a.validate {
	color: #24C63E;
}
table.table td i {
	font-size: 19px;
}
table.table .avatar {
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}
.pagination {
	float: right;
	margin: 0 0 5px;
}
.pagination li a {
	border: none;
	font-size: 13px;
	min-width: 30px;
	min-height: 30px;
	color: #999;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 2px !important;
	text-align: center;
	padding: 0 6px;
}
.pagination li a:hover {
	color: #666;
}	
.pagination li.active a, .pagination li.active a.page-link {
	background: #03A9F4;
}
.pagination li.active a:hover {        
	background: #0397d6;
}
.pagination li.disabled i {
	color: #ccc;
}
.pagination li.page-item.disabled {
	visibility: hidden;
}
.pagination li i {
	font-size: 16px;
	padding-top: 6px
}
.hint-text {
	float: left;
	margin-top: 10px;
	font-size: 13px;
}    
/* Custom checkbox */
.custom-checkbox {
    position: relative;
    margin: .4rem;
}
.custom-checkbox input[type="checkbox"] {    
	opacity: 0;
	position: absolute;
	margin: 5px 0 0 3px;
	z-index: 9;
}
.custom-checkbox label:before{
	width: 18px;
	height: 18px;
}
.custom-checkbox label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background: white;
	border: 1px solid #bbb;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 2;
}
.custom-checkbox input[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #000;
	border-width: 0 3px 3px 0;
	transform: inherit;
	z-index: 3;
	transform: rotateZ(45deg);
}
.custom-checkbox input[type="checkbox"]:checked + label:before {
	border-color: #03A9F4;
	background: #03A9F4;
}
.custom-checkbox input[type="checkbox"]:checked + label:after {
	border-color: #fff;
}
.custom-checkbox input[type="checkbox"]:disabled + label:before {
	color: #b8b8b8;
	cursor: auto;
	box-shadow: none;
	background: #ddd;
}
/* Modal styles */
/*
.modal .modal-dialog {
	max-width: 550px;
}
.modal .modal-header, .modal .modal-body, .modal .modal-footer {
	padding: 20px 30px;
}
.modal .modal-content {
	border-radius: 3px;
	font-size: 14px;
}
.modal .modal-footer {
	background: #ecf0f1;
	border-radius: 0 0 3px 3px;
}
.modal .modal-title {
	display: inline-block;
}
.modal .form-control {
	border-radius: 2px;
	box-shadow: none;
	border-color: #dddddd;
}
.modal textarea.form-control {
	resize: vertical;
}
.modal .btn {
	border-radius: 2px;
	min-width: 100px;
}	
.modal form label {
	font-weight: normal;
}
*/
/*---------------- Congés page -------------*/
.card-stats {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    //margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}

.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}
.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}
.jrs-acquis{font-size:10px}
.solde{font-size:50px}
.btn-default {
    background-color: #d2d0d0;
    border-color: #d2d0d0;
}
.plr-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.tbl-active-conge td {
    font-size: 0.8rem;
}
.tbl-active-row-value {
    padding-left: 1.1em;
}
.edit-leave .card-footer > * {
    margin: .25rem;
}
.edit-leave form{
    margin-bottom: 0px;
}

#view-or-edit-agent textarea{
    resize: none;overflow: hidden;
}

.card-footer > *{margin: .25rem;}
.dt-table > tbody > tr > td {
    white-space: normal;
}    
.bloc-nbre-jrs{padding-left:0;display: flex;}
.bloc-nbre-jrs > p{margin-bottom:0}
.label-nbre-jrs {
    display: flex;
    justify-content: left;
    align-items: center;
}

#add-edit-conge-error-line {
    display: flex;
    justify-content: left;
    align-items: center;
    color: red;
    font-style: italic;
}

.material-icons.approved, .material-icons.accounted {
    color: #24C63E;
}

.table-demandes th, .table-demandes td{
    text-align: center;
}
.badge.edit-badge {font-size: .7em;vertical-align: middle;}
.badge.edit-badge a {color: black;}
.text-right{text-align:right}
.font-xssssss {
 font-size:8px!important
}
.font-xsssss {
 font-size:10px!important
}
.font-xssss {
 font-size:12px!important
}
.font-xsss {
 font-size:14px!important
}
.font-xss {
 font-size:16px!important
}
.font-xs {
 font-size:18px!important
}
.font-sm {
 font-size:20px!important
}
.font-md {
 font-size:22px!important
}
.font-lg {
 font-size:25px!important
}
.font-xl {
 font-size:28px!important
}
.font-xxl {
 font-size:32px!important
}
.fs-11 {
  font-size:.6944444444rem !important
}
.fs-10 {
  font-size:.8333333333rem !important
}
.fs-9 {
  font-size:1rem !important
}
.fs-8 {
  font-size:1.2rem !important
}
.fs-7 {
  font-size:1.44rem !important
}
.fs-6 {
  font-size:1.728rem !important
}
.fs-5 {
  font-size:2.0736rem !important
}
.fs-4 {
  font-size:2.48832rem !important
}
.fs-3 {
  font-size:2.985984rem !important
}
.fs-2 {
  font-size:3.5831808rem !important
}
.fs-1 {
  font-size:4.29981696rem !important
}
.fw-100 {
 font-weight:100!important
}
.fw-200 {
 font-weight:200!important
}
.fw-300 {
 font-weight:300!important
}
.fw-400 {
 font-weight:400!important
}
.fw-500 {
 font-weight:500!important
}
.fw-600 {
 font-weight:600!important
}
.fw-700 {
 font-weight:700!important
}
.fw-800 {
 font-weight:800!important
}
.fw-900 {
 font-weight:900!important
}
.btn-round-xss {
 width:8px;
 height:8px;
 border-radius:8px;
 display:inline-block;
 line-height:25px!important;
 text-align:center
}
.courrier-badge{padding-top:6px;}
.en-cours-de-traitement{
    background-color: #198754 !important;
    color: #fff;
}
.traitement-clos{
    background-color: #6c757d !important;
    color: #fff;
}
@media screen and (min-width: 1921px) {
    .kpi-icon{font-size: 6rem;color:#014bb9}
    .fw-extrabold {font-weight: 700 !important;font-size: 3rem;}
}
@media screen and (min-width: 501px) and (max-width: 1920px) {
    .kpi-icon{font-size: 4rem;color:#014bb9}
    .fw-extrabold {font-weight: 700 !important;font-size: 2rem;}
    .kpi-title {font-size: 1.4rem;!important}
}
@media screen and (max-width: 500px) {
    .kpi-icon{font-size: 6rem;color:#014bb9}
    .fw-extrabold {font-weight: 700 !important;font-size: 3rem;}
}
.courrier-dash{background-color:#f6faff}

.grid-divider {
    position: relative;
    background: #f7f8f9;
}
.grid-divider::after {
    background: linear-gradient(#f0f7fd 0, #813FD9 50%, #f0f7fd 100%);
    width: 1px;
    top: 100px;
    bottom: 100px;
    left: 50%;
    height: auto;
    right: auto;
    position: absolute;
}

@media (max-width: 768px) {
    .grid-divider::after {
        background: linear-gradient(90deg, #f0f7fd 0, #813FD9 50%, #f0f7fd 100%);
        content: "";
        position: absolute;
        top: 50%;
        left: 20px;
        right: 20px;
        height: 1px;
        width: 100%;
    }   
}

.kpi-title {
    color: #6a6a6a;
}
#pdf-canvas {
  border: 1px solid black;
  direction: ltr;
}

/* BV SELECT */
.bv_mainselect {
color: #fff;
padding: .375rem 0 .375rem .75rem;
border-radius: .25rem;
font-family: Arial;
font-size: 10pt;
width: 100%;
display: block;
line-height: 1.5;
border: 1px solid #ced4da;
}
.bv_atual{border: unset;}
.bv_atual .arrow {
  border: solid black;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
float: right;
pointer-events: none;
position: relative;
top: -7;
}
.bv_ul_inner i.orange {color: orange}
.bv_ul_inner i.red {color: red}
.bv_ul_inner i.yellow {color: yellow}
.bv_ul_inner i.white {color: white}
#admin-link{color:#0063ff}
.bg-cleargreen {background-color: #bef9df !important;}
.square-img {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

#dash-solde{font-size:8rem;line-height:1em}
#dash-solde .jrs-acquis{font-size:1.5rem}
#dash-tx-conges-pris{font-size:1.5rem}

.widget-content {
 padding:1rem;
 flex-direction:row;
 align-items:center
}
.widget-content .widget-content-wrapper {
 display:flex;
 flex:1;
 position:relative;
 align-items:center
}
.widget-content .widget-content-left .widget-heading {
 opacity:.8;
 font-weight:700;
 font-size:1.5rem;
}
.widget-content .widget-content-left .widget-subheading {
 opacity:.5
}
.widget-content .widget-content-right {
 margin-left:auto
}
.widget-content .widget-numbers {
 font-weight:700;
 font-size:3rem;
 display:block
}
.widget-content .widget-content-outer {
 display:flex;
 flex:1;
 flex-direction:column
}
.widget-content .widget-progress-wrapper {
 margin-top:1rem
}
.widget-content .widget-progress-wrapper .progress-sub-label {
 margin-top:.33333rem;
 opacity:.5;
 display:flex;
 align-content:center;
 align-items:center
}
.widget-content .widget-progress-wrapper .progress-sub-label .sub-label-right {
 margin-left:auto
}
.widget-content .widget-content-right.widget-content-actions {
 visibility:hidden;
 opacity:0;
 transition:opacity .2s
}
.widget-content:hover .widget-content-right.widget-content-actions {
 visibility:visible;
 opacity:1
}
.circle-progress {
 position:relative
}
.circle-progress small {
 position:absolute;
 height:100%;
 width:100%;
 font-weight:700;
 left:0;
 top:0;
 vertical-align:middle;
 text-align:center;
 display:flex;
 align-items:center;
 align-content:center
}
.circle-progress small span {
 margin:0 auto
}
.circle-progress canvas {
 display:block
}
.bg-warm-flame {
 background-image:linear-gradient(45deg,#ff9a9e 0%,#fad0c4 99%,#fad0c4 100%)!important
}
.bg-night-fade {
 background-image:linear-gradient(to top,#a18cd1 0%,#fbc2eb 100%)!important
}
.bg-sunny-morning {
 background-image:linear-gradient(120deg,#f6d365 0%,#fda085 100%)!important
}
.bg-tempting-azure {
 background-image:linear-gradient(120deg,#84fab0 0%,#8fd3f4 100%)!important
}
.bg-amy-crisp {
 background-image:linear-gradient(120deg,#a6c0fe 0%,#f68084 100%)!important
}
.bg-heavy-rain {
 background-image:linear-gradient(to top,#cfd9df 0%,#e2ebf0 100%)!important
}
.bg-mean-fruit {
 background-image:linear-gradient(120deg,#fccb90 0%,#d57eeb 100%)!important
}
.bg-malibu-beach {
 background-image:linear-gradient(to right,#4facfe 0%,#00f2fe 100%)!important
}
.bg-deep-blue {
 background-image:linear-gradient(120deg,#e0c3fc 0%,#8ec5fc 100%)!important
}
.bg-ripe-malin {
 background-image:linear-gradient(120deg,#f093fb 0%,#f5576c 100%)!important
}
.bg-arielle-smile {
 background-image:radial-gradient(circle 248px at center,#16d9e3 0%,#30c7ec 47%,#46aef7 100%)!important
}
.bg-plum-plate {
 background-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important
}
.bg-happy-fisher {
 background-image:linear-gradient(120deg,#89f7fe 0%,#66a6ff 100%)!important
}
.bg-happy-itmeo {
 background-image:linear-gradient(180deg,#2af598 0%,#009efd 100%)!important
}
.bg-mixed-hopes {
 background-image:linear-gradient(to top,#c471f5 0%,#fa71cd 100%)!important
}
.bg-strong-bliss {
 background-image:linear-gradient(to right,#f78ca0 0%,#f9748f 19%,#fd868c 60%,#fe9a8b 100%)!important
}
.bg-grow-early {
 background-image:linear-gradient(to top,#0ba360 0%,#3cba92 100%)!important
}
.bg-love-kiss {
 background-image:linear-gradient(to top,#ff0844 0%,#ffb199 100%)!important
}
.bg-premium-dark {
 background-image:linear-gradient(to right,#434343 0%,black 100%)!important
}
.bg-happy-green {
 background-image:linear-gradient(to bottom,#00b09b,#96c93d)!important
}
.bg-vicious-stance {
 background-image:linear-gradient(60deg,#29323c 0%,#485563 100%)!important
}
.bg-midnight-bloom {
 background-image:linear-gradient(-20deg,#2b5876 0%,#4e4376 100%)!important
}
.bg-night-sky {
 background-image:linear-gradient(to top,#1e3c72 0%,#1e3c72 1%,#2a5298 100%)!important
}
.bg-slick-carbon {
 background-image:linear-gradient(to bottom,#323232 0%,#3F3F3F 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.25) 200%)!important;
 background-blend-mode:multiply
}
.bg-royal {
 background-image:linear-gradient(to right,#141e30,#243b55)!important
}
.bg-asteroid {
 background-image:linear-gradient(to right,#0f2027,#203a43,#2c5364)!important
}
.bg-transparent {
 background:0 0!important
}
.app-main__outer {
 flex:1;
 flex-direction:column;
 display:flex;
 z-index:12;
 background: #f1f4f6;
}
.app-main__inner {
 padding:30px 30px 0;
 flex:1
}
.statut-conge{font-size:1em}

.pas-urgent {
    background-color: #00ac5c !important;
    color: white !important;
}
.peu-urgent {
    background-color: #96ffa7 !important;
    color: #212529 !important;
}
.urgent {
    background-color: #ffc107 !important;
    color: #212529 !important;
}
.tres-urgent {
    background-color: #dc3545 !important;
    color: white !important;
}
.table .thead-light th {
    background-color: #f2f4f6;
    color: #1f2937;
}
.fw-bolder {
    font-weight: 600 !important;
}
.badge-subtle-success {color: #00894f;background-color: #d9f8eb;}
.badge-subtle-warning {color: #ac5a2b;background-color: #fde6d8;}
.badge-subtle-danger {color: #b82c46;;background-color: #fbdbe1;}
.badge-subtle-primary {color: #215cac;;background-color: #d9e7fa;}
.badge-subtle-secondary {color: #5d6776;;background-color: #e6e8ec;}
.badge-subtle-info {color: #197aa4;;background-color: #d8f3ff;}
.badge-subtle-dark {color: #91979e;;background-color: #08101b;}
.badge-subtle-light {color: #646465;;background-color: #fdfefe;}

/* =================================== */
/*  SVG Style 
/* =================================== */
svg:not(:root).svg-inline--fa {
  overflow:visible
}
.svg-inline--fa {
  display:inline-block;
  font-size:inherit;
  height:1em;
  overflow:visible;
  vertical-align:-.125em
}
.svg-inline--fa.fa-lg {
  vertical-align:-.225em
}
.svg-inline--fa.fa-w-1 {
  width:.0625em
}
.svg-inline--fa.fa-w-2 {
  width:.125em
}
.svg-inline--fa.fa-w-3 {
  width:.1875em
}
.svg-inline--fa.fa-w-4 {
  width:.25em
}
.svg-inline--fa.fa-w-5 {
  width:.3125em
}
.svg-inline--fa.fa-w-6 {
  width:.375em
}
.svg-inline--fa.fa-w-7 {
  width:.4375em
}
.svg-inline--fa.fa-w-8 {
  width:.5em
}
.svg-inline--fa.fa-w-9 {
  width:.5625em
}
.svg-inline--fa.fa-w-10 {
  width:.625em
}
.svg-inline--fa.fa-w-11 {
  width:.6875em
}
.svg-inline--fa.fa-w-12 {
  width:.75em
}
.svg-inline--fa.fa-w-13 {
  width:.8125em
}
.svg-inline--fa.fa-w-14 {
  width:.875em
}
.svg-inline--fa.fa-w-15 {
  width:.9375em
}
.svg-inline--fa.fa-w-16 {
  width:1em
}
.svg-inline--fa.fa-w-17 {
  width:1.0625em
}
.svg-inline--fa.fa-w-18 {
  width:1.125em
}
.svg-inline--fa.fa-w-19 {
  width:1.1875em
}
.svg-inline--fa.fa-w-20 {
  width:1.25em
}
.svg-inline--fa.fa-pull-left {
  margin-right:.3em;
  width:auto
}
.svg-inline--fa.fa-pull-right {
  margin-left:.3em;
  width:auto
}
.svg-inline--fa.fa-border {
  height:1.5em
}
.svg-inline--fa.fa-li {
  width:2em
}
.svg-inline--fa.fa-fw {
  width:1.25em
}
.fa-layers svg.svg-inline--fa {
  bottom:0;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0
}
.fa-layers {
  display:inline-block;
  height:1em;
  position:relative;
  text-align:center;
  vertical-align:-.125em;
  width:1em
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin:center center;
  transform-origin:center center
}
.fa-layers-counter,
.fa-layers-text {
  display:inline-block;
  position:absolute;
  text-align:center
}
.fa-layers-text {
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transform-origin:center center;
  transform-origin:center center
}
.fa-layers-counter {
  background-color:#ff253a;
  border-radius:1em;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#fff;
  height:1.5em;
  line-height:1;
  max-width:5em;
  min-width:1.5em;
  overflow:hidden;
  padding:.25em;
  right:0;
  text-overflow:ellipsis;
  top:0;
  -webkit-transform:scale(.25);
  transform:scale(.25);
  -webkit-transform-origin:top right;
  transform-origin:top right
}
.fa-layers-bottom-right {
  bottom:0;
  right:0;
  top:auto;
  -webkit-transform:scale(.25);
  transform:scale(.25);
  -webkit-transform-origin:bottom right;
  transform-origin:bottom right
}
.fa-layers-bottom-left {
  bottom:0;
  left:0;
  right:auto;
  top:auto;
  -webkit-transform:scale(.25);
  transform:scale(.25);
  -webkit-transform-origin:bottom left;
  transform-origin:bottom left
}
.fa-layers-top-right {
  right:0;
  top:0;
  -webkit-transform:scale(.25);
  transform:scale(.25);
  -webkit-transform-origin:top right;
  transform-origin:top right
}
.fa-layers-top-left {
  left:0;
  right:auto;
  top:0;
  -webkit-transform:scale(.25);
  transform:scale(.25);
  -webkit-transform-origin:top left;
  transform-origin:top left
}
.fa-lg {
  font-size:1.3333333333em;
  line-height:.75em;
  vertical-align:-.0667em
}
.fa-xs {
  font-size:.75em
}
.fa-sm {
  font-size:.875em
}
.fa-1x {
  font-size:1em
}
.fa-2x {
  font-size:2em
}
.fa-3x {
  font-size:3em
}
.fa-4x {
  font-size:4em
}
.fa-5x {
  font-size:5em
}
.fa-6x {
  font-size:6em
}
.fa-7x {
  font-size:7em
}
.fa-8x {
  font-size:8em
}
.fa-9x {
  font-size:9em
}
.fa-10x {
  font-size:10em
}
.fa-fw {
  text-align:center;
  width:1.25em
}
.fa-ul {
  list-style-type:none;
  margin-left:2.5em;
  padding-left:0
}
.fa-ul>li {
  position:relative
}
.fa-li {
  left:-2em;
  position:absolute;
  text-align:center;
  width:2em;
  line-height:inherit
}
.fa-border {
  border:solid .08em #eee;
  border-radius:.1em;
  padding:.2em .25em .15em
}
.fa-pull-left {
  float:left
}
.fa-pull-right {
  float:right
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right:.3em
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left:.3em
}
.fa-spin {
  -webkit-animation:fa-spin 2s infinite linear;
  animation:fa-spin 2s infinite linear
}
.fa-pulse {
  -webkit-animation:fa-spin 1s infinite steps(8);
  animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.fa-rotate-90 {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}
.fa-rotate-180 {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.fa-rotate-270 {
  -webkit-transform:rotate(270deg);
  transform:rotate(270deg)
}
.fa-flip-horizontal {
  -webkit-transform:scale(-1,1);
  transform:scale(-1,1)
}
.fa-flip-vertical {
  -webkit-transform:scale(1,-1);
  transform:scale(1,-1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform:scale(-1,-1);
  transform:scale(-1,-1)
}
:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  -webkit-filter:none;
  filter:none
}
.fa-stack {
  display:inline-block;
  height:2em;
  position:relative;
  width:2.5em
}
.fa-stack-1x,
.fa-stack-2x {
  bottom:0;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0
}
.svg-inline--fa.fa-stack-1x {
  height:1em;
  width:1.25em
}
.svg-inline--fa.fa-stack-2x {
  height:2em;
  width:2.5em
}
.fa-inverse {
  color:#fff
}
.sr-only {
  border:0;
  clip:rect(0,0,0,0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto
}
.svg-inline--fa .fa-primary {
  fill:var(--fa-primary-color,currentColor);
  opacity:1;
  opacity:var(--fa-primary-opacity,1)
}
.svg-inline--fa .fa-secondary {
  fill:var(--fa-secondary-color,currentColor);
  opacity:.4;
  opacity:var(--fa-secondary-opacity,.4)
}
.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity:.4;
  opacity:var(--fa-secondary-opacity,.4)
}
.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity:1;
  opacity:var(--fa-primary-opacity,1)
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill:#000
}
.fad.fa-inverse {
  color:#fff
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  /*position: fixed;*/
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }

  #root-row{padding-top: 1rem !important}
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link .material-symbols-outlined {
  margin-right: 4px;
  color: #727272;
}

.sidebar .material-symbols-outlined {
  vertical-align: middle;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar .nav-link:hover .material-symbols-outlined,
.sidebar .nav-link.active .material-symbols-outlined {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-middle {vertical-align: middle;}
.material-symbols-outlined{vertical-align: middle;margin-right: .25rem !important;}