svg.icon-xs {
    width: 12px;
    height: 12px
}

svg.icon-sm {
    width: 14px;
    height: 14px
}

svg.icon-md {
    width: 16px;
    height: 16px
}

svg.icon-lg {
    width: 20px;
    height: 20px
}

svg.icon-xl {
    width: 26px;
    height: 26px
}

svg.icon-xxl {
    width: 40px;
    height: 40px
}

.icon-xs {
    font-size: 14px
}

.icon-sm {
    font-size: 16px
}

.icon-md {
    font-size: 18px
}

.icon-lg {
    font-size: 20px
}

.icon-xl {
    font-size: 24px
}

.icon-xxl {
    font-size: 30px
}

.session-code-box{
    background: #f8f9fa;
    border: 1px solid #e4e6ef;
    border-radius: 10px;
    padding: 14px 18px;
    margin-top: 8px;
}

.session-code-box code{
    font-family: monospace;
    font-size: 16px;
    letter-spacing: 2px;
    color: #3a3f51;
}

.dynamic-modal {
    z-index: 99999;
}