/* Member Filter */ #select_user #select_user_modal.modal { width: 80%; margin-left: -40%; } #select_user #select_user_modal .modal-body { max-height: 425px; } #select_user #select_user_modal .modal-body form { margin-bottom: 0px; } #select_user #select_user_modal .modal-body form fieldset { min-height: 360px; } #select_user #select_user_modal .modal-body .radio.inline, #select_user #select_user_modal .modal-body .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; min-width: 100px; margin-left: 0; } #select_user #select_user_modal .modal-body .form-actions { margin: 20px 0 0; padding: 10px 0 0; background-color: transparent; text-align: right; } #select_user #select_user_modal .modal-body .tabs-left > .nano { width: 160px; min-height: 425px; float: left; } #select_user #select_user_modal .modal-body .tabs-left > .nano .pane { right: 6px; } #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs { width: 140px; float: left; margin-bottom: 0; margin-right: 0; border-right: 1px solid #ddd; border-bottom: none; } #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs > li { float: none; } #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs .active > a, #select_user #select_user_modal .modal-body .tabs-left > .nano > .content > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } #select_user #select_user_modal .member-filter-options { float: left; display: inline-block; width: 175px; min-height: 425px; margin-right: 10px; padding: 0 10px 0 0; } #select_user #select_user_modal .member-filter-options select { width: 165px; } #select_user #select_user_modal .member-filter-options .btn { display: block; } #select_user #select_user_modal .member-filter-result { padding-left: 15px; min-height: 360px; width: auto; } /* Check Box Card */ .checkbox-card { margin: 0; } .checkbox-card li { position: relative; list-style: none; color: #FFFFFF; width: 180px; height: 40px; margin: 0 10px 10px 0; float: left; display: inline-block; background-color: #cccccc; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .checkbox-card li.mark { width: 0; height: 0; padding: 0; margin: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } .checkbox-card li:hover { background-color: #0088cc; } .checkbox-card li:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .checkbox-card li.active:before { -webkit-text-size-adjust : none; font-family: FontAwesome; font-weight: normal; font-style: normal; color: #FFF; text-decoration: inherit; content: "\f00c"; position: absolute; right: 0px; top: 0px; line-height: 14px; text-indent: 10px; font-size: 10px; width: 0px; height: 0px; border-style: solid; border-width: 0 22px 22px 0; border-color: transparent #51a351 transparent transparent; } .checkbox-card li.active label { } .checkbox-card li label { margin-bottom: 0px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .checkbox-card li input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 10; } .checkbox-card li label span { -webkit-text-size-adjust : none; font-size: 10px; display: block; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666666; margin-top: -3px; } .checkbox-card li:hover label span, .checkbox-card li:hover label span.user-name { color: #FFFFFF; } .checkbox-card li label span.user-name { font-size: 12px; color: #363636; padding: 2px 0 0; margin-top: 0; } .checkbox-card li .user-pic { float: left; margin-right: 5px; width: 40px; height: 40px; } #selected_users .selected_user { display: block; margin-bottom: 5px; } #selected_users .selected_user .remove_user { font-size: 15px; } /* .promoter { border-color: #CCCCCC; border-style: solid; border-width: 0 1px; padding: 0 10px 5px 10px; } .promoter > div { border-bottom: 1px solid #CCCCCC; } .promoter > div:after { content: ""; clear: both; display: block; visibility: hidden; } .promoter > div > span { display: block; margin-left: 70px; padding-bottom: 5px; } .promoter p { width: 70px; float: left; text-align:right; }*/