/*
	WebExplorer.css
	TemplateName: ObjectWeb-Base
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* Contenitori
------------------------------------------------------------------------------------------------- */
.web-explorer-container {
   font-size: 12px;
   height: 460px;
   width: 100%;
}

.web-explorer-container #subutility {
   background-color: #FFFFFF;
   border: solid 1px #CECECE;
   clear: both;
   float: left;
   margin: 0;
   overflow: auto;
   height: 350px;
   /*width: 29.5%;*/
}

.web-explorer-container #subcontent {
   background-color: #FFFFFF;
   border-bottom: 1px solid #CECECE;
   border-right: 1px solid #CECECE;
   border-top: 1px solid #CECECE;
   /*float: left; */
   height: 350px;
   padding: 0;
   overflow: auto;
}

.web-explorer-container #subutility #treeContainer {
   padding: 3px 0 3px 3px;
   background: #FFFFFF;
}

/*.web-explorer-container #subcontent #files {
   height: 350px; 
	overflow: auto;
} */
/* ---------------------------------------------------------------------------------------------- */



/* Breadcrumbs
------------------------------------------------------------------------------------------------- */
.web-explorer-breadcrumbs .breadcrumbs {
   margin-bottom: 10px;
}

   .web-explorer-breadcrumbs .breadcrumbs span.separator {
      position: relative;
      top: auto;
      left: auto;
      padding: 0 4px;
   }

   .web-explorer-breadcrumbs .breadcrumbs .separator:before {
      content: "/";
      bottom: 1px;
      position: relative;
      font-size: 9px;
   }

   .web-explorer-breadcrumbs .breadcrumbs .separator:after {
      display: none;
   }
/* ---------------------------------------------------------------------------------------------- */



/* Actions
------------------------------------------------------------------------------------------------- */
.web-explorer-container .actions {
   margin-bottom: 10px;
}

.web-explorer-container .actions a.folder-new {
   background: transparent url(Images/WebExplorerFolderNew.png) no-repeat center;
}

.web-explorer-container .actions a.folder-edit {
   background: transparent url(Images/WebExplorerFolderEdit.png) no-repeat center;
}

.web-explorer-container .actions a.folder-move {
   background: transparent url(Images/WebExplorerFolderMove.png) no-repeat center;
}

.web-explorer-container .actions a.folder-delete {
   background: transparent url(Images/WebExplorerFolderDelete.png) no-repeat center;
}

.web-explorer-container .actions a.folder-manage-permissions {
   background: transparent url(Images/WebExplorerFolderManagePermissions.png) no-repeat center;
}

.web-explorer-container .actions a.file-refresh {
   background: transparent url(Images/WebExplorerFileRefresh.png) no-repeat center;
}

.web-explorer-container .actions a.file-edit {
   background: transparent url(Images/WebExplorerFileEdit.png) no-repeat center;
}

.web-explorer-container .actions a.file-copymove {
   background: transparent url(Images/WebExplorerFileCopyMove.png) no-repeat center;
}

.web-explorer-container .actions a.file-delete {
   background: transparent url(Images/WebExplorerFileDelete.png) no-repeat center;
}

.web-explorer-container .actions a.file-upload {
   background: transparent url(Images/WebExplorerFileUpload.png) no-repeat center;
}

.web-explorer-container .actions a.external-link {
   background: transparent url(Images/WebExplorerExternalLink.png) no-repeat center;
}

.web-explorer-container .actions a.file-manage-permissions {
   background: transparent url(Images/WebExplorerFileManagePermissions.png) no-repeat center;
}

.web-explorer-container .actions a.email-forwardlink {
   background: transparent url(Images/WebExplorerEmailForwardLink.png) no-repeat center;
}

.web-explorer-container .actions a.email-forwardattachment {
   background: transparent url(Images/WebExplorerEmailForwardAttachment.png) no-repeat center;
}
/* ---------------------------------------------------------------------------------------------- */



/* TreeView Folders
------------------------------------------------------------------------------------------------- */

/*.web-explorer-container table tr td {
	border: none;
   padding: 0;
}*/

.web-explorer-container .ow-treeview .item-node {
   background: transparent url("Images/WebExploreFolder.png") no-repeat 0 1px;
   text-decoration: none;
   padding-left: 18px;
   padding-right: 5px;
   width: inherit;
   white-space: nowrap;
   cursor: pointer;
   position: absolute;
   left: 20px;
}

.web-explorer-container .ow-treeview span:hover {
   font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------- */



/* Files table
------------------------------------------------------------------------------------------------- */
/*#files {
   overflow: auto;
   width: 100%;
}*/

#files table {
   border: 0;
   text-align: left;
   width: 100%;
}

#files table thead {
}

#files table thead tr {
   color: #2E6E9E;
   background-color: #EEEEEE;
}

#files .column-check {
   padding-left: 10px;
}

#files .column-file-name {
   padding-left: 2px;
}

#files .column-size {
   padding-right: 2px;
   text-align: right;
}

#files .column-date {
   text-align: center;
   padding-right: 2px;
}

#files .empty-folder-message {
   width: auto;
   color: #585858;
   padding-left: 2px;
}

#files tr.file-item-hover td {
   background-color: #EEEEEE;
}

#files tbody tr td {
   color: #585858;
}

#files tbody tr td a {
   color: #585858;
   text-decoration: none;
}

#files tbody tr td a.hover {
   text-decoration: underline;
}

#files tbody tr td span.file-type {
   background-repeat: no-repeat;
   display: inline-block;
   height: 16px;
   margin-right: 2px;
   width: 16px;
}

#files tbody tr td span.file {
   background: url(Images/WebExplorerFile.gif);
}

#files tbody tr td span.file-type-image {
   background-image: url("Images/WebExplorerFileTypeImage.png");
}

#files tbody tr td span.file-type-movie {
   background-image: url("Images/WebExplorerFileTypeMovie.png");
}

#files tbody tr td span.file-type-excel {
   background-image: url("Images/WebExplorerFileTypeExcel.png");
}

#files tbody tr td span.file-type-word {
   background-image: url("Images/WebExplorerFileTypeWord.png");
}

#files tbody tr td span.file-type-powerpoint {
   background-image: url("Images/WebExplorerFileTypePowerPoint.png");
}

#files tbody tr td span.file-type-compressed {
   background-image: url("Images/WebExplorerFileTypeCompressed.png");
}

#files tbody tr td span.file-type-html {
   background-image: url("Images/WebExplorerFileTypeHtml.png");
}

#files tbody tr td span.file-type-js {
   background-image: url("Images/WebExplorerFileTypeJs.png");
}

#files tbody tr td span.file-type-css {
   background-image: url("Images/WebExplorerFileTypeCss.png");
}

#files tbody tr td span.file-type-txt {
   background-image: url("Images/WebExplorerFileTypeTxt.png");
}

#files tbody tr td span.file-type-csv {
   background-image: url("Images/WebExplorerFileTypeCsv.png");
}

#files tbody tr td span.file-type-pdf {
   background-image: url("Images/WebExplorerFileTypePdf.png");
}

#files tbody tr td span.file-type-swf {
   background-image: url("Images/WebExplorerFileTypeSwf.png");
}

#files tbody tr td span.file-type-doc {
   background-image: url("Images/WebExplorerFileTypeDoc.png");
}

#files tbody tr td span.file-type-unknown {
   background-image: url("Images/WebExplorerFileTypeUnknown.png");
}

#files tbody tr td span.external-link-icon {
   background-image: url("Images/WebExplorerFileTypeExternalLink.png");
}
/* ---------------------------------------------------------------------------------------------- */



/* Dialogs
------------------------------------------------------------------------------------------------- */
div#copyMoveDialog span.copy-move-operation-text {
   display: block;
   padding: 5px 0 0 5px;
}

div#copyMoveDialog div.copy-move-operation {
   padding: 5px 0;
}

div#copyMoveDialog span.copy-move-folder-label {
   display: block;
   padding: 10px 0 5px 5px;
}


div#copyMoveDialog #browseForFolderTreeContainer {
   height: 225px;
   overflow: auto;
   margin-top: 5px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Permessi
------------------------------------------------------------------------------------------------- */
.ui-dialog {
   height: auto !Important;
   border: 3px solid #333 !important;
   overflow: unset !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
}

.ui-dialog .ui-dialog-container {
    position: relative;
}

.ui-dialog .ui-dialog-container .ui-dialog-titlebar-close {
    opacity: 1;
    background-color: #262626;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: -20px;
    top: 10px;
    color: #FFF;
    z-index: 99999;
    background-size: 40%;
    background-position: center;
}

.nav-tabs {
   border-bottom: 1px solid #ddd;
   width: 100%;
   display: inline-block;
}

li.nav-item {
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #2E6E9E;
    border-left: none;
    display: inline-block;
    margin: 0px;
    float: left;
    cursor: pointer;
}

.nav-item.active {
   border-top: 2px solid #2E6E9E;
   color: #555;
}

li.nav-item a {
   text-decoration: none;
   padding: 10px 20px;
   display: inline-block;
}

li.nav-item a:hover {
   color: #2E6E9E;
}

.ui-dialog .ui-dialog-container .roles-permissions,
.ui-dialog .ui-dialog-container .user-permissions{
    height: 418px !IMPORTANT;
    padding-top: 5px;
}

.ui-dialog .ui-dialog-container table.grid {
    background-color: #FFFFFF;
    border: 1px solid #ebedf2;
    border-collapse: collapse;
    color: #0e1726;
    width: 100%;
    margin-top: 10px;
}

.ui-dialog .ui-dialog-container table.grid tr th,
.ui-dialog .ui-dialog-container table.grid tr td {
    padding: 7px;
}

.ui-dialog .ui-dialog-container table.grid tr th {
   font-weight: 600;
}

.ui-dialog .ui-dialog-container table.grid tr th.align-center {
   text-align: center;
}

.ui-dialog .ui-dialog-container table.grid thead tr {
   background-color: #fff !important;
}

.ui-dialog .ui-dialog-container table.grid tr:nth-of-type(odd){
   background-color: #f7f7f7;
}

.ui-dialog .ui-dialog-container table.grid tr td.col-check {
   text-align: center;
}

.ui-dialog .ui-dialog-container .ui-dialog-content {
   background-color: #fff;
   padding: 0px;
   display: initial;
}

.ui-dialog .ui-dialog-container .manage-permissions-dialog-body {
   padding: 30px 15px;
}

.ui-dialog .ui-dialog-container .formbox {
   padding-top: 10px;
}

.ui-dialog .ui-dialog-container .formbox > div {
   padding-bottom: 5px;
}

.ui-dialog .ui-dialog-buttonpane {
   background: rgba(248, 248, 248, 0.9) none repeat scroll 0 0;
   padding: 10px 0px;
   position: relative !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    display: inline-block;
    padding: 6px 25px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    margin-right: 7px;
    background-color: #2E6E9E;
    color: #fff;
    margin-top: 5px;
    border-radius: 10px;
}

.ui-dialog .ui-dialog-buttonpane button:nth-child(2){
    background-color: #fff;
    color: #333;
    border: 1px solid #CCCCCC;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
   background-color: #333;
   color: #fff;
}
/* ---------------------------------------------------------------------------------------------- */


/* Dropzone
------------------------------------------------------------------------------------------------- */
#uploadDialog #dZUpload {
   height: 400px;
   margin: 10px;
   overflow: auto;
}
/* ---------------------------------------------------------------------------------------------- */
