/*
 | COLORI 
 | Azzurro (bottoni) #1e9dd4
 | Blu #00567a
 | Grigio Chiaro #eee
 | Grigio Scuro #707172
 */

@import url('https://fonts.googleapis.com/css?family=Lato');

body, html {
    font-family: "Lato", sans-serif;
	font-size:14px;
}

nav{
	margin-bottom: 24px;
}


#logo-portale {
	display: inline-block;
}


/* 
 | ------------------------------------------
 |  PERSONALIZZAZIONI BOTTONI, LABEL, etc...
 | ------------------------------------------
 */

.btn{
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	font-weight: bold;
}

.btn:not(.btn-lg .btn-custom-xs){
	min-width: 100px !important;
	padding: 8px 24px !important;
	font-size: 0.875rem !important;
}

.btn-group .btn{
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	padding: 8px !important;
	font-size: 0.75rem !important;
	min-width: 10px !important;
}

.btn-xs{
	padding: 4px 12px !important;
	font-size: 0.90rem !important;
}

.btn-custom-xs, .btn-custom-link{
	min-width:1px !important;
	text-align:center;
}

.btn-custom-link { color: #00567a; padding:6px !important;}

.btn.btn-custom-link.tkt-gray {
    color: #aaa;
}


.btn i {
	margin-right: 16px;
}

.btn-custom-xs i,
.btn-custom-link i {
	margin:0 !important;
}

.btn-muted {
	color: #999 !important;
}


.btn.btn-danger { background: #bb2c2c !important; color:#fff !important;}
.btn.btn-primary { background: #00567a !important; color:#fff !important;}

a.btn.p_active {
    background-color:rgba(0,86,122,.7);
	color:#fff;
}

.label {
	font-size: 0.75rem;
	-moz-border-radius: 0.5em !important;
	-webkit-border-radius: 0.5em !important;
	border-radius: 0.5em !important;
	padding-left:16px;
	padding-right:16px;
}

.label-danger {
	background: #707172!important;
}

.label-primary{
	background: #1e9dd4!important;
}


.label-primary.label-big{
	min-width: 160px;
	padding:8px 30px;
	font-weight: bold;
	font-size: 1.125rem;
}

label.portalecli {
	display: inline-block;
    background-color: #e9e9e9;
    padding: 3px 5px;
    margin: 0 12px 0 6px;
}

.well {
	background-color: #eee !important;
    border: 1px solid #222 !important;
}

hr{
	border-color: #222;
}

input[type=text],
input[type=email],
textarea,
select {
	border-color: #222;
}


.spacer {
	display: block;
	height: 20px;
}


.badge-large {
	padding:8px 16px;
}

.fa {margin-right:10px;}

.fa_ico{font-size:20px;}

.fa_ico_red{color: #bb2c2c;}

.fa_ico_green {color:green;}

.btn.show_contact i, .btn.show_contact i.fa { margin:0;}

.nav>li { margin:0 10px; }

.navbar-inverse .navbar-nav>li>a { font-weight: bold; color:#fff; }

.navbar-brand {
    height: 66px;
    padding: 8px 20px;
}

.navbar-brand #logo-portale {max-height:50px;}

.credentials {
	background: #00567a;
    color: #fff;
    text-align: right;
    margin: 2px 15px;
	padding: 4px 10px;
}


#direct-message {
	background: #f6f6f6;
    padding: 20px 20px 30px;
    border-top: 1px solid #dadada;
    border-bottom: 3px solid #dadada;
    margin: 16px 0;
}

#direct-message .input-group {
	margin-top:10px;
}

#direct-message .input-group-addon {
	background: #00567a;
	color: #fff;
	width:75px;
}

#direct-message .btn {
	border-radius: 0 10px 10px 0 !important;
}

/* --- TABELLE --- */
.tc15 {
	width: 15%;
}

/* 
 | ------------
 |  PAGINATION
 | ------------
 */
div.pagination a {
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:6px 9px;
	margin-left: 4px;
	background-color: #ddd;
	color:#080808;
}


div.pagination a:hover,
div.pagination a.current {
	color:#FFF;
	background-color: #080808;
}


@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 767px) {
	
}


@media screen and (max-width: 550px) {
	
}