.app-files-spinner {font-size: 20px;text-align: center;width: 100%;padding: 20px;}
.app-file-line {border-bottom: 1px solid rgb(212, 212, 212);background: rgb(250, 251, 252) none repeat scroll 0% 0%;height: 60px;cursor: pointer;position: relative;overflow-y: hidden;}
.app-file-line:hover:not(.app-file-selected) {background: rgb(247, 249, 254) none repeat scroll 0% 0%;}
.app-file-icon-container {position:absolute;}
.app-file-icon {width: 60px;height: 60px;background-size: cover;background-position: 50%;height: 60px;}
.app-file-content {padding-right: 5px;position: relative;display: block;text-decoration: none;text-align: left;width: calc(100% - 70px);margin-left: 70px;}
.app-file-cw {padding: 0px;position: relative;}
.app-file-name-zone {margin-top: 0px;margin-bottom: 2px;font-size: 12.5px;font-weight: 500;width: 100%;position: relative;padding-top: 3px;}
.app-file-dialog-name-wrapper {color: #222;max-width: calc(100% - 50px);white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;}
.app-file-dialog-name-wrapper a {color: #42648b !important;font-weight: bold;}
.app-files-new-version {margin-left: 5px;background-color: #7293b6;width: 10px;height: 10px;display: inherit;border-radius: 5px;}
.app-file-subname {display: block;font-size: 12px;color: gray;margin-top: -3px;}
.app-file-options {font-size: 14px;top: 0px;right: 5px;position: absolute;color: #929eb0;display: inline-block;text-align: right;line-height: 60px;}
.app-file-options-elem {position: relative;float: right;margin: 2px 5px;cursor: pointer;color: #929eb0 !important;}
.app-file-options-elem:hover {color: #7293b6 !important;}
.app-file-options a {color: #929eb0 !important;margin-right: 2px;}
.app-files-preloader {position: relative;width: 100%;height: 50px;padding: 10px;border-bottom: 2px solid #e6e6e6;color: gray;}
.app-files-preloader .progress-bar {border-radius: 3px;height: 6px;margin-top: 4px;}
.app-files-document-container {position: fixed;width: 100%;height: calc(100% - 3em);top: 3em;z-index: 300;background: rgba(000,000,000,0.90);}
.app-files-layout-splash {width: 100%;height: 100%;background-image: url('../images/loading_spinner.gif');background-color: #f2f2f2;background-position: 50% 50%;background-repeat: no-repeat;position: absolute;top: 0px;}
.app-files-document-container-close {position: fixed;right: 5px !important;top: 5px !important;width: 30px !important;height: 30px !important;background-repeat: no-repeat !important;background-size: cover !important;background-image: url("../images/icon_32_close.png") !important;background-color: initial !important;cursor:pointer;z-index: 10000;opacity:0.8;}
.app-files-document-container-close:hover {opacity:1;}
.app-files-document-container iframe {position: absolute;z-index: 5;}
.app-file-thumbnail-icon {background-size: cover;background-position: 50%;}
.app-file-preview-image-spinner {width: calc(100% - 400px);height: calc(100% - 100px);background-color: black;color: white;text-align: center;line-height: 100%;padding-top: 100px;font-size: 20px;position: absolute;top: 50px;}
.files-widget-preview-overlay {background: url(../images/overlay.png) repeat 0 0;position: fixed;width: 100%;height: 100%;opacity: 0.7;cursor: pointer;visibility: visible;display: block;top: 0;left: 0;z-index: 998;overflow: hidden;}
.files-widget-preview-close {position: absolute !important;right: 5px !important;top: 5px !important;width: 30px !important;height: 30px !important;background-repeat: no-repeat !important;background-size: cover !important;background-image: url("../images/icon_32_close.png") !important;background-color: initial !important;cursor:pointer;z-index: 1000;opacity:0.8;}
.files-widget-preview-content {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;padding: 50px;z-index: 1000;}
.files-widget-preview-collection {width: 300px;height: 100%;background-color: white;overflow-y: auto;}
.files-widget-preview-image {height: calc(100% - 100px);width: calc(100% - 400px);top: 0px;position: fixed;left: 0px;z-index: 999;margin: 50px 50px 50px 350px;}
.files-widget-preview-image-wrapper {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-color: rgba(0, 0, 0, 0.65);background-size: contain;}
.files-panel-empty-wrapper {padding: 20px;font-size: 16px;font-weight: 300;text-align: center;}
.files-widget-main-btn-group {padding: 10px;text-align: right;}
.files-widget-main-btn-group .fa-in-btn-group-without-text {line-height: 18px;}
.files-widget-preview-image-options {position: absolute;height: 30px;background-color: rgba(0, 0, 0, 0.69);width: 100%;bottom: 0px;color: white;text-align: right;}
.files-widget-preview-collection .app-file-dialog-name-wrapper {max-width: 95%;}
.files-widget-preview-option {position: relative;display: inline-block;line-height: 30px;padding: 0px 10px 0px 0px;cursor: pointer;color: rgba(255, 255, 255, 0.73);}
.files-widget-preview-option:hover {color:white;}
.app-file-preview-image-splash {width: 100%;height: 100%;background-color: black;color: white;text-align: center;line-height: 100%;position: absolute;top: 0px;font-size: 12px;display: table;}
.app-file-preview-image-splash div {vertical-align: middle;height: 100%;display: table-cell;}
.app-file-selected {background: rgb(122, 204, 131) none repeat scroll 0% 0%;}
.app-file-selected .app-file-dialog-name-wrapper, .app-file-selected .app-file-dialog-name-wrapper a {color:white !important;}
.app-file-selected .app-file-subname {color: rgba(255, 255, 255, 0.7);}
.files-widget-preview-option.disabled {pointer-events: none;opacity: 0.4;cursor:default;}
.btn-group-files-menu .btn {padding: 4px 5px;}
.files-create-container-content {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;padding: 50px;z-index: 10000;}
.files-create-container-content-master {width: calc(100% - 100px);height: calc(100% - 100px);background-color: white;z-index: 1070;position: absolute;padding: 0px 30px;overflow: auto;border-radius: 2px;}
.app-files-templates-container {display: inline-flex;}
.app-files-template {width: 100px;text-align: center;border-radius: 2px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);padding: 5px;display: inline-block;margin: 0px 15px 0px 0px;height: 120px;cursor: pointer;}
.app-files-template:not(.selected):hover {border: 1px solid silver;}
.app-files-template.selected {border: 2px solid rgb(41, 202, 255);box-shadow: 0px 2px 5px 0px rgb(41, 202, 255), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);}
.app-files-template-icon {width: 70px;background-size: cover;height: 70px;background-position: 50% 50%;margin: 2px 10px;}
.files-container-subheader {margin-top: 25px;border-bottom: 1px solid #ececec;line-height: 2em;}
.app-files-create-btn {margin-top: 25px;}
.files-creating-title-subheader {color: gray;margin-bottom: 3px;}
.room-dropdown-menu-wrapper {position: relative;width: 275px;}
.room-dropdown-menu {z-index: 456;position: absolute;background-color: white;width: 100%;border-radius: 2px;margin-top: 5px;padding: 0px;border: 1px solid #ddd;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);}
.button-wbutton {display: inline-block;line-height: 36px;cursor: pointer;margin-left: 1px;width: 36px;text-align: center;height: 36px;line-height: 36px;border-radius: 50%;transition: .3s;}
.button-wbutton:hover {background-color: rgba(204, 204, 204, 0.4);border-radius: 50%;}
.button-wbutton i {line-height: 36px;}
.room-dropdown-menu li {padding: 7px 15px;text-align: left;list-style: none;font-size: 14px;line-height: 24px;cursor: pointer;white-space: nowrap;}
.room-dropdown-menu li:not(:last-child) {border-bottom: 1px solid rgb(228, 228, 228);}
.room-dropdown-menu li:hover {background-color: #f6f6f6;}

.card.file-card {padding: 0px;border-radius: 2px;height: 150px;position: relative;}
.file-card .im-file-icon-container {top: 0px;height: 110px;width: 100%;}
.file-card .im-file-line {height: 40px;position: absolute;bottom: 0px;width: 100%;width: 100%;line-height: 40px;vertical-align: middle;}
.file-card .im-file-line .im-file-content {margin-left: 5px;width: calc(100% - 45px);padding-right: 0px;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.9em;}
.file-card .im-file-icon-container .app-file-icon {width: 100%;height: 110px;background-position: 50% 0%;cursor: pointer;}
.file-card .im-file-line .im-file-content .im-dialog-name-w {font-weight: 300 !important;max-width: 100%;}
.file-card .app-file-options {line-height: 40px;bottom: 0px;top: initial;}

.room-dropdown-menu-dropup {position: absolute;bottom: 0px;right: 10px;}
.room-dropdown-menu-dropup .room-dropdown-menu {position: absolute;bottom: 30px;right: 0px;}
.room-dropdown-menu-only-icons-wrapper .room-dropdown-menu {width: initial;}
.room-dropdown-menu-only-icons-wrapper .room-dropdown-menu li div.button-wbutton, .room-dropdown-menu-only-icons-wrapper .room-dropdown-menu li a.button-wbutton {margin-left: 0px;}
.room-dropdown-menu-only-icons-wrapper .room-dropdown-menu li {padding: 2px;text-align: center;}

.material-spinner {background-image: url('../images/loading_spinner.gif');width: 38px;height: 38px;margin: auto;background-position: 50%;background-size: cover;}
.material-spinner.inline-spinner {background-image: url('../images/loading_spinner.gif');width: 14px;height: 14px;margin: auto;background-position: 50%;background-size: cover;display: inline-block;line-height: 1em;margin-left: 4px;}

.files-filter-control {float: left;width: 130px;}
.files-filter-control .form-control {border-radius: 0px;background-color: rgba(255, 255, 255, 0.7);padding: 5px 0px;height: 36px;border: medium none;color: rgb(102, 97, 91);font-size: 14px;transition: background-color 0.3s ease 0s;box-shadow: none;border-bottom: 1px solid #CCC5B9;}
.app-files-spinner .button-wbutton .material-icons {line-height: 36px;width: 36px;vertical-align: middle;color: #929eb0;}

@media (max-width: 768px) {
	
	.files-widget-preview-image-options {font-size: 13px;}
	.file-card .im-file-icon-container .app-file-icon {background-position: 50% 50%;}

}


@media (min-width: 991px) {

	.files-create-container-content {width: 100%;left: initial;right: 0px;width: calc(100% - 260px);}
	.files-widget-preview-content, .files-widget-preview-overlay {position: absolute;width: 100%;left: initial;right: 0px;}
	.files-widget-preview-image {left:initial;right:0px;width: calc(100% - 660px);}
	.app-file-preview-image-spinner {top: 0px;width: 100%;}

}