input[type=text].rulePageInput:focus {
    outline-style: none;
    box-shadow: none;
    border: 0.5px solid #508DCA;
}

select.form-control:focus {
    outline-style: none;
    box-shadow: none;
    border-color: #508DCA;
}

input[type=text].rulePageInput {
    border: 0.5px solid #508DCA;
}

#nextToSecondStepRuleP {
    background-color: #508dca;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 1px;
    width: 160px;
}

#backToFirstStepRuleP, #nextToThirdStepRuleP, #backToThirdStepRuleP, #saveStepRuleP {
    background-color: #508dca;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 1px;
    width: 160px;
}

.rulePageInput {
    border: 0.5px solid #508DCA;
    border-radius: 2px;
    background-color: #FFFFFF;
}

#backToSecondStepRuleP, #nextToFourthStepRuleP {
    background-color: #508dca;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 1px;
    width: 160px;
}

.sql-parsed {
    margin-top: 15px;
}

/* ============== Query Builder Styles Starts ============== */
.rule-container, .rules-group-container, .rule-placeholder {
    margin:4px 0;
    border-radius:5px;
    padding:5px;
    border:1px solid #eee;
    background:#fff;
    background:rgba(255, 255, 255, 0.9);
}
/* GROUPS */
 .rules-group-container {
    padding:10px 10px 5px 10px;
    border:1px solid #DCC896;
    background:#FCF9ED;
    background:rgba(250, 240, 210, 0.5);
    width: 100%;
}
.rules-group-header {
    margin-bottom:10px;
}
.rules-group-header input[name$=_cond] {
    display:none;
}
/* RULES */
 .rules-list {
    list-style:none;
    padding:0 0 0 20px;
    margin:0;
}
.rule-container {
}
.rule-container.has-error {
    background:#fdd;
    border-color:#f99;
}
.rule-container>div:not(.rule-header) {
    display:inline-block;
    margin:0 5px 0 0;
    vertical-align:top;
}
.rule-value-container:not(:empty) {
    border-left:1px solid #ddd;
    padding-left:5px;
}
.rule-value-container label {
    margin-bottom:0;
}
.rule-value-container label.block {
    display:block;
}
.rule-container select, .rule-container input[type=text], .rule-container input[type=number] {
    padding:1px;
}
/* TICKS */
 .rules-list>* {
    position:relative;
}
.rules-list>*:before, .rules-list>*:after {
    content:'';
    position:absolute;
    left:-15px;
    width:15px;
    height:calc(50% + 4px);
    border-color:#ccc;
    border-style:solid;
}
.rules-list>*:before {
    top:-2px;
    border-width:0 0 2px 2px;
}
.rules-list>*:after {
    top:50%;
    border-width:0 0 0 2px;
}
.rules-list>*:first-child:before {
    top:-12px;
    height:calc(50% + 14px);
}
.rules-list>*:last-child:before {
    border-radius:0 0 0 4px;
}
.rules-list>*:last-child:after {
    display:none;
}
/* DRAG & DROP */
 .rule-container .drag-handle, .rules-group-container .drag-handle {
    cursor:move;
    display:inline-block;
}
.rule-container .dragged, .rules-group-container .dragged {
    opacity:0.5;
}
.rule-placeholder {
    border:1px dashed #bbb;
    opacity:0.7;
}

/* ============== Query Builder Styles Ends ============== */

.margin30 {
    padding: 15px;
    margin-top: 15px;
}
 /*textarea { 
    width: 100%;
    height: 250px;
 }*/

 .priority_slider{
     padding:50px 0 100px 0;
 }