xNightR00T File Manager

/* UI GRID CSS */
.expand-div {
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    opacity: 0;
}

.new-expand-div {
    opacity: 1;
}

.expand-div.ng-leave-active {
    opacity: 0;
}

@-moz-document url-prefix() {
    .ui-grid-row {
        width: 101%;
    }
}
.sub-title-design{
    font-size: 18px;
    color: #2774A0;
    font-weight: normal;
    margin-bottom: 18px;
}
.sub-title-design-bread{
    
}
.sub-title-design-bread h2{
    font-size: 18px;
    color: #2774A0;
    font-weight: normal;
    margin-bottom: 18px;
}

.sub-title-design-bread-blue {
    height: 41px;
    width: 100%;
    background: #2774A0;
    color: #7d8f97;
    font-size: 14px;
    z-index: 100;
}

.sub-title-design-bread-blue h2 {
    float: left;
    margin: 10px 8px 10px 13px;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
}

.ui-grid-table{
   border : 1px #d4d4d4 solid;
   border-top: 2px solid #0171A1;
   background: #fff;
   font-weight: normal; 
}
.ui-grid-table td{
    padding: 4px;
    overflow: hidden;
    background-color: inherit;
    border-right: 1px solid;
    border-color: #d4d4d4;
    box-sizing: border-box;
}

.ui-grid-table .center{
    text-align: center;
    padding-top: 11px;
}
a.link-design-1{
 color: #000000;
}
.ui-grid-table th{
    padding: 10px;
    overflow: hidden;
    background-color: inherit;
    border-right: 1px solid;
    border-color: #d4d4d4;
    box-sizing: border-box;
    font-weight: normal;
}
.ui-grid-table tr{
    border-bottom: 1px solid;
    border-color: #d4d4d4;
    
}
.ui-grid-table tr:nth-child(even), .ui-grid-table tr:nth-child(even) {
    background: #EEE;
}

.ui-grid-cell-contents-center {
    text-align: center;
}

.ui-grid-cell-contents-icons img, .ui-grid-cell-contents-icons i {
	vertical-align: middle;
}

.ui-grid-cell-contents-left {
    text-align: left;
	padding-left: 15px;
}

.ui-grid-cell-contents-right {
    text-align: right;
}

.ui-grid-cell-contents .btn {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #999999;
    color: #44afe5;
    text-align: center;
    padding: 0px 8px;
    border-radius: 1px;
    background: #fff;
    transition: 0.2s all;
    opacity: 0.8;
}

.ui-grid-cell-contents .btn .glyphicons:before {
    padding: 4px 0;
}

.ui-grid-cell-contents .btn:hover:not([disabled]) {
    background: #E4E4E4;
    opacity: 1;
}

.ui-grid-cell-contents .btn[disabled] {
    pointer-events: none;
    opacity: 0.5;
    border-color: gray;
    color: gray;
}
.ui-grid-cell-contents.ui-grid-cell-actions {
    padding:3px;
}
/*.ui-grid-canvas {
    border: 1px solid #dddddd;
}
.ui-grid {
    border:0;
}*/
.ui-grid-top-panel {
    border-top: 2px solid #0171A1;
    background: #fff;
    font-weight: normal;
}

.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell,
.ui-grid-row .ui-grid-cell.expanded,
.ui-grid-row .ui-grid-sub-section-row .ui-grid-sub-row .ui-grid-cell.expanded {
    background: #e2e2e2;
}

.ui-grid-header-cell {
    padding: 4px;
}

.ui-grid-cell,
[ui-grid-expandable-row] {
    border-bottom: 1px solid #dddddd;
}

.ui-grid-pager-panel {
    background: #efefef;
    border-top: 1px solid #E6E6E6;
}

.ui-grid[ui-grid-pagination] {
    padding-bottom: 33px;
}

.ui-grid.auto-height, .ui-grid.auto-height .ui-grid-viewport {
    height: auto !important;
}

[ui-grid-expandable-row] {
    background: #fff;
    height: auto !important;
}

.loading-expanded {
    text-align: center;
    font-size: 28px;
}

.loading-expanded span {
    padding-top: 50px;
    display: block;
}

.ui-grid-empty {
    padding: 8px;
    margin-top: -20px;
}

.ui-grid-cell-indent {
    margin-left: 43px;
}

.ui-grid-sub-section-row:nth-child(odd) .ui-grid-sub-row .ui-grid-cell {
    background-color: #fdfdfd;
}

.ui-grid-sub-section-row:nth-child(even) .ui-grid-sub-row .ui-grid-cell {
    background-color: #f3f3f3;
}

.ui-grid-sub-row {
    height: 30px;
}

.ui-grid-header-cell input[type="checkbox"],
.ui-grid .ui-grid-cell input[type="checkbox"] {
    margin: 0px auto;
}

.ui-grid-cell-checkbox {
    padding: 0;
    margin-top: 6px;
}
/* WHEN WE HAVE TREE + EXPAND ROW, SEE LABRARIES PAGE */
#libraries-ui-grid .expandableRow {
    margin: 0 !important;
}

#libraries-ui-grid .ui-grid-tree-header-row {
  /* for some reason ui-grid has important tag in css, we must important also to override it */
    font-weight: normal !important;
}

.ui-grid .ui-grid-hover-background:hover {
    background: #f7f7f7;
}


.ui-grid.sub-ui-grid .ui-grid-top-panel {
    display:none;
}
.ui-grid.sub-ui-grid {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-grid[ui-grid-resize-zs] .ui-grid-viewport {
    padding-left: 1px;
}
.ui-grid[ui-grid-resize-zs] .ui-grid-cell:last-child {
    padding-right:20px;
}
.ui-grid[ui-grid-resize-zs] .ui-grid-row:last-child {
    border-bottom: 1px solid #dddddd;
}

.ui-grid-cell-contents-36 {
	line-height: 22px;
}
.ui-grid-header-cell .sortable[aria-sort="descending"],
.ui-grid-header-cell .sortable[aria-sort="ascending"] {
    font-weight: bold;
}
.myclass {
	color: red;
}

.serverStatusSpin {
    margin-left: 11px;
}