.ui-datepicker {z-index: 99999 !important;}

/* UI: Status indicator */
.status-indicator {position: fixed; top: 0px; left: 0px; z-index: 99999; width: 100%; height: 44px; text-align: center; background: #fff; border-bottom: 3px solid #ccc;}
.status-indicator.success {background: #6fb84e; border-bottom-color: #59af31;}
.status-indicator.error {background: #ca5651; border-bottom-color: #c3413c;}
.status-indicator.progress {background: #b2a593; border-bottom-color: #a99a86;}

.status-indicator .content {display: block; position: relative; height: 44px; line-height: 44px; overflow: hidden; z-index: 9; cursor: default;}
.status-indicator .content .icon-loading {display: inline-block; width: 24px; height: 24px; margin-right: 15px; vertical-align: middle; background: url('../images/loading-x24processing.gif') center center no-repeat; cursor: pointer;}
.status-indicator .content .message {display: inline-block; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff;}
.status-indicator .content .percentage {display: inline-block; vertical-align: middle; margin: 0px 0px 0px 5px; color: #fff; font-size: 12px; font-weight: bold;}
.status-indicator .icon-close {display: block; position: absolute; right: 15px; top: 9px; width: 24px; height: 24px; z-index: 999; background: url('../images/icons/icon-close-circle-x24white.png') center center no-repeat; cursor: pointer;}

/* UI: Buttons */
.page-btn {display: inline-block; margin: 25px 10px 0px 0px; padding: 0px 20px; background: #6fb84e; text-align: center; line-height: 34px; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #367da2; text-align: center; border: 1px solid #64a648; border-radius: 1px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); cursor: pointer;}
.page-btn:hover {background: #64a648;}

/* UI: linked tabs */
.linked-tabs {display: block; margin: 0px 0px 20px 0px; font-size: 0px; border-bottom: 1px solid #ccc; height: 37px;}
.linked-tabs li {display: inline-block; vertical-align: top; border: 1px solid #ccc; border-bottom: 0px; border-left: 0px; background: #fafafa;}
.linked-tabs li:first-child {border-left: 1px solid #ccc;}
.linked-tabs li a, .linked-tabs li span {display: block; font-size: 12px; padding: 0px 20px; height: 36px; line-height: 36px; color: #888; text-shadow: 0px 1px 1px #fff;}

.linked-tabs li:hover {background: #f5f5f5;}
.linked-tabs li:hover a, .linked-tabs li:hover span {color: #444;}

.linked-tabs li.active {position: relative; top: -2px; height: 37px; border-top: 3px solid #237cb4; background: #fff;}
.linked-tabs li.active a, .linked-tabs li.active span {color: #000; font-weight: bold;}

/* UI: Form table */
.form-tbl {border: 0px;}
.form-tbl td.top {vertical-align: top;}
.form-tbl td.label {padding: 7px 15px 7px 0px;}
.form-tbl td.center {text-align: center;}

.form-tbl select {width: 202px;}
.form-tbl .form-field {display: inline-block; vertical-align: middle; padding: 4px 5px; width: 190px; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);}
.form-tbl .form-field.short {width: 70px;}
.form-tbl .form-field:focus {border: 1px solid #a8c0d7;}
.form-tbl .form-field.error, .form-tbl select.error {border: 1px solid red !important;}
.form-tbl .form-textarea {width: 99%; height: 100px;}
.form-tbl .hint {display: inline-block; vertical-align: middle; margin-left: 5px; color: #C0C0C0; font-size: 12px;}

.form-btn {display: inline-block; margin: 20px 0px 0px 0px; padding: 0px 20px; background: #6fb84e; text-align: center; line-height: 28px; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #367da2; text-align: center; border: 1px solid #64a648; border-radius: 1px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); cursor: pointer;}
.form-btn:hover {background: #64a648;}

/* Empty list */
.empty-list {width: 350px; margin: 50px auto; text-align: center;}
.empty-list i {display: block; margin: 0px 0px 20px 0px; color: #ccc; font-size: 80px;}
.empty-list span {display: block; margin: 0px 0px 5px 0px; color: #424242; font-size: 22px; line-height: 24px; text-align: center;}
.empty-list em {display: block; color: #888888; font-size: 13px; line-height: 15px; text-align: center;}

/* UI: Ajax pagination */
.ajax-pagination {display: block; margin: 20px 0px 25px 0px; text-align: center; cursor: default;}
.ajax-pagination span.page {display: inline-block; width: 25px; height: 23px; line-height: 23px; margin: 0px 5px 5px 0px; border: 1px solid #e8e8e8; border-radius: 2px; text-align: center; color: #111; font-size: 11px; font-family: Verdana; text-decoration: none; cursor: pointer;}
.ajax-pagination span.page:hover {border: 1px solid #a8c0d7;}
.ajax-pagination span.page.active {border: 1px solid #e8e8e8; background: #efefef;}

/* UI: Ajax popup */
.modal-content-wrap {display: none;}
.ajax-content-wrapper {background: #fff; border: 1px solid #bdbdbd; border-radius: 1px; font-size: 13px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}
.ajax-content-wrapper .title {display: block; margin: 0px; padding: 0px 25px; height: 37px; line-height: 40px; font-size: 13px; font-weight: bold; color: #292929; text-align: center; border-bottom: 1px solid #bdbdbd; box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.3);}
.ajax-content-wrapper .hint {display: block; margin: 0px; padding: 12px 28px; border-bottom: 1px dashed #d6d6d6; color: #333; font-size: 13px; line-height: 17px;}
.ajax-content-wrapper .content {margin: 0px 0px 10px 0px; padding: 25px 30px 10px 30px;}
.ajax-content-wrapper .error-box {margin: 15px 0px 0px 0px; padding: 5px 8px;}
.ajax-content-wrapper .field-notice {margin: 3px 0px 3px 0px; font-size: 12px;}

/* UI: Confirm popup */
.confirm-action-popup {width: 350px;}
.confirm-action-popup .title {display: block; margin: 0px; padding: 0px 25px; height: 37px; line-height: 40px; font-size: 13px; font-weight: bold; color: #292929; text-align: center; border-bottom: 1px solid #bdbdbd; box-shadow: 0px 2px 4px -4px rgba(0, 0, 0, 0.3);}
.confirm-action-popup .content {margin: 0px; padding: 20px 30px 20px 30px; text-align: center;}
.confirm-action-popup .controls {margin: 0px; padding: 15px 30px 10px 30px; border-top: 1px dashed #d6d6d6; text-align: center;}
.confirm-action-popup .cap-btn {display: inline-block; vertical-align: middle; padding: 0px 10px 0px 10px; text-decoration: none; text-align: center; height: 24px; line-height: 24px; border-radius: 1px; font-weight: bold; font-size: 12px; cursor: pointer;}
.confirm-action-popup .cap-btn.confirm {width: 100px; background-color: #67a879; border: 1px solid #478e47; color: #fff;}
.confirm-action-popup .cap-btn.confirm:hover {background-color: #4e8e5f; border: 1px solid #418141;}
.confirm-action-popup .cap-btn.cancel {width: 100px; margin-left: 45px; background-color: #e86460; border: 1px solid #d25a56; color: #fff;}
.confirm-action-popup .cap-btn.cancel:hover {background-color: #d1534f; border: 1px solid #b44b47;}

/* UI: tooltip */
.tooltip-container {display: inline-block; position: absolute; top: -500px; left: -500px; padding: 4px 10px; background: #1a1a1a; border-radius: 2px; font-size: 12px; color: #fff; z-index: 99999;}
.tooltip-container.invisible {visibility: hidden;}

.tooltip-container i {position: absolute; top: 0px; left: 0px; width: 12px; height: 12px;}
.tooltip-container.left i {background: url('../images/tooltip_arrows_black.png') right top no-repeat;}
.tooltip-container.right i {background: url('../images/tooltip_arrows_black.png') left top no-repeat;}
.tooltip-container.top i {background: url('../images/tooltip_arrows_black.png') left bottom no-repeat;}
.tooltip-container.bottom i {background: url('../images/tooltip_arrows_black.png') right bottom no-repeat;}

/* UI: list action bar */
.list-actions {display: block;}
.list-actions.center {text-align: center;}

/* UI: regular panel */
.regular-panel {border: 1px solid #dddddd; background: #fff;}
.regular-panel .title {display: block; padding: 0px 10px; background: #f5f5f5; line-height: 30px; font-size: 13px; color: #333333; font-weight: bold; border-bottom: 1px solid #dddddd; background: linear-gradient(top, #f5f4f9, #eceaf3);}
.regular-panel .content {padding: 10px 10px; color: #111; font-size: 13px; line-height: 17px;}

/* UI: regular table */
.regular-tbl-wrapper {border: 1px solid #dddddd; padding: 10px 15px 25px 15px; border-radius: 2px;}
.regular-tbl {border: 0px;}
.regular-tbl tr.header td {height: 34px; padding: 0px 10px; color: #444; font-weight: bold; border-bottom: 2px solid #dddddd; border-left: 0px; border-right: 0px; cursor: default; font-size: 13px;}
.regular-tbl tr.header td.sortable {cursor: pointer; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.regular-tbl tr.header td.wrap {word-wrap: break-word;}
.regular-tbl tr.header td.borderNone { border: none }
.regular-tbl tr.header td.borderBottomNone { border-bottom: none}
.regular-tbl tr.row td {height: 34px; padding: 0px 10px; color: #000000; border: 1px solid #dddddd; border-left: 0px; border-right: 0px; cursor: default; font-size: 13px;}

.regular-tbl.bordered tr.row td:first-child {border-left: 1px solid #fbfbfb;}
.regular-tbl.bordered tr.row td:last-child {border-right: 1px solid #fbfbfb;}
.regular-tbl tr.row.even td {background: #f5f5f5;}

.regular-tbl tr.header.unit-row > td {padding: 3px 5px; min-height: 28px; height: 28px; color:#555; font-size:12px; background: #f7f7f7;}

.regular-tbl tr.header td.borders {border-left: 1px solid #eee; border-right: 1px solid #eee;}
.regular-tbl tr.header td.borders.no-right {border-right: 0px;}

.regular-tbl td.center {text-align: center;}
.regular-tbl tr.row:hover td {background: #eaeaea;}
.regular-tbl tr.row.selected td {background-color: #dedede;}
.regular-tbl tr.row.selectedv2 td:first-child {padding-left: 40px; background-image: url('../images/icons/fa-check-x24blue.png'); background-position: 5px center; background-repeat: no-repeat;}
.regular-tbl tr.row.selected td:first-child {padding-left: 35px; background-image: url('../images/icons/list-checked-x15blue.png'); background-position: 5px center; background-repeat: no-repeat;}

.regular-tbl.no-upper tr.row:first-child td {border-top: 0px;}

.regular-tbl.compact-data tr td {padding: 0px 2px;}
.regular-tbl.compact-data tr.header td {font-size: 12px;}
.regular-tbl.compact-data tr.header td.width_13p,
.regular-tbl.compact-data tr.header td.width_14p {font-size: 11px;}
.regular-tbl.compact-data tr.row td {font-size: 12px;}

.regular-tbl tr.row td.borders {border-left: 1px solid #eee; border-right: 1px solid #eee;}
.regular-tbl tr.row td.borders.no-right {border-right: 0px;}
.regular-tbl tr.row:hover td.borders {border-left-color: #ddd; border-right-color: #ddd;}
.regular-tbl tr.row td.borderNone { border: none }

.regular-tbl tr.row.total td {background: #f8f8f8; font-weight: bold;}

/* UI: Checkboxes */
.checkbox {display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-repeat: no-repeat; cursor: pointer; background-image: url('../images/forms/checkbox_sprites.png'); background-position: 0px 0px;}
.checkbox:hover {background-image: url('../images/forms/checkbox_sprites.png'); background-position: -15px 0px;}
.checkbox.checked {background-image: url('../images/forms/checkbox_sprites.png') !important; background-position: -30px 0px;}
.checkbox-label {display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 15px; cursor: default;}

/* UI: Multi switch */
.multi-switch {display: inline-block; vertical-align: middle; font-size: 0px;}
.multi-switch span {display: inline-block; vertical-align: middle; padding: 0px 10px; line-height: 26px; height: 26px; color: #585858; background: #f8f8f8; border: 1px solid #d5d5d5; border-left: 1px solid #f1f1f1; font-size: 12px; cursor: pointer;}
.multi-switch span:first-child {border-left: 1px solid #d9d9d9;}
.multi-switch span.selected {background: #487295; border-color: #426786; color: #fff;}

/* UI: Warning boxes */
.info-box {display: block; padding: 8px 10px 8px 45px; border: 1px solid #ece1b7; border-left: 3px solid #ece1b7; background: #f6f5db url('images/icons/icon_info-x26gray.png') 8px center no-repeat; border-radius: 1px; color: #222; font-size: 13px; line-height: 18px;}
.error-box {display: block; margin: 5px 0px 15px 0px; padding: 6px 10px; background: #f2dede; border: 1px solid #eed3d7; border-radius: 1px; color: #b94a48; text-shadow: 1px 1px #f9efef; font-size: 12px;}
.success-box {display: block; margin: 5px 0px 15px 0px; padding: 6px 10px; background: #dff2de; border: 1px solid #d9eed3; border-radius: 1px; color: #3b9237; text-shadow: 1px 1px #f2f9ef; font-size: 12px;}

/* UI: Buttons */
.inline-btn {display: inline-block; vertical-align: middle; padding: 0px 10px; margin: 2px 4px 2px 0px; text-decoration: none; height: 24px; line-height: 22px; border-radius: 1px; color: #222; font-size: 11px; border: 1px solid #d4d4d4; color: #333333; background-color: #fdfdfd; background-repeat: no-repeat; background-position: 5px center; cursor: pointer;}
.inline-btn:hover {background-color: #f5f5f5; border: 1px solid #cacaca;}
.inline-btn i {display: inline-block; vertical-align: middle; position: relative; top: -1px; height: 22px; line-height: 22px; margin-right: 8px; font-size: 13px; color: #fff;}
.inline-btn.icon {width: 24px; padding: 0px 0px; text-align: center;}
.inline-btn.icon i {height: 22px; line-height: 22px; padding: 0px 0px; margin: 0px 0px;}

.inline-btn.small {height: 20px; line-height: 18px; padding: 0px 7px;}
.inline-btn.small i {height: 18px; line-height: 18px; margin-right: 5px; font-size: 11px;}
.inline-btn.small.icon {width: 20px; padding: 0px 0px; text-align: center;}
.inline-btn.small.icon i {height: 18px; line-height: 18px; padding: 0px 0px !important; margin: 0px 0px !important;}

.inline-btn.medium {height: 24px; line-height: 22px; padding: 0px 7px;}
.inline-btn.medium i {height: 22px; line-height: 22px; margin-right: 7px; font-size: 12px;}
.inline-btn.medium.icon {width: 24px; padding: 0px 0px !important; text-align: center;}
.inline-btn.medium.icon i {height: 22px; line-height: 22px; padding: 0px 0px !important; margin: 0px 0px !important;}

.inline-btn.average {height: 28px; line-height: 26px; padding: 0px 10px; font-size: 12px;}
.inline-btn.average i {height: 26px; line-height: 26px; margin-right: 6px; font-size: 16px;}
.inline-btn.average.icon {width: 28px; padding: 0px 0px !important; text-align: center;}
.inline-btn.average.icon i {height: 26px; line-height: 26px; padding: 0px 0px !important; margin: 0px 0px !important;}

.inline-btn.large {height: 32px; line-height: 30px; padding: 0px 12px;}
.inline-btn.large i {height: 30px; line-height: 30px; margin-right: 6px; font-size: 14px;}
.inline-btn.large.icon {width: 32px; padding: 0px 0px !important; text-align: center;}
.inline-btn.large.icon i {height: 30px; line-height: 30px; padding: 0px 0px !important; margin: 0px 0px !important;}

.inline-btn.margin-top {margin-top: 15px;}
.inline-btn.margin-left {margin-left: 15px;}

.inline-btn.gray {background-color: #e7e7e7; border: 1px solid #d4d4d4; color: #333333;}
.inline-btn.gray:hover {background-color: #d1d1d1; border: 1px solid #c2c2c2;}
.inline-btn.blue {background-color: #3978c6; border: 1px solid #3269ac; color: #fff;}
.inline-btn.blue:hover {background-color: #346fb8; border: 1px solid #2d5f9c;}
.inline-btn.cadet {background-color: #2f96b4; border: 1px solid #29839d; color: #fff;}
.inline-btn.cadet:hover {background-color: #2989a5; border: 1px solid #267890;}
.inline-btn.green {background-color: #67a879; border: 1px solid #478e47; color: #fff;}
.inline-btn.green:hover {background-color: #4e8e5f; border: 1px solid #418141;}
.inline-btn.yellow {background-color: #eda547; border: 1px solid #e2a44d; color: #fff;}
.inline-btn.yellow:hover {background-color: #db8d28; border: 1px solid #d88105;}
.inline-btn.red {background-color: #e86460; border: 1px solid #d25a56; color: #fff;}
.inline-btn.red:hover {background-color: #d1534f; border: 1px solid #b44b47;}
.inline-btn.dark-gray {background-color: #555555; border: 1px solid #4a4a4a; color: #fff;}
.inline-btn.dark-gray:hover {background-color: #424242; border: 1px solid #333;}
.inline-btn.purple {background-color: #a351a3; border: 1px solid #8e478e; color: #fff;}
.inline-btn.purple:hover {background-color: #924692; border: 1px solid #7a3d7a;}
.inline-btn.pink {background-color: #ed4763; border: 1px solid #da455b; color: #fff;}
.inline-btn.pink:hover {background-color: #da334f; border: 1px solid #c13c4f;}
.inline-btn.orange {background-color: #ed7047; border: 1px solid #e2754d; color: #fff;}
.inline-btn.orange:hover {background-color: #df653d; border: 1px solid #d1643d;}

.inline-btn.gray i {color: #333;}

/* UI: dropdown */
.dropdown-wrapper {position: absolute; top: -100px; left: -100px; z-index: 9999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.dropdown-wrapper.filter-options {width: 190px;}
.dropdown-wrapper.filter-options .wrapper {display: block; margin: -1px 0px 0px 0px; padding: 5px 12px; border: 1px solid #d4d4d4; background: #ffffff; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);}

/* UI: datepicker */
.datepicker-wrapper {display: inline-block; position: relative; vertical-align: middle;}
.datepicker-wrapper input {display: inline-block; vertical-align: middle; color: #333; padding: 6px 8px; width: 130px; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1); cursor: pointer;}
.datepicker-wrapper input:focus {border: 1px solid #a8c0d7;}
.datepicker-wrapper i {display: block; position: absolute; width: 16px; height: 16px; line-height: 16px; top: 8px; right: 6px; text-align: center; color: #555; cursor: pointer;}

.datepicker-wrapper.fullwidth {width: 100%;}
.datepicker-wrapper.fullwidth > input {width: 100%;}

/* UI: multi-selector */
.multi-selector {position: relative; z-index: 99; border: 1px solid #ddd; width: 320px; padding: 5px; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1); cursor: pointer;}
.multi-selector.opened {border: 1px solid #a8c0d7;}

.multi-selector .tags .empty {display: block; padding: 0px 10px; }
.multi-selector .tags .empty .text {display: inline-block; vertical-align: middle; line-height: 26px; color: #333;}
.multi-selector .tags .empty i {display: inline-block; vertical-align: middle; width: 24px; text-align: center; margin-left: 10px; font-size: 24px; color: #bbb;}
.multi-selector .tags {min-height: 26px;}
.multi-selector .tags .ms-tag {display: inline-block; vertical-align: middle; margin: 2px 2px; padding: 0px 7px; border-radius: 3px; background: #eee; background: linear-gradient(to bottom, #eeeeee, #e1e1e1); border: 1px solid #b4b4b4; box-shadow: inset 0px 0px 1px #fff;}
.multi-selector .tags .ms-tag span {display: inline-block; vertical-align: middle; line-height: 20px; font-size: 12px; color: #222; text-shadow: 1px 1px #fff;}
.multi-selector .tags .ms-tag i {display: inline-block; vertical-align: top; margin-left: 5px; font-size: 13px; line-height: 19px; color: #898989;}
.multi-selector .tags .ms-tag i:hover {color: #555;}

.multi-selector .options {position: absolute; left: 0px; top: 0px; width: 320px; background: #fff; border: 1px solid #ccc; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); cursor: default;}
.multi-selector .options .search-box {position: relative; height: 50px;}
.multi-selector .options .search-box .field {display: block; position: absolute; left: 7px; top: 7px; width: 305px; height: 29px; padding: 0px 10px 0px 25px; line-height: 29px; color: #333; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1); z-index: 99;}
.multi-selector .options .search-box .field:focus {border: 1px solid #a8c0d7;}
.multi-selector .options .search-box .field.inactive {color: #aaa;}
.multi-selector .options .search-box i {position: absolute; left: 12px; top: 8px; width: 15px; height: 25px; line-height: 25px; text-align: center; color: #ccc; z-index: 999;}

.multi-selector .options ul.overflow {height: 189px; overflow-y: scroll;}
.multi-selector .options ul li {display: block; padding: 0px 10px; line-height: 27px; font-size: 12px; color: #222; cursor: pointer;}
.multi-selector .options ul li:hover {background: #428bca; color: #fff;}
.multi-selector .options ul li em {text-decoration: underline;}
.multi-selector .options ul li.selected {display: none;}
.multi-selector .options ul li b {color: lightgrey;}

/* Numeric field */
.numeric-wrapper {display: inline-block; position: relative; vertical-align: middle;}
.numeric-wrapper input {display: inline-block; position: relative; vertical-align: middle; color: #333; padding: 6px 8px; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1); z-index: 9;}
.numeric-wrapper input:focus {border: 1px solid #a8c0d7;}
.numeric-wrapper i {display: block; position: absolute; width: 14px; font-size: 14px; text-align: center; color: #555; z-index: 99; cursor: pointer;}
.numeric-wrapper i:hover {color: #222;}
.numeric-wrapper i.increase {top: 4px; right: 7px; height: 12px; line-height: 14px;}
.numeric-wrapper i.decrease {top: 16px; right: 7px; height: 10px; line-height: 8px;}

/* UI: multi-selector */
.single-selector {position: relative; z-index: 99; border: 1px solid #ddd; width: 320px; height: 30px; line-height: 30px; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1); cursor: pointer;}
.single-selector.opened {border: 1px solid #a8c0d7; z-index: 9999;}

.single-selector .selected-option {display: block; position: relative; padding: 0px 7px; overflow: hidden; font-size: 0px;}
.single-selector .selected-option i {display: block; position: absolute; right: 5px; top: 0px; width: 16px; height: 30px; line-height: 26px; font-size: 13px; color: #555;}
.single-selector .selected-option .value {display: inline-block; vertical-align: middle; height: 30px; padding: 0px 13px 0px 0px; line-height: 30px; font-size: 13px;}
.single-selector .selected-option .image {display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 2px; margin: 0px 7px 0px 0px;}
.single-selector .selected-option:hover i {color: #222;}

.single-selector .options {display: block; position: absolute; left: 0px; top: 0px; width: 320px; background: #fff; border: 1px solid #ccc; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); cursor: default;}
.single-selector .options .search-box {position: relative; height: 50px; }
.single-selector .options .search-box .field {
    display: block;
    margin: 6px 6px;

    height: 29px;
    padding: 0px 10px 0px 25px;
    line-height: 29px;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);
    z-index: 99;
}
.single-selector .options .search-box .field:focus {border: 1px solid #a8c0d7;}
.single-selector .options .search-box .field.inactive {color: #aaa;}
.single-selector .options .search-box i {position: absolute; left: 12px; top: 8px; width: 15px; height: 25px; line-height: 25px; text-align: center; color: #ccc; z-index: 999;}
.single-selector .options .topWrapper {
    display: flex;
    flex-direction: row
}
.single-selector .options .topWrapper .clear {
    width: 30px;
    height: 30px;
    margin-top: 6px;
    margin-right: 6px;
    cursor: pointer;
}

.single-selector .options ul.overflow {height: 189px; overflow-y: scroll;}
.single-selector .options ul li {display: block; padding: 0px 10px; line-height: 27px; font-size: 12px; color: #222; cursor: pointer;}
.single-selector .options ul li.selected {background: #eee; color: #111;}
.single-selector .options ul li:hover {background: #428bca; color: #fff;}
.single-selector .options ul li em {text-decoration: underline;}

/* Genral: radio options */
.radio-option-list {display: block;}
.radio-option-list li {display: block; margin: 8px 0px;}
.radio-option-list.simple li {margin: 4px 0px;}
.radio-option-list li.first {margin-top: 0px;}
.radio-option-list li .option {display: inline-block; vertical-align: top; width: 20px; height: 20px; padding: 3px 0px; text-align: center;}
.radio-option-list li .text {display: inline-block; vertical-align: middle; width: 400px; cursor: pointer;}
.radio-option-list li .text .name {display: block; height: 20px; line-height: 20px; font-size: 13px; color: #222;}
.radio-option-list li .text .description {display: block; margin: 2px 0px 0px 0px; font-size: 11px; line-height: 15px; color: #888;}

/* Breadcrumbs */
.breakcrumbs {display: block; font-size: 0px;}
.breakcrumbs a, .breakcrumbs span, .breakcrumbs em {display: inline-block; vertical-align: middle; display: inline-block; vertical-align: middle; line-height: 14px;}
.breakcrumbs a {font-size: 12px;}
.breakcrumbs span {font-size: 12px; color: #222; cursor: default;}
.breakcrumbs em {margin: 0px 7px; font-size: 12px; color: #c2c6d0; cursor: default;}

/* Vehicle driver single selector */
.vdss-item {padding: 4px 0px;}
.vdss-item img {display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 2px;}
.vdss-item .data {display: inline-block; vertical-align: middle;}
.vdss-item .data .name {display: block; line-height: 16px; font-size: 13px; color: #111;}
.vdss-item .data .position {display: block; line-height: 16px; font-size: 11px; color: #444;}
.vdss-item:hover .data .name {color: #fff;}
.vdss-item:hover .data .position {color: #fff;}

/* Default tabs */
.default-tabs {margin: 0px 0px 15px 0px;}
.default-tabs ul {display: block; height: 39px; font-size: 0px; border-bottom: 1px solid #dddddd;}
.default-tabs ul li {display: inline-block; vertical-align: top; height: 38px; line-height: 38px; margin: 0px 0px 0px 5px; padding: 0px 12px; border: 1px solid #fff; border-bottom: 0px; color: #999; font-size: 12px; border-top-right-radius: 3px; border-top-left-radius: 3px; cursor: pointer;}
.default-tabs ul li.first {margin-left: 0px;}
.default-tabs ul li:hover {color: #777; background: #f4f4f4; border: 1px solid #e5e5e5; border-bottom: 0px;}
.default-tabs ul li.selected {height: 39px; background: #fff; border: 1px solid #dddddd; border-bottom: 0px; color: #444;}
.default-tabs ul li i {display: inline-block; vertical-align: middle; width: 24px; height: 17px; margin-left: 5px; font-size: 10px; line-height: 17px; border-radius: 3px; text-align: center; color: #fff; font-weight: bold; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);}


.nui-form {display: block; margin: 0px 0px;}
.nui-form > .title {display: block; margin: 0px 0px 25px 0px; color: #111; font-size: 22px; line-height: 24px;}
.nui-form > .row {display: block; font-size: 0px; margin: 10px 0px;}
.nui-form > .row.first {margin-top: 0px;}
.nui-form > .row > .label {display: inline-block; vertical-align: middle; padding: 2px 25px 2px 0px; font-size: 13px; line-height: 18px; text-align: left; color: #222;}
.nui-form > .row > .label.top {vertical-align: top; padding: 0px 0px;}
.nui-form > .row > .value {display: inline-block; vertical-align: middle;}
.nui-form > .row > .value > .hint {display: block; margin: 5px 0px 0px 0px; font-size: 11px; line-height: 16px; color: #888;}
.nui-form > .row > .value > .field-notice {display: block; margin: 3px 0px; color: #e9573f; font-size: 12px;}

.nui-form > .row > .value > .text {display: block; color: #222; font-size: 13px; line-height: 18px;}
.nui-form > .row > .value > .field {display: block; vertical-align: middle; width: 100%; padding: 6px 8px; border: 1px solid #ddd; color: #333; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);}
.nui-form > .row > .value > .field:focus {border: 1px solid #a8c0d7;}
.nui-form > .row > .value > select {display: block; width: 100%; padding: 5px 5px; font-size: 13px; color: #333; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);}
.nui-form > .row > .value > select:focus {border: 1px solid #a8c0d7;}
.nui-form > .row > .value > textarea {display: block; width: 100%; color: #333; padding: 6px 8px; height: 140px; border: 1px solid #ddd; border-radius: 1px; box-shadow: inset 0px 1px 3px rgba(200, 200, 200, 0.1);}
.nui-form > .row > .value > textarea:focus {border: 1px solid #a8c0d7;}


.nui-form > .row > .label.x50 {width: 50%;}
.nui-form > .row > .label.x45 {width: 45%;}
.nui-form > .row > .label.x40 {width: 40%;}
.nui-form > .row > .label.x35 {width: 35%;}
.nui-form > .row > .label.x30 {width: 30%;}
.nui-form > .row > .label.x25 {width: 25%;}
.nui-form > .row > .label.x20 {width: 20%;}
.nui-form > .row > .label.x15 {width: 15%;}
.nui-form > .row > .label.x10 {width: 10%;}
.nui-form > .row > .value.x80 {width: 80%;}
.nui-form > .row > .value.x75 {width: 75%;}
.nui-form > .row > .value.x70 {width: 70%;}
.nui-form > .row > .value.x65 {width: 65%;}
.nui-form > .row > .value.x60 {width: 60%;}
.nui-form > .row > .value.x55 {width: 55%;}
.nui-form > .row > .value.x50 {width: 50%;}
.nui-form > .row > .value.x45 {width: 45%;}
.nui-form > .row > .value.x40 {width: 40%;}
.nui-form > .row > .value.x35 {width: 35%;}
.nui-form > .row > .value.x30 {width: 30%;}
.nui-form > .row > .value.x25 {width: 25%;}
.nui-form > .row > .value.x20 {width: 20%;}
.nui-form > .row > .value.x15 {width: 15%;}
.nui-form > .row > .value.x10 {width: 10%;}

.nui-form > .row > .value > textarea.x100 {height: 100px;}
.nui-form > .row > .value > textarea.x110 {height: 110px;}
.nui-form > .row > .value > textarea.x120 {height: 120px;}
.nui-form > .row > .value > textarea.x130 {height: 130px;}
.nui-form > .row > .value > textarea.x140 {height: 140px;}
.nui-form > .row > .value > textarea.x150 {height: 150px;}
.nui-form > .row > .value > textarea.x160 {height: 160px;}
.nui-form > .row > .value > textarea.x170 {height: 170px;}
.nui-form > .row > .value > textarea.x180 {height: 180px;}
.nui-form > .row > .value > textarea.x190 {height: 190px;}
.nui-form > .row > .value > textarea.x200 {height: 200px;}