/* Global Styles */

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

body {
    background-color: #f8f8f8;
    font-size: 12px;
    /*line-height: 1.42857;*/
}

/* Wrappers */

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

 #wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 20px 15px 100px 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 20px 30px 100px 30px;
        min-height: 1300px;
        border-left: 1px solid #e7e7e7;
    }
}

#page-wrapper.authPage { margin:0; border:0; }


.navbar-static-side ul li {
    border-bottom: 1px solid #e7e7e7;
}

/* Navigation */

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

/* Top Right Navigation Dropdown Styles */

 .navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f105";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/* Buttons */

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

 .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

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

/* Dashboard Chat */

 .chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

/* Login Page */

 .login-panel {
    margin-top: 25%;
}

/* Flot Chart Containers */

 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

 .flot-chart2 {
    display: block;
    height: 363px;
}

.flot-chart-content2 {
    width: 100%;
    height: 100%;
}
.flot-chart-content2 .legend { font-size: 14px; }



/* DataTables Overrides */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

/* Datatable with col filter in header */
table.dataTable thead.colFilter .sorting_asc:after {
    content: "";
}
table.dataTable thead.colFilter .sorting_desc:after {
    content: "";
}
table.dataTable thead.colFilter .sorting:after {
    content: "";
}
table.dataTable thead.colFilter .sorting_asc span:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}
table.dataTable thead.colFilter .sorting_desc span:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}
table.dataTable thead.colFilter .sorting span:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}



/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

h1, .h1 { font-size:28px; }
.page-header { margin: 20px 0 20px; }

.form-group.has-error .help-inline { color: #A94442; }


.lock { color:#D2322D; }
.lock.off { color:#E5ABAB; }
.unlock { color:#47A447; }
.unlock.off { color:#b3d6b3; }



ul.list-group li:nth-child(odd) { background-color: #fdfdfd; }
ul.list-group li:nth-child(even) { background-color: #ffffff; }


.form-control.input-file { height:auto; }


form fieldset {
	margin-bottom: 30px;
}


/*
Audio JS
*/
.audiojs { height: 22px; width:320px; background: #404040;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojs .play-pause { width: 25px; height: 20px; padding: 0px 8px 0px 0px; }
.audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
.audiojs .scrubber { background: #5a5a5a; width: 170px; height: 10px; margin: 5px; }
.audiojs .progress { height: 10px; width: 0px; background: #ccc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { height: 10px; background: #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 25px; line-height: 25px; }
.audiojs .error-message { height: 24px;line-height: 24px; }

/*
Audio Js in table
*/
table.table .audiojs { width:120px; }
table.table .audiojs .scrubber { width:0; margin:0; }
table.table .audiojs .time { width:50px; margin:0; padding:0 6px; }



.navbar-right{float: right !important;}

.grey { /*font-style:italic;*/ color:#aaaaaa; }



/* Prospect View - Email Frames */
.emailFrame { width:100%; height:800px; border:0; }

.date_search .form-group { margin-bottom:0; }


/* Loading Pic */
#ajaxLoading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#ajaxLoading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/loading.png');
}

.ajaxLoading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
.ajaxLoading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/loading.png');
}





.navbar-default .navbar-brand {
	/*color: #8f8f8f; */
	padding: 12px 15px 5px 15px;
	color: #333;
}


.dataTable select.search_col { width:100%; margin-top:5px; }
.dataTable div.search_col { width:100%; margin-top:5px; }
.dataTable div.search_col .btn { width:100%; font-size:12px; padding:0px 6px; }
.dataTable div.search_col ul.dropdown-menu { font-size:12px; /*padding-left:7px;*/ }
.dataTable div.search_col ul.multiselect-container .radio,
.dataTable div.search_col ul.multiselect-container .checkbox {
    padding: 3px 10px;
}


.form-inline ul.multiselect-container .radio, .form-inline ul.multiselect-container .checkbox {
	padding: 3px 20px 3px 20px;
}

.stats-filter.affix {
	top:0;
	/*width:97.7%;*/
	width:80%;
	z-index:3;
	/*background-color:#c5c5c5;*/
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
}


/* Stats */
hr.stats-separator { border: 1px #333333 solid; margin-top: 50px; margin-bottom: 10px; }
h2.stats-title { margin-top: 0; margin-bottom: 20px; padding: 10px; text-transform: uppercase; text-align: center; font-size: 22px; background-color: #d9edf7; }

.delta, .delta-neg, .delta-pos {
    font-weight: bold;
}
.delta-neg { color: #d9534f; }
.delta-pos { color: #5cb85c; }

#dataTables-Log_wrapper tbody td { word-break: break-all; }

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
	background-color: #d9edf7;
}



/* Max Height et Scrollbar dans liste déroulante des comptes sur Interface des Filtres */
#stats_filter .dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}


/*
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #ffffff;
}
*/

#activite-graph-line svg { background-color: #fff; }

.statut-totals { display: flex; gap: 24px; margin: 0 auto; }
.statut-totals .well { flex: 1; }
.statut-totals p { margin: 0; }
.statut-totals-table-container table { width: 60%; margin: 0 auto;}
.statut-totals-table-container table thead tr th { text-align: center; font-weight: normal;  font-weight: bold; }
.statut-totals-table-container table tbody tr td:nth-child(3), .statut-totals-table-container table tbody tr td:nth-child(4) { text-align: center; font-weight: bold; width: 15%;}

.statut-totals .badge { background-color:#fff; color:red; border-style:solid; border-width:1px; border-color:#ccc; border-radius:4px; }



#channel_real_phone_add_multi table td .form-group { margin-bottom:0; }
#channel_real_phone_add_multi table td input { width:70px; }



/* Couleurs Tableau Leads Entrants */
#dataTables-Prospect tr.lead-color-1, #dataTables-Prospect-ia tr.lead-color-1 { color:#333333; }
#dataTables-Prospect tr.lead-color-2, #dataTables-Prospect-ia tr.lead-color-2 { color:#f0ad4e;	/*984806;*/ }
#dataTables-Prospect tr.lead-color-3, #dataTables-Prospect-ia tr.lead-color-3 { color:#d9534f; }
#dataTables-Prospect tr.lead-color-4, #dataTables-Prospect-ia tr.lead-color-4 { color:#428bca; }

#dataTables-Prospect-ia tbody tr:hover td,
#dataTables-Prospect-ia tbody tr:hover th {
  	background-color : rgb(50, 118, 177, 0.2) !important;
	cursor: pointer;
}
.statut-totals .lead-color-1 { color:#333333; }
.statut-totals .lead-color-2 { color:#f0ad4e; }
.statut-totals .lead-color-3 { color:#d9534f; }

input#aTraiterOnly { margin: 10px 0 0;}

.avis-qualif #like {
	color:green;
}

.avis-qualif #dislike {
	color:red;
}

.avis-qualif #like.selected {
	color:white;
	background-color: green;
}

.avis-qualif #dislike.selected {
	color:white;
	background-color: red;
}


#actionBlock .btn-group { margin-bottom: 10px; }

.panelStrongBorder { border: solid 2px #aaa; }



.bg-success {
	background-color: #dff0d8;
}

.elipsis {
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
}



figure.log img {
	max-width: 100%;
}

.question-element {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 24px;
    gap: 8px;
    border-bottom: 1px solid #ccc;
}

#add-question {
    margin-bottom: 16px;
}

.answer-element {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    margin-bottom: 16px;
    gap: 8px;
}

.answers-container {
    border: 1px solid #ccc;
    margin: 8px 0;
    padding: 8px;
    background-color: #ffffff;
}

#questions-container {
    border: 1px solid #ccc;
    padding: 8px;
    margin-bottom: 16px;
}

#questions-container > div:nth-child(2n) {
    background-color: #f9f9f9;
}

#add-question {
    width: 100%;
    background-color: #f9f9f9;
}

.add-answer {
    float: right;
}

.qualif-val{
    padding-bottom: 3px;
}

.qualif-val-avis{
    padding-top: 10px;
}

.audio-record{
    padding-top: 5px;
    padding-bottom: 5px;
}

.hiddenRow {
    padding: 0 !important;
    background-color: white !important;
}

i.fa.fa-minus-square.display-info, i.fa.fa-plus-square.display-info {
    cursor: pointer;
    color: #3276b1;
}

.hiddenRow .row {
    padding: 5px;
}

.display-info-button{
    text-align: center;
}

.required:after {
    content:" *";
    color: red;
}

.fiche-prospect-leads .panel.panel-default{
    border-radius: 15px;
}

.fiche-prospect-leads .lead-out .panel.panel-default{
    background-color:ghostwhite;
}

.fiche-prospect-leads .lead-in .panel.panel-default{
    background-color:aliceblue;
}

.panel-infos, .panel-leads, .panel-actions{
    height: 1000px;
}

#dataTables-Prospect .colFilter, #dataTables-Prospect-ia .colFilter {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #ffffff;
}

.table-stats th, .table-stats td {
    width: 250px; 
    max-width: 250px; 
}

.table-stats, .table-stats th, .table-stats td {
    text-align: center;
    vertical-align: middle !important;
    text-wrap: wrap;
}

.table-stats th, .table-stats td {
    border: 1px solid #ddd !important;
}

.table-stats-whitespace {
    height: 35px;
}

.table-stats-whitespace, .table-stats-whitespace td {
    border: 0 !important;
    background-color:transparent !important;
}

th.table-stats-suivi-whitespace, td.table-stats-suivi-whitespace {
    border: 0 !important;
}

.table-stats-suivi-whitespace {
    width: 35px !important;
    background-color: transparent !important;
    border: 0 !important;
}

.table-stats .bt { border-top: solid 2px #888 !important; }
.table-stats .br { border-right: solid 2px #888 !important; }
.table-stats .bb { border-bottom: solid 2px #888 !important; }
.table-stats .bl { border-left: solid 2px #888 !important; }

.font-weight-bold {
    font-weight: bold;
}

.form-element-separator {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc; 
    width: 100%;
}

.texarea-without-ckeditor {
    width: 100%;
    height: 15em !important;
}