/* Code tidied up by ScrapBook */
.condition-wrapper { position: relative; margin: 0px 0px 10px; padding: 0px; border: 0px none transparent; }
.condition-wrapper select, .condition-wrapper input[type="text"] { box-sizing: border-box; height: 21px; line-height: 21px; }
.condition-wrapper select { padding: 0px 4px; }
.condition-wrapper select option { padding: 0px 5px 0px 3px; }
.condition-border { position: relative; padding: 10px 8px 5px 70px; border: 1px solid rgb(202, 206, 215); border-radius: 4px; background-color: rgb(253, 254, 254); box-shadow: 0px 1px 0px rgb(238, 238, 238); font-weight: bold; font-size: 13px; line-height: 21px; }
.condition-container { position: relative; margin-bottom: 10px; padding: 10px 18px 5px 70px; border: 1px solid rgb(201, 205, 214); border-radius: 4px; background-color: rgb(237, 245, 246); box-shadow: 0px 1px 0px rgb(236, 237, 237); }
.condition-container .condition-container { border: 1px solid rgb(188, 198, 208); background-color: rgb(221, 234, 236); box-shadow: 0px 1px 0px rgb(221, 229, 230); }
.condition-container .condition-container .condition-container { position: relative; border: 1px solid rgb(202, 206, 215); background-color: rgb(253, 254, 254); box-shadow: 0px 1px 0px rgb(238, 238, 238); }
.condition-simple-control { position: relative; display: flex; margin-bottom: 10px; padding: 5px 17px 5px 12px; border-radius: 4px; -moz-box-align: start; align-items: flex-start; }
.condition-container .condition-simple-control { border: 1px solid rgb(190, 196, 197); background-color: rgb(247, 249, 250); background-image: linear-gradient(to bottom, rgb(250, 251, 252) 0%, rgb(248, 249, 250) 100%); box-shadow: 0px 1px 0px rgb(221, 229, 230) inset; }
.condition-container .condition-container .condition-simple-control { border: 1px solid rgb(177, 188, 189); box-shadow: 0px 1px 0px rgb(206, 218, 220) inset; }
.condition-container .condition-container .condition-simple-control { border: 1px solid rgb(216, 216, 216); box-shadow: 0px 1px 0px rgb(236, 237, 237) inset; }
.condition-border .condition-simple-control { display: flex; border: 1px solid rgb(216, 216, 216); background-color: rgb(247, 249, 250); background-image: linear-gradient(to bottom, rgb(250, 251, 252) 0%, rgb(248, 249, 250) 100%); box-shadow: 0px 1px 0px rgb(236, 237, 237) inset; -moz-box-align: center; align-items: center; -moz-box-pack: start; justify-content: flex-start; }
.condition-border .condition-simple-control.condition-multi { align-items: flex-start; -moz-box-align: start; }
.condition-border a, .condition-border a:link, .condition-border a:visited, .condition-container a, .condition-container a:link, .condition-container a:visited { display: inline-block; border-bottom: 1px dashed; color: rgb(17, 60, 125); text-decoration: none; line-height: 21px; cursor: pointer; }
.condition-border a:hover, .condition-container a:hover { border-bottom: 1px solid transparent; color: rgb(17, 60, 125); text-decoration: none; cursor: pointer; }
.condition-border a:active, .condition-container a:active { border-bottom: 1px solid transparent; color: rgb(17, 60, 125); text-decoration: none; cursor: pointer; }
span.control-string { display: inline-block; }
.condition-border span.control-prefix, .condition-container span.control-prefix, .condition-border span.control-string, .condition-container span.control-string { border-bottom: 1px solid transparent; white-space: nowrap; line-height: 21px; }
.condition-list-wrap { display: block; }
.condition-item { position: relative; display: flex; margin-bottom: 2px; -moz-box-align: center; align-items: center; -moz-box-pack: start; justify-content: flex-start; }
.condition-item-text { display: inline-block; border-bottom: 1px dashed rgb(0, 0, 0); font-size: 13px; line-height: 21px; cursor: pointer; }
.condition-item-del { position: relative; display: block; width: 20px; height: 20px; vertical-align: middle; text-align: center; line-height: 21px; opacity: 1; cursor: pointer; transition: all 250ms linear 0s; }
.condition-item:hover .condition-item-del { opacity: 0.7; }
.condition-dots { display: block; width: 20px; cursor: pointer; }
.condition-simple-control a, .condition-simple-control a:link, .condition-simple-control a:visited { border-bottom: 1px dashed; color: rgb(0, 0, 0); text-decoration: none; white-space: nowrap; cursor: pointer; }
.condition-simple-control a:hover, .condition-simple-control a:active, .condition-item-text:hover, .condition-item-text:active { border-bottom: 1px solid transparent; color: rgb(44, 75, 144); text-decoration: none; cursor: pointer; }
.condition-simple-control span.control-prefix { display: inline-block; padding: 4px 8px; border: 1px solid rgb(180, 189, 152); border-radius: 2px; background-color: rgb(223, 232, 188); background-image: linear-gradient(to bottom, rgb(230, 236, 201) 0%, rgb(214, 225, 169) 100%); box-shadow: 0px 1px 0px rgb(243, 246, 228) inset; }
.condition-add { min-height: 22px; }
.condition-add a, .condition-add a:link, .condition-add a:visited { border-bottom: 1px dashed rgb(17, 60, 125); color: rgb(17, 60, 125); text-decoration: none; cursor: pointer; }
.condition-add a:hover { border-bottom: 1px solid transparent; color: rgb(44, 75, 144); text-decoration: none; cursor: pointer; }
.condition-add a:active { border-bottom: 1px solid transparent; color: rgb(44, 75, 144); text-decoration: none; cursor: pointer; }
.condition-group-sep { margin: 0px 0px 10px; font-size: 0.1em; line-height: 0.1em; cursor: pointer; }
.condition-logic { position: absolute; bottom: -20px; left: -60px; padding: 0px 10px 0px 5px; width: 55px; height: 30px; border: 0px none transparent; border-radius: 4px; color: rgb(255, 255, 255) ! important; text-align: center ! important; white-space: nowrap ! important; font-weight: bold ! important; line-height: 30px ! important; cursor: pointer; }
.condition-logic-and { background-color: rgb(156, 189, 109); }
.condition-logic-or { background-color: rgb(136, 171, 194); }
span.condition-separator { font-style: italic; }
span.condition-alert, span.list-alert { display: inline-block; margin: auto 0px; padding: 0px; width: 26px; height: 17px; border: 0px none transparent; background: transparent url("cond-alert.png") no-repeat scroll left top; vertical-align: middle; }
span.condition-space { display: inline-block; min-width: 10px; max-width: 10px; width: 10px; height: 21px; }
.condition-delete { position: absolute; top: 10px; right: 10px; opacity: 0; cursor: pointer; transition: all 250ms linear 0s; }
.condition-container:hover .condition-delete, .condition-simple-control:hover .condition-delete { opacity: 1; }
.condition-delete::after, .condition-delete::before, .condition-item-del::after, .condition-item-del::before { position: absolute; top: 50%; left: 50%; width: 9px; height: 2px; background-color: rgb(151, 151, 151); content: ""; transition: all 250ms ease 0s; }
.condition-delete::before, .condition-item-del::before { transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
.condition-delete::after, .condition-item-del::after { transform: translateX(-50%) translateY(-50%) rotate(45deg); }