/*! Imjs (imjs) | 2022-03-09 16:46:37 */
/* 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; left: -10000px; top: -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-125 {width: 125px;}
.width-130 {width: 130px;}
.width-140 {width: 140px;}
.width-150 {width: 150px;}
.width-155 {width: 155px;}
.width-160 {width: 160px;}
.width-170 {width: 170px;}
.width-180 {width: 180px;}
.width-190 {width: 190px;}
.width-200 {width: 200px;}
.width-205 {width: 205px;}
.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, .im-row-layout > .column.x1 {width: 1%;}
.im-table td.x2, .im-table th.x2, .im-flex .cell.x2, .im-row-layout > .column.x2 {width: 2%;}
.im-table td.x3, .im-table th.x3, .im-flex .cell.x3, .im-row-layout > .column.x3 {width: 3%;}
.im-table td.x4, .im-table th.x4, .im-flex .cell.x4, .im-row-layout > .column.x4 {width: 4%;}
.im-table td.x5, .im-table th.x5, .im-flex .cell.x5, .im-row-layout > .column.x5 {width: 5%;}
.im-table td.x6, .im-table th.x6, .im-flex .cell.x6, .im-row-layout > .column.x6 {width: 6%;}
.im-table td.x7, .im-table th.x7, .im-flex .cell.x7, .im-row-layout > .column.x7 {width: 7%;}
.im-table td.x8, .im-table th.x8, .im-flex .cell.x8, .im-row-layout > .column.x8 {width: 8%;}
.im-table td.x9, .im-table th.x9, .im-flex .cell.x9, .im-row-layout > .column.x9 {width: 9%;}
.im-table td.x10, .im-table th.x10, .im-flex .cell.x10, .im-row-layout > .column.x10 {width: 10%;}
.im-table td.x11, .im-table th.x11, .im-flex .cell.x11, .im-row-layout > .column.x11 {width: 11%;}
.im-table td.x12, .im-table th.x12, .im-flex .cell.x12, .im-row-layout > .column.x12 {width: 12%;}
.im-table td.x13, .im-table th.x13, .im-flex .cell.x13, .im-row-layout > .column.x13 {width: 13%;}
.im-table td.x14, .im-table th.x14, .im-flex .cell.x14, .im-row-layout > .column.x14 {width: 14%;}
.im-table td.x15, .im-table th.x15, .im-flex .cell.x15, .im-row-layout > .column.x15 {width: 15%;}
.im-table td.x16, .im-table th.x16, .im-flex .cell.x16, .im-row-layout > .column.x16 {width: 16%;}
.im-table td.x17, .im-table th.x17, .im-flex .cell.x17, .im-row-layout > .column.x17 {width: 17%;}
.im-table td.x18, .im-table th.x18, .im-flex .cell.x18, .im-row-layout > .column.x18 {width: 18%;}
.im-table td.x19, .im-table th.x19, .im-flex .cell.x19, .im-row-layout > .column.x19 {width: 19%;}
.im-table td.x20, .im-table th.x20, .im-flex .cell.x20, .im-row-layout > .column.x20 {width: 20%;}
.im-table td.x21, .im-table th.x21, .im-flex .cell.x21, .im-row-layout > .column.x21 {width: 21%;}
.im-table td.x22, .im-table th.x22, .im-flex .cell.x22, .im-row-layout > .column.x22 {width: 22%;}
.im-table td.x23, .im-table th.x23, .im-flex .cell.x23, .im-row-layout > .column.x23 {width: 23%;}
.im-table td.x24, .im-table th.x24, .im-flex .cell.x24, .im-row-layout > .column.x24 {width: 24%;}
.im-table td.x25, .im-table th.x25, .im-flex .cell.x25, .im-row-layout > .column.x25 {width: 25%;}
.im-table td.x26, .im-table th.x26, .im-flex .cell.x26, .im-row-layout > .column.x26 {width: 26%;}
.im-table td.x30, .im-table th.x30, .im-flex .cell.x30, .im-row-layout > .column.x30 {width: 30%;}
.im-table td.x33, .im-table th.x33, .im-flex .cell.x33, .im-row-layout > .column.x33 {width: 33%;}
.im-table td.x35, .im-table th.x35, .im-flex .cell.x35, .im-row-layout > .column.x35 {width: 35%;}
.im-table td.x40, .im-table th.x40, .im-flex .cell.x40, .im-row-layout > .column.x40 {width: 40%;}
.im-table td.x45, .im-table th.x45, .im-flex .cell.x45, .im-row-layout > .column.x45 {width: 45%;}
.im-table td.x50, .im-table th.x50, .im-flex .cell.x50, .im-row-layout > .column.x50 {width: 50%;}
.im-table td.x55, .im-table th.x55, .im-flex .cell.x55, .im-row-layout > .column.x55 {width: 55%;}
.im-table td.x60, .im-table th.x60, .im-flex .cell.x60, .im-row-layout > .column.x60 {width: 60%;}
.im-table td.x65, .im-table th.x65, .im-flex .cell.x65, .im-row-layout > .column.x65 {width: 65%;}
.im-table td.x70, .im-table th.x70, .im-flex .cell.x70, .im-row-layout > .column.x70 {width: 70%;}
.im-table td.x75, .im-table th.x75, .im-flex .cell.x75, .im-row-layout > .column.x75 {width: 75%;}
.im-table td.x80, .im-table th.x80, .im-flex .cell.x80, .im-row-layout > .column.x80 {width: 80%;}
.im-table td.x85, .im-table th.x85, .im-flex .cell.x85, .im-row-layout > .column.x85 {width: 85%;}
.im-table td.x90, .im-table th.x90, .im-flex .cell.x90, .im-row-layout > .column.x90 {width: 90%;}
.im-table td.x95, .im-table th.x95, .im-flex .cell.x95, .im-row-layout > .column.x95 {width: 95%;}
.im-table td.x100, .im-table th.x100, .im-flex .cell.x100, .im-row-layout > .column.x100 {width: 100%;}
.im-table td.fullwidth, .im-table th.fullwidth, .im-flex .cell.fullwidth, .im-row-layout > .column.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-7{margin-right:7px;}
.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-7{margin-left:7px;}
.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-buttons/buttons.css */
.im-button {
    display: inline-block; vertical-align: middle; overflow: hidden; margin: 2px 2px;
    text-decoration: none; text-align: left; white-space: nowrap;
    transition: all 0.2s ease-out; cursor: pointer;
    border: 0;
}

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

/* Global */
.im-button.fullwidth {display: block; width: 100%; margin-left: 0; margin-right: 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;}

.im-button i {display: inline-block; vertical-align: top; margin-right: 4px; font-weight: normal;}
.im-button i.h12 {font-size: 12px;}
.im-button i.h13 {font-size: 13px;}
.im-button i.h14 {font-size: 14px;}
.im-button i.h15 {font-size: 15px;}
.im-button i.h16 {font-size: 15px;}

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

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

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

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

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

/* Iconic */
.im-button.iconic {width: 32px; padding: 0 0;}
.im-button.iconic i,
.im-button.iconic i.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 {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.22); background-color: #ececec; 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.Premium {background-color: #2196f3; color: #fff;}
.im-button.modern.Premium:hover {background-color: rgba(33, 150, 243, 0.8);}
.im-button.modern.Premium:active {background-color: #2196F3;}

.im-button.modern.Industrial {background-color: #ccc; color: #014601;}
.im-button.modern.Industrial:hover {background-color: rgba(204, 204, 204, 0.8);}
.im-button.modern.Industrial:active {background-color: #ccc;}

.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;}

.im-button.disabled-color {
    opacity: 0.5;
    cursor: not-allowed;
}

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

/* 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; vertical-align: middle; position: relative; user-select: none; min-width: 22px; min-height: 22px; cursor: pointer;}
.im-radio.fullwidth {display: block;}
.im-radio > input {display: block; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}
.im-radio > .checkmark {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 50%; background: #fff; transition: all 0.25s ease-out;}
.im-radio > .checkmark::after {display: block; opacity: 0; content: ""; position: absolute; left: 6px; top: 6px; width: 6px; height: 6px; border-radius: 50%; transition: all 0.15s ease-out;}
.im-radio > .text {display: block; padding:2px 0 2px 30px; line-height: 18px;}

/* 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; opacity: 1; background: #2460cd;}

/* 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; line-height: 26px; padding: 5px 4px;}
.im-select option, .im-select optgroup { padding: 0 5px; font-size: 14px; line-height: 20px; color: #222;}
.im-select optgroup { font-weight: 600;}

/* Defaults */
.im-input, .im-textarea, .im-select {
    width: 250px;
    color: #222; font-size: 14px;
    border: 1px solid #ccc; border-radius: 3px;
    background: #fff; transition: all 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.medium {height: 40px; line-height: 40px;}
.im-input.large {height: 44px; line-height: 44px; padding: 0 10px; font-size: 15px;}

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

/* 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 {color: #e32229; border-color: #ec4148;}
.im-input.error::placeholder, .im-textarea.error::placeholder {color: #e32229;}
.im-input.error::-ms-input-placeholder, .im-textarea.error::-ms-input-placeholder {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; font-size:13px; line-height:15px; color:#e32229;}

/* input with unit */
.im-input-with-unit {position: relative;}
.im-input-with-unit > .im-input {padding-right: 32px;}
.im-input-with-unit.w40 > .im-input {padding-right: 40px;}
.im-input-with-unit.w50 > .im-input {padding-right: 50px;}
.im-input-with-unit.w60 > .im-input {padding-right: 60px;}
.im-input-with-unit.w70 > .im-input {padding-right: 70px;}
.im-input-with-unit.w80 > .im-input {padding-right: 80px;}
.im-input-with-unit > .unit {position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 13px; line-height: 13px; font-weight: 600;}

/* File: /src/features/css-tables/tables.css */
/* Table */
.im-table{ border-spacing:0; border-collapse: collapse;}
.im-table.fullwidth {width: 100%;}
.im-table.fixed {table-layout: fixed;}
.im-table tr.head > th {height: 36px; padding: 0 7px; font-size: 13px; line-height: 16px; color: #111; font-weight: 600; border-bottom: 2px solid #ccc; cursor: default;}
.im-table tr.row > td {height: 36px; padding: 0 7px; color: #111; font-size: 13px; line-height: 16px; border-bottom: 1px solid #ddd; cursor: default;}
.im-table tr.row:not(.no-hover):hover > td {background: #f4f4f4;}

/* Rows */
.im-table tr > td{empty-cells: show;}
.im-table tr.head.with-borders > th {border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; background: #f2f2f2;}
.im-table tr.row.with-borders > td {border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.im-table tr.row.break-text > td {overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;}

/* Cells */
.im-table th.left, .im-table td.left {text-align: left;}
.im-table th.center, .im-table td.center {text-align: center;}
.im-table th.right, .im-table td.right {text-align: right;}
.im-table th.top, .im-table td.top {vertical-align: top;}
.im-table th.bottom, .im-table td.bottom {vertical-align: bottom;}
.im-table th.break-text, .im-table td.break-text {overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;}
.im-table th.bold, .im-table td.bold{font-weight: bold;}
.im-table th.semi-bold, .im-table td.semi-bold{font-weight: 600;}

/* File: /src/features/ui-notifier/ui-notifier.css */
.imjs-notifier {
    display: block; position: fixed; left: 50%; top: 12px; max-width: 700px;
    transform: translateX(-50%); z-index: 9999; 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: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 5px 15px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.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; right: 12px; top: 12px; width: 18px; height: 18px;
    background: url('images/ui-notifier-close-white.svg') left top no-repeat; background-size: cover;
    transition: all 0.15s ease-out; cursor: pointer;
}

/* 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: #f5f5f5; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);}
.imjs-notifier.imjs-color-gray > .imjs-inner > .imjs-content {color: #222;}
.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 {padding-left: 12px; padding-right: 12px; left: 0; width: 100%; max-width: none; transform: none; text-align: center; font-size: 0;}
    .imjs-notifier > .imjs-inner {display: inline-block;}
}

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

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

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

/* Close */
.imjs-popup .imjs-close {
    display: block; position: absolute;
    right: 15px; top: 17px; width: 24px; height: 24px;
    background: url('images/ui-popup-close-black.svg') center center no-repeat;
    background-size: cover;
    opacity:0.28; cursor: pointer;
    z-index:999;
    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; font-size: 22px; line-height: 26px; color: #222;}

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

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


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

/* Content */
.imjs-dialog .imjs-content {overflow: hidden; margin-bottom: 22px; line-height: 20px;}
.imjs-dialog .imjs-content .imjs-title {display: block; position: relative; top: -5px; margin: 0 0 15px 0; font-size: 22px; line-height: 26px; color: #222;}
.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; font-size: 13px; font-weight: bold; line-height: 15px; color: #333; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; border: 0; background-color: transparent; font-family: inherit;}
.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;}

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

/* File: /src/features/ui-timepicker/ui-timepicker.css */
.imjs-timepicker {display: inline-block; position: relative; vertical-align: center; }

/* Control */
.imjs-timepicker .control {
    display: flex; flex-flow: row nowrap;
    align-items: center; justify-items: flex-start; height: 36px; padding: 0 5px;
    background: #fff; border: 1px solid #ccc;
    border-radius: 3px; transition: all 0.25s ease-out;
}
.imjs-timepicker .control .colon {display: block; flex: 0 0 auto; padding: 0 1px; text-align: center;}

.imjs-timepicker .control input[data-imjs-segment] {
    display: block; flex: 0 0 auto; width: 26px; height: 26px; line-height: 26px; padding: 0; margin: 0;
    color: #222; font-size: 14px; text-align: center; caret-color: transparent;
    background-color: transparent; border: 0; border-radius: 3px;
    cursor: pointer; appearance: none; user-select: none; -webkit-touch-callout: none;-webkit-tap-highlight-color: transparent;
}
.imjs-timepicker .control input[data-imjs-segment].imjs-focused {background-color: #eee; color: #222;}
.imjs-timepicker .control input[data-imjs-segment]::selection {background-color: transparent}

.imjs-timepicker input[data-imjs-timepicker].error + .control {
    border-color: #ec4148;
}
.imjs-timepicker input[data-imjs-timepicker].error + .control input[data-imjs-segment]  {
    color: #e32229;
}

/* Dropdown */
.imjs-timepicker .dropdown {
    position: absolute; display: none; left: 0; top: 41px; width: 70px; padding: 3px 0;
    background-color: #fff; border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: opacity 0.25s ease-out;
    z-index:9;
}

.imjs-timepicker .dropdown .sections {position: relative; height: 120px; overflow: hidden;}
.imjs-timepicker .dropdown .sections .section {position: absolute; left: 0; top: 0; width: 200%; height: 120px; overflow: hidden; overflow-y: scroll; scroll-behavior: smooth;}
.imjs-timepicker .dropdown .sections .section.hours {z-index: 1; left: 5px;}
.imjs-timepicker .dropdown .sections .section.minutes {z-index: 2; left: 36px;}
.imjs-timepicker .dropdown .sections .section.seconds {z-index: 3; left: 68px;}
.imjs-timepicker .dropdown .sections .section .option {width: 28px; height: 28px; margin-bottom: 2px; line-height: 28px; font-size: 13px; color: #111; text-align: center; border-radius: 3px; transition: all 0.15s ease-out; cursor: pointer;}
.imjs-timepicker .dropdown .sections .section .option:hover {background-color: #f4f4f4;}
.imjs-timepicker .dropdown .sections .section .option.selected{background-color: #e9eff5;}

.imjs-timepicker.imjs-pre-open .dropdown {display: block; opacity: 0.3;}
.imjs-timepicker.imjs-opened .dropdown {display: block; opacity: 1.0;}

/* Seconds */
.imjs-timepicker .control .colon.second{display: none;}
.imjs-timepicker .control input[data-imjs-segment=second]{display: none;}
.imjs-timepicker .dropdown .sections .section.seconds{display: none;}

.imjs-timepicker.imjs-with-seconds .control .colon.second{display: block;}
.imjs-timepicker.imjs-with-seconds .control input[data-imjs-segment=second]{display: block;}
.imjs-timepicker.imjs-with-seconds .dropdown{width:101px;}
.imjs-timepicker.imjs-with-seconds .dropdown .sections .section.seconds{display: block;}

    /* Styles */
.imjs-timepicker.fullwidth {display: block;width: 100%;}

.imjs-timepicker:hover .control {border-color: #b0b0b0;}
.imjs-timepicker.imjs-focused .control {border-color: #2460cd;}
.imjs-timepicker.imjs-disabled .control {border-color: #ccc; background: #eee;}

.imjs-timepicker.error .control { border-color: #ec4148;}
.imjs-timepicker.error .control .colon {color: #e32229;}
.imjs-timepicker.error .control input[data-imjs-segment] {color: #e32229;}

/* Overlay */
.imjs-timepicker.overlay.imjs-focused .control {box-shadow: 0 0 0 2px rgba(32, 94, 207, 0.2);}
.imjs-timepicker.overlay.error .control {box-shadow: 0 0 0 2px rgba(222, 57, 66, 0.2);}