.basictr
{
	font-size: small;
	height:40px;
}
.secondtd
{
	padding-left:20px;
}
h2 { background-color: white ; }
.globalbody {
text-align: left;
  width: 1100px;
  margin: 0 auto;}
/*class used when displaying in print the locatoin information over 5 lines*/
.div_location {line-height:25px}

/*
-line_print: class on <tr> for printing user
-cell_label_print: class on the first <td> for printing user
-cell_value_print: class on the second (value) <td> for printing user
*/
.line_print {line-height:25px;}
.line_print_enquete {font-weight:bold;line-height:15px}
.line_print_enquete_rep {line-height:50px;}
.cell_label_print {line-height:20px;font-weight:bold;}
.cell_value_print {width:500px}
.cell_value_print_comment {line-height:20px;width:500px}
.cjactive {background-color: lightgreen ;font-size:small}
.cjinactive {background-color: #D490A0 ;font-size:small}
.alertfutur {background-color: lightgreen ;font-size:small}
.alerterror {background-color: orangered ;font-size:small}
.alertpast {background-color: lightblue ;font-size:small}
.alertok {background-color: plum  ;font-size:small}
.playaudio {background-color: #87CEEB  ;font-size:small}
.broadcastexchange {background-color: #41E1BC ;font-size:small}
.malert {background-color: #D487DD ;font-size:small}
.callout_status_4 {background-color: lightgreen ;font-size:small}
.callout_status_3 {background-color: #87CEEB  ;font-size:small}
.callout_status_2 {background-color: #DEB031 ;font-size:small}
.callout_status_1 {background-color: #DE5931 ;font-size:small}
.callout_status_0 {background-color: #D487DD ;font-size:small}
.callout_status_5 {background-color: #D4909C ;font-size:small}
.callout_status_8 {background-color: #EDE905  ;font-size:small}
.callout_status_9 {background-color: red ;font-size:small}
.callout_status_10 {background-color: #41E1BC ;font-size:small}
.callout_status_11 {background-color: #ef8d37 ;font-size:small}

.goodcommenter {background-color: lightgreen ;font-size:small}
.faircommenter {background-color: #87CEEB  ;font-size:small}
.journalist {background-color: #41E1BC ;font-size:small}
.poorcommenter {background-color: #CDCD5A ;font-size:small}
.newcommenter {background-color: #D487DD ;font-size:small}
.newuser {background-color: red ;}
.banneduser {background-color: #F0A7B4 ;font-size:small}

.orgivr {background-color: lightgreen ;font-size:small}
.orgnoivr {background-color: #87CEEB  ;font-size:small}
.admin {background-color: #41E1BC ;font-size:small}

.footer-box  ul{
background: #9d1f80;
min-height: 10px;
width:100%;
list-style-type: none;
overflow: hidden;
position: relative;
}

.footer-box  li{
display: inline;
float: left;
display: block;
background: #9d1f80;
padding-top:3px;
padding-bottom:3px;
  
}
.default-body{max-width:1100px;min-width:800px; position:relative}


.brand-header h1 {
    background: url("../css/logojoka.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left;
    height: 125px;
    margin: 0;
    padding: 0;
    width: 250px;
	display: block;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.container::after {
    clear: both;
}
.container::before, .container::after {
    content: " ";
    display: table;
}
.brand-header > .container {
    background: url("../css/senegal.png") no-repeat scroll right -10px #ffffff;
}
.container {
  
}

.brand-header h2 {
    background: url("../css/titlejoka.png") no-repeat scroll 0px -30px rgba(0, 0, 0, 0);
    border-left: 1px solid #cccccc;
    color: #999;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 85px;
    margin: 0px 0;
    padding: 65px 0 0 10px;
    text-transform: uppercase;
    white-space: normal;
}
.calendar {
				font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
				font-size: 0.9em;
				background-color: #EEE;
				color: #333;
				border: 1px solid #DDD;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				padding: 0.2em;
				width: 14em;
			}
			
			.calendar .months {
				background-color: #F6AF3A;
				border: 1px solid #E78F08;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				color: #FFF;
				padding: 0.2em;
				text-align: center;
			}
			
			.calendar .prev-month,
			.calendar .next-month {
				padding: 0;
			}
			
			.calendar .prev-month {
				float: left;
			}
			
			.calendar .next-month {
				float: right;
			}
			
			.calendar .current-month {
				margin: 0 auto;
			}
			
			.calendar .months .prev-month,
			.calendar .months .next-month {
				color: #FFF;
				text-decoration: none;
				padding: 0 0.4em;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				cursor: pointer;
			}
			
			.calendar .months .prev-month:hover,
			.calendar .months .next-month:hover {
				background-color: #FDF5CE;
				color: #C77405;
			}
			
			.calendar table {
				border-collapse: collapse;
				padding: 0;
				font-size: 0.8em;
				width: 100%;
			}
			
			.calendar th {
				text-align: center;
			}
			
			.calendar td {
				text-align: right;
				padding: 1px;
				width: 14.3%;
			}
			
			.calendar td span {
				display: block;
				color: #1C94C4;
				background-color: #F6F6F6;
				border: 1px solid #CCC;
				text-decoration: none;
				padding: 0.2em;
				cursor: pointer;
			}
			
			.calendar td span:hover {
				color: #C77405;
				background-color: #FDF5CE;
				border: 1px solid #FBCB09;
			}
			
			.calendar td.today span {
				background-color: #FFF0A5;
				border: 1px solid #FED22F;
				color: #363636;
			}

                        .label { display:inline-block; width:15em; text-align: right; padding-right: 2em;}
                        audio.current { background-color: #00F;}
                        .message { padding:0; margin-bottom: 10px; border-radius:10px;border: #aaa solid 1px; display: table; position:relative;}
                        .message > div  { display: table-row; padding:10px;}
                        .message > div:first-child > div { border-bottom: 1px solid #aaa;}
                        .message > div > div { display: table-cell; vertical-align:middle; padding:5px; padding-right:20px; max-width:300px;}
                        .message .summary textarea { max-width: 300px;}
                        label.checkbox, label.tag { white-space: nowrap; border-radius:5px; padding:1px; margin-right:5px; background-color:#eee;}
                        label.checkbox { padding: 0; display:inline-block;}
                        label.tag {  background-color:#B1E1EC; color: #777; }
                        label.tag input { vertical-align: bottom;}
                        label.tag.set { background-color:#51A6BA;  color: #fff;}
                        .editable button, .editable select { width: 10em; text-align: center;}
                                           .editable input[type="text"] { width: 10em;}
                        .message .content { background-color:#B1E1EC; background: linear-gradient(to bottom, #B1E1EC, #B1E1EC 70%, #51A6BA)}
                        label.row { display: inline-block;}
                        .message .display label { font-weight: bold; display:inline-block;}
                        .message .display .metadata { width:17em;}
                        p.newcaller { display: none;}
                        p.newcaller.show { display: block;}
                        h2 button { vertical-align:middle;}
                        .error { background-color:#faa; color: #000; border-radius: 5px;}
                        .filteredlist h3 { display:table-caption; padding-left:1em;}
                        .useritem > div  { display:table-cell;}
                        .useritem { display: table-row}
                        .user { padding:0; padding-left:1em; margin-bottom: 10px; border-radius:10px;border: #aaa solid 1px; display: table; width: 40em; position: relative;}
                        .user > div { display: table-cell;}
                        .user .action { width:5em;}
                        .user h4 { font-size:1.2em; color: black; font-weight: bold; margin:0;}
                        .icon { vertical-align: middle;}
                        .extra dt { color: #777; font-size:0.8em;}
                        .filteredlist { padding-left:1em; display: table; width:100%;}
                        h3 { margin-top:0;}
                        .filter select { max-width: 14em;}
                        .id { display:block; position: absolute; bottom:0.5em; right:0.5em;; font-size:0.5em;}
                        .user .action button { width: 9em; text-align: right;}
                        button.danger { font-weight: bold; background-color: #F77;}
                        div.action { position: relative;}
                        .confirmation { position: absolute; left:0; top:0;background:white; border: thin solid red; padding:3px; border-radius:3px; display:none;}
                        .confirmation.show { display:block ;}
                        .catpercent.hidden { display: none;}
                        .message { transition: opacity 1s linear;}
                        .message.deleted { opacity: 0;}
                        .userselection + * { clear: left;}
                        .userselection li { list-style: none; display:block; padding:5px; float: left; width: 10em; border: thin gray solid; border-radius:3px; margin-right:1px; position: relative; min-height:2.5em; padding-right:1em;}
                        .userselection .remove { position: absolute; top:0; right:0; font-size:0.7em; padding:0;}
                        h3 button.single { float:right;}
                        button[data-checkbox-required]:not([disabled]) { font-weight: bold;}
                        button.selectionadd { width: 20em;}
                        fieldset.interaction { display: none;}
                        fieldset.interaction.show { display: block;}



.datepickr-wrapper {
    display: inline-block;
    position: relative;
}

.datepickr-calendar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #eee;
	color: #333;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px;
	display: none;
	position: absolute;
    top: 100%;
	left: 0;
	z-index: 100;
}

.open .datepickr-calendar {
    display: block;
}

.datepickr-calendar .datepickr-months {
	background-color: #f6af3a;
	border: 1px solid #e78f08;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 2px;
	text-align: center;
    font-size: 120%;
}

.datepickr-calendar .datepickr-prev-month,
.datepickr-calendar .datepickr-next-month {
	color: #fff;
	text-decoration: none;
	padding: 0 .4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.datepickr-calendar .datepickr-prev-month {
	float: left;
}

.datepickr-calendar .datepickr-next-month {
	float: right;
}

.datepickr-calendar .datepickr-current-month {
	padding: 0 .5em;
}

.datepickr-calendar .datepickr-prev-month:hover,
.datepickr-calendar .datepickr-next-month:hover {
	background-color: #fdf5ce;
	color: #c77405;
}

.datepickr-calendar table {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

.datepickr-calendar thead {
    font-size: 90%;
}

.datepickr-calendar th,
.datepickr-calendar td {
    width: 14.3%;
}

.datepickr-calendar th {
	text-align: center;
    padding: 5px;
}

.datepickr-calendar td {
	text-align: right;
	padding: 1px;
}

.datepickr-calendar .datepickr-day {
	display: block;
	color: #1c94c4;
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	padding: 5px;
	cursor: pointer;
}

.datepickr-calendar .datepickr-day:hover {
	color: #C77405;
	background-color: #fdf5ce;
	border: 1px solid #fbcb09;
}

.datepickr-calendar .today .datepickr-day {
	background-color: #fff0A5;
	border: 1px solid #fed22f;
	color: #363636;
}

.datepickr-calendar .selected .datepickr-day {
	background-color: #1c94c4;
	color: #f6f6f6;
}

.datepickr-calendar .disabled .datepickr-day,
.datepickr-calendar .disabled .datepickr-day:hover {
    background-color: #eee;
    border: 1px dotted #ccc;
    color: #bbb;
    cursor: default;
}

.filter-container {
    border-radius: 20px;
    border-width: thin;
    border-color: #CCF;
    border-style: solid;
}

.filter-container:before {
    margin-left: 4px;
    content:"\01F50D";
}

label.filter-widget {
    display: inline-block;
    white-space: nowrap;
    margin: 5px;
}
label.filter-widget span.widget-label {
    max-width: 150em;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
}

label.filter-widget i.fa-remove {
    cursor: pointer;
}

.filter-widgetselector {
    display:inline-block;
    margin: 5px;
    margin-right: 15em;
}

.selectivity-input {
    vertical-align: middle;
}

.filter-container input[type='number'] {
    width:3em;
}

.filter-container .selectivity-multiple-input-container {
    border-radius: 5px;
    background-color: transparent;
    box-shadow: inset 0 0 2px #222;
}
.chart-control { display:inline-block; vertical-align: top;}