/* ANCIEN MONDE */



p {
    margin: 0 0 1px;
}

.fab-content .fab-list {
    visibility: hidden;
}

.fab-content .fab-list.visible {
    visibility: visible !important;
    animation: scale-in 0.5s;
}


/*
 * A REVOIR 
 */
ul.ui-autocomplete {
    z-index: 1100;
    background-color: white;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.panel {
    /*border:1px solid red;*/
    /*border:1px solid rgba(0,0,0,0.07);*/
    border-radius: 0.5rem;
}

.nav-pills > li > a {
    border-radius: 2px;
    background-color: #f3f3f3;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}

.form-control:focus {
    border-color: #3c8dbc;
    box-shadow: none;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1;
}

.navbar {
    height: 49px;
    min-height: 49px;
}

.navbar-nav > li > a {
    /*padding-top: 13px;*/
    font-size: 14px;
}

.nav .dropdown-toggle, .nav .dropdown > .dropdown-toggle .nav-icon {
    font-size: 16px;
    display: inline-block;
    /*margin-right: 8px;*/
}

.nav .dropdown-toggle .user_menu_nom {
    font-size: 13px;
}

.navbar-nav > li > .dropdown-menu {
    /*margin-top: 12px;*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#main-navbar .user-menu {
    color: #686868;
}

#main-navbar .dropdown-menu.user-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/*
 * GENERAL
 */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: pointer !important;
}

.lien, .lien:hover, .docklien, .pointer, a.pointer, map.pointer, area.pointer {
    /*cursor:pointer;*/
    cursor: pointer !important;
}

.no-padding {
    padding: 0 !important;
}

.text-slim {
    font-weight: 300 !important;
}

.text-normal {
    font-weight: 400 !important;
}

.text-semibold {
    font-weight: 600 !important;
}

.text-bold {
    font-weight: 700 !important;
}


.red_input {
    border: 2px solid red;
}

.green_input {
    border: 2px solid green;
}


.bgcolor_yellow {
    background-color: #f3c85f;
}

.bgcolor_redd {
    background-color: #ff0000;
}

.bgcolor_red {
    background-color: #CC0000;
}

.bgcolor_orange {
    background-color: #FF8800;
}

.bgcolor_green {
    background-color: #007E33;
}

.bgcolor_black {
    background-color: #000000;
}

.bgcolor_grey {
    background-color: #EFEFEF;
}

.bgcolor_ligth_black {
    background-color: #A0A0A0;
}

.bgcolor_blue {
    background-color: #3969ef;
}

.bgcolor_violet {
    background-color: #ee82ee;
}


.color_yellow {
    color: #f3c85f;
}

.color_redd {
    color: #ff0000;
}

.color_red {
    color: #CC0000;
}

.color_orange {
    color: #FF8800;
}

.color_green {
    color: #007E33;
}

.color_green_vif {
    color: #00C851;
}

.color_black {
    color: #000000;
}

.color_grey {
    color: #EFEFEF;
}

.color_ligth_black {
    color: #A0A0A0;
}

.color_blue {
    color: #3969ef;
}

.color_violet {
    color: #ee82ee;
}

.color_text {
    /*color: #3969ef;*/
    color: #686868;
}

.underline .color_text {
    color: #3156be !important;
    font-weight: bold;
}

.underline_link {
    color: #3156be !important;
    font-weight: bold;
}

.underline_link:hover {
    color: #3156be !important;
    font-weight: bold;
    text-decoration: underline;
}

.underline:hover .color_text {
    text-decoration: underline;
    color: #3156be !important;
}

.underline_web {
    color: #3156be !important;
}

.underline_web:hover {
    text-decoration: underline;
    color: #3156be !important;
}


a {
    /*color:rgb(101, 101, 101);*/
    color: #303030;
    text-decoration: none;
}

a:hover {
    /*color:rgb(101, 101, 101);*/
    /*color: #686868;*/
    color : unset;
    text-decoration: none;
}

label {
    margin-bottom: 0px;
    font-size: 13px !important;
    letter-spacing: 0px !important;
    color: #404040;
}


.alert {
    margin-top: 5px;
    margin-left: 30px;
    margin-bottom: 0px;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

.modal-content {
    border-radius: 0px;
}

.align-right {
    align: right;
}

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

/*
SPORTEE
 */

.social-links > li {
    display: inline-block;
    margin-right: 5px;
}

.social-links > ul li {
    list-style: none;
}

.social-links > li > a {
    opacity: 0.8;
    width: 37px;
    height: 37px;
    border: 1px solid #eaeff5;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
}

.img-circle {
    border-radius: 50%;
}


/*
TABLE
 */
td.rotate, th.rotate {
    /* Something you can count on */
    white-space: nowrap;
}

td.rotate > b > div, th.rotate > b > div {

    transform: /* Magic Numbers */ translate(0px, 0px) /* 45 is really 360 - 45 */ rotate(315deg);
    width: 30px;
}

th.rotate > div > span, td.rotate > div > span {
    border-bottom: 1px solid #ccc;
}

/* HEADER et FOOTER FIX ! */
table thead th,
table thead td {
    background-color: white;
    position: -webkit-sticky;
    position: sticky;
    position: -moz-sticky;
    position: -o-sticky;
    top: -1px;
    z-index: 200;
}

thead th b::after, thead th::after,
thead td b::after, thead td::after {
    border-bottom: 2px solid #dddddd;
    padding-bottom: 5px;
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
}

thead {
    transform: unset !important;
}

tfoot, .footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 200;
}

tfoot, .footer td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    /*background:white;*/
    z-index: 200;
}

table {
    margin-bottom: 0 !important;
}


.fwk5_table_fixed_header {
}


/* Responsive scroll bar visible */
@media (max-width: 500px) {
    ::-webkit-scrollbar {
        /*        -webkit-appearance: none;
                width: 7px;*/
    }

    ::-webkit-scrollbar-thumb {
        /*        border-radius: 4px;
                background-color: rgba(0, 0, 0, .5);
                -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);*/
    }
}

@media (max-width: 1280px) {
    .header-button {
        background: transparent !important;
    }
}

/* Correction Summernote et Tailwind puce */
.note-editable > ul {
    /*list-style: initial;*/
    list-style: initial;
    padding-inline-start: 40px;
}

.note-editable > ol {
    /*list-style: initial;*/
    list-style: decimal;
    padding-inline-start: 40px;
}

/*** TOOLTIP ***/

.custom-tooltip-content .custom-tooltip-text {
    max-width: 352px;
    background-color: #1d212a;
    color: #fff;
    /* text-align: center; */
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity 1s;
    word-break: break-word;
    z-index: 10;
    top: 35px;
    pointer-events: none;
    width: max-content;
    /* font-size: 11px; */
    font-weight: 400;
    white-space: break-spaces;
}

.custom-tooltip-content .custom-tooltip-text:after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    right: 7px;
    margin-left: -1px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.custom-tooltip-content .custom-tooltip-text.left-position:after{
    left: 7px;
    right: unset !important;
}

.custom-tooltip-content:hover .custom-tooltip-text {
    opacity: 1;
}


.custom-tooltip{
    background: #1d212a !important;
    color:white !important;
    box-shadow: none !important;
    padding: 5px 5px;
    border-radius: 6px;
    border: none !important;
    word-break: break-word;
}

.custom-tooltip-white{
    background: white !important;
    box-shadow: none !important;
    padding: 5px 5px;
    border-radius: 6px;
    word-break: break-word;
}


.daterangepicker{
    z-index: 2 !important;
    top: 47px !important;
    width: max-content !important;
    z-index: 999999999 !important;
}

/*** INPUT RANGE ***/
.range-wrap {
    position: relative;
    /*margin: 0 auto 3rem;*/
    margin: 1rem auto 0;
}
.range-input {
    width: 100%;
}
.range-tooltip {
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}
.range-tooltip::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
}


.modal-content{
    overflow: inherit !important;
}

.modal.fade.in{
    display: flex !important;
}

@media only screen and (max-width: 600px) {
    .modal-content{
        width: 100% !important;
    }
}

.select2-container{
    z-index: 500;
}
.select2-container--open {
    z-index: 1700;
}

.nav-tabs a{
    margin-right: 15px;
}