.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-top: 25px;
}

.ml30 {
    margin-top: 30px;
}

.ml35 {
    margin-top: 35px;
}

.ml40 {
    margin-top: 40px;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-top: 25px;
}

.pl30 {
    padding-top: 30px;
}

.pl35 {
    padding-top: 35px;
}

.pl40 {
    padding-top: 40px;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px;
}

.profile_details .profile_view {
    display: inline-block;
    padding: 10px 0 0;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.w100 {
    width: 100%;
}

.mh180 {
    min-height: 180px;
}

@media (min-width: 1000px) {
    .profils-list li {
        padding: 0 10px;
        display: inline-block;
        display: box;
        width: 33.3%;
    }
}

.profils-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    columns: 1;
}

@media (min-width: 1000px) {
    .profils-list {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: left;
        -webkit-moz-items: left;
        align-items: left;
        -webkit-justify-content: left;
        -moz-justify-content: left;
        justify-content: left;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        align-content: flex-end;
        margin: 0 -10px !important;
    }
}

.profile_details {
    display: block;
    /*min-height: 400px;*/
}

    .profile_details .profile_view .img-circle.profile-img {
        margin-bottom: 10px;
    }

    .profile_details:nth-child(3n) {
        clear: both;
    }

    .profile_details .last-call {
        display: inline-block;
        margin-bottom: 10px;
    }

    .profile_details .profile_view {
        display: inline-block;
        padding: 10px 0 0;
        background: #fff;
        width: 100%;
        margin-bottom: 10px;
    }

        .profile_details .profile_view .circle-status {
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .profile_details .profile_view h2.number {
            font-weight: bold;
        }

        .profile_details .profile_view img.profile-img {
            float: right;
            margin: 0;
            padding: 0;
        }


        .profile_details .profile_view.online .img-circle.profile-img {
            border: 8px solid #00be64;
        }

        .profile_details .profile_view.online h2.number {
            color: #00be64;
        }

        .profile_details .profile_view.online .circle-status {
            background-color: #00be64;
        }

        .profile_details .profile_view.busy .img-circle.profile-img {
            border: 8px solid #ff7f00;
        }

        .profile_details .profile_view.busy h2.number {
            color: #ff7f00;
        }

        .profile_details .profile_view.busy .circle-status {
            background-color: #ff7f00;
        }

        .profile_details .profile_view.offline .img-circle.profile-img {
            border: 8px solid #e30048;
        }

        .profile_details .profile_view.offline h2.number {
            color: #e30048;
        }

        .profile_details .profile_view.offline .circle-status {
            background-color: #e30048;
        }





.circle-online {
    background: #00be64;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.circle-offline {
    background: #d00025;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.circle-busy {
    background: #ff9b00;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.profile_details .profile_view .divider {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px;
}

.profile_details .profile_view .ratings {
    margin-bottom: 0;
}

.profile_details .profile_view .bottom {
    background: #F2F5F7;
    padding: 9px 0;
    border-top: 1px solid #E6E9ED;
}

.profile_details .profile_view .left {
    margin-top: 20px;
}

    .profile_details .profile_view .left p {
        margin-bottom: 3px;
    }

.profile_details .profile_view .right {
    margin-top: 10px;
    padding: 10px;
}

.profile_details .profile_view .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px;
}

.profile_details .profile_view h2 {
    margin: 5px 0;
    font-size: 25px;
    margin-bottom: 10px;
}

.profile_details .profile_view .ratings {
    text-align: left;
    font-size: 16px;
}

.profile_details .profile_view .brief {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 300;
}

.profile_details .profile_left {
    background: white;
}

.profile_details span.desc {
    font-size: 15px;
    display: block;
    margin-bottom: 4px;
}

.pagination.pagination-split li {
    display: inline-block;
    margin-right: 2px;
}

    .pagination.pagination-split li a {
        border-radius: 4px;
        color: #768399;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 4px 9px;
    }

    .pagination.pagination-split li.active a {
        background-color: #73879c;
        color: #fbfbfb;
        border-color: #73879c;
    }

.alphapaginator.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: gainsboro !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}


.profile_details .profile_view .ratings {
    text-align: left;
    font-size: 16px;
}

.btn-purple {
    color: #fff;
    background-color: #768ba2;
    padding: 5px 8px;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #8aabd0;
    }

    .btn-purple:focus,
    .btn-purple.focus {
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(169, 210, 255, 0.44);
    }


    .btn-purple:not(:disabled):not(.disabled):active:focus,
    .btn-purple:not(:disabled):not(.disabled).active:focus,
    .show > .btn-purple.dropdown-toggle:focus {
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(169, 210, 255, 0.44);
    }

.modal-header button.close.close {
    margin-top: -2px;
    font-size: 30px;
    margin-bottom: 0;
}

.modal-header {
    padding: 15px 15px 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 1000px) {
    .modal-dialog.modal-profil {
        width: 1000px;
        margin: 30px auto;
    }

    .profils-list {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: left;
        -webkit-moz-items: left;
        align-items: left;
        -webkit-justify-content: left;
        -moz-justify-content: left;
        justify-content: left;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-end;
        -moz-align-content: flex-end;
        align-content: flex-end;
        margin: 0 -10px !important;
    }

        .profils-list li {
            padding: 0 10px;
            display: inline-block;
            display: box;
            width: 33.3%;
        }
}

.review-list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 300px;
    overflow-x: hidden;
    padding-right: 10px;
    overflow-y: auto;
}

    .review-list li {
        border-top: 1px solid #b3bfd2;
    }

.profils-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    columns: 1;
}

.alphapaginator.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: gainsboro !important;
}

#profil_modal .loading_panel {
    min-height: 300px;
    text-align: center;
}

#profil_modal .error_panel {
    min-height: 300px;
    text-align: center;
}

.w100 {
    width: 100%;
}

ul.bar_tabs {
   margin-bottom: 20px
}
.modal-profil .modal-content {
    border-radius: 0!important
}

.modal-profil h3 {
   margin-bottom: 20px;
   margin-top: 20px
}