/***** RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    min-height: 100vh;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

/***** /RESET/ *****/


/* font-family: "UbuntuCondensedRegular"; */
@font-face {
  font-family: "UbuntuCondensedRegular";
  src: url("../fonts/UbuntuCondensedRegular/UbuntuCondensedRegular.eot");
  src: url("../fonts/UbuntuCondensedRegular/UbuntuCondensedRegular.eot?#iefix")format("embedded-opentype"),
  url("../fonts/UbuntuCondensedRegular/UbuntuCondensedRegular.woff") format("woff"),
  url("../fonts/UbuntuCondensedRegular/UbuntuCondensedRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}



.main{
  width: 96%;
  margin: auto;
  font-family: 'UbuntuCondensedRegular', sans-serif;
}

select{
  font-family: 'UbuntuCondensedRegular', sans-serif;
}

.head{
  height: 86px;
  width: 505px;
  margin: 10px auto;
}

.head h1{
  font-size: 2rem;
  font-weight: bold;
  line-height: 86px;
  margin-left: 150px;
}

.header, .list{
  width: 100%;
}

.exit{
  text-align: right;
  margin: -90px 0 80px 0;
}

.status0{
  background: #B8E1FF;
}
.status1 {
	background-color: #ff8a80;
}

.status2 {
	background-color: #c8e6c9;
}

.status3 {
	background-color: #ecf2f5;
}


.status4 {
	background-color: #ecf2f5;
}

.status5 {
	background-color: #ecf2f5;
}
.status6 {
	background-color: #e8f5e9;
}

.status7 {
	background-color: #ffe082;
}

.status00 {
	background-color: #ecf2f5;
}




table{
  width: 100%;
}

tr{
  height: 40px;
  border-bottom: 1px solid #ccc;
  background: #B8E1FF;
}

th {
  background: #ecf2f5;
  vertical-align: middle;
  font-weight: bold;
  text-shadow: 1px 1px 2px #fff;
}

td {
  vertical-align: middle;
  padding: 5px 5px;
}

.col0, .col1, .col2, .col3, .col4, .col6, .col7, .col8, .col9, .col10, .time_order{
  text-align: center;
}


.col0{
  min-width: 30px;
}

.col1{
  width: 8%;
}

.col2{
  width: 6%;
}

.col3{
  width: 8%;
}

.col4{
  width: 8%;
}

.col5{
  width: 12%;
}

.col6{
  width: 18%;
}

.col7{
  width: 8%;
}

.col8{
  width: 6%;
}

.col9{
  width: 16%;
}

.col10{
  width: 8%;
}




.col1-1{
  width: 20%;
  text-align: center;
}

.col2-1{
  width: 20%;
  text-align: center;
}

.col3-1{
  width: 60%;
  text-align: center;
}



.add {
  width: 325px;
  margin: 90px auto;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.auth {
overflow: hidden;
  width: 340px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  position: absolute;
  left: 50%;
  margin-left: -170px;
  top:50%;
  margin-top: -127px;
}

.error{
  text-align: center;
  color: red;
  font-size: 1.5rem;
}



/* Basics */

html, body {
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased;
    background: rgb(98,111,128);
    background: radial-gradient(circle, rgba(98,111,128,1) 0%, rgba(65,81,101,1) 80%);

}

.container {
    width: 100%;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

form {
    margin: 0 auto;
}

label {
    color: #555;
    display: inline-block;
    margin-left: 18px;
    padding-top: 10px;
    font-size: 14px;
}

input {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    outline: none;
}

input[type=text],
input[type=password],
select[name=city]{
	width: 9%;
}

input[name=login],
input[type=password]{
  width: 300px;

}

textarea{
  width: 300px;
}

input[type=text],
input[type=password],
select, textarea{
    color: #777;
    padding-left: 10px;
    margin: 10px;
    margin-top: 12px;
    margin-left: 18px;
    height: 35px;
    border: 1px solid #c7d0d2;
    border-radius: 2px;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:hover,
input[type=password]:hover,
select:hover{
    border: 1px solid #b6bfc0;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus{
    border: 1px solid #a8c9e4;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}

#lower {
    background: #ecf2f5;
    width: 100%;
    height: 69px;
    margin-top: 20px;
    box-shadow: inset 0 1px 1px #fff;
    border-top: 1px solid #ccc;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.check {
    margin-left: 3px;
    font-size: 11px;
    color: #444;
    text-shadow: 0 1px 0 #fff;
}

.right_buttons{
  float: right;
  margin-top: 14px;
  margin-right: 14px;
}

input[type=submit] {
    /*float: right;
    margin-right: 20px;
    margin-top: 12px;*/
    width: 105px;
    height: 30px;
    font-size: 16px;
}

input[type=reset] {
    /*float: right;
    margin-right: 20px;
    margin-top: 12px;*/
    width: 105px;
    height: 30px;
    font-size: 16px;
}

.button {
  padding: 5px 10px;
}


input[type=submit], .button {
  font-weight: bold;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
  background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
  background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
  border-radius: 30px;
  border: 1px solid #66add6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
  cursor: pointer;
  font-family: 'UbuntuCondensedRegular';
}

input[type=submit]:hover, .button :hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}

input[type=submit]:active, .button :active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
    background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
    background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}




.new {
    text-align: right;
    height: 25px;
}

.cancel {
  float: left;
  margin: 26px 20px;
}

#filtr_body{
  background: #ECF2F5;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 auto 5px;
}

#pagination{
  text-align: center;
  font-weight: bold;
  margin: 20px auto;
}

#pagination a{
  margin: 0 4px;
  color: #000000;
}



#pagination a:active, #pagination a:hover, #pagination a.active{
  color: #FF6464;
}

#pagination strong {
	color: #FF6464;
}


.submit_right_button{
  margin: 18px 20px;
  border: none !important;
  background-color: #FFA000 !important;
  background-image: none !important;
  box-shadow: none;
  position: relative;
  left: 50%;
  margin-left: -52.5px;
}


/*стили для вкладок*/
.tabs{
  padding: 0;
}

.tabs_container .tabs{
  margin: 0 !important;
}

.tabs_container .tabs li {
  cursor: pointer;
  background: #fff;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px 25px;
  margin: 0 !important;
  top: 2px;
  position: relative;
}

.tabs_container .tabs li.active {
  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #ECF2F5;
  background-color: #ECF2F5;
  padding: 10px 25px;
  top: 0px;
}

.tab_container {
  display: none;
  background: #fff;
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin: -1px 0 0 0;

}

.tab_container ul li {
  margin: 0 0 8px 0;
}

.inl-bl{
  display: inline-block;
}
/*/стили для вкладок/*/

/*стили вкладки статистика*/
#stat tr{
  background: #FFFFFF;
}

.block_title{
  background: #ECF2F5;
  font-weight: bold;
  text-transform: capitalize;
}

#stat .stat_head{
  background: none;
}

#stat .item_title{
  width: 330px;
  text-align: left;
}



.line_class td{
 text-align: center;
}

.stat_head td{
  text-align: center;
  font-weight: bold;

}


.tabs > li > a {
	color: #888;
}

.new_bt_r {
	position: absolute;
	top: 30px;
	right: 19px;
}


.add_user_bt {
	background-color: #6AAA6D !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	margin-right: 10px;
}




.logout_bt {
	background-color: #DE6363 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}



.add_user_bt1 {
	width: 120px;
	position: relative;
	margin: 0px;
	left: 50%;
	margin-left: -70px;
	text-align: center;
	background-color: #6AAA6D !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	margin-right: 10px;
}

.add_user_bt1:hover {
	background: rgba(164,179,87,1);
	background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 48%, rgba(117,137,12,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,179,87,1)), color-stop(48%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1)));
	background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 48%, rgba(117,137,12,1) 100%);
	background: -o-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 48%, rgba(117,137,12,1) 100%);
	background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 48%, rgba(117,137,12,1) 100%);
	background: linear-gradient(to bottom, rgba(164,179,87,1) 0%, rgba(164,179,87,1) 48%, rgba(117,137,12,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
}

.add_user_bt1:active {
	background: rgba(117,137,12,1);
	background: -moz-linear-gradient(top, rgba(117,137,12,1) 0%, rgba(164,179,87,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,137,12,1)), color-stop(100%, rgba(164,179,87,1)));
	background: -webkit-linear-gradient(top, rgba(117,137,12,1) 0%, rgba(164,179,87,1) 100%);
	background: -o-linear-gradient(top, rgba(117,137,12,1) 0%, rgba(164,179,87,1) 100%);
	background: -ms-linear-gradient(top, rgba(117,137,12,1) 0%, rgba(164,179,87,1) 100%);
	background: linear-gradient(to bottom, rgba(117,137,12,1) 0%, rgba(164,179,87,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75890c', endColorstr='#a4b357', GradientType=0 );
}




#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;

}


#add_user_modal {
	width: 400px;
	display: none;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}

#add_user_modal > h3 {
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-family: 'UbuntuCondensedRegular', sans-serif;
	margin-bottom: 20px;
}

#add_user_modal .new_input {
	margin: 0px;
	width: 100%;
	margin-bottom: 10px;
}


.form_error {
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	background-color: rgba(252,110,88,1);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 14px;
}

.form_ok {
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	background-color: rgba(164,179,87,1);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 14px;
}








#add_user_modal .modal_close {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAS9JREFUOBGlkz1OxDAQheP1oiVVfi6QJgXdKgqHQKJBAirOB0JiBSk5B3WElAskSrcUKMznXUNA4zRMESfz5r15Y8emruuTLMvup2k67brutm3bj2ghyrLcFEXxZIzZD8Nwt07T9EHqbyQRCdDI+1VI5EhupPaCHtI4Wsm64YMAQITCQ+bn+ZcMgmsr8ZwkybmQS5KsfEt+1/f9J7kA+VVGvrYUURwSyfN8jStvG0HpDNmNakgQoS5gIbLDePjQRDzGOu/s89a/sGrjeFwjg3EK/4pfDpZG0E6Hzt8CGhnbUtNCplgTcQIhMkc1juNj6Ijdni2R+aW1jZ07sVVVvUjiEouEttsLItuVkPcHqk72GG4Y6bgvLg3Xyo1q4jg+E+Cdfzt0E2HMnGyF/MZ1/gLbQt2OfRbY5gAAAABJRU5ErkJggg==');
}


.del {
	background-color: #FFA000 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}


.filters {
	background-color: #FFA000 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}


.reset {
	background-color: #626f80 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}



/*/стили вкладки статистика/*/





.tabs_container {
	position: relative;
}

.average_time {
	position: absolute;
	padding: 10px;
	font-size: 16px;
	color: white;
	border-radius: 18px;
	left: 50%;
	margin-left: -129px;
	top: -60px;
}

.red {
	background-color: #DE6363;
}

.yellow {
	background-color: #FFA000;
}

.green {
	background-color: #6AAA6D;
}