/*! Imjs (imjs) | 2026-02-10 12:23:48 */
/* File: /src/features/css-general/general.css */
.im-bold {font-weight: bold;}
.im-semibold {font-weight: 600;}
.im-normal {font-weight: normal;}

.im-center {text-align: center;}
.im-left {text-align: left;}
.im-right {text-align: right;}

.im-no-selection,
.im-checkbox,
.im-radio,
.im-tabs,
.im-button{-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.im-break-text {overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;}

.im-hidden, .imjs-hidden {display: none !important;}
.imjs-outside-of-viewport {position: absolute !important; top: -10000px; left: -10000px;}
.imjs-invisible{opacity:0 !important;}

/* File: /src/features/css-general/dimensions.css */
/**
Should be used only for tables, forms and controls
Ex: .im-form width-500, .im-textarea height-120
*/
.width-10 {width: 10px;}
.width-20 {width: 20px;}
.width-30 {width: 30px;}
.width-40 {width: 40px;}
.width-50 {width: 50px;}
.width-60 {width: 60px;}
.width-70 {width: 70px;}
.width-80 {width: 80px;}
.width-90 {width: 90px;}
.width-100 {width: 100px;}
.width-110 {width: 110px;}
.width-120 {width: 120px;}
.width-130 {width: 130px;}
.width-140 {width: 140px;}
.width-150 {width: 150px;}
.width-160 {width: 160px;}
.width-170 {width: 170px;}
.width-180 {width: 180px;}
.width-190 {width: 190px;}
.width-200 {width: 200px;}
.width-210 {width: 210px;}
.width-220 {width: 220px;}
.width-230 {width: 230px;}
.width-240 {width: 240px;}
.width-250 {width: 250px;}
.width-300 {width: 300px;}
.width-400 {width: 400px;}
.width-500 {width: 500px;}
.width-600 {width: 600px;}
.width-700 {width: 700px;}
.width-800 {width: 800px;}
.width-900 {width: 900px;}
.width-1000 {width: 1000px;}

.height-10 {height: 10px;}
.height-20 {height: 20px;}
.height-30 {height: 30px;}
.height-40 {height: 40px;}
.height-50 {height: 50px;}
.height-60 {height: 60px;}
.height-70 {height: 70px;}
.height-80 {height: 80px;}
.height-90 {height: 90px;}
.height-100 {height: 100px;}
.height-100 {height: 100px;}
.height-110 {height: 110px;}
.height-120 {height: 120px;}
.height-130 {height: 130px;}
.height-140 {height: 140px;}
.height-150 {height: 150px;}
.height-160 {height: 160px;}
.height-170 {height: 170px;}
.height-180 {height: 180px;}
.height-190 {height: 190px;}
.height-200 {height: 200px;}
.height-210 {height: 210px;}
.height-220 {height: 220px;}
.height-230 {height: 230px;}
.height-240 {height: 240px;}
.height-250 {height: 250px;}
.height-260 {height: 260px;}
.height-270 {height: 270px;}
.height-280 {height: 280px;}
.height-290 {height: 290px;}
.height-300 {height: 300px;}
.height-350 {height: 350px;}
.height-400 {height: 400px;}
.height-450 {height: 450px;}
.height-500 {height: 500px;}

/* Width */
.im-table td.x1, .im-table th.x1, .im-flex .cell.x1 {width: 1%;}
.im-table td.x2, .im-table th.x2, .im-flex .cell.x2 {width: 2%;}
.im-table td.x3, .im-table th.x3, .im-flex .cell.x3 {width: 3%;}
.im-table td.x4, .im-table th.x4, .im-flex .cell.x4 {width: 4%;}
.im-table td.x5, .im-table th.x5, .im-flex .cell.x5 {width: 5%;}
.im-table td.x6, .im-table th.x6, .im-flex .cell.x6 {width: 6%;}
.im-table td.x7, .im-table th.x7, .im-flex .cell.x7 {width: 7%;}
.im-table td.x8, .im-table th.x8, .im-flex .cell.x8 {width: 8%;}
.im-table td.x9, .im-table th.x9, .im-flex .cell.x9 {width: 9%;}
.im-table td.x10, .im-table th.x10, .im-flex .cell.x10 {width: 10%;}
.im-table td.x11, .im-table th.x11, .im-flex .cell.x11 {width: 11%;}
.im-table td.x12, .im-table th.x12, .im-flex .cell.x12 {width: 12%;}
.im-table td.x13, .im-table th.x13, .im-flex .cell.x13 {width: 13%;}
.im-table td.x14, .im-table th.x14, .im-flex .cell.x14 {width: 14%;}
.im-table td.x15, .im-table th.x15, .im-flex .cell.x15 {width: 15%;}
.im-table td.x16, .im-table th.x16, .im-flex .cell.x16 {width: 16%;}
.im-table td.x17, .im-table th.x17, .im-flex .cell.x17 {width: 17%;}
.im-table td.x18, .im-table th.x18, .im-flex .cell.x18 {width: 18%;}
.im-table td.x19, .im-table th.x19, .im-flex .cell.x19 {width: 19%;}
.im-table td.x20, .im-table th.x20, .im-flex .cell.x20 {width: 20%;}
.im-table td.x21, .im-table th.x21, .im-flex .cell.x21 {width: 21%;}
.im-table td.x22, .im-table th.x22, .im-flex .cell.x22 {width: 22%;}
.im-table td.x23, .im-table th.x23, .im-flex .cell.x23 {width: 23%;}
.im-table td.x24, .im-table th.x24, .im-flex .cell.x24 {width: 24%;}
.im-table td.x25, .im-table th.x25, .im-flex .cell.x25 {width: 25%;}
.im-table td.x26, .im-table th.x26, .im-flex .cell.x26 {width: 26%;}
.im-table td.x27, .im-table th.x27, .im-flex .cell.x27 {width: 27%;}
.im-table td.x28, .im-table th.x28, .im-flex .cell.x28 {width: 28%;}
.im-table td.x29, .im-table th.x29, .im-flex .cell.x29 {width: 29%;}
.im-table td.x30, .im-table th.x30, .im-flex .cell.x30 {width: 30%;}
.im-table td.x33, .im-table th.x33, .im-flex .cell.x33 {width: 33.3%;}
.im-table td.x35, .im-table th.x35, .im-flex .cell.x35 {width: 35%;}
.im-table td.x40, .im-table th.x40, .im-flex .cell.x40 {width: 40%;}
.im-table td.x45, .im-table th.x45, .im-flex .cell.x45 {width: 45%;}
.im-table td.x50, .im-table th.x50, .im-flex .cell.x50 {width: 50%;}
.im-table td.x55, .im-table th.x55, .im-flex .cell.x555 {width: 55%;}
.im-table td.x60, .im-table th.x60, .im-flex .cell.x60 {width: 60%;}
.im-table td.x65, .im-table th.x65, .im-flex .cell.x65 {width: 65%;}
.im-table td.x70, .im-table th.x70, .im-flex .cell.x70 {width: 70%;}
.im-table td.x75, .im-table th.x75, .im-flex .cell.x75 {width: 75%;}
.im-table td.x80, .im-table th.x80, .im-flex .cell.x80 {width: 80%;}
.im-table td.x85, .im-table th.x85, .im-flex .cell.x85 {width: 85%;}
.im-table td.x90, .im-table th.x90, .im-flex .cell.x90 {width: 90%;}
.im-table td.x95, .im-table th.x95, .im-flex .cell.x95 {width: 95%;}
.im-table td.x100, .im-table th.x100, .im-flex .cell.x100 {width: 100%;}
.im-table td.fullwidth, .im-table th.fullwidth, .im-flex .cell.fullwidth {width: 100%;}

/* File: /src/features/css-general/margins.css */
.mt-0{margin-top:0;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}

.mr-0{margin-right:0;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-25{margin-right:25px;}
.mr-30{margin-right:30px;}

.mb-0{margin-bottom:0;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}

.ml-0{margin-left:0;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-25{margin-left:25px;}
.ml-30{margin-left:30px;}

.no-margin{margin:0;}

/* File: /src/features/css-general/animations.css */
@keyframes imjs-fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes imjs-fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

/* File: /src/features/css-buttons/buttons.css */
.im-button {
    display: inline-block;
    margin: 2px 2px;
    overflow: hidden;
    border: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

/* Defaults */
.im-button {
    position: relative;
    height: 32px;
    padding: 0 12px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
}
.im-button i {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-right: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    vertical-align: top;
}
.im-button .icon {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 100%;
    margin-right: 4px;
    background-position: center center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: top;
}

/* SVG icon */
.im-button .icon > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%);
    fill: currentColor;
}

/* Global */
.im-button.fullwidth {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
}
.im-button.semibold {
    font-weight: 600;
}
.im-button.bold {
    font-weight: 700;
}

.im-button.no-margins {
    margin: 0 0;
}
.im-button.right {
    text-align: right;
}
.im-button.center {
    text-align: center;
}
.im-button.left {
    text-align: left;
}

/* Sizes */
.im-button.xs {
    height: 24px;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 24px;
}
.im-button.xs i {
    margin-right: 2px;
    font-size: 12px;
    line-height: 24px;
}
.im-button.xs .icon {
    width: 12px;
    background-size: 12px 12px;
}
.im-button.xs .icon > svg {
    width: 12px;
    height: 12px;
}

.im-button.small {
    height: 28px;
    padding: 0 12px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 28px;
}
.im-button.small i {
    margin-right: 4px;
    font-size: 14px;
    line-height: 28px;
}
.im-button.small .icon {
    width: 14px;
    background-size: 14px 14px;
}
.im-button.small .icon > svg {
    width: 14px;
    height: 14px;
}

.im-button.medium {
    height: 36px;
    padding: 0 12px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 36px;
}
.im-button.medium i {
    margin-right: 4px;
    font-size: 16px;
    line-height: 36px;
}
.im-button.medium .icon {
    width: 16px;
    background-size: 16px 16px;
}
.im-button.medium .icon > svg {
    width: 16px;
    height: 16px;
}

.im-button.large {
    height: 40px;
    padding: 0 14px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 40px;
}
.im-button.large i {
    margin-right: 4px;
    font-size: 16px;
    line-height: 40px;
}
.im-button.large .icon {
    width: 18px;
    background-size: 18px 18px;
}
.im-button.large .icon > svg {
    width: 18px;
    height: 18px;
}

.im-button.xl {
    height: 44px;
    padding: 0 14px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 44px;
}
.im-button.xl i {
    margin-right: 4px;
    font-size: 16px;
    line-height: 44px;
}
.im-button.xl .icon {
    width: 18px;
    background-size: 18px 18px;
}
.im-button.xl .icon > svg {
    width: 18px;
    height: 18px;
}

.im-button i.h-12 {
    font-size: 12px;
}
.im-button i.h-13 {
    font-size: 13px;
}
.im-button i.h-14 {
    font-size: 14px;
}
.im-button i.h-15 {
    font-size: 15px;
}
.im-button i.h-16 {
    font-size: 16px;
}

.im-button .icon.h-12 > svg {
    width: 12px;
    height: 12px;
}
.im-button .icon.h-13 > svg {
    width: 13px;
    height: 13px;
}
.im-button .icon.h-14 > svg {
    width: 14px;
    height: 14px;
}
.im-button .icon.h-15 > svg {
    width: 15px;
    height: 15px;
}
.im-button .icon.h-16 > svg {
    width: 16px;
    height: 16px;
}

/* Iconic */
.im-button.iconic {
    width: 32px;
    padding: 0 0;
}
.im-button.iconic i,
.im-button.iconic .icon {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.im-button.xs.iconic {
    width: 24px;
}
.im-button.small.iconic {
    width: 28px;
}

.im-button.medium.iconic {
    width: 36px;
}
.im-button.medium.iconic i {
    font-size: 16px;
}
.im-button.medium.iconic i::before {
    top: 0 !important;
}

.im-button.large.iconic {
    width: 40px;
}
.im-button.large.iconic i {
    font-size: 18px;
}
.im-button.large.iconic i::before {
    top: 0 !important;
}

.im-button.xl.iconic {
    width: 44px;
}
.im-button.xl.iconic i {
    font-size: 18px;
}
.im-button.xl.iconic i::before {
    top: 0 !important;
}

/* File: /src/features/css-buttons/buttons-minimal.css */
/* Colors */
.im-button.minimal {color: #333;}

/* States */
.im-button.minimal.gray:hover {background-color: #e2e2e2; color:#111;}
.im-button.minimal.gray:active {background-color: #d8d8d8;}

/* File: /src/features/css-buttons/buttons-modern.css */
.im-button.modern { background-color: #ececec;box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.22); color: #111;}
.im-button.modern:hover {background-color: #e2e2e2; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);}
.im-button.modern:active {background-color: #d8d8d8;}

.im-button.modern.red {background-color: #ea2929; color: #fff;}
.im-button.modern.red:hover {background-color: #e22828;}
.im-button.modern.red:active {background-color: #dc2727;}

.im-button.modern.green {background-color: #2e9061; color: #fff;}
.im-button.modern.green:hover {background-color: #2a855a;}
.im-button.modern.green:active {background-color: #287e55;}

.im-button.modern.blue {background-color: #205ecf; color: #fff;}
.im-button.modern.blue:hover {background-color: #1e58c2;}
.im-button.modern.blue:active {background-color: #1d53b8;}

.im-button.modern.light-blue {background-color: #2468e2; color: #fff;}
.im-button.modern.light-blue:hover {background-color: #2363d7;}
.im-button.modern.light-blue:active {background-color: #205dca;}

.im-button.modern.white {background-color: #fff; color: #111;}
.im-button.modern.white:hover {background-color: #f3f3f3;}
.im-button.modern.white:active {background-color: #e8e8e8;}

.im-button.modern.teal {background-color: #01a3a3; color: #fff;}
.im-button.modern.teal:hover {background-color: #029797;}
.im-button.modern.teal:active {background-color: #018e8e;}

.im-button.modern.purple {background-color: #7a3ad0; color: #fff;}
.im-button.modern.purple:hover {background-color: #7236c3;}
.im-button.modern.purple:active {background-color: #6e34bc;}

.im-button.modern.orange {background-color: #fd8024; color: #fff;}
.im-button.modern.orange:hover {background-color: #f57d34;}
.im-button.modern.orange:active {background-color: #ec7731;}

/* Overlays */
.im-button.modern.red.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #f0babd;}
.im-button.modern.green.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #aed5c2;}
.im-button.modern.blue.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #abcafe;}
.im-button.modern.light-blue.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #abcafe;}
.im-button.modern.teal.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #a9e1e1;}
.im-button.modern.purple.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #d7b9fe;}
.im-button.modern.orange.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #fcc8a9;}

.im-button.modern.large.red.overlay:hover,
.im-button.modern.xl.red.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #f0babd;}
.im-button.modern.large.green.overlay:hover,
.im-button.modern.xl.green.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #aed5c2;}
.im-button.modern.large.blue.overlay:hover,
.im-button.modern.xl.blue.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #abcafe;}
.im-button.modern.large.light-blue.overlay:hover,
.im-button.modern.xl.light-blue.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #abcafe;}
.im-button.modern.large.teal.overlay:hover,
.im-button.modern.xl.teal.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #a9e1e1;}
.im-button.modern.large.purple.overlay:hover,
.im-button.modern.xl.purple.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #d7b9fe;}
.im-button.modern.large.orange.overlay:hover,
.im-button.modern.xl.orange.overlay:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 2px #fcc8a9;}

/* File: /src/features/css-buttons/buttons-solid.css */
/* Colors */
.im-button.solid {
    --im-button-text-color: #333;
    --im-button-bg-color: #e9e9e9;

    background-color: var(--im-button-bg-color);
    color: var(--im-button-text-color);

    /* colors */
    &.gray {
        --im-button-bg-color: #e9e9e9;

        &:hover {
            --im-button-bg-color: #e2e2e2;
            --im-button-text-color: #111;
        }

        &:active {
            --im-button-bg-color: #d8d8d8;
        }
    }

    &.dark-gray {
        --im-button-bg-color: #d3d2d2;

        &:hover {
            --im-button-bg-color: #c1c1c1;
            --im-button-text-color: #111;
        }

        &:active {
            --im-button-bg-color: #cac9c9;
        }
    }

    &.blue {
        --im-button-bg-color: #1850f8;
        --im-button-text-color: #fff;

        &:hover {
            --im-button-bg-color: #144bf3;
        }

        &:active {
            --im-button-bg-color: #1848d9;
        }
    }

    &.sky-blue {
        --im-button-bg-color: #c4d7f7;
        --im-button-text-color: #000;

        &:hover {
            --im-button-bg-color: #bbd3fa;
        }

        &:active {
            --im-button-bg-color: #a9c4ef;
        }
    }

    &.red {
        --im-button-bg-color: #ea2929;
        --im-button-text-color: #fff;

        &:hover {
            --im-button-bg-color: #e22828;
        }

        &:active {
            --im-button-bg-color: #dc2727;
        }
    }

    &.green {
        --im-button-bg-color: #2e9061;
        --im-button-text-color: #fff;

        &:hover {
            --im-button-bg-color: #2a855a;
        }

        &:active {
            --im-button-bg-color: #287e55;
        }
    }

    &.teal {
        --im-button-bg-color: #01a3a3;
        --im-button-text-color: #fff;

        &:hover {
            --im-button-bg-color: #029797;
        }

        &:active {
            --im-button-bg-color: #018e8e;
        }
    }

    &.purple {
        --im-button-bg-color: #7a3ad0;
        --im-button-text-color: #fff;

        &:hover {
            --im-button-bg-color: #7236c3;
        }

        &:active {
            --im-button-bg-color: #6e34bc;
        }
    }

    &.orange {
        background-color: #f9722f;
        color: #fff;

        &:hover {
            background-color: #fa651b;
        }

        &:active {
            background-color: #f25a0f;
        }
    }

    /* with-outline */
    &.with-outline:hover {
        --im-button-outline-width: 0;
        --im-button-outline-color: #fff;

        box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 var(--im-button-outline-width) var(--im-button-outline-color);

        &.red {
            --im-button-outline-width: 2px;
            --im-button-outline-color: #f0babd;
        }

        &.green {
            --im-button-outline-width: 2px;
            --im-button-outline-color: #aed5c2;
        }

        &.blue {
            --im-button-outline-width: 2px;
            --im-button-outline-color: #abcafe;
        }

        &.teal {
            --im-button-outline-width: 2px;
            --im-button-outline-color: #a9e1e1;
        }

        &.purple {
            --im-button-outline-width: 2px;
            --im-button-outline-color: #d7b9fe;
        }

        &.orange {
            --im-button-outline-width: 2px;
            --im-button-outline-color: #fcc8a9;
        }

        &.medium, &.large, &.xl {
            --im-button-outline-width: 3px;
        }
    }
}

/* File: /src/features/css-form-controls/form.css */
.im-form > .row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 0 7px 0;
}
.im-form > .row:not(.hidden):last-child {
    margin-bottom: 0;
}

.im-form > .row > .label {
    display: block;
    flex: 0 0 auto;
    width: 170px;
    margin-right:15px;
    padding-right:10px;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    cursor: default;
}
.im-form > .row > .value {
    display: block;
    flex: 1 1 auto;
}

.im-form .cells {
    display: flex;
    flex: 1 1 auto;
    flex-flow: row nowrap;
    align-items: center;
}
.im-form .cells > .cell {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    margin-left: 15px;
}
.im-form .cells > .cell:first-child {
    margin-left: 0;
}
.im-form .cells > .cell > .label {
    flex: 0 0 auto;
    margin-right: 15px;
    color: #222;
    font-size: 14px;
    cursor: default;
}
.im-form .cells > .cell > .value {
    flex: 1 1 auto;
}
.im-form .cells > .cell.auto {
    flex: 1 1 auto;
}

.im-form {
    > .divider {
        display: block;
        height: 1px;
        margin: 22px 0;
        border-bottom: 1px solid #e9e9e9;

        &.h-15, &.m-15 {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        &.xs {
            margin-top: 7px;
            margin-bottom: 7px;
        }

        &.small {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        &.medium {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        &.large {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        &.dashed {
            border-bottom-style: dashed;
        }
    }

    > .divider-with-label {
        display: block;
        margin: 22px 0;
        padding-bottom: 2px;
        border-bottom: 1px solid #e9e9e9;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;

        &.m-15 {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        &.xs {
            margin-top: 7px;
            margin-bottom: 7px;
        }

        &.small {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        &.medium {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        &.large {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        &.dashed {
            border-bottom-style: dashed;
        }
    }
}

.im-form.label-w70 > .row > .label {
    width: 80px;
}
.im-form.label-w80 > .row > .label {
    width: 80px;
}
.im-form.label-w90 > .row > .label {
    width: 90px;
}
.im-form.label-w100 > .row > .label {
    width: 100px;
}
.im-form.label-w110 > .row > .label {
    width: 110px;
}
.im-form.label-w120 > .row > .label {
    width: 120px;
}
.im-form.label-w130 > .row > .label {
    width: 130px;
}
.im-form.label-w140 > .row > .label {
    width: 140px;
}
.im-form.label-w150 > .row > .label {
    width: 150px;
}

.im-form.label-bold > .row > .label,
.im-form > .row > .label.bold {
    font-weight: bold;
}
.im-form.label-semibold > .row > .label,
.im-form > .row > .label.semibold {
    font-weight: 600;
}

.im-form > .actions {
    margin-top: 20px;
}
.im-form > .actions.align-center {
    text-align: center;
}
.im-form > .actions.align-right {
    text-align: right;
}
.im-form > .actions.with-separator {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

/* File: /src/features/css-form-controls/checkbox.css */
.im-checkbox {display: inline-block; position: relative; min-width: 22px; min-height: 22px; vertical-align: middle; cursor: pointer; user-select: none;}
.im-checkbox.fullwidth {display: block;}
.im-checkbox > input {display: block; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}
.im-checkbox > .checkmark {position: absolute; top: 50%; left: 0; width: 20px; height: 20px; transform: translateY(-50%); border: 1px solid #ccc; border-radius: 3px; background: #fff; transition: all 0.25s ease-out;}
.im-checkbox > .checkmark::after {display: block; position: absolute; width: 100%; height: 100%; background: url('images/icon-tick-blue.svg') 4px 4px no-repeat; background-size: 11px 11px; content: ""; opacity: 0; transition: all 0.15s ease-out;}

.im-checkbox > .text {display: block; padding:2px 0 2px 33px; line-height: 18px;}
.im-checkbox > .text > .caption {display:block; margin-bottom: 2px; color: #333; font-weight: 600; font-size: 13px; line-height: 16px;}
.im-checkbox > .text > .hint {display:block; color: #777; font-size: 13px; line-height: 16px;}

/* Hover */
.im-checkbox:hover input:not([disabled]) ~ .checkmark{border-color: #a8a8a8;}
.im-checkbox input:focus:not([disabled]) ~ .checkmark { border-color: #2460cd;}

/* Checked */
.im-checkbox input:checked ~ .checkmark {border-color: #2460cd;}
.im-checkbox:hover input:not([disabled]):checked ~ .checkmark {border-color: #2460cd;}
.im-checkbox input:checked ~ .checkmark::after {display: block; opacity: 1;}

/* Error */
.im-checkbox > input.error ~ .checkmark {border-color: #ec4148;}
.im-checkbox > input.error ~ .checkmark:after {background-image: url('images/icon-tick-red.svg');}
.im-checkbox > input.error ~ .text {color: #e32229;}
.im-checkbox > input.error ~ .text > a {color: #e32229;}

.im-checkbox:hover > input.error ~ .checkmark,
.im-checkbox:hover > input.error:checked ~ .checkmark,
.im-checkbox > input.error:focus ~ .checkmark {border-color: #ec4148;}

/* Disabled */
.im-checkbox > input:disabled{cursor: default;}
.im-checkbox > input:disabled ~ .checkmark {border-color: #bbb; background-color: #f5f5f5; cursor: default;}
.im-checkbox > input:disabled ~ .checkmark::after {background-image: url('images/icon-tick-gray.svg');}

/* File: /src/features/css-form-controls/radio.css */
.im-radio {display: inline-block; position: relative; min-width: 22px; min-height: 22px; vertical-align: middle; cursor: pointer; user-select: none;}
.im-radio.fullwidth {display: block;}
.im-radio > input {display: block; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0;}
.im-radio > .checkmark {position: absolute; top: 50%; left: 0; width: 20px; height: 20px; transform: translateY(-50%); border: 1px solid #ccc; border-radius: 50%; background: #fff; transition: all 0.25s ease-out;}
.im-radio > .checkmark::after {display: block; position: absolute; top: 6px; left: 6px; width: 6px; height: 6px; border-radius: 50%; content: ""; opacity: 0; transition: all 0.15s ease-out;}

.im-radio > .text {display: block; padding:2px 0 2px 30px; line-height: 18px;}
.im-radio > .text > .caption {display:block; margin-bottom: 2px; color: #333; font-weight: 600; font-size: 13px; line-height: 16px;}
.im-radio > .text > .hint {display:block; color: #777; font-size: 13px; line-height: 16px;}

/* Hover */
.im-radio:hover input:not([disabled]) ~ .checkmark {border-color: #a8a8a8;}
.im-radio input:not([disabled]):focus ~ .checkmark { border-color: #2460cd;}

/* Checked */
.im-radio input:checked ~ .checkmark {border-color: #2460cd;}
.im-radio:hover input:not([disabled]):checked ~ .checkmark {border-color: #2460cd;}
.im-radio input:checked ~ .checkmark::after {display: block; background: #2460cd; opacity: 1;}

/* Error */
.im-radio > input.error ~ .checkmark {border-color: #ec4148;}
.im-radio > input.error ~ .checkmark:after {background-color: #e32229;}
.im-radio > input.error ~ .text {color: #e32229;}
.im-radio > input.error ~ .text > a {color: #e32229;}

.im-radio:hover > input.error ~ .checkmark,
.im-radio:hover > input.error:checked ~ .checkmark,
.im-radio > input.error:focus ~ .checkmark {border-color: #ec4148;}

/* Disabled */
.im-radio > input:disabled{cursor: default;}
.im-radio > input:disabled ~ .checkmark {border-color: #bbb; background-color: #f5f5f5; cursor: default;}
.im-radio > input:disabled ~ .checkmark::after {background-color: #888;}

/* File: /src/features/css-form-controls/input.css */
/* Reset */
.im-input, .im-textarea {outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* Input */
.im-input { display: inline-block; height: 36px; padding: 0 9px; line-height: 36px;}
.im-textarea { display: block; height: 90px; padding: 5px 9px; line-height: 20px;}

.im-select { display: inline-block; height: 36px; padding: 5px 4px; line-height: 26px;}
.im-select option, .im-select optgroup { padding: 0 5px; color: #222; font-size: 14px; line-height: 20px;}
.im-select optgroup { font-weight: 600;}

/* Defaults */
.im-input, .im-textarea, .im-select {
    width: 250px;
    border: 1px solid #ccc; border-radius: 3px;
    background: #fff;
    color: #222; font-size: 14px; transition: border-color 0.25s ease-out, background-color 0.25s ease-out;
}

.im-input.fullwidth, .im-textarea.fullwidth, .im-select.fullwidth {display: block; width: 100%;}
.im-input.text-left, .im-textarea.text-left, .im-select.text-left {text-align: left;}
.im-input.text-center, .im-textarea.text-center, .im-select.text-center {text-align: center;}
.im-input.text-right, .im-textarea.text-right, .im-select.text-right {text-align: right;}

/* Sizes */
.im-input.small {height: 30px; padding:0 5px; border-radius: 3px; font-size:13px; line-height: 30px;}
.im-input.medium {height: 40px; line-height: 40px;}
.im-input.large {height: 44px; padding: 0 10px; font-size: 15px; line-height: 44px;}

.im-select.small {height: 30px; padding: 4px 4px; border-radius: 2px; font-size:13px; line-height: 22px;}
.im-select.medium {height: 40px; padding: 5px 4px; line-height: 30px;}
.im-select.large {height: 44px; padding: 5px 6px; font-size: 15px; line-height: 34px;}

/* States */
.im-input::placeholder, .im-textarea::placeholder {color: #bbb;}
.im-input::-ms-input-placeholder, .im-textarea::-ms-input-placeholder {color: #bbb;}

.im-input:hover, .im-textarea:hover, .im-select:hover {border-color: #b0b0b0;}
.im-input:focus, .im-textarea:focus, .im-select:focus {border-color: #2460cd;}
.im-input:disabled, .im-textarea:disabled, .im-select:disabled {border-color: #ccc; background: #eee;}

.im-input.error, .im-textarea.error, .im-select.error { border-color: #ec4148;color: #e32229;}

/* Overlay */
.im-input.overlay:focus, .im-textarea.overlay:focus, .im-select.overlay:focus {box-shadow: 0 0 0 2px rgba(32, 94, 207, 0.2);}
.im-input.error.overlay:focus, .im-textarea.error.overlay:focus, .im-select.error.overlay:focus {box-shadow: 0 0 0 2px rgba(222, 57, 66, 0.2);}


/* Field notices */
.imjs-field-notice{display:block; padding:3px 2px; color:#e32229; font-size:13px; line-height:15px;}

/* File: /src/features/css-form-controls/input-with-unit.css */
/* input with unit */
.im-input-with-unit {position: relative; width:100%;}
.im-input-with-unit > .im-input {width: 100%;}
.im-input-with-unit > .im-input {padding-right: 32px;}
.im-input-with-unit > .unit {position: absolute; top: 50%; right: 8px; transform: translateY(-50%); font-size: 14px; line-height: 14px; pointer-events: none; user-select: none;}

.im-input-with-unit > .unit.semibold {font-weight: 600;}
.im-input-with-unit > .unit.bold {font-weight: bold;}

.im-input-with-unit.unit-w40 > .im-input {padding-right: 40px;}
.im-input-with-unit.unit-w50 > .im-input {padding-right: 50px;}
.im-input-with-unit.unit-w60 > .im-input {padding-right: 60px;}
.im-input-with-unit.unit-w70 > .im-input {padding-right: 70px;}
.im-input-with-unit.unit-w80 > .im-input {padding-right: 80px;}
.im-input-with-unit.unit-w90 > .im-input {padding-right: 90px;}
.im-input-with-unit.unit-w100 > .im-input {padding-right: 100px;}

/* File: /src/features/css-form-controls/radio-group.css */
.im-radio-group {
    padding: 7px 0;

    .im-radio {
        display: block;
        margin-bottom: 7px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    &.no-padding {
        padding: 0;
    }

    &.horizontal {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        padding: 0;

        .im-radio {
            flex: 0 0 auto;
            margin: 5px 20px 5px 0;
            padding: 2px 0;

            &:last-child {
                margin-right: 0;
            }
        }

        &.right {
            justify-content: flex-end;
        }
    }

}

/* File: /src/features/css-form-controls/checkbox-group.css */
.im-checkbox-group {
    padding: 7px 0;

    .im-checkbox {
        display: block;
        margin-bottom: 7px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    &.no-padding {
        padding: 0;
    }

    &.horizontal {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        padding: 0;

        &.right {
            justify-content: flex-end;
        }

        .im-checkbox {
            flex: 0 0 auto;
            margin: 5px 20px 5px 0;
            padding: 2px 0;

            &:last-child {
                margin-right: 0;
            }
        }
    }
}

/* File: /src/features/css-form-controls/toggle.css */
.im-toggle { display: inline-block;position: relative; width: 52px; height: 28px;}
.im-toggle > input { width: 0; height: 0;opacity: 0;}
.im-toggle > .slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0;flex: 0 0 auto; border-radius:40px; background-color: #ccc; box-shadow: inset 0 0 0 1px #ccc; cursor: pointer; transition: 0.25s;}
.im-toggle > .slider:before {position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background-color: white; content: ""; transition: 0.25s;}
.im-toggle > input:checked + .slider {background-color: #306bd6; box-shadow: inset 0 0 0 1px #2460cd;}
.im-toggle > input:checked + .slider:before {left: 26px;}

/* File: /src/features/css-form-controls/item-group.css */
.im-item-group {display: flex; flex-flow: row nowrap; align-items: center;}
.im-item-group > .item {flex: 0 0 auto;}
.im-item-group.with-margin > .item {margin-left: 15px;}
.im-item-group > .item:first-child {margin-left: 0;}

/* File: /src/features/css-tables/tables.css */
/* Table */
.im-table {
    border-collapse: collapse;
    border-spacing: 0;

    &.fullwidth {
        width: 100%;
    }

    &.fixed {
        table-layout: fixed;
    }

    tr > td {
        empty-cells: show;
    }

    tr.head {
        th {
            height: 36px;
            padding: 0 7px;
            border-bottom: 2px solid #ccc;
            color: #111;
            font-weight: 600;
            font-size: 13px;
            line-height: 16px;
            cursor: default;
        }

        &.with-borders > th {
            border-top: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
            border-left: 1px solid #e8e8e8;
            background: #f2f2f2;
        }
    }

    tr.row {
        td {

            height: 36px;
            padding: 0 7px;
            border-bottom: 1px solid #ddd;
            color: #111;
            font-size: 13px;
            line-height: 16px;
            cursor: default;
        }

        &.with-borders > td {
            border-right: 1px solid #e8e8e8;
            border-left: 1px solid #e8e8e8;
        }

        &:not(.no-hover):hover > td {
            background: #f4f4f4;
        }
    }

    tr.no-padding {
        th, td {
            padding: 0;
        }
    }

    th.no-padding, td.no-padding {
        padding: 0;
    }

    th.left, td.left, th.text-left, td.text-left {
        text-align: left;
    }

    th.center, td.center, th.text-center, td.text-center {
        text-align: center;
    }

    th.right, td.right, th.text-right, td.text-right {
        text-align: right;
    }

    th.top, td.top {
        vertical-align: top;
    }

    th.bottom, td.bottom {
        vertical-align: bottom;
    }

    th.bold, td.bold {
        font-weight: bold;
    }

    th.semibold, td.semibold {
        font-weight: 600;
    }

    th.auto, td.auto {
        width: auto;
    }

    th.no-wrap, td.no-wrap {
        white-space: nowrap;
    }
}

/* File: /src/features/css-tables/flex.css */
/* Flex table */
.im-flex.fullwidth {
    width: 100%;
}
.im-flex > .head {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    min-height: 38px;
    border-bottom: 2px solid #ccc;
}
.im-flex > .head > .cell {
    flex: 0 0 auto;
    padding: 0 7px;
    color: #111;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    cursor: default;
}

.im-flex > .rows > .row,
.im-flex > .row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    min-height: 38px;
    border-bottom: 1px solid #ddd;
}

.im-flex > .rows > .row > .cell,
.im-flex > .row > .cell {
    flex: 0 0 auto;
    padding: 0 7px;
    color: #111;
    font-size: 13px;
    line-height: 16px;
    cursor: default;
}

.im-flex > .head > .cell.auto,
.im-flex > .rows > .row > .cell.auto,
.im-flex > .row > .cell.auto {
    flex: 1 1 auto;
}

.im-flex > .head.no-padding > .cell,
.im-flex > .rows > .row.no-padding > .cell,
.im-flex > .row.no-padding > .cell {
    padding: 0;
}

.im-flex > .rows > .row:not(.no-hover):not(.sort-target):hover,
.im-flex > .row:not(.no-hover):not(.sort-target):hover {
    background: #f4f4f4;
}

/* Cells */
.im-flex .cell.no-padding {
    padding: 0;
}
.im-flex .cell.left, .im-flex .cell.text-left {
    text-align: left;
}
.im-flex .cell.center, .im-flex .cell.text-center {
    text-align: center;
}
.im-flex .cell.right, .im-flex .cell.text-right {
    text-align: right;
}
.im-flex .cell.bold {
    font-weight: bold;
}
.im-flex .cell.semibold {
    font-weight: 600;
}

/* File: /src/features/css-loading/placeholders.css */
.im-block-placeholder {display:block; width: 55px; height: 20px; border-radius: 2px; background-color: #f5f5f5; animation: block-placeholder-effect 1.8s linear infinite; opacity: 1;}
.im-block-placeholder.inline{display: inline-block; vertical-align: middle;}

@keyframes block-placeholder-effect {
    100% {opacity: 1.0;}
    50% {opacity: 0.45;}
    0% {opacity: 1.0;}
}

.im-dots-placeholder { font-size: 14px;animation: dots-placeholder-effect 2s linear infinite;}

@keyframes dots-placeholder-effect {
    100% {color: #111;}
    50% {color: #ccc;}
    0% {color: #111;}
}

.im-shimmer-placeholder {display: block; z-index: 44; position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 3px; background-color: #f4f4f4;}
.im-shimmer-placeholder.inline {display: inline-block; vertical-align: middle;}
.im-shimmer-placeholder .activity {z-index: 45; position: absolute; left: -45%; width: 45%; height: 100%; background-image: linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));animation: shimmer 1s infinite;}

.im-shimmer-placeholder.w-50 {width: 50px;}
.im-shimmer-placeholder.w-60 {width: 60px;}
.im-shimmer-placeholder.w-70 {width: 70px;}
.im-shimmer-placeholder.w-80 {width: 80px;}
.im-shimmer-placeholder.w-90 {width: 90px;}
.im-shimmer-placeholder.w-100 {width: 100px;}
.im-shimmer-placeholder.w-110 {width: 110px;}
.im-shimmer-placeholder.w-120 {width: 120px;}
.im-shimmer-placeholder.h-20 {height: 20px;}
.im-shimmer-placeholder.h-22 {height: 22px;}
.im-shimmer-placeholder.h-24 {height: 24px;}

@keyframes shimmer {
    0% {
        left: -45%;
    }
    100% {
        left: 100%;
    }
}

/* File: /src/features/ui-notifier/ui-notifier.css */
.imjs-notifier {
    display: block; z-index: 9999; position: fixed; top: 12px; left: 50%; max-width: 700px;
    transform: translateX(-50%); animation: imjs-fade-in 0.2s;
    animation-fill-mode: both;
}

.imjs-notifier.hidden {display: none;}

.imjs-notifier > .imjs-inner {
    display: block; position: relative; padding: 12px 18px; border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 12px -2px rgba(0, 0, 0, 0.35);
}

.imjs-notifier > .imjs-inner > .imjs-content {display: block; padding-right: 34px; font-size: 14px; line-height: 18px; text-align: center;}
.imjs-notifier > .imjs-inner > .imjs-close {
    display: block; position: absolute; top: 12px; right: 12px; width: 18px; height: 18px;
    background: url('images/ui-notifier-close-white.svg') left top no-repeat; background-size: cover; cursor: pointer;
    transition: all 0.15s ease-out;
}

/* Colors */
.imjs-notifier.imjs-color-blue > .imjs-inner > .imjs-content,
.imjs-notifier.imjs-color-red > .imjs-inner > .imjs-content,
.imjs-notifier.imjs-color-green > .imjs-inner > .imjs-content {color: #fff;}

.imjs-notifier.imjs-color-blue > .imjs-inner {background: #267ac0;}
.imjs-notifier.imjs-color-red > .imjs-inner {background: #ca5651;}
.imjs-notifier.imjs-color-green > .imjs-inner {background: #288156;}

/* Gray */
.imjs-notifier.imjs-color-gray > .imjs-inner {background: #fafafa; box-shadow: 0 3px 12px -2px rgba(0, 0, 0, 0.35);}
.imjs-notifier.imjs-color-gray > .imjs-inner > .imjs-content {color: #111;}
.imjs-notifier.imjs-color-gray > .imjs-inner > .imjs-close {background-image: url('images/ui-notifier-close-black.svg'); opacity:0.4;}
.imjs-notifier.imjs-color-gray > .imjs-inner > .imjs-close:hover{opacity:0.52;}

@media all and (max-width: 750px) {
    .imjs-notifier { left: 0; width: 100%; max-width: none; padding-right: 12px;padding-left: 12px; transform: none; font-size: 0; text-align: center;}
    .imjs-notifier > .imjs-inner {display: inline-block;}
}

/* File: /src/features/ui-popup/ui-popup.css */
/* Overlay */
.imjs-overlay {display: block; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45);}

/* Popup */
.imjs-popup {display: block; z-index: 101; position: absolute; top: 0; left: 0; width: auto; height: auto; border-radius: 2px; background: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);}
.imjs-popup > .imjs-inner {position: relative;}

.imjs-popup.imjs-fixed {position: fixed;}

/* Close */
.imjs-popup .imjs-close {
    display: block;
    z-index:999; position: absolute; top: 17px;
    right: 15px; width: 24px; height: 24px;
    background: url('images/ui-popup-close-black.svg') center center no-repeat;
    background-size: cover; cursor: pointer;
    opacity:0.28;
    transition: all 0.15s ease-out;
}
.imjs-popup .imjs-close:hover {opacity:0.4;}

/* Content */
.imjs-popup .imjs-content {min-height: 58px; padding: 20px 20px; line-height: 18px;}
.imjs-popup .imjs-content.imjs-padded {padding-right: 50px;}
.imjs-popup .imjs-content .imjs-title,
.imjs-popup .imjs-content .im-title{display: block; position: relative; top:-5px; margin: 0 0 15px 0; color: #222; font-size: 22px; line-height: 26px;}

/* File: /src/features/ui-dialog/ui-dialog.css */
/* Overlay */
.imjs-overlay {display: block; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45);}

/* Dialog */
.imjs-dialog {display: block; z-index: 101; position: absolute; top: 0; left: 0; width: auto; max-width: 80%; height: auto; border-radius: 2px; background: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);}
.imjs-dialog .imjs-inner {position: relative; padding: 20px 25px;}

/* Head */
.imjs-dialog .imjs-head {position: relative; margin-bottom: 22px; padding:0 30px;}
.imjs-dialog .imjs-head .imjs-title { color: #222;font-size: 20px; line-height: 20px; text-align: center; cursor: default;}
.imjs-dialog .imjs-head .imjs-close {
    display: block;
    z-index: 999; position: absolute; top: 50%;
    right: -5px; width: 24px; height: 24px; transform: translateY(-50%);
    background: url('images/ui-dialog-close-black.svg') left top no-repeat;
    background-size: cover; cursor: pointer;
    opacity: 0.28;
    transition: all 0.15s ease-out;
}
.imjs-dialog .imjs-head .imjs-close:hover {opacity: 0.4;}

/* Content */
.imjs-dialog .imjs-content { margin-bottom: 22px;overflow: hidden; line-height: 20px;}
.imjs-dialog .imjs-content .imjs-title {display: block; position: relative; top: -5px; margin: 0 0 15px 0; color: #222; font-size: 22px; line-height: 26px;}
.imjs-dialog .imjs-content .imjs-title:first-child {margin-top: 0;}

/* Buttons */
.imjs-dialog .imjs-buttons {display: flex; flex-flow: row nowrap; align-items: center; justify-content: center;}
.imjs-dialog .imjs-buttons .imjs-button {flex: 0 0 auto; margin: 0 7px; padding: 2px 7px; border: 0; background-color: transparent; color: #333; font-weight: bold; font-size: 13px; line-height: 15px; font-family: inherit; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer;}
.imjs-dialog .imjs-buttons .imjs-button:first-child {margin-left: 0;}
.imjs-dialog .imjs-buttons .imjs-button:last-child {margin-right: 0;}
.imjs-dialog .imjs-buttons .imjs-button:hover {color: #111;}
.imjs-dialog .imjs-buttons .imjs-button.red {color: #d73c3e;}
.imjs-dialog .imjs-buttons .imjs-button.red:hover {color: #d81e20;}
.imjs-dialog .imjs-buttons .imjs-button.green {color: #23764e;}
.imjs-dialog .imjs-buttons .imjs-button.green:hover {color: #066b3a;}
.imjs-dialog .imjs-buttons .imjs-button.blue {color: #2552c1;}
.imjs-dialog .imjs-buttons .imjs-button.blue:hover {color: #1546bd;}

/* No title */
.imjs-dialog.imjs-no-title .imjs-head {margin-bottom: 0;}
.imjs-dialog.imjs-no-title .imjs-head .imjs-close { top: -5px;transform: none;}
.imjs-dialog.imjs-no-title .imjs-content {padding-right: 30px;}

/* Customization */
.imjs-dialog.imjs-fixed {position: fixed;}
.imjs-dialog.align-center .imjs-content{text-align: center;}