span.separator {
	display: inline-block; 
	width:20px;
}


span.btn-xs {
	display: inline-block; 
	width:28px;
	height:15px;
	padding: 1px 1px 8px; /* haut | horizontal | bas */
	cursor: pointer;
	border-radius: 8px;
	text-align: center;
	vertical-align: sub;
 	text-decoration: none;
}

span.btn {
	display: inline-block; 
	width:75px;
	height:35px;
	padding: 4px 5px;
	cursor: pointer;
	border-radius: 8px;
	text-align: center;
 	text-decoration: none;
}

span.btn-fill-info {
	background-color:#17a2b8;
	border: 1pt solid #17a2b8;
	color: white;
}
span.btn-fill-info:hover {
	background-color:#148c9f;
	border: 1pt solid #148c9f;
}

span.btn-fill-success {
	background-color:#28a745;
	border: 1pt solid #28a745;
	color: white;
}
span.btn-fill-success:hover {
	background-color: #23903c;
	border: 1pt solid #23903c;
}

span.btn-fill-warning {
	background-color:#ffc107;
	border: 1pt solid #ffc107;
	color: white;
}
span.btn-fill-warning:hover {
	background-color: #ff8000;
	border: 1pt solid #ff8000;
}

span.btn-fill-danger {
	background-color:#dc3545;
	border: 1pt solid #dc3545;
	color: white;
}
span.btn-fill-danger:hover {
	background-color: #c32232;
	border: 1pt solid #c32232;
}
span.btn-fill-disabled {
	background-color: silver;
	border: 1pt solid silver;
	color: white;
}



.msg {
	display: inline-block;
	border-radius: 8px;
	width: 100%;
	padding: 4px;
}
.msg-fill-default {
	background-color: gray;
	border: 1pt solid gray;
	color: white;
}
.msg-fill-info {
	background-color: #17a2b8;
	border: 1pt solid #17a2b8;
	color: white;
	
}
.msg-fill-warning {
	background-color: #ffc107;
	border: 1pt solid #ffc107;
}
.msg-fill-danger {
	background-color: #dc3545;
	border: 1pt solid #dc3545;
	color: white;
}
.msg-fill-success {
	background-color: #28a745;
	border: 1pt solid #28a745;
	color: white;
	
}

.msg-outline-default {
	background-color: white;
	color: gray;
	border: 1pt solid gray;
}
.msg-outline-info {
	background-color: white;
	color: #17a2b8;
	border: 1pt solid #17a2b8;
}
.msg-outline-warning {
	background-color: white;
	color: #ffc107;
	border: 1pt solid #ffc107;
}
.msg-outline-danger {
	background-color: white;
	border: 1pt solid #dc3545;
	color: #dc3545;
}
.msg-outline-success {
	background-color: white;
	border: 1pt solid #28a745;
	color: #28a745;
}

.centered-axis-xy {
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%,-50%);
    width: 75%;
    height: 50%;
    
    vertical-align: middle; 
	text-align: center;
	background-repeat: no-repeat; 
	background-position: center right; 
	background-size: 100% 100%; 
	
	display: none;
}
.centered-axis-y {
    position: absolute;
    left: 35%;
    top: 50%;
    transform: translate(-50%,-50%);
    /*width: 75%;
    height: 50%;*/
    
    vertical-align: middle; 
	text-align: center;
	background-repeat: no-repeat; 
	background-position: center right; 
	background-size: 100% 100%; 
	
	display: none;
}

.popup {
	width:420px; 
	text-align:center;
    /*height: 50%;*/
}

.popup-subtitle {
	display: inline-block; 
	width:100%; 
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}
.popup-block {
	text-align: left; 
	width:390px; 
	margin:0 auto; 
	padding-top: 5px;
	padding-bottom: 10px;
	/*border-bottom:1pt solid #17a2b8;*/
}
.popup-block-title {
	display: inline-block; 
	width:100%; 
	border-bottom:1pt solid #17a2b8;
}
.popup-line-preface {
	display: inline-block; 
	width:100%; 
	padding-bottom:10px;
}
.popup-line {
	display: inline-block; 
	width:100%; 
	padding-bottom:10px;
	color:#454545;
}
.popup-form-label {
	display: inline-block;
	padding:0;
	padding-left: 5px;
	padding-bottom:3px; 
	width:160px; 
	color:#454545;
}
.popup-form-input {
	width:175px;
	padding:3px; 
	margin:0;
}
.popup-form-labelbox {
	display: inline-block;
	padding:0;
	padding-left: 3px;
	width:46%; 
	color:#454545;
}
.popup-buttons {
	width:340px; 
	margin:0 auto; 
	border-top:1pt solid #17a2b8;
	text-align: center;
	margin-top: 5px;
	padding-top: 15px;
	padding-bottom: 5px;
}

 .file-input-wrapper {
    width: 380px;
    height: 40px;
    overflow: hidden;
    position: relative;
  }
  .file-input-wrapper > input[type="file"] {
    font-size: 380px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
  }
  .file-input-wrapper > .btn-file-input {
    display: inline-block;
    width: 150px;
    height: 30px;
  }
  
  
  .hidden-filler-block {
  	display: none;
  }