@charset "utf-8";
/* CSS Document */
@media (max-width: 1369px) {
   
}

@media (max-width: 1024px) {

}
@media (max-width:992px) {
	

}
@media (max-width:980px) {
    
}
@media (max-width:812px) {	
}
@media (max-width:768px) {
}
@media (max-width:767px) {
#page-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 35px;
}
thead {
	/*	position: absolute;
		left: -9999px;
		overflow: hidden;*/
		width: 0px;
		height: 0px;
		
	}
	
	tr, td, th, thead, tbody, table {
		display: block;
	}
	
	tbody tr:nth-child(2n+1) {
		background-color: #dddddd;
		
	}
	
	tbody tr td::before {
		display: inline-block;
		width: 25%;
		min-width: 100px;
		border-right: 2px dotted #999;
		margin-right: 10px;
		font-weight: bold;
		
	}	

	tbody tr td::before {
		content: attr(data-title);
	}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td, th {
	padding: 0 .3em;
	white-space: nowrap;
}

td {
	border: 1px solid rgba(0,0,0,.1);
}

tbody tr:nth-child(2n+1) {
	background-color: #dddddd;
		
}
.form-control.big {
    width: 100%;
    margin-bottom: 10px;
}
.form-inline {
    text-align: left;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #004d66;
    border: 1px solid;
}
.navbar-top-links {
    margin-right: 0;
    padding-top: 0px;
    text-align: center;
}


}
@media (max-width:580px) {

    }
@media (max-width:480px) {
	    .page-header {
      padding-bottom: 9px;
      margin: 40px 0 20px;
      border-bottom: 1px solid #eee;
  }
   .navbar-brand {
        float: left;
        height: 55px;
        padding: 7px 15px;
        font-size: 18px;
        line-height: 20px;
        width: 220px !important;
        color: #fff !important;
        text-align: left;
    }
    .hed {
    display: block;
    justify-content: space-between;
    margin-bottom: 15px;
}

}
@media (max-width:414px) {
	}
@media (max-width:375px) {
    }

@media (max-width:360px) {
    }