/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    /* background-color: #AAD2FA;  5c87b2 */
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

.rgAltRow, .rgRow
    {
        cursor: pointer !important;
    }
    
 .k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover
{
        background: #F9C42E;
         cursor: pointer !important;
}

.widePassword
{
     width: 300px;
}

a:link {
    color: #034af3;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}


a, button, input[type="submit"] {
    cursor: pointer;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    
    padding: 0px 10px 15px 10px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer,
#footer {
    background-color: #fff;
    color: #999;
    /*padding: 10px 0;*/
    text-align: center;
    line-height: normal;
    /*margin: 0 0 10px 0;*/
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

#hideAll {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url("web/BlueOpal/loading.gif");
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 99; /* Higher than anything else in the document */
}

/* TAB MENU   
----------------------------------------------------------*/
    div #imghome 
{
     margin-top: -7px;
    margin-left: 0px;
    float:left ;
}


ul#menusoggetti {
    
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    
   
    text-align: right;
    float:left ;
    margin-top: 0px;
    margin-left: 15px;
}
ul#menusoggetti li {
    display: inline;
    list-style: none;
}

    ul#menusoggetti li a {
        padding: 5px 20px;
        font-weight: bold;
        text-decoration: none;
        /*line-height: 2.8em;*/
        background-color: #e8eef4;
        color: #247B91;
        border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
    }
ul#menusoggetti li a:hover {
    background-color: orange;
    text-decoration: none;
}

ul#menusoggetti li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menusoggetti li.selected a {
    background-color: #fff;
    color: #000;
}


h3.nome {
background-color: #61A8F0;
border-radius: 3px;
padding: 5px;
color: white;
}


.divTemplateGenerico
{
    margin: 10px;
    padding: 10px;
}

.tabTemplateGenerico
{
    border: 0px;
}

.selectFiltro
{
    border: 0px solid #ccc;
    padding: 2px;
    font-size: 12px;
    color: #D15B36;
}


.noscadenze
{
    color: red;
}

h3.scadenze {
background-color: #D15B36;
border-radius: 3px;
padding: 5px;
color: white;
}

ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 5px 2px;
    /*position: relative;*/
    margin: 0;
    text-align: right;
}



ul#menusoggetti li.menusel a {
    background-color: #E75B15;
    color: white;
}


ul#menu li.submenuclear   
{
    color: #AAD2FA ;
  }

ul#menu li.menusel a {
    background-color: #E75B15;
    color: white;
}


ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

    ul#menu li a {
        padding: 5px 20px;
        font-weight: bold;
        text-decoration: none;
        /*line-height: 2.8em;*/
        background-color: #e8eef4;
        color: #247B91;
        border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
    }






ul#menu li a:hover {
    background-color: orange;
    text-decoration: none;
    color: #247B91;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

.menu_selected li
{
    color: Red;
    background-color : Green;
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="text"]	{
						border: 1px solid #ccc;
						padding: 2px;
						font-size: 1.2em;
						color: #444;
					}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

.table_titolo {
    
    border:0px;
  
   
}

.table_titolo td {
    border:0px;
      padding: 0px;
    padding-right: 3px; 
}
/* MISC  
----------------------------------------------------------*/
.menuPagamento {
    display: inline-block;
    width: 100%;
}

.attivaPagamento {
    float: right;
}

#error-container {
    margin: 5px;
}

.multiSelectTitle {
    text-align: right;
    padding: 7px;
    background-color: #257E94;
    color: white;
}

.k-grid {
    margin: 0;
    padding: 0;
    border-width: 1;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.text-box-kendo{
    width:98%;
}

.divAndamentale {
    color: #61A8F0;
    border-radius: 3px;
    padding: 5px;
    margin: 5px;
    font-size: 14px;
}


#datiEditor
{
    
    background-color: #e8eef4;
    box-shadow: 5px 5px 3px #888888;
    margin: 20px;
    padding: 20px;
}

.divAllegati
{
    background-color: #fd8323;
    margin: 10px;
    box-shadow: 5px 5px 3px #888888;
    padding: 5px;
    height: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #ffffff;
    font-size: 14px;
}

.divCreaSoll
{
    background-color: #7CBFBE;
    margin: 10px;
    box-shadow: 5px 5px 3px #888888;
    padding: 5px;
    height: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #ffffff;
    font-size: 14px;
}

.divScadenze
{
    background-color: #FD8F38;
    margin: 10px;
    box-shadow: 5px 5px 3px #888888;
    padding: 5px;
    height: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #ffffff;
    font-size: 14px;
}


.divRisposte
{
    background-color: #A02047;
    margin: 10px;
    box-shadow: 5px 5px 3px #888888;
    padding: 5px;
    height: 20px;
    padding-left: 10px;
    padding-top: 10px;
    color: #ffffff;
    font-size: 14px;
}


.divRating
{
    
    background-color: #AAD2FA;
    /*margin: 10px;*/
    margin-left: 0px;
    margin-left: 5px;
    padding: 5px;
    height: 90px;
}

.divAmadeus
{
    background-color: #cde1f6;
     /*margin: 10px;*/
    margin-left: 0px;
    margin-left: 5px;
    padding: 5px;
     height: 90px;
}
.divAida
{
    background-color: #e8eef4;
     /*margin: 10px;*/
    margin-left: 0px;
    margin-left: 5px;
    padding: 5px;
    height: 90px;
}
.divClasseRischio
{
    background-color: #b0c4de;
    color: White;
     /*margin: 10px;*/
    margin-left: 0px;
    margin-left: 5px;
    padding: 5px;
     height: 90px;
}

.titoletto
{
    font-style:italic;
    border-bottom: solid 1px;
}

.clear {
    clear: both;
}

.error {
    color: Red;
}

nav,
#menucontainer {
    margin-top: 0px;
    padding-top:15px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
    padding-left:15px;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    /*color: White;*/
}

#logindisplay a:link {
    color: black;
    text-decoration: none;
}

#logindisplay a:visited {
    color: black;
    text-decoration: none;
}

#logindisplay a:hover {
    color:steelblue;
    text-decoration: none;
}
.submit-login {
    padding-top:15px;
}
.button-sollecito-action {
    text-align:right;
    padding:10px;
}
/* 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;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
    padding: 0 !important;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
    padding: 0 !important;
}

.text-box {
    width: 30em; 
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* DocCredit */

.hideTableBorder	{
								border: 1px; 
								background-color: #FFFFFF;
	}

img.puntodisvolta	{
						display:block;
						margin:0 auto;
						text-align:center;
					} 

input.inpRight	{	 
				text-align:right;
			}

fieldset#dchome {
    background: url(puntodisvolta.png) no-repeat 150% 50%;
    width: 100%;
    height: 50%;
    
    /*background-size:  Auto 100%; */
    /*border: 4px solid #ddd;*/
}
        
/* Styles for editor and display Login
----------------------------------------------------------*/
.login {
    width: 50%;
    margin: 0 auto;
    vertical-align: middle;
}

table.paramAndamentale  {
							font-family : "Trebouchet MS", Verdana, sans-serif; 
							table-layout: fixed;
							width: 100%;
						} 
						
table.paramAndamentale thead	{
									color : #ffffff;								                 
								} 
table.paramAndamentale th	{
								background-color : #b0c4de;
                            } 
table.paramAndamentale td   {
								/* font-size:85%; */
								background-color : #fffafa;								                 
							} 
							
th.number	{
				text-align: right;
			}
							
.noMenu	{	 
			margin-top: 82px;
		}		
		
		span.width100p
		{
		    width: 100%;
		}	
		
		span.width100
		{
		    width: 100px;
		}
		
		.hiddenHeader
		{
		    visibility:hidden;
		}	
		
		.width300
		{
		    width: 300px;
		}
		
		.gridAndamentaleColumnWidth
		{
		    width:65px;
		}	
		
		.width100
		{
		    width: 100px;
		}
		
		.width200
		{
		    width: 210px;
		}
		
		.width200Top
		{
		    width: 210px;
		    vertical-align: top;
		}
		
		.width400Top
		{
		    width: 410px;
		    vertical-align: top;
		}
		
		.rightAlign
		{
		    text-align: right;
		}

		.centerAlign
		{
		    text-align: center;
		}
		
		.width30
		{
		    width: 30px;
		}
		
		.height500px
		{
		    height: 500px;
		}

        .height600px {
            height: 600px;
        }

.height650px {
    height: 650px;
}


		.tableSoggettoAndamentale
		{
		    height: 450px;
		}
		
		.width150
		{
		    width: 150px;
		}
		
		.fontSoggettoAndamentale
		{
		    font-size: 11em;
		}

	.idGridSection	{
								background-color: #FFFFFF;
							}

	.legendStyle	{
							font-size: 1.2em;
							font-weight: bold;
						}
						
	#idRispostaSection		{
										width: 70%;
										float: left;
										padding: 5px;	      
									}
									
	#idProssimaAzioneSection	{
												width: 25%;
												float: left;
												padding: 5px;	 	 
											}
	/* Style Pagamento Scadenza */
/* Customize the label (the container) */
.containerBox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 13px;
    padding-bottom: 13px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
}

    /* Hide the browser's default checkbox */
    .containerBox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 5px;
    border: solid #287E93
}

/* On mouse-over, add a grey background color */
.containerBox:hover input ~ .checkmark {
    background-color: #ccc;
    border-radius: 5px;
}

/* When the checkbox is checked, add a blue background */
.containerBox input:checked ~ .checkmark {
    background-color: #F9E6A0;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    border-radius: 5px;
}

/* Show the checkmark when checked */
.containerBox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerBox .checkmark:after {
    left: 7px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #287E93;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5px;
}
/* RiepilogoPagamenti Pagamento Web*/
.paymentSummary {
    padding: 15px;
}
.paymentSummary .container {
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    font-size: 120%;
}
div.k-loading-mask {
    z-index: 3; /* must be larger than the z-index:2 of #container */
}

/* By default the text is hidden, re-position the text */
span.k-loading-text {
    text-indent: 0;
    top: 100%;
    background-color: #FF8C00;
    color:#FFF;
    font-size:medium;
    padding:5px;
}
/* Used for Title Alert dialog*/
.k-dialog-titlebar {
    background-color: #E75B15 !important;
    color: #fff !important;
    font-size: 1.4em !important;
}