.login{
    background:  url(../img/landscape-5.png) no-repeat ;
	background-color: #fff;
	background-size:contain;
	background-position:center bottom;
	min-height: 700px;

}



.white {
	color:#FFF;	

}
.red {
	color:#CC0033;	

}

.pink {
	color:#ffbafd;	

}

.pink2 {
	color:#ff65e8;	

}


.red2 {
	color:#80000C;	

}

.orange {
	color:#FF9500;	

}


.yellow {
	color:#FFCC00;	

}

.green {
	color:#15928a;	

}
.blue {
	color:#428bca;	

}
.blue2 {
	color:#007AFF;	

}
.blue3 {
	color:#5856D6;	

}
.grey {
	color:#8E8E93;	

}
.grey2 {
	color:#C7C7CC;	
	
}

.bgrey2 {
	background-color:#C7C7CC;	
	
}
.bred {
	background-color:#CC0033;	

}
.bred2 {
	background-color:#80000C;	

}

.borange {
	background-color:#FF9500;	

}


.byellow {
	background-color:#FFCC00;	

}

.bgreen {
	background-color:#1D9E95;	

}
.bblue {
	background-color:#428bca;	

}
.bblue2 {
	background-color:#007AFF;	

}
.bblue3 {
	background-color:#5856D6;	

}


.bbrown {
	background-color:#785548;
}
.bgrey {
	background-color:#8E8E93;	

}
.bgrey2 {
	background-color:#6b4747;	

}

.bgrey3 {
	background-color:#ebebeb;	

}

.bblack {
	background-color:#000000;	

}
.bpink {
	background-color:#ffa6f6;	

}


.vertical-offset-100{
    padding-top:100px;
}

.bred {
	background-color:#CC0033;	

}

.btn-black { 
  color: #FFFFFF; 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #FFFFFF; 
  background-color: #302828; 
  border-color: #000000; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black .badge { 
  color: #000000; 
  background-color: #FFFFFF; 
}

.btn-red { 
  color: #FFFFFF; 
  background-color: #69020E; 
  border-color: #69020E; 
} 
 
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  color: #FFFFFF; 
  background-color: #850716; 
  border-color: #69020E; 
} 
 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  background-image: none; 
} 
 
.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
  background-color: #69020E; 
  border-color: #69020E; 
} 
 
.btn-red .badge { 
  color: #69020E; 
  background-color: #FFFFFF; 
}

#bloc_page
    {
    height:100%;
    margin:0;
    padding:0;
    text-align:center;
    }

#invisible
    {
    height:100%;
    display:inline-block;
    vertical-align:middle; 
    }

#logointro
    {
    display:inline-block;  
    vertical-align:middle;
    }
    
 .btn-green { 
  color: #FFFFFF; 
  background-color: #219189; 
  border-color: #219189; 
} 
 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #FFFFFF; 
  background-color: #1D9E95; 
  border-color: #219189; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 

fieldset[disabled] .btn-green.active { 
  background-color: #219189; 
  border-color: #219189; 
} 
 
.btn-green .badge { 
  color: #219189; 
  background-color: #FFFFFF; 
}

.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

.paybtn span.glyphicon {    			
	opacity: 0;				
}
.paybtn.active span.glyphicon {				
	opacity: 1;				
}

.btn-brown { 
  color: #ffffff; 
  background-color: #785548; 
  border-color: #785548; 
} 
 
.btn-brown:hover, 
.btn-brown:focus, 
.btn-brown:active, 
.btn-brown.active, 
.open .dropdown-toggle.btn-brown { 
  color: #ffffff; 
  background-color: #916454; 
  border-color: #785548; 
} 
 
.btn-brown:active, 
.btn-brown.active, 
.open .dropdown-toggle.btn-brown { 
  background-image: none; 
} 
 
.btn-brown.disabled, 
.btn-brown[disabled], 
fieldset[disabled] .btn-brown, 
.btn-brown.disabled:hover, 
.btn-brown[disabled]:hover, 
fieldset[disabled] .btn-brown:hover, 
.btn-brown.disabled:focus, 
.btn-brown[disabled]:focus, 
fieldset[disabled] .btn-brown:focus, 
.btn-brown.disabled:active, 
.btn-brown[disabled]:active, 
fieldset[disabled] .btn-brown:active, 
.btn-brown.disabled.active, 
.btn-brown[disabled].active, 
fieldset[disabled] .btn-brown.active { 
  background-color: #785548; 
  border-color: #785548; 
} 
 
.btn-brown .badge { 
  color: #785548; 
  background-color: #ffffff; 
}
.btn-red { 
  color: #ffffff; 
  background-color: #CC0033; 
  border-color: #CC0033; 
} 
 
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  color: #ffffff; 
  background-color: #D90338; 
  border-color: #CC0033; 
} 
 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  background-image: none; 
} 
 
.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
  background-color: #CC0033; 
  border-color: #CC0033; 
} 
 
.btn-red .badge { 
  color: #CC0033; 
  background-color: #ffffff; 
}
.btn-slave-payment { 
  color: #000000; 
  background-color: #F5F2F3; 
  border-color: #CC3300; 
} 
 
.btn-slave-payment:hover, 
.btn-slave-payment:focus, 
.btn-slave-payment:active, 
.btn-slave-payment.active, 
.open .dropdown-toggle.btn-slave-payment { 
  color: #000000; 
  background-color: #FFFFFF; 
  border-color: #CC3300; 
} 
 
.btn-slave-payment:active, 
.btn-slave-payment.active, 
.open .dropdown-toggle.btn-slave-payment { 
  background-image: none; 
} 
 
.btn-slave-payment.disabled, 
.btn-slave-payment[disabled], 
fieldset[disabled] .btn-slave-payment, 
.btn-slave-payment.disabled:hover, 
.btn-slave-payment[disabled]:hover, 
fieldset[disabled] .btn-slave-payment:hover, 
.btn-slave-payment.disabled:focus, 
.btn-slave-payment[disabled]:focus, 
fieldset[disabled] .btn-slave-payment:focus, 
.btn-slave-payment.disabled:active, 
.btn-slave-payment[disabled]:active, 
fieldset[disabled] .btn-slave-payment:active, 
.btn-slave-payment.disabled.active, 
.btn-slave-payment[disabled].active, 
fieldset[disabled] .btn-slave-payment.active { 
  background-color: #F5F2F3; 
  border-color: #CC3300; 
} 
 
.btn-slave-payment .badge { 
  color: #F5F2F3; 
  background-color: #000000; 
}