#conditions, #actions {
    margin: 20px 0;
}

    #conditions > .conditional > .linksDiv > .remove, #actions > .conditional > .remove {
        display: none;
    }

    #conditions > .conditional > .linksDiv > .collapseCust, #actions > .conditional > .collapseCust {
        display: none !important;
    }

    #conditions > .conditional > .linksDiv > .expandCust, #actions > .conditional > .expandCust {
        display: none !important;
    }

.collapseCust:after {
    content: "\25b2";
}

.expandCust:after {
    content: "\25bc";
}

#error_message_wrapper {
    margin: 20px 0;
}

.conditional {
    padding-left: 60px;
}

    .conditional .all-any-none-wrapper {
        margin: 5px 20px 5px -60px;
        display: -moz-inline-stack;
        display: inline-block;
    }

.linksDiv {
    display: inline-block;
    margin-top: -2px;
}

.all-any-none {
    margin-right: 10px;
}

.all-any-none-wrapper, .conditional, .rule {
    margin: 10px 0;
}

.add-rule, .add-condition, .remove, .collapseCust, .expandCust {
    margin: auto 5px;
}

.remove {
    color: red;
}

.rule input {
    width: 250px;
}

.rule select {
    margin-right: 10px;
}

.action-buttons {
    margin: 20px 0;
}

.action {
    margin: 10px 0;
}

    .action .subfields, .action .subfields .field {
        display: inline;
    }

    .action label {
        display: none;
    }

    .action select, .action input, .action textarea {
        margin-right: 10px;
    }

    .action textarea, .action input {
        width: 250px;
    }

    .action textarea {
        vertical-align: top;
        height: 50px;
    }

#demo-form {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 20px;
    width: 300px;
    background: #ddd;
}

    #demo-form div {
        margin: 10px 0;
    }


/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
    padding-left: 0;
}

.select2-locked > .select2-search-choice-close {
    display: none;
}

.select-locked > .ui-select-match-close {
    display: none;
}

body > .select2-container.open {
    z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

.select2 > .select2-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}

.selectize-control > .selectize-dropdown {
    top: 36px;
}

/*custom styles*/
div.value, div.field, div.operator {
    display: inline-block;
    margin: 0 4px;
}

div.field, div.operator {
    min-width: 150px;
}

div.value {
    min-width: 500px;
}

.selectClassOrProduct, .selectClassOrProductForCopy {
    width: 150px;
}

.copyPrereqBtn {
    margin-top: 2px;
}

    .copyPrereqBtn:disabled {
        background-color: #208bbc;
    }

.copy-prerequisites-form {
    font-size: 16px;
    padding: 20px;
    margin: 0 0 0px;
    border: solid 1px #e4e4e4;
}

    .copy-prerequisites-form h3 {
        margin: 0 0 15px 0;
        color: #666666;
        font-size: 24px;
        font-weight: 300 !important;
        font-family: "Noto Sans", sans-serif;
    }

@media (min-width: 768px) {
    .copy-prerequisites-form {
        padding-bottom: 32%;
    }
    .selectItemForCopy {
        padding-left: 30px;
        width: 82%;
    }  
}

@media (max-width: 767px) {
    .copy-prerequisites-form {
        padding-bottom: 41%;
    }

    .selectClassOrProductForCopy, .selectItemForCopy {
        width: 105% !important;
    }   
}

.saveDiv {
    padding-top: 10px;
}

.savePrereqBtn, .copyPrereqAlert {
    margin-left: -15px;
    width: 105%;
}

#copyPrerequisitesModal button.close {
    padding: 1px 6px;
}