body    
{
	overflow-y:scroll;
}


@media (max-width: 767px)
{
	

	.divLogo
	{
		height: 60px;
		min-height: 60px;
		margin-bottom: 18px;
	}

	.imgLogo
	{
		margin: auto;
		width: 768px;
		height: auto;
		max-width: 100%;
		max-height: 90%;
		padding-top: 5px;
		background: #9EBCDF;
		   
	}

	.foto
	{
		margin: auto;
		width: 685px;
		height: auto;
		max-width: 100%;
		max-height: 90%;
		/*border: solid 1px #D8D8D8;*/
	}

	#contenitore
	{
		margin-top: 0px !important;
		margin-right: -13px;
    margin-left: -14px;
	}

	.navbar
	{
		margin-bottom: 0px;
		    margin-right: -15px;
    margin-left: -15px;
	}

	body
	{
		background-image: none;
	}
	
	#logo-xs
	{
		padding-right: 0px;
		padding-left: 0px;
	}

	/*Info Login*/

	#ctl00$btnLogout
	{
		float: left;
	}

	.logo_account
	{
		width: 52px;
		height: 55px;
	}
	
	.container 
	{
		padding-left: 15px;
    padding-right: 15px;
	}

}

@media (min-width: 768px)
{
		.modal-dialog
	{
		width: 900px;
		margin: 30px auto;
	}
	
	.imgLogo
	{
		margin-left: 20px;
		margin-top: 5px;
		margin-bottom: 13px;
		height: 60px;
	}

	.foto
	{
		width: 590px;
		height: 155px;
		/*border: solid 1px #D8D8D8;*/
	}

	.logo_account
	{
		width: 47px;
		height: 50px;
	}
	
	
}

@media (min-width: 675px) and (max-width:991px)
{
	.foto
	{
		width: 692px;
	}
	
}

@media (min-width: 737px) and (max-width:767px)
{
	.foto
	{
		width: 725px;
	}
}



#footer
{
	clear: both;
	color: #FFFFFF;
	background: #57574f url(../../images/footer_bg.gif) repeat-x;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#footer p
{
	text-align: center;
	margin: 0;
	padding: 4px 0 0 0;
	color: White;
}

#footer a
{
	color: #fff; /*text-decoration: underline;*/
}

#footer a:hover
{
	color: #000; /*background: #A5B76A;*/
	background: #85b6e6; /*text-decoration: underline;*/
}



/*--------------------------------------*/

.bs-callout
{
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout h4
{
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout p:last-child
{
	margin-bottom: 0;
}
.bs-callout code
{
	border-radius: 3px;
}
.bs-callout + .bs-callout
{
	margin-top: -5px;
}
.bs-callout-default
{
	border-left-color: #777;
}
.bs-callout-default h4
{
	color: #777;
}
.bs-callout-primary
{
	border-left-color: #428bca;
}
.bs-callout-primary h4
{
	color: #428bca;
}
.bs-callout-success
{
	border-left-color: #5cb85c;
}
.bs-callout-success h4
{
	color: #5cb85c;
}
.bs-callout-danger
{
	border-left-color: #d9534f;
}
.bs-callout-danger h4
{
	color: #d9534f;
}
.bs-callout-warning
{
	border-left-color: #f0ad4e;
}
.bs-callout-warning h4
{
	color: #f0ad4e;
}
.bs-callout-info
{
	border-left-color: #428bca;
}
.bs-callout-info h4
{
	color: #428bca;
}

/*------------------------------------------*/
.list-group-item:last-child
{
	margin-bottom: -1px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.list-group-item:first-child
{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}


span.glyphicon.glyphicon-trash
{
	color: red;
	font-size: large;
}

span.glyphicon.glyphicon-remove {
    font-size: large;
    color: red;
}


span.glyphicon.glyphicon-plus
{
	color: #4CC421;
	font-size: large;
}

span.glyphicon.glyphicon-info-sign
{
	font-size: large;
	color: #428bca;
}

span.glyphicon.glyphicon-circle-arrow-down {
    font-size: large;
}

span.glyphicon.glyphicon-envelope 
{
	 font-size: large;
}

span.glyphicon.glyphicon-open 
{
	font-size: large;
	
}

span.glyphicon.glyphicon-refresh {
    font-size: medium;
}

span.glyphicon.glyphicon-cog {
    font-size: large;
}

.linkmodal
{
	cursor: pointer;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
	padding: 4px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.pannello
{
	padding-right: 5px;
}


.navbar-inverse {
  background-color: #57574f;   
}


.row.tb {
    padding: 10px;
   /* line-height: 1.42857143;*/
    vertical-align: top;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid rgba(205, 203, 203, 0.49);
}
.modal-body
{
	font-size: 12px;
}

/*.progress-bar{
	color: #000;
	background-color: rgba(66, 139, 202, 0.28);
	
}

.progress
{
	display: inline-flex;
    width: 75px;}*/
    
    
    
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e260";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
    margin-top: -20px;
    margin-right: -60px;

}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e259";    /* adjust as needed, taken from bootstrap.css */
}

.panel-title > a {
    cursor: pointer;
}

span.glyphicon.glyphicon-edit {
    font-size: large;
}

.panel-heading.smaller{
	padding-right: 75px;
}

span.glyphicon.glyphicon-download {
    font-size: large;
    color: rgb(92, 184, 92);
}

span.glyphicon.glyphicon-ok {
    color:#4CC421;
    font-size: large;
}

.row.tb.tb-primary {
    background-color: #428bca;
    /*rgba(0, 126, 186, 0.84);*/
    border-style: solid;
    border-width: 1px;
    color: white;
    border-bottom:0px;
}

.panel-heading.panel-mini {
    padding: 6px 6px 4px 7px;
    color: #fff;
    background-color: #428bca;
}

.row.tb.tb-secondary {
    background-color: rgba(221, 221, 221, 0.39);
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    border-bottom: #fff solid 2px;
}

.mini-text-center{
	margin: 11px 0px 0px 5px;
    position: absolute;
}

.text-title
{
	color: #31708f;
    font-size: 14px;
}

i.fa.fa-calendar-o {
    font-size: 17px;
}

i.fa.fa-user {
    font-size: 17px;
}

i.glyphicon.glyphicon-trash{
    font-size: 17px;
    color: red;
}

i.glyphicon.glyphicon-pencil {
    font-size: 17px;
}

/* ExtraSmall devices (tablets, 200px and up)         XS   */
@media (min-width: 200px) and (max-width:767px) /*xs*/
{
	.row.tb.tb-default{
		margin-bottom: 4px;
		border: 1px solid rgba(204, 204, 204, 0.65);
		border-radius: 5px;
		background-color: rgba(245, 245, 245, 0.65) ;
	}

		
	
	
	.panel-body.hidden-mobile {
		padding: 0px;
	}
	.panel-heading.hidden-mobile {
		padding: 0px;
		background-color:#fff;
	}
	
	.panel.panel-default.hidden-mobile {
		
		background-color: #fff;
		border: 0px;
		border-radius: 0px;
		-webkit-box-shadow: 0 0px 0px;
		box-shadow: 0 0px 0px;
	}
	
}


/* Small devices (tablets, 768px and up)             SM   */
@media (min-width: 768px) {  }

/* Medium devices (desktops, 992px and up)           MD   */
@media (min-width: 992px) {
.row.tb.tb-default
{
	border:0px;
	border-top:1px solid rgba(205, 203, 203, 0.4);
}

}

/* Large devices (large desktops, 1200px and up)     LG   */
@media (min-width: 1200px) 
{
	
	
}

 .loading {
            display: none;
            position: fixed;
            background-color: rgba(0,0,0, .5);
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: fixed;
            z-index: 10000;
        }
        
        .percentualeLoading {
            position: fixed;
            top: 50%;
            left: 50%;
            margin-top: -50px;
            margin-left: -100px;
            font-size: 29px;
            color: white;
            padding: 40px;
         }
  
   
        #loader  {
          border: 16px solid #f3f3f3;
          border-radius: 50%;
          border-top: 16px solid #428bca;
          width: 120px;
          height: 120px;
          -webkit-animation: spin 2s linear infinite; /* Safari */
          animation: spin 2s linear infinite;
          position: fixed;
          top: 50%;
          left: 50%;
          margin-top: -50px;
          margin-left: -100px;
      }

        /* Safari */
        @-webkit-keyframes spin {
          0% { -webkit-transform: rotate(0deg); }
          100% { -webkit-transform: rotate(360deg); }
        }

        @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }