.icon-select{
    width:61px;
 }

 .icon-select .selected-box {

     position: relative;
     margin: 0px;
     padding: 0px;
     width: 61px; /* sil */
     height: 41px; /* sil */
     border: 1px solid transparent;

     background: rgba(0, 57, 166, 0.07);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;

 }

 .icon-select .selected-box:hover {

     position: relative;
     margin: 0px;
     padding: 0px;
     width: 61px; /* sil */
     height: 41px; /* sil */
     border: 1px solid #000000;
     background-color: #FFFFFF;

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;

 }

 .icon-select .selected-icon {

     position: absolute;
     margin: 0px;
     padding: 0px;
     top: 8px;
     left: 9px;
     width: 25px; /* sil */
     height: 25px; /* sil */

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;

 }

 .icon-select .selected-icon img{
     width: 100%;
     height: 100%;
     object-fit: contain;
 }


 .icon-select .component-icon{
    position: absolute;
    top: 50%;
    right:5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

 .icon-select .box {

     position: absolute;
     top: 100%;
     left: 0;
     margin-top: 5px;
     padding: 0px;
     width: 61px;
     height: 115px;
     border: 1px solid #EEEEEE;
     background-color: #EEEEEE;

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     
     z-index: 100;
     overflow:auto !important;
     /*
     -webkit-overflow-scrolling: touch;
     */

 }

 .icon-select .icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 5px 0px 0px 5px;
     padding: 0px;
     width: 50px; /* sil */
     height: 50px; /* sil */
     border: 1px solid #CCCCCC;
     background-color: #FFFFFF;

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;

     overflow:hidden;
     float: left;
 }

 .icon-select .icon:hover {
     border: 1px solid #000000;
 }

 .icon-select .icon.selected {
     position: relative;
     margin: 5px 0px 0px 5px;
     padding: 0px;
     width: 48px; /* sil */
     height: 48px; /* sil */
     border: 1px solid #EEEEEE;
     background-color: #EEEEEE;

     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;

     overflow:hidden;
     float: left;
 }

.page__registration .selected-box:before,
.page__my-office .selected-box:before{
	content: url(../img/main/registration/arrow.svg);
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.page__placement .selected-box:before,
.page__OSSIS-registration .selected-box:before,
.page__trucking .selected-box:before{
    content: url(../img/main/placement/arrow-down.svg);
    position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.page__investment .selected-box:before{
    content: url(../img/main/investment/arrow-down.svg);
    position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}