.auth-page{
    background-image: url(/client/assets/images/background-login-2.jpg);
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-weight: 600;
}

.auth-page > .auth-panel{
    width: 400px;
    padding: 20px 15px;
    opacity: 0.9;
    background-image: radial-gradient(circle at 50% 80.16%, #5d76f0 0, #0c4093 50%, #000d3f 100%);
    border-radius: 25px;
    border: none;
}

entries-container.ng-star-inserted{
    /*background-image: url(/client/assets/images/background.jpg);*/
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.auth-page>.auth-panel .input-container>input {
    border-radius: 25px;
    color:#fff;
    border: 2px solid #fff;
    border-color:#fff;
    background-color: transparent;
}

.auth-page>.auth-panel .input-container>.forgot-password{
    color:#fff;
}

.mat-raised-button{
    padding: 0 20px!important;
    border-radius: 15px!important;
}

drive .mat-sidenav-container{
    background-image: url(/client/assets/images/background.jpg);
}

.mat-drawer {
    color: rgba(255, 255, 255);
    background-color: rgba(255, 0, 0, 0.8);
    border: none!important;;
}

sidebar {
    background-color:transparent!important;
}

drive .mat-sidenav-container .mat-sidenav-content{
    background-color: transparent!important;
    color:#fff;
}

#theme material-navbar {
    background-color: #878787;
}

drive .mat-sidenav-container .right-sidebar{
    background-color: rgba(12, 71, 157, 0.8)!important;
}

#theme files-grid-item{
    border-radius:25px!important;
    background-color: rgba(255,255,255,0.7)!important;
}

#theme .mat-menu-panel{
    background-color:#878787;
}

.mat-menu-item .mat-icon svg {
    color: #fff;
}

.no-results-message{
    color:#fff;
}

img.avatar {
    background-color: #fff;
    border-radius: 50%;
}


#theme analytics-header > .stat > .mat-icon,
#theme analytics-header > .stat > .details > .name,
#theme analytics-header > .stat > .details > .count,
#theme chart .chart-header .title,
#theme chart .chart-header .subtitle{
    color:#878787;
}

button.context-menu-item.ng-star-inserted,
.context-menu .context-menu-item:not(:disabled) .mat-icon{
    color:#878787!important;
}

.files-grid-item-footer .text {
    color: #333!important;
    font-weight:bold;
}

.shared-folder-file,
.archive-file,
.folder-file{
    color:#fe000c;
}

.pdf-file,
.power-point-file,
.video-file{
    color: #0c479d;
}


#theme drive .files-container.file-over-dropzone,
#theme files-grid-item.selected .files-grid-item-footer,
#theme entry-drag-preview,
#theme main-searchbar
{
    background-color:transparent;
}
#theme folders-tree .mat-tree .mat-tree-node.active,
#theme files-list .mat-table .mat-row.selected{
    background-color:#fe000c;
}

main-searchbar .input-container input{
    background-color:transparent!important;
    border-radius: 25px!important;
    border: 1px solid #fff!important;
}

files-grid-item.drive-entry.ng-star-inserted {
    opacity: 0.91;
}

body{
    font-size: 1.6rem;
    font-family: 'Ubuntu', sans-serif;
}

#theme ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

#theme :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#theme ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

details-panel .users-list{
    display:none!important;
}

material-navbar .logo-container{
    height:88%!important;
    display: block!important;
}

material-navbar .logo-container .logo{
    min-width: 80px!important;
}

material-navbar .nav-searchbar{
    margin-left:140px!important;
}

input.search.ng-pristine.ng-valid{
    border-color:#878787!important;
}

logged-in-user-widget .menu-trigger{
    max-width:380px!important;
}

#theme files-list .mat-table .mat-row.selected{
    background-color:#fff!important;
}

.mat-table {
    background: rgba(255, 255, 255, 0.3);
}

file-thumbnail{
    background-color:transparent!important;
}

files-grid-item .drive-entry .ng-star-inserted {  
    background-color:rgba(255,255,255,0.7)!important;
}

.mat-drawer-content{
    margin-right: 0px!important;
}

mat-sidenav.right-sidebar{
    visibility: hidden!important;
}

.breadcrumb-item.ng-star-inserted{
    font-size:14px;
}

.sort-header{
    visibility:hidden!important;
}

.loading-overlay-container{
	background-image: url(/client/assets/images/Logo-pangea-288.png);
	background-position:50% 95%;	
	background-repeat: no-repeat;
}