/* Reset delle formattazioni predefinite di tutti i tag */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*label { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }*/

/* Stili generali */
html, body, header, main { margin:0px 0px 0px 0px; }
body { font-family: 'Century Gothic', Arial; color:#2B3B59; font-size:14px; }



.textbox { border: 1px solid #ccc; padding:7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.error-form { 
    background: #f2dede;
    margin: 0 auto;
    padding:30px;
    border: 1px solid #ebccd1;
    width:550px;
    float: left;
    color:#a94442;
}

.button { width: 100px; height: 40px; border-radius: 5px; text-align: center; border: 1px solid #fff; font-size: 16px; background-color:#2B3C59; color:#ffffff; cursor:pointer; }
.button:disabled { background-color: #aaa; cursor:not-allowed; }
.textbox { border: 1px solid #ccc; padding:7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.link { cursor: pointer; }
.link:not([disabled='disabled']):hover { opacity: 0.8; filter: alpha(opacity=80); }

.number, .decimal { text-align:right; }
.center { text-align: center; }
.read-only { background-color: #E6E6E6; }

/* COLORI DEL SITO */
.background-color1 { background-color: #2B3C59 !important; }
.background-color2 { background-color: #FFF !important; }
.background-color3 { background-color: #C9D1DE !important; }

.color1 { color: #2B3C59 !important; }
.color2 { color: #FFF !important; }
.color3 { color: #333 !important; }


/* WAIT SCREEN */
.wait-screen { position:absolute; top:0px; left:0px; background-color:#fff; width:100%; height:100%; z-index:10; }
.wait-screen img { position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-180px; }


/*VALIDATOR*/
.chosen-single {height: 32px !important;}

label.error {
	
	color: #990000 !important;
	font-style: normal !important;
    position: relative;
    left:10px !important;
}
input.error { border: 1px solid #990000 !important; }


.layout-item label {
    position:relative;
    top:-30px;
    left:50px;
}






.wait-datatable {
    background: url(../Images/loading.gif) no-repeat center center;
    position: absolute;
    margin: 0 auto;
    background-color:white;
    top: 0px;
}

.panel-container {
    position: relative

}

.pointer {
    cursor:pointer;
    text-decoration: underline;
}

.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}
.modal{
    overflow-y: auto;
}

#customerNotes .modal-header {
    border-bottom:0px;
}

.modal-lg {
    width: 1200px;
}

.modal-md{
    width: 1000px;
}

.modal-sm{
    width: 600px;
}

#customerNotes {
    padding-left:0px !important;
}

#notes-header {
    background-color: rgb(201, 209, 222);
    height: 30px;
    font-weight:bold;
    padding:5px;
}

#customerNotes-btn-close {
    position: absolute; top: 15px; right: 5px; cursor: pointer;
}

.m1-grid-detail thead th { vertical-align:middle; border-bottom: 1px solid #C9D1DE; height:30px; font-weight:bold; }
.m1-grid-detail tbody td {vertical-align:middle;border-bottom: 1px solid #dddddd;height:30px;}

#noteListTable {
    width:100%;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.left-vertical-separator {
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
}

.dunning-step{
    display:inline-table;
    position:relative;
    width: 100%;
}

.dunning-step table{
    width: 100%;
}

td.dunning-step-badge-container{
    width:24px;
    padding:0px;margin:0px;
}

td.dunning-step-badge-container-title{
    width:28px;
    height:28px;
    padding:0px;margin:0px;
}

.dunning-step-badge, .dunning-step-badge-title{
    text-align:center;
    vertical-align:top;
}

.dunning-step-badge{
    min-height: 24px;
    min-width:24px;
    border-radius:12px;
}

.dunning-step-badge-title{
    min-height: 28px;
    min-width:28px;
    border-radius:14px;
}

.dunning-step-status {
    min-height: 24px;
    min-width:24px;
    text-align:center;
    vertical-align:top;
}

.dunning-step-badge label, .dunning-step-badge-title label{
    text-transform:uppercase;
}

.dunning-step-badge label{
    font-size: 12px;
}

.dunning-step-badge-title label{
    font-size: 14px;
}

.dunning-step-field{
    vertical-align:top;
}

.dunning-step-badge label, .dunning-step-field label, .dunning-step-status img{
    line-height: 24px;
}

.dunning-step-badge-white {
    color: #2B3B59;
    background-color: white;
}

.dunning-step-badge-green {
    color: white;
    background-color: green;
}

.dunning-step-badge-yellow {
    color: #2B3B59;
    background-color: yellow;
}

.dunning-step-badge-red {
    color: white;
    background-color: red;
}

.dunning-step-status img {
    max-height:24px;
    max-width:24px;
}

.dunning-step .dunning-step-field-value{
    margin-left:10px;
}



.phoneCallPanelHead  div {
   float:left;
}

.phoneCallPanelHead .name {
    margin-left:10px;
    margin-top:3px;
    color:white;
}





.ui-dialog-titlebar {
    background-color:#2B3B59;
}

.select-image-container{
    overflow-y:scroll;
    overflow-x:hidden;

}

.formControl {
    display:inline;
}

.formcontrol-datepicker, .formcontrol-timeselect {
    width: 100px;
    text-align:center;
}

.edit-form
{ padding: 20px; }


.form-label, .form-validation{
    width: 25%;
    padding-left:15px;
    padding-right:15px;
    height: 40px;
}

.form-value{
    width: 50%;
}

.form-label{
    vertical-align:top;
}

.form-value, .form-validation{
    vertical-align:middle;
}

.form-label > label {
    text-align:left;
    width: calc(100% - 30px);
    padding-top:10px;
}

.list-header-cell{
    text-align:center;
}

.badge-cell{
    text-align: center;
}

/*.list-modal-table>tbody>tr:last-child>td:first-child { border-left:none; border-bottom:none; }
.list-modal-table>tbody>tr:last-child>td:last-child { border-right:none; border-bottom:none; }*/

.scrollable-table{
    width: 100%;
}

.scrollable-table tbody,
.scrollable-table thead {
    display: block;
}

.scrollable-table tbody {
    overflow-y: auto;
    overflow-x: hidden;
}

img.disabled-button {
    background-color: #aaa !important;
    cursor: default !important;
}

.clickableCell {
     text-decoration: underline;
}


/* File Control */
.file-control-container {
    width: 100%;
    display: block;
    position: relative;
}

.file-text-control {
    border: none;
    display: inline;
    float: left;
}

.file-button-control{
    z-index:1;
    background-color: #2B3959;
    border-radius:4px;
    border-color: #2B3959;
    border-style:solid;
}

.file-control {
    opacity: 0;
    z-index: 2;
}

.file-button-control, .file-control {
    width: 30px;
    height:30px;
    cursor: pointer;
    top:1px;
    position: absolute;
}

/* Modal Data Header */

.modal-data-header-container, .modal-data-footer-container {
    background-color: #C9D1DE;
    color: #2B3959;
    padding: 15px;
    border-radius:5px;
}

.modal-data-header-container {
    height: 230px;
}

.modal-data-footer-container {
    height: 90px;
}

.modal-data-header-container .close {
    margin-top: 0px;
    opacity: 1;
}

.modal-data-header-table {
    width: 70%;
    position: absolute;
    top:0px;
    left:0px;
    padding:35px
}

.modal-data-footer-table{
    padding:20px;
    width:100%;
}

.modal-data-header-row, .modal-data-footer-row{
    height:25px;
    width:100%;
}

.modal-data-header-row .col-label {
    overflow-x:hidden;
}

.modal-data-header-row .col-text-value, .modal-data-header-row .col-date-value, .modal-data-header-row .col-number-value {
    font-weight:bold;
}

.modal-data-header-row .col-label{
    text-align:left;
}

.modal-data-header-row .col-text-value, .modal-data-header-row .col-date-value {
    text-align:right;
}

.modal-data-header-row .col-number-value {
    text-align:right;
}

.modal-data-info-panel {
    padding: 15px;
    border-radius: 5px;
    top: 35px;
    right: 35px;
    position: absolute;
    background-color: rgb(255, 255, 255);
}

.modal-data-info-label {
    padding-top: 4px;
    vertical-align: middle;
    display: inline-block;
    min-width: 30px;
    text-align: center;
}

.modal-data-info-title {
    font-size: 20px;
    padding-left: 8px;
}

.modal-footer-label {
    font-size:larger;
    font-weight:bolder;
}

.tabHeaderButton
{
    font-weight:bold;
}

.biggerCheckBox {
  transform: scale(1.8)!important;
  margin-left:10px!important;
}


.tooltipclass {
    border-radius: 5px;
    box-shadow: 0 0 7px black;
}

.bold {
     font-weight:bold;
}



/* impostazioni per altezza massima delle varie finestre modali di bootstrap, a meno della scheda cliente */
.modal-dialog {
    overflow-y: initial !important
}
.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
/*fine impostazioni*/