html * {
    margin: 0;
    padding: 0;
}


.multi-select-wrapper {
    border: none;
    padding: 0;
}
 
.multi-select-wrapper legend {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

h1 {
    font-size: 26px;
    padding: 24px 0 12px 0;
}

h1 span {
    font-size: 12px;
}

h2, h1 {
    color: #333;
}

h3 {
    padding: 12px 0 0;
    clear: both;
}

h4 {
    padding: 8px 0 2px 0;
}

p {
    padding: 8px 0;
}

pre {
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 4px;
    color: #333;
    -moz-box-shadow: inset 0 0 4px #e1e1e1;
    -webkit-box-shadow: inset 0 0 4px #e1e1e1;
    box-shadow: inset 0 0 4px #e1e1e1;
}

ul {
    list-style-position: inside;
}

body {
    font-size: 12px;
    color: #555;
    font-family: Arial, 'Helvetica', sans-serif;
}

.cursorwait, body.cursorwait * {
    cursor: wait !important
}

a {
    color: #000;
}

a:hover, a:focus, a:focus-visible {
    color: #0B93D5;
}

.legend-title {
    font-size: 24px;
    color: #006EFA;
    font-weight: 700;
}

.logo {
    margin-bottom: 20px;
    width: 102px;
    height: 95px;
}

#dialog {
    padding: 15px 12px;
}

#dialog form {
    width: 310px;
    font-size: 1.3em;
}

#dialog form .error-msg {
    padding: 0 0.7em;
    margin: 0 0 1em;
}

#dialog form .error-msg span {
    float: left;
    margin-right: 0.3em;
}

#dialog form ul {
    padding: 0.5em;
}

#dialog form dt {
    margin-left: 0;
    padding-top: 7px;
}

#dialog form dd {
    margin-left: 0;
    padding-bottom: 7px;
}

#dialog form label {
    padding: 0 0 4px 0;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

#dialog form input, #dialog form select, #dialog form textarea {
    display: block;
    padding: 4px;
    font-size: 12px;
    width: 293px;
    outline: none;
    border: solid 1px #AAA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#dialog form input[readonly] {
    border: none;
    background: #ccc;
    color: #333;
    outline: none
}

#dialog form textarea {
    width: 293px;
    font-size: 12px;
    outline: none
}

#dialog form label.error {
    padding: 4px 0 0 3px;
    margin: 0;
    font: bold 12px arial-sans-serif;
    color: #E14F1C;
}

#dialog div.pwActions {
    margin: -2px 0 5px;
    font-family: arial, sans-serif;
}

#dialog div.pwActions a {
    color: #0B93D5;
    font-size: 12px;
    line-height: 16px;
}

#dialog form button {
    margin: 0.5em auto 0;
    font-size: 12px;
    outline: none
}

#dialog form select {
    width: 301px;
}

#dialog form select option span {
    width: 301px;
}

#login_btn {
    margin: 13px 0 0 7px;
}

dl.zend_form {
    margin-top: 0;
}

.flash {
    float: left;
    clear: both
}

.user_actions {
    margin: 16px 0;
}

.user_actions > button {
    margin: 0 0 0 4px;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 8px;
}

.paginator {
    display: block;
    margin: 8px;
    vertical-align: middle;
    float: right;
}

.paginator ol {
    float: left;
}

.paginator span {
    display: block;
    width: 18px;
    height: 18px;
    padding: 4px 4px 0 0;
    float: left;
    text-align: center;
}

.paginator li {
    display: inline;
}

.paginator a {
    display: block;
    min-width: 17px;
    line-height: 17px;
    padding: 2px 4px;
    border: solid 1px #e1e1e1;
    margin-right: 3px;
    float: left;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    font-weight: 700;
}

.paginator a:hover {
    color: #fff;
    background: #006EFA;
}

.paginator li.active a {
    padding: 3px 7px 0 6px;
    border: none;
    font-weight: bold;
    color: #333;
    background: #fff;
    cursor: default !important;
}

.paginator a.pagination-nav-button {
    overflow: hidden;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding: 2px 8px;
    border-color: #a1a1a1;
}

.paginator a.prev-button:hover {
    background-position: -265px -87px;
    background-color:#006EFA;
}

.paginator a.pagination-nav-button:not(a.prev-button) {
    background-position: -285px -147px;
    float: right;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.paginator a.next-button:hover {
    background-position: -285px -87px;
    background-color: #006EFA;
}

.paginator.disabled {
    visibility: hidden;
}

.paginator .disabled {
    display: none;
}

.paginator a.pagination-nav-button.notDisabled {
    display: inline;
}

/*main navigation*/
.main_nav {
    background: #555555;
    border-bottom: 1px solid #333;
    list-style-type: none;
}

.main_nav li {
    border-right: 1px solid #222222;
    float: left;
}

.main_nav li.right {
    float: right;
    border-left: 1px solid #222222;
}

.main_nav a, .main_nav li span {
    color: #f2f2f2;
    padding: 12px;
    border-right: 1px solid #888;
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px #000;
}

.main_nav li span {
    background: #666666;
}

.main_nav li.right a {
    border-left: 1px solid #888;
}

.main_nav a#logout-button {
}

.main_nav a:hover {
    color: #fff;
    background: #777;
}


/* Header */
#header {
    border-bottom: 1px solid #a1a1a1;
    margin-bottom: 12px;
    height: 68px;
}

#kwrap {
    padding: 0 12px;
    position: relative;
}

.ui-grid {
    width: 98%;
    padding: 0.4em;
    background-image: none;
}

.ui-grid .ui-grid-content {
    width: 100%;
}

.ui-grid table tbody td, .ui-grid .ui-grid-header, .ui-grid table thead a {
    padding: 0.4em;
}

.ui-grid table tbody td {
    word-break: break-word;
    height: 36px;
    width: 100px;
    max-width: 100px;
    text-align: left;
    font-weight: normal;
    display: table-cell;
    overflow: hidden;
}

.ui-grid table th {
    height: 30px;
    width: 100px;
    max-width: 100px;
    padding-left: 4px;
    border: 0;
    text-align: center;
    font-weight: bold !important;
}

.ui-grid table th.short, .ui-grid table td.short {
    width: 30px;
    max-width: 30px;
    text-align: center;
}

.ui-grid table th.short input[type=checkbox], .ui-grid table td.short input[type=checkbox] {
    width: 30px;
    max-width: 30px;
}

.ui-grid table th.long {
    width: 200px;
    max-width: 200px;
}

.ui-grid table th.action, .ui-grid table td.action {
    width: 50px;
    max-width: 320px !important;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
}

.ui-grid table td.action .dropdown {
    position: relative;
    display: inline-block;
}

.ui-grid table td.action .dropdown .dropdown-button {
    margin: 0px;
}

.ui-grid table td.action .dropdown ul {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    list-style-type: none;
    right: 0px;
}

.ui-grid table td.action .dropdown ul li:hover {
    background: #e8e8e8;
}

.ui-grid table td.action .dropdown:hover ul {
    display: block;
    border-radius: 4px;
    border: 1px solid #a1a1a1;
}

.ui-grid table td.action .dropdown ul button,
.ui-grid table td.action .dropdown ul a {
    border: none;
    margin: 0px;
    background-color: transparent;
    font-size: 12px;
    padding: 8px;
}

.ui-grid table td.action .dropdown ul button:hover:not(.delete-button),
.ui-grid table td.action .dropdown ul a:hover {
    color: #0059a5;
}

.ui-grid table td.action .dropdown ul button {
    width: 100%;
    cursor: pointer;
}

.ui-grid table td.action .dropdown ul button:hover {
    box-shadow: none;
}

.ui-grid table td.action .dropdown ul a {
    text-decoration: none;
    display: block;
}











.ui-grid table td img {
    cursor: help;
}

#new-user-popup {
    display: none;
    padding: 15px 12px 11px 18px;
    margin: 0;
}

#new-user-popup .error-msg {
    display: none;
    margin-bottom: 13px;
    font-size: 12px;
}

#reset-password-popup .error-msg {
    margin: 0;
    display: none;
}

.ui-dialog {
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #666;
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    padding: 8px 0 7px 12px;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.ui-dialog .ui-dialog-titlebar h2 {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 5px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.ui-dialog button {
    margin: 0 5px;
}

.ui-dialog .ui-dialog-titlebar-close {
    text-decoration: none;
    position: absolute;
    right: 12px;
    top: 6px;
    background: #e1e1e1;
    padding: 1px 4px;
    height: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ui-dialog #loadingMsg {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    position: fixed;
    font-size: 20px;
}

.ui-dialog-content li > ul {
    margin-left: 8px
}

#notes {
    margin: 0 0 8px 6px;
    font: normal 12px arial, sans-serif;
}

#notes ul {
    display: none;
    padding: 0 20px;
}

#notes li {
    margin-bottom: 5px;
    font-size: 11px;
}

.loading {
    cursor: wait !important;
}

ul.errors {
    color: #FF0000;
    font-size: 12px;
    margin: 0;
    padding: 3px;
    list-style-type: none;
}

#kfooter {
    margin-bottom: 30px;
    clear: both;
}

#flash-messages p.ui-icon, .importantConfigs p.ui-icon {
    float: left;
    padding: 0;
    margin: 6px 0 0
}

/* configuration admin */
fieldset.root > legend {
    font-size: 24px;
    color: #006EFA;
    font-weight: 700;
}

fieldset.root {
    border: 0
}

.tabs {
    float: left;
    width: 180px;
    font-size: 12px;
}

.tabContent {
    float: left;
    width: 80%;
    margin-left: 24px;
}

.tab {
    font-size: 14px;
}

.tabs dt {
    font-size: 16px;
    margin: 8px 0 4px 0;
    font-weight: bold;
    color: #666;
    word-break: break-word;
}

.tabs dd a {
    text-decoration: none;
    padding: 4px 10px;
    border-bottom: 1px solid #a1a1a1;
    display: block;
}

.tabs dd a.current {
    font-weight: bold;
}

.tabs dd a:hover, .tabs dd a.current {
    border-color: #006EFA;
    color: #006EFA;

}

.tabs dd del a, .tabs dd del a:hover {
    color: #a1a1a1;
}

.tabItem textarea {
    margin-top: 70px;
}
.tabItem a:not([class]) {
  font-weight: bold;
}

.tabItem .comment, .tabItem, .tabItem dt, .tabItem dd {
    float: left;
    padding: 4px;
}

.tabContent fieldset {
    border-color: #AAAAAA;
    clear: both;
    padding: 15px 15px 7px;
}

.tabSection, .tabItem {
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #e1e1e1;
}

.tabItem-semiHidden {
    border-bottom: none;
    display: none
}

.importantConfigs {
    max-width: 700px;
    clear: both;
    padding: 5px 15px 10px;
    margin-bottom: 5px;
}

.importantConfigs a {
    color: #000 !important;
    text-decoration: underline;
    padding: 4px 0;
    font-size: 14px;
}

.importantConfigs a:hover {
    border-color: #006EFA;
    color: #006EFA;
}

.tabItem dt {
    width: 224px;
    font-weight: bold;
    clear: left;
    word-wrap: break-word;
}

.tabItem dd {
    width: 220px;
}

.tabItem .comment,
.select-entity-comment /* e.g., select group */ {
    margin: 0 30px;
    max-width: 46%;
    color: #666;
}

.hiddenTabItem {
    display: none
}

div.element {
    float: left;
}

div.element dd {
    width: 50%
}

div.itemCollection {
    float: left;
    width: 100%;
    margin-bottom: 3px;
    margin-top: 3px;
    padding-top: 3px;
    border: 1px dotted black;
}

.info .itemCollection {
    background-color: #FAFAFA;
}

.error .itemCollection {
    background-color: #f2dede;
    font-weight: bold;
}

.info .itemCollection .tabItem dd, .error .itemCollection .tabItem dd {
    width: 620px;
}

.itemCollection {
    margin: 8px 0;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.itemCollection legend {
    padding: 0 8px;
    font-size: 14px;
    font-weight: bold;
}

.itemCollection .collection {
    float: left;
    width: 96%;
}

.itemCollection .itemCollection, div.tabContent input.save:hover, .edit-button:hover, .delete-button:hover, a.add:hover, a.delete:hover, button:hover {
    -moz-box-shadow: 0 3px 1px #e1e1e1;
    -webkit-box-shadow: 0 3px 1px #e1e1e1;
    box-shadow: 0 3px 1px #e1e1e1;
}

.tabItem dt, div.tabContent input, div.tabContent select, #search input {
    padding: 4px;
}

div.tabContent input, #search input {
    width: 200px;
    border: solid 1px #AAA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

div.tabContent input:focus, #search input:focus {
    border: 1px solid #7dc6dd;
    box-shadow: 0 0 3px #7dc6dd;
    -moz-box-shadow: 0 0 3px #7dc6dd;
    -webkit-box-shadow: 0 0 3px #7dc6dd;
}

#search input.default-text {
    text-align: center;
    color: #888;
}

input#search-admin.default-text {
    border: solid 1px #878787;
    color: #707070;
}

div.tabContent input.multi {
    width: 168px;
    border: 1px solid #a1a1a1;
    margin-bottom: 4px;
    vertical-align: top;
    line-height: 17px;
    height: 17px;
}

div.tabContent select {
    max-width: 200px
}

div.tabContent select option {
    padding: 0 4px;
}

div.tabContent input.save, .edit-button, .clone-button, .table-view__edit-button, .table-view__clone-button, .remove_elem, button, input.save-no-cache-clear {
    clear: both;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    padding: 4px 12px;
    margin: 15px 0;
    width: auto;
    color: #666;
    background: #e8e8e8;
    border: 1px solid #a1a1a1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.tabContent input.save:hover, .edit-button:hover, .delete-button:hover, .submit-csv-button:hover, .remove_elem:hover, button:hover {
    background: #efefef;
    border-color: #666;
}

.edit-button:active, .edit-button:hover, .submit-csv-button:hover {
    border-color: #0059a5;
    color: #0059a5;
}

.delete-button:active, .delete-button:hover {
    border-color: #E12437;
    color: #E12437;
}

.clone-button:active, .clone-button:hover {
    border-color: #D1C94A;
    color: #D1C94A;
}

.remove_elem {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

table .edit-button, table .clone-button, table .delete-button {
    margin: 0;
    font-size: 12px;
}

table .edit-button {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    margin-right: -3px;
    border-right: 1px solid #fdfdfd;
}

table .clone-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0 0 0 -3px;
    border-right: none
}

table .delete-button {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin: 0 0 0 -3px;
}

table {
    vertical-align: middle;
    border-collapse: separate;
    min-width: 60%;
}

table.array-table {
    vertical-align: middle;
    border-collapse: separate;
    min-width: 60%;
    width: 100%;
    word-break: break-word;
}

table th {
    background: #666;
    color: #fff;
    border: 1px solid #666;
    text-align: center;
}

table td {
    padding: 5px;
    border: 1px solid #a1a1a1;
    border-top: none;
}

table.array-table td {
    padding: 5px;
    border: none;
    max-width: 15vw;
}

table .odd td {
    background: #fcfcfc;
}

table .even td {
    background: #f6f6f6;
}

table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px
}

table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

table tr:first-child th:first-child {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px
}

table tr:first-child th:last-child {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px
}

table th.name {
    width: 200px;
}


.restricted-1-roles-element {
    vertical-align: top;
}


a.add, a.delete, a.button, button.delete {
    cursor: pointer;
    padding: 2px 8px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    text-shadow: none;
}

a.add:hover, a.delete:hover, a.button:hover {
    color: #f8f8f8;
}

a.add:hover, a.button:hover {
    border: 1px solid #0059a5;
}

a.delete:hover {
    border: 1px solid #660000;
}

a.delete, button.delete {
    background: #E12437;
    border: 1px solid #bb0000;
    margin: 4px 0;
}

a.add, a.button {
    background: #006EFA;
    border: 1px solid #0B93D5;
    margin: 4px 0;
}

div.undo {
    clear: both;
    margin-left: 15px;
}

div.undo > a {
    cursor: pointer;
    text-decoration: underline
}

div.undoElem {
    clear: both;
    margin-left: 15px;
    width: 200px;
}

div.undoElem > a {
    cursor: pointer;
    text-decoration: underline
}

/*top left and right only*/
#login .form_title {
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

/*bottom left and right only*/
form#loginForm {
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
}

/*     behavior: url(css/PIE.php); */
/* end of round corners style*/

/*login form*/
#login {
    position: relative;
    display: block;
    width: 400px;
    margin: 35px auto 0 auto;
}

#login .form_title {
    background: url(../img/ksprite.png) repeat-x 0 -456px #000;
    height: 37px;
    line-height: 37px;
    padding: 0 0 0 20px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 2px #000;
}

form#loginForm {
    border: 1px solid #bfc3c5;
    border-top: none;
    display: block;
    position: relative;
    padding: 30px 0 0 0;
    background: #fdfdfd;
}

form#loginForm .form-errors, #loginForm .element {
    border: none;
    margin-bottom: 30px;
    padding: 0 20px;
}

form#loginForm .form-errors {
    margin-bottom: 15px;
}

#dialog form#loginForm {
    padding-top: 15px;
}

#dialog form#loginForm ul.errors, #dialog form#loginForm .form-errors, #dialog form#loginForm .element {
    padding: 0
}

#dialog form#loginForm ul.errors, form#loginForm ul.errors {
    padding-top: 3px;
}

#loginForm .element a {
    float: right;
    font-size: 12px;
}

#loginForm .error label {
    color: red;
}

#loginForm label, #loginForm .element a {
    line-height: 20px;
}

#loginForm label {
    font-weight: bold;
    font-size: 13px;
}

#loginForm input {
    clear: both;
    display: block;
    width: 352px;
    height: 23px;
    border: solid 1px #AAA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#loginForm input:focus {
    border: 1px solid #7dc6dd;
    box-shadow: 0 0 3px #7dc6dd;
    -moz-box-shadow: 0 0 3px #7dc6dd;
    -webkit-box-shadow: 0 0 3px #7dc6dd;
}

#loginForm .button {
    padding: 12px 20px;
    border-top: 1px solid #bfc3c5;
    clear: both;
    text-align: right;
    margin-top: 30px;
}

form#config fieldset.root div.tabItem fieldset.itemCollection fieldset.itemCollection div.collection div.tabItem > fieldset.itemCollection {
    margin-left: 20px !important
}

form#config input[readonly], #dialog form input[readonly] {
    border: none !important;
    background: #ccc;
    color: #666;
    outline: none !important
}

div.tabItem.interfaces {
}

div.tabItem.interfaces dt, div.tabItem.interfaces dd {
    clear: both;
    width: 100%;
}

div.tabItem.interfaces dd {
}

div.tabItem.interfaces div.interfaceContainer {
    clear: both;
    padding: 0 8px;
}

/*div.tabItem dd { padding: 4px; width:auto; } /*clear: left;*/
.interfaceMethods {
    border: 1px solid #e1e1e1;
    padding: 8px;
    border-bottom: 0;
}

div.interfaceMethods h3 {
}

div.interfaceMethods div.tabItem {
    margin-left: 20px;
}

div.interfaceMethods div.methodName {
    font-weight: bold;
    font-size: 14px;
    padding: 8px 0 2px 0;
}

div.interfaceMethods span.methodDescriptioncKey {
    font-weight: bold;
    text-decoration: underline;
    margin-right: 10px;
    width: 200px;
    display: block;
    float: left;
}

div.interfaceMethods div.params h4 {
    font-weight: bold;
    text-decoration: underline;
}

div.interfaceMethods div.params p {
    margin-left: 20px;
}

div.interfaceMethods div span.methodValKey {
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    display: block;
    float: left;
}

div.tabItem div.filename {
    font-weight: bold;
}

div.moduleViews {
    margin: 0 0 8px 12px;
}

div.moduleViews .tabItem {
    padding: 8px 0;
}

div.moduleViews .tabItem > * {
    padding-left: 8px;
}

div.moduleViews div.moduleViewFile {
    margin-left: 20px;
}

.closeBtn {
    border-top: 1px solid #e1e1e1;
    display: block;
    color: #888;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.closeBtn:hover {
    color: #555;
    border-color: #a1a1a1;
}

.closeBtn span {
    padding: 2px 4px 4px 4px;
    border: 1px solid #e1e1e1;
    border-top: none;
    border-radius: 0 0 4px 4px;
    display: inline-block;
}

.closeBtn:hover span {
    border-color: #a1a1a1;
    background: #f2f2f2;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: 1px 1px 1px #e1e1e1;
    -webkit-box-shadow: 1px 1px 1px #e1e1e1;
    box-shadow: 1px 1px 1px #e1e1e1;
}

.toggler {
    cursor: pointer;
}

.toggler span {
    padding-left: 16px;
    margin-right: 8px;
    background: url(../img/admin/expand-collapse.png) bottom left no-repeat;
    overflow: hidden;
    line-height: 16px;
    font-size: 14px;
}

.toggler.tabItem {
    border-bottom: 0
}

iframe#tests {
    border: 0;
    width: 100%;
    height: 800px
}

#search {
    position: absolute;
    top: 68px;
    right: 16px;
    border: #a1a1a1 solid 1px;
    border-top: none;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: inset 0 0 4px #e1e1e1;
    -webkit-box-shadow: inset 0 0 4px #e1e1e1;
    box-shadow: inset 0 0 4px #e1e1e1;
}

#search dt {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}

#search dt, #search dd {
    float: right;
    padding: 12px 8px 8px 8px;
}

.viewhookName {
    font-weight: bold
}

th.name {
    padding: 5px
}

#search.usersearch {
    height: 50px;
    padding: 5px;
}

.userlist {
    margin-top: 55px;
}

#search.usersearch #searchUsers {
    background: url(../img/ksprite.png) no-repeat -170px -80px;
    border-left: none;
    cursor: pointer;
    filter: none;
    float: left;
    height: 25px;
    padding: 0;
    text-indent: -9999px;
    width: 23px;
}

#search input.radio-input {
    width: 20px;
}

#search.usersearch input#keyword, #search.usersearch select {
    width: 150px;
}

#search.usersearch div#searchUsers {
    margin-right: 5px;
}

#search.usersearch div#searchBy-wrapper {
    clear: both;
}

#search.usersearch div, #search.usersearch label {
    float: left;
}

#dialog div.submit-csv-description {
    padding: 5px 5px 15px;
}

#dialog form input#userCsvUploadButton {
    width: 30px;
    margin-top: 5px;
}

div.tabContent input.multiCheckbox {
    width: 13px;
    outline-offset: 1px;
    padding: 0;
    margin: 0 4px;
}

.invalidatedField {
    color: red;
}

div.config-save-restore div.buttons button:last-child {
    margin-left: 30px;
}

/* header logo upload */
#progressBar {
    height: 5px;
    width: 220px;
}

.upload__progressbar {
    float: left;
    width: 0;
    max-width: 220px;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-success .bar,
.progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.upload__error-messages_hidden,
.upload__progressbar-container_hidden,
.upload__file_hidden {
    display: none;
    visibility: hidden;
}

.upload__upload-button {
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.upload__upload-button_disabled,
.upload__upload-button_disabled:hover {
    border: 1px solid #cecece;
    color: #cecece;
}

.upload__delete-button {
    font-size: 12px;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.ui-widget-content.action .dropdown a {
    border-radius: 0;
    text-decoration: none;
    margin: 0 0 0 -4px;
    font-size: 12px;
    clear: both;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    padding: 4px 12px;
    color: #666;
    background: #e8e8e8;
    border: 1px solid #a1a1a1;
}

.submit-csv-button {
    font-weight: bold;
    font-size: 12px;
    padding: 2px 8px;
    margin-left: 5px;
}

#kwrap .totalCount {
    position: absolute;
    padding: 0.6em;
}

.skip-to-content-link {
    position: absolute;
    top: -1000px;
    left: -1000px;

    &:active,
    &:focus,
    &:hover{
        left: 0;
        top: 0;
    }
}

.screenreader-only {
    position: absolute !important;
    left: -9999px !important;
}