.champ-type-text 
{
    padding: 3px 6px;
    max-width: none;
    font-size: 0.7vw;
    /*border-color: #aaa;*/    
    height: 28px;
    background-color: #fff;
    border-color: #63ace9;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(99, 172, 233,0.6);
    outline-width: 0;
    outline-style: none;
    outline-color: invert;
}

.champ-type-text:focus
{
    border-color: #16609c;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(22, 96, 156,0.6);    
}

/****************************************************************************************************/

.champ-type-select2 + .select2-container--default span.selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice
{
    /*border-color: #0b2441;*/
    background-color: #226eca;
    color: #fff;
    margin-top: 2px;
    padding-right: 10px;      
    padding-bottom: 5px;
    font-size: 0.7vw;  
    line-height: 0.7vw;
    vertical-align: top;    
    overflow-x: hidden;
    width: 99%;    
}

.champ-type-select2.vert + .select2-container--default span.selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice
{
    background-color: #008000;
    color: #fff;
}

.champ-type-select2.jaune + .select2-container--default span.selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice
{
    background-color: #e6e600;
    color: #000;
}

.champ-type-select2 + .select2-container--default span.selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove
{    
    display: inline-block;
    height: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 18px;    
    margin-right: 5px;       
}

.champ-type-select2.jaune + .select2-container--default span.selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove
{    
    color: #000;
}

.champ-type-select2 + .select2.select2-container.select2-container--default,
.champ-type-select2 + .select2-container .select2-dropdown .select2-results,
.champ-type-select2 + .select2-selection ul.select2-selection__rendered li.select2-selection__choice
{
    font-size: 0.8vw;    
}

.champ-type-select2 + .select2-container--focus span.selection span.select2-selection.select2-selection--multiple
{    
    border-color: #16609c;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(22, 96, 156,0.6);    
}

.champ-type-select2 + span.select2,
.champ-type-select2 + span.select2 span.selection,
.champ-type-select2 + span.select2 span.selection .select2-selection,
.champ-type-select2 + .select2-selection .select2-selection--multiple
{
   height: 28px;
   min-height: 0;   
   border-color: #63ace9;    
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(99, 172, 233,0.6);
   outline-width: 0;
   outline-style: none;
   outline-color: invert;
}

.champ-type-select2.champ-type-select2-multiple + span.select2,
.champ-type-select2.champ-type-select2-multiple + span.select2 span.selection,
.champ-type-select2.champ-type-select2-multiple + span.select2 span.selection .select2-selection,
.champ-type-select2.champ-type-select2-multiple + .select2-selection .select2-selection--multiple
{
   height: auto;
   min-height: 28px;      
}

.champ-type-select2 + .select2.select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear
{
    font-weight: normal;
    font-size: 1.5vw;      
}



/****************************************************************************************************/

.champ-type-liste-deroulante 
{
    padding: 3px 5px;
    max-width: none;
    font-size: 0.7vw;
    border-color: #aaa;    
    height: 28px;    
}

.champ-type-liste-deroulante:focus
{
    border-color: #66afe9;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
    outline-width: 0;
    outline-style: none;
    outline-color: invert;
}

/****************************************************************************************************/

.champ-type-text-area
{
    padding: 3px 6px;
    max-width: none;
    font-size: 0.7vw;    
    border-color: #63ace9;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(99, 172, 233,0.6);
    outline-width: 0;
    outline-style: none;
    outline-color: invert;
}

.champ-type-text-area:focus
{
    border-color: #16609c;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(22, 96, 156,0.6);    
}

.champ-type-text-area.autogrow
{
    height: 28px;
    -webkit-transition: height 0.4s linear;
    -moz-transition: height 0.4s linear;
    transition: height 0.4s linear;
}

.champ-type-text-area.autogrow:focus
{
    height: 64px;
}

textarea.autogrow.form-control
{
    height: 28px;
}

/****************************************************************************************************/

.champ-type-checkbox
{
    height: 20px;    
    line-height: 28px;
    border-radius: 3px;        
    display: inline-block;  
    cursor: pointer;  
}

.conteneur label.champ-type-label,
.conteneur .champ-type-checkbox
{
    vertical-align: top;
}

.champ-type-checkbox .btn,
.champ-type-checkbox .btn span.coche
{
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.champ-type-checkbox .btn span.coche
{
    top: 0;
    border-color: #63ace9;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(99, 172, 233,0.6);
    outline-width: 0;
    outline-style: none;
    outline-color: invert;    
    font-size: 0.8vw;
    line-height: 0.8vw;    
    padding-top: 3px;
    color: transparent;
}

.champ-type-checkbox .btn
{				
    border-color: #63ace9;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(99, 172, 233,0.6);
    outline-width: 0;
    outline-style: none;
    outline-color: invert;
}

.champ-type-checkbox .btn:hover
{				
	border-color: #16609c;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(22, 96, 156,0.6);    		
}

.champ-type-checkbox .btn span.coche
{
	opacity: 0;
    color: transparent;
}

.champ-type-checkbox .btn.active span.coche 
{
	opacity: 1;
    display: block;
    color: #3365AA;
}

.champ-type-text-file
{
    padding: 3px 6px;
    max-width: none;
    font-size: 0.8vw;
    /*border-color: #aaa;*/    
    height: 28px;
    background-color: #fff;
    border-color: #63ace9;    
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(99, 172, 233,0.6);
    outline-width: 0;
    outline-style: none;
    outline-color: invert;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.champ-type-checkbox .btn.blanc
{				
    background-color: #fff;
    border-color: #8b590e;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(204,131,20,0.6);
}

.champ-type-checkbox .btn.blanc span.coche
{
    color:#744a0b;
}

.champ-type-checkbox .btn.blanc:hover
{				
    background-color: #fff;
	border-color: #8b590e;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(204,131,20,0.6);
}

/****************************************************************************************************/