@import url("bootstrap-switch.min.css");

@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


html {
	position: relative;
	min-height: 100%;
}
.body-modal{ overflow:hidden;}

.navbar{
	background-color: #fff;
	box-shadow:0px 0px 10px #ddd;
	border-bottom:1px solid #ddd;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus,
.navbar-default .navbar-brand{ color: #777; }

.navbar-default .dropdown-menu > li > a > hr{
	margin:0px -15px; padding:0;
}


.navbar-default .navbar-brand{
	padding-top:5px;
	padding-left:60px;
	background:url(../images/cittadino-facile-logo.png) no-repeat 15px center;
}
.navbar-default .navbar-brand span{
	color:#f49500;
}
.navbar-brand h1 {
	margin:0;
	padding:0px 0px 0px 5px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	padding-top:15px;
	background-color: #eaeaea;
	border-top:1px solid #e0e0e0;
	color:#666;
}

.modal-mobile{
	overflow:hidden;
}
.modal-mobile .modal-dialog{
	padding-bottom:40px;
}

.modal-header{
    padding:9px 15px 6px;
    border-bottom:1px solid #ddd;
    background-color: #eee;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-footer{
    padding:12px 15px;
    border-bottom:1px solid #ddd;
    background-color: #eee;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}
.modal-body-diag{
    padding-bottom:0px;
}
.modal-footer .btn{ min-width:100px; }
.modal-d-title { display:none }

.pager li a{min-width:100px;}
.pager li a span.glyphicon{
	vertical-align:top;
	margin-top:2px;
}
.pager .pagination-descr div{
	padding-bottom:10px;	
}

.txt-overflow, .table-list td, .table-list th{
	text-overflow:ellipsis;
	word-wrap:break-word;
	overflow:hidden;
	white-space:nowrap;
}


.panel > .table-list{ 
    border-radius: 25px;
}
.table-list{ 
	table-layout:fixed; 
	width:100%;
	overflow:hidden;
    border-collapse:separate;
	color:#666;
}
.table-list > thead > tr > th{ 
  border-bottom:none;
  font-weight:normal;
}
.table-list > tbody tr td{ cursor:pointer; }

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="span"]{margin-bottom:0px}

.form-condensed .form-group {
    margin-top: 0;
    margin-bottom: 5px;
}
.form-buttons { text-align:center; padding-top:5px; }
.form-buttons .btn{	min-width:140px; margin:0px 5px }
.form-horizontal .control-label{ text-align:left; padding-bottom:3px;  }

.help-block{ margin-bottom:0;}

.list-group-item > .form-group:last-child{ margin-bottom:0;}

.list-group-subtitle{
	font-weight:bold;
	color:#888;
}
.list-group-item .list-group-subtitle:first-child{
	margin-top:0px;
}

@media all {
  .form-horizontal .control-label {
    text-align: left;
  }
}


/* ###### addons ####### */
.bootstrap-select.btn-group{ margin:0; }
.form-subtitle{
	padding-left:15px;
	padding-right:15px;
}
.form-subtitle h4{
	color:#1f85a1;
	background:#d4eff6;
	padding:7px 10px;
	margin:0;
	border-radius:3px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-help:focus,
.btn-help:hover,
.btn-help{
	background:#1597ff;	
	color:#fff;
	font-size:15pt;
	line-height:15pt;
	font-weight:bold;
	min-width:35px;
}

.uplifra{ width:1px; height:1px; position:absolute; right:0; top:0; border:0; margin:0; padding:0;}
.btn-service,.btn-service:hover,.btn-service:active {
	background-color:#ffa915;
	color:#fff;
}
.control-label.label-slim{font-size:10pt; padding-top:0; color:#666; line-height:11pt}
.form-subtitle h4{ margin:5px auto 5px; }

.list-opts-menu button .hidden-xs{ margin-right:5px;  }
.list-opts-menu .dropdown-menu .glyphicon{ margin-right:10px; margin-left:-3px; }
.list-opts-menu .dropdown-menu .glyphicon-remove{ color:#C00 }

.form-group-inline{ margin-bottom:15px; }
.form-group-inline > .form-group{
	margin-bottom:5px;
}

.glyphicon-captcha{ color:#ffa94d; }

.form-block-descr{
	padding-bottom:10px;	
	color:#666;
	line-height:11pt;
	font-size:10pt;
}
.form-subtitle + .form-block-descr{
	margin-top:-10px;
}
.btn-back{	display:inline-block; vertical-align:top; color:#A5CDE4; margin-right:5px; }

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
	line-height:24px;
}


[data-toggle="buttons"] .btn-primary:not(.active){
  background-color: #eee;
  border-color: #ccc;
  color:#666;
}


@media (max-width: 767px) { 
	.navbar-brand{max-width:75%;}
	.form-buttons .btn { display:block; width:100%; margin:5px 0px; }
	.nav-tabs.nav-panel > li{ float: none; }	
	.nav-tabs.nav-panel > li a { border:0; margin-bottom:5px; border-radius:4px }	
	.nav-tabs.nav-panel > .active > a,
	.nav-tabs.nav-panel > .active > a:hover,
	.nav-tabs.nav-panel > .active > a:focus {
		border: 1px solid #ddd;
		margin-right: 0;
	}
	.nav-tabs.nav-panel{ border-bottom:0 }
	
	.form-group-inline > .form-group{
		margin-bottom:0px;
	}
	
	.navbar-brand h1 {
		margin:0;
		padding:10px 0px 0px 5px;
		font-size:14pt;
	}
	.control-label { padding-top:7px; margin-bottom:0px }
	.control-label.xs-ptop-0{ padding-top:0px; }
}
	
@media (min-width: 768px) { 
	
	.nav-tabs{ margin-right:3px; }
	.nav-tabs.nav-panel + .panel{ 
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	  border-top:0;
	}
	
	.nav-tabs.nav-panel + .panel > .table-list,
	.nav-tabs.nav-panel + .panel > .table-list:first-child > thead:first-child > tr:first-child th:first-child,
	.nav-tabs.nav-panel + .panel > .table-list:first-child > thead:first-child > tr:first-child th:last-child{
	  border-radius: 0px;
	}

}