/* Add here all your CSS customizations */

* { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

body{ background:#111; font-size:13px; color:#333;}
select{ -webkit-appearance:none;}
.form-control:focus{ box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.3)}
.form-control{ height:auto; min-height:34px;}
.form-control[disabled]{ background:#e1e1e1; color:#333;}
.table a{ color:#333;}
.table > tbody > tr > td{ padding:5px 10px;}
.table .btn{ background:#666 !important; color:#fff !important; border-radius:0px;}
.form-wizard .tab-content{ background:none; padding:0px;}
body .btn-primary{ background:#333; border-radius:0px; border:1px solid #333;}
body .btn-primary:hover, body .btn-primary:focus{ background:none; color:#333; border:1px solid #333 !important; }
h1, h2, h3, .h1, .h2, .h3{ letter-spacing:0px;}
.panel{ clear:both;}
.btn{ padding:10px 15px;}
.inner-wrapper{ min-height:auto;}
.panel{ border-radius:0px;}
.panel:last-child{ margin-bottom:0px;}
.panel.user:last-child{ margin-bottom:20px;}
.panel-heading{ padding:20px;}
.panel-body{ background:none; padding:0px; padding-top:20px; border-radius:0px !important; box-shadow:none;}
.panel-footer{ padding:20px;}
.form-wizard .panel-footer{ padding-left:0px; padding-right:0px; background:none; border-radius:0px; border:0px;}
.form-control{ background:#fff; border-color:#e1e1e1; color:#333; border:0px; width:100%; display:inline-block;}
.input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child{ border-radius:0px;}
.checkbox-custom label:before{ background:#666; border-color:#666; border-radius:0px;}
.dropdown-menu{ background:#222; border-radius:0px !important;}
.tab-navigation nav > ul > li.nav-expanded > a{ background:#222; color:#fff;}
.userbox.open .dropdown-menu a:hover{ background:#222;}
.tab-navigation nav > ul > li.nav-expanded > a:hover, .tab-navigation nav > ul > li.nav-expanded > a:focus{ background:#666; color:#fff;}
.tab-navigation nav > ul > li > a{ border-radius:0px;}
.tab-navigation nav > ul > li > ul > li > a:hover, .tab-navigation nav > ul > li > ul > li > a:focus{ color:#fff;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border:1px solid #e1e1e1;}
.table-striped > tbody > tr:nth-of-type(odd){ background:#fff;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{ border-top:1px solid #e1e1e1;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child >.table-bordered > thead > tr > th{ background:#e1e1e1; color:#333;}
.pagination > li a{ background:#e1e1e1; color:#333; border:1px solid #e1e1e1; border-radius:0px !important;}
.pagination > .disabled > a, .pagination > .disabled > a:hover{ background:#e1e1e1; color:#333; border:1px solid #e1e1e1;}
.tab-navigation nav > ul > li.active > a{ background:#333;}
html .pagination > li.active a, html.dark .pagination > li.active a, html .pagination > li.active a:hover{ background:#333; color:#fff; border:1px solid #333;}
.pagination{ margin-bottom:0px;}
.pagination > li a:hover, .pagination > li a:focus{ background:#e1e1e1; color:#333; border:1px solid #e1e1e1;}
.pagination > li a .fa{ font-size:8px;}
.userbox{ margin-top:5px;}
.thumb-info .thumb-info-type{ background:#111;}
input, select, textarea{ border-radius:0px !important;}
textarea{ resize:none; max-height:100px; padding:12px;}

.body-sign{ max-width:400px;}
.body-sign .panel-sign .panel-body{ padding-top:30px; padding-bottom:30px; background:#f7f7f7; border:0px; border-radius:0px;}
.body-sign .center-sign .top{ text-align:center; margin-bottom:20px;}
.body-sign .center-sign .top a{ display:inline-block;}


.nav > li > a:hover, .nav > li > a:focus{ background:#333;}
.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a{ background:#333;}
html.boxed.has-tab-navigation body{ background:#111;}
html.has-tab-navigation .inner-wrapper{ background:none;}
html.header-dark .header{ background:none;}
html.has-tab-navigation .content-body{ background:#f7f7f7; border-radius:0px;}
html.header-dark .header .input-search input{ background:#fff; border-color:#e1e1e1; color:#333; box-shadow:0px 0px 0px #000; border:1px solid #e1e1e1;}
html.header-dark .header .input-search input:-moz-placeholder{ color:#000;}
html.header-dark .header .input-search input:focus{ background:none; border-color:#999; color:#999; box-shadow:0px 0px 0px #000;}
html.boxed.has-tab-navigation .header .separator{ background:#333; margin:0 10px;}
html.header-dark .notifications > li .notification-icon{ background:#333; box-shadow:0px 0px 0px #000; border-radius:0px;}
html.header-dark .notifications > li .notification-icon i{ color:#fff;}
html.header-dark .userbox .name{ color:#999;}
html.header-dark .userbox.open .name{ color:#fff;}
html.header-dark .userbox .dropdown-menu{ background:#333;}
html.header-dark .userbox .dropdown-menu .divider{ background:rgba(255,255,255,0.2);}
.notifications .notification-menu{ width:270px;}
.notification-menu .title{ padding-top:7px;}
.notification-menu li{ margin-bottom:5px;}
.notification-menu .image span{ width:30px; height:30px; display:inline-block; text-align:center; line-height:30px; border-radius:50%;}
.tab-navigation nav > ul > li > a{ background:#666; color:#fff;}
.thumb-info .thumb-info-title{ background:rgba(0,0,0,0.5)}
.tab-navigation nav > ul > li > ul > li > a{ color:#fff !important;}
.header .logo{ margin-top:0px;}
.header .logo img{ height:60px;}

.panel-heading{ background:#e1e1e1; border:0px solid #fff; border-radius:0px;}
.panel-title{ color:#333; font-size:16px;}

.page-header.page-header-left-breadcrumb{ width:100%; height:auto;  float:left;}
.page-header.page-header-left-breadcrumb .right-wrapper{ float:left; margin-bottom:10px;}
.page-header.page-header-left-breadcrumb h2{ width:100%; float:left; height:auto; line-height:20px; color:#333;}
.page-header.page-header-left-breadcrumb .breadcrumbs{ float:left; margin:0px; margin-top:5px; line-height:20px;}
.page-header .breadcrumbs li:after{ margin:0 5px;}
html.has-tab-navigation .page-header .breadcrumbs a, html.has-tab-navigation .page-header .breadcrumbs span{ font-size:12px; line-height:16px;}

.alert.processo{ max-width:600px; margin:0 auto; margin-bottom:30px; padding:25px; text-align:center; border:0px;}
.alert.processo.start{ margin-bottom:0px;}
.alert.processo h3{ margin-top:0px; text-transform:uppercase; margin-bottom:15px;}
.alert.processo a.next{ font-size:13px; color:#666;}

html .wizard-progress.wizard-progress-lg{ margin-bottom:0px;}
.form-horizontal .control-label{ text-align:left;}
.form-wizard .row{ margin-bottom:10px;}
.form-wizard .row:last-child{ margin-bottom:0px;}

.datatables-footer{ padding:0 15px;}

.user .panel-body{ padding:0px;}

.filter{ float:right; margin-top:-6px;}
.filter label{ float:left; margin:0px; margin-right:7px; line-height:34px; font-size:12px; }
.filter select{ width:auto; min-width:150px; float:left; border-radius:0px;}

.griglia .table-responsive{ width:100%;}
.griglia table{ clear:both;}
.griglia table td{ display:table-cell; vertical-align:middle !important;}
.griglia table tbody tr:hover{ background:#e1e1e1;}
.griglia table .btn{ padding:5px 7px; font-size:12px;}

.panel.cliente, .panel.designer{ width:100%; max-width:700px; margin-bottom:10px;}

.panel.cliente .panel-body{ padding:20px; background:#2a2a2a;}

.panel.designer{ float:right; text-align:right;}
.panel.designer .panel-heading{ background:#111;}
.panel.designer .panel-body{ padding:20px; background:#1b1b1b;}

.panel.answer .panel-body{ padding:20px; background:#2a2a2a;}
.panel.answer textarea{ height:200px; border:0px; resize:none; border-radius:0px; margin-bottom:10px;}
.panel.answer input{ width:auto; margin:0 0 10px 0; border-radius:0px;}

.progetto .col-md-9{ border-right:1px dashed #555;}

.sidebar .box{ width:100%; float:left; padding:20px; background:#111; margin-bottom:10px;}
.sidebar .box:last-child{ margin-bottom:0px;}
.sidebar .title{ margin-bottom:10px;}
.sidebar .title h2{ font-size:18px; margin:0px;}
.sidebar .info{}
.sidebar .info ul{ margin:0px; padding:0px;}
.sidebar .info li{ list-style:none; padding:0;}
.sidebar .info li .label{ font-size:11px; line-height:14px; color:#fff; font-weight:normal; padding:0px;}

.sidebar .download h2{ font-size:16px; color:#999; margin-bottom:10px;}
.sidebar .download ul{ margin:0px; padding:0px;}
.sidebar .download li{ width:auto; float:left; padding:10px; background:#000; margin:0 3px 3px 0; list-style:none;}
.sidebar .download li:last-child{ border-bottom:0px;}
.sidebar .download li .data{ font-size:11px; line-height:14px; color:#fff; font-weight:normal; padding:0px;}
.sidebar .download li .download{ line-height:18px; font-size:12px; color:#999;}
.sidebar .download li .download a{ color:#999;}

html.has-tab-navigation .toggle-menu{ background:#999; top:30px; cursor:pointer;}

.body-sign .panel-sign input{ height:45px;}

.widget-summary .summary-icon.bg-primary{ background:#111;}
.panel-featured-primary{ border:0px;}
.widget-summary .summary .title{ color:#999;}
.widget-summary .summary .amount{ color:#fff;}


@media screen and (max-width:1199px) {
	.header{ height:auto;}
	html.boxed .header{ border-width:0px !important;}
}

@media screen and (max-width:991px) {
	.tab-navigation{ border-radius:0px;}
	.tab-navigation nav > ul > li.nav-expanded > a{ background:#000 !important; color:#fff !important;}
	.tab-navigation nav > ul > li > ul{ background:#000;}
	
	.progetto .col-md-9{ border:0px;}
	
}

@media screen and (max-width:767px) {
	
	.header .logo-container .logo img{ max-height:40px;}
	
	.body-sign .panel-sign .panel-body{ padding:20px;}
	.body-sign .center-sign{ vertical-align:top;}
	
	.header .logo-container{ position:static !important;}
	.header .header-right{ margin-top:0px;}
	.userbox:after{ display:none;}
	html.has-tab-navigation .content-body{ padding:15px;}
	html.dark .header .logo-container, html.header-dark .header .logo-container{ height:auto; padding:10px 0; background:#111; border-color:#fff; border:0px;}
	html.dark .header .header-right, html.header-dark .header .header-right{ height:auto; background:#222;}
	
	
	.tab-navigation nav > ul > li > ul > li > a{ padding-top:5px; padding-bottom:5px;}
	
	.userbox .name, .userbox .role{ text-overflow:initial; max-width:none;}
	.page-header h2{ text-overflow:initial;}
	
}