.bd-placeholder-img {
			font-size: 1.125rem;
			text-anchor: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}section.commands

		@media (min-width: 768px) {
			.bd-placeholder-img-lg {
				font-size: 3.5rem;
			}
		}

		.dropzone {
			border: 2px dashed #158db9 !important;
			border-radius: 5px;
		}

		span.etape {
			color: #158db9;
			font-size: 31px;
		}

		.asside {
			border-radius: 7px !important;
		}

		.asside {
			/*			font-family: "Nunito";*/
			font-size: 15px;
			font-weight: 500;
			line-height: 1.2;
			color: #001328;
			background: #fff;
			border-radius: 7px !important;
			border-bottom: 1px solid #d1d1d1;
		}

		.asside:hover,
		.asside.active {
			background: #68676b;
			border-color: #68676b;
			color: #fff;
			border-radius: 7px !important;
		}
		.asside:hover:not(.active){
			background: #C0C0C0;
			border-color: #C0C0C0;
		}

		#billing td,
		#billing tds {
			height: 60px !important;
			vertical-align: middle !important;
		}

		.radio.radio-info input:checked+label:before {
			border-color: #17a2b8;
		}

		.radio.radio-info input:checked+label:after {
			color: #17a2b8;
		}

		section [class^="container"] {
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}
		
		section.commands{
			background:#17a2b8;
			min-height: 40px;
		}
		
		.command{
			background:#17a2b8;
			min-height: 40px;
			border-top:1px solid #48b8c9;
		}
		
		.command ul li{
			list-style: none;
			display: inline;
			vertical-align: middle;
    		font-size: 0.9em !important;
			color: #bee4ea;
		}
		.command li i{
			font-size: 2em !important;
   			 vertical-align: bottom;
		}
		
		section.commands .container{
			padding-top: 0 !important;
		}

		.card-content .second-child{
			flex: 0.4 1 0;
		}

		ul#list-commands, .command ul{
			text-align: center;
		}

		ul#list-commands{
			min-height: 40px;
			overflow: hidden;
		}
		
		ul#list-commands li{
			list-style: none;
			
			line-height: 40px;
    		font-size: 0.9em;
			display: inline; 
			
		}
		ul#list-commands li a{
			color: #fff !important;
		}
		ul#list-commands li i{
			font-size: 2em;
			-webkit-transform: rotate(30deg);
			  -moz-transform: rotate(30deg);
			  -ms-transform: rotate(30deg);
			  -o-transform: rotate(30deg);
			  transform: rotate(30deg);
		}

.date-command{
	display: block;
	margin-top: 6px;
}

.subCat{
	display: block;
}
.custom-control-input:checked ~ .custom-control-label::before {
	background-color: #17a2b8 !important;
}
ul#phoneGsDocs li, ul#customerDocs li{
	list-style: none;
	font-size: 0.9em;
    line-height: 2.3em;
}

ul#phoneGsDocs li a, ul#customerDocs li a{
	color: #6d768b !important;
}

.cardToPay{
	color: #212529 !important;
	background-color: #dae0e5 !important;
	border-color: #d3d9df !important
}

#paymentCardAdder .card-header:before, #paymentInfoUpdater .card-header:before {
	display: none;
}


.wrapper {
  display: flex;
  flex-flow: row wrap;
}

/* We tell all items to be 100% width, via flex-basis */
.wrapper > * {
  flex: 1 100%;
}

/* We rely on source order for mobile-first approach
 * in this case:
 * 1. header
 * 2. article
 * 3. aside 1
 * 4. aside 2
 * 5. footer
 */

/* Medium screens */
@media all and (min-width: 600px) {
  /* We tell both sidebars to share a row */
  .aside { flex: 1 auto; }
}

/* Large screens */
@media all and (min-width: 800px) {
  /* We invert order of first sidebar and main
   * And tell the main element to take twice as much width as the other two sidebars 
   */
  .main { flex: 2 0px; }
  .aside-1 { order: 1; }
  .main    { order: 2; }
  .aside-2 { order: 3; }
  .footer  { order: 4; }
}


.showBill,.downloadBill{
	cursor:pointer;
}

#billingBottom{
	width: 40%;
}

#mainInfo{
	min-height: 500px;
	overflow: auto;
}
[data-toggle="collapse"]:before{
	content: none;
}