body {
	font-family: Roboto;
	height: 100%;
}


.content {
	position: relative;
    min-height: 100%;
    margin: 0 auto;

}

.report {
    width: 100%;
    float: left;
    margin-top: 20px;
}

table.table {
    font-size: 12px;
    margin: 0 auto;
    float: left;
    width: 100%;
}

table.table th {
    background-color: #3c3c3c;
    font-weight: 500;
    font-size: 15px;
    padding: 0 10px;
    color: #fff;
    text-shadow: #414141 0 1px 0px;
    line-height: 40px;
    font-size: 12px;
}

.range {
    float: left;
    width: 100%;
}

.range-button {
    float: left;
	margin-right: 4px;
	font-size: 12px !important;
}

.range-button:hover {
	cursor: pointer;
}

.range-button.active {
	
}

h1 {
    text-transform: none;
    font-size: 24px;
    color: #444;
}

table.table tr.itog {
	    font-weight: bold;
    background: #fff1ca;
    border-top: 2px solid #fde08f;
}

.icon-calendar {
	margin-right: 5px;
	float: left;
}

.change {
    float: left;
    text-align: left;
      margin-bottom: 20px;
}




.all {
    width: 98%;
    margin: 0 auto;
}

.header {
	background: #353535;
	width: 100%;
	float: left;
	    overflow: hidden;
}


.header .logo {
    float: left;
    margin: 9px auto;
    background: url(../images/logo.png);
    width: 150px;
    height: 45px;
    margin-right: 10px;
}

.header .logo img {
	
}

.header h1.title {
    float: left;
    color: #fff;
    font-size: 19px;
    margin: 8px 0px 0px 30px;
}
.body {
    padding-bottom: 0px;
}

.body .all {
        padding-bottom: 30px;
    display: inline-block;
}

h2.subtitle {
    text-align: left;
    font-size: 24px;
    color: #515151;
    font-weight: 500;
    margin: 30px 0px 20px 0px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

h2.subtitle span {
    display: inline-block;
    float: left;
}



.user {
    float: right;
   
    margin-top: 12px;
}

.user img {
    float: left;
    border: 1px solid #666;
    margin-right: 10px;
}

.user .username {
    float: left;
}

.user .username span {
    display: block;
    text-align: left;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

.user .username a {
    display: block;
    floaT: left;
    color: #ffc318;
    text-decoration: underline;
    font-size: 12px;
}


.footer {
    background: #353535;
    color: #848484;
    /* float: left; */
    width: 100%;
    padding: 15px 0px;
    text-align: left;
    font-size: 12px;
    
    
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

.footer .all {
	display: block;
    padding-bottom: 0;
}

.footer img {
    margin-right: 10px;
}


.auth {
	background: #444 url(../images/backlogo.png) no-repeat top left;
	    background-position: -10% 0%;
}

.form-auth {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    width: 320px;
    margin-left: -160px;
       margin-top: -220px;
}
.form-auth input[type=text], .form-auth input[type=password] {
    background: none;
    border: none;
    border-bottom: 1px solid #797979;
    font-family: Roboto;
    font-size: 15px;
    width: 235px;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 25px;
	transition: all 0.5s ease;
}

.form-auth input[type=text]:focus,
.form-auth input[type=password]:focus
 {
	transition: all 0.5s ease;
	    border-color: #ffc84c;
}

.form-auth input:focus {
	outline: none;
}

.form-auth input[type=submit] {
    background: none;
    color: #c5c5c5;
    border: 1px solid #353535;
    font-family: Roboto;
    font-size: 15px;
    padding: 9px 60px;
    margin-top: 10px;
    background: #3a3a3a;
    text-shadow: 0px -1px 0px #000;
    box-shadow: inset 0px 2px 0px #424242;
	cursor: pointer;
	
}

.form-auth input[type=submit]:hover {
    background: #3c3c3c;
    border: 1px solid #383838;
}

.form-auth input[type=submit]:active {
	background: #3c3c3c;
    border: 1px solid #383838;
	box-shadow: inset 0px 0px 0px #424242;
	padding-top:10px;
}

.auth h1 {
    font-family: Roboto;
    color: #fff;
    font-weight: 400;
    font-size: 21px;
    margin-bottom: 40px;
    text-align: center;
}

.form-auth .logo {
    width: 100%;
    display: block;
    min-height: 130px;
    background: url(../images/mainlogo.png) no-repeat top center;
}

.text {
    float: left;
    width: 100%;
}

.text ul {
	
}

.text ul li {
	text-align: left;
}

.text ul li a {
	    font-size: 14px;
}




table.project {
    width: 100%;
}

table.project tr {
	
}

table.project thead {
    background: #333;
}

table.project thead th {
    padding: 10px 5px;
    font-size: 13px;
    color: #fff;
    font-weight: 300;
}

table.project tbody {
	
}

table.project tbody tr {
	
}


table.project tbody tr td {
    padding: 5px;
    font-size: 13px;
    color: #666;
}

table.project tbody tr:nth-child(even) {
    background: #f5f5f5;
}

table.project tbody tr:hover {
    background: #fff6d2;
}


.wrapp {
    display: inline-block;
    width: 98%;
    margin: 0 auto;
}

h3.title {
	margin-top:20px;
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: left;
	
}



.menu {
    display: inline-block;
    width: 100%;
    background: #f1f1f1;
    border-bottom: 1px solid #e0e0e0;
}

.menu ul {
    text-align: left;
    display: block;
}

.menu ul li {
    display: inline-block;
}

.menu ul li a {
    font-size: 14px;
    color: #676666;
	padding: 10px 0px;
    padding: 10px 20px;
	display: block;
}

.menu ul li:hover {
    
}

.menu ul li:hover a {
	background: #ececec;
}


table.access-users {
	width: 100%;
	font-size: 13px;
}

table.access-users thead {
	
}

table.access-users thead tr th {
	padding: 5px 5px;
	font-weight: 600;
}

table.access-users tbody {
	
}

table.access-users tbody tr {
	
}

table.access-users tbody tr td {
    padding: 5px 5px;
}

table.access-users tbody tr:nth-child(even) {
    background: #f1f1f1;
}

h3.access-users {
    font-size: 18px;
    font-weight: 600;
}

.panel {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	background: none;
	box-shadow: none;
}

.panel a.a-menu {
    text-align: left;
    display: inline-block;
    float: left;
    text-decoration: underline;
    color: #11abe8;
    font-size: 14px;
	margin-right: 20px;
}


form.add-form {
	
}

.add-form table {
    width: 100%;
    margin-bottom: 25px;
}

.add-form table tr {
	
}


.add-form table tr:nth-child(even) {
	 
}

.add-form table tr td {
    padding: 5px;
    font-size: 13px;
    vertical-align: top;
}

.add-form input[type=text] {
    font-family: Roboto;
    font-size: 13px;
    padding: 5px 5px;
    width: 100%;
    border: 1px solid #ccc;
}

.add-form input[type=submit] {
    font-family: Roboto;
    font-weight: 500;
    padding: 5px 30px;
    margin: 0 auto;
    display: block;
}

.add-form label.label-input {
    margin: 0;
    font-weight: normal;
}

.add-form input[type=checkbox] {
    margin-right: 10px;
}

.add-form select {
	padding: 5px 5px;
    width: 100%;
    border: 1px solid #ccc;
	font-family: Roboto;
    font-size: 13px;
}


table.list-user {
	font-size: 13px;
}

table.list-user thead {
	
}

table.list-user thead tr {
	
}

table.list-user thead th {
	font-weight: 600;
	padding: 5px;
}

table.list-user tbody {
	
}

table.list-user tbody tr {
	
}

table.list-user tbody tr td {
	padding: 5px;
}

table.list-user tbody tr:nth-child(even) {
	background: #f1f1f1;
}

table.list-user tbody tr td:first-child {
	color: #bbb;
}

button.add-user {
	margin: 20px 0px;padding: 5px 20px;
	font-family: Roboto;
	font-weight: 500;
	margin-bottom: 0px;
}

.block-ishod-arhiv {
	display: none;
}
.block-vhod-arhiv {
	display: none;
}
.block-ishod-arhiv.shown {
	display: inline-table;
}
.block-vhod-arhiv.shown {
	display: inline-table;
}

a.a-title {
    text-align: left;
    float: left;
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 40px;
}