.js-float-label-wrapper {
	position: relative;
   display:flex;
   flex-direction: column;
}

.js-float-label-wrapper label.float-label {
	position: absolute;
	top: 0.8em; 
    left: 1em;
	opacity: 0;
    font-size:12px;
    /*z-index: 4;*/ /* To ni ok, ker ovira vpisovanje v input polje */
    z-index: -1;   
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 2em);
    /*Ne moreš izbrati teksta za label: */
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently
                           supported by Chrome and Opera */
}

.js-float-label-wrapper.focused label.float-label,
.js-float-label-wrapper.populated label.float-label {
	opacity: 1;   
   z-index: 4;
}

.js-float-label-wrapper.focused input,
.js-float-label-wrapper.populated input,
.js-float-label-wrapper.focused select,
.js-float-label-wrapper.populated select,
.js-float-label-wrapper.focused textarea,
.js-float-label-wrapper.populated textarea,
.js-float-label-wrapper select.form-control:not([size]):not([multiple])
{	
    /*padding-top: 2em;
    padding-bottom: 0em;
    box-sizing: content-box;*/
    /*height: 100%;*//*Ne dela za radio */
    padding-top: 2.8em;
    padding-top: 1.4em;
    padding-bottom: 0em;
    height:4.8em; /*TODO: TESTIRAJ ZA IE*/
    height:4em; /*TODO: TESTIRAJ ZA IE*/
    box-sizing: border-box;
}
.js-float-label-wrapper.focused textarea,
.js-float-label-wrapper.populated textarea {
    padding-top: 2.3em;
}

.js-float-label-wrapper.focused input.checkbox-tristate,
.js-float-label-wrapper.populated input.checkbox-tristate{
    height:1.5em; 
}

.js-float-label-wrapper.populated .input-group-append input{
   height: 100%;
   width:auto;
}

.js-float-label-wrapper .select2-search__field{font-size:14px!important;}

.js-float-label-wrapper.populated .select2-selection,
.js-float-label-wrapper.focused .select2-selection
 {
    padding-top: 2em;
    padding-bottom: calc(2em - 1px);
 }
.js-float-label-wrapper.populated .select2-selection--multiple{    
    padding-bottom: 0em;    
}

.js-float-label-wrapper .select2-container .select2-selection--single .select2-selection__clear {    
    position: absolute;
    right: 40px;
    top: 20px;
    font-size: 20px;
}

.js-float-label-wrapper input,
.js-float-label-wrapper select,
.js-float-label-wrapper textarea,
.js-float-label-wrapper label {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}