@CHARSET "UTF-8";

html, body
{
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	margin:0px;
	font-size:12px;
	/*background-color:#E3E3E3;*/
}
.cursor{cursor:pointer;}
.bold{font-weight:bold;}
.hidden{display:none;}
.text-align-left{text-align:left !important;}
.text-align-right{text-align:right !important;}
.padding-10{padding:10px;}
.padding-left-10{padding-left:10px;}
.padding-right-10{padding-right:10px;}
.padding-top-200{padding-top:200px;}
.padding-top-300{padding-top:300px;}

.back-passman{background-color:#042b86;}
.border-passman{border:1px solid #042b86;}
.color-white{color:#FFFFFF;}
.color-warning{color:rgb(223, 117, 20);}
.color-danger{color:#cc0000;}
.color-success{color:rgb(28, 184, 65);}

#cdr-filter-container a.button-action{
	margin-top:0px !important;	
	color:white !important;
}

.title{font-size:22px;}
.title-medium{font-size:18px;}
.title-small{font-size:14px;}


.centered{
	margin-left:auto;
	margin-right:auto;
	
}

.rounded{
	border-radius:6px;
}

.opacity-30-percent{
	
	opacity:0.3;
}

.form{
	/*padding:20px;*/
	font-size:14px;
	/*background-color:#ffffff;*/

}

.form .formitem{
	padding:10px;
	margin-bottom:5px;

}

.form .formitem div{
	float:left;
}

.form .formitem .formitemlabel{
	min-width:100px;
}

#form_login{
	width:30%;
}

.width-percent-30{width:30%;}
.width-percent-35{width:35%;}
.width-percent-40{width:40%;}
.width-percent-50{width:50%;}
.width-percent-80{width:80%;}
.width-percent-90{width:90%;}
.width-percent-100{width:100%;}

hr{
	border:1px solid #042b86;
}

ul
{
	list-style-type:none;	
}

ul li
{
	padding:5px;
	font-size:18px;
}

.passman-logo
{
	background-image:url('../img/passman_web_logo_icon.png');
	background-repeat:no-repeat;
	*width:100px;
	height:25px;
	min-height:25px;
	padding-left:100px;
	padding-top:0px;
	
}

.float-left{ float:left;}
.float-right{ float:right;}
.clear{ clear:both;}




a
{
	text-decoration:none;
	font-weight:bold;
	color:#0d65d3;
}

a:hover
{
	font-weight:normal;
}



.header
{
	background-color:#042b86;
	padding:1px;
	min-height:50px;
}

.header #logoutbutton 
{
	margin:0px;
	margin-top:10px;
	margin-right:10px;
}

.header #mainsearch 
{
	
	margin-top:9px;
	margin-left:10px;
	height:30px;
}

.header #mainsearchbutton
{
	
	margin-top:14px;
	margin-left:10px;
	
}

.header h1 
{
	margin:0px;
	margin-top:8px;
}

.header a h1
{
	color:#ffffff;
	font-weight:100;
	font-size:20px;
	
}

.header .passman-logo 
{
	margin-top:10px;
}

h2
{
	color:#042b86;
	font-size:24px;
	font-weight:200;
	margin-top:10px;
	
}

h3
{
	color:#042b86;
	font-weight:200;
	font-size:16px;
}

#pagediv
{
	margin : 10px;
	margin-top: 20x;
}

.body-container
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	
}

.itemlist
{
	border: 1px solid #042b86;
	border-collapse: collapse;
	
	font-size: 12px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
}

.itemlist tr, .itemlist td, .itemlist  th
{
	border: 0px solid #AAA;
	border-collapse: collapse;
	padding:3px;
}

.itemlist td
{
	padding: 5px;
	
}

.tdseparator
{
	min-width:inherit !important;	
}

.theader, .tfooter
{
	background-color: #042b86;
	color: white;
	font-weight: normal;	
}

.theader a, .tfooter a
{
	color: white;
	font-weight:normal;
}

.tselected
{
	font-weight:900 !important;
	
}

.theader th, .tfooter td
{
	padding: 10px;
	padding-left: 0px;
	padding-right: 0px;
	/*min-width: 80px;*/
	text-align: left;
	border:0px;
	font-size: 14px;
	font-weight: normal;		
}

.tr-separated
{
	border:1px solid #AAA;
	border-bottom-color: rgba(86, 186, 164, 0.11);
}

.disabled
{
	color: #888;	
}

.deleted
{
	color: #888;	
	text-decoration: line-through;
}

.even
{
	background-color: #dde7ff;
}

.odd
{
	background-color: #ebf1ff;
}

.button-action
{
	margin: 10px;
	padding: 10px;
	border: 0px solid #444;
	background-color: #56baa4;
	text-align: center;	
	color: white !important;
	text-decoration: none;
	border-radius:4px;
	font-weight:bold;
}


.button-light
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	text-align: center;	
	color: #838383 !important;
	text-decoration: none;
	border-radius:4px;
	font-weight:bold;
}

a.button-action:hover, 
a.button-warning:hover, 
a.button-danger:hover
{
	background-color: #042b86;
	font-weight:bold;
}

a.button-light:hover
{
	background-color: #cfcfcf;
	color:white;
	font-weight:bold;
}

.button-warning
{
	margin: 10px;
	padding: 10px;
	border: 0px solid #444;
	background-color:rgb(223, 117, 20);
	text-align: center;	
	color: white !important;
	text-decoration: none;
	border-radius:4px;
	font-weight:bold;
}


.button-danger
{
	margin: 10px;
	padding: 10px;
	border: 0px solid #444;
	background-color:rgb(202, 60, 60);
	text-align: center;	
	color: white !important;
	text-decoration: none;
	border-radius:4px;
	font-weight:bold;
}

/* doit etre en dessous de tous les .button-xxxx */
.small-button
{
	margin: 5px;
	padding: 8px;
	border-radius:20px;
}

.detailslink, .editlink
{
	margin: 4px;
	padding: 4px;
	border: 0px solid #444;
	background-color: #56baa4;
	text-align: center;
	width: 30px;
	color: white;
	text-decoration: none;
	border-radius:5px;
}

.detailslink:visited, .editlink:visited
{
	color: white;
}
	
.detailslink:HOVER, .editlink:HOVER
{
	background-color: #AAA;
}

.itemdetail
{
	border: 1px solid #042b86;
	border-collapse: collapse;
	width:100%;
	font-size: 12px;
}

.itemdetail tr, .itemdetail td, .itemdetail  th
{
	border: 0px solid #AAA;
	border-collapse: collapse;
}

.itemdetail td
{
	padding: 5px;
}

.itemfield{
	width:30%;
}

.itemvalue input, .itemvalue select {
	width:50%;
}

.call_error
{
	background-color: #ff7777;
}

.call_internal
{
	background-color: #ddd;
}

.call_in
{
	background-color: #d8fd9f;
}

.call_out
{
	background-color: #ffda95;
}

.call_status
{
	font-weight: bold;
}

.fggreen
{
	color: #008000;
}
.fgred
{
	color:  #cc0000;
}

.phonelist
{
	height: 60px;	
}

.extension
{
	width: 60px;	
	border: 1px solid black;
}

.status_-1
{
	background-color: #fba4a4;
	
}

.status_99
{
	
	background-color: #eef9e4;
}

.status_0
{
	background-color: #e5f9c5;
}

.status_1
{
	background-color: #c0ddc4;
}


.status_2
{
	background-color: #ffe8bc;
}

.status_8
{
	background-color: #ffc68d;
}

.status_4
{
	background-color: #fdbdbe;
}

.status_16
{
	background-color: #b9dcff;
}

.check_IN, .check_OU
{
	font-weight: bold;
}

.check_IN
{
	color : green;
}
.check_OU
{
	color : darkred;
}

.check_NONE
{
	color : gray;
}

ul.ui-widget-header{
	background-image:none;
	background-color:#042b86;
}

ul.ui-widget-header li{
	font-size:12px;
}


.popup_background{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:1024px;
	height:100%;
	z-index:15;

	background-color:rgba(0, 0, 0, 0.55);

}

.popup_default{
	position:fixed;
	background-color:#ffffff;
	padding:10px;
	width:40%;
	
}

.popup_deep{
	z-index:9000;
}

.popup_center{
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}