/*! Imjs | 2020-08-19 14:26:36 */

/* File: src/css/global.css */
.im-bold {font-weight: bold;}
.im-semibold {font-weight: 600;}
.im-normal {font-weight: normal;}

.im-no-selection,
.im-checkbox,
.im-radio,
.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-center {text-align: center;}
.im-left {text-align: left;}
.im-right {text-align: right;}

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

/* File: src/css/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-85 {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;}

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

/* File: src/css/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/css/buttons.css */
.im-button {
    display: inline-block; vertical-align: middle; overflow: hidden; margin: 2px 2px;
    text-decoration: none; text-align: left; white-space: nowrap;
    background: #eee; transition: all 0.2s ease-out; cursor: pointer;
    border: 0;
}

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

/* Modern: size */
.im-button.modern {position: relative; height: 32px; line-height: 32px; font-size: 13px; border-radius: 2px; padding: 0 12px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.22);}
.im-button.modern > i {position: relative; height: 100%; line-height: 32px; margin-right: 4px; font-size: 14px;}
.im-button.modern > i.icon {font-size: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.im-button.modern:hover {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);}

.im-button.modern.xs {height: 26px; line-height: 26px; font-size: 12px; border-radius: 2px; padding: 0 10px;}
.im-button.modern.xs > i {line-height: 26px; margin-right: 2px; font-size: 11px;}
.im-button.modern.xs > i.icon {width: 20px; background-size: 18px 18px;}

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

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

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

/* Iconic */
.im-button.modern.iconic {width: 32px; padding: 0 0;}
.im-button.modern.iconic > i,
.im-button.modern.iconic > i.icon {display: block; width: 100%; margin: 0; padding: 0; text-align: center;}
.im-button.modern.xs.iconic {width: 26px;}
.im-button.modern.small.iconic {width: 28px;}
.im-button.modern.medium.iconic {width: 36px;}
.im-button.modern.large.iconic {width: 40px;}

/* Color */
.im-button.modern {background-color: #ececec; color: #111;}
.im-button.modern:hover {background-color: #e2e2e2;}
.im-button.modern:active {background-color: #d8d8d8;}

.im-button.modern.red {background-color: #de3942; color: #fff;}
.im-button.modern.red:hover {background-color: #db2832;}
.im-button.modern.red:active {background-color: #d2232c;}

.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: #1d57c0;}
.im-button.modern.blue:active {background-color: #1c52b6;}

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

/* Overlay */
.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.large.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 {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 {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 3px #abcafe;}

/* File: src/css/panels.css */


/* File: src/css/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.left, .im-textarea.left, .im-select.left {text-align: left;}
.im-input.center, .im-textarea.center, .im-select.center {text-align: center;}
.im-input.right, .im-textarea.right, .im-select.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);}

/* File: src/css/table.css */
/* Table */
.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: #333; font-weight: 600; border-bottom: 2px solid #ccc; cursor: default;}
.im-table tr.row > td {height: 36px; padding: 0 7px; color: #000; font-size: 13px; line-height: 16px; border-bottom: 1px solid #ddd; cursor: default;}
.im-table tr.row:hover > td {background: #f4f4f4;}

/* Rows */
.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.break-text, .im-table td.break-text {overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;}

/* 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.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%;}
.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.x55 {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/css/checkbox.css */
.im-checkbox {display: inline-block; vertical-align: middle; position: relative;}
.im-checkbox > input {display: block; position: absolute; left: 0; top: 0; opacity: 0;}
.im-checkbox > span {display: block; min-height: 18px; padding-left: 30px; font-size: 14px; line-height: 20px; cursor: default;}
.im-checkbox > div:empty {padding-left: 0;}
.im-checkbox > span::before {display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 1px;background: #fff; cursor: pointer;}

.im-checkbox.fullwidth {display: block;}

/* Hover */
.im-checkbox > span:hover::before {border-color: #b0b0b0;}
.im-checkbox > input:checked + span::before {border-color: #b0b0b0; background: #fff url('images/icon-tick-blue.svg') 2px 2px no-repeat; background-size: 12px 12px;}

/* Error */
.im-checkbox > input.error:not(:checked) + span {color: #e32229;}
.im-checkbox > input.error:not(:checked) + span > a {color: #e32229;}
.im-checkbox > input.error:not(:checked) + span::before {border-color: #ec4148;}

/* Disabled */
.im-checkbox > input:disabled + span::before {border-color: #bbb; background-color: #f8f8f8; cursor: default;}
.im-checkbox > input:disabled + span {color: #888;}

/* File: src/css/radio.css */


/* File: src/ui/Notifier.css */
.imjs-notifier {display: block; position: fixed; left: 50%; top: 12px; max-width: 700px; transform: translateX(-50%); z-index: 999; 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: 16px; top: 12px; width: 20px; height: 20px; transition: all 0.15s ease-out; background: url('images/icon-close-x128-white.png') left top no-repeat; background-size: cover; 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/icon-close-x128-gray.png');}

@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/ui/Popup.css */
/* Overlay */
.imjs-overlay {display: block; position: fixed; z-index: 98; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45);}

/* Popup */
.imjs-popup {display: block; position: absolute; z-index: 99; 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/icon-close-x128-gray.png') left top no-repeat;
    background-size: cover;
    opacity:0.6; cursor: pointer;
}
.imjs-popup .imjs-close:hover {opacity:0.9;}

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