@media (max-width: 767px) {
  .main-header .navbar .dropdown-menu li a{
  	color:inherit !important
  }
}

.navbar{
	z-index:1000;
} 

.table td, .table th{
	vertical-align:middle !important;
}

.required label:after{
	content: " *";
	color:red;
}

.toTop {
    position: fixed; /* this is the magic */
    bottom: 50px; /* together with this to put the div at the bottom*/
    right: 15px;
    display: none;
}

.toTopModal {
    position: fixed; /* this is the magic */
    bottom: 50px; /* together with this to put the div at the bottom*/
    right: 20%;
    display: none;
    z-index:10000;
}

.box-head{
	background-color: #ebeef2;
	color: #9198a0;
	padding:5px;
	
}

.attesa-pagamento, .resi, .attesa-reso, .nota-credito{
	width: 20px;
	height:20px;
	margin-right:5px;
}

.resi, .resi td{
	background-color: #faebcc !important;
}

.attesa-pagamento, .attesa-pagamento td{
	background-color: #ebccd1 !important;
}

.attesa-reso, .attesa-reso td{
	background-color: #faebcc !important;
}

.nota-credito, .nota-credito td{
	background-color: #f4848c !important;
}


.form-buttons{
	/*background: #ffffff;
	background: -moz-linear-gradient(top,#ffffff 0%,#ededed 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,#ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top,#ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top,#ffffff 0%,#ededed 100%);
	background: linear-gradient(top,#ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);*/
	border-bottom: 1px solid #D3D3D3;
	color: #0C192E;
	text-shadow: 0 0px 0 #FFF;
	z-index:1;
	padding:0 4px 4px 0;
	background: transparent none repeat scroll 0% 0%;
	border-bottom-width: 0px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.file-drop-zone .file-preview-thumbnails .file-preview-frame{
	width:95%;
	height:100%;
}

/***** ACCOUNT PAGE WIDGET *******/
/**SKIN BLUE**/
.widget-user-header.skin-blue, .widget-user-header.skin-blue-light{
	background-color: #3c8dbc; /*blu*/
	color: #fff; /*bianco*/
}

/**SKIN BLACK**/
.widget-user-header.skin-black, .widget-user-header.skin-black-light{
	background-color: #fff; /*bianco*/
	color: black; /*nero*/
}

/**SKIN RED**/
.widget-user-header.skin-red, .widget-user-header.skin-red-light{
	background-color: #dd4b39; /*rosso*/
	color: #fff; /*bianco*/
}

/**SKIN YELLOW**/
.widget-user-header.skin-yellow, .widget-user-header.skin-yellow-light{
	background-color: #f39c12; /*giallo*/
	color: #fff; /*bianco*/
}

/**SKIN PURPLE**/
.widget-user-header.skin-purple, .widget-user-header.skin-purple-light{
	background-color: #605ca8; /*viola*/
	color: #fff; /*bianco*/
}

/**SKIN GREEN**/
.widget-user-header.skin-green, .widget-user-header.skin-green-light{
	background-color: #00a65a; /*verde*/
	color: #fff; /*bianco*/
}

/* Defaults */
.text-center-sm,
.text-center-md,
.text-center-lg,
.text-right-sm,
.text-right-md,
.text-right-lg { text-align: inherit; }

/* Define xs styles after defaults so they take precedence */
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }
.text-left-xs { text-align: left; }

/* Small grid */
@media (min-width: 768px) {
  .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-sm, .text-right-xs { text-align: right; }
  .text-left-sm, .text-left-xs { text-align: left; }
}

/* Medium grid */
@media (min-width: 992px) {
  .text-center-md, .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-md, .text-right-sm, .text-right-xs { text-align: right; }
  .text-left-md, .text-left-sm, .text-left-xs { text-align: left; }
}

/* Large grid */
@media (min-width: 1200px) {
  .text-center-lg, .text-center-md, .text-center-sm, .text-center-xs {
    text-align: center;
  }
  .text-right-lg, .text-right-md, .text-right-sm, .text-right-xs {
    text-align: right;
  }
  .text-left-lg, .text-left-md, .text-left-sm, .text-left-xs {
    text-align: left;
  }
}

/* Intermediate grid */
@media (min-width: 992px) and (max-width: 1280px) {
  .col-int-2 { width: 16.6667%; }
  .col-int-4 { width: 33.3333%; }
  .col-int-6 { width: 50%; }
  .col-int-8 { width: 66.6667%; }
  .col-int-10 { width: 83.3333%; }
  .col-int-12 { width: 100%; }
  
  .col-int-offset-1 { margin-left: 8.33333% }
  .col-int-offset-2 { margin-left: 16.6667% }
  .col-int-offset-3 { margin-left: 25% }
  .col-int-offset-4 { margin-left: 33.3333% }
  .col-int-offset-5 { margin-left: 41.6667% }
  .col-int-offset-6 { margin-left: 50% }
}

