/* iCheck plugin Square skin, blue ----------------------------------- */ .icheckbox_square-blue, .iradio_square-blue { display: inline-block; *display: inline; vertical-align: middle; margin: 3px 5px 3px 0px; padding: 0; width: 16px; height: 16px; background: url(../blue/images/blue.png) no-repeat; border: none; cursor: pointer; } .settings_content { margin-top: 10px; } .icheckbox_square-blue { background-position: 0 0; } .icheckbox_square-blue.hover { background-position: -18px 0; } .icheckbox_square-blue.checked { background-position: -36px 0; } .icheckbox_square-blue.disabled { background-position: -54px 0; cursor: default; } .icheckbox_square-blue.checked.disabled { background-position: -72px 0; } .iradio_square-blue { background-position: -90px 0; width: 17px; } .iradio_square-blue.hover { background-position: -108px 0; } .iradio_square-blue.checked { background-position: -126px 0; } .iradio_square-blue.disabled { background-position: -145px 0; cursor: default; } .iradio_square-blue.checked.disabled { background-position: -163px 0; } /* iCheck plugin Line skin, blue ----------------------------------- */ .icheckbox_line-blue, .iradio_line-blue { position: relative; display: block; margin: 0; padding: 5px 15px 5px 38px; font-size: 13px; line-height: 17px; color: #fff; background: #06a2cb; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .icheckbox_line-blue .icheck_line-icon, .iradio_line-blue .icheck_line-icon { position: absolute; top: 50%; left: 13px; width: 13px; height: 11px; margin: -5px 0 0 0; padding: 0; overflow: hidden; background: url(../blue/images/line.png) no-repeat; border: none; } .icheckbox_line-blue.hover, .icheckbox_line-blue.checked.hover, .iradio_line-blue.hover { background: #17b3dc; } .icheckbox_line-blue.checked, .iradio_line-blue.checked { background: #3e83b7; } .icheckbox_line-blue.checked .icheck_line-icon, .iradio_line-blue.checked .icheck_line-icon { background-position: -15px 0; } .icheckbox_line-blue.disabled, .iradio_line-blue.disabled { background: #ADD7F0; cursor: default; } .icheckbox_line-blue.disabled .icheck_line-icon, .iradio_line-blue.disabled .icheck_line-icon { background-position: -30px 0; } .icheckbox_line-blue.checked.disabled, .iradio_line-blue.checked.disabled { background: #ADD7F0; } .icheckbox_line-blue.checked.disabled .icheck_line-icon, .iradio_line-blue.checked.disabled .icheck_line-icon { background-position: -45px 0; } .icheck-box.ask .iradio_line-blue { margin-right: 10px; } .selector { margin: 0px 0px 0px 0px; position: relative; /* z-index: 111;*/ } *[id^='categ-entry-form'] .selector { margin-bottom: 10px; } .selector i { color: #737373; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 0; width: 30px; z-index: 112; } .selector::after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; } .selector select { position: absolute; left: -1000em; } .selector label, .selector .select-box, .selector button { float: left; margin-right: 29px; } .selector label { /* font-weight: bold;*/ padding-top: 0.2em; } .selector .select-box { position: relative; width: 100%; } .selector .select-box .trigger { background: none repeat scroll 0 0 #ffffff; border: medium none; /*border-radius: 3px;*/ color: #000000; cursor: pointer; font-size: 14px; font-weight: normal; height: 45px; line-height: 35px; margin: 0; padding: 5px 9px; } #trigger-ipp_select {line-height: 20px; height: initial;} .selector .select-box .choices { background: none repeat scroll 0 0 #ffffff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #505050; display: none; left: 0; list-style: outside none none; margin: 0; padding: 0; position: absolute; top: 28px; width: 100%; /**/ max-height: 295px; overflow-y: scroll; } .selector .select-box .choices li { cursor: pointer; display: block; margin-bottom: 0.3em; padding: 5px 5px 5px 15px; font-size: 13px; font-weight: normal; color: #505050; } .selector .select-box .choices li:hover { background: none repeat scroll 0 0 #f1f1f1; } .choices { position: absolute; z-index: 200; } .selector .icon-times { color: #505050; content: "\f0a3"; font-size: 10px; } .selector .iconBe-chevron-down { font-size: 10px; border-left: 1px solid #f1f1f1; } .entry-form-class .select-box .trigger::before, #ct-set-form .select-box .trigger::before { font-family: "icomoonBe"; content: "\f0a3"; position: absolute; right: 8px; padding-left: 7px; border-left: 1px solid #e0e0e0; } #paging-top .select-box .trigger::before { font-family: "icomoonBe"; content: "\f0a3"; position: absolute; right: 8px; padding-left: 7px; border-left: 1px solid #e0e0e0; } .entry-form-class .selector .select-box .trigger, #ct-set-form .selector .select-box .trigger { background: none repeat scroll 0 0 #f5f5f5; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; } .entry-form-class .selector .select-box .choices, #ct-set-form .selector .select-box .choices { background: none repeat scroll 0 0 #f5f5f5; box-shadow: 0 2px -1px rgba(0, 0, 0, 0.1) inset; } .selector.fe .select-box .choices { position: relative; top: auto; }