/*--------------------------------------------------------------------------*\
    Comment wrapper containing svg symbol "i" and message
	> comment
\*--------------------------------------------------------------------------*/

.comment {
    /*box*/
    position: relative;
    padding: 0px 5px;
    width: 30px;
    height: 20px;
    /* never reduce the size of the "i" symbol if located in a div in display flex */
    flex-shrink: 0;
}

/* Hidding comments on small devices  */
@media (max-width:800px) {

    .comment {
        /*box*/
        display: none;
    }

}

/*--------------------------------------------------------------------------*\
        Comment in select
\*--------------------------------------------------------------------------*/

.control__field--select .comment{
    /*box*/
    margin-right: 25px !important;
}