.csLoadingBar {
	background: url("/customer-space-portlet/skin/images/loading-16x16.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
	background-size: 25px;
	padding: 10px 0px 10px 20px;
	margin: 0 auto;
	width: 80px;
	height: 100px;
}

.csAddon {
	padding: 20px 30px;
}

.form-horizontal {
	.control-group-inline {
		display: inline-block;
		label {
			width: 80px;
		}

		.controls {
			margin-left: 90px;
		}
	}
}

/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
/*ul.tab li a:focus, .active {background-color: #ccc;}*/

/* Style the tab content */
.tabcontent {
    padding: 6px 12px;
   /* border: 1px solid #ccc;*/
    border-top: none;
}

.tabcontent .ligne {
    position : relative;
    padding: 2px 0;
    min-height: 20px;
    padding: 1px 10px;
}
#left_col .uiContentBox .tabcontent .ligne{
    padding: 2px 10px;
}

.tabcontent .ligne.getUserLigne {
    padding: 15px 8px;
    display: block;
    width: auto;
    margin: auto;
    float: none;
    background: #fbfbfb;
    border: none;
    text-align: center;
}
.tabcontent .ligne i.uiIconEdit{
    position: absolute;
    top: 5px;
    right: 24px;
    opacity : 0;
    cursor: pointer;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
}
.tabcontent .ligne:hover i.uiIconEdit{opacity : 1;}
img.avatar {
    height: 112px;
    margin-bottom: 18px;
}

.tabcontent .ligne > b{
    color :#2f5e92;
    width: 45%;
    margin-right: 4px;
    display: inline-block;
    overflow: hidden;
    float: left;
}
.tabcontent .ligne::after{clear: both}
.tabcontent .span3 .ligne > b{
    width: 40%;
    margin-right: 4px;
}
.tabcontent .ligne > span{
      overflow: hidden;
      display: inline-flex;
}
.tabcontent .span3,.tabcontent .span4{overflow: hidden}

.tabcontent .getUserLigne > b{
    width: auto;
    height: auto;
    line-height: 28px;
    padding-left: 20px;
    font-size: 15px;
    text-transform: uppercase;
}
.tabcontent input{ margin-bottom :0}

.uiBox .uiContentBox.formContainer{
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

/* Style of requests Table */
#requestsTable tr > td:nth-last-child(1){
    text-align: center;
}

/**/

#csAddon table {
    max-width: 100%;
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-spacing: 0px !important;
    border: Solid 1px #cadaea !important;
}

#csAddon table tr th, #csAddon table th a{
	color: #707070 !important;
    font-size: 12px !important;
    font-weight: bold;
    white-space: nowrap;
    padding: 5px 5px;
}
#csAddon .uiGrid.table tr th{
	background:none;
}
#csAddon .uiGrid.table tr td{
	background: none;
    border-top: 1px solid #cadaea;
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
    padding-top: 10px;
}
#csAddon .uiGrid.table thead tr{
	box-shadow:none;
}


#csAddon .uiGrid.table td, #csAddon .uiGrid.table th{
	    border-left: none ;
}
#csAddon .uiGrid.table tr th:hover{
	background:#ececec;
}
#csAddon .uiGrid.table tbody tr:hover{
	background:#e7e8ea;
}
#csAddon table th a:hover{
	color:#578dc9 !important;
}

