/* rules list */
.siteruler-rules-list {

}

.siteruler-rule-type-list {
    margin-top: 10px;
    display: none;
    padding: 5px;
    text-align: left;
}

.siteruler-rule-type-list li a {
    display: block;
}

.siteruler-add-rule-button {
    padding: 10px;
    display: block;
}

.siteruler-add-rule-button .add-label {
    font-weight: bold;
}

.siteruler-load-rules-button {
    padding: 10px;
    display: block;
}

.siteruler-button-placeholder {
    display: block;
}

.siteruler-add-rule-action-button {
    padding: 10px;
    display: block;
}

.siteruler-button-placeholder {
    margin-bottom: 15px;
}

.siteruler-button-placeholder a {
    background-radius: 0;
}

.siteruler-rule-container {
    margin-bottom: 15px;
    opacity: 1;
    border-bottom: 1px solid #d0d2d5;
    position: relative;
    background-color: #EAEFF6;
}

.siteruler-rule-container.toggled:after {
    display: none;
    content: "";
}

.siteruler-rule-container:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: #BAD8D0 transparent transparent transparent;
    border-style: solid;
}

.siteruler-rule-container.inactive:after {
    border-color: rgb(245, 183, 183) transparent transparent transparent;
}

.siteruler-rule-container header {
    padding: 5px;
    margin-bottom: 0;
    background-color: #BAD8D0;
    display: block;
    position: relative;
    clear: both;
    cursor: pointer;
}

.siteruler-rule-container header input {
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    cursor: pointer;
}

.siteruler-rule-container header div.label {
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}

.siteruler-rule-container header div.label span.stop-rule {
    display: none;
}

.siteruler-rule-container.stop-rule header div.label span.stop-rule {
    display: inline;
}

.siteruler-rule-container header div.label.sublabel {
    display: block;
    font-weight: normal;
}

.siteruler-rule-container header span.action-delete {
    display: block;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 4px;
    background-image: url("../images/black/x_alt_16x16.png");
}

.siteruler-rule-container.inactive {
}

.siteruler-rule-container.inactive header {
    background-color: rgb(245, 183, 183);
}

.siteruler-rule-container .siteruler-rule-content {
    padding: 10px;
}

.siteruler-rule-container .siteruler-rule-content .siteruler-form-field:last-child {
    margin-bottom: 0;
}

.siteruler-rule-container header .actions {
    position: absolute;
    top: 6px;
    right: 0;
}

.siteruler-rule-container header .actions span {
    display: inline-block;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.siteruler-rule-container header .actions span.delete {
    background-image: url("../images/black/x_alt_16x16.png");
}

.siteruler-rule-container header .actions span.edit {
    background-image: url("../images/black/edit_16x16.gif");
}

/**** delete? ****/
.siteruler-rules-list .rule header {

}

.siteruler-rules-list .rule.movable:hover {
    cursor: move;
}

.siteruler-rules-list .rule .item .title {
}

.siteruler-rules-list .rule {
    position: relative;
    margin-bottom: 10px;
}

.siteruler-rules-list .rule.disabled {
    opacity: 0.4;
}

.siteruler-rules-list .rule .item {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 5px;
    border-left: 1px dotted #777;
    min-height: 46px;
}

.siteruler-rules-list .rule .actions.left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.siteruler-rules-list .rule .description {
    padding-bottom: 5px;
}

.siteruler-rules-list .rule .actions.right {
    position: absolute;
    top: 0px;
    right: 0px;
}

.siteruler-rules-list .rule .actions a {
    display: block;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.siteruler-rules-list .rule .actions a.edit {
    background-image: url("../images/black/edit_16x16.gif");
}

.siteruler-rules-list .rule .actions a.move {
    background-image: url("../images/black/move_16x16.png");
}

.siteruler-rules-list .rule .actions a.delete {
    background-image: url("../images/black/x_alt_16x16.png");
}

.siteruler-rules-list .rule .actions a.recalc {
    background-image: url("../images/black/calc_16x16.png");
}

.siteruler-rules-list .rule .actions a.disable {
    background-image: url("../images/black/disable_16x16.png");
}

.siteruler-rules-list .rule .actions a.enable {
    background-image: url("../images/black/enable_16x16.png");
}

.siteruler-toolbar-admin {
    text-align: center;
}

/* rules form */

#siteruler_rule_editor {
    position: relative;
}

#siteruler_rule_editor.inactive {
    opacity: 0.6;
}

.siteruler-rule-actions-list {
}

.siteruler-rule-actions-list .no-actions {
    font-size: 14px;
    font-weight: bold;
    background-color: #f0c8c8;
    text-align: center;
    padding: 20px;
    display: none;
    margin-bottom: 15px;
}

.siteruler-rule-actions-list .are-actions {
    font-size: 14px;
    font-weight: bold;
    background-color: #D7E7E3;
    text-align: center;
    padding: 20px;
    margin-bottom: 15px;
}

.siteruler-rule-actions-list.no-actions .are-actions {
    display: none;
}

.siteruler-rule-actions-list.no-actions .no-actions {
    display: block;
}

.siteruler-rule-actions-list .actions-actions {
    margin-top: 15px;
    font-weight: normal;
}

.siteruler-error-placeholder {
    padding: 15px;
    background-color: red;
    color: white;
    margin-bottom: 15px;
}

.siteruler-error-placeholder a {
    color: yellow;
}

.siteruler-error-placeholder a:hover {
    color: #D7D73F;
}

.siteruler-error-placeholder.hidden-class {
    display: none;
}

.siteruler-form-field {
    margin-bottom: 15px;
    background-color: #DEF3ED;
}

.siteruler-form-field .siteruler-form-radiogroup, .siteruler-form-field .siteruler-form-list-checkbox {
    padding: 5px 5px;
}

.siteruler-form-field label input {
    vertical-align: middle;
}

.siteruler-form-field label input[type="checkbox"], .siteruler-form-field label input[type="radio"] {
    margin-right: 4px;
}

.siteruler-form-field .input-text {
    padding: 10px 5px;
}

.siteruler-form-field .input-textarea {
    height: 100px;
}

.siteruler-form-field .input-textarea.markitup-editor {
    height: 120px;
}

.siteruler-form-field .validate-error-show {
    background-color: red;
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.siteruler-form-field .validate-error-show:before {
    border-bottom-color: red;
    color: white;
}

.siteruler-form-field label.field-title {
    padding: 5px;
    margin-bottom: 0;
    background-color: #C1E7DD;
}

.siteruler-rule-action-types-list {
    margin-left: 20px;
}

/* rule action */
.siteruler-rule-action-container {
    margin-bottom: 15px;
    opacity: 1;
    background-color: #EAF4F6;
    position: relative;
}

.siteruler-rule-action-container.toggled:after {
    display: none;
    content: "";
    border-width: 0px;
    border-color: transparent transparent transparent transparent;
    border-style: solid;
}

.siteruler-rule-action-container:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: #D7E7E3 transparent transparent transparent;
    border-style: solid;
}

.siteruler-rule-action-container.inactive:after {
    border-color: rgb(245, 183, 183) transparent transparent transparent;
}

.siteruler-rule-action-container header {
    padding: 5px;
    margin-bottom: 0;
    background-color: #D7E7E3;
    display: block;
    position: relative;
    cursor: pointer;
}

.siteruler-rule-action-container .siteruler-form-field label.field-title {
    background-color: #E0E6E4;
}

.siteruler-rule-action-container header input {
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    cursor: pointer;
}

.siteruler-rule-action-container label span.stop-action {
    display: none;
}

.siteruler-rule-action-container.stop-action label span.stop-action {
    display: inline;
}

.siteruler-rule-action-container header label {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.siteruler-rule-action-container header span.action-delete {
    display: block;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 4px;
    background-image: url("../images/black/x_alt_16x16.png");
}

.siteruler-rule-action-container.inactive {
    opacity: 0.6;
}

.siteruler-rule-action-container.inactive header {
    background-color: rgb(245, 183, 183);
}

.siteruler-rule-action-container .siteruler-rule-action-content {
    padding: 10px;
}

.siteruler-rule-action-container .siteruler-rule-action-content .siteruler-form-field:last-child {
    margin-bottom: 0;
}

/* rule filter */
.siteruler-rule-filter {
    margin-bottom: 15px;
    opacity: 1;
    background-color: #EAF4F6;
    position: relative;
}

.siteruler-rule-filter.toggled:after {
    display: none;
    content: "";
    border-width: 0px;
    border-color: transparent transparent transparent transparent;
    border-style: solid;
}

.siteruler-rule-filter:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: #D7E7E3 transparent transparent transparent;
    border-style: solid;
}

.siteruler-rule-filter.inactive:after {
    border-color: rgb(245, 183, 183) transparent transparent transparent;
}

.siteruler-rule-filter header {
    padding: 15px 5px;
    margin-bottom: 0;
    background-color: #D7E7E3;
    display: block;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}

.siteruler-rule-filter .siteruler-form-field label.field-title {
    background-color: #E0E6E4;
    display: block;
}

.siteruler-rule-filter header input {
    vertical-align: middle;
    margin-right: 3px;
    display: inline-block;
    cursor: pointer;
}

.siteruler-rule-filter header label {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
}

.siteruler-rule-filter header span.action-delete {
    display: block;
    width: 20px;
    height: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 4px;
    background-image: url("../images/black/x_alt_16x16.png");
}

.siteruler-rule-filter.inactive {
    opacity: 0.6;
}

.siteruler-rule-filter.inactive header {
    background-color: rgb(245, 183, 183);
}

.siteruler-rule-filter .siteruler-rule-filter-content {
    padding: 10px;
    display: none;
}

.siteruler-rule-filter.toggled .siteruler-rule-filter-content {
    display: block;
}

.siteruler-rule-filter .siteruler-rule-filter-content .siteruler-form-field:last-child {
    margin-bottom: 0;
}

/* action groups */

.siteruler-action-groups-list {
    display: none;
}

.siteruler-action-groups-list > ul {
    margin-bottom: 10px;
}

.siteruler-action-groups-list li {
    text-align: left;
}

/* modal */
.siteruler-modal {
    display: none;
    background-color: #fbfcfc;
    width: 600px;
    margin: 50px auto;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    color: #333;
    padding: 20px;
}

.siteruler-modal .modal-content {
    border: none;
    box-shadow: none;
}

.siteruler-modal .button.ml-10 {
    margin-left: 10px;
}

.siteruler-modal .modal-content .insider {
    margin: 10px;
    margin-bottom: 20px;
    position: relative;
}

.siteruler-modal .modal-header h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}