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

.cf:after {
    clear: both;
}

dd {
    margin-inline-start: 0;
}

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

h1 span {
    font-size: 12px;
}

h2, h1 {
    color: #333;
}

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

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

p {
    padding: 8px 0px;
    margin: 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;
}

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

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

a {
    color: #000;
}

a:hover {
    color: #0B93D5;
}

input:focus, textarea:focus, select:focus {
    outline: none
}

dl.zend_form {
    margin-top: 0px;
}

.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: #269BFF;
}

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

.paginator a#prev_page, .paginator a#next_page {
    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_page:hover {
    background-position: -265px -87px;
    background-color: #269BFF;
}

.paginator a#next_page {
    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_page:hover {
    background-position: -285px -87px;
    background-color: #269BFF;
}

.paginator.disabled {
    visibility: hidden;
}

.paginator .disabled {
    display: none;
}

.paginator a#prev_page.notDisabled, .paginator a#next_page.notDisabled {
    display: inline;
}


/*main navigation*/
.main_nav {
    padding: 0;
    margin: 0;
    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;
    -moz-text-shadow: 1px 1px #000;
    -webkit-text-shadow: 1px 1px #000;
    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;
    padding-bottom: 20px;
    position: relative;
}

.loading {
    cursor: wait !important;
}

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

#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: #269BFF;
    font-weight: 700;
}

fieldset.root {
    border: 0
}

.tab {
    font-size: 14px;
}

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

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

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

.tabs dd a:hover, .tabs dd a.current {
    border-color: #269BFF;
    color: #269BFF;
}

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

div.element {
    float: left;
}

div.element dd {
    width: 50%
}

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

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

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

table tr.path th {
    padding: 5px;
    border-bottom: 2px solid #fff;
}

table th.name {
    width: 200px;
}

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

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

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

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

a.delete {
    background: #D14836;
    border: 1px solid #bb0000;
}

a.add {
    background: #269BFF;
    border: 1px solid #0B93D5;
    margin: 4px 0;
}

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

th.name {
    padding: 5px
}

/** saas mgr **/
table.instanceInfo {
    clear: both;
    border-collapse: collapse;
}

div.instanceInfo span {
    padding: 5px;
}

td.instanceInfoId {
    width: 50px;
}

td.instanceInfoPartnerId {
    width: 120px;
}

td.instanceInfoHostname {
    width: 280px;
}

td.instanceInfoConfigId {
    width: 120px;
}

td.instanceActions {
    width: 240px;
}

div.pagination {
    margin-top: 10px;
}

td.instanceInfoStatus {
}

td.instanceInfoStatusDeleted {
    color: #ff0000;
}

td.check {
    width: 50px;
    text-align: center;
}

input#save {
    margin-top: 10px;
}

ul.tabsCustom {
    margin-bottom: 12px;
}

ul.tabsCustom li {
    float: left;
    list-style-type: none;
}

ul.tabsCustom li.right a {
    border-right: none;
}

ul.tabsCustom li.active a {
    font-weight: bold;
}

ul.tabsCustom li a {
    display: block;
    margin: 5px;
    border-right: 1px solid #222222;
    padding-right: 10px;
}

a.upgrade-action {
    color: #0000ff;
    font-size: 10px;
}

div.upgrade-versions {
    padding: 5px;
}

ul.site-aliases {
    padding: 5px;
}

ul.site-aliases li a {
    color: #0000ff;
    font-size: 10px;
}

td.instanceInfoHostname a {
    color: #0000ff;
    font-size: 10px;
}

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

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

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

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

#submenu.main_nav li span {
    background: #666666;
}

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

#submenu.main_nav a#logout-button {
}

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

span.smaller-inline {
    font-size: 9px;
    color: #888888;
}

span.danger-inline a {
    font-size: 15px;
    color: #ff0000;
}

span.danger-inline-small a {
    font-size: 9px;
    color: #ff0000;
}

#view-content-manage-instance {
    margin-bottom: 30px;
}

#view-content-manage-instance dl {
    margin-left: 10px;
}

#view-content-manage-instance dt {
    margin-left: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}

#view-content-manage-instance dd {
    margin-left: 20px;
    padding: 0 0 5px 0;
}

.error-msg {
    color: #FF0000;
}

.nocopy {
    user-select: none; /* Works on most modern browsers */
    -webkit-user-select: none; /* For Safari */
    -ms-user-select: none; /* For Internet Explorer and Edge */
}

.description__premium-module-notice {
    color: #B00020;
    font-weight: bold;
    padding-block-end: 0;
}