/*********************************************************************************************************************************************
 *
 *    Self-made modifications
 *
 *******************************************************************************************************************************************/


/******************************************************
 *	General
 */

body {
	padding-top: 60px;
}

body.modal-open {
	overflow: visible;
}

section {
	padding: 10px;
}

hr {
	background-color: #DDD;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 5px;
}

a {
	cursor: pointer;
}

#feedbackRegion {
	position: fixed;
	width: 100%;
	z-index: 4;
	padding-right: 3%;
}

.margin-large {
	margin: 40px;
}

.graph-modal {
	width: 1300px;
}

.list-group-item {
	padding: 0;
}

.list-group-item-head {
	padding: 10px;
}


.list-group-item:hover {
	background-color: #F5F5F5;
}

label {
	display: inline-block;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.no-margin {
	margin: 0;
}

.checkbox-container {
	display: flex;
	align-content: center;
}

.factory-checkbox {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}

input[type="checkbox"] {
	position: relative;
	bottom: 3px;
	right: 2px;
}

input[class=return_checkbox] {
	line-height: 22px;
}

.voffset {
	margin-top: 2px;
}

.voffset1 {
	margin-top: 5px;
}

.voffset2 {
	margin-top: 10px;
}

.voffset3 {
	margin-top: 15px;
}

.voffset4 {
	margin-top: 30px;
}

.voffset5 {
	margin-top: 40px;
}

.voffset6 {
	margin-top: 60px;
}

.voffset7 {
	margin-top: 80px;
}

.voffset8 {
	margin-top: 100px;
}

.voffset9 {
	margin-top: 150px;
}

.well {
	padding-top: 15px;
}

.min-width {
	width: 200px;
}

.hidden_ {
	display: none;
}

.align-right {
	display: inline-block;
	float: right;
}

.right {
	display: inline;
	position: absolute;
	right: 0;
	text-align: right;
}

h3 {
	margin-top: 5px;
}

h4 {
	margin-top: 2px;
}

.well {
	margin: 10px;
}

.label {
	padding: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.sticky {
	z-index: 2;
}

.navbar-nav {
	margin-top: 0;
}

.btn-toggle-tab2 {
	margin: 5px;
}

.navbar {
	z-index: 4;
	margin-bottom: 5px;
}

.navbar-right {
	padding-right: 5px;
}

.hide_ {
	display: none;
}

.btn-account,
.btn-dissociate,
.btn-clone {
	margin-bottom: 10px;
}

.clone_account_modal ul {
	margin-left: 20px;
}

.glyphicon-refresh-animate {
	-animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}

@-webkit-keyframes spin2 {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: scale(1) rotate(0deg);
	}

	to {
		transform: scale(1) rotate(360deg);
	}
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	background-color: #EEE;
}

.head {
	padding: 10px 15px 5px 15px;
}

.striped {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}

/******************************************************
 *	Traces
 */

.traces {
	background-color: #f4f4f4;
	padding: 0;
	border: 1px solid #CCC;
	z-index: -1;
}

.traces_head {
	background-color: #f4f4f4;
	padding: 10px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	word-wrap: normal;
}

.flags {
	display: inline-block;
	word-wrap: normal;
}

.bloc_flag {
	display: inline-block;
	padding: 8px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #A4D3EE;
	border-radius: 5px;
	border: 1px solid #A4D3EE;
}

.bloc_flag:hover {
	background-color: #ACDCF9;
	border: 1px solid #9CF;
	cursor: pointer;
}

.section_flag:hover {
	background-color: #DCF7F7;
	border: 1px solid #ADF;
	cursor: pointer;
}

.trace_bloc_toggler {
	cursor: pointer;
}

.section_flag {
	padding: 2px;
	padding-left: 5px;
	padding-right: 10px;
	margin: 5px;
	background-color: #D1EEEE;
	border-radius: 5px;
	border: 1px solid #D1EEEE;
}

.traces_list_bloc {
	width: 300px;
	height: 0;
	text-align: center;
}

.offset_content {
	margin-left: 310px;
}


.traces_content {
	padding: 10px;
	word-wrap: break-word;
}

.traces_log {
	border-top: 1px solid #CCC;
	background-color: #eee;
}

.bloc {
	word-wrap: break-word;
}

.bloc_hr {
	color: #777;
	background-color: #777;
	height: 2px;
	border: 0;
}


.traces_list {
	margin: 0;
	height: 650px;
	overflow: auto;
	overflow-x: hidden;
}

.margin-left {
	margin-left: 40px
}

.hr-line {
	display: inline-block;
	height: 4px;
	background-color: black;
}

/******************************************************
 *	Table
 */

.tables {
	padding: 5px;
}

.table {
	margin-bottom: 10px;
}

table {
	background-color: white;
	border-collapse: separate;
}

.table tbody tr.info>td {
	background-color: #d9edf7;
}

.no_data {
	background-color: white;
}

.UNKNOWN,
.table tbody tr.UNKNOWN>td {
	background-color: white;
}

.WARNING,
.table tbody tr.WARNING>td {
	background-color: #f9e3ac;
}


.table-hover tbody td.WARNING:hover,
.table-hover tbody tr.WARNING:hover>td {
	background-color: #f9D19F;
}

.CRITICAL,
.table tbody tr.CRITICAL>td {
	background-color: #efb8b8;
}

.table-hover tbody tr.CRITICAL:hover>td,
.table-hover tbody td.CRITICAL:hover {
	background-color: #edaaaa;
}

.SUCCESS,
.table tbody tr.SUCCESS>td {
	background-color: #bdecc5;
}

.color-ok {
	color: black;
}

.color-sent {
	color: #237afd;
}

.color-rejected {
	color: #fd2323;
}

.color-ready {
	color: #fda623;
}

.color-success {
	color: #078f0f;
}

thead {
	background-color: #f7f7f7;
}

.table-role {
	border: 1px solid #ccc;
	border-radius: 8px;
	overflow: hidden;
	/* unfortunately border-radius has a weird behaviour with inner elements */
}

/******************************************************
 *	Tabs (le truc avec des onglets)
 */

#device_tabs {
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
}

.nav-tabs {
	margin-bottom: 0;
}

.nav .active a,
.nav .active a:hover,
.nav .active a:focus,
.tab-content {
	background-color: #eee;
}

/******************************************************
 *	Forms
 */

.modal-form {
	margin: 0;
}

.help-inline {
	color: red;
}

/******************************************************
 *	Graph
 */

.graph {
	width: auto;
	height: 500px;
	padding-bottom: 50px;
}

.credits {
	color: white;
}

.credits:hover {
	color: gray;
}

/******************************************************
 *	Subscriptions
 */
.wellheader {
	padding-bottom: 45px;
}

/******************************************************
 *	Return Process
 */

section.return-info li {

	padding: 10px;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;

}

/*.list-group-item-return-action {
	padding: 10;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}*/

section.return_panel .datepicker {
	margin-top: 0px;
}

section.return_panel li>button {
	width: 100%;
	margin-top: 0px;
	padding: 10;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}

section.return_panel li>button {
	width: 100%;
	margin-top: 0px;
	padding: 10;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}

section.return_action li {
	padding: 10;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}

.head ul.pagination {
	margin: 0px;
}

/******************************************************
 * Loading animation
 */

.withings-loading {
	width: 150px;
	height: 75px;
	position: relative;
	margin: auto;
}

#withings-loading {
	width: 150px;
	height: 75px;
	position: relative;
	margin: auto;
}

.drop {
	position: absolute;
	-webkit-animation: 2.2s loading infinite;
	animation: 2.2s loading infinite;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.drop div {
	border-radius: 50% 50% 0 50%;
	background: #00B4FF;
	width: 100%;
	height: 200%;
}

.drop.drop-1 {
	width: 12%;
	height: 12%;
	top: 25%;
	left: 12%;
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}

.drop.drop-1 div {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.drop.drop-3 {
	width: 16%;
	height: 16%;
	top: 15%;
	left: 36%;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.drop.drop-3 div {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.drop.drop-5 {
	width: 20%;
	height: 20%;
	top: 5%;
	left: 60%;
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}

.drop.drop-5 div {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.drop.drop-2 {
	width: 14%;
	height: 14%;
	top: 62%;
	left: 24%;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.drop.drop-2 div {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.drop.drop-4 {
	width: 18%;
	height: 18%;
	top: 64%;
	left: 48%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.drop.drop-4 div {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

@keyframes loading {
	0% {
		transform: scale(0);
	}

	27.28% {
		transform: scale(1.1);
	}

	36.36% {
		transform: scale(1);
	}

	54.55% {
		transform: scale(1);
	}

	63.64% {
		transform: scale(0);
	}

	100% {
		transform: scale(0);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: scale(0);
	}

	27.28% {
		-webkit-transform: scale(1.1);
	}

	36.36% {
		-webkit-transform: scale(1);
	}

	54.55% {
		-webkit-transform: scale(1);
	}

	63.64% {
		-webkit-transform: scale(0);
	}

	100% {
		-webkit-transform: scale(0);
	}
}

/*Css for buttons in device.html*/

.HidersButton {
	padding: 4px 6px 5px;
	margin-right: 8px;
	margin-top: 4px;
}

#MagentoButton {
	padding: 4px 6px 4px;
	margin-right: 8px;
}

.PlansButtonBot,
.StatsButtonBot {
	padding: 2px 6px 4px;
	margin-right: 8px;
	background-color: #EEE;
}

.labsButton {
	padding: 4px 7px;
	margin-left: 5px;
}

.labsButton img {
	width: 18px;
}

.padding-right {
	padding-right: 40px;
}

.app_version {
	padding: 0em 0.5em;
}


/*For spare parts*/

.spare_parts {
	width: 567px;
	height: 400px;
	resize: none;
	color: black;
}

.nav_tab_spare {
	border-bottom: 0px;
}

.normal-size {
	font-size: 15px;
}

.thdelim {
	border-left: 1px dotted gray;
}

.clear {
	clear: both;
}

.clone_account_modal .panel-body .glyphicon-refresh {
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	color: #ff9d00;
}

.popover {
	max-width: 100%;
}

.popover.fade:not(.in) {
	pointer-events: none;
}

.glyphicon.spinning {
	animation: spin 3s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.zero_padding_top {
	padding-top: 0px;
}

.large-tooltip+.tooltip>.tooltip-inner {
	max-width: 40%;
}

.amplitude_text:hover {
	color: rgb(51, 140, 196);
}

.device_section {
	overflow-x: auto;
	width: 100%;
}


/* Lib modif for indus tests */
table.dataTable tbody tr.inactive {
	background-color: #ddd;
}

#list-tests .dropdown-menu>.disabled>a,
#list-tests .dropdown-menu>.disabled>a:hover,
#list-tests .dropdown-menu>.disabled>a:focus {
	color: #a7a7a7;
}

.support_msg_container {
	position: sticky;
	top: 55px;
	background-color: transparent;
	z-index: 3;
}

.support_msg_collapse {
	background-color: white;
}

.support_msg a {
	color: inherit;
	text-decoration: underline;
}

.consumable-status {
	display: block;
	margin-bottom: 2px;
	width: fit-content;
	border-style: solid;
	border-radius: 10px;
	border-width: 1px;
	padding: 3px;
}

.factory-checkboxes {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}