.btn-submit-login{
    background-color: #e7560b;
    border-color: #e7560b;
}
.btn-submit-login:hover, .btn-submit-login:active, .btn-submit-login.hover {
    background-color: #e7560b;
    border-color: #e7560b;
}
.title-acces-back{
    font-size: medium;
    margin-top: 10px;
}
.skin-blue-light .main-header .navbar {
    background-color: #dedede;
}
.skin-blue-light .main-header .logo {
    background-color: #dedede;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .navbar .nav>li>a {
    color: #6d6d6d;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #8e8e8e;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #e56c2d;
}

.skin-blue-light .main-header .logo:hover {
    background-color: #dedede;
}
.content-wrapper {
    margin-top: 50px !important;
    min-height: calc(100% - 102px);
    background-color: #f9f9f9;
    z-index: 800;
}

.btn-save-edit { margin: 10px 0; }

.text-conditions{
    background: whitesmoke;
    min-height: 50px;
    padding: 2rem;
}

.main-header .logo .logo-lg {
    display: block;
    color: #e57135;
}

.main-header .logo .logo-lg b {
    padding: 0.5rem;
}
.main-header .logo .logo-lg img {
    vertical-align: text-top;
}

.success-d { background-color: #3d6d29; }
.warning-d { background-color: #f29a21; }
.info-d { background-color: #36647b; }
.danger-d { background-color: #bf1c1c; }

.success-d, .warning-d, .info-d, .danger-d { color: white; }

.body-gr {
    padding: 2% 5% 2% 5%;
    background: white;
    margin-top: 2%;
}
.select-opt {
     margin-top: 2%;
     width: 50%;
     float: right;
     margin-bottom: 2%;
     margin-right: 2%;
 }
.select-opt-mini {
    padding-bottom: 2%;
}

.card-mini-body-content {
    text-align: center;
    margin-top: 2%;
}

.card-mini-body-large-text, .card-mini-body-text {
    text-align: center;
}

.card-mini-body-number {
    /* width: 30%; */
    font-weight: bold;
    /* margin-right: 2vh; */
}

.card-mini-body-number span, .card-mini-body-large-number span{
    font-size: 8vh;
}
.card-mini {
    border-radius: 20px;
    /* border-bottom-left-radius: 0px; */
    color: white;
}


.card-mini-header .card-header-title {
    background: black;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.rec-icon {
    background: #f5bf22;
    padding: 10px;
    color: white;
    border-radius: 10px;
    margin-right: 10px;
}

.div-body-card-mini {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid;
}

.card-body-mini {
    padding: 4vh;
    margin-top: 4%;
}

.card-mini-users, .card-mini-rec { background: #ffffff; color: black; }

.card-mini-network {
    background: #f5bf228c;
    color: black;
    margin-top: 5%;
}

.icon-net {
    background: white;
    color: #000000;
}

.card-body-mini-large {
    padding: 4%;
    padding-bottom: 0;
    background: #ffffff;
    margin: 3% 0 0 0;
    border-radius: 20px;
    box-shadow:  0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
    border-width: 0;
}

.div-part-flex-card {
    margin: 0 2%;
    width: 50%;
}

.div-body-card-mini-large {
    font-weight: bold;
    font-size: 2.5vh;
}

.card-mini-body-large-content { font-size: larger; }

.card-mini-body-large-number {
    /*width: 30%;*/
    text-align: center;
    border-radius: 50%;
    height: 100%;
    padding: 3%;
    font-weight: bold;
}

.card-mini-body-large-text { padding: 2px; }

.flex { display: flex; }

.title-large-card { border-bottom: solid 1px darkgrey; }

/*.align-center { align-items: center; }*/

.font600 { font-weight:600; }

.icon-dash {  margin-right: 1rem; }

.title-latest-pro, .title-latest-request { font-size: 2.5rem; font-weight: bold; color: #818181; border-bottom: 3px solid lightsalmon; }

.part-latest-pro, .part-latest-request { padding: 1% 2% 0 1%; }

.list-latest-pro, .list-latest-request {
    background: #ffffff;
    padding: 2%;
    margin-top: 2%;
    /*box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);*/
    /*border: solid 4px #d6d6d6;*/
    align-items: center;
}

.card-dash-transp {
    /*margin: 0 3%;*/
    background: white;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}

.logo-pro-dash {
    width: 70px;
    border-radius: 50%;
    clip-path: circle(50.0% at 50% 50%);
}

.dash-pro-name {
    font-size: 17px;
    font-weight: bold;
    color: #096591;
}

.list-pro-details {
    width: 50%;
}

.detail-pro { margin: 0 0 5px; }

.detail-pro i { padding-right: 10px; font-size: large; }
.detail-pro .fa-phone { color: #5a6bb2; }
.detail-pro .fa-envelope { color: #84827e; }
.detail-pro .fa-globe { color: #f67554; }
.detail-pro .fa-thumbs-up { color: #f5bf22; }

.pro-mail { color: #4887f9; }

.div-body-card-mini p .ion-person-add { background: #ee721b; }
.div-body-card-mini-large p .fa-thumbs-up { background:  midnightblue; color: white; }
.div-body-card-mini p .fa-globe { background: #f5bf22; }
.div-body-card-mini p .fa-check { background: mediumseagreen; }

.recommend-detail { font-weight: bold; }
.recommend-detail span { font-size: 20px; }

.title-graph {
    padding: 3rem;
    padding-bottom: 1rem;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid lightsalmon;
}

.nav-tabs { margin-top: 2%; }

.part-logo {
    width: 20%;
    text-align: center;
}

.nb-install-content { margin: 3% 3% 0 3%; }
.card-requests { margin: 3% 3% 0 3%; }
.logo-dash-request { width: 40px; }
.admin-request-dash-pro-logo { width: 20%; }
.admin-request-dash-pro-desc .dash-pro-name { font-size: inherit; color: #607d8b; }
.bloc-request { width: 55%; }
.title-bloc-request-flex {
    font-weight: bold;
    margin-bottom: 4%;
    color: #8bc34a;
    text-decoration: underline;
}
.list-latest-request { align-items: inherit; }
.list-latest-request .list-pro-details { width: 45%; }

.ui-autocomplete { position: absolute; cursor: pointer; background:white; border: 1px solid lightgrey; }

/* workarounds */
html .ui-autocomplete { width:1px; padding: 0; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 10px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding-left: 5px;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    line-height:3;
    /*border-bottom: 1px solid lightgrey;*/
}

.ui-menu .ui-menu-item:hover{
    background: #ffeda3;
    font-weight: 600;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
}

.detail-rqst-admin {
    background: cornsilk;
    padding: 2rem;
    margin: 0 15px 15px 15px;
}

.detail-rqst-admin .fa {
    margin-right: 10px;
}

.underline {
    text-decoration: underline;
}

.detail-rqst-admin-pro { background: aliceblue; }
.detail-pro-rqst {
    align-items: center;
    padding-top: 20px;
}
.detail-pro-rqst-logo { width: 13vh;}

.case-title { margin-left: 15px; color: #eeae45; font-size: larger; }
.case-title label {
    text-decoration: underline;
}

.hr-new {border-top: 1px solid #f39e13;}
.news-edit-content {margin-left: 20px;}
.field-news-edit { margin-bottom: 10px;}

.login-logo {
    text-align: inherit;
    margin: auto;
    width: 50%;
}
.href-fiche{
    color: inherit;
    text-decoration: none;
}
.href-fiche:hover{color: inherit;}

.row-pro-hover:hover{
    background: lemonchiffon;
}

.modal-graph{ width: 80%; }
.filters-chart {
    display: flex;
    align-items: end;
}

.fiche-pro .fa-envelope {
    color: #eb5e1e;
}

.fiche-name-pro {
    color: #e9782f;
    font-weight: bold;
}

.fiche-pro .fa-phone {
    color: lightseagreen;
}

.fiche-pro .fa-clock-o { color: lightgray; }

.fiche-pro > i { margin-right: 10px; }

.wall-fiche-pro{
    background-position: center;
    background-repeat: no-repeat;
    height: 250px;
}

.part-logo-fiche {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -40%;
}

.logo-pro-dash-fiche, .logo-user-fiche {
    width: 125px;
    border-radius: 50%;
    clip-path: circle(50.0% at 50% 50%);
    border: solid 5px #ffffff;
    padding: 10px;
    background: aliceblue;
}
.logo-user-fiche {
    width: 25px;
    padding: 0 !important;
}
.yes-no {
    padding: 2px 5px;
    border-radius: 5px;
}
.no{
    background: #f8d2d2;
}
.yes{
    background: #cfefcf;
}
.fiche-pro .fa-twitter-square { color: #5aecff; }
.fiche-pro .fa-snapchat-ghost { color: #FFFC00; }
.fiche-pro .fa-youtube-play { color: #FF0000; }
.fiche-pro .fa-facebook-square { color: #15a2fa; }
.fiche-pro .fa-linkedin-square { color: #2261a0; }
.title-fiche-post { color: #f7b80f; }
.content-fiche-post { border: solid 1px #f0f0f0; padding: 10px 10px 25px 10px; margin-bottom: 10px; }
.content-fiche-post > p > i { color: #b8b8b8; }
.row-fiche {
    padding: 2%;
}
.recommender .fa-commenting {
    color: #9d39ab;
    font-size: 15px;
}
.title-block-fiche {
    color: #30737f;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
}
.row-galleries-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: center;
}
.row-galleries-pro .col-lg-3 {
    padding: 10px;
}
.body-fiche-pro {
    /*background: #fffdf5;*/
}
.content-list-fiche {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.img-gallery-pro {
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.row-galleries-pro .col-lg-3 > p { word-break: break-all; }
.created-fiche-user { color: #c5bebe; }
.block-list-created-manually { margin-bottom: 10px; padding: 5px;}

.comment-purple { background: #5c397d; }
.allpro-grey { background: grey; }
.form-check-all { margin-top: 5%; }
.filter-unit { padding-left: 0; }
.allpro-blue {background: #1aaebd;}
.header-profile {background: #fefbdb !important;}
.header-profile p { color: #676767 !important }
.logout-btn { background: #f37d13; color: white !important; }
.logout-btn:hover { background: #5e5e5e; color: white !important; }
.drop-down-my-profile {
    border-color: #f18717;
    border-width: 2px;
}
.btn-my-profile {
    background: #134784;
    color: white;
}
.menu-opt:active {
    background: black !important;
}

.menu-active .menu-item {
    background: #e9e9e9 !important;
    font-weight: bold !important;
}

.menu-active .treeview-menu {
    background: #faf6e6  !important;
}
.main-header {
    position: fixed;
    width: 100%;
}
.main-sidebar{ position: fixed; }
.container-sidebar-menu {
    overflow-y: auto;
    height: 80vh;
    padding-bottom: 50px;
}
#style-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    background-color: #ffc107;
}
.tr-pro-list, .tr-user-list {
    cursor: pointer;
}
.tr-pro-list.odd:hover, .tr-user-list.odd:hover, .tr-pro-list.even:hover, .tr-user-list.even:hover { background: #fdeccd; }

#email-fields-list > li, #presentation-fields-list > li, #news-fields-list > li, #galleries-fields-list > li {
    list-style: none;
}

.title-input { width: 60%; }
.deleted { color: red; }
.pointer { cursor: pointer; }
.back-verify {
    float: right;
    color: #e77878;
    text-decoration: underline;
    font-weight: bold;
}
.send-code-success { color: #52d652; }
.im-new { margin-bottom: 5px; }
.delete-new-file { margin-left: 5px; }
#keywords-fields-list li, #numbers-fields-list li{
    display: flex;
    align-items:center;
    justify-content: space-between;
    width:350px;
    margin: 5px 0;
}

#keywords-fields-list li input[type=text], #numbers-fields-list li input[type=text]{
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.margin-lft {
    margin: 0 5px;
}

.import-export-trans {
    display: flex;
    justify-content: flex-start;
}

.content-import-export-keys {
    padding-right: 5px;
}

#overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display : none;
    position: fixed;
    background: #181818bf;
    z-index: 999;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 4px;
    border-color: #9c9c9c63;
    border-top-color: #ff9800;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.deleted1{
    color: #ff9800;
}

.title-recom-fiche-pro{
    color: lightseagreen;
    font-weight: bold;
    text-decoration: underline;
}

.logo-fiche-pro, .logo-fiche-user{
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 3px solid white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.content-logo-fiche {
    margin-left: 45%;
    width: 127px;
    height: 127px;
    background: #909090;
    border-radius: 50%;
    padding: 1px;
    position: relative;
}

.social-spec {
    margin-left: -2px;
}

.img-tiktok {
    margin-right: 8px;
    margin-bottom: 3px;
}

.img-snap{
    margin-right: 10px;
    margin-bottom: 3px;
}

.modal-image-fiche-preview{
    display: flex;
    justify-content: center;
}

.preview-show-pdp-fiche{
    cursor: pointer;
    text-align: right;
    position: absolute;
    right: -30px;
    bottom: 10%;
    border-radius: 7px;
    background: darkslateblue;
    padding: 6px;
    color: white;
    border: 1px solid #565656;
}
.abo_grouped {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
 }

.abo_fiche_post {
    list-style: square;
}
.abo_facture{
    margin-left: 25px;
}

.dataTables_scroll.loading .dataTables_scrollBody {

    width: auto;
    height: 100px;
    position: relative;
    visibility: hidden;
   
}

.dataTables_scroll.loading .dataTables_scrollBody:before {

    content: "";
    visibility:visible;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #0F1D42;
    border-top-color: #EB611D;
    animation: spin 1s ease-in-out infinite;
    
    
}


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