@import url(http://fonts.googleapis.com/css?family=Raleway);

@font-face {
	font-family: 'Roboto';
	src: url('font/roboto/Roboto-Regular.ttf');
}

div.container{
    width: auto;
    height: 610px;
    margin:0px auto;
	text-align: center;
}

div.tabella{
    width: 200;
    height: auto;
    margin:auto ;
}


div.boxcf{
    background-color: #eeeeee;
	color: #464646;
	font-size: 15px;
}

div.boxdes_ind{
    background-color: #eeeeee;
	color: #464646;
	font-size: 15px;
}

/*div.main{
    width: auto;
    margin-top: 0px;
    float:left;
    border-radius: 5px;
    Border:3px solid #003366;
    padding:0px 50px 20px;
    font-family: 'Raleway', sans-serif;
}*/
#error{
    display:block;
    margin-top: 10px;
    margin-bottom: 10px;
}
#success{
    color:green;
    font-weight:bold;
}
span{
    color:#004A7C;
	font-family: 'Roboto';
}

h2{
    background-color: #ffffff;
    padding: 2px;
    margin: 0 -50px;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
b{
    font-size:18px;
    display: block;
    color: #555;
}
hr{
    margin: 0 -50px;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom:25px;
}
label{
	color:#666666;
	font-family: 'Roboto';
	font-size: 16px;
	font-style : bold;
}
input[type=text],
input[type=date],
input[type=password],
input[type=number],
input[type=email],
input[type=radio]{
    width:200px;
    height:28px;
    padding:5px;
    margin-top:5px;
    margin-bottom:15px;
	border-radius: 5px 5px 5px 5px;
}
input.catasto[type=text]{
    width:100px;
    height:28px;
    padding:5px;
    margin-top:0px;
    margin-bottom:0px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #c3d0e1;
	background: #f2f2f2;
color:#666666;
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
}


select{
    width:auto;
    height:28px;
    padding:5px;
    margin-top:5px;
    margin-bottom:15px;
	border-radius: 5px 5px 5px 5px;
}
input[type=button],
input[type=submit],
input[type=reset]{
    padding: 10px;
    background: #ffffff;
    border: 2px solid #0094d6;
    color: #0094d6;
    cursor: pointer;
    width: 200px;
    border-radius: 3px;
    margin: auto;
	font-family: 'Roboto';
    font-weight: bold;
    font-size: 16px;
}


input.delete[type=button]{
    width: 24px;
	background: #ffffff;
    border: 0px solid #ffffff00;
	background-image: url(rif/delete.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

input.delete[type=button]:hover
{
  width: 24px;
	background: #ffffff;
    border: 0px solid #ffffff00;
  background-image: url(rif/delete_hover.png);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

/*input[type=button],
input[type=submit],
input[type=reset]{
    padding: 10px;
    background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
    border: 1px solid #e5a900;
    color: #524f49;
    cursor: pointer;
    width: 49.2%;
    border-radius: 2px;
    margin-bottom: 15px;
    font-weight:bold;
    font-size:16px;
}*/
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover
{
    background: #004A7C ;
	color: #ffffff;
	font-family: 'Roboto';
    font-weight: bold;
    font-size: 16px;
}

.responsive {
border-collapse:collapse;
border-spacing:0;
margin:auto;

}

@media screen and (min-width:800px){
.responsive {width: 200;
}

.responsive thead th {
height:28px;
line-height:28px;
border:2px solid #fff;
background: #f2f2f2;
color:#666666;
font-family: 'Roboto';
font-size: 15px;
font-weight: 400;
}

.responsive tbody td {
height:28px;
line-height:28px;
border:0px;
color:#666666;
border-left:2px solid #fff;
background: #f2f2f2;
font-family: 'Roboto';
font-size: 14px;
font-weight: 400;
}
}

@media screen and (max-width:200px) {
.responsive, thead, tbody, th, tr, td {display: block;}

.responsive {width:90%;}
}

input#search_box{
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    width: 400px !important;
color:#666666;
font-family: 'Roboto';
font-size: 15px;
font-weight: 400;}

input#search_box {
    width: 400px;
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.list-group-item-action {
    /*width: 100%;*/
    color: #495057;
    text-align: inherit;
}

@media (min-width: 576px)
.col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    /* background-color: black; */
}