.myFooter {
    padding-bottom :20px;
    display: flex;
    flex-shrink: 0;
    align-items: center;


}

.lstItem {
    cursor: pointer;
    margin-left : 20px;
    margin-right : 20px;
}

.trGridHisto{
	cursor: pointer;
}



.rouge {
    color: red;
}

.label-time{
    margin-top :8px;
}

ol li {
    border: 1px solid #eaedf1;
    padding: 10px 20px 10px 0px;
    margin: 5px 20px;
}

.li_modaste_dt {
    padding: 10px 0 0 40px ;
}

.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table;
}

.clearfix::after {
    clear: both;
}

#Btnnew_modaste_dt{
    margin-right : 40px;
}

#divLstIntervenantsModeAstreinte {
    max-height: 400px;
    overflow-y: auto;
}



#btnScenarioChoice{
    margin-top : 7px;
}

#btnTestSimuation {
    margin-top: 7px;
}

.side-scroll {
    height: 100vh;
    overflow-y: auto;
}

#txtHomeSimulation{
    margin-left : 15px;

}


#spanErrorDelModaste{
    color : red ;
    font-size : 10px;

}

#btnSupervision{
    cursor : pointer ;
}

.appelant_disabled {
    background-color: lightyellow;
}

.appelant_enabled {
    background-color: white;
}


.audio_player {
	color: black;
    width : 100%;
	margin: 5px;
	padding: 5px;
	display: inline-block;
	border: 1px solid #551212;
}
.audio_button {
	cursor: pointer;
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 20px;
	margin-top : 10px;
	font-weight: bold;
}

/* Streamlined White on Black Horizontal audio CSS */
.audio_bar {
	width: 80%;
	height: 25px; /* Keep high for easier mouse and finger touch */
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
.audio_slot {
	/* Add a streamlined black slot */
	width: 100%;
	height: 25%; /* change height of audio slot for streamlined look */
	top: 35%; /* change top of audio slot to be in middle */
	background-color: red;
	position: absolute;
}
.audio_buffer
{
	width:0%; 
	height:25%; /* change height of audio buffer for streamlined look */
	top: 35%; /* change top of audio buffer to be in middle */
	background-color : darkgray;
	
	position:absolute;	
}
.audio_control {
	width: 0%;
	height: 25%; /* change height of audio control for streamlined look */
	top: 35%; /* change top of audio control to be in middle */
	background-color: #804e4e;
	left: 0px;
	position: absolute;
}
.audio_knob {
	width: 14px;
	height: 50%; /* change height of audio knob for streamlined look */
	top: 22%; /* change top of audio knob to be in middle */
	border-radius: 20px; /* Turn knob into circle */
	box-shadow: 1px 1px 2px #555555; /* Add shadow to knob */
	background-color: black;

	left: 0px;
	position: absolute;
}

.audio-time {
	margin-right: 5px;
}

.audio-duration {
	padding-left: 10px;
}

.modal-loader-img {
	position: absolute;
	/* right: 0; */
	bottom: 0;
	top: 70%;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

#card-audiomoDal{	
	max-height: 100vh-200px;
	overflow-y: auto;
}

#prestation-datatable{
	font-size:small;
}

#bodyTablePrestations {
	font-size:x-small;
}

#bodyTablePrestations tr {
	line-height: 0px; 
	border:1px solid red;
}

#speech-datatable{
	max-height: 500px;
}

.confidence1 {
    background-color: rgb(150, 253, 181);
}

.confidence2 {
    background-color: rgb(255, 223, 136);
}

.confidence3 {
    background-color: rgb(253, 89, 89);
}

.headerSmall{
	font-size:x-small  !important;
}

.trGrid{
	cursor: pointer;
}

.trGridAgence{
	cursor: pointer;
}

bodyTableMessAgence{
	cursor: pointer;
}

.trGridModelesSearch{
	cursor: pointer;
}

.colGridH{
	min-width: 100px;
}

.colGridS{
	min-width: 250px;
}

.colGridMini{
	min-width: 50px;
}


.colGridV{
	min-width: 200px;
}

.rowGrid{
	height:50px;
}

.colGrid{
	min-width: 100px;
}

.colGridAgent{
	min-width : 240px;
}


.crimson {
    background-color: rgb(248, 129, 152);
}

.gold {
    background-color: gold;
}

.orange {
    background-color: orange;
}

.green {
    background-color: rgb(175, 248, 175);
}

.gray {
    background-color: rgb(175, 175, 175);
}

.lightgray{
    background-color: rgb(220, 220, 220);
}

.blue {
    background-color: rgb(158, 239, 250);
}

.purple {
    background-color: rgb(244, 202, 250);
}

.box{
	height : 130px;
	overflow-y: auto;
}

.ml_30{
	margin-left: 30px;
}

.btnPrestation{
	width : 150px;
}

.overflow{
	height: 160px;
	overflow-y: auto;
	font-size:xx-small;
}

.table th,
.text-wrap table th {
    font-size: 0.5rem !important; 
    font-weight: 100 !important;
}

.ll100{
	min-width: 60px;
}

#formPrestation{
	font-size:xx-small;	
}

.titlePrestation{
	font-size:small;
}

#selectAssociee{
	width : 200px;
}

#btnChoiceAgent{
	width : 100px;
}

#txtMessage{
	width : 100%;
	height : 200px;
}

#agents-datatable{
	display: block;
	max-height: 480px;
	overflow: auto;
}

#agents-datatable-known{
	display: block;
	max-height: 480px;
	overflow: auto;
}

#inputSearchAgent{
	margin-left: 30px;
}

.trGridAgent{
	height: 25px;
	font-size:smaller;
	cursor: pointer;
}

#btnAddAgent{
	margin-top: 22px;
	float: right;
}

.form-switch{
	margin-left: 15px;
}

.graylight{
	background-color: #e8e8e8;
}

@media (max-height:500px) {
	.tabletHeight{
		height : 400px;
		overflow-y: auto;
	}
}

#prestNoWait{
	display: flex;
	justify-items: flex-end;
	align-items: center;
}

#divPrestNoWait {
	display: flex;
	position: relative;
	float: right;
}

.alignRight button {
	position: relative;
	float: right;
} 

#btnPrestNoWait{
	margin-left: 10px;
}

#btnMessAgence{
	margin-right: 10px;
}

#btnClipboard{
	margin-left: 10px;
}

#modeles-datatable{
	font-size:smaller;
	display: block;
	max-height: 600px;
	overflow: auto;
}

.flex{
	display: flex;
	align-items: center;
}


#sviSiteVilleModalPrestation{
	color : red;
}

#menuAdministration{
	padding-left: 80px;
}

#menuSimulation{
	padding-left: 80px;
}


#menuFacturation{
	padding-left: 80px;
}
#menuMainCourante{
	padding-left: 80px;
}

#menuAppels{
	padding-left: 80px;
}

#menuRapports{
	padding-left: 80px;
}


#menuAgences{
	padding-left: 80px;
}

#menuGroupes{
	padding-left: 80px;
}

#menuAgents{
	padding-left: 80px;
}

#menuMobiles{
	padding-left: 80px;
}

#menuExports{
	padding-left: 80px;
}

.s-s-menu{
	padding-left: 20px;
	
}

.sous-menu-prestations{
	color : #a0abbc
}

#menuJFeries{
	padding-left: 80px;
}

#menuAdminUsers{
	padding-left: 80px;
}

.menuTenant {
	color : #a0abbc
}

.menuTenantMC {
	color : #a0abbc
}

.menuTenantAppels {
	color : #a0abbc
}

.menuTenantRapports {
	color : #a0abbc
}

.menuTenantAgences {
	color : #a0abbc
}

.menuTenantAgents {
	color : #a0abbc
}

.menuTenantGroupes {
	color : #a0abbc
}

.menuTenantSimulation {
	color : #a0abbc
}

.menuTenantSimulation {
	color : #a0abbc
}

.menuTenantFacturation {
	color : #a0abbc
}

.menuTenantMobileConnect {
	color : #a0abbc
}

.menuTenantExportsConnect {
	color : #a0abbc
}

.menuTenantJFeriesConnect {
	color : #a0abbc
}

.menuAdminUsersConnect {
	color : #a0abbc
}


#switchDiffusion{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#switchDiffusionMC{
	display: flex;
	align-items: center;
	justify-content :flex-end ;
}


#inputSearchMC{
	margin-right: 10px;
}

#inputSearchDateMC{
	margin-right: 10px;
}

.trGridMC{
	cursor: pointer;
}

.trGridAgences{
	cursor: pointer;
}

#divtenantMC{
	text-align: center;
}

#mc-dialog{
	height: 750px;
}

#btnRefresh {
	width : 24px;
}

.divRefresh {
	display: flex;
	align-items: center;
	justify-content:space-around
}

.clred{
	color: red;
}


.modal-body-padding05{
	position: relative;
	flex: 1 1 auto;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 10px;
	padding-right: 10px;
}

.modal-header-padding05{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 5px;
}

.inter-rlo{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

#chkSvi{
	margin-left: 150px;
}

.selectJour{
	margin-left: 2px;
}

.hhnnMois{
	margin-left: 2px;
	width: 45px;
}

#nomAgence{
	margin-left: 26px;
	width : 275px;
}

#adresse1Agence{
	width : 275px;
}

#adresse2Agence {
	width : 275px;
}

#villeAgence{
	margin-left: 31px;
	width : 275px;
}

#homatinAgence{
	width : 45px;
}

#hfmatinAgence{
	width : 45px;
}

#hoapmAgence{
	width : 45px;
}

#hfapmAgence{
	width : 45px;
}

#notesAgence{
	width: 450px;
}

#emailAgence{
	width: 450px;
}

#suiviAgence{
	width: 1100px;
}

#mess-dialog {
	z-index: 999999999999;

}

.modal-mess {
	max-height: 500px;
}

#txtMess{
	height: 400px !important;
	overflow-y: auto;
	
}

#loopEditModele {
	width :60px;
}

#CallingMask{
	margin-left: 0px;
}

#IdentObligatory{
	margin-left: 0px;
}


#facturableAgence{
	margin-left: 30px;
}

#newHeurePrestation{
	width: 45px;
}

#txtMessageModifHeure{
	width: 100%;
}

.BoldRed{
	color: red;
	font-weight: bold;
}

#btnSearchAppels{
	margin-top: 15px;
}

#btnSendAppels{
	margin-top: 15px;
}

#inputEmailsRapports{
	width: 100%;
}

#desiGroupe{
	width : 100%;
}


#NotificationSms{
	margin-left: 8px;
}

#NotificationCheckPds{
	margin-left: 8px;;
}

#NotificationSmsNum{
	margin-left: 20px;
}

#nomAgent{
	margin-left: 46px;
}

#prenomAgent{
	margin-left: 20px;
}

#gsmAgent{
	margin-left: 38px;
}

#ttsAgent{
	margin-left: 50px;
	width: 440px;
}

#matriculeAgent{
	margin-left: 20px;
}

#dialog-histo-agent{
	max-height: 900px;	
}

#dialog-histo-agent-body{
	max-height: 600px;
	overflow-y: scroll;
}

#commentairesJFerie{
	width : 100%;
}

#webUser{
	margin-top: 10px;
}

#monCoco{
	background-color : white !important ;
}

#bodyMessAgences{
	overflow-x : auto ;
	max-height: 40vh;
}

#tableLastPrestations{
	font-size: 10px;
}

#tableLastPrestations td{
	padding: 3px;
}

#tableModelesPrestations{
	font-size: 10px;
}

#tableModelesPrestations td{
	padding: 3px;
}

#RefExtern{
	margin-left: -20px;
	width: 175px;
}

#astreintEditModele{
	margin-left: 40px;
}

#div_notes {
	padding: 5px;
	margin: 5px;
	font-size: 14px;
	border: solid 1px black;
}

#div_consignes {
	padding: 5px;
	margin: 5px;
	font-size: 14px;
	border: solid 1px red;
}

#CallingRecoVocal{
	margin-left: 0px;
}

#exceptionHeureEditPrestation{
    width: 60px;
}

.list-group{
    max-height: 500px;
    margin-bottom: 10px;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}

#dropdownToolBar{
	left : 10px;
	margin-left: 0px;
	top : 5px;
	color : black;
}

#menuToolbarMainCourante{
	margin-left: 200px;
}


#newDateAdvanced{
	width: 90px;
}

#newTimeAdvanced{
	width: 75px;
}

#editDateAdvanced{
	width: 90px;
}

#editTimeAdvanced{
	width: 75px;
}


.space_row_10{
	margin-top : 10px;
}

#bkColorAdvanced{
	width :175px;
}

#searchAdvanced{
	margin-left: 50px;
}

.edit_dt{
	width : 75px;
}

.delete_dt{
	width : 75px;
}

.edit_mc{
	width : 75px;
}

.delete_mc{
	width : 75px;
}

#editMessageDetailAdvanced{
	width : 500px;
}

#editMessageMCAdvanced{
	width : 500px;
}

#advancedScroll{
	max-height: 500px;
    overflow-y:scroll;
}

#mediaAdvanced{
	width : 175px;
}

#meodeAdvanced{
	width : 175px;
}