input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

body {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
}

.form-signin {
    max-width: 22em;
    padding: 15px;
    margin: 0 auto;
    font-size: 40px
}
.form-signin h1 {
    font-weight: bold;
    font-size: 50px;
    color: blue;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size:1em;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width:400px;
    font-size:40px;
}
.form-signin input[type="number"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width:400px;
    font-size:40px;
}
.form-signin input[type="text"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width:400px;
    font-size:40px;
}
.form-signin button {
    font-size:40px;
}

.monGrosCarreAvecUnRond{
    background-color: red;
    height: 300px;
    width: 300px;
    border-radius: 150px;
    text-align: center;
    padding: 20px;
    margin: auto;
    margin-top: 22px;
    margin-bottom: 22px;
    padding-top:30px;
    text-decoration: none;
}
.monGrosCarreAvecUnRond:hover{
    background-color: blue;
}

.monGrosCarreAvecUnRond h4{
    margin-top: 0px;
    color: white;
    font-size: 50px;
    font-weight: bold;

}
.monGrosCarreAvecUnRond h3{
    margin-top: 0px;
    color: yellow;
    font-size: 50px;
    font-weight: bold;

}
.monGrosCarreAvecUnRond h5{
    margin-top: 0px;
    color: white;
    font-size: 27px;
    font-weight: bold;

}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
a:hover .monGrosCarreAvecUnRond{
    text-decoration: none;
}
.placeholders .placeholder{
    text-align:center;
}

.labelInfo{
    font-size: 50px;
    color: black;
    text-align: center;
}
.labelInfo .valeur{
    color: blue;
}

.labelIntro{
    font-size: 40px;
    color: #808080;
    text-align: center;
}


.loginError{
    color: red;
}

.recharge{
    margin:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #000000;
    width: 100%;
    font-size: 50px;
    text-align: center;
}
.recharge a{
    color: #ffc0c0;
}

.rechargeText{
    color: #ffc0c0;
    font-size: 65px;
    text-align: center;
}
.labelTel{
    font-size: 35px;
    color: #ffc0c0;
    text-align: center;
}
.newNumber {
	color: yellow;
}


.loginLink{
    margin:0px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #eee;
    width: 100%;
    font-size: 3.5em;
    text-align: center;
    color:#3768AD;
}

.logoutLink{
    margin:0px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    width: 100%;
    font-size:40px;
    text-align: center;
    color:#3768AD;
}

.loginLink1{
    margin:0px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    width: 100%;
    font-size: 40px;
    text-align: center;
    color:#3768AD;
}
.loginLink1 a{
    color:#2aaa25;
}

.userInfo{
    background-color: #eee;
}

.RegisterLink{
    margin:0px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    width: 100%;
    font-size: 40px;
    text-align: center;
    color:#3768AD;
}

.RegisterLink a{
    color:#f95513;
}

.confirmForm{
    font-size:40px;
    margin: 0 auto;
}
.confirmForm button{
    font-size:40px;
}

.bankForm button{
    font-size:40px;
}

.bankReturn{
    font-size:40px;
    margin: auto;
}
.bankForm button{
    font-size:40px;
}

.registeredForm{
    font-size:40px;
    margin: 0 auto;
}
.registeredForm button{
    font-size:40px;
}

.separateur{
    height: 20px;
}

.aboutForm button{
    font-size:40px;
}
.labelAbout{
    font-size: 40px;
    color: black;
    text-align: center;
}
.labelSmall{
    font-size: 18px;
    color: #444444;
    text-align: center;
}
.labelEditor{
    font-size: 38px;
    background-color: #eee;
    text-align: center;
}
.labelError{
    font-size: 50px;
    color: white;
    background-color: red;
    text-align: center;
}
.labelTel1 {
    font-size: 50px;
    color: blue;
    text-align: center;
}

.choix {
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.choix #img.source-image {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.carousel{
    background: #2f4357;
    margin-top: 20px;
}
.carousel .item{
    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
	margin: 20px;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.usr-list, .day-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.usr-user, .day-day {
	margin: 5px;
	border: solid 1px #3768AD;
	background-color: blue;
	color: white;
	padding: 1px 5px;
	font-weight: 600;
	width:66px;
	text-align: center;
}
.day-day {
	width: 82px;
}
.usr-user a, day-day a {
	color: white;
}

.user {
	width: 100%;
	background-color: #808080;
	color: white;
	text-align: center;
	padding: 4px;
	margin: 5px;
}

.msg-list {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.msg-msg {
	display:flex;
	flex-direction: row;
	margin: 4px;
	width:370px;
	padding: 0 0 0 4px;
	border: solid 1px #d2d7dc;
}
.msg-msg audio {
	font-size: 8px;
}
.msg-time {
	margin: auto 6px auto 0px;
	vertical-align: middle;
}


/*
table th{
    text-align: center;
}
table td{
    text-align: left;
}
*/
table tr:nth-child(even){
    background-color: #BEF2F5
}
/*.pagination li:hover{
    cursor: pointer;
}
table tbody tr {
	display: none;
}*/


/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}