.screen-view-container {
	width:50%;
}
.screen-view-container button[class="btn btn-warning"] :not(#screen-form-validate){
	background-color: #B0BED9;
	border-color: #B0BED9;
	width: 15%;
}
.screen-view-container button[class="btn btn-warning"]:hover :not(#screen-form-validate){
	background-color: white;
	color: #B0BED9;
}
.screen-view-container input[class="btn btn-warning"] :not(#screen-form-validate){
	background-color: #B0BED9;
	border-color: #B0BED9;
	width: 15%;
}
.screen-view-container input[class="btn btn-warning"]:hover :not(#screen-form-validate){
	background-color: white;
	color: #B0BED9;
}
h4[class*="screen"] {
	margin-left:15px;
	font-size: 40px;
}
.screen-top-container {
	display: inline-flex;
	align-items: center;
}
section[id="list_all_screens"] {
	display: flex;
	flex-wrap: wrap;
	margin-left: 15px;
}
#list_all_screens a {
	text-decoration: none;
}
#list_all_screens div[class="from-group"] {
	width:140px; /*150*/
	height:30px; /*15*//*40*/
	margin-bottom: 5px;
	margin-right: 5px;
}
#list_all_screens span {
	font-size: 15px;
	color: #333333;
}
#list_all_screens span[class="desc"] {
	color : #1D80EB;
	font-size: 14px;
}
img[class="fleche"]{
	margin-left:15px;
	width:40px;
	height:40px;
	padding-bottom:5px;
}
div.models {
	display: flex;
	flex-wrap: wrap;
}
div.models > * {
	flex: 1 1 0;
}
#list_all_screens div[class="screen"] {
	border-radius: 10px;
	margin-bottom: 5px;
	background-color: #ececec;
	padding: 5px;
}
#list_all_screens div[class="screen"]:hover {
	border:2px #1D80EB solid;
}
.search_by_modelName {
	width:60%;
	margin-left: 20px;
}
.search_by_screenName {
	max-width: 325px;
}
.search_by_screenName input {
	width:100%;
	padding: 0.5rem;
}
.createScreen button{
	margin-left: 220px;
	margin-top:5px;
	width:200px;
	padding:10px;
	position: absolute;
	right: 40px;
}
.createScreen button:hover {
	background-color:#ececec ;
}
div[class="model"] {
	display: flex;
}
.screen-view-container fieldset {
	border-top: 2px solid gainsboro;
}
.screen-view-container p.legende {
	font-size:16px;
}
.screen-view-container div.screen_name {
	border: 2px solid gainsboro;
	border-radius: 10px;
	padding: 5px;
}
.screen-view-container div.title-content {
	font-size: 18px;
}
.screen-view-container div.single-content {
	border: 2px solid gainsboro;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	background-color: white;
}
.screen-view-container .title-single-content {
	font-weight: bold;
}
#list_all_screens a[class="screen_model"] {
	color: black;
	font-size:15px;
}
.screen-view-container img[class="image_data"] {
	width:100px;
	height:100px;
}

.table-wrapper {
	padding: 1.5rem;
}

.table-wrapper tr[draggable="true"] {
	cursor: move;
}

#selected-tr th,  #selected-tr td{
	border-bottom: 1px solid black;
}

.table-wrapper table {
	table-layout: fixed;
}

.table-wrapper .table-bordered > tbody > tr > td, .table-bordered > thead> tr > td {
	word-wrap: break-word;
	border-right: none;
}

.table-wrapper button {
	color: black;
}

.panel-heading {
	cursor: pointer;
}

.explanation {
	margin-left:15px;
}

.screen-view-container .screen-default-row:not(:last-child) {
	margin-bottom: 50px;
}

.screen-view-container .minimal-firmware-version-input-group {
	margin: 0 0 10px;
	text-align: center;
}

.screen-view-container .minimal-firmware-version-input-group input {
	border: none;
	border-bottom: 1px solid black;
	padding-left: 5px;
}

.screen-view-container .labeled-select-input > .input-group, .screen-view-container .labeled-select-input > .form-group {
	margin-bottom: 20px;
}

.screen-view-container .screen-add-lang-form .input-group-addon {
	padding: 0;
	border: none;
	background-color: transparent;
}

.screen-view-container .screen-add-lang-form .input-group-addon select {
	padding: 3px 5px;
}

.screen-view-container .screen-add-lang-form.has-error .input-group-addon select {
	color: #555555;
}

.screen-view-container .helpBlock {
	color: red;
}

.screen-view-container .remove-lang {
	font-size: 20px;
}

.screen-view-container .square-button {
	width: 25px;
	height: 25px;
}

.screen-view-container .screen-view-form-container > form > div:nth-child(2n+1) {
	background-color: #f4f4f4;
}

.screen-view-container .form-horizontal .radio {
	padding-top: 0;
}

.screen-view-container form > .form-group {
	padding: 15px;
}

.screen-view-container .single-content .form-group {
	padding: 0 15px;
}

.screen-view-container .form-horizontal .radio, .screen-view-container .form-horizontal .checkbox, .screen-view-container .form-horizontal .radio-inline, .screen-view-container .form-horizontal .checkbox-inline {
	padding-top: 0;
}

.screen-view-container #add-content-screen {
	margin-top: 15px;
}
.screen-view-container div.from-group {
	margin-bottom: 10px;
	background-color: white;
}

.checkbox-left input[type="checkbox"]{
	right: unset;
	bottom: unset;
}