/*!
 * Metro 4 Components Library v4.3.7  (https://metroui.org.ua)
 * Copyright 2012-2020 Sergey Pimenov
 * Built at 17/05/2020 19:34:36
 * Licensed under MIT
 */

.bottom-sheet.opened {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

.pos-absolute {
    position: absolute!important;
}

.bottom-sheet>.item .icon, .bottom-sheet>li .icon {
    left: 16px;
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    opacity: .8;
}

[class*=mif-] {
    font-family: metro!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mif-comment:before {
    content: "\e0b9";
}

.bottom-sheet>.divider {
    height: 1px;
    background-color: #dfdfdf;
}

.bottom-sheet {
    background-color: #fff;
    display: block;
    z-index: 1030;
    max-width: 360px;
    left: 50%;
    list-style: none inside;
    padding: 0;
    margin: 0 0 0 -50%;
    width: 100%;
    top: 100%;
    position: fixed !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.19), 0 8px 17px 0 rgba(0,0,0,.2);
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.19), 0 8px 17px 0 rgba(0,0,0,.2);
}

.bottom-sheet>.item, .bottom-sheet>li {
    font-size: 16px;
    position: relative;
    height: 48px;
    padding-left: 56px;
    display: block;
    cursor: pointer;
    vertical-align: middle;
    line-height: 48px;
	/*background-color: #f1f1f1;*/
    /*color: #000000 !important;*/
	color: #222;
}