﻿/* default */
a { color: #777; outline: none; text-decoration: none; }
img { border: 0px; }
img[src=''] { display: none; }
input:focus { outline: none; }
input[type="text"]:disabled { background-color: #fff; border-bottom: dashed 1px #e9e9e9; color: #777; font-size: 13px; }
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-<Command/Empty>-<Action> */
.btn { background-color: #4285f4; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #fff; font-size: 12px; font-weight: bold; padding: 10px 15px; transition: all 0.3s; }
.btn:hover { background-color: #0085c3; }
.btn-add { background: #4285f4 url(/images/default/add-small.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #fff; font-size: 12px; font-weight: bold; padding: 8px 15px; transition: all 0.3s; }
.btn-add:hover { background-color: #0085c3; }
.btn-cancel { background-color: #f3f3f3; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #000; cursor: pointer; font-size: 12px; font-weight: bold; padding: 9px 15px; transition: all 0.3s; }
.btn-cancel:hover { background-color: #e5e5e5; }
.btn-abort { background-color: #f3f3f3; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #000; cursor: pointer; font-size: 12px; font-weight: bold; padding: 9px 15px; transition: all 0.3s; }
.btn-abort:hover { background-color: #e5e5e5; }
.btn-clear { background: url(/images/default/close.png) no-repeat; height: 16px; width: 16px; }
.btn-clear:hover { background: url(/images/default/close-active.png) no-repeat; height: 16px; width: 16px; }
.btn-edit { background: url(/images/default/pencil-inactive.png) no-repeat; height: 16px; width: 16px; }
.btn-edit:hover { background: url(/images/default/pencil-active.png) no-repeat; height: 16px; width: 16px; }
.btn-delete { background-color: #f60000; border: solid 1px #fc0000; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #fff; font-size: 12px; font-weight: bold; padding: 8px 12px; transition: box-shadow 0.3s; }
.btn-delete:hover { box-shadow: 1px 1px 7px rgba(245, 0, 0, 0.5); }
.btn-img { background-color: transparent; border-radius: 3px; padding: 5px; transition: background-color 0.3s; }
.btn-img:hover { background-color: #4285f4; }
.btn-img-clear { background-color: transparent; border-radius: 3px; padding: 5px; transition: background-color 0.3s; }
.btn-img-clear:hover { background-color: #e5e5e5; }
.btn-link { color: #4285f4; font-size: 14px; font-weight: bold; }
.btn-link:hover { text-decoration: underline; }
.btn-link-small { color: #777; font-size: 13px; }
.btn-link-xsmall { color: #777; font-size: 10px; }
.btn-link-small:hover, .btn-link-xsmall:hover { color: #4285f4; text-decoration: underline; }
.btn-pager { border-radius: 3px; padding: 5px; cursor: pointer; transition: background-color 0.3s; }
.btn-pager:hover { background-color: #fff; }
.btn-pager-shadow { border-radius: 3px; padding: 5px; cursor: pointer; transition: background-color 0.3s; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
.btn-pager-shadow:hover { background-color: #fff; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4); }

/* Button use for command panel section*/
.btn-cmd-action { background: #4285f4 url(/images/default/tabs.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-action:hover { background-color: #0085c3; }
.btn-cmd-add { background: #4285f4 url(/images/default/add-small.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-add:hover { background-color: #0085c3; }
.btn-cmd-add-ber { background: #4285f4 url(/images/default/file.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-add-ber:hover { background-color: #0085c3; }
.btn-cmd-add-color { background: #fff url(/images/default/add-small-color.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #4285f4; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-add-color:hover { background: #4285f4 url(/images/default/add-small.png) 5px center no-repeat; color: #fff; }
.btn-cmd-add-list { background: #4285f4 url(/images/default/list-plus.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-add-list:hover { background-color: #0085c3; }
.btn-cmd-add-report { background: #4285f4 url(/images/default/file.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-add-report:hover { background-color: #0085c3; }
.btn-cmd-check { background: #4285f4 url(/images/default/check.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-check:hover { background-color: #0085c3; }
.btn-cmd-clock { background: #4285f4 url(/images/default/clock-alert.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-clock:hover { background-color: #0085c3; }
.btn-cmd-close-ticket { background: #4285f4 url(/images/default/close-ticket.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-close-ticket:hover { background-color: #0085c3; }
.btn-cmd-delete { background: #4285f4 url(/images/default/delete.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-delete:hover { background-color: #0085c3; }
.btn-cmd-download { background: #4285f4 url(/images/default/download.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-download:hover { background-color: #0085c3; }
.btn-cmd-download-excel { background: #4285f4 url(/images/default/excel.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-download-excel:hover { background-color: #0085c3; }
.btn-cmd-download-pdf { background: #4285f4 url(/images/default/pdf.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-download-pdf:hover { background-color: #0085c3; }
.btn-cmd-download-word { background: #4285f4 url(/images/default/word.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-download-word:hover { background-color: #0085c3; }
.btn-cmd-edit { background: #4285f4 url(/images/default/pencil.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-edit:hover { background-color: #0085c3; }
.btn-cmd-filter { background: #4285f4 url(/images/default/filter.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-filter:hover { background-color: #0085c3; }
.btn-cmd-lock-open { background: #4285f4 url(/images/default/lock-open.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-lock-open:hover { background-color: #0085c3; }
.btn-cmd-next { background: #4285f4 url(/images/default/menu-right-white.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-next:hover { background-color: #0085c3; }
.btn-cmd-next.no-text { background-position: center; height: 14px; padding: 10px 20px; }
.btn-cmd-options { background: #4285f4 url(/images/default/apps.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer !important; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-options:hover { background-color: #0085c3; }
.btn-cmd-pickup { background: #4285f4 url(/images/default/pickup.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-pickup:hover { background-color: #0085c3; }
.btn-cmd-previous { background: #4285f4 url(/images/default/menu-left-white.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-previous:hover { background-color: #0085c3; }
.btn-cmd-previous.no-text { background-position: center; height: 14px; padding: 10px 20px; }
.btn-cmd-print { background: #4285f4 url(/images/default/print.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer !important; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-print:hover { background-color: #0085c3; }
.btn-cmd-refresh { background: #4285f4 url(/images/default/refresh.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-refresh:hover { background-color: #0085c3; }
.btn-cmd-remove-search { background: #f60000 url(/images/default/magnify-white.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-remove-search:hover { background-color: #d60000; }
.btn-cmd-reply { background: #4285f4 url(/images/default/reply.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-reply:hover { background-color: #0085c3; }
.btn-cmd-return { background: #4285f4 url(/images/default/return.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-return:hover { background-color: #0085c3; }
.btn-cmd-return.no-text { background-position: center; height: 14px; padding: 10px 20px; }
.btn-cmd-save { background: #4285f4 url(/images/default/save.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-save:hover { background-color: #0085c3; }
.btn-cmd-status { background: #4285f4 url(/images/default/status-tick.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-status:hover { background-color: #0085c3; }
.btn-cmd-tabs { background: #4285f4 url(/images/default/tabs.png) 5px center no-repeat; border-radius: 3px 3px 0px 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-tabs:hover { background-color: #0085c3; }
.btn-cmd-verify { background: #4285f4 url(/images/default/verify.png) 5px center no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 28px; transition: all 0.3s; }
.btn-cmd-verify:hover { background-color: #0085c3; }

.btn-grid-add { background: transparent url(/images/default/add-grey.png) center no-repeat; height: 18px; padding: 5px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-add:hover { background: #4285f4 url(/images/default/add.png) center no-repeat; }
.btn-grid-delete { background: transparent url(/images/default/delete-grey.png) center no-repeat; height: 18px; padding: 5px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-delete:hover { background: #4285f4 url(/images/default/delete.png) center no-repeat; }
.btn-grid-edit { background: transparent url(/images/default/pencil-grey.png) center no-repeat; height: 18px; padding: 5px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-edit:hover { background: #4285f4 url(/images/default/pencil.png) center no-repeat; }
.btn-grid-file { background: transparent url(/images/default/file-grey.png) center no-repeat; height: 18px; padding: 5px 6px; transition: all 0.3s; width: 18px; }
.btn-grid-file:hover { background: #4285f4 url(/images/default/file.png) center no-repeat; }
.btn-grid-file .number { background-color: #4285f4; border: solid 1px #fff; border-radius: 3px; color: #fff; float: right; font-size: 10px; font-weight: bold; margin-top: 5px; padding: 1px 2px; text-align: center; }

/* Checkbox */
.cb-cmd-option { background-color: #4285f4; border-radius: 3px; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); color: #fff; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 10px; user-select: none; }
.cb-cmd-option input[type="checkbox"] { display: none; }
.cb-cmd-option input[type="checkbox"] + label { background: url(/images/default/check-inactive-white.png) 1px no-repeat; cursor: pointer; display: inline-block; transition: all 0.5s; }
.cb-cmd-option input[type="checkbox"] + label span { padding: 0px 0px 0px 25px; }
.cb-cmd-option input[type="checkbox"]:checked + label { background: url(/images/default/check-active-white.png) 1px no-repeat; color: #fff; }
.cb-option { color: #777; font-size: 13px; font-weight: bold; user-select: none; }
.cb-option.bottom td { padding-bottom: 15px; }
.cb-option input[type="checkbox"] { display: none; }
.cb-option input[type="checkbox"] + label { background: url(/images/default/check-inactive.png) 1px no-repeat; cursor: pointer; display: block; transition: all 0.5s; }
.cb-option input[type="checkbox"] + label span { padding: 0px 0px 0px 25px; }
.cb-option input[type="checkbox"] + label div { color: #999; font-size: 11px; font-weight: normal; padding: 0px 0px 0px 25px; }
.cb-option input[type="checkbox"]:checked + label { background: url(/images/default/check-active.png) 1px no-repeat; color: #000; }
.cb-option input[type="checkbox"]:disabled + label { background: url(/images/default/check-disabled.png) 1px no-repeat; cursor: default; }
.cb-option input[type="checkbox"]:checked:disabled + label { background: url(/images/default/check-active-grey.png) 1px no-repeat; color: #4285f4; }
.cb-option-multi { color: #999; font-size: 11px; font-weight: normal; user-select: none; }
.cb-option-multi input[type="checkbox"] { display: none; }
.cb-option-multi input[type="checkbox"] + label { background: url(/images/default/check-inactive.png) 1px no-repeat; cursor: pointer; display: block; transition: all 0.5s; }
.cb-option-multi input[type="checkbox"] + label div { color: #999; font-size: 11px; font-weight: normal; padding: 0px 0px 0px 25px; }
.cb-option-multi input[type="checkbox"] + label div b { color: #777; font-size: 13px; font-weight: bold; }
.cb-option-multi input[type="checkbox"]:checked + label { background: url(/images/default/check-active.png) 1px no-repeat; color: #4285f4; }
.cb-option-multi input[type="checkbox"]:checked + label div b { color: #4285f4; }
.cb-option-multi input[type="checkbox"]:disabled + label { background: url(/images/default/check-disabled.png) 1px no-repeat; cursor: default; }
.cb-option-multi input[type="checkbox"]:checked:disabled + label { background: url(/images/default/check-active-grey.png) 1px no-repeat; color: #4285f4; }

/* DropDownList */
.ddl, .chosen-select { border: 0px; border-bottom: solid 1px #d0d0d0; color: #555; font-size: 12px; height: 30px; transition: all 0.5s; width: 100%; }
.ddl:focus, chosen-select:focus { border: 0px; border-bottom: solid 1px #4285f4; box-shadow: inset 0px -8px 8px -8px rgba(66, 133, 244, 0.25); }
.ddl-default { background-color: transparent; border: 0px; border-bottom: solid 1px #d9d9d9; color: #777; font-size: 12px; height: 21px; padding: 3px 0px; transition: all 0.5s; width: 100%; }
.ddl-title { border: 0px; border-bottom: 0px; color: #777; font-size: 14px; height: 30px; transition: all 0.5s; width: 100%; }

/* Textbox tb-<Type> */
.tb { border: 0px; border-bottom: solid 1px #d0d0d0; color: #555; font-size: 12px; height: 26px; transition: all 0.5s; width: 100%; }
.tb:focus { border: 0px; border-bottom: solid 1px #4285f4; box-shadow: inset 0px -8px 8px -8px rgba(66, 133, 244, 0.25); }
.tb-field { border: solid 1px #d0d0d0; border-radius: 2px; box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1); color: #555; font-family: Arial; font-size: 12px; height: 54px; padding: 3px; width: 259px; transition: box-shadow 0.5s; }
.tb-field:focus { border: solid 1px #4285f4; box-shadow: inset 0px 0px 10px rgba(66, 133, 244, 0.25); }
.tb-login { border: solid 1px #d0d0d0; border-radius: 2px; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.05); color: #000; font-size: 14px; font-weight: bold; height: 30px; padding: 5px 7px; transition: all 0.5s; width: calc(100% - 14px); }
.tb-login:focus { border: solid 1px #4285f4; box-shadow: inset 0px 0px 10px rgba(66, 133, 244, 0.25); }
.tb-submit { border: 0px; border-bottom: solid 1px #d0d0d0; color: #555; font-family: Arial; font-size: 12px; min-height: 30px; padding: 0px; transition: all 0.5s; width: 100%; }
.tb-submit:focus { border: 0px; border-bottom: solid 1px #4285f4; box-shadow: inset 0px -8px 8px -8px rgba(66, 133, 244, 0.25); }
.tb-submit-multi { border: solid 1px #d0d0d0; color: #555; font-family: Arial; font-size: 12px; min-height: 30px; padding: 5px; transition: all 0.5s; width: calc(100% - 10px); }
.tb-submit-multi:focus { border: solid 1px #4285f4; box-shadow: inset 0px 0px 8px rgba(66, 133, 244, 0.25); }
.tb-page { background-color: transparent; border: 0px; border-bottom: solid 1px #c9c9c9; color: #4285f4; font-size: 12px; font-weight: bold; height: 16px; text-align: center; transition: all 0.5s; width: 40px; }
.tb-page:focus { border-bottom: solid 1px #4285f4; }
.tb-search { background-color: #fff; border: 0px; border-radius: 3px; color: #555; font-size: 14px; height: 21px; padding: 3px 13px; transition: all 0.5s; min-width: 235px; }
.tb-transparent { background-color: transparent; border: 0px; color: #333; font-size: 13px; height: 15px; width: 265px; }
.tb-transparent-multi { background-color: transparent; border: 0px; color: #555; font-family: Arial; font-size: 14px; height: 15px; overflow: hidden; resize: none; width: 265px; }
.tb.input-error { border-bottom: solid 1px #f00 !important; box-shadow: inset 0px -8px 8px -8px rgba(255, 0, 0, 0.25); }

/* Radiobuttonlist */
.rbl-option { color: #777; font-size: 13px; font-weight: bold; width: 100%; }
.rbl-option input[type="radio"] { display: none; }
.rbl-option input[type="radio"] + label { background: url(/images/default/check-inactive.png) no-repeat; cursor: pointer; padding: 2px 0px 15px 20px; transition: all 0.5s; }
.rbl-option input[type="radio"]:checked + label { background: url(/images/default/check-active.png) no-repeat; color: #4285f4; font-weight: bold; }

/* Search */
.search { background-color: #fff; border-radius: 3px; padding: 2px 2px 2px 10px; width: 300px; }
.search .textbox { border: 0px; color: #000; font-size: 14px; font-weight: bold; height: 28px; width: 260px; }
.search .button { background: #fff url(/images/default/magnify.png) no-repeat; border-radius: 3px; height: 28px; width: 28px; }
.search .button:hover { background: #f5f5f5 url(/images/default/magnify.png) no-repeat; height: 28px; width: 28px; }
.side-search { background-color: #fff; border-radius: 3px; padding: 2px 2px 2px 10px; width: 270px; }
.side-search .textbox { border: 0px; border-bottom: solid 1px #d0d0d0; color: #777; font-size: 12px; font-weight: bold; height: 26px; transition: all 0.5s; width: 200px; }
.side-search .textbox:focus { border: 0px; border-bottom: solid 1px #4285f4; box-shadow: inset 0px -8px 8px -8px rgba(66, 133, 244, 0.25); }
.side-search .btn-search { background: #fff url(/images/default/magnify.png) no-repeat; border-radius: 3px; height: 28px; width: 28px; }
.side-search .btn-search:hover { background: #f5f5f5 url(/images/default/magnify.png) no-repeat; height: 28px; width: 28px; }
.side-search .btn-remove { background: #fff url(/images/default/close-large.png) center no-repeat; border-radius: 3px; height: 28px; width: 28px; }
.side-search .btn-remove:hover { background: #f5f5f5 url(/images/default/close-large.png) center no-repeat; height: 28px; width: 28px; }

/* Avatar */
.avatar { background: url(/images/default/avatar.png) no-repeat; }
.avatar.x-small { background-size: 24px 24px; height: 24px; width: 24px; }
.avatar.small { background-size: 36px 36px; height: 36px; width: 36px; }
.avatar.medium { background-size: 48px 48px; height: 48px; width: 48px; }
.avatar.large { background-size: 72px 72px; height: 72px; width: 72px; }
.avatar.normal { background-size: 150px 150px; height: 150px; width: 150px; }
.avatar.border { background-color: #f9f9f9; border: solid 1px #eee; border-radius: 2px; }

/* Icon */
.icon-account { background: url(/images/default/icon-account-card.png) no-repeat; height: 30px; width: 30px; }
.icon-account-small { background: url(/images/default/icon-account-check.png) no-repeat; height: 18px; width: 18px; }
.icon-app { background: url(/images/default/icon-application.png) no-repeat; height: 30px; width: 30px; }
.icon-board { background: url(/images/default/icon-board.png) no-repeat; height: 30px; width: 30px; }
.icon-calendar { background: url(/images/default/icon-calendar.png) no-repeat; height: 30px; width: 30px; }
.icon-email { background: url(/images/default/icon-email.png) no-repeat; height: 30px; width: 30px; }
.icon-hardware { background: url(/images/default/icon-hardware.png) no-repeat; height: 30px; width: 30px; }
.icon-list { background: url(/images/default/icon-list.png) no-repeat; height: 30px; width: 30px; }
.icon-list-type { background: url(/images/default/icon-list-type.png) no-repeat; height: 30px; width: 30px; }
.icon-location { background: url(/images/default/icon-location.png) no-repeat; height: 30px; width: 30px; }
.icon-organization { background: url(/images/default/icon-organization.png) no-repeat; height: 30px; width: 30px; }
.icon-package { background: url(/images/default/icon-package.png) no-repeat; height: 30px; width: 30px; }
.icon-pulse { background: url(/images/default/icon-pulse.png) no-repeat; height: 30px; width: 30px; }
.icon-pulse-small { background: url(/images/default/icon-pulse-small.png) no-repeat; height: 18px; width: 18px; }
.icon-project { background: url(/images/default/icon-project.png) no-repeat; height: 30px; width: 30px; }
.icon-settings { background: url(/images/default/icon-settings.png) no-repeat; height: 30px; width: 30px; }
.icon-statistics { background: url(/images/default/icon-statistics.png) no-repeat; height: 30px; width: 30px; }
.icon-summarized-small { background: url(/images/default/icon-check-outline.png) no-repeat; height: 18px; width: 18px; }
.icon-table-large { background: url(/images/default/icon-table-large.png) no-repeat; height: 30px; width: 30px; }
.icon-tag { background: url(/images/default/icon-tag.png) no-repeat; height: 30px; width: 30px; }
.icon-tag-small { background: url(/images/default/icon-tag-small.png) no-repeat; height: 18px; width: 18px; }
.icon-tag-check { background: url(/images/default/icon-tag-check.png) no-repeat; height: 30px; width: 30px; }
.icon-tag-text { background: url(/images/default/icon-tag-text.png) no-repeat; height: 30px; width: 30px; }
.icon-vendor { background: url(/images/default/icon-vendor.png) no-repeat; height: 30px; width: 30px; }
.icon-wrench { background: url(/images/default/icon-wrench.png) no-repeat; height: 30px; width: 30px; }

.large-icon-alarm-off { background: url(/images/default/large-icon-alarm-off.png) no-repeat; height: 120px; width: 120px; }
.large-icon-clock { background: url(/images/default/large-icon-clock.png) no-repeat; height: 120px; width: 120px; }
.large-icon-clipboard-pulse { background: url(/images/default/large-icon-clipboard-pulse.png) no-repeat; height: 120px; width: 120px; }
.large-icon-file { background: url(/images/default/large-icon-file.png) no-repeat; height: 120px; width: 120px; }
.large-icon-hardware { background: url(/images/default/large-icon-hardware.png) no-repeat; height: 120px; width: 120px; }
.large-icon-list { background: url(/images/default/large-icon-list.png) no-repeat; height: 120px; width: 120px; }
.large-icon-marker { background: url(/images/default/large-icon-marker.png) no-repeat; height: 120px; width: 120px; }
.large-icon-member { background: url(/images/default/large-icon-member.png) no-repeat; height: 120px; width: 120px; }
.large-icon-message { background: url(/images/default/large-icon-message.png) no-repeat; height: 120px; width: 120px; }
.large-icon-package { background: url(/images/default/large-icon-package.png) no-repeat; height: 120px; width: 120px; }
.large-icon-tag { background: url(/images/default/large-icon-tag.png) no-repeat; height: 120px; width: 120px; }
.large-icon-tag-check { background: url(/images/default/large-icon-tag-check.png) no-repeat; height: 120px; width: 120px; }
.large-icon-ticket { background: url(/images/default/large-icon-ticket.png) no-repeat; height: 120px; width: 120px; }
.large-icon-wrench { background: url(/images/default/large-icon-wrench.png) no-repeat; height: 120px; width: 120px; }

.medium-icon-ticket { background: url(/images/default/medium-icon-ticket.png) no-repeat; height: 80px; width: 80px; }
.medium-icon-wrench { background: url(/images/default/medium-icon-wrench.png) no-repeat; height: 80px; width: 80px; }

/* file */
.file { background: url(/images/default/icons/file.png) no-repeat; background-size: 48px 48px; height: 48px; width: 48px; }
.file.doc { background: url(/images/default/icons/doc.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.jpg { background: url(/images/default/icons/jpg.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.pdf { background: url(/images/default/icons/pdf.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.png { background: url(/images/default/icons/png.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.ppt { background: url(/images/default/icons/ppt.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.txt { background: url(/images/default/icons/txt.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.xls { background: url(/images/default/icons/xls.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.zip { background: url(/images/default/icons/zip.png) no-repeat; background-size: 24px 24px; height: 24px; width: 24px; }
.file.small { background-size: 36px 36px; height: 36px; width: 36px; }
.file.medium { background-size: 48px 48px; height: 48px; width: 48px; }

/* Background color */
.bg-black { background-color: #000; }
.bg-grey { background-color: #999; }
.bg-light-grey { background-color: #f0f0f0; }
.bg-yellow { background-color: rgba(255, 255, 0, 0.1); }
.bg-white { background-color: #fff; }

/* Table */
table.clean th { background-color: #284255; color: #fff; font-size: 12px; font-weight: bold; padding: 20px 15px; text-align: left; transition: all 0.3s; }
table.clean th .select { width: 20px; }
table.clean th.center { text-align: center; }
table.clean th.empty { border-bottom: solid 3px transparent; }
table.clean th.light { background-color: #e3f2fd; }
table.clean th.grey { background-color: #f9f9f9; }
table.clean th:hover.select { background-color: #555; }
table.clean td { background-color: #fff; border-bottom: solid 1px #f3f5f7; color: #555; font-size: 12px; padding: 15px; text-align: left; transition: all 0.3s; }
table.clean td .select { width: 20px; }
table.clean td.center { text-align: center; }
table.clean td.light { background-color: #e3f2fd; }
table.clean td.grey { background-color: #f9f9f9; }

.table { display: block; position: relative; }
.table .header { background-color: #fff; border-bottom: solid 1px #eee; }
.table .header .header-item { background-color: #fff; color: #000; font-size: 12px; font-weight: bold; display: inline-block; min-height: 14px; overflow: hidden; padding: 20px 15px; text-align: left; transition: all 0.3s; width: 75px; }
.table .header .header-item.center { text-align: center; }
.table .header .header-item .item-desc { font-size: 11px; font-weight: normal; }
.table .row { background-color: #fff; border-bottom: solid 1px #f3f5f7; transition: background-color 0.3s; }
.table .row:hover { background-color: rgba(66, 133, 244, 0.05); }
.table .row .row-item { color: #555; display: inline-block; font-size: 12px; overflow: hidden; padding: 15px; text-align: left; transition: all 0.3s; vertical-align: middle; width: 75px; }
.table .row .row-item.center { text-align: center; }
.table .row .row-item .short { display: none; }

table th { background-color: #fff; border-bottom: solid 3px #eee; font-size: 13px; font-weight: bold; padding: 10px; text-align: left; transition: all 0.3s; }
table th.right { text-align: right; }
table tr.highlight td { height: 1px; transition: all 0.3s; }
table tr.highlight td.control { width: 28px; }
table tr.highlight:hover td { background-color: rgba(66, 133, 244, 0.05); }
table tr.highlight td .btn-grid-add, table tr.highlight td .btn-grid-delete, table tr.highlight td .btn-grid-edit, table tr.highlight td .btn-grid-file { display: inline-block; height: 100%; opacity: 0; transition: all 0.3s; width: 18px; }
table tr.highlight:hover td .btn-grid-add, table tr.highlight:hover td .btn-grid-delete, table tr.highlight:hover td .btn-grid-edit, table tr.highlight:hover td .btn-grid-file { opacity: 1; }
table tr.highlight-plus td { height: 1px; transition: all 0.3s; }
table tr.highlight-plus td.control { width: 28px; }
table tr.highlight-plus:hover, table tr.highlight-plus:hover + tr { background-color: rgba(66, 133, 244, 0.05); }
table tr.highlight-plus td .btn-grid-add, table tr.highlight-plus td .btn-grid-delete, table tr.highlight-plus td .btn-grid-edit, table tr.highlight-plus td .btn-grid-file { display: inline-block; height: 100%; opacity: 0; transition: all 0.3s; width: 18px; }
table tr.highlight-plus:hover td .btn-grid-add, table tr.highlight-plus:hover td .btn-grid-delete, table tr.highlight-plus:hover td .btn-grid-edit, table tr.highlight-plus:hover td .btn-grid-file { opacity: 1; }

@media (max-width: 1365px) {
    .table .header .header-item.long { display: none; }
    .table .header .header-item .short { display: inline; }
    .table .row .row-item.long { display: none; }
    .table .row .row-item .short { display: inline; }
}

/* Mini drop down */
.minidropdown { background-color: #fff; border: solid 1px #c9c9c9; border-radius: 2px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); display: none; margin-top: 2px; padding: 2px; position: absolute; min-width: 150px; max-width: 230px; width: auto; z-index: 10 }
.minidropdown .miniitem { border-bottom: solid 1px #f5f5f5; color: #000; font-size: 12px; font-weight: bold; padding: 15px; transition: all 0.3s; }
.minidropdown .miniitem.last { border-bottom: solid 1px transparent; }
.minidropdown .miniitem .desc { color: #999; font-size: 11px; font-weight: normal; }
.minidropdown .miniitem:hover { color: #4285f4; background-color: rgba(66, 133, 244, 0.1); }

/* Toggle */
.switch { display: inline-block; height: 11px; position: relative; width: 40px; }
.switch input { display: none; }
.slider { background-color: #ccc; 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: -4px; content: ""; height: 19px; left: -2px; position: absolute; transition: 0.5s; width: 19px; }
.slider.round, .slider.round:before { border-radius: 25px; }
input:checked + .slider { background-color: rgba(66, 133, 244, 0.25); }
input:checked + .slider:before { background-color: #2196f3; border: solid 1px #2196f3; transform: translateX(22px); }
input:focus + .slider { box-shadow: 0px 0px 1px #2196f3; }

/* Label */
.tx-std-00 { color: #777; font-size: 11px; font-weight: normal; }
.tx-std-01 { color: #777; font-size: 12px; font-weight: normal; }
.tx-std-02 { color: #777; font-size: 13px; font-weight: normal; }
.tx-std-03 { color: #777; font-size: 14px; font-weight: normal; }
.tx-std-04 { color: #777; font-size: 16px; font-weight: normal; }
.tx-std-05 { color: #777; font-size: 18px; font-weight: normal; }
.tx-std-06 { color: #777; font-size: 20px; font-weight: normal; }
.tx-std-07 { color: #777; font-size: 24px; font-weight: normal; }
.tx-std-08 { color: #777; font-size: 28px; font-weight: normal; }
.tx-std-09 { color: #777; font-size: 30px; font-weight: normal; }
.tx-std-10 { color: #777; font-size: 32px; font-weight: normal; }

.tx-std-b00 { color: #777; font-size: 11px; font-weight: bold; }
.tx-std-b01 { color: #777; font-size: 12px; font-weight: bold; }
.tx-std-b02 { color: #777; font-size: 13px; font-weight: bold; }
.tx-std-b03 { color: #777; font-size: 14px; font-weight: bold; }
.tx-std-b04 { color: #777; font-size: 16px; font-weight: bold; }
.tx-std-b05 { color: #777; font-size: 18px; font-weight: bold; }
.tx-std-b06 { color: #777; font-size: 20px; font-weight: bold; }
.tx-std-b07 { color: #777; font-size: 24px; font-weight: bold; }
.tx-std-b08 { color: #777; font-size: 28px; font-weight: bold; }
.tx-std-b09 { color: #777; font-size: 30px; font-weight: bold; }
.tx-std-b10 { color: #777; font-size: 32px; font-weight: bold; }

.tx-title-00 { color: #000; font-size: 11px; font-weight: normal; }
.tx-title-01 { color: #000; font-size: 12px; font-weight: normal; }
.tx-title-02 { color: #000; font-size: 13px; font-weight: normal; }
.tx-title-03 { color: #000; font-size: 14px; font-weight: normal; }
.tx-title-04 { color: #000; font-size: 16px; font-weight: normal; }
.tx-title-05 { color: #000; font-size: 18px; font-weight: normal; }
.tx-title-06 { color: #000; font-size: 20px; font-weight: normal; }
.tx-title-07 { color: #000; font-size: 24px; font-weight: normal; }
.tx-title-08 { color: #000; font-size: 28px; font-weight: normal; }
.tx-title-09 { color: #000; font-size: 30px; font-weight: normal; }
.tx-title-10 { color: #000; font-size: 32px; font-weight: normal; }
.tx-title-11 { color: #000; font-size: 36px; font-weight: normal; }
.tx-title-12 { color: #000; font-size: 40px; font-weight: normal; }

.tx-title-b00 { color: #000; font-size: 11px; font-weight: bold; }
.tx-title-b01 { color: #000; font-size: 12px; font-weight: bold; }
.tx-title-b02 { color: #000; font-size: 13px; font-weight: bold; }
.tx-title-b03 { color: #000; font-size: 14px; font-weight: bold; }
.tx-title-b04 { color: #000; font-size: 16px; font-weight: bold; }
.tx-title-b05 { color: #000; font-size: 18px; font-weight: bold; }
.tx-title-b06 { color: #000; font-size: 20px; font-weight: bold; }
.tx-title-b07 { color: #000; font-size: 24px; font-weight: bold; }
.tx-title-b08 { color: #000; font-size: 28px; font-weight: bold; }
.tx-title-b09 { color: #000; font-size: 30px; font-weight: bold; }
.tx-title-b10 { color: #000; font-size: 32px; font-weight: bold; }
.tx-title-b11 { color: #000; font-size: 36px; font-weight: bold; }
.tx-title-b12 { color: #000; font-size: 40px; font-weight: bold; }

.tx-green-00 { color: #66cd00; font-size: 11px; font-weight: normal; }
.tx-green-01 { color: #66cd00; font-size: 12px; font-weight: normal; }
.tx-green-02 { color: #66cd00; font-size: 13px; font-weight: normal; }
.tx-green-03 { color: #66cd00; font-size: 14px; font-weight: normal; }
.tx-green-04 { color: #66cd00; font-size: 16px; font-weight: normal; }
.tx-green-05 { color: #66cd00; font-size: 18px; font-weight: normal; }
.tx-green-06 { color: #66cd00; font-size: 20px; font-weight: normal; }
.tx-green-07 { color: #66cd00; font-size: 24px; font-weight: normal; }
.tx-green-08 { color: #66cd00; font-size: 28px; font-weight: normal; }
.tx-green-09 { color: #66cd00; font-size: 30px; font-weight: normal; }
.tx-green-10 { color: #66cd00; font-size: 32px; font-weight: normal; }

.tx-green-b00 { color: #66cd00; font-size: 11px; font-weight: bold; }
.tx-green-b01 { color: #66cd00; font-size: 12px; font-weight: bold; }
.tx-green-b02 { color: #66cd00; font-size: 13px; font-weight: bold; }
.tx-green-b03 { color: #66cd00; font-size: 14px; font-weight: bold; }
.tx-green-b04 { color: #66cd00; font-size: 16px; font-weight: bold; }
.tx-green-b05 { color: #66cd00; font-size: 18px; font-weight: bold; }
.tx-green-b06 { color: #66cd00; font-size: 20px; font-weight: bold; }
.tx-green-b07 { color: #66cd00; font-size: 24px; font-weight: bold; }
.tx-green-b08 { color: #66cd00; font-size: 28px; font-weight: bold; }
.tx-green-b09 { color: #66cd00; font-size: 30px; font-weight: bold; }
.tx-green-b10 { color: #66cd00; font-size: 32px; font-weight: bold; }

.tx-grey-00 { color: #555; font-size: 11px; font-weight: normal; }
.tx-grey-01 { color: #555; font-size: 12px; font-weight: normal; }
.tx-grey-02 { color: #555; font-size: 13px; font-weight: normal; }
.tx-grey-03 { color: #555; font-size: 14px; font-weight: normal; }
.tx-grey-04 { color: #555; font-size: 16px; font-weight: normal; }
.tx-grey-05 { color: #555; font-size: 18px; font-weight: normal; }
.tx-grey-06 { color: #555; font-size: 20px; font-weight: normal; }
.tx-grey-07 { color: #555; font-size: 24px; font-weight: normal; }
.tx-grey-08 { color: #555; font-size: 28px; font-weight: normal; }
.tx-grey-09 { color: #555; font-size: 30px; font-weight: normal; }
.tx-grey-10 { color: #555; font-size: 32px; font-weight: normal; }

.tx-grey-b00 { color: #555; font-size: 11px; font-weight: bold; }
.tx-grey-b01 { color: #555; font-size: 12px; font-weight: bold; }
.tx-grey-b02 { color: #555; font-size: 13px; font-weight: bold; }
.tx-grey-b03 { color: #555; font-size: 14px; font-weight: bold; }
.tx-grey-b04 { color: #555; font-size: 16px; font-weight: bold; }
.tx-grey-b05 { color: #555; font-size: 18px; font-weight: bold; }
.tx-grey-b06 { color: #555; font-size: 20px; font-weight: bold; }
.tx-grey-b07 { color: #555; font-size: 24px; font-weight: bold; }
.tx-grey-b08 { color: #555; font-size: 28px; font-weight: bold; }
.tx-grey-b09 { color: #555; font-size: 30px; font-weight: bold; }
.tx-grey-b10 { color: #555; font-size: 32px; font-weight: bold; }

.tx-fade-00 { color: #aaa; font-size: 11px; font-weight: normal; }
.tx-fade-01 { color: #aaa; font-size: 12px; font-weight: normal; }
.tx-fade-02 { color: #aaa; font-size: 13px; font-weight: normal; }
.tx-fade-03 { color: #aaa; font-size: 14px; font-weight: normal; }
.tx-fade-04 { color: #aaa; font-size: 16px; font-weight: normal; }
.tx-fade-05 { color: #aaa; font-size: 18px; font-weight: normal; }
.tx-fade-06 { color: #aaa; font-size: 20px; font-weight: normal; }
.tx-fade-07 { color: #aaa; font-size: 24px; font-weight: normal; }
.tx-fade-08 { color: #aaa; font-size: 28px; font-weight: normal; }
.tx-fade-09 { color: #aaa; font-size: 30px; font-weight: normal; }
.tx-fade-10 { color: #aaa; font-size: 32px; font-weight: normal; }

.tx-fade-b00 { color: #aaa; font-size: 11px; font-weight: bold; }
.tx-fade-b01 { color: #aaa; font-size: 12px; font-weight: bold; }
.tx-fade-b02 { color: #aaa; font-size: 13px; font-weight: bold; }
.tx-fade-b03 { color: #aaa; font-size: 14px; font-weight: bold; }
.tx-fade-b04 { color: #aaa; font-size: 16px; font-weight: bold; }
.tx-fade-b05 { color: #aaa; font-size: 18px; font-weight: bold; }
.tx-fade-b06 { color: #aaa; font-size: 20px; font-weight: bold; }
.tx-fade-b07 { color: #aaa; font-size: 24px; font-weight: bold; }
.tx-fade-b08 { color: #aaa; font-size: 28px; font-weight: bold; }
.tx-fade-b09 { color: #aaa; font-size: 30px; font-weight: bold; }
.tx-fade-b10 { color: #aaa; font-size: 32px; font-weight: bold; }

.tx-light-00 { color: #4285f4; font-size: 11px; font-weight: normal; }
.tx-light-01 { color: #4285f4; font-size: 12px; font-weight: normal; }
.tx-light-02 { color: #4285f4; font-size: 13px; font-weight: normal; }
.tx-light-03 { color: #4285f4; font-size: 14px; font-weight: normal; }
.tx-light-04 { color: #4285f4; font-size: 16px; font-weight: normal; }
.tx-light-05 { color: #4285f4; font-size: 18px; font-weight: normal; }
.tx-light-06 { color: #4285f4; font-size: 20px; font-weight: normal; }
.tx-light-07 { color: #4285f4; font-size: 24px; font-weight: normal; }
.tx-light-08 { color: #4285f4; font-size: 28px; font-weight: normal; }
.tx-light-09 { color: #4285f4; font-size: 30px; font-weight: normal; }
.tx-light-10 { color: #4285f4; font-size: 32px; font-weight: normal; }

.tx-light-b00 { color: #4285f4; font-size: 11px; font-weight: bold; }
.tx-light-b01 { color: #4285f4; font-size: 12px; font-weight: bold; }
.tx-light-b02 { color: #4285f4; font-size: 13px; font-weight: bold; }
.tx-light-b03 { color: #4285f4; font-size: 14px; font-weight: bold; }
.tx-light-b04 { color: #4285f4; font-size: 16px; font-weight: bold; }
.tx-light-b05 { color: #4285f4; font-size: 18px; font-weight: bold; }
.tx-light-b06 { color: #4285f4; font-size: 20px; font-weight: bold; }
.tx-light-b07 { color: #4285f4; font-size: 24px; font-weight: bold; }
.tx-light-b08 { color: #4285f4; font-size: 28px; font-weight: bold; }
.tx-light-b09 { color: #4285f4; font-size: 30px; font-weight: bold; }
.tx-light-b10 { color: #4285f4; font-size: 32px; font-weight: bold; }

.tx-warn-00 { color: #f00; font-size: 11px; font-weight: normal; }
.tx-warn-01 { color: #f00; font-size: 12px; font-weight: normal; }
.tx-warn-02 { color: #f00; font-size: 13px; font-weight: normal; }
.tx-warn-03 { color: #f00; font-size: 14px; font-weight: normal; }
.tx-warn-04 { color: #f00; font-size: 16px; font-weight: normal; }
.tx-warn-05 { color: #f00; font-size: 18px; font-weight: normal; }
.tx-warn-06 { color: #f00; font-size: 20px; font-weight: normal; }
.tx-warn-07 { color: #f00; font-size: 24px; font-weight: normal; }
.tx-warn-08 { color: #f00; font-size: 28px; font-weight: normal; }
.tx-warn-09 { color: #f00; font-size: 30px; font-weight: normal; }
.tx-warn-10 { color: #f00; font-size: 32px; font-weight: normal; }

.tx-warn-b00 { color: #f00; font-size: 11px; font-weight: bold; }
.tx-warn-b01 { color: #f00; font-size: 12px; font-weight: bold; }
.tx-warn-b02 { color: #f00; font-size: 13px; font-weight: bold; }
.tx-warn-b03 { color: #f00; font-size: 14px; font-weight: bold; }
.tx-warn-b04 { color: #f00; font-size: 16px; font-weight: bold; }
.tx-warn-b05 { color: #f00; font-size: 18px; font-weight: bold; }
.tx-warn-b06 { color: #f00; font-size: 20px; font-weight: bold; }
.tx-warn-b07 { color: #f00; font-size: 24px; font-weight: bold; }
.tx-warn-b08 { color: #f00; font-size: 28px; font-weight: bold; }
.tx-warn-b09 { color: #f00; font-size: 30px; font-weight: bold; }
.tx-warn-b10 { color: #f00; 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: 30px; font-weight: normal; }
.tx-white-10 { color: #fff; font-size: 32px; font-weight: normal; }

.tx-white-b00 { color: #fff; font-size: 11px; font-weight: bold; }
.tx-white-b01 { color: #fff; font-size: 12px; font-weight: bold; }
.tx-white-b02 { color: #fff; font-size: 13px; font-weight: bold; }
.tx-white-b03 { color: #fff; font-size: 14px; font-weight: bold; }
.tx-white-b04 { color: #fff; font-size: 16px; font-weight: bold; }
.tx-white-b05 { color: #fff; font-size: 18px; font-weight: bold; }
.tx-white-b06 { color: #fff; font-size: 20px; font-weight: bold; }
.tx-white-b07 { color: #fff; font-size: 24px; font-weight: bold; }
.tx-white-b08 { color: #fff; font-size: 28px; font-weight: bold; }
.tx-white-b09 { color: #fff; font-size: 30px; font-weight: bold; }
.tx-white-b10 { color: #fff; font-size: 32px; font-weight: bold; }

/* Line */
.solid-bt { border-bottom: solid 1px #eee; }
.solid-lf { border-left: solid 1px #eee; }
.solid-rt { border-right: solid 1px #eee; }
.solid-tp { border-top: solid 1px #eee; }
.border-bt { border-bottom: dashed 1px #ddd; }
.border-lf { border-left: dashed 1px #ddd; }
.border-rt { border-right: dashed 1px #ddd; }
.border-tp { border-top: dashed 1px #ddd; }

@media (max-width:420px) {
    .solid-bt { border-bottom: none; }
    .solid-lf { border-left: none; }
    .solid-rt { border-right: none; }
    .solid-tp { border-top: none; }
    .border-bt { border-bottom: none; }
    .border-lf { border-left: none; }
    .border-rt { border-right: none; }
    .border-tp { border-top: none; }
}

/*Loading Icon*/
.load { background-color: rgba(255, 255, 255, 0.35); bottom: 0px; box-shadow: inset 0px 0px 99999px rgba(255, 255, 255, 1); height: 100%; left: 0px; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 1100000000; }
.img-load { left: calc(50% - 5px); position: fixed; top: calc(50% - 5px); }

/* Message box*/
.error { background-color: #e90000; border-radius: 3px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05); color: #fff; font-size: 12px; font-weight: bold; min-width: 230px; padding: 12px 15px; position: fixed; text-align: center; z-index: 9999999999; }
.update { background-color: #4285f4; border-radius: 3px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05); color: #fff; font-size: 12px; font-weight: bold; min-width: 230px; padding: 12px 15px; position: fixed; text-align: center; z-index: 9999999999; }

/* 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-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-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-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-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-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; }

/* 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-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-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-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-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-120 { padding-top: 120px !important; }
.pd-tp-140 { padding-top: 140px !important; }
.pd-tp-200 { padding-top: 200px !important; }
.pd-tp-300 { padding-top: 300px !important; }

/* Height */
.h-50-p { height: 50% !important; }
.h-100-p { height: 100% !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-205 { height: 205px !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-700 { height: 700px !important; }
.h-800 { height: 800px !important; }
.h-900 { height: 900px !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-600 { min-height: 600px !important; }
.m-h-700 { min-height: 700px !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-600 { max-height: 600px !important; }
.x-h-700 { max-height: 700px !important; }

/* Width */
.w-auto { width: auto !important; }
.w-10p { width: 10%; }
.w-15p { width: 15%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-30p { width: 30%; }
.w-35p { width: 35%; }
.w-40p { width: 40%; }
.w-45p { width: 45%; }
.w-50p { width: 50%; }
.w-55p { width: 55%; }
.w-60p { width: 60%; }
.w-65p { width: 65%; }
.w-70p { width: 70%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-85p { width: 85%; }
.w-90p { width: 90%; }
.w-95p { width: 95%; }
.w-100p { width: 100%; }

.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-205 { width: 205px !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-265 { width: 265px !important; }
.w-270 { width: 270px !important; }
.w-275 { width: 275px !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-610 { width: 610px !important; }
.w-615 { width: 615px !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-750 { width: 750px !important; }
.w-800 { width: 800px !important; }
.w-850 { width: 850px !important; }
.w-900 { width: 900px !important; }
.w-950 { width: 950px !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-650 { min-width: 650px !important; }
.m-w-700 { min-width: 700px !important; }
.m-w-750 { min-width: 750px !important; }
.m-w-800 { min-width: 800px !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-650 { max-width: 650px !important; }
.x-w-700 { max-width: 700px !important; }
.x-w-750 { max-width: 750px !important; }
.x-w-800 { max-width: 800px !important; }
.x-w-900 { max-width: 900px !important; }

@media(max-width:420px) {
    .mw-10p { width: 10% !important; }
    .mw-15p { width: 15% !important; }
    .mw-20p { width: 20% !important; }
    .mw-25p { width: 25% !important; }
    .mw-30p { width: 30% !important; }
    .mw-35p { width: 35% !important; }
    .mw-40p { width: 40% !important; }
    .mw-45p { width: 45% !important; }
    .mw-50p { width: 50% !important; }
    .mw-55p { width: 55% !important; }
    .mw-60p { width: 60% !important; }
    .mw-65p { width: 65% !important; }
    .mw-70p { width: 70% !important; }
    .mw-75p { width: 75% !important; }
    .mw-80p { width: 80% !important; }
    .mw-85p { width: 85% !important; }
    .mw-90p { width: 90% !important; }
    .mw-95p { width: 95% !important; }
    .mw-100p { width: 100% !important; }
}

/* Modal Popup Extender mpe-<Type> */
.mpe { max-width: 550px; width: 98%; }
.mpe-background { background-color: rgba(40, 66, 85, 0.3); }
.mpe-banner { color: #000; font-size: 18px; font-weight: bold; padding: 20px 30px; }
.mpe-border { background-color: #fff; border-radius: 4px; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.25) !important; max-width: 650px; width: 100%; }
.mpe-content { color: #777; max-height: 450px; overflow: auto; padding: 10px 30px 40px 30px; }

/* Ajax Calender */
.ajax__calendar_container { border: solid 1px #e9e9e9 !important; border-radius: 3px; box-shadow: 0px 2px 5px 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: #4285f4 !important; border: solid 1px #4285f4 !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_hover .ajax__calendar_year { background-color: #4285f4 !important; border: solid 1px #4285f4 !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year { background-color: #fff !important; border: solid 1px #4285f4 !important; color: #4285f4 !important; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_month { background-color: #4285f4 !important; border: solid 1px #4285f4 !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month { background-color: #fff !important; border: solid 1px #4285f4 !important; color: #4285f4 !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: #4285f4 !important; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day { background-color: #fff !important; border: solid 1px #4285f4 !important; color: #4285f4 !important; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_day { background-color: #4285f4 !important; border: solid 1px #4285f4 !important; color: #fff !important; }
.ajax__calendar .ajax__calendar_today .ajax__calendar_day { background-color: #fff !important; border: solid 1px #4285f4 !important; color: #4285f4 !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: #4285f4 !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: #4285f4 !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 { padding: 0px 25px 25px 0px !important; }
.ajax__fileupload_selectFileButton { background: #f5f5f5 url(/images/default/upload.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: #4285f4 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; }

/* Other */
.abs { position: absolute; }
.arial { font-family: Arial; }
.clear:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.cur-default { cursor: default; }
.desc { white-space: pre-line; }
.fixed { position: fixed; }
.fl-lf { float: left; }
.fl-rt { float: right; }
.grey-border-lf { border-left: solid 1px #f5f5f5; }
.hid { display: none; }
.inl-bl { display:inline-block;}
.inv { opacity: 0; }
.inv-shadow { box-shadow: none; }
.link:hover { text-decoration: underline; }
.overflow { overflow: auto; }
.pointer { cursor: pointer !important; }
.tx-ct { text-align: center; }
.tx-lf { text-align: left; }
.tx-rt { text-align: right; }
.tx-up { text-transform: uppercase; }
