/*-----------------------

Borders

-------------------------*/



.border-top-primary {

    border-top-color: #5969ff !important;

}



.border-3 {

    border-width: 3px !important;

}



.border-secondary {

    border-color: #ff407b !important;

}



.border-brand {

    border-color: #ffc750 !important;

}



.border-info {

    border-color: #25d5f2 !important;

}





/*-----------------------

Fontawesome size

-------------------------*/



.fa-xl {}



.fa-lg {}



.fa-md {}



.fa-sm {

    font-size: 24px !important;

}



.fa-xs {

    font-size: 11px !important;

}





/*-----------------------

Social Color

-------------------------*/



.facebook-color {

    color: #3c73df;

}



.twitter-color {

    color: #1ea2f2;

}



.instagram-color {

    color: #9361fa;

}



.rss-color {

    color: #ee802f;

}



.pinterest-color {

    color: #c8232c;

}



.youtube-color {

    color: #ff0000;

}



.medium-color {

    color: #00ab6c;

}



.googleplus-color {

    color: #d34836;

}



.snapchat-color {

    color: #FFFB00;

}





/*-----------------------

Social bg Color

-------------------------*/



.facebook-bgcolor {

    background-color: #3b5898;

    color: #fff;

}



.twitter-bgcolor {

    background-color: #1ea2f2;

    color: #fff;

}



.instagram-bgcolor {

    background-color: #9361fa;

    color: #fff;

}



.rss-bgcolor {

    background-color: #ee802f;

    color: #fff;

}



.pinterest-bgcolor {

    background-color: #c8232c;

    color: #fff;

}



.youtube-bgcolor {

    background-color: #ff0000;

    color: #fff;

}



.googleplus-bgcolor {

    background-color: #d34836;

    color: #fff;

}





/*--------------------

 Arrow  List

---------------------*/



.arrow {

    position: relative;

}



.arrow li {

    padding-left: 20px;

    line-height: 30px;

}



.arrow li:before {

    font-family: 'Font Awesome\ 5 Free';

    font-weight: 900;

    display: inline-block;

    position: absolute;

    left: 0;

    font-size: 14px;

    color: #ff407b;

    content: '\f058';

    font-style: initial;

}



.bullet-check {

    position: relative;

}



.bullet-check li {

    padding-left: 25px;

    line-height: 30px;

}



.bullet-check li:before {

    font-family: 'Font Awesome\ 5 Free';

    font-weight: 900;

    display: inline-block;

    position: absolute;

    left: 0;

    font-size: 14px;

    color: #22ce77;

    content: '\f00c';

    font-style: initial;

}





/*-----------------------

Background Color / Color

-------------------------*/



.bg-primary {

    background-color: #5969ff !important;

    color: #fff !important;

}



.bg-brand {

    background-color: #ffc750 !important;

}



.bg-secondary {

    background-color: #ff407b !important;

    color: #fff !important;

}



.bg-success {

    background-color: #2ec551 !important;

}



.bg-danger {

    background-color: #ef172c !important;

}



.bg-warning {

    background-color: #ffc108 !important;

}



.bg-info {

    background-color: #25d5f2 !important;

}

.bg-mauve {
    background-color: #d742f5 !important; }

.bg-light {

    background-color: #f9f9ff !important;

}



.bg-dark {

    background-color: #2e2f39 !important;

}



.bg-primary-light {

    background-color: #dbdeff !important;

    color: #fff !important;

}



.bg-info-light {

    background-color: #dffaff !important;

    color: #fff;

}



.bg-secondary-light {

    background-color: #ffdbe6 !important;

}



.bg-danger-light {

    background-color: #fbd3d5 !important;

}



.bg-brand-light {

    background-color: #fff2d5 !important;

}



.bg-success-light {

    background-color: #c5fad3 !important;

}



/*--------------------

 Form

---------------------*/



label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-size: 15px;

    color: #71748d;

}

/*

.form-control {

    display: block;

    width: 100%;

    font-size: 14px;

    line-height: 1.42857143;

    color: #71748d;

    background-color: #fff;

    background-image: none;

    border: 1px solid #d2d2e4;

    border-radius: 2px;

}



.form-control:focus {

    color: #71748d;

    background-color: #fff;

    border-color: #a7a7f0;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(214, 214, 255, .75);

}



input[type=file] {

    color: #71748d;

    background-color: #fff;

    border-color: #a7a7f0;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(214, 214, 255, .75);

}*/



.col-form-label {

    font-size: 15px;

}



input {}



button {}



button:focus {

    outline: 0;

}



select.form-control {

    color: #71748d;

    -webkit-appearance: none;

    -moz-appearance: none;

    background-position: 99% 52%;

    background-size: auto;

    background-repeat: no-repeat;

    background-image: url(/images/down-arrow.png);

    padding-right: 15px;

    border: 1px solid #d2d2e4;

    border-radius: 2px;

}



textarea.form-control {

    height: auto;

    color: #71748d;

    background-color: #fff;

    background-image: none;

    border: 1px solid #d2d2e4;

    border-radius: 2px;

    padding: 12px 16px;

}



input::-webkit-input-placeholder {

    color: #71748d !important;

}



input:focus::-webkit-input-placeholder {

    color: #5969ff !important;

}



textarea::-webkit-input-placeholder {

    color: #71748d !important;

}



textarea:focus::-webkit-input-placeholder {

    color: #5969ff !important;

}



button.btn {}



button.btn-default {}



button.btn-primary {}



address {}



.form-group {

    margin-bottom: 12px;

}



.form-control-lg {

    padding: 12px;

}





/* Custom-Chekbox

-------------------------------------------------------------- */



.custom-control {

    position: relative;

    min-height: 1.5rem;

    padding-left: 1.5rem;

}



.custom-control-input:checked~input[type="checkbox"] {

    background: #3d404e;

    border: #7f83a2 1px solid;

}



.custom-control-input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}



.custom-control-label {

    position: static;

    display: inline-block;

    line-height: 2;

    margin-bottom: 0;

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background-color: #5969ff;

    border-color: #5969ff;

}



.custom-control-input:checked~.custom-control-label::before {

    color: #fff;

    background-color: #5969ff;

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::after {}



.custom-control-label::after {

    position: absolute;

    top: 7px;

    left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    content: "";

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 50% 50%;

}



.custom-control-label::before {

    position: absolute;

    top: 7px;

    left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    pointer-events: none;

    content: "";

    border-radius: 50%;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #ffffff;

    border: 2px solid #d2d2e4;

}



.custom-radio .custom-control-input:checked~.custom-control-label::before {

    background-color: #5969ff;

    border-color: #5969ff;

}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");

}

.custom-control-label::after {

    position: absolute;

    top: 7px;

    left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    content: "";

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 50% 50%;

}

.custom-control-input:disabled~.custom-control-label::before {

    background-color: #efeff6;

}



.custom-select-font-size {

    font-size: 14px;

}



.custom-control-input:focus~.custom-control-label::before {

    box-shadow: none;

}



.custom-valid.custom-control-input.is-valid:checked~.custom-control-label::before,

.was-validated .custom-control-input:valid:checked~.custom-control-label::before {

    background-color: #34ce57;

    border-color: #34ce57;

}



.custom-control-input.is-invalid~.custom-control-label::before,

.was-validated .custom-control-input:invalid~.custom-control-label::before {

    background-color: #ffdadd;

    border-color: #efa2a9;

}



.custom-control-input:disabled~.custom-control-label {

    color: #9295b0;

}



.custom-control-input.is-valid~.custom-control-label::before,

.was-validated .custom-control-input:valid~.custom-control-label::before {

    background-color: #c6ffd3;

    border: 2px solid #68df83;

}



.input-group-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    padding: 10px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    color: #75748d;

    text-align: center;

    white-space: nowrap;

    background-color: #efeff6;

    border: 1px solid #d2d2e4;

    border-radius: 4px;

}



.section-block {

    margin: 16px 0px;

}



.section-title {

    font-weight: 500;

    margin-bottom: 5px;

}



/*custom file input*/

.custom-file-control:lang(fr):empty::after {

    content: "Choisir un fichier..."; }

.custom-file-control::before { 

    position: absolute;

    top: -1px;

    right: -1px;

    bottom: -1px;

    z-index: 6;

    display: block;

    height: calc(2.25rem + 2px);

    padding: 0.375rem 0.75rem;

    line-height: 1.5;

    border: 1px solid #ff4081;

    border-radius: 0 0.25rem 0.25rem 0; 

    color: #fff;

    background-color: #ff4081;

    box-shadow: 3px 2px 3px rgba(0,0,0,.15);

    transition: all .35s ease;

}

.custom-file-control:lang(fr)::before {

    content: "Parcourir"; }

.custom-file-control.selected:lang(fr)::after {

    content: "" !important; }

.custom-file, .custom-file-input {

    width: 100%!important;

}

.navbar-dark .navbar-nav .nav-link {

    color: hsla(0, 0%, 0%, 0.5);

}



.fixed-table-body > .table{

    margin-top: 20px;

}



.required{

    color: red;

}



#modal-body{

    max-height: calc(100vh-143px);

    overflow-y: auto;

}



.statut{

    color: white;

}



.bg-texture {

    background: transparent radial-gradient(circle farthest-side at right bottom,#d0bfc5 5%,#e3e3e3 25%,#bfb7ba 80%,#cec4c9 98%) repeat scroll 0 0;

}



.bg-texture-collage {

    background: linear-gradient(-45deg,#f0f0f0 37%,transparent 0),linear-gradient(-45deg,#d5b7c1 63%,transparent 0),linear-gradient(-45deg,#f0f0f0 100%,transparent 0)

}



navbar .nav-item .active, .navbar .nav-link:focus, .navbar .nav-link:hover, .navbar .navbar-brand:hover {

    color: #d81b60  !important;

}



b, strong{

    font-weight: bold !important;

}

/*

.stepsfacture:after, .stepsfacture:before{

    position: absolute;

    content: "";

    width: 20px;

    height: 50%;

    left: 100%;

    

    

}

.stepsfacture:after{

   bottom: 0;

   background: linear-gradient(to right bottom, transparent 50%, red 50%);

}

.stepsfacture:before{

   top: 0;

   background: linear-gradient(to right top, transparent 50%, red 50%);

}*/



.stepsfacture{

    border-right: 1px solid grey;

    /*border-radius: 50%;*/

}

/*.stepsfacture:after, .stepsfacture:before{

    position: absolute;

    content: "";

    width: 0px;

    height: 0px;

    border-top: 20px inset transparent;

    border-bottom: 20px inset transparent;

    

    

}

.stepsfacture:after{

    top: 0;

  right: -20px;

  z-index: 2;

    border-left:  20px inset red;

}

.stepsfacture:before{

   top: 0;

   left: 0;

    border-left:  20px inset grey;

}*/



.slider{

    -webkit-appearance: none;

    width: 100%;

    height: 20px;

    border-radius: 10px;

    background: #d3d3d3;

    outline: none;
    overflow: hidden;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: .2s;

    transition: opacity .2s;

}

.slider::-webkit-slider-thumb{

    -webkit-appearance: none;

    appearance: none;

    width: 15px;

    height: 15px;

    border-radius: 50%;
    
    box-shadow: -100vw 0 0 100vw rgb(255, 120, 30);
    background: #fff;

    /* cursor: pointer; */

}

.slider::-moz-range-thumb{

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background: #fff;

    cursor: pointer;

}



.hero {

    padding: 20px 0;

}



.badge-notify{

    background: red;

    position: relative;

    top: -12px;

    left: -16px;

    min-width: 1rem;

    min-height: 1rem;

    border-radius: 50%;

    font-size: 65%;

    text-align: center;

    line-height: 1em;

    padding: .3em; 

}