/*
	DataManagement.css
	TemplateName: ObjectWeb-Base
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* Tabella contenitore dati con eventuale paginazione (nel tfoot)
------------------------------------------------------------------------------------------------- */

table.data-table thead .th-actions {
   background-color: inherit;
   border: none;
   height: inherit;
   padding: 0;
   text-align: center;
   width: 60px;
}

table.data-table thead .th-actions a {
   cursor: pointer;
}

table.data-table .th-actions a,
table.data-table tbody .td-actions a,
table.data-table tbody .td-actions span {
   cursor: pointer;
   display: inline-block;
   height: 16px;
   padding: 2px 1px;
   width: 16px;
}

table.data-table tbody .td-actions span {
  cursor: default;
}

table.data-table thead .th-actions {
   text-align: center;
   vertical-align: middle;
}

table.data-table thead .th-actions .add {
   background: transparent url(Images/DataManagementAdd.png) no-repeat center center;
}

table.data-table thead .th-actions .back-to-manage-master {
   background: transparent url(Images/DataManagementBackToManageMaster.png) no-repeat center center;
}

/* Selettori di tabelle custom */
table.data-table thead .th-actions.selectors {
   padding: 0 5px;
   white-space: nowrap;
}

table.data-table thead .th-actions .save {
   background: transparent url(Images/DataManagementSave.png) no-repeat center center;
}

table.data-table thead .th-actions .restore-saved {
   background: transparent url(Images/DataManagementRestoreSaved.png) no-repeat center center;
}

table.data-table thead .th-actions .set-filter {
   background: transparent url(Images/DataManagementSetFilter.png) no-repeat center center;
}

table.data-table thead .th-actions .cancel-filter {
   background: transparent url(Images/DataManagementCancelFilter.png) no-repeat center center;
}

table.data-table thead .th-actions .empty-selections {
   background: transparent url(Images/DataManagementEmptySelections.png) no-repeat center center;
}

table.data-table tbody .td-actions.selectors {
   text-align: center;
}

table.data-table tbody .td-actions {
   background-color: transparent;
   text-align: left;
	vertical-align: bottom;   
	white-space: nowrap;
}

table.data-table tbody .td-actions .view {
   background: transparent url(Images/DataManagementView.png) no-repeat center center;
}

table.data-table tbody .td-actions .edit {
   background: transparent url(Images/DataManagementEdit.png) no-repeat center center;
}

table.data-table tbody .td-actions .copy {
   background: transparent url(Images/DataManagementCopy.png) no-repeat center center;
}

table.data-table tbody .td-actions .delete {
   background: transparent url(Images/DataManagementDelete.png) no-repeat center center;
}

table.data-table tbody .td-actions .undelete {
   background: transparent url(Images/DataManagementUndelete.png) no-repeat center center;
}

table.data-table tbody .td-actions .send-email {
   background: transparent url(Images/DataManagementSendSingleEmail.png) no-repeat center center;
}

table.data-table tbody .td-actions .show-emails {
   background: transparent url(Images/DataManagementShowEmails.png) no-repeat center center;
}

table.data-table tbody .td-actions .send-sms {
   background: transparent url(Images/DataManagementSendSingleSMS.png) no-repeat center center;
}

table.data-table tbody .td-actions .show-emails {
   background: transparent url(Images/DataManagementShowEmails.png) no-repeat center center;
}

table.data-table tbody .td-actions .send-sms {
   background: transparent url(Images/DataManagementSendSingleSMS.png) no-repeat center center;
}

table.data-table tbody .td-actions .show-smss {
   background: transparent url(Images/DataManagementShowSMSs.png) no-repeat center center;
}

table.data-table tbody .td-actions .tracking-email {
   background: transparent url(Images/DataManagementTrackingEmail.png) no-repeat center center;
}

table.data-table tbody .td-actions .tracking-email-none {
   background: transparent url(Images/DataManagementTrackingEmailNone.png) no-repeat center center;
}

table.data-table tbody .td-actions .tracking-email-multiple {
   background: transparent url(Images/DataManagementTrackingEmailMultiple.png) no-repeat center center;
}

table.data-table tbody .td-actions .download-document {
   background: transparent url(Images/DataManagementDownloadDocument.png) no-repeat center center;
}

.tracking-email-refresh {
   background: transparent url(Images/DataManagementTrackingEmailRefresh.png) no-repeat center center;
}

table.data-table tbody .td-actions .manage-details {
   background: transparent url(Images/DataManagementManageDetails.png) no-repeat center center;
}

table.data-table tbody .td-actions .package {
   background: transparent url(Images/DataManagementPackage.png) no-repeat center center;
}

table.data-table {
   background-color: #FFFFFF;
   border: solid 1px #CECECE;
   border-collapse: collapse;
   color: #585858;
   empty-cells: show;
}

table.data-table tfoot tr td  {
   border-color: #CECECE;
   text-align: left;
   padding-left: 10px;
}

table.data-table thead tr,
table.data-table tfoot tr {
   background: transparent url(Images/DataManagementTableBackground.png) 50% 50% repeat-x;
}

table.data-table tbody a.icon.go {
   background-image: url("/Templates/Base/Images/DataManagementView.png");
   display: block;
   height: 16px;
   width: 16px;
}

table.data-table tbody a span {
   display: none;
}

table.data-table tbody tr td {
   border: 0;
   border-bottom: solid 1px #CECECE;
   height: 20px;
}

table.data-table tr th.number,
table.data-table tr td.number,
table.data-table tr th.system-record-id,
table.data-table tr td.system-record-id {
   text-align: right;
}

table.data-table tr th.text,
table.data-table tr td.text,
table.data-table tr th.text-area,
table.data-table tr td.text-area,
table.data-table tr th.date,
table.data-table tr td.date,
table.data-table tr th.dropdownlist,
table.data-table tr td.dropdownlist,
table.data-table tr th.optionbutton,
table.data-table tr td.optionbutton,
table.data-table tr th.checkbox,
table.data-table tr td.checkbox,
table.data-table tr th.email,
table.data-table tr td.email,
table.data-table tr th.user,
table.data-table tr td.user,
table.data-table tr th.url,
table.data-table tr td.url,
table.data-table tr th.hour,
table.data-table tr td.hour,
table.data-table tr th.image,
table.data-table tr td.image,
table.data-table tr th.file,
table.data-table tr td.file,
table.data-table tr th.roles,
table.data-table tr td.roles,
table.data-table tr th.track-map,
table.data-table tr td.track-map {
}

table.data-table thead tr th.grid-firstcol,
table.data-table tbody tr td.grid-firstcol {
   padding-left: 5px;
}

table.data-table tbody tr td.col-icons a {
   text-decoration: none;
}

div.layout-container .pagination {
   padding: 0 30px;
   text-align: center;
   width: auto;
}

table.data-table tfoot .pagination {
   margin: 0;
   padding: 0 30px;
   width: 100%;
}

div.layout-container .pagination a,
table.data-table tfoot .pagination a {
   cursor: pointer;
   margin: 2px;
   padding: 2px 5px;
}

div.layout-container .pagination a.disabled,
table.data-table tfoot .pagination a.disabled,
table.data-table tfoot .pagination a.disabled {
   cursor: default;
}

div.layout-container .pagination .first-page,
table.data-table tfoot .pagination .first-page,
table.data-table tfoot .pagination .last-page {
}

div.layout-container .pagination .previous-page,
div.layout-container .pagination .next-page,
table.data-table tfoot .pagination .previous-page,
table.data-table tfoot .pagination .next-page {
}

div.layout-container .pagination .page-number,
table.data-table tfoot .pagination .page-number {
}

div.layout-container .pagination .page-number.current,
div.layout-container .pagination .page-number.current.disabled,
table.data-table tfoot .pagination .page-number.current,
table.data-table tfoot .pagination .page-number.current.disabled {
   color: #000000;
   text-decoration: none;
}

div.layout-container .pagination .disabled,
table.data-table tfoot .pagination .disabled {
   color: Gray;
   text-decoration: none;
}

div.layout-container .pagination span.goto-page,
table.data-table tfoot .pagination span.goto-page {
   padding: 0 2px 0 30px;
}

div.layout-container .pagination input.goto-page,
table.data-table tfoot .pagination input.goto-page {
   margin-top: 1px;
   text-align: right;
   width: 30px;
}

div.layout-container .pagination .total-rows,
table.data-table tfoot .pagination .total-rows {
   padding-left: 30px;
}

div.layout-container div.track-container {
   height: 500px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione tabelle "virtuali"
------------------------------------------------------------------------------------------------- */

.table-query-view .actions a {
   width: auto;
   height: 32px;
}

.table-query-view .actions a.parameters {
   background: transparent url(Images/DataManagementParameters.png) no-repeat center;
}

.table-query-view .actions a.data {
   background: transparent url(Images/DataManagementData.png) no-repeat center;
}

.table-query-view .actions a.layout {
   background: transparent url(Images/DataManagementLayout.png) no-repeat center;
}

.table-query-view .actions a.import {
   background: transparent url(Images/DataManagementImport.png) no-repeat center;
}

.table-query-view .actions a.export {
   background: transparent url(Images/DataManagementExport.png) no-repeat center;
}

.table-query-view .actions a.graphics {
   background: transparent url(Images/DataManagementGraphics.png) no-repeat center;
}

.table-query-view .actions a.send-email {
   background: transparent url(Images/DataManagementSendEmail.png) no-repeat center;
}

.table-query-view .actions a.send-sms {
   background: transparent url(Images/DataManagementSendSMS.png) no-repeat center;
}

.table-query-view .actions a.synchronize-data {
   background: transparent url(Images/DataManagementSynchronize.png) no-repeat center;
}

.table-query-view .actions a.setvalue-selected-records {
   background: transparent url(Images/DataManagementSetValueSelectedRecords.png) no-repeat center;
}

.table-query-view .actions a.delete-selected-records {
   background: transparent url(Images/DataManagementDeleteSelectedRecords.png) no-repeat center;
}

.table-query-view .send-email textarea.input-type-textarea  {
	float: left;
}

.table-query-view .send-email a.action-add-icon {
   background: transparent url(Images/DataManagementAdd.png) no-repeat center center;
   cursor: pointer;
   display: inline-block;
   float: left;
   height: 16px;
   margin: 0 5px;
   vertical-align: bottom;
   width: 16px;
}

.table-query-view .send-email a.action-clear-icon {
   background: transparent url(Images/DataManagementDelete.png) no-repeat center center;
   clear: right;
   cursor: pointer;
   display: inline-block;
   float: left;
   height: 16px;
   vertical-align: bottom;
   width: 16px;
}

.table-query-view .actions a.synchronize {
   background: transparent url(Images/DataManagementSynchronize.png) no-repeat center;
}

.table-query-view .parameters-title,
.table-query-view .data-view-title,
.table-query-view .add-record-title,
.table-query-view .view-record-title,
.table-query-view .edit-record-title,
.table-query-view .import-title,
.table-query-view .export-title,
.table-query-view .email-title,
.table-query-view .synchronize-data-title,
.table-query-view .delete-selected-records-title {
   padding: 10px 0;
   font-size: 18px;
   font-weight: bold;
}

.table-query-view .parameters-html,
.table-query-view .data-view-html,
.table-query-view .add-record-html,
.table-query-view .view-record-html,
.table-query-view .edit-record-html,
.table-query-view .layout-html,
.table-query-view .import-html,
.table-query-view .export-html,
.table-query-view .email-html,
.table-query-view .synchronize-data-html,
.table-query-view .delete-selected-records-html {
   padding: 10px 0;
}

.table-view .dropdownlist-for-filter {
	float: left;
	margin-right: 5px;
	width: 175px;
}

.input-div .image-thumbnails {
   height: 120px;
   width: 120px;
}

.input-div .image-thumbnails img.unselected-image {
   background-image:url("/Templates/Base/Images/DataManagementUnselectedThumbnail.jpg");
   display: block;
   height: 120px;
   width: 120px;
}

.input-div table {
   border: none;
}

.input-div table.image-preview-container tbody {
	background-color: inherit;
	border: none;
}

table.image-preview-container tbody tr td span {
}

.input-div table tr td.upload-clear-links {
   border: none;
   vertical-align: middle;
}
/* ---------------------------------------------------------------------------------------------- */



/* Action comuni di gestione dati
------------------------------------------------------------------------------------------------- */
div .actions a.add {
   background: transparent url(Images/DataManagementActionAdd.png) no-repeat scroll center center;
}

div .actions a.find {
   background: transparent url(Images/DataManagementActionFind.png) no-repeat scroll center center;
}

div .actions a.list {
   background: transparent url(Images/DataManagementActionList.png) no-repeat scroll center center;
}

div a.view {
   background: transparent url(Images/DataManagementView.png) no-repeat scroll center center;
}

div a.delete {
   background: transparent url(Images/DataManagementDelete.png) no-repeat center center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Actions legate a specifici campi di input (es. link a Documenti Web)
------------------------------------------------------------------------------------------------- */
a.icon,
.inputbox .ow-container .input-div a.icon {
   cursor: pointer;
   display: inline-block;
   height: 16px;
   margin-left: 5px;
   width: 16px;
}

.inputbox .ow-container .input-div a.view {
   background: transparent url(Images/DataManagementView.png) no-repeat scroll center center;
}

.inputbox .ow-container .input-div a.delete {
   background: transparent url(Images/DataManagementDelete.png) no-repeat center center;
}
/* ---------------------------------------------------------------------------------------------- */



/* Creazione filtro avanzato
------------------------------------------------------------------------------------------------- */
#sqlWhereExpressionDialog #filtersDiv #sqlWhereExpressionSetFieldFilter {
   height: 100px;
   overflow: auto;
}

#sqlWhereExpressionDialog #filtersDiv #sqlWhereExpressionSetFieldFilter select {
   float: left;
}

.table-query-view #advancedFilterDiv a.action-magic-icon {
    background: url("Images/DataManagementMagic.png") no-repeat scroll center center transparent;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    padding-left: 10px;
    width: 16px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Assegnazione valore a un campo
------------------------------------------------------------------------------------------------- */
.table-query-view .setValueSelectedRecordsDiv .ow-container {
}
.table-query-view .setValueSelectedRecordsDiv .ow-container select {
   float: left;
}
/* ---------------------------------------------------------------------------------------------- */


/* Box per thumbnail
------------------------------------------------------------------------------------------------- */
span.image-preview {
   border: 1px solid #ABADB3;
}

span.image-preview img {
  display: block;
  margin: 0 auto;
}

table.image-preview-container tr td {
   border: 0;
}

table.image-preview-container tr td a.button-secondary {
   display: block;
   height: 24px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Tabelle Utente - Ricerca - Classi Bootstrap
------------------------------------------------------------------------------------------------- */
#tableView .table-responsive,
.table-query-view .table-responsive {
   width: 100%;
   margin-bottom: 15px;
   overflow-x: scroll;
   overflow-y: hidden;
   border: 1px solid #dddddd;
   -ms-overflow-style: -ms-autohiding-scrollbar;
   -webkit-overflow-scrolling: touch;
}

#tableView .table-responsive > .table,
.table-query-view .table-responsive > .table {
   margin-bottom: 0;
}

#tableView .table-responsive > .table > thead > tr > th,
#tableView .table-responsive > .table > tbody > tr > th,
#tableView .table-responsive > .table > tfoot > tr > th,
#tableView .table-responsive > .table > thead > tr > td,
#tableView .table-responsive > .table > tbody > tr > td,
#tableView .table-responsive > .table > tfoot > tr > td,
.table-query-view .table-responsive > .table > thead > tr > th,
.table-query-view .table-responsive > .table > tbody > tr > th,
.table-query-view .table-responsive > .table > tfoot > tr > th,
.table-query-view .table-responsive > .table > thead > tr > td,
.table-query-view .table-responsive > .table > tbody > tr > td,
.table-query-view .table-responsive > .table > tfoot > tr > td {
   text-align: center;
   white-space: nowrap;
}

#tableView .table-responsive > .table-bordered,
.table-query-view .table-responsive > .table-bordered {
   border: 0;
}

#tableView .table-responsive > .table-bordered > thead > tr > th:first-child,
#tableView .table-responsive > .table-bordered > tbody > tr > th:first-child,
#tableView .table-responsive > .table-bordered > tfoot > tr > th:first-child,
#tableView .table-responsive > .table-bordered > thead > tr > td:first-child,
#tableView .table-responsive > .table-bordered > tbody > tr > td:first-child,
#tableView .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.table-query-view .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-query-view .table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-query-view .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-query-view .table-responsive > .table-bordered > thead > tr > td:first-child,
.table-query-view .table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-query-view .table-responsive > .table-bordered > tfoot > tr > td:first-child {
   border-left: 0;
}

#tableView .table-responsive > .table-bordered > thead > tr > th:last-child,
#tableView .table-responsive > .table-bordered > tbody > tr > th:last-child,
#tableView .table-responsive > .table-bordered > tfoot > tr > th:last-child,
#tableView .table-responsive > .table-bordered > thead > tr > td:last-child,
#tableView .table-responsive > .table-bordered > tbody > tr > td:last-child,
#tableView .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.table-query-view .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-query-view .table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-query-view .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-query-view .table-responsive > .table-bordered > thead > tr > td:last-child,
.table-query-view .table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-query-view .table-responsive > .table-bordered > tfoot > tr > td:last-child {
   border-right: 0;
}

#tableView .table-responsive > .table-bordered > tbody > tr:last-child > th,
#tableView .table-responsive > .table-bordered > tfoot > tr:last-child > th,
#tableView .table-responsive > .table-bordered > tbody > tr:last-child > td,
#tableView .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.table-query-view .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-query-view .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-query-view .table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-query-view .table-responsive > .table-bordered > tfoot > tr:last-child > td {
   border-bottom: 0;
}

/*Acquisizione*/
.table-view .buttons {
   margin-top: 15px;
}

/*Ricerca*/
@media (min-width: 768px){
   .table-query-view .setValueSelectedRecordsDiv .form-horizontal .form-group select,
   .table-query-view .form-horizontal.parameters .form-group select,
   .table-search .form-horizontal .form-group select {
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 35%;
   } 
   
   .table-query-view .form-horizontal .form-group .input-div select,
   .table-search .form-horizontal .form-group .input-div select {
      width: 100%;
   }
   
   .table-query-view .form-horizontal .form-group .input-div,
   .table-search .form-horizontal .form-group .input-div {
      width: 35%;
   } 
}
/* ---------------------------------------------------------------------------------------------- */



/* Tabelle Utente - Gestione
------------------------------------------------------------------------------------------------- */
table-query-view .actions {
   margin-bottom: 15px;
}

.table-query-view .actions a {
   min-height: 60px;
} 

.table-query-view .send-email .form-horizontal .form-group .input-div {
   width: 75%;
} 

.data-export input[type="checkbox"] {
   margin: 10px 6px 0 10px;
}

.setValueSelectedRecordsDiv #infobox.alert {
    margin-bottom: 20px;
    margin-top: 20px;
}

.table-query-view .data-import .form-horizontal .form-group .input-div.input-div-file {
   width: 75%;
}

.data-import input[type="file"] {
   float: left;
   margin-right: 10px;
   padding-top: 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Filtri su sezione html dinamico
------------------------------------------------------------------------------------------------- */
.dinamic-html-filter .dropdownlist-for-filter {
	float: left;
	margin-right: 5px;
	width: 175px;
}

@media (min-width: 768px){
   .dinamic-html-filter .form-horizontal .form-group select {
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 35%;
   } 
   
   .dinamic-html-filter .form-horizontal .form-group .input-div select {
      width: 100%;
   }
   
   .dinamic-html-filter .form-horizontal .form-group .input-div {
      width: 35%;
   } 
}

.dinamic-html-filter .form-vertical .dropdownlist-for-filter {
	display: block;
	float: none;
}

.dinamic-html-filter .form-vertical .input-div.number input,
.dinamic-html-filter .form-vertical .input-div.date input {
	display: block;
}

.dinamic-html-filter .form-vertical div.buttons {
	text-align: left;
}
