html, body { width: 100%; }
body { background-color: #F1F0F0; }
.main-header { width: 100%; float: left; }
h1 { display: inline-block; float: left; margin: 20px; font-size: 1.8em; }
.main-header > .user-info { display: none; vertical-align: middle; text-align: right; width: auto; color: #fff; font-size: 12px; padding-right: 10px; }
section.df-zone { display: none; width: 100%; float: left; padding-top: 46px; }
section.df-zone.df-zone { display: none; }
section.df-zone header { display: table; float: left; width: calc(100% - 320px); position: fixed; top: 4px; left: 0; right: 0; margin-right: auto; margin-left: auto; z-index: 2; }
section.df-zone h2 { float: left; width: 100%; text-align: center; font-size: 1em; margin: 10px 0; color: #FFE07A; text-transform: uppercase; font-weight: 600;}
section.df-zone[data-zone="resources"] .content { width: 100%; float: left; }
.folder-tree { width: 40%; float: left; position: relative; z-index: 1; box-shadow: 0 0 10px #949292; background-color: #FDFDFD; }
.folder-tree > .actions { float: left; width: 100%; margin: 10px 0; }
.folder-tree > .actions > li { display: inline-block;margin-bottom: 3px;}
/*.folder-tree > .jstree-wrapper { width: 100%; float: left; margin: 10px 0; }*/
.folder-tree > .jstree-wrapper { position: absolute; top: 52px; overflow: auto; bottom: 11px; right: 0px; left: 0px; padding: 10px 0;}
.folder-content { width: 60%; float: right; background-color: transparent; }
.folder-tree > .actions,
.folder-content > .actions { min-height: 49px;}
.folder-content > .actions > li { display: inline-block; float: none; margin: 0; }
.folder-content .actions li:last-child { margin-right: 0;}
.folder-content > .breadcrumbs { float: left; width: calc(100% - 210px); margin: 0; padding: 10px; min-height: 31px; display: flex;}
.folder-content > .breadcrumbs a { background-image: url(images/flechaAzulPeque.svg); background-repeat: no-repeat; background-position: right center; padding-right: 10px; margin-right: 5px; color: #aaa; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s;}
.folder-content > .breadcrumbs a:hover { text-decoration: underline; overflow: visible;}
.folder-content > .breadcrumbs a:last-child { background-image: none; margin: 0; padding: 0; color: #25729f;}
.folder-content > .breadcrumbs > span { margin: 0 3px; }
.explorer-wrapper > .file-explorer > * { display: inline-block; float: left; width: 171px; height: 171px; max-width: 171px; max-height: 171px; /*margin: 0 0 26px 10px;*/  margin: 0 0 10px 10px; text-align: center; }
.explorer-wrapper > .file-explorer > .folder { display: table; padding-bottom: 30px; padding-top: 30px; border: 1px solid #fff; cursor: pointer;}
.explorer-wrapper > .file-explorer > .folder > a { font-weight: 500; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative;  color: #fff; width: 100%; height: 100%; text-align: center; vertical-align: middle; display: table-cell; padding: 16px 6px 16px 6px; line-height: 16px; font-size: .9em; border-top: 7px solid #195477;
background: rgb(37,114,159); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,114,159,1) 0%, rgba(28,83,116,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,114,159,1)), color-stop(100%,rgba(28,83,116,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25729f', endColorstr='#1c5374',GradientType=0 ); /* IE6-9 */
}
.explorer-wrapper > .file-explorer > .folder:before,
.explorer-wrapper > .file-explorer > .folder:after { content: ""; position: absolute; left: 0;}
.explorer-wrapper > .file-explorer > .folder:before {  background-image: url(images/solapaCarpetaAzul.svg); background-repeat: no-repeat; width: 120px; height: 26px; top: 19px; z-index: 1;}
.explorer-wrapper > .file-explorer > .folder:after { width: 170px; height: 30px; background-color: #fff; bottom: 0; z-index: 10; }
.explorer-wrapper > .file-explorer > .folder.hover:after { background-color: transparent;}
.explorer-wrapper > .file-explorer > .folder > a:hover { text-decoration: none; background: #246f9b;}
.explorer-wrapper > .file-explorer > .resource { padding-top: 0; display: table; text-align: center; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s;}
.explorer-wrapper > .file-explorer > .resource > a { width: 100%; height: 100%; vertical-align: middle; display: table-cell; padding: 10px; font-size: 11px; border: 1px solid #E6E6E6; box-shadow: inset 0 0 0 1px #fff; background-repeat: no-repeat; background-position: center; line-height: 13px; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.explorer-wrapper > .file-explorer > .resource:hover { border: 1px solid #E6E6E6; background-color: #F7F5F5; box-shadow: inset 0 0 0 1px #fff;}
.explorer-wrapper > .file-explorer > .resource:hover a { border: none; background: transparent; box-shadow: none;}
/*.folder:hover,
body.dragging .folder:hover,
body.dragging .folder { overflow: auto !important; background-color: #e7f4f9 !important; box-shadow: inset 0 0 0 1px #fff; border: 1px solid #e1ebef !important; }*/
body.dragging .explorer-wrapper > .file-explorer > .explorer-element:focus .file-explorer-action,
body.dragging .explorer-wrapper > .file-explorer > .explorer-element:active .file-explorer-action,
body.dragging .file-explorer-action { display: none !important; }
body.dragging #resource-vertical-divider.split-pane-divider,
body.dragging #resource-horizontal-divider.split-pane-divider { cursor: -webkit-grabbing;  }
body.dragging .explorer-wrapper > .file-explorer > .folder.hover,
body.dragging .explorer-wrapper > .file-explorer > .folder:hover { border: 1px solid #e1ebef; background-color: #c5e7bc; box-shadow: inset 0 0 0 1px #fff; cursor: -webkit-grabbing; }
.explorer-wrapper > .file-explorer > .resource.no-drop:hover { background-color: #fff; border: 1px solid #E6E6E6;}
.explorer-element.ui-draggable-dragging { width: 171px !important; height: 171px !important;}
.explorer-element.ui-draggable-dragging a { padding: 10px !important;}
.explorer-element.ui-draggable-dragging img { width: 84px !important; margin: 0 auto 6px auto !important; display: table !important;}
.explorer-wrapper > .file-explorer > .resource img { /*width: 84px;*/ text-align: center; margin: 0 auto 6px auto; display: table;}
.explorer-wrapper > .explorer-drop-zone { display: table; position: relative; float: left; width: 100%; margin: 10px 0; padding: 10px; z-index: 10;}
.explorer-wrapper > .explorer-drop-zone > form,
.explorer-wrapper > .explorer-drop-zone > form:hover p { transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.explorer-wrapper > .explorer-drop-zone > form { display: inline-table; vertical-align: middle;  width: 100%; padding-left: 20px; padding-right: 20px; position: relative; border: 2px dashed #25729F; background-color: #F7F5F5; color: #25729F; box-shadow: inset 0 0 0 4px #fff; border-radius: 10px; -mox-border-radius: 10px; -webkit-border-radius: 10px; height: 120px; padding-top: 0; cursor: pointer; text-align: center; text-transform: uppercase; font-weight: 500; background-repeat: no-repeat; background-position: center; }
.explorer-wrapper > .explorer-drop-zone > form p { vertical-align: middle; display: table-cell;}
.explorer-wrapper > .explorer-drop-zone > form:hover,
.explorer-wrapper > .explorer-drop-zone > form.dz-drag-hover { background-color: #a0c228; color: #fff; border: 2px solid #a0c228; background-image: url(images/subirArchivoDrop.svg);}
.explorer-wrapper > .explorer-drop-zone > form:hover p,
.explorer-wrapper > .explorer-drop-zone > form.dz-drag-hover p { display: none;}
.helpers { float: left; width: 100%; }
.dialogs > *, .helpers > * { display: none; }
.helpers > .file-manager { display: block; position: fixed; width: 100%; bottom: 0; z-index: 2; }
.helpers > .file-manager > a { float: right; padding: 4px 8px; background-color: #ccc; }
.helpers > .file-manager > .wrapper { float: left; width: 100%; height: 100px; overflow-y: auto; background-color: rgba(37,49,40,0.95);}
.helpers > .file-manager table { width: 100%; }
.formFeedback { display: none; float: left;width: 100%; text-align: center; margin-top: 10px; margin-bottom: 4px; font-weight: 500;display: block; background-color: #DA2121; color: #fff; border-radius: 4px; padding: 10px; }
.btn-default.add-user { float: right; text-transform: uppercase; background: #a0c228; color: #fff; border-bottom: 3px solid #819C20 !important; border: 1px solid #a0c228; text-indent: initial; padding: 4px 10px; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s;}
.btn-default.add-user:hover { background: #819C20; border: 1px solid #819C20; }
ul { }
ul li { }
ul li a { }
.folder-content,
html,
body,
section.df-zone,
section.df-zone[data-zone="categories"] .content,
section.df-zone[data-zone="users"] .content,
section.df-zone[data-zone="resources"] .content,
section.df-zone[data-zone="editor"] .content,
section.df-zone[data-zone="documents"] .content,
.folder-tree,
.folder-content { height: 100%;}
section.df-zone[data-zone="categories"] .content .folder-tree { width: 100%;}
* { outline: none;}
input { border: none;}
.main-header { background-color: rgba(37,114,159,1); padding: 4px 10px; position: fixed; top: 0; display: table; box-shadow: 0 0 10px #949292; z-index: 2; height: 46px;}
.main-header h1 { cursor: pointer; margin: 0; padding: 12px 12px 12px 40px; color: #fff; float: none; font-size: 13px; font-weight: 600; text-transform: uppercase; background-image: url(images/logoPana.svg); background-repeat: no-repeat; background-position: left center; }
.main-header h1 .version {
    text-transform: none;
    padding-left: 5px;
    font-size: .85em;
}
section[data-zone="access"] { padding: 34px 40px 40px 40px; width: 360px; height: auto; float: none; display: table; margin: 100px auto 0 auto; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ddd; border-bottom: 4px solid #ddd; box-shadow: 0 0 10px #ddd;
transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
section[data-zone="access"] form p { font-size: 11px; color: #25729F; background-color: #E4F4FD; padding: 10px; border-radius: 6px; text-align: center; margin-bottom: 20px;}
section[data-zone="access"] form p.formFeedback { display: none; margin-bottom: 0;}
section[data-zone="access"]:hover { box-shadow: none; }
section[data-zone="access"] header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; display: none;}
section[data-zone="access"] h2 { margin: 0; font-size: 21px; text-align: center;}
section[data-zone="access"] .content,
section[data-zone="access"] form { float: left; width: 100%;}
section[data-zone="access"] label { width: 100%; float: left; font-size: 18px; font-weight: 400; color: #888;}
section[data-zone="access"] input[type="email"],
section[data-zone="access"] input[type="text"],
section[data-zone="access"] input[type="password"],
section[data-zone="access"] input[type="submit"] { margin-bottom: 20px;}
section[data-zone="access"] input[type="submit"] { margin-top: 20px;}
section[data-zone="access"] input[type="email"],
section[data-zone="access"] input[type="text"],
section[data-zone="access"] input[type="password"] { font-size: 16px; font-weight: 400;  border: 1px solid #e9e9e9; background-color: #fefefe;width: 100%; box-shadow: 0 0 0 4px #fafafa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 50px; padding: 5px 10px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
section[data-zone="access"] input[type="email"]:hover,
section[data-zone="access"] input[type="text"]:hover,
section[data-zone="access"] input[type="password"]:hover { -moz-box-shadow: 0 0 4px #ccc inset !important; -webkit-box-shadow: 0 0 4px #ccc inset !important; box-shadow: 0 0 4px #ccc inset !important; }
section[data-zone="access"] input[type="email"]:focus,
section[data-zone="access"] input[type="text"]:focus,
section[data-zone="access"] input[type="password"]:focus { border: 1px solid #25729F;}
section[data-zone="access"] input[type="submit"] { float: left; padding: 10px 30px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; text-shadow: 0 -0.10em #1C5E90; font-size: 1em; font-weight: 200; background-color: #25729f; border-bottom: 3px solid #1A5273; position: relative; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; width: 100%; height: 50px; }
section[data-zone="access"] input[type="submit"]:hover { background: #1A5273; top: 1px; }
.switch-form { float: left;  width: 100%; text-align: center; }
section.df-zone[data-zone="categories"] .content .folder-tree > .actions,
section.df-zone[data-zone="resources"] .content .folder-content > .actions,
section.df-zone[data-zone="resources"] .content .folder-tree > .actions { margin: 0; padding: 10px; text-align: right; min-height: 52px;
background-color: #444;
background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);
background-image: linear-gradient(to bottom, #fff, #f6f6f6);
border-bottom: 1px solid #e1e8ed;
}
section.df-zone[data-zone="resources"] .content .folder-content,
section.df-zone[data-zone="resources"] .content .folder-tree > .actions { width: 100%;}
section.df-zone[data-zone="resources"] .content .folder-tree,
section.df-zone[data-zone="resources"] .content .folder-tree > .actions { width: 100%;}
#resource-bottom-component { min-height: 109px; background: rgba(25,35,46,0.95); z-index: 2;}
#resource-left-component {  min-width: 300px;}
#resource-left-component,
#resource-right-component { background-color: #fff;}
#resource-right-component { padding-left: 11px; min-width: 409px;}
.btn-default { background-color: #fff; color: #25729F; background-repeat: no-repeat; background-position: center; border: 1px solid #e1e8ed; text-indent: -9999px; padding: 4px 0; min-width: 30px; box-shadow: 0px 2px 1px #E4E1E1; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.btn-default[data-action="newSearch"] { background-image: url(images/nuevaBusqueda.svg); }
.btn-default[data-action="new"] { background-image: url(images/nuevaCarpeta.svg); padding-left: 37px;}
.btn-default[data-action="rename"], .btn-default[data-action="editSearch"] { background-image: url(images/lapizAzulPeque.svg); }

.node-info-zone > .actions .btn-preview { background-image: url(images/previsualizarAzulPeque.svg); }


.btn-default[data-action="delete"], .btn-default[data-action="deleteSearch"] { background-image: url(images/eliminarAzul.svg); }
.btn-default[data-action="download"] { background-image: url(images/flechaAzulBajada.svg); }
.btn-default[data-action="upload"] { background-image: url(images/flechaAzulSubida.svg); }
.btn-default[data-action="switchView"] { background-image: url(images/vistaMiniaturasAzul.svg); }
.btn-default[data-action="switchView"].vistaLista { background-image: url(images/vistaListaAzul.svg);}
.btn-default[data-action="manage"] { background-image: url(images/administrar.svg);}
section[data-zone="users"] .btn { background-repeat: no-repeat; background-position: 10px center; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; padding-left: 32px; }
section[data-zone="users"] .btn.btn-warning:hover,
section[data-zone="users"] .btn.btn-danger:hover,
section[data-zone="users"] .btn.btn-success:hover { background-color: #F3F2F2; border-color: rgba(0,0,0,.1);}
section[data-zone="users"] .btn.btn-warning { background-image: url(images/cruzCirculoNaranja.svg); background-color: #fff; padding-left: 33px; border: 1px solid #e1e8ed; box-shadow: 0px 2px 1px #E4E1E1; color: #F16529;}
section[data-zone="users"] .btn.btn-danger { background-image: url(images/eliminarRojo.svg); background-color: #fff; padding-left: 31px; border: 1px solid #e1e8ed; box-shadow: 0px 2px 1px #E4E1E1; color: #DE0819;}
section[data-zone="users"] .btn.btn-success { background-image: url(images/guardarVerde.svg); background-color: #fff; padding-left: 32px; border: 1px solid #e1e8ed; box-shadow: 0px 2px 1px #E4E1E1; border-bottom: 0 !important; text-transform: inherit; color: #80b719;}
#resource-vertical-divider.split-pane-divider,
#resource-horizontal-divider.split-pane-divider { background-position: center; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; background-color: #edecec; }
#resource-vertical-divider.split-pane-divider:hover,
#resource-horizontal-divider.split-pane-divider:hover { background-color: #f5f8fa; }
#resource-vertical-divider { background-image: url(images/toggleButVertical.svg); width: 11px; border-right: 1px solid #e1e8ed; border-left: 1px solid #e1e8ed; left: 40% } 
#resource-horizontal-divider { background-image: url(images/toggleButHorizontal.svg); width: 100%; height: 11px; border-top: 1px solid #e1e8ed; border-bottom: 1px solid #e1e8ed; bottom: 25%; }
#resource-bottom-component table { margin-bottom: 0;}
#resource-bottom-component table tr { background-color: transparent; color: #787d83;}
#resource-bottom-component table tr th { color: #fff; border-bottom: 1px solid #273440; }
#resource-bottom-component table tr td { border-top: 1px dashed #324150; }
.fileName { width: 25%;}
.fileRoute { width: 35%;}
.fileSize { width: 10%;}
.fileStatus { width: 10%;}
.fileProgress { width: 20%;}
td.fileName { color: #ffe83d;}
td.fileRoute { }
td.fileSize { font-style: italic;}
td.fileStatus.processing {
    color: #576F86;
}
td.fileStatus.outdated {
    color: #C0BE53;
}
td.fileStatus.queue, td.fileStatus.uploading, td.fileStatus.complete {
    color: #269E5A;
}
td.fileProgress { }
td.fileProgress > .progressWrapper { width: 100%; float:left; border-radius: 3px; background: transparent; }
.file-explorer-action { position: absolute; z-index: 10; width: 28px; height: 28px; float: right; margin: 0 2px; text-indent: -99999px;background-repeat: no-repeat; background-position: center; background-color: #174D6D; margin: 0; bottom: 0; cursor: pointer; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; opacity: 0; }
.file-explorer-action:hover { background-color: #222C36;}
.file-explorer-action.delete { float: left; background-image: url(images/eliminarBlanco.svg); -webkit-border-radius: 0 5px 0 10px; -moz-border-radius: 0 5px 0 10px; border-radius: 0 5px 0 10px; left: 0;}
.file-explorer-action.edit { background-image: url(images/lapizBlancoPeque.svg); -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0 ; left: calc(33% - 7px);  }
.file-explorer-action.draftsman { background-image: url(images/ilustradorWhite.svg); -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0 ; right: calc(33% - 7px); }
.file-explorer-action.draftsman.active { background-color: rgb(228, 183, 49); }
.file-explorer-action.download { background-image: url(images/flechaBlancaBajada.svg); -webkit-border-radius: 5px 0 10px 0; -moz-border-radius: 5px 0 10px 0; border-radius: 5px 0 10px 0; right: 0;}
.file-explorer-action.recover { background-image: url(images/recoverBlancoPeque.svg); -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0 ; left: 0; right: 0; margin-right: auto !important; margin-left: auto !important; }
.explorer-wrapper > .file-explorer > .folder:hover .file-explorer-action { bottom: 30px !important; opacity: 1 !important;}
.explorer-wrapper > .file-explorer > .resource .file-explorer-action { bottom: -28px; opacity: 0;}
.explorer-wrapper > .file-explorer > .resource:hover .file-explorer-action { bottom: 0 !important;  opacity: 1 !important;}
.explorer-wrapper > .file-explorer > .resource .file-explorer-action.delete { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; bottom: -100px; }
.explorer-wrapper > .file-explorer > .resource .file-explorer-action.download  { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; bottom: -200px; }
.BackStep { background-image: url(images/flechaAzulVolver.svg); background-repeat: no-repeat; background-position: 10px center; position: absolute; height: 51px; padding: 14px 30px 10px 30px; cursor: pointer; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; z-index: 2;}
.BackStep:hover { /*background-image: url(images/flechaBlancaVolver.svg); color: #fff;*/ background-color: #E8E8E8; }
.thumb { background-repeat: no-repeat; background-position: center; ;}
.thumb a { vertical-align: bottom !important}
.thumb img { display: none !important;}
/*.explorer-wrapperround-image: url(images/flechaAzulVolver.svg); background-repeat: no-repeat; background-position: 10px center; position: absolute; height: 51px; padding: 14px 30px 10px 30px; cursor: pointer; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.explorer-wrapper { !*background-image: url(images/flechaBlancaVolver.svg); color: #fff;*! background-color: #E8E8E8; }
.explorer-wrapperound-repeat: no-repeat; background-position: center; ;}
.thumb explorer-wrapperical-align: bottom !important}
.thumb explorer-wrappersplay: none !important;}*/
.thumbPs { background-image: url(images/thumbPs.svg);}
.thumbAi { background-image: url(images/thumbAi.svg);}
.thumbId { background-image: url(images/thumbId.svg);}
.thumbPdf { background-image: url(images/thumbPdf.svg);}
.thumbDoc { background-image: url(images/thumbDoc.svg); }
.thumbPpt { background-image: url(images/thumbPpt.svg);}
.thumbExcel { background-image: url(images/thumbExcel.svg);}
.thumbImg { background-image: url(images/thumbImg.svg);}
.thumbVideo { background-image: url(images/thumbVideo.svg);}
.thumbAudio { background-image: url(images/thumbAudio.svg);}
.thumbHtml { background-image: url(images/thumbHtml.svg);}
.thumbTxt { background-image: url(images/thumbTxt.svg);}
.thumbZip { background-image: url(images/thumbZip.svg);}
.thumbCss { background-image: url(images/thumbCss.svg);}
.thumbJs { background-image: url(images/thumbJs.svg);}
.thumbExe { background-image: url(images/thumbExe.svg);}
.thumbGenerico { background-image: url(images/thumbGenerico.svg);}
.video a { }
.video a:after,
.video a:before { content: ""; position: absolute; background-repeat: no-repeat; background-position: center; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.video a:after { background-image: url(images/playVideoBlanco.svg); width: 38px; height: 38px; background-color: rgba(175,0,14,0.6); left: 0; right: 0; top: 0; bottom: 0; margin-right: auto; margin-left: auto; margin-top: auto; margin-bottom: auto; border-radius: 100%; border: 4px solid #fff; box-shadow: 0 0 10px #ccc; }
.video a:hover:after { top: 10px; top: -170px; opacity: 0;}
.file-manager { display: block; width: 100%; height: 100%; }
.file-manager > a { float: right; padding: 4px 8px; background-color: #ccc; }
.file-manager > .wrapper { float: left; position: relative; width: 100%; height: 100%; }
.file-manager > .wrapper > .tabs-content { float: left; width: 100%; height: 100%; }
.file-manager > .wrapper > ul { position: absolute; width: 100%; bottom: 0; margin: 0; padding: 5px 2px; }
.file-manager > .wrapper > ul > li { display: inline-block; float: left; padding: 2px 5px; cursor: pointer; }
.file-manager > .wrapper > ul > li.selected { color: #ffffff; }
table { width: 100%; }
#resource-top-component { bottom: 25%; }
#resource-bottom-component { height: 25%; }
#resource-left-component { width: 40%; }
#resource-right-component { left: 40%; }
.folder-content { width: 100%; float: left; }
.folder-content > .actions { float: left; width: 100%; margin: 10px 0; z-index: 1; position: relative;}
.explorer-wrapper > .file-explorer > * { position: relative; overflow: hidden;}
#resource-left-component .folder-tree > .actions > li > button { display: block; }
.explorer-wrapper > .file-explorer { float: left; width: 100%; margin: 0 0 10px 0; /*height:-moz-calc(100% - 110px); height:c;*/ }
.ui-widget-content .ui-icon.ui-icon-alert { background-image: url(images/warningIco.svg); width: 27px; height: 26px; background-repeat: no-repeat; background-position: left top; float: left; margin-right: 10px;}
.folder-content > .light-search { position: absolute;  padding: 0; height: auto; float: right; width: 200px; top: 58px; right: 10px; }
.folder-content > .light-search > input { padding-right: 28px;}
.folder-content > .light-search .search { background-image: url(images/BuscarGris.svg); background-position: center; background-repeat: no-repeat; text-indent: -9999px; float: right; width: 16px; height: 16px; position: absolute; top: 6px; right: 6px; cursor: pointer; }
.folder-content > .light-search .search.deleteSearch {background-image: url(images/cruzCirculoGris.svg); opacity: 1;}
.manage-folder table { margin-bottom: 20px;}
.manage-folder table tr { }
.manage-folder table tr:last-child td { border-bottom: none;}
.manage-folder table tr td,
.manage-folder table tr th { padding: 6px 10px; }
.manage-folder table thead tr th { background-color: #FBFBFB; text-transform: uppercase; font-weight: 600; color: #25729f;}
.manage-folder table tr td:first-child,
.manage-folder table tr td:last-child,
.manage-folder table thead tr th:first-child,
.manage-folder table thead tr th:last-child { border-left: none; }
.manage-folder table thead tr:first-child th { background-color: #FBFBFB; text-transform: uppercase; text-align: left; border-left: none; display: none;}
.manage-folder table tr th:first-child,
.manage-folder table tr td:first-child { text-align: left;}
.manage-folder table tr th,
.manage-folder table tr td { text-align: center; border-bottom: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; }
.manage-folder table tr td { vertical-align: bottom;}
.delete-permission { width: 20px; height: 20px; background-color: rgba(175,0,14,0.7); left: 0; border-radius: 100%; border: 2px solid #fff; box-shadow: 0 0 10px #ccc; color: #fff; font-size: 10px; float: right; cursor: pointer;font-weight: bold; line-height: 15px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.delete-permission:hover { background-color: rgba(175,0,14,1); }
.no-results,
.explorer-wrapper > .file-explorer > .no-results { text-align: center; background-image: url(images/noResults.svg); background-position: center 80px; background-repeat: no-repeat; padding-top: 380px; background-size: 270px; color: #999; margin: 0; width: 100%; height: 100%; max-width: none; max-height: none;}
section[data-zone="users"] .table-wrapper { box-shadow: 0 0 10px #949292; background-color: #fff; border-right: 1px solid #e1e8ed;}
section[data-zone="users"] .user-info {  background-color: #fff; }
section[data-zone="users"] .table-wrapper,
section[data-zone="users"] .user-info {height: 100%; }
section[data-zone="users"] .user-info { padding: 20px;}
section[data-zone="users"] table { }
section[data-zone="users"] table tr { cursor: pointer;}
section[data-zone="users"] table tr:hover:nth-child(odd) td,
section[data-zone="users"] table tr:hover:nth-child(even) td { background-color: #F4F7F9; }
section[data-zone="users"] table tr th,
section[data-zone="users"] table tr td { padding: 10px 20px;}
section[data-zone="users"] table tr td:first-child {color: #819C20; font-weight: 600; }
section[data-zone="users"] table tr th,
section[data-zone="users"] table tr td { border-bottom: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; color: #999; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
section[data-zone="users"] table tr th { background-image: -webkit-linear-gradient(top, #fff, #f6f6f6); background-image: linear-gradient(to bottom, #fff, #f6f6f6); text-transform: uppercase; font-weight: 600; color: #25729f; padding: 14px 20px; width: 25%;}
section[data-zone="users"] table tr td { border-bottom: 1px solid #F1F1F1; background-color: #fff; }
section[data-zone="users"] table tr:nth-child(odd) td { background-color: #fff; }
section[data-zone="users"] table tr:nth-child(even) td { background-color: #F9F9F9; }
.pagination { padding: 20px; margin: 0;  width: 100%; }
.controls { display: table; margin: 0 auto; background-color: #fff; border: 1px solid #F1F1F1; box-shadow: 0px 2px 1px #E4E1E1; border-radius: 4px; overflow: hidden;}
.controls a {  background-position: center; background-repeat: no-repeat; display: inline-block; text-indent: -9999px; width: 30px; height: 30px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; position: relative; top: -2px; margin-bottom: -2px; line-height: 19px;}
.controls a:hover { background-color: #F1F1F1;}
.controls a.first { background-image: url(images/paginacionPrimera.svg);}
.controls a.prev { background-image: url(images/paginacionAnterior.svg);}
.controls a.next { background-image: url(images/paginacionSiguiente.svg);}
.controls a.last { background-image: url(images/paginacionUltima.svg);}
.controls input { text-align: center; width: 100px; margin: 0 10px; position: relative; top: 3px; border-color: #fff; background-color: #fff; height: 23px; color: #F16004; font-weight: 700; }
.controls input:focus,
.controls input:hover { border-color: #CFD7DC; background-color: #f9f9f9;}
.legend {text-align: center; font-size: 12px; font-style: italic; margin-top: 10px; font-weight: 600; color: #25729F;}
.btn-primary.create-user {  display: table; margin: 0 auto; background-color: #25729F; color: #fff; background-repeat: no-repeat; background-position: 10px center; border: 1px solid #195375; box-shadow: 0px 2px 1px #195375; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; background-image: url(images/usuarioNuevoBlanco.svg); padding-left: 32px; }
.btn-primary.create-user:hover { background-color: #195375; border-color: rgba(0,0,0,.1); }
section[data-zone="users"] .table-wrapper,
section[data-zone="users"] .user-info { float: left;}
section[data-zone="users"] .table-wrapper,
section[data-zone="users"] .user-info { width: 50%;}
section[data-zone="users"] .user-info { display: table;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
section[data-zone="users"] .user-info form { padding: 20px; border-radius: 4px; margin-bottom: 10px; width: 49%; height: 300px; overflow-y: auto; display: table-cell; vertical-align: middle; float: none; padding: 0 20%; background-image: url(images/userGrisClaro.svg); background-repeat: no-repeat;  background-position: center 10%; display: none;}
section[data-zone="users"] .user-info form label { font-weight: 600; color: #25729F; text-transform: uppercase;}
section[data-zone="users"] .user-info form select,
section[data-zone="users"] .user-info form label,
section[data-zone="users"] .user-info form input { width: 100%; float: left;}
section[data-zone="users"] .user-info form select,
section[data-zone="users"] .user-info form input { margin-bottom: 20px;background-color: #fff;border-color: #DEDEDE; color: #999;}
section[data-zone="users"] .user-info form select:focus,
section[data-zone="users"] .user-info form select:hover,
section[data-zone="users"] .user-info form input:focus,
section[data-zone="users"] .user-info form input:hover {  border-color: #25729F;}
#upload-multiple > .explorer-drop-zone { display: table; position: relative; float: left; width: 100%; margin: 10px 0; padding: 10px; }
#upload-multiple > .explorer-drop-zone > form,
#upload-multiple > .explorer-drop-zone > form:hover p { transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
#upload-multiple > .explorer-drop-zone > form { display: inline-table; vertical-align: middle;  width: 100%; padding-left: 20px; padding-right: 20px; position: relative; border: 2px dashed #25729F; background-color: #F7F5F5; color: #25729F; box-shadow: inset 0 0 0 4px #fff; border-radius: 10px; -mox-border-radius: 10px; -webkit-border-radius: 10px; height: 120px; padding-top: 0; cursor: pointer; text-align: center; text-transform: uppercase; font-weight: 500; background-repeat: no-repeat; background-position: center; }
#upload-multiple > .explorer-drop-zone > form p { vertical-align: middle; display: table-cell;}
#upload-multiple > .explorer-drop-zone > form:hover,
#upload-multiple > .explorer-drop-zone.hover > form,
#upload-multiple > .explorer-drop-zone > form.dz-drag-hover { background-color: #a0c228; color: #fff; border: 2px solid #a0c228; background-image: url(images/subirArchivoDrop.svg);}
#upload-multiple > .explorer-drop-zone > form:hover p,
#upload-multiple > .explorer-drop-zone > form.dz-drag-hover p { display: none;}
#upload-multiple > .explorer-drop-zone.hover > form p { opacity: 0; }
body form fieldset .bootstrap-tagsinput { border: 1px solid #cfd7dc !important; padding: 0 5px !important; }
body form fieldset .bootstrap-tagsinput,
.bootstrap-tagsinput { transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; background-color: #fff; border: 1px solid #F9F9F9; display: inline-block; vertical-align: middle; line-height: 23px; min-height: 28px; cursor: text; width: 100%; padding: 0 10px; background-color: #F9F9F9; border-radius: 4px; margin-bottom: 10px; }
body form fieldset .bootstrap-tagsinput input,
.bootstrap-tagsinput input { font-family: "Raleway",sans-serif; background-color: transparent !important; color: #666; font-size: 12px; border: none; box-shadow: none; outline: none; margin: 0 !important; max-width: inherit; padding: 0 0 0 7px; top: -4px; float: left !important; }
body form fieldset .tt-dropdown-menu,
.tt-dropdown-menu { z-index: 99999; }
body form fieldset .label-info,
.label-info { top: -1px; position: relative;}
body form fieldset .twitter-typeahead { top: 4px;}
body form fieldset .label-info { top: 5px;}
body form fieldset .twitter-typeahead,
.twitter-typeahead { height: 18px; padding-top: 5px; color: #666; }
body form fieldset .tt-menu,
.tt-menu { color: #666; background-color: #F9F9F9; border: 1px solid #ccc; border-top: 1px solid #F9F9F9; font-size: 12px; width: inherit; margin-top: 11px; padding: 8px 0; top: 15px !important; left: 0 !important; }
body form fieldset .tt-suggestion,
.tt-suggestion { padding: 0 10px; font-size: 12px; white-space: nowrap;}
body form fieldset .tt-suggestion:hover, body form fieldset .tt-suggestion.tt-cursor,
.tt-suggestion:hover, .tt-suggestion.tt-cursor { background-color: #0097cf; color: #fff;}
form fieldset:last-of-type { overflow: visible;}
.ui-dialog .ui-dialog-content,
.ui-dialog.ui-widget { overflow: visible !important;}
.ui-dialog .ui-dialog-content {overflow: visible; position: relative; z-index: 100;}
.ui-tabs .ui-tabs-panel { overflow: visible !important;}
.draggable-resource, .draggable-folder { z-index: 999999; width: 170px; height: 170px; display: table; text-align: center; margin: 0 0 26px 10px; }
.draggable-resource { padding-top: 0; display: table; }
.draggable-resource > a { width: 100%; height: 100%; vertical-align: middle; display: table-cell; padding: 10px 42px; font-size: 12px; background-color: #F9F5F5; border: 1px solid #E6E6E6; }
.draggable-resource img { width: 100%; margin-bottom: 6px; }
.draggable-folder { padding-bottom: 30px; padding-top: 30px; }
.draggable-folder > a { font-weight: 500; font-size: .9em; color: #fff; width: 100%; height: 100%; vertical-align: middle; display: table-cell; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top: 7px solid #195477;
background: rgb(37,114,159);
background: -moz-linear-gradient(top, rgba(37,114,159,1) 0%, rgba(28,83,116,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,114,159,1)), color-stop(100%,rgba(28,83,116,1)));
background: -webkit-linear-gradient(top, rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%);
background: -o-linear-gradient(top, rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%);
background: -ms-linear-gradient(top, rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%);
background: linear-gradient(to bottom, rgba(37,114,159,1) 0%,rgba(28,83,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25729f', endColorstr='#1c5374',GradientType=0 );
}
.draggable-folder > a:before { content: ""; background-image: url(images/solapaCarpetaAzul.svg); background-repeat: no-repeat; width: 120px; height: 26px; position: absolute; top: 18px; left: 0; }
body.dragging .no-drop,
body.dragging .no-drop *,
body.dragging .no-drop:hover,
body.dragging .no-drop *:hover { cursor: no-drop !important; }
.explorer-wrapper > .explorer-drop-zone.expanded { display: block !important; width: auto; position: fixed; top: 46px; /*left: 10px; bottom: 10px;*/ right: 0; background: #fff; margin: 0; }
.explorer-wrapper > .explorer-drop-zone.expanded > form { height: 100%; background-color: #a0c228; color: #fff; border: 2px solid #a0c228; background-image: url(images/subirArchivoDrop.svg); }
.explorer-wrapper > .explorer-drop-zone.expanded > form > p,
.explorer-wrapper > .explorer-drop-zone.expanded > form:hover p,
.explorer-wrapper > .explorer-drop-zone.expanded > form.dz-drag-hover p { display: table-cell; padding-top: 10%; }
.explorer-wrapper > .file-explorer > .folder > a.hover { text-decoration: none; background: #246f9b;}
.folder-content > .light-search > input { width: 100%;}
.ui-dialog-content.edit textarea, .ui-dialog-content.upload textarea { height: 120px;}
section[data-zone="home"] { /*display: table;*/}
section[data-zone="home"] .content { display: table-cell; vertical-align: middle;}
.df-zones { width: inherit; margin: 0px auto; display: table;}
.df-zones li { width: 200px; height: 200px;  margin: 10px; display: inline-block; float: left;}
.df-zones li:nth-child(3n+0) { clear: left;}
.df-zones li a { display: inline-block; border-radius: 3px; text-align: center; background-repeat: no-repeat; padding: 20px; background-color: #fff; color: #25729F; border: 1px solid #e1e8ed; box-shadow: 0px 2px 1px #E4E1E1; height: 100%; width: 100%; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.df-zones li a:hover { background-color: #F3F2F2; border-color: rgba(0,0,0,.1);}
.df-zones li a[data-section="ResourceManager"] { background-image: url(images/gestorRecursosIco.svg); background-position: center 65px;}
.df-zones li a[data-section="CategoryManager"] { background-image: url(images/gestorCategoriasIco.svg); background-position: center 78px; }
.df-zones li a[data-section="UsersManager"] { background-image: url(images/gestorUsuariosIco.svg); background-position: center 73px; }
.df-zones li a[data-section="DocumentManager"] { background-image: url(images/gestorDocumentosIco.svg); background-position: center 68px; }
section[data-zone="resources"] > span.closeResource, section[data-zone="documents"] > span.closeResource { position: absolute; cursor: pointer; width: 20px; left: -20px; top: 0; background-position: center; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; background-color: #edecec; background-image: url(images/arrowRightBlue.svg); border-right: 1px solid #e1e8ed; border-left: 1px solid #e1e8ed; height: 100%; z-index: 1; box-shadow: 0 0 20px #828282; }
section[data-zone="resources"] > span.closeResource:hover, section[data-zone="documents"] > span.closeResource:hover { background-color: #f5f8fa; }
/*.generic-preview.ui-dialog-content,
.image-preview.ui-dialog-content { display: table !important; width: 100% !important; height: 93% !important;  padding-bottom: 84px;}
.generic-preview.ui-dialog-content .wrapper { min-height: 300px; background-size: contain; border-bottom: 20px solid transparent;}
.image-preview.ui-dialog-content .wrapper { height: auto; margin-bottom: 20px; width: 100% !important; text-align: center; display: table-cell; vertical-align: middle; border-bottom: 20px solid transparent;}
.image-preview.ui-dialog-content .wrapper img { position: inherit; height: 100% !important; }
.description { text-align: center; padding: 0 10px; position: relative; bottom: 20px; font-size: 12px; background-color: #fff; bottom: 0; width: 100% !important; display: table-footer-group; }
.ui-dialog .ui-dialog-buttonpane { bottom: 0; position: absolute; width: 100% !important;}*/
/*p.description { position: absolute; bottom: 0; width: 100% }*/
.ui-dialog-content.image-preview, .ui-dialog-content.video-preview, .ui-dialog-content.generic-preview { text-align: center; }
.ui-dialog-content.image-preview img, .ui-dialog-content.video-preview video { width: auto; max-width: 100%; }
.ui-dialog-content.generic-preview .thumb { width: 100%; height: 240px; background-size: auto 100%; }
.clean-uploads { position: absolute; padding: 5px 10px; background-color: #DD5600; top: 8px; right: 12px; color: #FFFFFF; box-shadow: 0px 2px 1px #923A01; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; border: 1px solid #B14703; text-shadow: 0 1px 0 rgba(0,0,0,.1); font-size: 12px; line-height: 1; border-radius: 3px; text-align: center; touch-action: manipulation; cursor: pointer; font-weight: 400; z-index: 2; text-transform: uppercase; }
.clean-uploads:hover  { color: #fff; background-color: #B74700; border-color: rgba(0,0,0,.1); }
.df-zone .split-pane.fixed-bottom > .split-pane-component { overflow: inherit; }
.headerUploads { width: 100%; float: left; margin: 0; border-bottom: 1px solid #273440; margin-bottom: -1px; background-color: #222C36; position: relative; z-index: 1;}
.headerUploads li { float: left; color: #fff; padding: 10px; line-height: 1.42857143;}
.overflowTable { float: left; width: 100%; overflow: auto; position: absolute; top: 40px; bottom: 0; left: 0; right: 0; }
.user-name { margin-top: 7px; display: inline-block;}
.logOut { background-image: url(images/icoLogOut.svg); background-position: center; background-color: #206086; width: 30px; height: 30px; float: right; background-repeat: no-repeat; border-radius: 5px; margin-left: 8px; margin-right: -12px; cursor: pointer; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.logOut:hover { background-color: #df3532;}
.table-header { border-bottom: none;}
.file-list > div > span,
.table-header > li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table-header > li { padding: 11px;}
.table-header > li { padding: 10px; border-right: 1px solid #E1E8ED; color: #999; font-weight: 600; text-transform: uppercase; }
.explorer-wrapper.list-view .file-list > div { border-bottom: 1px solid #E1E8ED;}
.explorer-wrapper.list-view .file-list > div:nth-child(even) { background-color: #F7F5F5;}
.explorer-wrapper.list-view .file-list > div:nth-child(odd) { }
.table-header > .resource-actions, .file-list .resource-actions { text-align: center;}
.btn-default[data-action="refresh"] { background-image: url(images/refrescarAzul.svg); }
.btn-default[data-action="log"] { background-image: url(images/reporteAzul.svg); }
.ui-dialog-content.log button.export { background-image: url(images/exportarExcel.svg);}
.btn-default.details { background-image: url(images/detallesAzul.svg);}
.subscription-wrapper { background-color: #FFE07A; padding-right: 20px;}
.subscription-wrapper > label > input { margin-right: 6px;}
.subscription-wrapper > label { font-weight: 400; color: #25729F;}
.node-info-wrapper { }
.nested-sortable-wrapper,
.node-info-form { float: left; width: 100%; background-color: #fff; padding: 20px; border: 1px solid #E6E5E5; }
.node-info-form { border-radius: 6px 6px 0 0; border-bottom: none;}
.node-info-form label { }
.node-info-form input[type="text"],
.node-info-wrapper .node-info-form textarea { background-color: #f9f9f9; }
.node-info-form input[type="text"] { margin-bottom: 10px;}
.node-info-wrapper .node-info-form textarea { width: 100% !important; margin: 0 0 10px 0;}
.node-info-wrapper .node-info-form textarea:focus,
.node-info-wrapper .node-info-form textarea:hover { border-color: #25729F;}
.nested-sortable-wrapper { border-radius: 0 0 6px 6px; border-top: none; padding-top: 0px;}
.nested-sortable-wrapper ol { }
.nested-sortable-wrapper ol li { }
.nested-sortable-wrapper ol li ol { }
.nested-sortable-wrapper ol li ol li { }
.nested-sortable-wrapper .dd-handle { margin: 0 0 2px 0; background: #F9F9F9; background-image: url(images/dragZone.svg); background-repeat: no-repeat; background-position: right center;  cursor: -webkit-grab; color: #25729F; font-weight: 400;}
.nested-sortable-wrapper .dd-handle:active { cursor: -webkit-grabbing;}
.nested-sortable-wrapper .dd-handle:hover { background-color: #F1EFEF;}
.nested-sortable-wrapper .dd-item > button:before {  color: #25729F; font-size: 26px; font-weight: 100; top: -2px;}
.nested-sortable-wrapper .dd-item > button[data-action="collapse"]:before { top: -5px;}
#resource-notification button { float: right; font-weight: 400; text-indent: initial; padding: 4px 10px; font-size: 14px; color: #fff; background-color: #1c94c4; box-shadow: 0px 2px 1px #1779A0; border: 1px solid #4995B4;} 
#resource-notification button:hover { background-color: #1779A0;}
.dd-item > button[data-action="remove"] { position: absolute; right: -16px; top: 1px; background-color: #EF5350; height: 17px; width: 16px; border-radius: 0 5px 5px 0; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.dd-item > button[data-action="remove"]:before { color: #fff; font-size: 13px; font-weight: 100; top: 1px; left: -1px;}
.dd-item > button[data-action="remove"]:hover { background-color: #BF4442;}
.btn-default[data-action="newNode"] { position: relative; }
.btn-default[data-action="newNode"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/newFolder.svg);
    background-size: 21px;
    filter: invert();
}
.btn-default[data-action="newArticle"] { background-image: url(images/newArticleBlue.svg); }
section[data-zone="documents"] .folder-tree > .jstree-wrapper { padding: 2px 0 10px 0;}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child { padding-top: 65px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > i:hover { background-color: rgba(37,114,159,.2)}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > i { background-color: transparent; background-repeat: no-repeat; background-position: right center;  position: fixed; width: 40%; top: 98px; z-index: 1; height: 65px;}
section[data-zone="documents"].embedded .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > i, section[data-zone="documents"].ebedded .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > .jstree-anchor { width: 30%; }
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node.jstree-open:first-child > i { background-image: url(images/arrowUpBlue.svg);}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > i { background-image: url(images/arrowUpBlue.svg); }
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node.jstree-closed:first-child > i { background-image: url(images/arrowDownBlue.svg);}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > .jstree-anchor { margin-top: -2px; width: 40%; background-color: #fff; color: #25729F; text-transform: uppercase; border-bottom: 1px solid #E1E8ED !important; position: fixed;  top: 100px; border: none; box-shadow: none; border-radius: initial; font-weight: 500; font-size: 18px;}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > i,
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > .jstree-anchor { padding: 20px 0px 20px 30px;}
section[data-zone="documents"] .jstree-wrapper > .jstree-container-ul > .jstree-node:first-child > .jstree-anchor i { display: none;}
section[data-zone="documents"] .article-tree-zone .jstree-file,
section[data-zone="documents"] .article-tree-zone .contentNode-icon,
section[data-zone="documents"] .article-tree-zone .products-icon,
section[data-zone="documents"] .article-tree-zone .product-icon { background-image: url(images/32px.png); -webkit-filter: initial;}
section[data-zone="documents"] .article-tree-zone .jstree-file { }
section[data-zone="documents"] .article-tree-zone .contentNode-icon { background-position: -260px -68px;}
section[data-zone="documents"] .article-tree-zone .products-icon { }
section[data-zone="documents"] .article-tree-zone .product-icon { }
table.resource-files button,
.file-list .resource-actions > button { background-position: center center; width: 18px; height: 18px; padding: 0; min-width: 18px; background-size: 9px; margin-left: 1px;}
.node-info-zone > .actions .btn-save { background-image: url(images/guardarAzul.svg); }
.warnings-zone { background-color: rgba(29,38,47,0.9); padding: 0;}
.warnings-zone > h3 { color: #fee83d; text-align: center; padding: 20px; background-color: #1d262f; border-bottom: 1px solid #141a21; margin: 0; position: fixed; width: 20%;}
.errors-alerts-list { padding-top: 67px;}
.errors-alerts-list > li { padding: 10px; background-repeat: no-repeat; background-position: 10px center; padding-left: 40px; background-color: rgba(0, 0, 0,.2); border-bottom: 1px solid rgba(0,0,0,.2); font-size: 12px; line-height: 16px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s;}
.errors-alerts-list > li:hover { background-color: rgba(0, 0, 0,.5); }
.errors-alerts-list > li.error { background-image: url(images/errorIconoRojo.svg); color: #F73B38; } 
.errors-alerts-list > li.alerta { background-image: url(images/alertaIconoAmarillo.svg); color: #F2BF26;} 
.warnings-zone > span { color: #fff; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;  justify-content: center; }



/* MEDIAS DESKTOP ****************************************************************/
@media (min-width: 992px) {
.main-header { /*background-color: red;*/}
section[data-zone="users"] .user-info form { padding: 0 10%;}
}

@media (min-width: 1200px) {
.main-header { /*background-color: blue;*/}
section[data-zone="users"] .user-info form { padding: 0 20%;}
}

@media only screen and (min-width: 960px) and (max-width: 991px) {
.main-header { /*background-color: brown;*/}
section[data-zone="access"] { width: 90%; margin-top: 44px; background: none; border: none; box-shadow: none;}
section[data-zone="users"] .user-info form { padding: 0 10%;}
}


/* MEDIAS TABLET MOBILE *************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.main-header { /*background-color: green;*/}
section[data-zone="access"] { width: 90%; margin-top: 44px; background: none; border: none; box-shadow: none;}
section[data-zone="users"] .user-info form { padding: 0 10%;}
}

@media only screen and (max-width: 767px) {
.main-header { margin: 0 auto 0px auto;/*background-color: orange;*/}
section[data-zone="access"] { width: 90%; margin-top: 44px; background: none; border: none; box-shadow: none;}
section[data-zone="users"] .user-info form { padding: 0 10%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.main-header { /*background-color: yellow;*/}
}