/* Sysbuild library - Share CSS */
/* Last Update : 21 Mar 2022 */
/* Main */
body { cursor: default; font-family: Arial; margin: 0px; }
a { color: #777; outline: none; text-decoration: none; }
img { border: 0px; }
img[src=''] { display: none; }
input:focus { outline: none; }
input[type="text"]:disabled { background: linear-gradient(90deg, #fff, rgba(240, 240, 240, 0.5)); border-bottom: dashed 1px #c9c9c9; color: #777; font-size: 12px; }
p { margin: 0px; }
select:focus { outline: none; }
textarea:focus { outline: none; }
textarea:disabled { background-color: #fcfcfc; border: dashed 1px #d9d9d9; color: #777; font-size: 13px; }
.aspNetDisabled { color: #999; cursor: default !important; }

/* Button */
.btn { background-color: #1a237e; border-radius: 4px; color: #fff; font-size: 12px; font-weight: bold; padding: 8px 13px; transition: all 0.3s; }
.btn:hover { background-color: #3f51b5; }
.btn-disable { cursor: default !important; opacity: 0.7; }
.btn-cancel { background-color: #e9e9e9; border-radius: 4px; color: #000; cursor: pointer; font-size: 12px; font-weight: bold; padding: 8px 13px; transition: all 0.3s; }
.btn-cancel:hover { background-color: #f3f3f3; }
.btn-delete { background-color: #f60000; border-radius: 4px; color: #fff; font-size: 12px; font-weight: bold; padding: 8px 13px; transition: box-shadow 0.3s; }
.btn-delete:hover { box-shadow: 1px 1px 7px rgba(245, 0, 0, 0.5); }
.btn-discard { background-color: #e9e9e9; border-radius: 4px; color: #000; cursor: pointer; font-size: 12px; font-weight: bold; padding: 8px 13px; transition: all 0.3s; user-select: none; }
.btn-discard:hover { background-color: #f3f3f3; }
.btn-link { color: #1a237e; cursor: pointer!important; font-size: 13px; font-weight: normal; }
.btn-link:hover { color: #3f51b5; text-decoration: underline; }
.btn-login { background-color: #1a237e; border-radius: 4px; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding: 10px 20px; transition: all 0.3s; }
.btn-login:hover { background-color: #3f51b5; }
.btn-login-cancel { background-color: #e9e9e9; border-radius: 4px; color: #000; cursor: pointer; font-size: 14px; font-weight: bold; padding: 10px 20px; transition: all 0.3s; }
.btn-login-cancel:hover { background-color: #f3f3f3; }
.btn-select { border-radius: 4px; cursor: pointer; padding: 7px 5px; transition: background-color 0.3s; }
.btn-select:hover { background-color: #f5f7f9; }

/* Button grid */
.btn-grid-add { background: transparent url(/images/default/add-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-add:hover { background: #1a237e url(/images/default/add.png) center no-repeat; }
.btn-grid-check { background: transparent url(/images/default/tick-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-check:hover { background: #1a237e url(/images/default/tick.png) center no-repeat; }
.btn-grid-close { background: transparent url(/images/default/close-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-close:hover { background: #1a237e url(/images/default/close.png) center no-repeat; }
.btn-grid-delete { background: transparent url(/images/default/delete-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-delete:hover { background: #1a237e url(/images/default/delete.png) center no-repeat; }
.btn-grid-download { background: transparent url(/images/default/download-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-download:hover { background: #1a237e url(/images/default/download.png) center no-repeat; }
.btn-grid-edit { background: transparent url(/images/default/pencil-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-edit:hover { background: #1a237e url(/images/default/pencil.png) center no-repeat; }
.btn-grid-info { background: transparent url(/images/default/info-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-info:hover { background: #1a237e url(/images/default/info.png) center no-repeat; }
.btn-grid-file { background: transparent url(/images/default/file-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 0px 6px 1px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-file:hover { background: #1a237e url(/images/default/file.png) center no-repeat; }
.btn-grid-file .number { background-color: #1a237e; border: solid 1px #fff; border-radius: 4px; color: #fff !important; float: right; font-size: 10px; font-weight: bold; margin-top: 5px; padding: 1px 2px; text-align: center; }
.btn-grid-goto { background: transparent url(/images/default/goto-grey.png) center no-repeat; cursor: pointer; height: 18px; padding: 6px 1px 6px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-goto:hover { background: #1a237e url(/images/default/goto.png) center no-repeat; }

/* Checkbox */
.check-option { color: #777; font-size: 12px; font-weight: bold; user-select: none; }
.check-option input[type="checkbox"] { display: none; }
.check-option input[type="checkbox"] + label { background: url(/images/default/check-inactive.png) no-repeat  center left; cursor: pointer; transition: all 0.5s; }
.check-option input[type="checkbox"] + label span { padding: 0px 0px 0px 20px; }
.check-option input[type="checkbox"] + label div { color: #9fa4b1; font-size: 10px; font-weight: normal; padding: 0px 0px 0px 20px; }
.check-option input[type="checkbox"]:checked + label { background: url(/images/default/check-active.png)  center left no-repeat; color: #1a237e; }
.check-select { color: #777; font-size: 12px; user-select: none; }
.check-select input[type="checkbox"] { display: none; }
.check-select input[type="checkbox"] + label { background: url(/images/default/check-inactive.png) center left no-repeat; cursor: pointer; transition: all 0.5s; }
.check-select input[type="checkbox"] + label span { padding: 0px 0px 0px 20px; }
.check-select input[type="checkbox"]:checked + label { background: url(/images/default/check-active.png) center left no-repeat; color: #1a237e; }
.check-select input[type="checkbox"]:disabled + label { background: url(/images/default/check-disable.png)  center left no-repeat; cursor: default; }

/* Drop Down List */
.dropdown, .chosen-select, .chosen-option { background-color: transparent; border: 0px; border-bottom: solid 1px #d0d0d0; color: #444; cursor: pointer; font-size: 12px; height: 30px; padding: 3px 0px 2px 0px; transition: all 0.5s; width: 300px; }
.dropdown:focus, chosen-select:focus, chosen-option:focus { background: linear-gradient(90deg, #fff, rgba(100, 181, 246, 0.08)); border: 0px; border-bottom: solid 1px #1a237e; box-shadow: inset 0px -8px 8px -8px rgba(100, 181, 246, 0.25); }
.dropdown-login { border: solid 1px transparent; border-radius: 5px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); color: #000; font-size: 14px; font-weight: bold; height: 42px; padding: 5px 7px; transition: all 0.5s; width: 100%; }
.dropdown-login:focus { box-shadow: 0px 0px 10px rgba(100, 181, 246, 0.08); }
.dropdown.input-error, .chosen-select.input-error, .chosen-option.input-error { background: linear-gradient(90deg, #fff, rgba(255, 0, 0, 0.08)); border-bottom: solid 1px #f00 !important; box-shadow: inset 0px -8px 8px -8px rgba(255, 0, 0, 0.25); }
.dropdown.aspNetDisabled { background: linear-gradient(90deg, #fff, rgba(240, 240, 240, 0.5)); background-color: #fafafa; }

/* TextBox */
.textbox { border: 0px; border-bottom: solid 1px #d0d0d0; color: #555; font-size: 12px; height: 26px; padding: 0px; transition: all 0.5s; width: 300px; }
.textbox:focus { background: linear-gradient(90deg, #fff, rgba(100, 181, 246, 0.08)); border: 0px; border-bottom: solid 1px #1a237e; box-shadow: inset 0px -8px 8px -8px rgba(100, 181, 246, 0.25); }
.textbox.input-error { background: linear-gradient(90deg, #fff, rgba(255, 0, 0, 0.08)); border-bottom: solid 1px #f00 !important; box-shadow: inset 0px -8px 8px -8px rgba(255, 0, 0, 0.25); }
.textbox-field { border: solid 1px #d0d0d0; border-radius: 2px; color: #555; font-family: Arial; font-size: 12px; height: 100px; padding: 3px; width: 292px; transition: all 0.5s; }
.textbox-field:focus { background: linear-gradient(90deg, #fff, rgba(100, 181, 246, 0.08)); border: solid 1px #1a237e; box-shadow: inset 0px 0px 10px rgba(100, 181, 246, 0.25); }
.textbox-field.input-error { background: linear-gradient(90deg, #fff, rgba(255, 0, 0, 0.08)); border: solid 1px #f00 !important; box-shadow: inset 0px -8px 8px -8px rgba(255, 0, 0, 0.25); }
.textbox-login { border: solid 1px transparent; border-radius: 5px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); color: #000; font-size: 14px; font-weight: bold; height: 30px; padding: 5px 7px; transition: all 0.5s; width: calc(100% - 14px); }
.textbox-login:focus { box-shadow: 0px 0px 10px rgba(100, 181, 246, 0.08); }
.textbox-page { background-color: transparent; border: 0px; border-bottom: solid 1px #c9c9c9; color: #1a237e; font-size: 12px; font-weight: bold; height: 16px; text-align: center; transition: all 0.5s; width: 40px; }
.textbox-page:focus { border-bottom: solid 1px #1a237e; }
.textbox-page:disabled { background: transparent !important; border-bottom: solid 1px transparent !important; color: #1a237e !important; font-size: 12px; font-weight: bold; }
.textbox-search { background-color: #f7f8f9; border-radius: 4px; }
.textbox-search .textbox { background-color: transparent; border: none !important; border-radius: 4px 0px 0px 4px; color: #000; font-size: 13px; font-weight: bold; height: 30px; padding: 0px 10px; transition: all 0.3s; width: 150px; }
.textbox-search .btn-search { background-color: #1a237e; border-radius: 0px 4px 4px 0px; color: #fff; height: 24px; padding: 3px 5px; transition: all 0.3s; width: 24px; }
.textbox-search .btn-search:hover { background-color: #3f51b5; }

/* Toggle */
.switch { display: inline-block; height: 12px; position: relative; width: 30px; }
.switch input { display: none; }
.slider { background-color: #e0e0e0; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: 0.5s; }
.slider:before { background-color: #fff; border: solid 1px #f9f9f9; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); bottom: -3px; content: ""; height: 16px; left: -2px; position: absolute; transition: 0.5s; width: 16px; }
.slider.round, .slider.round:before { border-radius: 25px; }
input:checked + .slider { background-color: rgba(26, 35, 126, 0.15); }
input:checked + .slider:before { background-color: #1a237e; border: solid 1px #1a237e; transform: translateX(18px); }
input:focus + .slider { box-shadow: 0px 0px 1px #1a237e; }

/* Radio button list */
.radio-option { color: #777; font-size: 12px; font-weight: bold; user-select: none; }
.radio-option input[type="radio"]:disabled + label { opacity: 0.5; }
.radio-option input[type="radio"] { display: none; }
.radio-option input[type="radio"] + label { background: url(/images/default/check-inactive.png) no-repeat center left; cursor: pointer; transition: all 0.5s; }
.radio-option input[type="radio"] + label span { padding: 0px 0px 0px 20px; }
.radio-option input[type="radio"] + label div { color: #9fa4b1; font-size: 11px; font-weight: normal; padding: 0px 0px 0px 20px; }
.radio-option input[type="radio"]:checked + label { background: url(/images/default/check-active.png) center left no-repeat; color: #1a237e; }

/* Mini drop down */
.minidropdown { background-color: #fff; border: solid 1px #f1f3f5; border-radius: 4px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); display: none; position: absolute; min-width: 120px; z-index: 10; }
.minidropdown .dropdown-item { border-bottom: solid 1px #f1f3f5; transition: all 0.3s; }
.minidropdown .dropdown-item.no-line { border-bottom: none; }
.minidropdown .dropdown-item div { transition: all 0.3s; }
.minidropdown .dropdown-item:hover { background-color: rgba(100, 181, 246, 0.1); }
.minidropdown .dropdown-item:hover div { color: #3f51b5; }

/* Edit zone */
.edit-zone-message { background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); left: 20px; position: fixed; bottom: 20px; z-index: 70; }
.edit-zone-message .esc-btn { background-color: #f1f3f5; border-radius: 4px; color: #000; font-size: 11px; font-weight: bold; margin: 0px 2px; padding: 5px; }
.edit-zone { background-color: rgba(241, 245, 249, 0.5); bottom: 0px; left: 0px; position: fixed; right: 0px; top: 0px; z-index: 60; }
.edit-zone .edit-zone-info { background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); bottom: 0px; right: 610px; position: fixed; top: 0px; z-index: 70; }
.edit-zone .edit-zone-inside { background-color: #fff; bottom: 0px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); overflow-x: hidden; overflow-y: scroll; padding: 0px; position: fixed; right: -600px; top: 0px; transition: right 0.5s; width: 600px; z-index: 70; }
.edit-zone .edit-zone-inside .top-banner { background-color: #0f2853; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); color: #fff; font-size: 16px; font-weight: bold; padding: 15px 30px; position: fixed; right: -600px; top: 0px; transition: right 0.5s; width: 525px; z-index: 80; }
.edit-zone .edit-zone-inside .edit-zone-inner { width: 585px; }
.edit-zone .edit-zone-inside .bottom-banner { background-color: #fff; border-top: solid 2px #f5f7f9; bottom: 0px; padding: 25px 30px 35px 30px; position: fixed; right: -600px; transition: right 0.5s; width: 525px; z-index: 110; }
.edit-zone .edit-zone-inside.right { right: 0px; }
.edit-zone .edit-zone-inside.right .top-banner { right: 15px; }
.edit-zone .edit-zone-inside.right .bottom-banner { right: 15px; }

/* Hint box*/
.hint-box { background-color: #fff; border-radius: 3px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); position: fixed; right: 20px; top: 10px; z-index: 70; }
.hint-box .esc-btn { background-color: #f5f5f5; border: solid 1px #ccc; border-radius: 4px; color: #000; font-size: 11px; font-weight: bold; margin: 0px 2px; padding: 5px; }

/* Arrow */
.arrow-down { border-left: solid 7px transparent; border-right: solid 7px transparent; border-top: solid 7px #1a237e; height: 0; width: 0; }
.arrow-up { border-bottom: solid 7px #1a237e; border-left: solid 7px transparent; border-right: solid 7px transparent; height: 0; width: 0; }

/* Background */
.bg-blue-01 { background-color: #1a237e !important; }
.bg-blue-02 { background-color: #3f51b5 !important; }
.bg-blue-03 { background-color: #f6fbfe !important; }
.bg-green-01 { background-color: #0a0 !important; }
.bg-green-02 { background-color: rgba(0, 200, 0, 0.1) !important; }
.bg-grey-01 { background-color: #fcfcfc !important; }
.bg-grey-02 { background-color: #fbfbfb !important; }
.bg-grey-03 { background-color: #f9fafb !important; }
.bg-grey-04 { background-color: #f5f7f9 !important; }
.bg-grey-05 { background-color: #e9e9e9 !important; }
.bg-red-01 { background-color: rgba(255, 0, 0, 1) !important; }
.bg-red-02 { background-color: rgba(250, 0, 0, 0.04) !important; }
.bg-yellow-01 { background-color: rgba(255, 216, 0, 1) !important; }
.bg-yellow-02 { background-color: rgba(255, 216, 0, 0.1) !important; }
.bg-white { background-color: #fff !important; }

/* Color */
.c-blue-01 { color: #1a237e !important; }
.c-blue-02 { color: #3f51b5 !important; }
.c-blue-03 { color: #f6fbfe !important; }
.c-green-01 { color: #0a0 !important; }
.c-green-02 { color: rgba(0, 200, 0, 0.1) !important; }
.c-grey-01 { color: #e9e9e9; }
.c-grey-02 { color: #f9fafb !important; }
.c-grey-03 { color: #fcfcfc !important; }
.c-grey-04 { color: #ddd; }
.c-grey-05 { color: #ccc; }
.c-grey-06 { color: #9fa4b1; }
.c-white { color: #fff !important; }
                     
/* Radius */         
.radius { border-radius: 5px; }
.radius-sm { border-radius: 10px; }
.radius-md { border-radius: 15px; }
.radius-lg { border-radius: 20px; }
.radius-lf { border-radius: 5px 0px 0px 5px; }
.radius-rt { border-radius: 0px 5px 5px 0px; }
.radius-bt { border-radius: 0px 0px 5px 5px; }
.radius-tp { border-radius: 5px 5px 0px 0px; }

/* Tag */
.tag-keyword { background-color: #0d47a1; border-radius: 2px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); color: #fff; font-size: 12px; font-weight: bold; margin-top: -3px; padding: 4px; }
.tag-link { border: solid 1px transparent; padding: 6px; transition: all 0.3s; }
.tag.blue { background-color: #1a237e; border-radius: 4px; color: #fff; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.default { background-color: rgba(100, 181, 246, 0.08); border-radius: 4px; color: #1565c0; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.default.tag-link:hover { border: solid 1px rgba(100, 181, 246, 1); }
.tag.green { background-color: rgba(0, 153, 0, 0.08); border-radius: 4px; color: #090; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.green.tag-link:hover { border: solid 1px rgba(0, 153, 0, 1); }
.tag.grey { background-color: #f5f5f5; border-radius: 4px; color: #777; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.grey.tag-link:hover { border: solid 1px #999; }
.tag.orange { background-color: rgba(255, 140, 0, 0.08); border-radius: 4px; color: #ff8c00; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.orange.tag-link:hover { border: solid 1px rgba(255, 140, 0, 1); }
.tag.purple { background-color: rgba(106, 27, 154, 0.08); color: #6a1b9a; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.purple.tag-link:hover { border: solid 1px rgba(106, 27, 154, 0.15); }
.tag.red { background-color: rgba(240, 0, 0, 0.08); border-radius: 4px; color: #f60000; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.red.tag-link:hover { border: solid 1px rgba(240, 0, 0, 1); }
.tag.yellow { background-color: rgba(238, 238, 0, 0.08); border-radius: 4px; color: #f2c100; font-size: 11px; font-weight: bold; padding: 7px; }
.tag.yellow.tag-link:hover { border: solid 1px rgba(238, 238, 0, 1); }

/* Line */
.dashed { border: dashed 1px #c5c7c9; }
.dashed-bt { border-bottom: dashed 1px #c5c7c9; }
.dashed-lf { border-left: dashed 1px #c5c7c9; }
.dashed-rt { border-right: dashed 1px #c5c7c9; }
.dashed-tp { border-top: dashed 1px #c5c7c9; }
.line { border: solid 2px #f1f3f5; }
.line-bt { border-bottom: solid 2px #f1f3f5; }
.line-lf { border-left: solid 2px #f1f3f5; }
.line-rt { border-right: solid 2px #f1f3f5; }
.line-tp { border-top: solid 2px #f1f3f5; }
.line.selected { border: solid 2px rgba(26, 35, 126, 0.5); }
.solid { border: solid 1px #d5d7d9; }
.solid-bt { border-bottom: solid 1px #d5d7d9; }
.solid-lf { border-left: solid 1px #d5d7d9; }
.solid-rt { border-right: solid 1px #d5d7d9; }
.solid-tp { border-top: solid 1px #d5d7d9; }
.border-bt { border-bottom: solid 3px transparent; }
.border-lf { border-left: solid 3px transparent; }
.border-rt { border-right: solid 3px transparent; }
.border-tp { border-top: solid 3px transparent; }

/* Shadow */
.shadow { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); }
.shadow-bt { box-shadow: 0px 6px 7px -6px rgba(0, 0, 0, 0.15); }
.shadow-lf { box-shadow: -6px 0px 7px -6px rgba(0, 0, 0, 0.1); }
.shadow-rt { box-shadow: 6px 0px 7px -6px rgba(0, 0, 0, 0.1); }
.shadow-tp { box-shadow: 0px -6px 7px -6px rgba(0, 0, 0, 0.15); }

/* Opacity */
.inv { opacity: 0; }
.inv-1 { opacity: 0.1; }
.inv-2 { opacity: 0.2; }
.inv-3 { opacity: 0.3; }
.inv-4 { opacity: 0.4; }
.inv-5 { opacity: 0.5; }
.inv-6 { opacity: 0.6; }
.inv-7 { opacity: 0.7; }
.inv-8 { opacity: 0.8; }
.inv-9 { opacity: 0.9; }

/* Message */
.error { background-color: rgba(245, 0, 0, 0.9); border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; min-width: 230px; padding: 12px 15px; position: fixed; text-align: center; z-index: 9999999999; }
.error .btn-clear { background: url(/images/default/icon-small-close.png) no-repeat; border-radius: 4px; height: 16px; transition: all 0.3s; width: 16px; }
.update { background-color: rgba(0, 153, 0, 0.9); border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; min-width: 230px; padding: 12px 15px; position: fixed; text-align: center; z-index: 9999999999; }
.update .btn-clear { background: url(/images/default/icon-small-close.png) no-repeat; border-radius: 4px; height: 16px; transition: all 0.3s; width: 16px; }

/* Repeater */
table.clean th { border-bottom: solid 3px #f3f5f7; font-size: 13px; font-weight: bold; padding: 15px; text-align: left; transition: all 0.3s; }
table.clean th .select { width: 20px; }
table.clean th a { transition: all 0.3s; }
table.clean th a:hover { color: #3f51b5; }
table.clean th.index { padding: 15px 10px !important; width: 10px; }
table.clean th.center { text-align: center; }
table.clean th.empty { border-bottom: solid 3px transparent; }
table.clean th.sort-asc { background: linear-gradient(0deg, #edf4fc, #f4f8fc 50%, #fff); border-radius: 5px 5px 0px 0px; transition: all 0.3s; }
table.clean th.sort-desc { background: linear-gradient(180deg, #edf4fc, #f4f8fc 50%, #fff); border-radius: 5px 5px 0px 0px; transition: all 0.3s; }
table.clean th.sort-asc a, table.clean th.sort-desc a { color: #1a237e; }
table.clean th.highlighted { background-color: rgba(100, 181, 246, 0.08) !important; border-left: solid 1px rgba(100, 181, 246, 0.5) !important; border-right: solid 1px rgba(100, 181, 246, 0.5) !important; }
table.clean td { border: solid 1px transparent; border-bottom: solid 1px #f1f3f5; color: #777; font-size: 12px; padding: 15px; position: relative; text-align: left; transition: all 0.3s; }
table.clean td .select { width: 20px; }
table.clean td.index { padding: 15px 10px !important; width: 10px; }
table.clean td.center { text-align: center; }
table.clean td.no-bottom { border-bottom: solid 1px transparent; }
table.clean tr.grey th { background-color: #f9fafb; border-bottom: solid 1px #f1f3f5; color: #5b5e66; font-size: 12px; }
table.clean tr.highlight td.control { height: 1px; padding: 0px; text-align: right; }
table.clean tr.highlight:hover td { background-color: rgba(100, 181, 246, 0.05) !important; border-bottom: solid 1px rgba(100, 181, 246, 0.35) !important; border-top: solid 1px rgba(100, 181, 246, 0.35) !important; }
table.clean tr.highlight-grey:hover td { background-color: #f5f5f5 !important; border-bottom: solid 1px #e9e9e9 !important; border-top: solid 1px #e9e9e9 !important; }
table.clean tr.highlight td .btn-grid-add, table.clean tr.highlight td .btn-grid-delete, table.clean tr.highlight td .btn-grid-edit, table.clean tr.highlight td .btn-grid-file, table.clean tr.highlight td .btn-grid-check, 
table.clean tr.highlight td .btn-grid-info, table.clean tr.highlight td .btn-grid-goto, table.clean tr.highlight td .btn-grid-download, table.clean tr.highlight td .btn-grid-close { display: inline-block; height: 100%; margin: 0px; min-height: 24px; opacity: 0; transition: all 0.3s; width: 18px; }
table.clean tr.highlight:hover td .btn-grid-add, table.clean tr.highlight:hover td .btn-grid-delete, table.clean tr.highlight:hover td .btn-grid-edit, table.clean tr.highlight:hover td .btn-grid-file, table.clean tr.highlight:hover td .btn-grid-check, 
table.clean tr.highlight:hover td .btn-grid-info, table.clean tr.highlight:hover td .btn-grid-goto, table.clean tr.highlight:hover td .btn-grid-download, table.clean tr.highlight:hover td .btn-grid-close { opacity: 1; }
table.clean tr td.highlighted { background-color: rgba(100, 181, 246, 0.05) !important; border-left: solid 1px rgba(100, 181, 246, 0.35) !important; border-right: solid 1px rgba(100, 181, 246, 0.35) !important; }
table.less td { background-color: transparent; color: #555; font-size: 12px; padding: 10px 15px; text-align: left; transition: all 0.3s; }
table.less td .select { width: 20px; }
table.small td { background-color: #fff; border-bottom: solid 1px #f0f0f0; color: #555; font-size: 12px; padding: 10px; text-align: left; transition: all 0.3s; }
table.none td.none { color: #555; font-size: 12px; padding: 15px; text-align: left; transition: all 0.3s; }
table.empty tr.highlight td { height: 1px; transition: all 0.3s; }
table.empty tr.highlight td.control { height: 1px; padding: 0px; text-align: right; }
table.empty tr.highlight.light-grey td { background-color: #f9fafb; }
table.empty tr.highlight:hover td { background-color: rgba(100, 181, 246, 0.08);  }
table.empty tr.highlight td .btn-grid-add, table.empty tr.highlight td .btn-grid-delete, table.empty tr.highlight td .btn-grid-edit, table.empty tr.highlight td .btn-grid-file, table.empty tr.highlight td .btn-grid-check, 
table.empty tr.highlight td .btn-grid-info, table.empty tr.highlight td .btn-grid-goto, table.empty tr.highlight td .btn-grid-download, table.empty tr.highlight td .btn-grid-close { display: inline-block; height: 100%; min-height: 24px; opacity: 0; transition: all 0.3s; width: 18px; }
table.empty tr.highlight:hover td .btn-grid-add, table.empty tr.highlight:hover td .btn-grid-delete, table.empty tr.highlight:hover td .btn-grid-edit, table.empty tr.highlight:hover td .btn-grid-file, table.empty tr.highlight:hover td .btn-grid-check, 
table.empty tr.highlight:hover td .btn-grid-info, table.empty tr.highlight:hover td .btn-grid-goto, table.empty tr.highlight:hover td .btn-grid-download, table.empty tr.highlight:hover td .btn-grid-close { opacity: 1; }

/* Avatar */
.avatar { background: #f8f9fa url(/images/default/avatar.png) center no-repeat; background-size: cover; border-radius: 3px; height: 36px; width: 36px; }
.avatar.empty { background: none; background-size: cover; }
.avatar.medium { height: 48px; width: 48px; }
.avatar.large { height: 60px; width: 60px; }
.avatar.x-large { height: 72px; width: 72px; }
.avatar.standard { height: 120px; width: 120px; }
.avatar.max { background-size: cover; border-radius: 3px; height: 150px; width: 150px; }
.avatar.circle { border-radius: 150px; }
.avatar.frame { border: solid 5px #fff; border-radius: 10px; }
.avatar.shadow { border: solid 5px #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.avatar .control { background-color: rgba(250, 250, 250, 0.5); border-radius: 5px; color: #9fa4b1; float: right; margin: 120px 0px 0px 0px; padding: 5px; transition: all 0.3s; }
.avatar .control:hover { background-color: rgba(100, 181, 246, 0.15); color: #1a237e; }

/* Image */
.image-contain { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; height: 50px; width: 80px; }
.image-contain.medium { height: 100px; width: 160px; }
.image-contain.large { height: 150px; width: 240px; }
.image-cover { background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; height: 50px; width: 80px; }
.image-cover.medium { height: 100px; width: 160px; }
.image-cover.large { height: 150px; width: 240px; }

/* Gallery item */
.gallery-item { float: left; height: 200px; margin: 5px; transition: all 0.3s; width: calc((100% - 40px) / 4); }
.gallery-item.edit-mode { margin: 10px 10px 80px 10px; width: calc((100% - 80px) / 4); }
.gallery-item img { border-radius: 10px; height: 100%; object-fit: cover; width: 100%; }

/* Icon file */
.icon-file { background: url(/images/default/files/file.png) no-repeat; background-size: 64px 64px; height: 64px; width: 64px; }
.icon-file.small { background-size: 32px 32px !important; height: 32px; width: 32px; }
.icon-file.doc { background: url(/images/default/files/doc.png) no-repeat; }
.icon-file.file { background: url(/images/default/files/file.png) no-repeat; }
.icon-file.jpg { background: url(/images/default/files/jpg.png) no-repeat; }
.icon-file.pdf { background: url(/images/default/files/pdf.png) no-repeat; }
.icon-file.png { background: url(/images/default/files/png.png) no-repeat; }
.icon-file.ppt { background: url(/images/default/files/ppt.png) no-repeat; }
.icon-file.txt { background: url(/images/default/files/txt.png) no-repeat; }
.icon-file.xls { background: url(/images/default/files/xls.png) no-repeat; }
.icon-file.zip { background: url(/images/default/files/zip.png) no-repeat; }

/* font-size */
.f-s-10 { font-size: 10px; }
.f-s-11 { font-size: 11px; }
.f-s-12 { font-size: 12px; }
.f-s-13 { font-size: 13px; }
.f-s-14 { font-size: 14px; }
.f-s-15 { font-size: 15px; }
.f-s-16 { font-size: 16px; }
.f-s-17 { font-size: 17px; }
.f-s-18 { font-size: 18px; }
.f-s-19 { font-size: 19px; }
.f-s-20 { font-size: 20px; }
.f-s-21 { font-size: 21px; }
.f-s-22 { font-size: 22px; }
.f-s-23 { font-size: 23px; }
.f-s-24 { font-size: 24px; }
.f-s-25 { font-size: 25px; }
.f-s-26 { font-size: 26px; }
.f-s-27 { font-size: 27px; }
.f-s-28 { font-size: 28px; }
.f-s-29 { font-size: 29px; }
.f-s-30 { font-size: 30px; }
.f-s-31 { font-size: 31px; }
.f-s-32 { font-size: 32px; }
.f-s-33 { font-size: 33px; }
.f-s-34 { font-size: 34px; }
.f-s-35 { font-size: 35px; }
.f-s-36 { font-size: 36px; }
.f-s-37 { font-size: 37px; }
.f-s-38 { font-size: 38px; }
.f-s-39 { font-size: 39px; }
.f-s-40 { font-size: 40px; }
.f-s-41 { font-size: 41px; }
.f-s-42 { font-size: 42px; }
.f-s-43 { font-size: 43px; }
.f-s-44 { font-size: 44px; }
.f-s-45 { font-size: 45px; }
.f-s-46 { font-size: 46px; }
.f-s-47 { font-size: 47px; }
.f-s-48 { font-size: 48px; }
.f-s-49 { font-size: 49px; }
.f-s-50 { font-size: 50px; }
.f-s-60 { font-size: 60px; }
.f-s-70 { font-size: 70px; }
.f-s-80 { font-size: 80px; }
.f-s-90 { font-size: 90px; }
.f-s-100 { font-size: 100px; }
.f-s-110 { font-size: 110px; }
.f-s-120 { font-size: 120px; }
.f-s-130 { font-size: 130px; }
.f-s-140 { font-size: 140px; }
.f-s-150 { font-size: 150px; }

/* Label */
.tx-title { color: #070e26 !important; }
.tx-view { color: #333 !important; }
.tx-std { color: #555 !important; }
.tx-grey { color: #777 !important; }
.tx-fade { color: #9fa4b1 !important; }
.tx-light-grey { color: #eee !important; }
.tx-white { color: #fff !important; }
.tx-color { color: #1a237e !important; }
.tx-cyan { color: #00e5ff !important; }
.tx-light { color: #3f51b5 !important; }
.tx-red { color: #f60000 !important; }
.tx-green { color: #090 !important; }
.tx-warn { color: #ee0 !important; }

.tx-title-00 { color: #070e26; font-size: 11px; font-weight: normal; }
.tx-title-01 { color: #070e26; font-size: 12px; font-weight: normal; }
.tx-title-02 { color: #070e26; font-size: 13px; font-weight: normal; }
.tx-title-03 { color: #070e26; font-size: 14px; font-weight: normal; }
.tx-title-04 { color: #070e26; font-size: 16px; font-weight: normal; }
.tx-title-05 { color: #070e26; font-size: 18px; font-weight: normal; }
.tx-title-06 { color: #070e26; font-size: 20px; font-weight: normal; }
.tx-title-07 { color: #070e26; font-size: 24px; font-weight: normal; }
.tx-title-08 { color: #070e26; font-size: 28px; font-weight: normal; }
.tx-title-09 { color: #070e26; font-size: 32px; font-weight: normal; }
                      
.tx-title-b0 { color: #070e26; font-size: 11px; font-weight: bold; }
.tx-title-b1 { color: #070e26; font-size: 12px; font-weight: bold; }
.tx-title-b2 { color: #070e26; font-size: 13px; font-weight: bold; }
.tx-title-b3 { color: #070e26; font-size: 14px; font-weight: bold; }
.tx-title-b4 { color: #070e26; font-size: 16px; font-weight: bold; }
.tx-title-b5 { color: #070e26; font-size: 18px; font-weight: bold; }
.tx-title-b6 { color: #070e26; font-size: 20px; font-weight: bold; }
.tx-title-b7 { color: #070e26; font-size: 24px; font-weight: bold; }
.tx-title-b8 { color: #070e26; font-size: 28px; font-weight: bold; }
.tx-title-b9 { color: #070e26; font-size: 32px; font-weight: bold; }

.tx-view-00 { color: #333; font-size: 11px; font-weight: normal; }
.tx-view-01 { color: #333; font-size: 12px; font-weight: normal; }
.tx-view-02 { color: #333; font-size: 13px; font-weight: normal; }
.tx-view-03 { color: #333; font-size: 14px; font-weight: normal; }
.tx-view-04 { color: #333; font-size: 16px; font-weight: normal; }
.tx-view-05 { color: #333; font-size: 18px; font-weight: normal; }
.tx-view-06 { color: #333; font-size: 20px; font-weight: normal; }
.tx-view-07 { color: #333; font-size: 24px; font-weight: normal; }
.tx-view-08 { color: #333; font-size: 28px; font-weight: normal; }
.tx-view-09 { color: #333; font-size: 32px; font-weight: normal; }
             
.tx-view-b0 { color: #333; font-size: 11px; font-weight: bold; }
.tx-view-b1 { color: #333; font-size: 12px; font-weight: bold; }
.tx-view-b2 { color: #333; font-size: 13px; font-weight: bold; }
.tx-view-b3 { color: #333; font-size: 14px; font-weight: bold; }
.tx-view-b4 { color: #333; font-size: 16px; font-weight: bold; }
.tx-view-b5 { color: #333; font-size: 18px; font-weight: bold; }
.tx-view-b6 { color: #333; font-size: 20px; font-weight: bold; }
.tx-view-b7 { color: #333; font-size: 24px; font-weight: bold; }
.tx-view-b8 { color: #333; font-size: 28px; font-weight: bold; }
.tx-view-b9 { color: #333; font-size: 32px; font-weight: bold; }

.tx-std-s0 { color: #555; font-size: 10px; font-weight: normal; }
.tx-std-00 { color: #555; font-size: 11px; font-weight: normal; }
.tx-std-01 { color: #555; font-size: 12px; font-weight: normal; }
.tx-std-02 { color: #555; font-size: 13px; font-weight: normal; }
.tx-std-03 { color: #555; font-size: 14px; font-weight: normal; }
.tx-std-04 { color: #555; font-size: 16px; font-weight: normal; }
.tx-std-05 { color: #555; font-size: 18px; font-weight: normal; }
.tx-std-06 { color: #555; font-size: 20px; font-weight: normal; }
.tx-std-07 { color: #555; font-size: 24px; font-weight: normal; }
.tx-std-08 { color: #555; font-size: 28px; font-weight: normal; }
.tx-std-09 { color: #555; font-size: 32px; font-weight: normal; }
                
.tx-std-b0 { color: #555; font-size: 11px; font-weight: bold; }
.tx-std-b1 { color: #555; font-size: 12px; font-weight: bold; }
.tx-std-b2 { color: #555; font-size: 13px; font-weight: bold; }
.tx-std-b3 { color: #555; font-size: 14px; font-weight: bold; }
.tx-std-b4 { color: #555; font-size: 16px; font-weight: bold; }
.tx-std-b5 { color: #555; font-size: 18px; font-weight: bold; }
.tx-std-b6 { color: #555; font-size: 20px; font-weight: bold; }
.tx-std-b7 { color: #555; font-size: 24px; font-weight: bold; }
.tx-std-b8 { color: #555; font-size: 28px; font-weight: bold; }
.tx-std-b9 { color: #555; font-size: 32px; font-weight: bold; }

.tx-grey-00 { color: #777; font-size: 11px; font-weight: normal; }
.tx-grey-01 { color: #777; font-size: 12px; font-weight: normal; }
.tx-grey-02 { color: #777; font-size: 13px; font-weight: normal; }
.tx-grey-03 { color: #777; font-size: 14px; font-weight: normal; }
.tx-grey-04 { color: #777; font-size: 16px; font-weight: normal; }
.tx-grey-05 { color: #777; font-size: 18px; font-weight: normal; }
.tx-grey-06 { color: #777; font-size: 20px; font-weight: normal; }
.tx-grey-07 { color: #777; font-size: 24px; font-weight: normal; }
.tx-grey-08 { color: #777; font-size: 28px; font-weight: normal; }
.tx-grey-09 { color: #777; font-size: 32px; font-weight: normal; }
              
.tx-grey-b0 { color: #777; font-size: 11px; font-weight: bold; }
.tx-grey-b1 { color: #777; font-size: 12px; font-weight: bold; }
.tx-grey-b2 { color: #777; font-size: 13px; font-weight: bold; }
.tx-grey-b3 { color: #777; font-size: 14px; font-weight: bold; }
.tx-grey-b4 { color: #777; font-size: 16px; font-weight: bold; }
.tx-grey-b5 { color: #777; font-size: 18px; font-weight: bold; }
.tx-grey-b6 { color: #777; font-size: 20px; font-weight: bold; }
.tx-grey-b7 { color: #777; font-size: 24px; font-weight: bold; }
.tx-grey-b8 { color: #777; font-size: 28px; font-weight: bold; }
.tx-grey-b9 { color: #777; font-size: 32px; font-weight: bold; }

.tx-fade-00 { color: #9fa4b1; font-size: 11px; font-weight: normal; }
.tx-fade-01 { color: #9fa4b1; font-size: 12px; font-weight: normal; }
.tx-fade-02 { color: #9fa4b1; font-size: 13px; font-weight: normal; }
.tx-fade-03 { color: #9fa4b1; font-size: 14px; font-weight: normal; }
.tx-fade-04 { color: #9fa4b1; font-size: 16px; font-weight: normal; }
.tx-fade-05 { color: #9fa4b1; font-size: 18px; font-weight: normal; }
.tx-fade-06 { color: #9fa4b1; font-size: 20px; font-weight: normal; }
.tx-fade-07 { color: #9fa4b1; font-size: 24px; font-weight: normal; }
.tx-fade-08 { color: #9fa4b1; font-size: 28px; font-weight: normal; }
.tx-fade-09 { color: #9fa4b1; font-size: 32px; font-weight: normal; }

.tx-fade-b0 { color: #9fa4b1; font-size: 11px; font-weight: bold; }
.tx-fade-b1 { color: #9fa4b1; font-size: 12px; font-weight: bold; }
.tx-fade-b2 { color: #9fa4b1; font-size: 13px; font-weight: bold; }
.tx-fade-b3 { color: #9fa4b1; font-size: 14px; font-weight: bold; }
.tx-fade-b4 { color: #9fa4b1; font-size: 16px; font-weight: bold; }
.tx-fade-b5 { color: #9fa4b1; font-size: 18px; font-weight: bold; }
.tx-fade-b6 { color: #9fa4b1; font-size: 20px; font-weight: bold; }
.tx-fade-b7 { color: #9fa4b1; font-size: 24px; font-weight: bold; }
.tx-fade-b8 { color: #9fa4b1; font-size: 28px; font-weight: bold; }
.tx-fade-b9 { color: #9fa4b1; font-size: 32px; font-weight: bold; }

.tx-white-00 { color: #fff; font-size: 11px; font-weight: normal; }
.tx-white-01 { color: #fff; font-size: 12px; font-weight: normal; }
.tx-white-02 { color: #fff; font-size: 13px; font-weight: normal; }
.tx-white-03 { color: #fff; font-size: 14px; font-weight: normal; }
.tx-white-04 { color: #fff; font-size: 16px; font-weight: normal; }
.tx-white-05 { color: #fff; font-size: 18px; font-weight: normal; }
.tx-white-06 { color: #fff; font-size: 20px; font-weight: normal; }
.tx-white-07 { color: #fff; font-size: 24px; font-weight: normal; }
.tx-white-08 { color: #fff; font-size: 28px; font-weight: normal; }
.tx-white-09 { color: #fff; font-size: 32px; font-weight: normal; }

.tx-white-b0 { color: #fff; font-size: 11px; font-weight: bold; }
.tx-white-b1 { color: #fff; font-size: 12px; font-weight: bold; }
.tx-white-b2 { color: #fff; font-size: 13px; font-weight: bold; }
.tx-white-b3 { color: #fff; font-size: 14px; font-weight: bold; }
.tx-white-b4 { color: #fff; font-size: 16px; font-weight: bold; }
.tx-white-b5 { color: #fff; font-size: 18px; font-weight: bold; }
.tx-white-b6 { color: #fff; font-size: 20px; font-weight: bold; }
.tx-white-b7 { color: #fff; font-size: 24px; font-weight: bold; }
.tx-white-b8 { color: #fff; font-size: 28px; font-weight: bold; }
.tx-white-b9 { color: #fff; font-size: 32px; font-weight: bold; }

.tx-color-00 { color: #1a237e; font-size: 11px; font-weight: normal; }
.tx-color-01 { color: #1a237e; font-size: 12px; font-weight: normal; }
.tx-color-02 { color: #1a237e; font-size: 13px; font-weight: normal; }
.tx-color-03 { color: #1a237e; font-size: 14px; font-weight: normal; }
.tx-color-04 { color: #1a237e; font-size: 16px; font-weight: normal; }
.tx-color-05 { color: #1a237e; font-size: 18px; font-weight: normal; }
.tx-color-06 { color: #1a237e; font-size: 20px; font-weight: normal; }
.tx-color-07 { color: #1a237e; font-size: 24px; font-weight: normal; }
.tx-color-08 { color: #1a237e; font-size: 28px; font-weight: normal; }
.tx-color-09 { color: #1a237e; font-size: 32px; font-weight: normal; }
.tx-color-10 { color: #1a237e; font-size: 48px; font-weight: normal; }
        
.tx-color-b0 { color: #1a237e; font-size: 11px; font-weight: bold; }
.tx-color-b1 { color: #1a237e; font-size: 12px; font-weight: bold; }
.tx-color-b2 { color: #1a237e; font-size: 13px; font-weight: bold; }
.tx-color-b3 { color: #1a237e; font-size: 14px; font-weight: bold; }
.tx-color-b4 { color: #1a237e; font-size: 16px; font-weight: bold; }
.tx-color-b5 { color: #1a237e; font-size: 18px; font-weight: bold; }
.tx-color-b6 { color: #1a237e; font-size: 20px; font-weight: bold; }
.tx-color-b7 { color: #1a237e; font-size: 24px; font-weight: bold; }
.tx-color-b8 { color: #1a237e; font-size: 28px; font-weight: bold; }
.tx-color-b9 { color: #1a237e; font-size: 32px; font-weight: bold; }
.tx-color-b10 { color: #1a237e; font-size: 48px; font-weight: bold; }

.tx-cyan-00 { color: #00e5ff; font-size: 11px; font-weight: normal; }
.tx-cyan-01 { color: #00e5ff; font-size: 12px; font-weight: normal; }
.tx-cyan-02 { color: #00e5ff; font-size: 13px; font-weight: normal; }
.tx-cyan-03 { color: #00e5ff; font-size: 14px; font-weight: normal; }
.tx-cyan-04 { color: #00e5ff; font-size: 16px; font-weight: normal; }
.tx-cyan-05 { color: #00e5ff; font-size: 18px; font-weight: normal; }
.tx-cyan-06 { color: #00e5ff; font-size: 20px; font-weight: normal; }
.tx-cyan-07 { color: #00e5ff; font-size: 24px; font-weight: normal; }
.tx-cyan-08 { color: #00e5ff; font-size: 28px; font-weight: normal; }
.tx-cyan-09 { color: #00e5ff; font-size: 32px; font-weight: normal; }
.tx-cyan-10 { color: #00e5ff; font-size: 48px; font-weight: normal; }
                     
.tx-cyan-b0 { color: #00e5ff; font-size: 11px; font-weight: bold; }
.tx-cyan-b1 { color: #00e5ff; font-size: 12px; font-weight: bold; }
.tx-cyan-b2 { color: #00e5ff; font-size: 13px; font-weight: bold; }
.tx-cyan-b3 { color: #00e5ff; font-size: 14px; font-weight: bold; }
.tx-cyan-b4 { color: #00e5ff; font-size: 16px; font-weight: bold; }
.tx-cyan-b5 { color: #00e5ff; font-size: 18px; font-weight: bold; }
.tx-cyan-b6 { color: #00e5ff; font-size: 20px; font-weight: bold; }
.tx-cyan-b7 { color: #00e5ff; font-size: 24px; font-weight: bold; }
.tx-cyan-b8 { color: #00e5ff; font-size: 28px; font-weight: bold; }
.tx-cyan-b9 { color: #00e5ff; font-size: 32px; font-weight: bold; }
.tx-cyan-b10 { color: #00e5ff; font-size: 48px; font-weight: bold; }

.tx-light-00 { color: #3f51b5; font-size: 11px; font-weight: normal; }
.tx-light-01 { color: #3f51b5; font-size: 12px; font-weight: normal; }
.tx-light-02 { color: #3f51b5; font-size: 13px; font-weight: normal; }
.tx-light-03 { color: #3f51b5; font-size: 14px; font-weight: normal; }
.tx-light-04 { color: #3f51b5; font-size: 16px; font-weight: normal; }
.tx-light-05 { color: #3f51b5; font-size: 18px; font-weight: normal; }
.tx-light-06 { color: #3f51b5; font-size: 20px; font-weight: normal; }
.tx-light-07 { color: #3f51b5; font-size: 24px; font-weight: normal; }
.tx-light-08 { color: #3f51b5; font-size: 28px; font-weight: normal; }
.tx-light-09 { color: #3f51b5; font-size: 32px; font-weight: normal; }
.tx-light-10 { color: #3f51b5; font-size: 48px; font-weight: normal; }
           
.tx-light-b0 { color: #3f51b5; font-size: 11px; font-weight: bold; }
.tx-light-b1 { color: #3f51b5; font-size: 12px; font-weight: bold; }
.tx-light-b2 { color: #3f51b5; font-size: 13px; font-weight: bold; }
.tx-light-b3 { color: #3f51b5; font-size: 14px; font-weight: bold; }
.tx-light-b4 { color: #3f51b5; font-size: 16px; font-weight: bold; }
.tx-light-b5 { color: #3f51b5; font-size: 18px; font-weight: bold; }
.tx-light-b6 { color: #3f51b5; font-size: 20px; font-weight: bold; }
.tx-light-b7 { color: #3f51b5; font-size: 24px; font-weight: bold; }
.tx-light-b8 { color: #3f51b5; font-size: 28px; font-weight: bold; }
.tx-light-b9 { color: #3f51b5; font-size: 32px; font-weight: bold; }
.tx-light-b10 { color: #3f51b5; font-size: 48px; font-weight: bold; }

.tx-red-00 { color: #f60000; font-size: 11px; font-weight: normal; }
.tx-red-01 { color: #f60000; font-size: 12px; font-weight: normal; }
.tx-red-02 { color: #f60000; font-size: 13px; font-weight: normal; }
.tx-red-03 { color: #f60000; font-size: 14px; font-weight: normal; }
.tx-red-04 { color: #f60000; font-size: 16px; font-weight: normal; }
.tx-red-05 { color: #f60000; font-size: 18px; font-weight: normal; }
.tx-red-06 { color: #f60000; font-size: 20px; font-weight: normal; }
.tx-red-07 { color: #f60000; font-size: 24px; font-weight: normal; }
.tx-red-08 { color: #f60000; font-size: 28px; font-weight: normal; }
.tx-red-09 { color: #f60000; font-size: 32px; font-weight: normal; }
    
.tx-red-b0 { color: #f60000; font-size: 11px; font-weight: bold; }
.tx-red-b1 { color: #f60000; font-size: 12px; font-weight: bold; }
.tx-red-b2 { color: #f60000; font-size: 13px; font-weight: bold; }
.tx-red-b3 { color: #f60000; font-size: 14px; font-weight: bold; }
.tx-red-b4 { color: #f60000; font-size: 16px; font-weight: bold; }
.tx-red-b5 { color: #f60000; font-size: 18px; font-weight: bold; }
.tx-red-b6 { color: #f60000; font-size: 20px; font-weight: bold; }
.tx-red-b7 { color: #f60000; font-size: 24px; font-weight: bold; }
.tx-red-b8 { color: #f60000; font-size: 28px; font-weight: bold; }
.tx-red-b9 { color: #f60000; font-size: 32px; font-weight: bold; }

.tx-green-00 { color: #090; font-size: 11px; font-weight: normal; }
.tx-green-01 { color: #090; font-size: 12px; font-weight: normal; }
.tx-green-02 { color: #090; font-size: 13px; font-weight: normal; }
.tx-green-03 { color: #090; font-size: 14px; font-weight: normal; }
.tx-green-04 { color: #090; font-size: 16px; font-weight: normal; }
.tx-green-05 { color: #090; font-size: 18px; font-weight: normal; }
.tx-green-06 { color: #090; font-size: 20px; font-weight: normal; }
.tx-green-07 { color: #090; font-size: 24px; font-weight: normal; }
.tx-green-08 { color: #090; font-size: 28px; font-weight: normal; }
.tx-green-09 { color: #090; font-size: 32px; font-weight: normal; }

.tx-green-b0 { color: #090; font-size: 11px; font-weight: bold; }
.tx-green-b1 { color: #090; font-size: 12px; font-weight: bold; }
.tx-green-b2 { color: #090; font-size: 13px; font-weight: bold; }
.tx-green-b3 { color: #090; font-size: 14px; font-weight: bold; }
.tx-green-b4 { color: #090; font-size: 16px; font-weight: bold; }
.tx-green-b5 { color: #090; font-size: 18px; font-weight: bold; }
.tx-green-b6 { color: #090; font-size: 20px; font-weight: bold; }
.tx-green-b7 { color: #090; font-size: 24px; font-weight: bold; }
.tx-green-b8 { color: #090; font-size: 28px; font-weight: bold; }
.tx-green-b9 { color: #090; font-size: 32px; font-weight: bold; }

.tx-warn-00 { color: #ffd800; font-size: 11px; font-weight: normal; }
.tx-warn-01 { color: #ffd800; font-size: 12px; font-weight: normal; }
.tx-warn-02 { color: #ffd800; font-size: 13px; font-weight: normal; }
.tx-warn-03 { color: #ffd800; font-size: 14px; font-weight: normal; }
.tx-warn-04 { color: #ffd800; font-size: 16px; font-weight: normal; }
.tx-warn-05 { color: #ffd800; font-size: 18px; font-weight: normal; }
.tx-warn-06 { color: #ffd800; font-size: 20px; font-weight: normal; }
.tx-warn-07 { color: #ffd800; font-size: 24px; font-weight: normal; }
.tx-warn-08 { color: #ffd800; font-size: 28px; font-weight: normal; }
.tx-warn-09 { color: #ffd800; font-size: 32px; font-weight: normal; }
                      
.tx-warn-b0 { color: #ffd800; font-size: 11px; font-weight: bold; }
.tx-warn-b1 { color: #ffd800; font-size: 12px; font-weight: bold; }
.tx-warn-b2 { color: #ffd800; font-size: 13px; font-weight: bold; }
.tx-warn-b3 { color: #ffd800; font-size: 14px; font-weight: bold; }
.tx-warn-b4 { color: #ffd800; font-size: 16px; font-weight: bold; }
.tx-warn-b5 { color: #ffd800; font-size: 18px; font-weight: bold; }
.tx-warn-b6 { color: #ffd800; font-size: 20px; font-weight: bold; }
.tx-warn-b7 { color: #ffd800; font-size: 24px; font-weight: bold; }
.tx-warn-b8 { color: #ffd800; font-size: 28px; font-weight: bold; }
.tx-warn-b9 { color: #ffd800; font-size: 32px; font-weight: bold; }

/* Margin */
.mg-00 { margin: 0px !important; }
.mg-01 { margin: 1px !important; }
.mg-02 { margin: 2px !important; }
.mg-03 { margin: 3px !important; }
.mg-04 { margin: 4px !important; }
.mg-05 { margin: 5px !important; }
.mg-06 { margin: 6px !important; }
.mg-07 { margin: 7px !important; }
.mg-08 { margin: 8px !important; }
.mg-09 { margin: 9px !important; }
.mg-10 { margin: 10px !important; }
.mg-11 { margin: 11px !important; }
.mg-12 { margin: 12px !important; }
.mg-13 { margin: 13px !important; }
.mg-14 { margin: 14px !important; }
.mg-15 { margin: 15px !important; }
.mg-16 { margin: 16px !important; }
.mg-17 { margin: 17px !important; }
.mg-18 { margin: 18px !important; }
.mg-19 { margin: 19px !important; }
.mg-20 { margin: 20px !important; }
.mg-25 { margin: 25px !important; }
.mg-30 { margin: 30px !important; }
.mg-35 { margin: 35px !important; }
.mg-40 { margin: 40px !important; }
.mg-45 { margin: 45px !important; }
.mg-50 { margin: 50px !important; }
.mg-55 { margin: 55px !important; }
.mg-60 { margin: 60px !important; }
.mg-65 { margin: 65px !important; }
.mg-70 { margin: 70px !important; }
.mg-75 { margin: 75px !important; }
.mg-80 { margin: 80px !important; }
.mg-85 { margin: 85px !important; }
.mg-90 { margin: 90px !important; }
.mg-95 { margin: 95px !important; }

.mg-bt-ng-00 { margin-bottom: -0px !important; }
.mg-bt-ng-01 { margin-bottom: -1px !important; }
.mg-bt-ng-02 { margin-bottom: -2px !important; }
.mg-bt-ng-03 { margin-bottom: -3px !important; }
.mg-bt-ng-04 { margin-bottom: -4px !important; }
.mg-bt-ng-05 { margin-bottom: -5px !important; }
.mg-bt-ng-06 { margin-bottom: -6px !important; }
.mg-bt-ng-07 { margin-bottom: -7px !important; }
.mg-bt-ng-08 { margin-bottom: -8px !important; }
.mg-bt-ng-09 { margin-bottom: -9px !important; }
.mg-bt-ng-10 { margin-bottom: -10px !important; }
.mg-bt-ng-11 { margin-bottom: -11px !important; }
.mg-bt-ng-12 { margin-bottom: -12px !important; }
.mg-bt-ng-13 { margin-bottom: -13px !important; }
.mg-bt-ng-14 { margin-bottom: -14px !important; }
.mg-bt-ng-15 { margin-bottom: -15px !important; }
.mg-bt-ng-16 { margin-bottom: -16px !important; }
.mg-bt-ng-17 { margin-bottom: -17px !important; }
.mg-bt-ng-18 { margin-bottom: -18px !important; }
.mg-bt-ng-19 { margin-bottom: -19px !important; }
.mg-bt-ng-20 { margin-bottom: -20px !important; }
.mg-bt-ng-25 { margin-bottom: -25px !important; }
.mg-bt-ng-30 { margin-bottom: -30px !important; }
.mg-bt-ng-35 { margin-bottom: -35px !important; }
.mg-bt-ng-40 { margin-bottom: -40px !important; }
.mg-bt-ng-45 { margin-bottom: -45px !important; }
.mg-bt-ng-50 { margin-bottom: -50px !important; }
.mg-bt-ng-55 { margin-bottom: -55px !important; }
.mg-bt-ng-60 { margin-bottom: -60px !important; }
.mg-bt-ng-65 { margin-bottom: -65px !important; }
.mg-bt-ng-70 { margin-bottom: -70px !important; }
.mg-bt-ng-75 { margin-bottom: -75px !important; }
.mg-bt-ng-80 { margin-bottom: -80px !important; }
.mg-bt-ng-85 { margin-bottom: -85px !important; }
.mg-bt-ng-90 { margin-bottom: -90px !important; }
.mg-bt-ng-95 { margin-bottom: -95px !important; }
.mg-bt-00 { margin-bottom: 0px !important; }
.mg-bt-01 { margin-bottom: 1px !important; }
.mg-bt-02 { margin-bottom: 2px !important; }
.mg-bt-03 { margin-bottom: 3px !important; }
.mg-bt-04 { margin-bottom: 4px !important; }
.mg-bt-05 { margin-bottom: 5px !important; }
.mg-bt-06 { margin-bottom: 6px !important; }
.mg-bt-07 { margin-bottom: 7px !important; }
.mg-bt-08 { margin-bottom: 8px !important; }
.mg-bt-09 { margin-bottom: 9px !important; }
.mg-bt-10 { margin-bottom: 10px !important; }
.mg-bt-11 { margin-bottom: 11px !important; }
.mg-bt-12 { margin-bottom: 12px !important; }
.mg-bt-13 { margin-bottom: 13px !important; }
.mg-bt-14 { margin-bottom: 14px !important; }
.mg-bt-15 { margin-bottom: 15px !important; }
.mg-bt-16 { margin-bottom: 16px !important; }
.mg-bt-17 { margin-bottom: 17px !important; }
.mg-bt-18 { margin-bottom: 18px !important; }
.mg-bt-19 { margin-bottom: 19px !important; }
.mg-bt-20 { margin-bottom: 20px !important; }
.mg-bt-25 { margin-bottom: 25px !important; }
.mg-bt-30 { margin-bottom: 30px !important; }
.mg-bt-35 { margin-bottom: 35px !important; }
.mg-bt-40 { margin-bottom: 40px !important; }
.mg-bt-45 { margin-bottom: 45px !important; }
.mg-bt-50 { margin-bottom: 50px !important; }
.mg-bt-60 { margin-bottom: 60px !important; }
.mg-bt-70 { margin-bottom: 70px !important; }
.mg-bt-80 { margin-bottom: 80px !important; }
.mg-bt-90 { margin-bottom: 90px !important; }
.mg-bt-100 { margin-bottom: 100px !important; }
.mg-bt-200 { margin-bottom: 200px !important; }
.mg-bt-300 { margin-bottom: 300px !important; }
.mg-bt-400 { margin-bottom: 400px !important; }
.mg-bt-500 { margin-bottom: 500px !important; }

.mg-lf-ng-00 { margin-left: -0px !important; }
.mg-lf-ng-01 { margin-left: -1px !important; }
.mg-lf-ng-02 { margin-left: -2px !important; }
.mg-lf-ng-03 { margin-left: -3px !important; }
.mg-lf-ng-04 { margin-left: -4px !important; }
.mg-lf-ng-05 { margin-left: -5px !important; }
.mg-lf-ng-06 { margin-left: -6px !important; }
.mg-lf-ng-07 { margin-left: -7px !important; }
.mg-lf-ng-08 { margin-left: -8px !important; }
.mg-lf-ng-09 { margin-left: -9px !important; }
.mg-lf-ng-10 { margin-left: -10px !important; }
.mg-lf-ng-11 { margin-left: -11px !important; }
.mg-lf-ng-12 { margin-left: -12px !important; }
.mg-lf-ng-13 { margin-left: -13px !important; }
.mg-lf-ng-14 { margin-left: -14px !important; }
.mg-lf-ng-15 { margin-left: -15px !important; }
.mg-lf-ng-16 { margin-left: -16px !important; }
.mg-lf-ng-17 { margin-left: -17px !important; }
.mg-lf-ng-18 { margin-left: -18px !important; }
.mg-lf-ng-19 { margin-left: -19px !important; }
.mg-lf-ng-20 { margin-left: -20px !important; }
.mg-lf-ng-25 { margin-left: -25px !important; }
.mg-lf-ng-30 { margin-left: -30px !important; }
.mg-lf-ng-35 { margin-left: -35px !important; }
.mg-lf-ng-40 { margin-left: -40px !important; }
.mg-lf-ng-45 { margin-left: -45px !important; }
.mg-lf-ng-50 { margin-left: -50px !important; }
.mg-lf-ng-55 { margin-left: -55px !important; }
.mg-lf-ng-60 { margin-left: -60px !important; }
.mg-lf-ng-65 { margin-left: -65px !important; }
.mg-lf-ng-70 { margin-left: -70px !important; }
.mg-lf-ng-75 { margin-left: -75px !important; }
.mg-lf-ng-80 { margin-left: -80px !important; }
.mg-lf-ng-85 { margin-left: -85px !important; }
.mg-lf-ng-90 { margin-left: -90px !important; }
.mg-lf-ng-95 { margin-left: -95px !important; }
.mg-lf-00 { margin-left: 0px !important; }
.mg-lf-01 { margin-left: 1px !important; }
.mg-lf-02 { margin-left: 2px !important; }
.mg-lf-03 { margin-left: 3px !important; }
.mg-lf-04 { margin-left: 4px !important; }
.mg-lf-05 { margin-left: 5px !important; }
.mg-lf-06 { margin-left: 6px !important; }
.mg-lf-07 { margin-left: 7px !important; }
.mg-lf-08 { margin-left: 8px !important; }
.mg-lf-09 { margin-left: 9px !important; }
.mg-lf-10 { margin-left: 10px !important; }
.mg-lf-11 { margin-left: 11px !important; }
.mg-lf-12 { margin-left: 12px !important; }
.mg-lf-13 { margin-left: 13px !important; }
.mg-lf-14 { margin-left: 14px !important; }
.mg-lf-15 { margin-left: 15px !important; }
.mg-lf-16 { margin-left: 16px !important; }
.mg-lf-17 { margin-left: 17px !important; }
.mg-lf-18 { margin-left: 18px !important; }
.mg-lf-19 { margin-left: 19px !important; }
.mg-lf-20 { margin-left: 20px !important; }
.mg-lf-25 { margin-left: 25px !important; }
.mg-lf-30 { margin-left: 30px !important; }
.mg-lf-35 { margin-left: 35px !important; }
.mg-lf-40 { margin-left: 40px !important; }
.mg-lf-45 { margin-left: 45px !important; }
.mg-lf-50 { margin-left: 50px !important; }
.mg-lf-60 { margin-left: 60px !important; }
.mg-lf-70 { margin-left: 70px !important; }
.mg-lf-80 { margin-left: 80px !important; }
.mg-lf-90 { margin-left: 90px !important; }
.mg-lf-100 { margin-left: 100px !important; }
.mg-lf-200 { margin-left: 200px !important; }
.mg-lf-300 { margin-left: 300px !important; }
.mg-lf-400 { margin-left: 400px !important; }
.mg-lf-500 { margin-left: 500px !important; }

.mg-rt-ng-00 { margin-right: -0px !important; }
.mg-rt-ng-01 { margin-right: -1px !important; }
.mg-rt-ng-02 { margin-right: -2px !important; }
.mg-rt-ng-03 { margin-right: -3px !important; }
.mg-rt-ng-04 { margin-right: -4px !important; }
.mg-rt-ng-05 { margin-right: -5px !important; }
.mg-rt-ng-06 { margin-right: -6px !important; }
.mg-rt-ng-07 { margin-right: -7px !important; }
.mg-rt-ng-08 { margin-right: -8px !important; }
.mg-rt-ng-09 { margin-right: -9px !important; }
.mg-rt-ng-10 { margin-right: -10px !important; }
.mg-rt-ng-11 { margin-right: -11px !important; }
.mg-rt-ng-12 { margin-right: -12px !important; }
.mg-rt-ng-13 { margin-right: -13px !important; }
.mg-rt-ng-14 { margin-right: -14px !important; }
.mg-rt-ng-15 { margin-right: -15px !important; }
.mg-rt-ng-16 { margin-right: -16px !important; }
.mg-rt-ng-17 { margin-right: -17px !important; }
.mg-rt-ng-18 { margin-right: -18px !important; }
.mg-rt-ng-19 { margin-right: -19px !important; }
.mg-rt-ng-20 { margin-right: -20px !important; }
.mg-rt-ng-25 { margin-right: -25px !important; }
.mg-rt-ng-30 { margin-right: -30px !important; }
.mg-rt-ng-35 { margin-right: -35px !important; }
.mg-rt-ng-40 { margin-right: -40px !important; }
.mg-rt-ng-45 { margin-right: -45px !important; }
.mg-rt-ng-50 { margin-right: -50px !important; }
.mg-rt-ng-55 { margin-right: -55px !important; }
.mg-rt-ng-60 { margin-right: -60px !important; }
.mg-rt-ng-65 { margin-right: -65px !important; }
.mg-rt-ng-70 { margin-right: -70px !important; }
.mg-rt-ng-75 { margin-right: -75px !important; }
.mg-rt-ng-80 { margin-right: -80px !important; }
.mg-rt-ng-85 { margin-right: -85px !important; }
.mg-rt-ng-90 { margin-right: -90px !important; }
.mg-rt-ng-95 { margin-right: -95px !important; }
.mg-rt-00 { margin-right: 0px !important; }
.mg-rt-01 { margin-right: 1px !important; }
.mg-rt-02 { margin-right: 2px !important; }
.mg-rt-03 { margin-right: 3px !important; }
.mg-rt-04 { margin-right: 4px !important; }
.mg-rt-05 { margin-right: 5px !important; }
.mg-rt-06 { margin-right: 6px !important; }
.mg-rt-07 { margin-right: 7px !important; }
.mg-rt-08 { margin-right: 8px !important; }
.mg-rt-09 { margin-right: 9px !important; }
.mg-rt-10 { margin-right: 10px !important; }
.mg-rt-11 { margin-right: 11px !important; }
.mg-rt-12 { margin-right: 12px !important; }
.mg-rt-13 { margin-right: 13px !important; }
.mg-rt-14 { margin-right: 14px !important; }
.mg-rt-15 { margin-right: 15px !important; }
.mg-rt-16 { margin-right: 16px !important; }
.mg-rt-17 { margin-right: 17px !important; }
.mg-rt-18 { margin-right: 18px !important; }
.mg-rt-19 { margin-right: 19px !important; }
.mg-rt-20 { margin-right: 20px !important; }
.mg-rt-25 { margin-right: 25px !important; }
.mg-rt-30 { margin-right: 30px !important; }
.mg-rt-35 { margin-right: 35px !important; }
.mg-rt-40 { margin-right: 40px !important; }
.mg-rt-45 { margin-right: 45px !important; }
.mg-rt-50 { margin-right: 50px !important; }
.mg-rt-60 { margin-right: 60px !important; }
.mg-rt-70 { margin-right: 70px !important; }
.mg-rt-80 { margin-right: 80px !important; }
.mg-rt-90 { margin-right: 90px !important; }
.mg-rt-100 { margin-right: 100px !important; }
.mg-rt-200 { margin-right: 200px !important; }
.mg-rt-300 { margin-right: 300px !important; }
.mg-rt-400 { margin-right: 400px !important; }
.mg-rt-500 { margin-right: 500px !important; }

.mg-tp-ng-00 { margin-top: -0px !important; }
.mg-tp-ng-01 { margin-top: -1px !important; }
.mg-tp-ng-02 { margin-top: -2px !important; }
.mg-tp-ng-03 { margin-top: -3px !important; }
.mg-tp-ng-04 { margin-top: -4px !important; }
.mg-tp-ng-05 { margin-top: -5px !important; }
.mg-tp-ng-06 { margin-top: -6px !important; }
.mg-tp-ng-07 { margin-top: -7px !important; }
.mg-tp-ng-08 { margin-top: -8px !important; }
.mg-tp-ng-09 { margin-top: -9px !important; }
.mg-tp-ng-10 { margin-top: -10px !important; }
.mg-tp-ng-11 { margin-top: -11px !important; }
.mg-tp-ng-12 { margin-top: -12px !important; }
.mg-tp-ng-13 { margin-top: -13px !important; }
.mg-tp-ng-14 { margin-top: -14px !important; }
.mg-tp-ng-15 { margin-top: -15px !important; }
.mg-tp-ng-16 { margin-top: -16px !important; }
.mg-tp-ng-17 { margin-top: -17px !important; }
.mg-tp-ng-18 { margin-top: -18px !important; }
.mg-tp-ng-19 { margin-top: -19px !important; }
.mg-tp-ng-20 { margin-top: -20px !important; }
.mg-tp-ng-25 { margin-top: -25px !important; }
.mg-tp-ng-30 { margin-top: -30px !important; }
.mg-tp-ng-35 { margin-top: -35px !important; }
.mg-tp-ng-40 { margin-top: -40px !important; }
.mg-tp-ng-45 { margin-top: -45px !important; }
.mg-tp-ng-50 { margin-top: -50px !important; }
.mg-tp-ng-55 { margin-top: -55px !important; }
.mg-tp-ng-60 { margin-top: -60px !important; }
.mg-tp-ng-65 { margin-top: -65px !important; }
.mg-tp-ng-70 { margin-top: -70px !important; }
.mg-tp-ng-75 { margin-top: -75px !important; }
.mg-tp-ng-80 { margin-top: -80px !important; }
.mg-tp-ng-85 { margin-top: -85px !important; }
.mg-tp-ng-90 { margin-top: -90px !important; }
.mg-tp-ng-95 { margin-top: -95px !important; }
.mg-tp-00 { margin-top: 0px !important; }
.mg-tp-01 { margin-top: 1px !important; }
.mg-tp-02 { margin-top: 2px !important; }
.mg-tp-03 { margin-top: 3px !important; }
.mg-tp-04 { margin-top: 4px !important; }
.mg-tp-05 { margin-top: 5px !important; }
.mg-tp-06 { margin-top: 6px !important; }
.mg-tp-07 { margin-top: 7px !important; }
.mg-tp-08 { margin-top: 8px !important; }
.mg-tp-09 { margin-top: 9px !important; }
.mg-tp-10 { margin-top: 10px !important; }
.mg-tp-11 { margin-top: 11px !important; }
.mg-tp-12 { margin-top: 12px !important; }
.mg-tp-13 { margin-top: 13px !important; }
.mg-tp-14 { margin-top: 14px !important; }
.mg-tp-15 { margin-top: 15px !important; }
.mg-tp-16 { margin-top: 16px !important; }
.mg-tp-17 { margin-top: 17px !important; }
.mg-tp-18 { margin-top: 18px !important; }
.mg-tp-19 { margin-top: 19px !important; }
.mg-tp-20 { margin-top: 20px !important; }
.mg-tp-25 { margin-top: 25px !important; }
.mg-tp-30 { margin-top: 30px !important; }
.mg-tp-35 { margin-top: 35px !important; }
.mg-tp-40 { margin-top: 40px !important; }
.mg-tp-45 { margin-top: 45px !important; }
.mg-tp-50 { margin-top: 50px !important; }
.mg-tp-60 { margin-top: 60px !important; }
.mg-tp-70 { margin-top: 70px !important; }
.mg-tp-80 { margin-top: 80px !important; }
.mg-tp-90 { margin-top: 90px !important; }
.mg-tp-100 { margin-top: 100px !important; }
.mg-tp-110 { margin-top: 110px !important; }
.mg-tp-200 { margin-top: 200px !important; }
.mg-tp-300 { margin-top: 300px !important; }
.mg-tp-400 { margin-top: 400px !important; }
.mg-tp-500 { margin-top: 500px !important; }

/* Padding */
.pd-00 { padding: 0px !important; }
.pd-01 { padding: 1px !important; }
.pd-02 { padding: 2px !important; }
.pd-03 { padding: 3px !important; }
.pd-04 { padding: 4px !important; }
.pd-05 { padding: 5px !important; }
.pd-06 { padding: 6px !important; }
.pd-07 { padding: 7px !important; }
.pd-08 { padding: 8px !important; }
.pd-09 { padding: 9px !important; }
.pd-10 { padding: 10px !important; }
.pd-11 { padding: 11px !important; }
.pd-12 { padding: 12px !important; }
.pd-13 { padding: 13px !important; }
.pd-14 { padding: 14px !important; }
.pd-15 { padding: 15px !important; }
.pd-16 { padding: 16px !important; }
.pd-17 { padding: 17px !important; }
.pd-18 { padding: 18px !important; }
.pd-19 { padding: 19px !important; }
.pd-20 { padding: 20px !important; }
.pd-25 { padding: 25px !important; }
.pd-30 { padding: 30px !important; }
.pd-35 { padding: 35px !important; }
.pd-40 { padding: 40px !important; }
.pd-45 { padding: 45px !important; }
.pd-50 { padding: 50px !important; }
.pd-60 { padding: 60px !important; }
.pd-70 { padding: 70px !important; }
.pd-80 { padding: 80px !important; }
.pd-90 { padding: 90px !important; }
.pd-100 { padding: 100px !important; }
.pd-200 { padding: 200px !important; }
.pd-300 { padding: 300px !important; }
.pd-400 { padding: 400px !important; }
.pd-500 { padding: 500px !important; }

.pd-bt-00 { padding-bottom: 0px !important; }
.pd-bt-01 { padding-bottom: 1px !important; }
.pd-bt-02 { padding-bottom: 2px !important; }
.pd-bt-03 { padding-bottom: 3px !important; }
.pd-bt-04 { padding-bottom: 4px !important; }
.pd-bt-05 { padding-bottom: 5px !important; }
.pd-bt-06 { padding-bottom: 6px !important; }
.pd-bt-07 { padding-bottom: 7px !important; }
.pd-bt-08 { padding-bottom: 8px !important; }
.pd-bt-09 { padding-bottom: 9px !important; }
.pd-bt-10 { padding-bottom: 10px !important; }
.pd-bt-11 { padding-bottom: 11px !important; }
.pd-bt-12 { padding-bottom: 12px !important; }
.pd-bt-13 { padding-bottom: 13px !important; }
.pd-bt-14 { padding-bottom: 14px !important; }
.pd-bt-15 { padding-bottom: 15px !important; }
.pd-bt-16 { padding-bottom: 16px !important; }
.pd-bt-17 { padding-bottom: 17px !important; }
.pd-bt-18 { padding-bottom: 18px !important; }
.pd-bt-19 { padding-bottom: 19px !important; }
.pd-bt-20 { padding-bottom: 20px !important; }
.pd-bt-25 { padding-bottom: 25px !important; }
.pd-bt-30 { padding-bottom: 30px !important; }
.pd-bt-35 { padding-bottom: 35px !important; }
.pd-bt-40 { padding-bottom: 40px !important; }
.pd-bt-45 { padding-bottom: 45px !important; }
.pd-bt-50 { padding-bottom: 50px !important; }
.pd-bt-60 { padding-bottom: 60px !important; }
.pd-bt-70 { padding-bottom: 70px !important; }
.pd-bt-80 { padding-bottom: 80px !important; }
.pd-bt-90 { padding-bottom: 90px !important; }
.pd-bt-100 { padding-bottom: 100px !important; }
.pd-bt-200 { padding-bottom: 200px !important; }
.pd-bt-300 { padding-bottom: 300px !important; }
.pd-bt-400 { padding-bottom: 400px !important; }
.pd-bt-500 { padding-bottom: 500px !important; }

.pd-lf-00 { padding-left: 0px !important; }
.pd-lf-01 { padding-left: 1px !important; }
.pd-lf-02 { padding-left: 2px !important; }
.pd-lf-03 { padding-left: 3px !important; }
.pd-lf-04 { padding-left: 4px !important; }
.pd-lf-05 { padding-left: 5px !important; }
.pd-lf-06 { padding-left: 6px !important; }
.pd-lf-07 { padding-left: 7px !important; }
.pd-lf-08 { padding-left: 8px !important; }
.pd-lf-09 { padding-left: 9px !important; }
.pd-lf-10 { padding-left: 10px !important; }
.pd-lf-11 { padding-left: 11px !important; }
.pd-lf-12 { padding-left: 12px !important; }
.pd-lf-13 { padding-left: 13px !important; }
.pd-lf-14 { padding-left: 14px !important; }
.pd-lf-15 { padding-left: 15px !important; }
.pd-lf-16 { padding-left: 16px !important; }
.pd-lf-17 { padding-left: 17px !important; }
.pd-lf-18 { padding-left: 18px !important; }
.pd-lf-19 { padding-left: 19px !important; }
.pd-lf-20 { padding-left: 20px !important; }
.pd-lf-25 { padding-left: 25px !important; }
.pd-lf-30 { padding-left: 30px !important; }
.pd-lf-35 { padding-left: 35px !important; }
.pd-lf-40 { padding-left: 40px !important; }
.pd-lf-45 { padding-left: 45px !important; }
.pd-lf-50 { padding-left: 50px !important; }
.pd-lf-60 { padding-left: 60px !important; }
.pd-lf-70 { padding-left: 70px !important; }
.pd-lf-80 { padding-left: 80px !important; }
.pd-lf-90 { padding-left: 90px !important; }
.pd-lf-100 { padding-left: 100px !important; }
.pd-lf-200 { padding-left: 200px !important; }
.pd-lf-300 { padding-left: 300px !important; }
.pd-lf-400 { padding-left: 400px !important; }
.pd-lf-500 { padding-left: 500px !important; }

.pd-rt-00 { padding-right: 0px !important; }
.pd-rt-01 { padding-right: 1px !important; }
.pd-rt-02 { padding-right: 2px !important; }
.pd-rt-03 { padding-right: 3px !important; }
.pd-rt-04 { padding-right: 4px !important; }
.pd-rt-05 { padding-right: 5px !important; }
.pd-rt-06 { padding-right: 6px !important; }
.pd-rt-07 { padding-right: 7px !important; }
.pd-rt-08 { padding-right: 8px !important; }
.pd-rt-09 { padding-right: 9px !important; }
.pd-rt-10 { padding-right: 10px !important; }
.pd-rt-11 { padding-right: 11px !important; }
.pd-rt-12 { padding-right: 12px !important; }
.pd-rt-13 { padding-right: 13px !important; }
.pd-rt-14 { padding-right: 14px !important; }
.pd-rt-15 { padding-right: 15px !important; }
.pd-rt-16 { padding-right: 16px !important; }
.pd-rt-17 { padding-right: 17px !important; }
.pd-rt-18 { padding-right: 18px !important; }
.pd-rt-19 { padding-right: 19px !important; }
.pd-rt-20 { padding-right: 20px !important; }
.pd-rt-25 { padding-right: 25px !important; }
.pd-rt-30 { padding-right: 30px !important; }
.pd-rt-35 { padding-right: 35px !important; }
.pd-rt-40 { padding-right: 40px !important; }
.pd-rt-45 { padding-right: 45px !important; }
.pd-rt-50 { padding-right: 50px !important; }
.pd-rt-60 { padding-right: 60px !important; }
.pd-rt-70 { padding-right: 70px !important; }
.pd-rt-80 { padding-right: 80px !important; }
.pd-rt-90 { padding-right: 90px !important; }
.pd-rt-100 { padding-right: 100px !important; }
.pd-rt-200 { padding-right: 200px !important; }
.pd-rt-300 { padding-right: 300px !important; }
.pd-rt-400 { padding-right: 400px !important; }
.pd-rt-500 { padding-right: 500px !important; }

.pd-tp-00 { padding-top: 0px !important; }
.pd-tp-01 { padding-top: 1px !important; }
.pd-tp-02 { padding-top: 2px !important; }
.pd-tp-03 { padding-top: 3px !important; }
.pd-tp-04 { padding-top: 4px !important; }
.pd-tp-05 { padding-top: 5px !important; }
.pd-tp-06 { padding-top: 6px !important; }
.pd-tp-07 { padding-top: 7px !important; }
.pd-tp-08 { padding-top: 8px !important; }
.pd-tp-09 { padding-top: 9px !important; }
.pd-tp-10 { padding-top: 10px !important; }
.pd-tp-11 { padding-top: 11px !important; }
.pd-tp-12 { padding-top: 12px !important; }
.pd-tp-13 { padding-top: 13px !important; }
.pd-tp-14 { padding-top: 14px !important; }
.pd-tp-15 { padding-top: 15px !important; }
.pd-tp-16 { padding-top: 16px !important; }
.pd-tp-17 { padding-top: 17px !important; }
.pd-tp-18 { padding-top: 18px !important; }
.pd-tp-19 { padding-top: 19px !important; }
.pd-tp-20 { padding-top: 20px !important; }
.pd-tp-25 { padding-top: 25px !important; }
.pd-tp-30 { padding-top: 30px !important; }
.pd-tp-35 { padding-top: 35px !important; }
.pd-tp-40 { padding-top: 40px !important; }
.pd-tp-45 { padding-top: 45px !important; }
.pd-tp-50 { padding-top: 50px !important; }
.pd-tp-60 { padding-top: 60px !important; }
.pd-tp-70 { padding-top: 70px !important; }
.pd-tp-80 { padding-top: 80px !important; }
.pd-tp-90 { padding-top: 90px !important; }
.pd-tp-100 { padding-top: 100px !important; }
.pd-tp-200 { padding-top: 200px !important; }
.pd-tp-300 { padding-top: 300px !important; }
.pd-tp-400 { padding-top: 400px !important; }
.pd-tp-500 { padding-top: 500px !important; }

/* Height */
.h-auto { height: auto !important; }
.h-10-p { height: 10% !important; }
.h-15-p { height: 15% !important; }
.h-20-p { height: 20% !important; }
.h-25-p { height: 25% !important; }
.h-30-p { height: 30% !important; }
.h-35-p { height: 35% !important; }
.h-40-p { height: 40% !important; }
.h-45-p { height: 45% !important; }
.h-50-p { height: 50% !important; }
.h-55-p { height: 55% !important; }
.h-60-p { height: 60% !important; }
.h-65-p { height: 65% !important; }
.h-70-p { height: 70% !important; }
.h-75-p { height: 75% !important; }
.h-80-p { height: 80% !important; }
.h-85-p { height: 85% !important; }
.h-90-p { height: 90% !important; }
.h-95-p { height: 95% !important; }
.h-100-p { height: 100% !important; }

.h-01 { height: 1px !important; }
.h-05 { height: 5px !important; }
.h-10 { height: 10px !important; }
.h-15 { height: 15px !important; }
.h-20 { height: 20px !important; }
.h-25 { height: 25px !important; }
.h-30 { height: 30px !important; }
.h-35 { height: 35px !important; }
.h-40 { height: 40px !important; }
.h-45 { height: 45px !important; }
.h-50 { height: 50px !important; }
.h-55 { height: 55px !important; }
.h-60 { height: 60px !important; }
.h-65 { height: 65px !important; }
.h-70 { height: 70px !important; }
.h-75 { height: 75px !important; }
.h-80 { height: 80px !important; }
.h-85 { height: 85px !important; }
.h-90 { height: 90px !important; }
.h-95 { height: 95px !important; }
.h-100 { height: 100px !important; }
.h-105 { height: 105px !important; }
.h-110 { height: 110px !important; }
.h-115 { height: 115px !important; }
.h-120 { height: 120px !important; }
.h-125 { height: 125px !important; }
.h-130 { height: 130px !important; }
.h-135 { height: 135px !important; }
.h-140 { height: 140px !important; }
.h-145 { height: 145px !important; }
.h-150 { height: 150px !important; }
.h-155 { height: 155px !important; }
.h-160 { height: 160px !important; }
.h-165 { height: 165px !important; }
.h-170 { height: 170px !important; }
.h-175 { height: 175px !important; }
.h-180 { height: 180px !important; }
.h-185 { height: 185px !important; }
.h-190 { height: 190px !important; }
.h-195 { height: 195px !important; }
.h-200 { height: 200px !important; }
.h-210 { height: 210px !important; }
.h-220 { height: 220px !important; }
.h-230 { height: 230px !important; }
.h-240 { height: 240px !important; }
.h-250 { height: 250px !important; }
.h-260 { height: 260px !important; }
.h-270 { height: 270px !important; }
.h-280 { height: 280px !important; }
.h-290 { height: 290px !important; }
.h-300 { height: 300px !important; }
.h-310 { height: 310px !important; }
.h-320 { height: 320px !important; }
.h-330 { height: 330px !important; }
.h-340 { height: 340px !important; }
.h-350 { height: 350px !important; }
.h-360 { height: 360px !important; }
.h-370 { height: 370px !important; }
.h-380 { height: 380px !important; }
.h-390 { height: 390px !important; }
.h-400 { height: 400px !important; }
.h-410 { height: 410px !important; }
.h-420 { height: 420px !important; }
.h-430 { height: 430px !important; }
.h-440 { height: 440px !important; }
.h-450 { height: 450px !important; }
.h-460 { height: 460px !important; }
.h-470 { height: 470px !important; }
.h-480 { height: 480px !important; }
.h-490 { height: 490px !important; }
.h-500 { height: 500px !important; }
.h-510 { height: 510px !important; }
.h-520 { height: 520px !important; }
.h-530 { height: 530px !important; }
.h-540 { height: 540px !important; }
.h-550 { height: 550px !important; }
.h-560 { height: 560px !important; }
.h-570 { height: 570px !important; }
.h-580 { height: 580px !important; }
.h-590 { height: 590px !important; }
.h-600 { height: 600px !important; }
.h-610 { height: 610px !important; }
.h-620 { height: 620px !important; }
.h-630 { height: 630px !important; }
.h-640 { height: 640px !important; }
.h-650 { height: 650px !important; }
.h-660 { height: 660px !important; }
.h-670 { height: 670px !important; }
.h-680 { height: 680px !important; }
.h-690 { height: 690px !important; }
.h-700 { height: 700px !important; }
.h-710 { height: 710px !important; }
.h-720 { height: 720px !important; }
.h-730 { height: 730px !important; }
.h-740 { height: 740px !important; }
.h-750 { height: 750px !important; }
.h-760 { height: 760px !important; }
.h-770 { height: 770px !important; }
.h-780 { height: 780px !important; }
.h-790 { height: 790px !important; }
.h-800 { height: 800px !important; }
.h-810 { height: 810px !important; }
.h-820 { height: 820px !important; }
.h-830 { height: 830px !important; }
.h-840 { height: 840px !important; }
.h-850 { height: 850px !important; }
.h-860 { height: 860px !important; }
.h-870 { height: 870px !important; }
.h-880 { height: 880px !important; }
.h-890 { height: 890px !important; }
.h-900 { height: 900px !important; }
.h-910 { height: 910px !important; }
.h-920 { height: 920px !important; }
.h-930 { height: 930px !important; }
.h-940 { height: 940px !important; }
.h-950 { height: 950px !important; }
.h-960 { height: 960px !important; }
.h-970 { height: 970px !important; }
.h-980 { height: 980px !important; }
.h-990 { height: 990px !important; }

.m-h-10 { min-height: 10px !important; }
.m-h-20 { min-height: 20px !important; }
.m-h-30 { min-height: 30px !important; }
.m-h-40 { min-height: 40px !important; }
.m-h-50 { min-height: 50px !important; }
.m-h-60 { min-height: 60px !important; }
.m-h-70 { min-height: 70px !important; }
.m-h-80 { min-height: 80px !important; }
.m-h-90 { min-height: 90px !important; }
.m-h-100 { min-height: 100px !important; }
.m-h-110 { min-height: 110px !important; }
.m-h-120 { min-height: 120px !important; }
.m-h-130 { min-height: 130px !important; }
.m-h-140 { min-height: 140px !important; }
.m-h-150 { min-height: 150px !important; }
.m-h-160 { min-height: 160px !important; }
.m-h-170 { min-height: 170px !important; }
.m-h-180 { min-height: 180px !important; }
.m-h-190 { min-height: 190px !important; }
.m-h-200 { min-height: 200px !important; }
.m-h-210 { min-height: 210px !important; }
.m-h-220 { min-height: 220px !important; }
.m-h-230 { min-height: 230px !important; }
.m-h-240 { min-height: 240px !important; }
.m-h-250 { min-height: 250px !important; }
.m-h-260 { min-height: 260px !important; }
.m-h-270 { min-height: 270px !important; }
.m-h-280 { min-height: 280px !important; }
.m-h-290 { min-height: 290px !important; }
.m-h-300 { min-height: 300px !important; }
.m-h-310 { min-height: 310px !important; }
.m-h-320 { min-height: 320px !important; }
.m-h-330 { min-height: 330px !important; }
.m-h-340 { min-height: 340px !important; }
.m-h-350 { min-height: 350px !important; }
.m-h-360 { min-height: 360px !important; }
.m-h-370 { min-height: 370px !important; }
.m-h-380 { min-height: 380px !important; }
.m-h-390 { min-height: 390px !important; }
.m-h-400 { min-height: 400px !important; }
.m-h-410 { min-height: 410px !important; }
.m-h-420 { min-height: 420px !important; }
.m-h-430 { min-height: 430px !important; }
.m-h-440 { min-height: 440px !important; }
.m-h-450 { min-height: 450px !important; }
.m-h-460 { min-height: 460px !important; }
.m-h-470 { min-height: 470px !important; }
.m-h-480 { min-height: 480px !important; }
.m-h-490 { min-height: 490px !important; }
.m-h-500 { min-height: 500px !important; }
.m-h-510 { min-height: 510px !important; }
.m-h-520 { min-height: 520px !important; }
.m-h-530 { min-height: 530px !important; }
.m-h-540 { min-height: 540px !important; }
.m-h-550 { min-height: 550px !important; }
.m-h-560 { min-height: 560px !important; }
.m-h-570 { min-height: 570px !important; }
.m-h-580 { min-height: 580px !important; }
.m-h-590 { min-height: 590px !important; }
.m-h-600 { min-height: 600px !important; }
.m-h-610 { min-height: 610px !important; }
.m-h-620 { min-height: 620px !important; }
.m-h-630 { min-height: 630px !important; }
.m-h-640 { min-height: 640px !important; }
.m-h-650 { min-height: 650px !important; }
.m-h-660 { min-height: 660px !important; }
.m-h-670 { min-height: 670px !important; }
.m-h-680 { min-height: 680px !important; }
.m-h-690 { min-height: 690px !important; }
.m-h-700 { min-height: 700px !important; }
.m-h-710 { min-height: 710px !important; }
.m-h-720 { min-height: 720px !important; }
.m-h-730 { min-height: 730px !important; }
.m-h-740 { min-height: 740px !important; }
.m-h-750 { min-height: 750px !important; }
.m-h-760 { min-height: 760px !important; }
.m-h-770 { min-height: 770px !important; }
.m-h-780 { min-height: 780px !important; }
.m-h-790 { min-height: 790px !important; }
.m-h-800 { min-height: 800px !important; }
.m-h-810 { min-height: 810px !important; }
.m-h-820 { min-height: 820px !important; }
.m-h-830 { min-height: 830px !important; }
.m-h-840 { min-height: 840px !important; }
.m-h-850 { min-height: 850px !important; }
.m-h-860 { min-height: 860px !important; }
.m-h-870 { min-height: 870px !important; }
.m-h-880 { min-height: 880px !important; }
.m-h-890 { min-height: 890px !important; }
.m-h-900 { min-height: 900px !important; }
.m-h-910 { min-height: 910px !important; }
.m-h-920 { min-height: 920px !important; }
.m-h-930 { min-height: 930px !important; }
.m-h-940 { min-height: 940px !important; }
.m-h-950 { min-height: 950px !important; }
.m-h-960 { min-height: 960px !important; }
.m-h-970 { min-height: 970px !important; }
.m-h-980 { min-height: 980px !important; }
.m-h-990 { min-height: 990px !important; }

.x-h-10 { max-height: 10px !important; }
.x-h-20 { max-height: 20px !important; }
.x-h-30 { max-height: 30px !important; }
.x-h-40 { max-height: 40px !important; }
.x-h-50 { max-height: 50px !important; }
.x-h-60 { max-height: 60px !important; }
.x-h-70 { max-height: 70px !important; }
.x-h-80 { max-height: 80px !important; }
.x-h-90 { max-height: 90px !important; }
.x-h-100 { max-height: 100px !important; }
.x-h-110 { max-height: 110px !important; }
.x-h-120 { max-height: 120px !important; }
.x-h-130 { max-height: 130px !important; }
.x-h-140 { max-height: 140px !important; }
.x-h-150 { max-height: 150px !important; }
.x-h-160 { max-height: 160px !important; }
.x-h-170 { max-height: 170px !important; }
.x-h-180 { max-height: 180px !important; }
.x-h-190 { max-height: 190px !important; }
.x-h-200 { max-height: 200px !important; }
.x-h-210 { max-height: 210px !important; }
.x-h-220 { max-height: 220px !important; }
.x-h-230 { max-height: 230px !important; }
.x-h-240 { max-height: 240px !important; }
.x-h-250 { max-height: 250px !important; }
.x-h-260 { max-height: 260px !important; }
.x-h-270 { max-height: 270px !important; }
.x-h-280 { max-height: 280px !important; }
.x-h-290 { max-height: 290px !important; }
.x-h-300 { max-height: 300px !important; }
.x-h-310 { max-height: 310px !important; }
.x-h-320 { max-height: 320px !important; }
.x-h-330 { max-height: 330px !important; }
.x-h-340 { max-height: 340px !important; }
.x-h-350 { max-height: 350px !important; }
.x-h-360 { max-height: 360px !important; }
.x-h-370 { max-height: 370px !important; }
.x-h-380 { max-height: 380px !important; }
.x-h-390 { max-height: 390px !important; }
.x-h-400 { max-height: 400px !important; }
.x-h-410 { max-height: 410px !important; }
.x-h-420 { max-height: 420px !important; }
.x-h-430 { max-height: 430px !important; }
.x-h-440 { max-height: 440px !important; }
.x-h-450 { max-height: 450px !important; }
.x-h-460 { max-height: 460px !important; }
.x-h-470 { max-height: 470px !important; }
.x-h-480 { max-height: 480px !important; }
.x-h-490 { max-height: 490px !important; }
.x-h-500 { max-height: 500px !important; }
.x-h-510 { max-height: 510px !important; }
.x-h-520 { max-height: 520px !important; }
.x-h-530 { max-height: 530px !important; }
.x-h-540 { max-height: 540px !important; }
.x-h-550 { max-height: 550px !important; }
.x-h-560 { max-height: 560px !important; }
.x-h-570 { max-height: 570px !important; }
.x-h-580 { max-height: 580px !important; }
.x-h-590 { max-height: 590px !important; }
.x-h-600 { max-height: 600px !important; }
.x-h-610 { max-height: 610px !important; }
.x-h-620 { max-height: 620px !important; }
.x-h-630 { max-height: 630px !important; }
.x-h-640 { max-height: 640px !important; }
.x-h-650 { max-height: 650px !important; }
.x-h-660 { max-height: 660px !important; }
.x-h-670 { max-height: 670px !important; }
.x-h-680 { max-height: 680px !important; }
.x-h-690 { max-height: 690px !important; }
.x-h-100 { max-height: 700px !important; }
.x-h-710 { max-height: 710px !important; }
.x-h-720 { max-height: 720px !important; }
.x-h-730 { max-height: 730px !important; }
.x-h-740 { max-height: 740px !important; }
.x-h-750 { max-height: 750px !important; }
.x-h-760 { max-height: 760px !important; }
.x-h-770 { max-height: 770px !important; }
.x-h-780 { max-height: 780px !important; }
.x-h-790 { max-height: 790px !important; }
.x-h-800 { max-height: 800px !important; }
.x-h-810 { max-height: 810px !important; }
.x-h-820 { max-height: 820px !important; }
.x-h-830 { max-height: 830px !important; }
.x-h-840 { max-height: 840px !important; }
.x-h-850 { max-height: 850px !important; }
.x-h-860 { max-height: 860px !important; }
.x-h-870 { max-height: 870px !important; }
.x-h-880 { max-height: 880px !important; }
.x-h-890 { max-height: 890px !important; }
.x-h-900 { max-height: 900px !important; }
.x-h-910 { max-height: 910px !important; }
.x-h-920 { max-height: 920px !important; }
.x-h-930 { max-height: 930px !important; }
.x-h-940 { max-height: 940px !important; }
.x-h-950 { max-height: 950px !important; }
.x-h-960 { max-height: 960px !important; }
.x-h-970 { max-height: 970px !important; }
.x-h-980 { max-height: 980px !important; }
.x-h-990 { max-height: 990px !important; }

.vh-10 { height: 10vh !important; }
.vh-15 { height: 15vh !important; }
.vh-20 { height: 20vh !important; }
.vh-25 { height: 25vh !important; }
.vh-30 { height: 30vh !important; }
.vh-35 { height: 35vh !important; }
.vh-40 { height: 40vh !important; }
.vh-45 { height: 45vh !important; }
.vh-50 { height: 50vh !important; }
.vh-55 { height: 55vh !important; }
.vh-60 { height: 60vh !important; }
.vh-65 { height: 65vh !important; }
.vh-70 { height: 70vh !important; }
.vh-75 { height: 75vh !important; }
.vh-80 { height: 80vh !important; }
.vh-85 { height: 85vh !important; }
.vh-90 { height: 90vh !important; }
.vh-95 { height: 95vh !important; }
.vh-100 { height: 100vh !important; }

.m-vh-10 { min-height: 10vh !important; }
.m-vh-15 { min-height: 15vh !important; }
.m-vh-20 { min-height: 20vh !important; }
.m-vh-25 { min-height: 25vh !important; }
.m-vh-30 { min-height: 30vh !important; }
.m-vh-35 { min-height: 35vh !important; }
.m-vh-40 { min-height: 40vh !important; }
.m-vh-45 { min-height: 45vh !important; }
.m-vh-50 { min-height: 50vh !important; }
.m-vh-55 { min-height: 55vh !important; }
.m-vh-60 { min-height: 60vh !important; }
.m-vh-65 { min-height: 65vh !important; }
.m-vh-70 { min-height: 70vh !important; }
.m-vh-75 { min-height: 75vh !important; }
.m-vh-80 { min-height: 80vh !important; }
.m-vh-85 { min-height: 85vh !important; }
.m-vh-90 { min-height: 90vh !important; }
.m-vh-95 { min-height: 95vh !important; }
.m-vh-100 { min-height: 100vh !important; }

/* Width */
.w-auto { width: auto !important; }
.w-10-p { width: 10% !important; }
.w-15-p { width: 15% !important; }
.w-20-p { width: 20% !important; }
.w-25-p { width: 25% !important; }
.w-30-p { width: 30% !important; }
.w-35-p { width: 35% !important; }
.w-40-p { width: 40% !important; }
.w-45-p { width: 45% !important; }
.w-50-p { width: 50% !important; }
.w-55-p { width: 55% !important; }
.w-60-p { width: 60% !important; }
.w-65-p { width: 65% !important; }
.w-70-p { width: 70% !important; }
.w-75-p { width: 75% !important; }
.w-80-p { width: 80% !important; }
.w-85-p { width: 85% !important; }
.w-90-p { width: 90% !important; }
.w-95-p { width: 95% !important; }
.w-100-p { width: 100% !important; }

.w-05 { width: 5px !important; }
.w-10 { width: 10px !important; }
.w-15 { width: 15px !important; }
.w-20 { width: 20px !important; }
.w-25 { width: 25px !important; }
.w-30 { width: 30px !important; }
.w-35 { width: 35px !important; }
.w-40 { width: 40px !important; }
.w-45 { width: 45px !important; }
.w-50 { width: 50px !important; }
.w-55 { width: 55px !important; }
.w-60 { width: 60px !important; }
.w-65 { width: 65px !important; }
.w-70 { width: 70px !important; }
.w-75 { width: 75px !important; }
.w-80 { width: 80px !important; }
.w-85 { width: 85px !important; }
.w-90 { width: 90px !important; }
.w-95 { width: 95px !important; }
.w-100 { width: 100px !important; }
.w-105 { width: 105px !important; }
.w-110 { width: 110px !important; }
.w-115 { width: 115px !important; }
.w-120 { width: 120px !important; }
.w-125 { width: 125px !important; }
.w-130 { width: 130px !important; }
.w-135 { width: 135px !important; }
.w-140 { width: 140px !important; }
.w-145 { width: 145px !important; }
.w-150 { width: 150px !important; }
.w-155 { width: 155px !important; }
.w-160 { width: 160px !important; }
.w-165 { width: 165px !important; }
.w-170 { width: 170px !important; }
.w-175 { width: 175px !important; }
.w-180 { width: 180px !important; }
.w-185 { width: 185px !important; }
.w-190 { width: 190px !important; }
.w-195 { width: 195px !important; }
.w-200 { width: 200px !important; }
.w-210 { width: 210px !important; }
.w-220 { width: 220px !important; }
.w-230 { width: 230px !important; }
.w-240 { width: 240px !important; }
.w-250 { width: 250px !important; }
.w-260 { width: 260px !important; }
.w-270 { width: 270px !important; }
.w-280 { width: 280px !important; }
.w-290 { width: 290px !important; }
.w-300 { width: 300px !important; }
.w-310 { width: 310px !important; }
.w-320 { width: 320px !important; }
.w-330 { width: 330px !important; }
.w-340 { width: 340px !important; }
.w-350 { width: 350px !important; }
.w-360 { width: 360px !important; }
.w-370 { width: 370px !important; }
.w-380 { width: 380px !important; }
.w-390 { width: 390px !important; }
.w-400 { width: 400px !important; }
.w-410 { width: 410px !important; }
.w-420 { width: 420px !important; }
.w-430 { width: 430px !important; }
.w-440 { width: 440px !important; }
.w-450 { width: 450px !important; }
.w-460 { width: 460px !important; }
.w-470 { width: 470px !important; }
.w-480 { width: 480px !important; }
.w-490 { width: 490px !important; }
.w-500 { width: 500px !important; }
.w-510 { width: 510px !important; }
.w-520 { width: 520px !important; }
.w-530 { width: 530px !important; }
.w-540 { width: 540px !important; }
.w-550 { width: 550px !important; }
.w-560 { width: 560px !important; }
.w-570 { width: 570px !important; }
.w-580 { width: 580px !important; }
.w-590 { width: 590px !important; }
.w-600 { width: 600px !important; }
.w-605 { width: 605px !important; }
.w-610 { width: 610px !important; }
.w-620 { width: 620px !important; }
.w-630 { width: 630px !important; }
.w-640 { width: 640px !important; }
.w-650 { width: 650px !important; }
.w-660 { width: 660px !important; }
.w-670 { width: 670px !important; }
.w-680 { width: 680px !important; }
.w-690 { width: 690px !important; }
.w-700 { width: 700px !important; }
.w-710 { width: 710px !important; }
.w-720 { width: 720px !important; }
.w-730 { width: 730px !important; }
.w-740 { width: 740px !important; }
.w-750 { width: 750px !important; }
.w-760 { width: 760px !important; }
.w-770 { width: 770px !important; }
.w-780 { width: 780px !important; }
.w-790 { width: 790px !important; }
.w-800 { width: 800px !important; }
.w-810 { width: 810px !important; }
.w-820 { width: 820px !important; }
.w-830 { width: 830px !important; }
.w-840 { width: 840px !important; }
.w-850 { width: 850px !important; }
.w-860 { width: 860px !important; }
.w-870 { width: 870px !important; }
.w-880 { width: 880px !important; }
.w-890 { width: 890px !important; }
.w-900 { width: 900px !important; }
.w-910 { width: 910px !important; }
.w-920 { width: 920px !important; }
.w-930 { width: 930px !important; }
.w-940 { width: 940px !important; }
.w-950 { width: 950px !important; }
.w-960 { width: 960px !important; }
.w-970 { width: 970px !important; }
.w-980 { width: 980px !important; }
.w-990 { width: 990px !important; }

.m-w-10 { min-width: 10px !important; }
.m-w-20 { min-width: 20px !important; }
.m-w-30 { min-width: 30px !important; }
.m-w-40 { min-width: 40px !important; }
.m-w-50 { min-width: 50px !important; }
.m-w-60 { min-width: 60px !important; }
.m-w-70 { min-width: 70px !important; }
.m-w-80 { min-width: 80px !important; }
.m-w-90 { min-width: 90px !important; }
.m-w-100 { min-width: 100px !important; }
.m-w-110 { min-width: 110px !important; }
.m-w-120 { min-width: 120px !important; }
.m-w-130 { min-width: 130px !important; }
.m-w-140 { min-width: 140px !important; }
.m-w-150 { min-width: 150px !important; }
.m-w-160 { min-width: 160px !important; }
.m-w-170 { min-width: 170px !important; }
.m-w-180 { min-width: 180px !important; }
.m-w-190 { min-width: 190px !important; }
.m-w-200 { min-width: 200px !important; }
.m-w-210 { min-width: 210px !important; }
.m-w-220 { min-width: 220px !important; }
.m-w-230 { min-width: 230px !important; }
.m-w-240 { min-width: 240px !important; }
.m-w-250 { min-width: 250px !important; }
.m-w-260 { min-width: 260px !important; }
.m-w-270 { min-width: 270px !important; }
.m-w-280 { min-width: 280px !important; }
.m-w-290 { min-width: 290px !important; }
.m-w-300 { min-width: 300px !important; }
.m-w-310 { min-width: 310px !important; }
.m-w-320 { min-width: 320px !important; }
.m-w-330 { min-width: 330px !important; }
.m-w-340 { min-width: 340px !important; }
.m-w-350 { min-width: 350px !important; }
.m-w-360 { min-width: 360px !important; }
.m-w-370 { min-width: 370px !important; }
.m-w-380 { min-width: 380px !important; }
.m-w-390 { min-width: 390px !important; }
.m-w-400 { min-width: 400px !important; }
.m-w-410 { min-width: 410px !important; }
.m-w-420 { min-width: 420px !important; }
.m-w-430 { min-width: 430px !important; }
.m-w-440 { min-width: 440px !important; }
.m-w-450 { min-width: 450px !important; }
.m-w-460 { min-width: 460px !important; }
.m-w-470 { min-width: 470px !important; }
.m-w-480 { min-width: 480px !important; }
.m-w-490 { min-width: 490px !important; }
.m-w-500 { min-width: 500px !important; }
.m-w-510 { min-width: 510px !important; }
.m-w-520 { min-width: 520px !important; }
.m-w-530 { min-width: 530px !important; }
.m-w-540 { min-width: 540px !important; }
.m-w-550 { min-width: 550px !important; }
.m-w-560 { min-width: 560px !important; }
.m-w-570 { min-width: 570px !important; }
.m-w-580 { min-width: 580px !important; }
.m-w-590 { min-width: 590px !important; }
.m-w-600 { min-width: 600px !important; }
.m-w-610 { min-width: 610px !important; }
.m-w-620 { min-width: 620px !important; }
.m-w-630 { min-width: 630px !important; }
.m-w-640 { min-width: 640px !important; }
.m-w-650 { min-width: 650px !important; }
.m-w-660 { min-width: 660px !important; }
.m-w-670 { min-width: 670px !important; }
.m-w-680 { min-width: 680px !important; }
.m-w-690 { min-width: 690px !important; }
.m-w-700 { min-width: 700px !important; }
.m-w-710 { min-width: 710px !important; }
.m-w-720 { min-width: 720px !important; }
.m-w-730 { min-width: 730px !important; }
.m-w-740 { min-width: 740px !important; }
.m-w-750 { min-width: 750px !important; }
.m-w-760 { min-width: 760px !important; }
.m-w-770 { min-width: 770px !important; }
.m-w-780 { min-width: 780px !important; }
.m-w-790 { min-width: 790px !important; }
.m-w-800 { min-width: 800px !important; }
.m-w-810 { min-width: 810px !important; }
.m-w-820 { min-width: 820px !important; }
.m-w-830 { min-width: 830px !important; }
.m-w-840 { min-width: 840px !important; }
.m-w-850 { min-width: 850px !important; }
.m-w-860 { min-width: 860px !important; }
.m-w-870 { min-width: 870px !important; }
.m-w-880 { min-width: 880px !important; }
.m-w-890 { min-width: 890px !important; }
.m-w-900 { min-width: 900px !important; }
.m-w-910 { min-width: 910px !important; }
.m-w-920 { min-width: 920px !important; }
.m-w-930 { min-width: 930px !important; }
.m-w-940 { min-width: 940px !important; }
.m-w-950 { min-width: 950px !important; }
.m-w-960 { min-width: 960px !important; }
.m-w-970 { min-width: 970px !important; }
.m-w-980 { min-width: 980px !important; }
.m-w-990 { min-width: 990px !important; }

.x-w-10 { max-width: 10px !important; }
.x-w-20 { max-width: 20px !important; }
.x-w-30 { max-width: 30px !important; }
.x-w-40 { max-width: 40px !important; }
.x-w-50 { max-width: 50px !important; }
.x-w-60 { max-width: 60px !important; }
.x-w-70 { max-width: 70px !important; }
.x-w-80 { max-width: 80px !important; }
.x-w-90 { max-width: 90px !important; }
.x-w-100 { max-width: 100px !important; }
.x-w-110 { max-width: 110px !important; }
.x-w-120 { max-width: 120px !important; }
.x-w-130 { max-width: 130px !important; }
.x-w-140 { max-width: 140px !important; }
.x-w-150 { max-width: 150px !important; }
.x-w-160 { max-width: 160px !important; }
.x-w-170 { max-width: 170px !important; }
.x-w-180 { max-width: 180px !important; }
.x-w-190 { max-width: 190px !important; }
.x-w-200 { max-width: 200px !important; }
.x-w-210 { max-width: 210px !important; }
.x-w-220 { max-width: 220px !important; }
.x-w-230 { max-width: 230px !important; }
.x-w-240 { max-width: 240px !important; }
.x-w-250 { max-width: 250px !important; }
.x-w-260 { max-width: 260px !important; }
.x-w-270 { max-width: 270px !important; }
.x-w-280 { max-width: 280px !important; }
.x-w-290 { max-width: 290px !important; }
.x-w-300 { max-width: 300px !important; }
.x-w-310 { max-width: 310px !important; }
.x-w-320 { max-width: 320px !important; }
.x-w-330 { max-width: 330px !important; }
.x-w-340 { max-width: 340px !important; }
.x-w-350 { max-width: 350px !important; }
.x-w-360 { max-width: 360px !important; }
.x-w-370 { max-width: 370px !important; }
.x-w-380 { max-width: 380px !important; }
.x-w-390 { max-width: 390px !important; }
.x-w-400 { max-width: 400px !important; }
.x-w-410 { max-width: 410px !important; }
.x-w-420 { max-width: 420px !important; }
.x-w-430 { max-width: 430px !important; }
.x-w-440 { max-width: 440px !important; }
.x-w-450 { max-width: 450px !important; }
.x-w-460 { max-width: 460px !important; }
.x-w-470 { max-width: 470px !important; }
.x-w-480 { max-width: 480px !important; }
.x-w-490 { max-width: 490px !important; }
.x-w-500 { max-width: 500px !important; }
.x-w-510 { max-width: 510px !important; }
.x-w-520 { max-width: 520px !important; }
.x-w-530 { max-width: 530px !important; }
.x-w-540 { max-width: 540px !important; }
.x-w-550 { max-width: 550px !important; }
.x-w-560 { max-width: 560px !important; }
.x-w-570 { max-width: 570px !important; }
.x-w-580 { max-width: 580px !important; }
.x-w-590 { max-width: 590px !important; }
.x-w-600 { max-width: 600px !important; }
.x-w-610 { max-width: 610px !important; }
.x-w-620 { max-width: 620px !important; }
.x-w-630 { max-width: 630px !important; }
.x-w-640 { max-width: 640px !important; }
.x-w-650 { max-width: 650px !important; }
.x-w-660 { max-width: 660px !important; }
.x-w-670 { max-width: 670px !important; }
.x-w-680 { max-width: 680px !important; }
.x-w-690 { max-width: 690px !important; }
.x-w-700 { max-width: 700px !important; }
.x-w-710 { max-width: 710px !important; }
.x-w-720 { max-width: 720px !important; }
.x-w-730 { max-width: 730px !important; }
.x-w-740 { max-width: 740px !important; }
.x-w-750 { max-width: 750px !important; }
.x-w-760 { max-width: 760px !important; }
.x-w-770 { max-width: 770px !important; }
.x-w-780 { max-width: 780px !important; }
.x-w-790 { max-width: 790px !important; }
.x-w-800 { max-width: 800px !important; }
.x-w-810 { max-width: 810px !important; }
.x-w-820 { max-width: 820px !important; }
.x-w-830 { max-width: 830px !important; }
.x-w-840 { max-width: 840px !important; }
.x-w-850 { max-width: 850px !important; }
.x-w-860 { max-width: 860px !important; }
.x-w-870 { max-width: 870px !important; }
.x-w-880 { max-width: 880px !important; }
.x-w-890 { max-width: 890px !important; }
.x-w-900 { max-width: 900px !important; }
.x-w-910 { max-width: 910px !important; }
.x-w-920 { max-width: 920px !important; }
.x-w-930 { max-width: 930px !important; }
.x-w-940 { max-width: 940px !important; }
.x-w-950 { max-width: 950px !important; }
.x-w-960 { max-width: 960px !important; }
.x-w-970 { max-width: 970px !important; }
.x-w-980 { max-width: 980px !important; }
.x-w-990 { max-width: 990px !important; }

.c-w-05 { width: calc(100% - 5px) !important; }
.c-w-10 { width: calc(100% - 10px) !important; }
.c-w-15 { width: calc(100% - 15px) !important; }
.c-w-20 { width: calc(100% - 20px) !important; }
.c-w-25 { width: calc(100% - 25px) !important; }
.c-w-30 { width: calc(100% - 30px) !important; }
.c-w-35 { width: calc(100% - 35px) !important; }
.c-w-40 { width: calc(100% - 40px) !important; }
.c-w-45 { width: calc(100% - 45px) !important; }
.c-w-50 { width: calc(100% - 50px) !important; }
.c-w-55 { width: calc(100% - 55px) !important; }
.c-w-60 { width: calc(100% - 60px) !important; }
.c-w-65 { width: calc(100% - 65px) !important; }
.c-w-70 { width: calc(100% - 70px) !important; }
.c-w-75 { width: calc(100% - 75px) !important; }
.c-w-80 { width: calc(100% - 80px) !important; }
.c-w-85 { width: calc(100% - 85px) !important; }
.c-w-90 { width: calc(100% - 90px) !important; }
.c-w-95 { width: calc(100% - 95px) !important; }
.c-w-100 { width: calc(100% - 100px) !important; }
.c-w-105 { width: calc(100% - 105px) !important; }
.c-w-110 { width: calc(100% - 110px) !important; }
.c-w-115 { width: calc(100% - 115px) !important; }
.c-w-120 { width: calc(100% - 120px) !important; }
.c-w-125 { width: calc(100% - 125px) !important; }
.c-w-130 { width: calc(100% - 130px) !important; }
.c-w-135 { width: calc(100% - 135px) !important; }
.c-w-140 { width: calc(100% - 140px) !important; }
.c-w-145 { width: calc(100% - 145px) !important; }
.c-w-150 { width: calc(100% - 150px) !important; }
.c-w-155 { width: calc(100% - 155px) !important; }
.c-w-160 { width: calc(100% - 160px) !important; }
.c-w-165 { width: calc(100% - 165px) !important; }
.c-w-170 { width: calc(100% - 170px) !important; }
.c-w-175 { width: calc(100% - 175px) !important; }
.c-w-180 { width: calc(100% - 180px) !important; }
.c-w-185 { width: calc(100% - 185px) !important; }
.c-w-190 { width: calc(100% - 190px) !important; }
.c-w-195 { width: calc(100% - 195px) !important; }
.c-w-200 { width: calc(100% - 200px) !important; }
.c-w-210 { width: calc(100% - 210px) !important; }
.c-w-220 { width: calc(100% - 220px) !important; }
.c-w-230 { width: calc(100% - 230px) !important; }
.c-w-240 { width: calc(100% - 240px) !important; }
.c-w-250 { width: calc(100% - 250px) !important; }
.c-w-260 { width: calc(100% - 260px) !important; }
.c-w-270 { width: calc(100% - 270px) !important; }
.c-w-280 { width: calc(100% - 280px) !important; }
.c-w-290 { width: calc(100% - 290px) !important; }
.c-w-300 { width: calc(100% - 300px) !important; }
.c-w-310 { width: calc(100% - 310px) !important; }
.c-w-320 { width: calc(100% - 320px) !important; }
.c-w-330 { width: calc(100% - 330px) !important; }
.c-w-340 { width: calc(100% - 340px) !important; }
.c-w-350 { width: calc(100% - 350px) !important; }
.c-w-360 { width: calc(100% - 360px) !important; }
.c-w-370 { width: calc(100% - 370px) !important; }
.c-w-380 { width: calc(100% - 380px) !important; }
.c-w-390 { width: calc(100% - 390px) !important; }
.c-w-400 { width: calc(100% - 400px) !important; }
.c-w-410 { width: calc(100% - 410px) !important; }
.c-w-420 { width: calc(100% - 420px) !important; }
.c-w-430 { width: calc(100% - 430px) !important; }
.c-w-440 { width: calc(100% - 440px) !important; }
.c-w-450 { width: calc(100% - 450px) !important; }
.c-w-460 { width: calc(100% - 460px) !important; }
.c-w-470 { width: calc(100% - 470px) !important; }
.c-w-480 { width: calc(100% - 480px) !important; }
.c-w-490 { width: calc(100% - 490px) !important; }
.c-w-500 { width: calc(100% - 500px) !important; }
.c-w-510 { width: calc(100% - 510px) !important; }
.c-w-520 { width: calc(100% - 520px) !important; }
.c-w-530 { width: calc(100% - 530px) !important; }
.c-w-540 { width: calc(100% - 540px) !important; }
.c-w-550 { width: calc(100% - 550px) !important; }
.c-w-560 { width: calc(100% - 560px) !important; }
.c-w-570 { width: calc(100% - 570px) !important; }
.c-w-580 { width: calc(100% - 580px) !important; }
.c-w-590 { width: calc(100% - 590px) !important; }
.c-w-600 { width: calc(100% - 600px) !important; }
.c-w-605 { width: calc(100% - 605px) !important; }
.c-w-610 { width: calc(100% - 610px) !important; }
.c-w-620 { width: calc(100% - 620px) !important; }
.c-w-630 { width: calc(100% - 630px) !important; }
.c-w-640 { width: calc(100% - 640px) !important; }
.c-w-650 { width: calc(100% - 650px) !important; }
.c-w-660 { width: calc(100% - 660px) !important; }
.c-w-670 { width: calc(100% - 670px) !important; }
.c-w-680 { width: calc(100% - 680px) !important; }
.c-w-690 { width: calc(100% - 690px) !important; }
.c-w-700 { width: calc(100% - 700px) !important; }
.c-w-710 { width: calc(100% - 710px) !important; }
.c-w-720 { width: calc(100% - 720px) !important; }
.c-w-730 { width: calc(100% - 730px) !important; }
.c-w-740 { width: calc(100% - 740px) !important; }
.c-w-750 { width: calc(100% - 750px) !important; }
.c-w-760 { width: calc(100% - 760px) !important; }
.c-w-770 { width: calc(100% - 770px) !important; }
.c-w-780 { width: calc(100% - 780px) !important; }
.c-w-790 { width: calc(100% - 790px) !important; }
.c-w-800 { width: calc(100% - 800px) !important; }
.c-w-810 { width: calc(100% - 810px) !important; }
.c-w-820 { width: calc(100% - 820px) !important; }
.c-w-830 { width: calc(100% - 830px) !important; }
.c-w-840 { width: calc(100% - 840px) !important; }
.c-w-850 { width: calc(100% - 850px) !important; }
.c-w-860 { width: calc(100% - 860px) !important; }
.c-w-870 { width: calc(100% - 870px) !important; }
.c-w-880 { width: calc(100% - 880px) !important; }
.c-w-890 { width: calc(100% - 890px) !important; }
.c-w-900 { width: calc(100% - 900px) !important; }
.c-w-910 { width: calc(100% - 910px) !important; }
.c-w-920 { width: calc(100% - 920px) !important; }
.c-w-930 { width: calc(100% - 930px) !important; }
.c-w-940 { width: calc(100% - 940px) !important; }
.c-w-950 { width: calc(100% - 950px) !important; }
.c-w-960 { width: calc(100% - 960px) !important; }
.c-w-970 { width: calc(100% - 970px) !important; }
.c-w-980 { width: calc(100% - 980px) !important; }
.c-w-990 { width: calc(100% - 990px) !important; }

/* Bottom */
.bottom-10 { bottom: 10px; }
.bottom-20 { bottom: 20px; }
.bottom-30 { bottom: 30px; }
.bottom-40 { bottom: 40px; }
.bottom-50 { bottom: 50px; }
.bottom-60 { bottom: 60px; }
.bottom-70 { bottom: 70px; }
.bottom-80 { bottom: 80px; }
.bottom-90 { bottom: 90px; }
.bottom-100 { bottom: 100px; }

/* Left */
.left-10 { left: 10px; }
.left-20 { left: 20px; }
.left-30 { left: 30px; }
.left-40 { left: 40px; }
.left-50 { left: 50px; }
.left-60 { left: 60px; }
.left-70 { left: 70px; }
.left-80 { left: 80px; }
.left-90 { left: 90px; }
.left-100 { left: 100px; }

/* Right */
.right-10 { right: 10px; }
.right-20 { right: 20px; }
.right-30 { right: 30px; }
.right-40 { right: 40px; }
.right-50 { right: 50px; }
.right-60 { right: 60px; }
.right-70 { right: 70px; }
.right-80 { right: 80px; }
.right-90 { right: 90px; }
.right-100 { right: 100px; }

/* Top */
.top-00 { top: 0px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.top-30 { top: 30px; }
.top-35 { top: 35px; }
.top-40 { top: 40px; }
.top-45 { top: 45px; }
.top-50 { top: 50px; }
.top-55 { top: 55px; }
.top-60 { top: 60px; }
.top-65 { top: 65px; }
.top-70 { top: 70px; }
.top-75 { top: 75px; }
.top-80 { top: 80px; }
.top-85 { top: 85px; }
.top-90 { top: 90px; }
.top-95 { top: 95px; }
.top-100 { top: 100px; }

/* z-index */
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-60 { z-index: 60; }
.z-70 { z-index: 70; }
.z-80 { z-index: 80; }
.z-90 { z-index: 90; }
.z-100 { z-index: 100; }

/* Modal Popup */
.mpe-background { background-color: rgba(225, 230, 235, 0.5); }
.mpe-border { background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); max-width: 600px; transition: all 0.3s; width: 100%; }
.mpe-banner { color: #000; font-size: 18px; font-weight: bold; padding: 30px 30px 20px 30px; }
.mpe-content { color: #777; max-height: 450px; overflow: auto; padding: 10px 30px 40px 30px; }
.mpe-preview { background-color: rgba(0, 0, 0, 0.85); }
.mpe-preview-border { min-height: 90%; min-width: 90%; }
.mpe-preview-border div, .mpe-preview-border span { color: #fff !important; }
.mpe-preview-middle { display: inline-block; vertical-align: middle; }

/* Ajax Calendar */
.ajax__calendar_container { border: solid 1px #e9e9e9 !important; border-radius: 5px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); padding: 20px !important; }
.ajax__calendar_header { font-size: 13px !important; margin-bottom: 10px; padding-top: 4px; }
.ajax__calendar_prev { margin-left: 5px; }
.ajax__calendar_next { margin-right: 5px; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_year { background-color: #1a237e !important; border-radius: 2px !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_hover .ajax__calendar_year { background-color: #1a237e !important; border-radius: 2px !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year { background-color:  rgba(100, 181, 246, 0.1) !important; border-radius: 2px !important; color: #1a237e !important; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_month { background-color: #1a237e !important; border-radius: 2px !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month { background-color:  rgba(100, 181, 246, 0.1) !important; border-radius: 2px !important; color: #1a237e !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: #1a237e !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day { background-color: rgba(100, 181, 246, 0.1) !important; border-radius: 2px !important; color: #1a237e !important; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_day { background-color: #1a237e !important; border-radius: 2px !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_today .ajax__calendar_day { background-color: #fff !important; border-radius: 2px !important; color: #1a237e !important; }
.ajax__calendar .ajax__calendar_today { color: #999 !important; }
.ajax__calendar .ajax__calendar_other .ajax__calendar_day { color: #ccc !important; font-size: 12px !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today { color: #1a237e !important; }
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day { color: #bbb !important; text-decoration: line-through !important; }
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_month { color: #bbb !important; text-decoration: line-through !important; }
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_year { color: #bbb !important; text-decoration: line-through !important; }

/* Ajax File Upload */
.ajax__fileupload { border: solid 1px transparent !important; border-radius: 2px !important; padding: 0px !important; }
.ajax__fileupload_dropzone { background-color: #f9f9f9 !important; border: none !important; color: #cecccc !important; display: none; font-size: 14px !important; font-weight: bold !important; height: 50px !important; margin-bottom: 5px !important; }
.ajax__fileupload_queueContainer { border: none !important; padding: 10px 0px 10px 0px !important; overflow: auto; }
.ajax__fileupload_fileItemInfo { height: auto !important; line-height: normal !important; padding-bottom: 10px !important; }
.ajax__fileupload_fileItemInfo .removeButton { background-color: transparent !important; color: #777 !important; font-size: 11px !important; font-weight: bold !important; display: inline !important; width: 65px !important; }
.ajax__fileupload_fileItemInfo .removeButton:hover { color: #f00 !important; }
.ajax__fileupload_fileItemInfo .uploadedState { color: #000 !important; }
.ajax__fileupload_fileItemInfo .pendingState { color: #777 !important; }
.ajax__fileupload_fileItemInfo .errorState { background-color: Transparent !important; color: #f00 !important; }
.ajax__fileupload_uploadbutton { background-color: #fff !important; color: #1a237e !important; font-size: 12px !important; font-weight: bold !important; width: 65px !important; }
.ajax__fileupload_uploadbutton:hover { text-decoration: underline; }
.ajax__fileupload_footer { margin-right: 5px; }
.ajax__fileupload .filename { display: block; font-size: 13px !important; font-weight: bold !important; word-wrap: break-word; }
.ajax__fileupload .filetype, .ajax__fileupload .filesize { color: #777; font-size: 11px; }
.ajax__fileupload_selectFileContainer { margin-top: 10px; padding: 0px 25px 25px 0px !important; }
.ajax__fileupload_selectFileButton { background: #f5f5f5 url(/images/default/upload-grey.png) left no-repeat !important; color: #777 !important; font-size: 12px !important; font-weight: bold !important; padding: 5px 10px 5px 20px !important; transition: all 0.3s; }
.ajax__fileupload_selectFileContainer:hover .ajax__fileupload_selectFileButton { background: #1a237e url(/images/default/upload-white.png) left no-repeat !important; color: #fff !important; text-decoration: none !important; }
.ajax__fileupload_topFileStatus { display: none; position: initial !important; float: right !important; }
.ajax__fileupload_topFileStatus > div { position: relative !important; float: right !important; top: 0px !important; }

/* Scroll bar */
.mCSB_container { overflow: hidden; width: auto; }
.mCSB_container.mCS_no_scrollbar { margin-right: 0px; }
.mCustomScrollBox>.mCSB_scrollTools { height: 100%; right: 0; top: 0; width: 8px; }
.mCSB_scrollTools .mCSB_draggerContainer { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; height: 10px; width: 100%; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; height: 100%; margin: 0px auto; text-align: center; width: 6px; }
.mCustomScrollBox>.mCSB_scrollTools { opacity: 0; transition: opacity 0.5s; }
.mCustomScrollBox:hover>.mCSB_scrollTools { opacity: 1; }
.mCSB_scrollTools .mCSB_draggerRail { display: none; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.05); }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.05); }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.2); }

/* Other */
.abs { position: absolute; }
.arial { font-family: Arial; }
.blur { filter: blur(4px); }
.clear:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.error-message { color: #f60000; display: none; font-size: 11px; font-weight: normal; }
.fixed { position: fixed; }
.fl-lf { float: left; }
.fl-rt { float: right; }
.flex { display: flex; }
.hid { display: none; }
.in-bl { display: inline-block; }
.inv-shadow { box-shadow: none; }
.link:hover { text-decoration: underline; }
.mb-sh { display: none; }
.mg-auto { margin: 0px auto; }
.overflow { overflow: auto; }
.overflow-x { overflow-x: auto; overflow-y: hidden; }
.overflow-y { overflow-x: hidden; overflow-y: auto; }
.pointer { cursor: pointer !important; }
.sticky { position: sticky; }
.tx-cap { text-transform: capitalize; }
.tx-ct { text-align: center; }
.tx-lf { text-align: left; }
.tx-rt { text-align: right; }
.tx-up { text-transform: uppercase; }
.tx-v { transform: rotate(-180deg); writing-mode: vertical-lr; }
.v-bt { vertical-align: bottom; }
.v-ct { vertical-align: central; }
.v-tp { vertical-align: top; }
.word-wrap { word-wrap: break-word; }
.ws-nw { white-space: nowrap; }