﻿/****************************************************
 * All tables
 */
table.table
{
	border-collapse: collapse;
	/*margin: 10px 0;*/
	font-size: 0.9em;
	width: 100%;
}

table.table tr
{
	opacity: 1;
	transition: opacity 0.6s;
}

table.table tr:nth-child(2n+1) 
{
	background-color: #fff;
}
table.table tr:nth-child(2n)
{
	background-color: #F9FCFE;
}
table.table tbody tr:hover
{
	background-color: #F2FAFF;
}

table.table th
{
	color: #959595;
	background-color: #F1F4F7;
	font-weight: 600;
	padding: 10px 5px;
	text-align: left;
}
table.table td
{
	padding: 5px 5px;
	vertical-align: middle;
	white-space: nowrap;
}
table.table th,
table.table td
{
	border: 1px #E1E1E1 solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
table.table td
{
	overflow: hidden;
	text-overflow: ellipsis;
}

table.table tfoot td
{
	text-align: right;
}

table.table .fa
{
	font-size: 1.5em;
	text-decoration: none;
	padding: 0 5px;
}

/*table.table .table_pagination,*/
table.table .table_total
{
	display: inline-block;
	vertical-align: middle;
}
/*
table.table .table_pagination a
{
	float: left;
	padding: 8px 16px;
	text-decoration: none;
}
table.table .table_pagination a.page-active
{
	background-color: rgba(92, 163, 239, .5);
	color: white;
}
table.table .table_pagination a:hover:not(.page-active)
{
	background-color: #F1F4F7;
}*/
table.table tbody.row-templates
{
	display: none;
}

/*Filtering*/

table.table thead th[data-attribute] > div
{
	position: relative;
	display: inline-block;
	cursor: pointer;
}
table.table thead th[data-attribute] > div:after
{
	content: '\f0b0';
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	top: 100%;
	left: 0;
}
table.table thead th[data-attribute].__filtered > div:after
{
	color: #99cc00;
}

.table-filter
{
	position: absolute;
	margin-left: -5px;
	margin-top: 15px;
	top: 100%;
	padding: 5px 0; 
	background-color: #fff;
	border: 1px #E1E1E1 solid; 
	text-align: center;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*z-index: 10;*/
	min-width: 150px;
	width: 200px;
}
.table-filter_values
{
	text-align: left;
	padding: 5px 5px;
	max-height: 200px;
	overflow-y: auto;
	border-bottom: 1px #E1E1E1 solid;
	white-space: nowrap;
}
.table-filter_values p
{
	margin: 2px 0;
}

/*Sortable*/
table.table thead th > span 
{
	position: relative;
	display: block;
	cursor: pointer;
}
table.table thead th > span:after
{
	content: '\f0dc';
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	top: 100%;
	right: 0;
}
table.table thead th > span.__asc:after{
	content: '\f0de';
	color: #99cc00;
}
table.table thead th > span.__desc:after
{
	content: '\f0dd';
	color: #99cc00;
}

.table-top
{
	width: 1050px;
}
.table-top > div
{
	display: inline-block;
}
.table-top label
{
	display: inline-block;
	vertical-align: middle;
}
/*.table-top > div:nth-child(1)
{
	float: left;
}*/
.table-top > div:nth-child(2)
{
	float: right;
}
.table-top input
{
	font-size: .9em !important;
	background-color: #fff;
}

/****************************************************
 * Info table layout
 */
div.table
{
	display: table;
}
div.table > div
{
	display: table-row;
}
div.table > div > span
{
	display: table-cell;
	padding: 1px 10px 1px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*border: 1px solid #000;*/
}
/*table legend*/
div.table > div > span:nth-child(2n+1)
{
	min-width: 45px;
	font-weight: bold;
}
/*table value*/
div.table > div > span:nth-child(2n)
{
	overflow: hidden;
	text-overflow: ellipsis; /*for suspension points*/
}

/****************************************************
 * Devices list
 */
 
table.devices-list
{
    width: 1050px;
}

/*
.table-wrapper
{
	position:relative;
	height: 100%;
	background: #ccc;
}
.table-scroll
{
	max-height: 400px;
	width: 100%;
	overflow-y: auto;
	margin-top: 50px;
	border-bottom: 1px #E1E1E1 solid;
}
.table-scroll thead
{
	position: absolute;
	top: -40px;
	z-index: 2;
	left: 0;
}*/

table.devices-list th
{
	height: 40px;
}
/*
table#devices-list td:first-child,
table#devices-list th:first-child
{
	border-left: none;
}
table#devices-list td:last-child,
table#devices-list th:last-child
{
	border-right: none;
}
*/
table.devices-list td
{
	vertical-align: bottom;
}
table.devices-list td.unpaired
{
    background-color: #fdeaa8 !important;
}

/*Row checkbox*/
table.devices-list th:first-child,
table.devices-list tbody td:first-child
{
	width: 30px;
	min-width: 30px;
	padding: 0px 0px;
	text-align: center;
	vertical-align: middle;
}

/*OS*/
table.devices-list th:nth-child(2),
table.devices-list tbody td:nth-child(2)
{
	width: 50px;
	/*min-width: 50px;*/
	max-width: 50px;
}
table.devices-list tbody td:nth-child(2)
{
	min-height: 60px;
	text-align: center;
}
table.devices-list tbody td:nth-child(2)._apple
{
	background: url(img/apple.png) no-repeat center 10%;
}
table.devices-list tbody td:nth-child(2)._apple._yellow
{
	background: url(img/apple_yellow.png) no-repeat center 10%;
}
table.devices-list tbody td:nth-child(2)._apple._red
{
	background: url(img/apple_red.png) no-repeat center 10%;
}
table.devices-list tbody td:nth-child(2)._android
{
	background: url(img/android.png) no-repeat center 10%;
}
table.devices-list tbody td:nth-child(2)._android._red
{
	background: url(img/android_red.png) no-repeat center 10%;
}

/*Main info*/
table.devices-list th:nth-child(3),
table.devices-list tbody td:nth-child(3)
{
	width: 311px;
	min-width: 311px;
	max-width: 311px;
}
table.devices-list tbody td:nth-child(3) .table > div > span:nth-child(2) /*first pair*/
{
	min-width: 120px;
	max-width: 120px;
}
table.devices-list tbody td:nth-child(3) .table > div > span:nth-child(4) /*second pair*/
{
	max-width: 80px;
}

/*Additional info*/
table.devices-list th:nth-child(4),
table.devices-list tbody td:nth-child(4)
{
	width: 290px;
	min-width: 290px;
}
table.devices-list tbody td:nth-child(4) .table > div > span:nth-child(2)
{
	min-width: 100px;
	max-width: 100px;
}
table.devices-list tbody td:nth-child(4) .table > div > span:nth-child(4)
{
	min-width: 50px;
	max-width: 50px;
}

/*Battery-info*/
table.devices-list th:nth-child(5),
table.devices-list tbody td:nth-child(5)
{
	width: 100px;
	min-width: 100px;
}
table.devices-list tbody td:nth-child(5) > div
{
	display: inline-block;
	vertical-align: middle;
}

/*Test & Navigation*/
table.devices-list th:nth-child(6),
table.devices-list tbody td:nth-child(6)
{
	width: 270px;
	min-width: 270px;
	max-width: 270px;
}

table.devices-list span[data-name="Grade"]
{
	font-weight: bold;
	color: #000;
}

table.devices-list span[data-name="TestResult"]
{
	white-space: normal;
    max-height: 35px;
    display: inline-block;
    overflow-y: auto;
}

/*Device control*/
.devices-list_control > div
{
	display: inline-block;
}
.devices-list_control > div:nth-child(1)
{
	float: left;
}
.devices-list_control a
{
	border: 1px solid #5ca3ef;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.devices-list_control a:hover
{
	color: #fff;
	background-color: #5ca3ef;
}
.devices-list_control > div:nth-child(2)
{
	float: right;
}

/****************************************************
 * Users list
 */
 
/*Login*/
table#users-list th:nth-child(1),
table#users-list tbody td:nth-child(1)
{
	width: 20%;
}

/*E-Mail*/
table#users-list th:nth-child(2),
table#users-list tbody td:nth-child(2)
{
	width: 20%;
}

/*Roles*/
table#users-list th:nth-child(3),
table#users-list tbody td:nth-child(3)
{
	width: 30%;
}

/*Active*/
table#users-list th:nth-child(4),
table#users-list tbody td:nth-child(4)
{
	width: 60px;
}
table#users-list tbody td:nth-child(4)
{
	text-align: center;
}
table#users-list tbody td:nth-child(4) .fa-circle-o
{
	color: rgb(226, 147, 154);
}
table#users-list tbody td:nth-child(4) .fa-check-circle
{
	color: rgb(152, 196, 89);
}

/*Control*/
table#users-list th:nth-child(6),
table#users-list tbody td:nth-child(6)
{
	width: 50px;
}

/****************************************************
 * Files list
 */
table#files-list
{
    width: auto;
}
table#files-list tbody td:nth-child(1)
{
    width: 300px; 
}
table#files-list tbody td:nth-child(2)
{
    width: 30px;   
}
table#files-list tbody td:nth-child(3)
{
    width: 100px;   
}


/****************************************************
 * History extended
 */

table.history_extended
{
	/*width: 1050px;*/
}

table.history_extended tbody tr
{
	/*cursor: pointer;*/
}

/*Row checkbox*/
table.history_extended th:first-child,
table.history_extended tbody td:first-child
{
	width: 30px;
	min-width: 30px;
	padding: 0px 0px;
	text-align: center;
	vertical-align: middle;
}

table.history_extended th,
table.history_extended tbody td
{
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

table.history_extended tbody td:nth-child(2)
{
	text-align: center;
}

/*Manufacturer*/
table.history_extended th:nth-child(3),
table.history_extended tbody td:nth-child(3)
{
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}

/*Model*/
table.history_extended th:nth-child(4),
table.history_extended tbody td:nth-child(4)
{
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

/*Gb*/
table.history_extended th:nth-child(5),
table.history_extended tbody td:nth-child(5)
{
	width: 60px;
	min-width: 60px;
	max-width: 60px;
}

/*Color*/
table.history_extended th:nth-child(6),
table.history_extended tbody td:nth-child(6)
{
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

/*IMEI*/
/*Serial number*/
table.history_extended th:nth-child(7),
table.history_extended tbody td:nth-child(7)
{
	width: 140px;
	min-width: 140px;
	max-width: 140px;
}

/*FMIP*/
/*ESN*/

table.history_extended th:nth-child(8),
table.history_extended tbody td:nth-child(8),
table.history_extended th:nth-child(9),
table.history_extended tbody td:nth-child(9)
{
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}

/*Erase*/
table.history_extended th:nth-child(10),
table.history_extended tbody td:nth-child(10)
{
	width: 130px;
	min-width: 130px;
	max-width: 130px;
}

/*Test results*/
table.history_extended th:nth-child(11),
table.history_extended tbody td:nth-child(11)
{
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	/*word-wrap: break-word;*/
}

/*DateTime*/
table.history_extended th:nth-child(12),
table.history_extended tbody td:nth-child(12)
{
	width: 130px;
	min-width: 130px;
	max-width: 130px;
}

/*User*/
table.history_extended th:nth-child(13),
table.history_extended tbody td:nth-child(13)
{
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

/*Contragent*/
/*Invoice*/
table.history_extended th:nth-child(14),
table.history_extended tbody td:nth-child(14),
table.history_extended th:nth-child(15),
table.history_extended tbody td:nth-child(15)
{
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

/*Info*/
table.history_extended th:nth-child(2),
table.history_extended tbody td:nth-child(2)
{
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}

/*Notes*/
table.history_extended th:last-child,
table.history_extended tbody td:last-child
{
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}

div.history_extended.caption
{
	padding: 10px 0;
	text-align: left;
	font-size: 1.1em;
	
}
div.history_extended.caption a
{
	padding: 5px;
}

div.history_extended.caption input
{
    margin: 0 0 0 5px;
	height: 35px;
}
div.history_extended.caption input[type='date']
{
    width: 110px;
}
div.history_extended.caption button
{
	margin: 2px 5px;
}

/****************************************************
 * History details
 */

table.history_details
{
	width: 1050px;
}
table.history_details td 
{
	white-space: normal;
}

table.history_details th,
table.history_details tbody td
{
	/*width: 140px;
	min-width: 140px;
	max-width: 140px;*/
}

table.history_details th:nth-child(1),
table.history_details tbody td:nth-child(1)
{
	width: 150px;
	min-width: 50px;
	max-width: 50px;
}

/*DateTime*/
table.history_details th:nth-child(2),
table.history_details tbody td:nth-child(2)
{
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}

/*User*/
table.history_details th:nth-child(3),
table.history_details tbody td:nth-child(3)
{
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

/*OS Version*/
table.history_details th:nth-child(4),
table.history_details tbody td:nth-child(4)
{
	width: 60px;
	min-width: 60px;
	max-width: 60px;
}

/*FMIP*/
/*DHack*/
table.history_details th:nth-child(5),
table.history_details tbody td:nth-child(5),
table.history_details th:nth-child(6),
table.history_details tbody td:nth-child(6)
{
	width: 50px;
	min-width: 50px;
	max-width: 50px;
}

/*Contragent*/
/*Invoice*/
table.history_details th:nth-child(7),
table.history_details tbody td:nth-child(7),
table.history_details th:nth-child(8),
table.history_details tbody td:nth-child(8)
{
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}

/*table.history_details th:nth-child(7),
table.history_details tbody td:nth-child(7)
{
	width: 300px;
	min-width: 300px;
	max-width: 300px;
}*/

/*
.history_span-picker
{
	position: fixed;
	right: 10%;
}*/

/*table.history_extended td
{
	white-space: normal;
	word-wrap: break-word;
}*/

/*Device info*/
.table.history_device-info span
{
	padding: 5px 10px;
	width: 100px;
}
.table.history_device-info span:nth-child(2n+1)
{
	text-align: center;
}


td.status_good
{
	color: rgb(152, 196, 89);
	background-color: rgb(247, 255, 236);
}
span.status_good,
div.status_good
{
	color: rgb(152, 196, 89);
}

td.status_bad,
input.status_bad
{
	color: rgb(226, 147, 154);
	background-color: rgb(251, 241, 242);
}
span.status_bad,
div.status_bad
{
	color: rgb(226, 147, 154);
}

/****************************************************
 * License counter
 */
 
table.license-counter
{
width: auto;
}
table.license-counter th,
table.license-counter tbody td
{
	max-width: 120px;
	width: 120px;
}

/****************************************************
 * Device info
 */
.device-info td
{
    border-color: transparent;
}
.device-info caption
{
	text-align:left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
}
.device-info td:nth-child(2n+1)
{
    font-weight: bold;
    width: 120px;
    max-width: 120px;
}
.device-info td:nth-child(2n)
{
    max-width: 200px;
}

/****************************************************
 * Statistics
 */

div.statistics.caption
{
	padding: 10px 0;
	text-align: left;
	font-size: 1.1em;
	
}

div.statistics.caption a
{
	padding: 5px;
}