.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;
}

.ticketAddon {
	padding: 20px 30px;
	#btUpload {
		margin: 0;
	}

	.controls {
		.uiAction {
			width: 105px;
			padding: 0;
		}
	}
}

#wrapper {
     width: 650px;
     position: relative;
     margin: 0 auto;
}
#leftcolumn, #rightcolumn {
    float: left;
}
#rightcolumn {
     width: 200px;
}
.csAddon {
    padding: 20px 30px;
}

select {
 width: auto;
}

.hide-long-text {
    max-width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
}

.filterSelect {
margin-top: 10px;
}
#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: 10px 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: 10px 8px;
}
#csAddon .uiGrid.table thead tr{
	box-shadow:none;
	    box-shadow: none;
        border-top: Solid 3px #cadaea;
        border-bottom: Solid 3px #cadaea;
}

#csAddon .btn.btn-primary, #csAddon .btn-primary{
	margin-top: 20px;
}
#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;
}

.sev_SEVERITY_1{
    color:#ff0000;
    font-weight: bold;
}

.sev_SEVERITY_2{
    color:#000066;
    font-weight: bold;
}

.sev_SEVERITY_3{
    color:#008000;
}

.sev_SEVERITY_4{
}

.firstWarning{
    border: 3px solid #ffc365;
}

.lastWarning{
    border: 3px solid #ff0000;
}

.waiting { cursor: wait; }

.exportBtn{
    float: right;
    padding: 3px 10px;
    margin-top: 10px;
    background-color: #46a546;
    color: white;
 }

 .controls > select{
     padding: 2px 4px;
     background: transparent;
     border: 0;
     border-radius: 0;
     border: solid 1px #cadaea;
     color: #578dc9;
 }

 .controls > input{
     padding: 2px 4px;
     background: transparent;
     border: 0;
     border-radius: 0;
     border: solid 1px #cadaea;
     color: #999999;
 }
 .controls{
    border: Solid 1px #cadaea;
    background-color: white;
    padding: 0 10px;
    margin-top: 10px;
 }

 .controlsActions{
    float : right;
    margin-top: 10px;
 }

 .resultsLength{
        color: #578dc9;
        font-weight: bold;
        margin-left: 10px;
 }

 .avatarImage{
     max-width: 26px;
     max-height: 26px;
     border-radius: 2px;
 }

