/** Golf Nations Parent Theme **/ @import url('https://fonts.googleapis.com/css?family=Open+Sans'); #wpwrap, #wpbody-content .wrap { min-width: auto !important; } html.wp-toolbar { padding-top: 56px; } body { font-family: "Open Sans"; } #wpcontent, #wpfooter { margin-left: 0 !important; margin-top: 0px; max-width: calc(100% - 230px); width: calc(100% - 230px) !important; float: left; padding-left:0px; } #wpfooter { display: none; } #wpbody-content { padding: 0px 0px 0px 40px; } .temp_dash { padding:0px !important; } #wpadminbar * { text-transform: none; } #wpadminbar { height: 56px; background-color:#1D2A34; } #wpadminbar li#wp-admin-bar-gn-site_title { width: 300px !important; } #wpadminbar li#wp-admin-bar-gn-site_title a { background-repeat: no-repeat; background-position: top; background-size: contain; } #wpadminbar .quicklinks a { height: 56px; line-height: 56px; color: #969696; } #wpadminbar .quicklinks a:hover, #wpadminbar li:hover > a.ab-item:before { color: #fff !important; } #wpadminbar .menupop .ab-sub-wrapper, .ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu, #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item { background: #1a2531; } #wpadminbar .menupop .ab-sub-wrapper .ab-submenu a:before { top: 1px !important; } #wpadminbar .menupop .ab-sub-wrapper .ab-submenu a .blavatar, #wp-admin-bar-comments, #wp-admin-bar-new-content { display: none; } #wp-admin-bar-updates .ab-icon { margin-top: 3px; } /*** Side Navigation ***/ #adminmenuwrap { position: relative !important; min-height: 1000px; } #adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap, #adminmenu .wp-not-current-submenu .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu { width: 230px; background: #49576a; box-shadow: none; } #adminmenu .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, .folded #adminmenu a.wp-has-current-submenu:focus+.wp-submenu { padding: 0px; } #adminmenu .wp-submenu { left: 230px; background: #3d4958; } #adminmenu li a:focus div.wp-menu-image:before, #adminmenu li.opensub div.wp-menu-image:before, #adminmenu li:hover div.wp-menu-image:before { color: #fff !important; } #adminmenu li a.menu-top { color: #afbdcc; font-weight: 300 !important; text-transform: none; padding: 7px 0 7px 10px; } #adminmenu li a.menu-top.wp-has-current-submenu, #adminmenu li.current a.menu-top { color:#fff; background: #b2d144; } #adminmenu li.menu-top:hover, #adminmenu li a.menu-top:focus, #adminmenu li a.menu-top:hover, #adminmenu li.opensub>a.menu-top, #adminmenu .wp-has-current-submenu ul>li.current>a, #adminmenu .wp-has-current-submenu ul>li>a:hover, #adminmenu .wp-not-current-submenu ul>li>a:hover {background: #5e6d83 !important; color: #fff !important; } #adminmenu div.wp-menu-image {background: rgba(0,0,0,0.3); margin-right: 10px; border-radius: 3px; } #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-not-current-submenu .wp-submenu { background: #3d4958; } #adminmenu .wp-has-current-submenu ul>li>a, #adminmenu .wp-not-current-submenu ul>li>a { padding: 10px 20px; font-size: 0.9em !important; } #adminmenu .wp-has-current-submenu ul>li.current>a { background:transparent !important; color: #fff; } ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu>li.current>a.current:after { top:22px; } #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { border-right-color: #3d4958 !important; top:16px; } #adminmenu li.menu-top:hover, #adminmenu li a.menu-top:focus, #adminmenu li a.menu-top:hover, #adminmenu li.opensub>a.menu-top, #adminmenu .wp-has-current-submenu ul>li.current>a, #adminmenu .wp-has-current-submenu ul>li>a:hover, #adminmenu .wp-not-current-submenu ul>li>a:hover { background: none !important; color: #fff !important; } #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, #adminmenu a.wp-has-current-submenu:focus+.wp-submenu, .no-js li.wp-has-current-submenu:hover .wp-submenu { background: #3d4958; } #adminmenu li.wp-has-current-submenu a.menu-top:focus, #adminmenu li.wp-has-current-submenu a.menu-top:hover { background: #b2d144 !important; } div#wpadminbar li a.ab-item:before, div#wpadminbar li a.ab-item span.ab-icon:before, div#wpadminbar .ab-icon:before { top: 12px !important; color: #969696; } #adminmenu li a.menu-top { color: #afbdcc; font-weight: 300 !important; text-transform: none; padding: 7px 0 7px 10px; } #adminmenu li a.menu-top.wp-has-current-submenu, #adminmenu li.current a.menu-top { color: #fff !important; background: #b2d144 !important; } #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-not-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu:hover .wp-submenu, #adminmenu .wp-has-current-submenu:focus .wp-submenu { background: #3d4958 !important; } #adminmenu li.wp-menu-separator { height:0px; margin:0px; } #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover, #adminmenu a:hover, #adminmenu li.menu-top>a:focus { color: #fff !important; } .folded #adminmenu, .folded #adminmenu li.menu-top, .folded #adminmenuback, .folded #adminmenuwrap { width: 58px; } .folded #adminmenu a.menu-top { height: 45px; } .folded #adminmenu .opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, .folded #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu, .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-submenu.sub-open, .folded #adminmenu a.menu-top:focus+.wp-submenu { left: 58px; } .folded #wpcontent, .folded #wpfooter { max-width: calc(100% - 58px); width: calc(100% - 58px) !important; margin-left: 0px !important; } .folded #adminmenu .wp-has-current-submenu ul>li>a, .folded #adminmenu li.menu-top .wp-submenu>li>a { padding: 10px 12px; } .folded #adminmenu .wp-submenu .wp-submenu-head { padding: 12px 4px 11px 11px; margin:0px; } /***/ .loader .circle1 { margin: -139px auto 30px auto !important; } .gn_header h3 { font-weight: 300; } /** Child theme **/ /*** Login Screen **/ body.login { background-color: #070707 !important; background-image: url(https://www.golfnations.com/wp-content/uploads/2017/04/bg-img-4.jpg); background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-size: cover !important; margin: 0; padding: 1px; top: 0; right: 0; bottom: 0; left: 0; } div#login {background: #232121;margin-top: 75px;padding: 18px 0;} .login_footer_content {padding: 20px 0;text-align: center;} .login h1 a {width: 100%; background: url(https://www.golfnations.com/wp-content/uploads/2017/04/golf_nations_header.png) center center no-repeat; height: 50px; margin: 0 auto 20px; } .login .message {background-color: #333 !important; color: #999; box-shadow: none !important; border: none !important; margin:0px !important;} .login form { background: #ffffff !important; padding: 26px 24px 30px !important; border-bottom: 1px solid #000000; box-shadow: none; color: #616366 !important; } form#loginform .button-primary, .button-primary, .wp-core-ui .button-primary { padding:0 !important; text-shadow:none; } .login form #wp-submit { width: 100%; height: 35px; background: #39b6e6 !important; color: #fff !important; box-shadow: none; border:none; margin-top: 20px; } .login form .input, .login input[type="text"] { font-size:18px; padding:12px; font-family: "Open Sans"; } #login_error a {color: #39b6e6 !important} .login #nav a { color: #fff; } .login #backtoblog { display: none; } .wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large, .wrap .button-primary { padding: 0 12px 2px !important; } @media only screen and (min-width: 800px) { div#login { width: 30% !important; } } @media only screen and (max-width: 960px) { .auto-fold #adminmenu, .auto-fold #adminmenu li.menu-top, .auto-fold #adminmenuback, .auto-fold #adminmenuwrap { width: 50px; } .wp-responsive-open #adminmenu, .wp-responsive-open #adminmenu li.menu-top, .wp-responsive-open #adminmenuback, .wp-responsive-open #adminmenuwrap, .wp-responsive-open #adminmenu .wp-submenu, .wp-responsive-open #adminmenu .wp-not-current-submenu .wp-submenu, .wp-responsive-open #adminmenu .wp-has-current-submenu .wp-submenu { width: 190px; } .wp-responsive-open #adminmenu, .wp-responsive-open #adminmenuback, .wp-responsive-open #adminmenuwrap { position: absolute !important; } .wp-responsive-open #adminmenu div.wp-menu-image { position:relative; } #adminmenu li a.menu-top { padding: 7px 0px 7px 7px; } .auto-fold #adminmenu a.menu-top { height: 45px; } .auto-fold #adminmenu .opensub .wp-submenu, .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu, .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .auto-fold #adminmenu .wp-submenu.sub-open, .auto-fold #adminmenu a.menu-top:focus+.wp-submenu { left: 50px; } #wpcontent, #wpfooter { max-width: calc(100% - 50px); width: calc(100% - 50px) !important; margin-left: 0px !important; } } @media only screen and (max-width: 840px) { #wpadminbar li#wp-admin-bar-gn-site_title { width: 250px !important; } #wpadminbar li#wp-admin-bar-gn-site_title a { background-position: center; background-position-y: 6px; } } @media screen and (max-width: 782px) { html #wpadminbar, #wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks>ul>li>a, #wpadminbar #wp-admin-bar-menu-toggle a { height: 56px; } #wpadminbar #wp-admin-bar-menu-toggle a, #wpadminbar #wp-admin-bar-menu-toggle a:hover { border: 0px; } #wp-admin-bar-comments, #wp-admin-bar-new-content { display: none !important; } #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before { font: 400 40px/32px dashicons; } #wp-admin-bar-updates .ab-icon { margin-top: -2px; } #wpcontent, #wpfooter { max-width: calc(100% - 0px); width: calc(100% - 0px) !important; padding-left: 0px !important; } #wpbody-content { padding: 0px 0px 0px 20px; } .auto-fold #adminmenu li a { font-size: 14px; } .auto-fold #adminmenu a.menu-top { height: auto; min-height: 45px;padding: 7px 0px 3px 7px; } } @media screen and (max-width: 600px) { html.wp-toolbar { padding-top: 0; } } /***** Inner Pages Styling **/ /* *Miki's Cheet Sheet* Universal color palette: Blue: #6dcff6 Med Blue: #58c4f4 Dark Blue: #4aa5c9 Green: #b2d144 Dark Green: #9ebb36 Orange: #fec20a Dark Orange: #f7921c Grey Variations: Font color: #494949; Very Dark: #78828c Page Background: #f1f1f1 Every other Row: #fafafa White Container Border: #ccc Table row border with a blue tone: #e8edf5 */ body { font-family: "Open Sans"; color: #333; overflow:visible !important; background-color: #f1f1f1 } #adminmenuback {position: relative;} a { color: #0073aa; transition-property: border,background,color; transition-duration: .05s; transition-timing-function: ease-in-out; } a:active, a:hover { color: #00a0d2; } .left { float: left; } .right { float: right; } .clearfix, .clear { clear: both; } .relative {position:relative} .text-left {text-align: left} .centered{text-align: center;} .np {padding:0 !important;} .nm {margin:3px 0} .hide {display: none !important;} .hidden_fields {display:none;} .show{display: '';} /*Font Colors*/ .red {color: #e1776e} .grey {color: #999;} .orange { color:#fec20a; } span.green {color: #9ebb36} .dark_green{ color: #9ebb36; } /*Font sizes and styles*/ .sm {font-size: 12px !important;} .sm_med {font-size: 14px} .med {font-size:16px; line-height: 18px} .med_lg {font-size:18px;} .lg {font-size:20px;} .xlg {font-size:22px} .italic {font-style: italic;} .bold {font-weight: 600} /*Percentage Widths*/ .ten {width:10% !important;} .twenty {width:20% !important;} .twenty5 {width:25% !important;} .thirty {width:30% !important;} .thirty5 {width:35% !important;} .fourty {width:40% !important;} .fourty5 {width:45% !important;} .fifty {width:50% !important;} .sixty {width:60% !important;} .sixty5 {width:65% !important;} .seventy {width:70% !important;} .eighty {width:80% !important;} .eighty5 {width:85% !important;} .ninety {width:90% !important;} .hundred {width:100% !important;} .auto {width:auto;} /*Spacers*/ .space {padding: 15px 0;} .spacer5{height: 5px;} .spacer10{height: 10px;clear: both;} .spacer20{height: 20px;clear: both;} .spacer30{height: 30px;clear: both;} .spacer60{height: 60px;clear: both;} .margin_rt {margin-right:1%;} .margin_rt3 {margin-right:3%;} .margin_rt5 {margin-right:5%;} .margin_tp {margin-top:1%;} .margin_tp3 {margin-top:3%} .margin_bt {margin-bottom:1%;} .margin_rt20 {margin-right:20px !important;} .padding {padding:20px; overflow:hidden;} .vpadding {padding:20px 0; overflow:hidden;} .padding_left {padding:5px 0 5px 30px; overflow:hidden;} /*--------------------------------------------*/ /********* Button Styles ***************/ .btn {font-size: 18px; color: #fff; padding: 12px 20px; background:#6dcff6; border-radius:5px; text-decoration: none; display: inline-block; border:none; cursor: pointer;} .btn:focus {outline:none;} .btn:hover, .btn:active, .btn:focus {background-color: #4aa5c9; color: #fff; background-repeat: no-repeat; background-position: 80% 50%} /*Colors*/ /*Blue is default*/ .btn.green, .btn.green.nohover:hover {background-color:#b2d144; color:#fff} .btn.green:hover {background-color:#9ebb36; color: #fff;} .btn.grey, .btn.grey.nohover:hover {background-color: #cccbcb} .btn.grey:hover {background-color: #6dcff6} .btn.dk_grey, .btn.dk_grey.nohover:hover {background-color: #78828c;} .btn.dk_grey:hover {background-color: #b2d144} .btn.orange, .btn.orange.nohover:hover {background-color: #fec20a;} .btn.orange:hover {background-color: #f7921c;} /*Sizes*/ .btn.large {padding: 17px 25px;} .btn.med {padding:7px 10px; font-size:16px;} .btn.small {padding:7px 10px; font-size:14px;} .btn.xsmall {padding:5px 7px; font-size:13px;} .btn.xxsmall {padding:4px 8px; font-size:12px; font-weight: bold; margin-right: 4px;} .btn:hover, .btn.large:hover {background-image: url("../images/arrow_btn_lg.png"); animation-name: button-hover-lg; animation-duration: .07s; animation-fill-mode: forwards; } @keyframes button-hover-lg { from {} to {padding-right:36px;background-position: 90% 50%} } .btn.med:hover, .btn.small:hover, .btn.xsmall:hover, .btn.xxsmall:hover {background-image: url("../images/arrow_btn_sm.png"); animation-name: button-hover-sm; animation-duration: .07s; animation-fill-mode: forwards; } @keyframes button-hover-sm { from {} to {padding-right:27px;background-position: 90% 50%} } .btn.nohover:hover {animation-name:none;background-image: none; cursor: default} .btn[disabled]:hover {color:#ccc;} .btn-add-more { background-image: url(../images/add_more.png); background-repeat: no-repeat; width: 19px; height: 19px; padding: 0; margin: 0; display: inline-block; } .btn-remove-more { background-image: url(../images/remove_more.png); background-repeat: no-repeat; width: 19px; height: 19px; padding: 0; margin: 0; display: inline-block; } /*--------------------------------------------*/ #wpwrap {background: #f1f1f1; } #wpbody-content { padding: 0px !important; background-color: #f1f1f1; } #wpbody-content .wrap { margin: 0px; padding:20px 40px 40px !important; } .club_listing_page_wrapper { padding-top: 60px !important; } .multisite.network-admin .wrap { padding:20px 40px 40px !important; } #update-nag, .update-nag { margin: 10px 40px; } #wpfooter { left: auto; padding: 20px 40px;display:none; } .page_wrapper { padding: 0px; } .wp-list-table thead tr th {size:13px; text-transform:uppercase;} .alternate, .striped>tbody>:nth-child(odd) {background-color: #fff} html.wp-toolbar {background:none;} .wp-core-ui p .button {text-shadow:none; } .form-table tr th:first-child {width:20%;} #screen-meta { margin:0px; box-shadow: none; border-bottom: 1px solid #ddd; border: none; } .wp-person a:focus .gravatar, a:focus, a:focus .media-icon img { box-shadow: none; } /** Page Header **/ .gn_header { background: #fff; padding: 40px 40px 35px; float: left; width: 100%; box-sizing: border-box; } .gn_header h3 { font-size: 35px; line-height: 1em; font-weight: 300; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .page_wrapper h3, .page_wrapper h4 {font-weight: 600; font-size: 1.1em;} .page_wrapper h4.subhead {font-size: 30px; font-weight: 300; margin: 10px 0;} .instructions {background: url(../images/question.png) no-repeat 15px 50% #fff; border: 1px solid #c0c0c0; padding: 21px 20px 21px 80px; min-height: 35px; float:left;} .instructions_blue {color: #fff; padding: 16px; font-size: 13px; background-color: #6dcff6} .instructions_ltblue {padding: 20px; background-color:#e2f5fd; border: 1px solid #c0c0c0; margin:15px 0} .instructions_warning {background-color: #F8BB86; padding: 20px; border: 1px solid #c0c0c0; margin:15px 0} .instructions_red {border: 1px solid #ed1c24; background: url(../images/exclamation.png) no-repeat 15px 50% #fef3f4; padding: 20px 20px 20px 80px; min-height: 35px; float:left; color:#ed1c24} .white_box {background-color: #fff; border: 1px solid #ccc; padding: 20px 30px; overflow:hidden;} .grey_box {background-color: #f9f9f9; border: 1px solid #dad8d8; padding: 20px 30px; overflow:hidden;margin:3px 0} .loading {background-color: #fff; padding: 20px 30px; overflow:hidden;} .content .indent {padding: 0px 0px 10px 20px;overflow: hidden;} .overlay {top: 0; left: 0; width: 100%; height: 100%;} .grey_border {border-bottom:2px solid #e8edf5;} .parentRowBox {margin-bottom:20px;} .fullwidth{width:100%!important;} .indent20{padding-left: 20px;} .leftbox{float: left;width: 49%;} .rightbox{float: right;width: 49%;} .title{font-size:30px;} .dt-buttons a.dt-button {margin-left:10px;} .highlight-text{color: #f3983a; font-weight: 600} .highlight-text.fa-times-circle {font-size: 17px; color:#fdc209; cursor: pointer; vertical-align: bottom} .left-padded-10{padding-left: 10px; } .amount{text-align: right!important;} .head-text{font-size: 20px; line-height: 25px} .sub-head-text{font-size: 15px;font-weight: bold;} .nowrap {white-space:nowrap;} input.wide50, select.wide50{width: 50px;padding-right: 1px;} input.wide200, select.wide200{width: 199px;padding-right: 1px;} input.wide400{width: 400px;} /*Icons*/ a.info, .info {background: url(../images/info_wt.png) no-repeat; height: 17px; width: 17px; margin-left: 3px; display: inline-block; vertical-align: bottom} .check {background: url(../images/check_blue.png) no-repeat; height: 15px; width: 17px; display:block;} .unchecked {background: url(../images/blue_box.png) no-repeat; height: 15px; width: 17px; display:block;} .x_close {background: url(../images/x_med.png) no-repeat #fec20a 6px 6px; height: 25px; width: 25px; border-radius: 5px; display: inline-block; } .icon_link{line-height:15px;vertical-align:top;} .cp_icon {padding-top:30px; color: #999;} .plus_icon {padding-top: 25px;font-size: 16px;color: #b2d144;} .remove_icon {padding-top: 23px;font-size: 20px;color: #999;} .info_text {background: url("../images/info.png") no-repeat; height: 17px; width: 17px; display: inline-block; vertical-align: bottom} /*Hide navigation*/ .wp-submenu li a[href*="mainmenu"], .wp-submenu li a[href="admin.php?page=GNSReports"], .wp-submenu li a[href="admin.php?page=gn-info"], .wp-submenu li a[href="admin.php?page=gcm-users"], .wp-submenu li a[href="admin.php?page=gcm-members"], .wp-submenu li a[href="admin.php?page=gcm-au-members"], .wp-submenu li a[href="admin.php?page=gn-fees"]{display:none !important;} .menu-icon-dashboard ul {display:none} /********* Form Styles ***************/ .form_fields input[type=text], .form_fields input[type=search], .form_fields input[type=radio], .form_fields input[type=tel], .form_fields input[type=time], .form_fields input[type=url], .form_fields input[type=week], .form_fields input[type=password], .form_fields input[type=checkbox], .form_fields input[type=color], .form_fields input[type=date], .form_fields input[type=datetime], .form_fields input[type=datetime-local], .form_fields input[type=email], .form_fields input[type=month], .form_fields input[type=number], .form_fields select, .form_fields textarea {padding: 8px 14px ; color: #777777 ; border: 2px solid #e2e2e2 ; font-size: 16px ; margin: 3px 0 5px 0; } .form_fields input[type=text]:focus, .form_fields input[type=search]:focus, .form_fields input[type=radio]:focus, .form_fields input[type=tel]:focus, .form_fields input[type=time]:focus, .form_fields input[type=url]:focus, .form_fields input[type=week]:focus, .form_fields input[type=password]:focus, .form_fields input[type=checkbox]:focus, .form_fields input[type=color]:focus, .form_fields input[type=date]:focus, .form_fields input[type=datetime]:focus, .form_fields input[type=datetime-local]:focus, .form_fields input[type=email]:focus, .form_fields input[type=month]:focus, .form_fields input[type=number]:focus, .form_fields select:focus, .form_fields textarea:focus {border: 1px solid #d5dae3 !important; box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30,140,190,.8) !important; } .form_fields input[type=radio] { padding: 8px !important; } .form_fields input[type=radio]:focus { border:2px solid #e2e2e2 !important; box-shadow: none !important; } .form_fields input[type=radio]:checked:before { width: 7px; height: 7px; margin: -3px; border-radius: 50%; } .form_fields input[type=text], .form_fields input[type=email] {width:100%;} .form_fields input[type=checkbox] {height: 27px; width: 27px; padding: 5px 4px !important; margin: 2px 7px 5px 0 !important; display: inline-block;} .form_fields .radio_buttons input[type="radio"] {position: absolute; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0;} .form_fields .radio_buttons input[type="radio"] + label {position: relative;padding: 3px 0 0 30px;font-size: 16px;line-height: 25px; display:inline;} .form_fields .radio_buttons input[type="radio"] + label:before {content: ""; display: block; position: absolute; top: 0px; height: 20px; width: 20px; background: white; border: 2px solid #e2e2e2; cursor: pointer; box-shadow: inset 0px 0px 0px 2px white;-webkit-box-shadow: inset 0px 0px 0px 5px white;-moz-box-shadow: inset 0px 0px 0px 5px white;-o-box-shadow: inset 0px 0px 0px 5px white;-webkit-border-radius: 12px;-moz-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;} .form_fields .radio_buttons input[type="radio"]:checked + label:before {background: #1e8cbe;} .form_fields label.checkbox input[type="checkbox"] {display:none;} .form_fields label.checkbox span {display:inline-block;border:2px solid #d5dae3;width:22px;height:22px;background:#fff;vertical-align:middle;margin:0 7px 5px 0;position: relative;transition: width 0.1s, height 0.1s, margin 0.1s;} .form_fields label.checkbox :checked + span, .form_fields label.checkbox :disabled + span {width:22px;height:22px;margin: 0 7px 5px 0;} .form_fields label.checkbox :checked + span:after {content: '\2714';font-size: 16px;position: absolute;top: 0px;left: 3px;color: #1e8cbe;} .form_fields label.checkbox :disabled + span {background-color: #f8f8f8;} .form_fields label.checkbox.smcb :checked + span, .form_fields label.checkbox.smcb :disabled + span, .form_fields label.checkbox.smcb span {width:18px;height:18px;margin: 0;} .form_fields label.checkbox.smcb :checked + span::after {font-size: 13px;position: absolute;top: -2px;left: 2px;} .form_fields input[readonly] {background-color: #f9f9f9} .form_fields select {height: 42px; padding-top: 6px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border:1px solid #eee;} /*@-moz-document url-prefix() {*/ .wp-admin select { border: 1px solid #e6e6e6; background-image: url('../images/drop_arrow.gif'); background-size: auto; -moz-appearance: none; -webkit-appearance:none; padding:3px 20px 3px 8px; background-position:right 8px top 10px; background-color: #fff; background-repeat: no-repeat; line-height: normal} .form_fields select {border:2px solid #e6e6e6; background-position: right 8px top 50%; height: 43px;} /*}*/ .form_fields textarea {font-size: 14px} .form_fields label {font-size: 14px;} .form_fields label.l_required {color:#338fb3; font-weight: 600} .form_fields .l_required_sm {color:#338fb3; font-size: 13px} .form_fields input[disabled=disabled], .form_fields input:disabled {background-color: #f8f8f8;} .dollar {color:#a7a5a5; font-size: 32px; font-weight: 400; } label.error, label.errorRefund, label.errorAmount {color: #fff; font-size: 11px; display: inline-block; background: red; padding: 5px 10px !important; border-radius: 5px; clear: both; font-weight: bold; margin-top:4px} label.errorRefund {display:block !important;} .form-table th {vertical-align: middle} .form-table input[type=text] {width:40%;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .disable-auto-renew {margin: -1px 8px 0 0 !important;} /* Change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } .media-frame select, .wp-admin .media-frame select { line-height: 18px; } /*--------------------------------------------*/ /********* Datatable Style Overwrites ***************/ .dataTables_length, .dataTables_filter {padding:9px;} .dataTable {width: 100% !important; border-spacing: 0px;} table.dataTable thead th { cursor:pointer; text-align: left; font-size: 15px; font-weight: 600; padding:20px 10px 20px 26px; background-color: #6dcff6; color: #fff; border-right:1px solid #fff;} table.dataTable thead th:focus { outline: -webkit-focus-ring-color auto 0px; } table.dataTable thead th:last-child {border-right: none} table.dataTable thead th, table.dataTable thead td {border-bottom:none !important; } table.dataTable thead th.sorting_disabled {padding:20px 10px 20px 20px; width: auto !important;} table.dataTable tbody td {border-bottom: 2px solid #e8edf5; padding:15px 20px 15px 20px} table.dataTable tbody tr.even {background-color: #fafafa;} table.dataTable tbody tr td:first-child {border-left: 1px solid #e8edf5;} table.dataTable tbody tr td:last-child {border-right: 1px solid #e8edf5;} table.dataTable .no-footer tfoot {} table.dataTable :not(.club-reports) :not(.prepay-receipt) :not(.make-payment) :not(.make_payment_listings) :not(.club-prepay-checkout) :not(.club_billing_unbilled_activity_listing) :not(.club_billing_bill_statement_detail_listings) :not(.post_multiple_payments2) :not(.purchase-history-reports) :not(.payments_to_clubs_log_payments) :not(.revenue-breakdown) :not(.w_totals) tfoot {display:none;} table.prepay-receipt tfoot th { border: none; background: #6dcff6; color: #fff; } table.dataTable.w_foot tfoot th { background: #fff; color: #1a2634; padding:30px 20px; border:1px solid #ccc; font-size:14px; font-weight: 300; border-top: 5px solid #b2d144; text-align: right; line-height: 24px} table.dataTable.w_foot tfoot th .total {font-size:25px; } table.dataTable.w_foot tfoot th .total_amnt {font-weight: 600} table.dataTable.w_totals tfoot th { background: #fafafa; color: #1a2634; padding:30px 20px; border-top:5px solid #b2d144; border-bottom:1px solid #ccc; font-size:25px; font-weight: 300; line-height: 24px; text-align: left} table.dataTable.w_totals tfoot th.total {font-weight: 600} table.dataTable.w_totals tfoot th:first-child {border-left:1px solid #ccc;} table.dataTable.w_totals tfoot th:last-child {border-right:1px solid #ccc;} /*Prepay screen - not sure if needed anymore */ table.club-prepay-checkout tfoot th.total { text-align: left; font-weight: bold } table.club-prepay-checkout .fee-association-amount { text-align: right; } table.club-prepay-checkout ul.fee-name li{ padding-left: 20px; } table.club-prepay-checkout ul.fee-amount li { text-align: right; } table.club-prepay-checkout ul.fee-name, table.club-prepay-checkout ul.fee-amount { margin-top: 6px; margin-bottom: 0; } table.club-prepay-receipt ul.fee-amount { margin: 0; } /*Make a payment screen*/ table.make_payment_listings th.column-member {border-right:none;} table.make_payment_listings tbody td:last-child {text-align: right} table.make_payment_listings tbody a {font-weight: bold; color:#66b5d6;} /*Sorting*/ table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {background-position: 10px center; line-height: 20px; width: auto !important;background-repeat: no-repeat;} table.dataTable thead .sorting.amount, table.dataTable thead .sorting_asc.amount, table.dataTable thead .sorting_desc.amount {padding-right:30px; background-position: right 10px top 50%} table.dataTable.w_totals tfoot th.amount {padding-right:20px} table.dataTable thead .sorting_asc {background-image: url(../images/sortable_down.png); background-color: #58c4f4;} table.dataTable thead .sorting_desc {background-image: url(../images/sortable_up.png); background-color: #58c4f4;} table.dataTable thead .sorting {background-image: url(../images/sortable.png)} table.dataTable.no-footer {border-bottom:none;} /*Pagination*/ .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:none; background-color: #ccc; border:none;} .dataTables_wrapper .dataTables_paginate .paginate_button.current {background:none; background-color: #b2d144; color:#fff !important; border:none;} .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:none; background-color: #ffc602; border:none; color:#fff !important;} .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {padding-top:20px} .dataTables_wrapper .dataTables_processing {position: inherit;padding: 0;left: auto;margin-left: auto;margin-top: 0;background: none;} /*Blue Filter Bar*/ .with_filters {border-top:47px solid #4aa5c9;} .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {color:#fff; margin-bottom:-47px; float:right;} .blue_bar_text, .dataTables_wrapper .dataTables_processing {color: #fff; padding: 16px; margin-bottom: -47px; z-index: 1; position: absolute; font-size: 13px; width: 50%; line-height: 13px; } .dataTables_wrapper .dataTables_processing {top:0%;} #club_billing_account_balance .nested_tab { margin-bottom: -1px; } /*Filters above datatable*/ .filters {padding: 10px 0 20px 0;} .filters label {display:block; padding:3px 0;} table.filters td {padding:2px;} table.filters.left { width: 50%; } /*Items below datatable*/ .hide_count .dataTables_info {display:none;} .hide_count .action_btn {margin-top: -45px; position: absolute} /*No Even Background colors*/ table.dataTable.no_even tbody tr.even {background-color: #fff !important;} table.dataTable.no_even tbody tr.grey_out {background-color: #fafafa !important;;} /*Minimal (bill statements)*/ table.minimal thead th {border-right:none; padding:10px 20px;} table.minimal tbody td {border-bottom:none; padding:10px 15px;} table.minimal tbody tr.tight td {padding:4px 20px;} table.minimal tbody tr td.sm_space {padding:5px 0;} table.minimal tbody tr:last-child td {border-bottom:1px solid #ccc;} .minimal .breakdown {width:100%;} .minimal .breakdown td {padding: 0 5px 3px 5px !important; border: none !important} .minimal .breakdown td .grey_border {margin:10px 0;} .minimal.appendix td {border-bottom: 1px solid #ccc;} /*Data Table Overwrites*/ table.club-reports thead tr th:first-child {width:10% !important; white-space: nowrap} table.club-reports thead tr th.type {width:15% !important;} table.club-reports thead tr th.member-num, table.club-reports thead tr th.club-service-num, table.club-roster thead th.column-member-num, table.club-listing tbody tr td:first-child {white-space:nowrap} table.club-listing tfoot, table.club-configuration-listing tfoot {display:none} .club-listing-filter-status { font-weight: normal; text-decoration: underline; } .club-listing-filter-status.active { font-weight: bolder; text-decoration: none; } table.participating-clubs tbody tr td {vertical-align: middle} table.club_billing_bill_statements_listings tr th.column-new_charges {width:15% !important;} table.dataTable.club_billing_bill_statement_detail_listings tfoot th {font-size:20px} /*--------------------------------------------*/ /********* Sweet-alert Style Overwrites ***************/ .sweet-alert h2 { background: none; border-bottom: 0px; height: auto; } .sweet-alert.payment-details h2 { margin: 0; background: none; border-bottom: 0px; } .sweet-alert.payment-details p {font-size: inherit;} .sweet-alert.payment-details {font-family: inherit;font-size: inherit;} .sweet-alert.payment-details table td, .sweet-alert.payment-details ul li {text-align: left;} .sweet-alert.payment-details table td, .sweet-alert.payment-details table th {padding: 5px;} .sweet-alert .sa-button-container { margin-top: 5px; border-top:0px; } .sweet-alert button.confirm { border: 1px solid rgb(140, 212, 245); background-color: rgb(140, 212, 245) !important; margin-left: 0px; text-shadow: none; } /*--------------------------------------------*/ /********* Popup Styles ***************/ #popup {overflow-x: hidden;overflow-y: auto;position: fixed;right: 0; top: 0; background:url("../images/popup_bg.png") repeat;} #popup .popup-dialog {background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: auto; margin: 100px auto; max-width: 900px; position: relative; z-index: 99999;} .popup-content .popup-header {background-color: #6dcff6; padding:23px 80px 23px 30px; } .popup-content .popup-header h2 { margin:0px; color: #fff; font-size: 35px; line-height: 35px; font-weight: 200; text-align: left;} .popup-content .popup-header .popup-close {display: block; position: absolute; width: 80px; height:80px; z-index: 2; background:url("../images/x_large.png") #51c0f3 50% 50% no-repeat; top:0; right:0;} .popup-content .popup-body {padding: 30px;} #popup.overlay { bottom:0; } div.content .approval {background: #f9f9f9; border: 1px solid #ddd; padding: 20px;margin-bottom: 10px;} .popup-content .dashicons-dismiss:before {content: "";} /*--------------------------------------------*/ /********* Loading Animations ***************/ .loader {padding:60px 0 100px 0; overflow: hidden; text-align:center; font-size: 12px; color: #666; font-style: italic;} .circle {background-color: rgba(0,0,0,0);border:7px solid rgba(0,183,229,0.9);opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:150px;box-shadow: 0 0 35px #2187e7;width:150px;height:150px;margin:0 auto; -moz-animation:spinPulse 1s infinite ease-in-out; -webkit-animation:spinPulse 1s infinite linear; box-shadow-color:#2187e7; } @-moz-keyframes spinPulse { 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px;} 50% { -moz-transform:rotate(145deg); opacity:1; } 100% { -moz-transform:rotate(-320deg); opacity:0; } } @-webkit-keyframes spinPulse { 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px;} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; } } .circle1 {background-color: rgba(0,0,0,0);border:7px solid rgba(0,183,229,0.9);opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:130px;box-shadow: 0 0 15px #2187e7; width:130px;height:130px;margin:-154px auto 30px auto;position:relative; -moz-animation:spinoffPulse 1s infinite linear; -webkit-animation:spinoffPulse 1s infinite linear; } @-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } /*Smaller Sizes*/ .circle.med {width:50px;height:50px;border-radius:50px;border:6px solid rgba(0,183,229,0.9);border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);} .circle.small {width:20px;height:20px;border-radius:20px;border:4px solid rgba(0,183,229,0.9);border-right:3px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);} .circle.tiny {width:10px;height:10px;border-radius:10px;border:2px solid rgba(0,183,229,0.9);border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);} .circle.absolute {position: absolute; top:16px; right:15px;} .dataTables_processing .circle {margin-right: 15px; border:3px solid #4aa5c9; border-right:2px solid #6dcff6; border-left:2px solid #fff; box-shadow-color:#fff;} /*--------------------------------------------*/ /********* Account Balance Boxes ***************/ .total_amount_due_box {border: 1px solid #ccc; background:#fff; margin: 0 0 -20px 0; float: right; padding: 20px 50px; font-size: 18px; animation-name: balance_due; animation-duration: .5s; animation-timing-function: ease-out; } @keyframes balance_due { from {opacity:0; margin-top:-10px;} to {opacity:1} } .form_fields label.todays_payment {padding: 10px 25px 20px 25px; font-size: 20px;} .total_amount_due_box .total_due, label.todays_payment .total_due {display: inline-block; padding: 10px 0; font-weight: 300} .total_amount_due_box .due, label.todays_payment .due{ font-weight: 600;} .total_amount_due_box .btn.green {margin-left:20px;} .club_billing_page .filters {padding-top:50px;} .billing_setting_ul li { display: inline-block; vertical-align: middle; margin-right: 15px; } .billing_setting_ul li .button-secondary { line-height:13px; height:auto; padding: 12px; } .newRuleRemove { cursor: pointer; } .fa.fa-remove:before { content: "\f00d"; } /*--------------------------------------------*/ /********* Subscriptions ***************/ table.dataTable.fees thead th {padding: 20px 10px 20px 15px;} .subscription {width:100%; background-color: #fff; border-bottom: 2px solid #e8edf5;} .subscription td {padding: 20px 5px;} .assn-fees td { vertical-align: middle !important; } .subscription .btn.xxsmall {margin: -6px 0;} .subscription .ui-icon, .assn-fees .ui-icon {background: url(../images/drag_tool.png) no-repeat 0px 1px; display: inline-block; width: 25px; height: 25px; float: left; margin-top:0} .assn-fees .ui-icon { margin-top: 5px; } .subscription .rules {padding-left: 12px;} .subscription .fee-discount {color:#f7921c !important; font-weight: 600} .subscription .fee-addon {color:#9ebb36 !important; font-weight: 600} .subscription .fee-buttons-wrap { text-align: right; padding-right: 20px; } .sub_col1 {width:27%;} .sub_col2 {width:7%;} .sub_col3 {width:6%;} .sub_col4 {width:6%;} .sub_col5 {width:36%;} .sub_col6 {width:18%;} .subscription .fee_wrapper, .fee_wrapper {display: none; overflow: hidden; padding: 2px 20px 20px 20px; background-color: #f6f6f6; border: 1px solid #ddd; margin: 0 20px 30px 20px; } #base-fees .subscription .fee_wrapper { padding-top: 20px; } .assn-fees .fee_wrapper { padding: 0px 10px;margin: 10px 10px; } .subscription .sub-close, .sub-close {background: url(../images/x_grey.png) no-repeat; margin:7px -10px 14px 0; float:right; width:15px; height: 15px; cursor: pointer;} .assn-fees .sub-close { margin:14px 0px; } /*Discounts and Add-ons Tables*/ .fee-addons, .fee-discounts {width:49%} .discounts-table, .addons-table {width: 100%; border-spacing:0;} .discounts-table th, .addons-table th {padding:12px 10px; color: #fff; border-right: 1px solid #fff; font-weight: 600; text-align: left; font-size: 15px} .discounts-table th:last-child, .addons-table th:last-child {border-right: none} .discounts-table td, .addons-table td {padding:12px 10px; background: #fff; border-bottom:1px solid #ddd;} .discounts-table a, .addons-table a {font-weight: 600;} /*Discounts Tables*/ .discounts-table th {background: #fdc209;} .discounts-table a {color: #f7921c;} .discounts-table .x_close {background-color: #fec20a} .discounts-table .xxsmall, .discounts-table .xxsmall.nohover {background-color: #fec20a; margin:3px 0} /*Add-ons Tables*/ .addons-table th {background: #b2d144;} .addons-table a {color: #b2d144;} .addons-table .x_close {background-color: #b2d144} .addons-table .xxsmall, .addons-table .xxsmall.nohover {background-color: #b2d144; margin:3px 0} /*--------------------------------------------*/ span.warning {background: #FEEFB3 none repeat scroll 0 0;border-radius: 3px;color: #9F6000;font-size: 10px;margin: 0 4px 1px 0;padding: 1px 6px;} .item .title {/*background-image: url(../images/minus.png);*/background-repeat: no-repeat;padding-left: 15px;background-position: left center;} .item .collapse {/*background-image: url(../images/plus.png) !important;*/} .item .hidden {display: none;} .item {background-color: #fff;display: inline-block;padding: 15px;} #overlay {position: absolute;left: 0px;top: 0px;width:100%;height:100%;z-index: 1000;/*background-image:url(../images/background-trans.png);*/} #overlay div.content {width:500px;/*height: 500px;*/margin: 100px auto;background-color: #fff;border:1px solid #000;padding:15px;} #overlay div.content div.buttonpane{background-image: none;border-width: 1px 0 0;margin: 0.5em 0 0;padding: 0.3em 1em 0.5em 0.4em;text-align: left;} span.required {font-weight: bold;color: #3497aa;} .close {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;} .close:hover {background: #00d9ff;} .pmpro_banner {position: relative;} .gn_tag-grey {border: 1px solid #c0c0c0;border-radius: 10px !important;padding: 2px 7px !important;font-size: 10px;position: absolute;left: 240px;top: 15px; background-color:#fff;} .gn-member-list td.pending {color: red;} /*Roster*/ table.datatable td.processing { background-image: url(../images/process1.gif); background-repeat: no-repeat; background-position: center } .expiry-date { background-image: none; } table.datatable td { background-image: none; } table.datatable td.loading { background-image: url(../images/process1.gif); background-repeat: no-repeat; background-position: center } .loading1 { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; width:150px; height: 9px; background-position: center; margin: 0 auto; } .loading2 { background-image: url(../images/preview.gif); background-repeat: no-repeat; background-position: center; width:32px; height: 32px; background-position: center; margin: 0 auto; } .loading3 { background-image: url(../images/processing2.gif); background-repeat: no-repeat; background-position: center; width:320px; height: 65px; background-position: center } .loading4 { background-image: url(../images/saving.gif); background-repeat: no-repeat; background-position: center; width:24px; height: 24px; background-position: center } .golfer_pending {border: 1px solid #ffb733; border-left: 4px solid #ffb733; margin: 10px 20px 10px 0; background: #fff; border-collapse: separate; border-spacing: 0; float:left;} .golfer_pending td {padding:15px; border-bottom: 1px solid #ffb733} .golfer_pending tr:last-child td {border:none;} .golfer_pending .btn {cursor: pointer !important} .add_golfer h3 {font-weight: 400} #pending-golfers {overflow:hidden} /* Image preloader*/ #preloader-01 {background: url(../images/process1.gif) no-repeat -9999px -9999px;} #preloader-02 {background: url(../images/processing2.gif) no-repeat -9999px -9999px;} /* Datepicker Overwrites*/ #ui-datepicker-div { display: none; } .comiseo-daterangepicker-triggerbutton.ui-button .ui-button-text {float:left} .ui-corner-all {border-radius: 0} .ui-datepicker .ui-datepicker-header {border:none; background:none; background-color: #6dcff6; color:#fff; padding: 20px;} .ui-widget-content {border: 1px solid #ccc; border-radius: 0;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #fff; background: none; text-align: center} .ui-datepicker-calendar .ui-state-hover {border: 1px solid #fff; background:none; background-color:#58c4f4; border-radius: 3px; color:#fff} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fff; background:none; background-color:#b2d144; border-radius: 3px; color:#fff;} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background:none;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {background:none; border:none;} .ui-widget-header .ui-icon-circle-triangle-w {background: url("../images/arrow_wt_left.png") ;} .ui-widget-header .ui-icon-circle-triangle-e {background: url("../images/arrow_wt_right.png") ;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:20px;} .ui-state-active, .ui-widget-content .ui-state-active {background: none; background-color: #6dcff6 !important; color: #fff !important; background-image: none;} /* adding in to show above popup window */ .comiseo-daterangepicker {z-index: 999999 !important} span.notes { font-weight: normal; font-size: 12px; font-style: italic; } .is_awarning {background-color: #feefb3;color: #9f6000;padding-left: 5px;padding-right: 5px;border-radius: 5px;display: inline} table#cc-logs td table {table-layout: fixed;width: 100%;white-space: nowrap;display: none;} table#cc-logs td table td {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 5px;} table#cc-logs td table td:first-child {width: 30%;} table.fee { background: #fff !important;} table.fees { width: 100%; } table.fees th.column-sort, table.fee td.column-sort { width: 3%; } table.fees th.column-check, table.fee td.column-check { width: 3%; text-align: center; } table.fees th.column-tag, table.fee td.column-tag { width: 2%; text-align: center; padding-left: 2px!important; padding-right: 2px!important; } table.fees th.column-amount, table.fee td.column-amount { width: 10%; } table.fees th.column-join, table.fee td.column-join { width: 4%; } table.fees th.column-renew, table.fee td.column-renew { width: 4%; } table.fees th.column-eligibility, table.fee td.column-eligibility { width: 18%; } table.fees th.column-links, table.fee td.column-links { width: 14%; } table.fees th.column-title, table.fee td.column-title { } table.fees th.column-service, table.fee td.column-service { width: 10%; } table.fee td.column-join span.checked { background: url("../images/check.gif") no-repeat; width: 13px; height: 13px; display: inline-block; } /** Dialog Popup **/ .uiOverlay-backdrop.uiOverlay-use-dark {background: rgba(0, 0, 0, 0.44) none repeat scroll 0 0;} .uiOverlay-backdrop {animation: 0.5s ease 0s normal none 1 running vex-fadein; bottom: 0;left: 0;overflow: auto;padding: 60px 0;position: fixed;right: 0;top: 0;z-index: 1111;} .m-auto-y-0 {margin: 0 auto !important;} .uiDialog-root {animation: 0.5s ease 0s normal none 1 running vex-flyin;background-color: #fff;position: relative;} .p-all-8 {padding: 32px !important;} .btn-reset-default {background-color: transparent;border: 0 none;padding: 0;text-align: left;} .uiDialog-closeButton {border-radius: 3px;color: #d7d7d7;padding: 8px 8px 4px;position: absolute;right: 12px;top: 12px;} .m-bottom-4 {margin-bottom: 16px !important;} .m-top-8 {margin-top: 32px !important;} .uiButton {max-width: 100%;overflow: hidden;text-overflow: ellipsis;} .label {border-radius: 0.25em;color: #fff;display: inline;font-size: 75%;font-weight: 700;line-height: 1;padding: 0.2em 0.6em 0.3em;text-align: center;vertical-align: baseline;white-space: nowrap;} .label-warning {background-color: #f0ad4e;} .label-success {background-color: #5cb85c;} .label-danger {background-color: #d9534f;} li.toplevel_page_GolfNations ul li.wp-first-item {display: none !important;} table.sub-type-is-archive-1 {display: none;} /** GN Custom Popup **/ div.content .close-bar {background-color: #eaeeef;padding: 5px;text-align: right;margin: -15px -15px 10px -15px;border-bottom: 1px solid #ccc} div.content form {width: 100%;} .close-bar .popup-close {color: #ccc;text-decoration: none} .content .indent {padding: 0px 0px 10px 20px;} .indent2 {padding: 5px 0 0 48px;} .red {color: #e1776e} div.content label {display: block;padding: 3px 0;} .overlay {top: 0;left: 0;width: 100%;height: 100%;} div.content label.error {display: inline-block;} div.content .dob-group label.error {display: block;} /** Club Billing Pages **/ /*Receipts*/ .receipt .blue_header {background-color:#6dcff6; padding: 20px; color:#fff; font-size: 20px; font-weight: 400} .receipt_details {font-size: 16px;margin-bottom: 20px;line-height: 25px;} .gcm-checkout-cart {border-spacing: 0px; border-collapse: separate; border:none; width:80%; margin:0 auto;} .gcm-checkout-cart td, .gcm-checkout-cart th {border:none; padding: 5px; border-bottom: 1px solid #e8edf5;} .gcm-checkout-cart td:first-child, .gcm-checkout-cart th:first-child {border-left:1px solid #e8edf5;} .gcm-checkout-cart td:last-child, .gcm-checkout-cart th:last-child {border-right:1px solid #e8edf5;} .gcm-checkout-cart th {background-color: #6dcff6; color: #fff; font-size: 17px; font-weight: bold; padding:10px;} .gcm-checkout-cart tfoot td {background-color:#fafafa; padding: 10px 5px; text-align: right; font-size: 15px;} .reciept_table {border:#ccc solid 1px; border-collapse: separate; border-spacing: 0} .reciept_table td, .reciept_table th {padding:3px 14px ;text-align: left; font-size: 13px} .reciept_table thead {background: #6dcff6; border-bottom:#ccc solid 1px; color: #fff} .reciept_table tfoot {background: #f9f9f9;} /*.club_billing_page div.row {clear: both; padding: 0 30px; overflow: hidden}*/ .test_control div.row div {float:left; padding: 10px 20px 10px 0;} .test_control .top_space {padding-top:35px !important} li.toplevel_page_GNSClubBilling ul li.wp-first-item {display: none !important;} .top_box{border:2px solid;background-color: #C3C3C3;padding: 16px; font-size: 16px;font-weight: bold;width: 240px;} /** Bill Statements **/ #club_billing_bill_detail .summary {font-size: 14px; border: 1px solid #ccc; border-spacing: 0; border-collapse: collapse;} #club_billing_bill_detail .summary thead th {padding: 20px 20px; color:#fff; background: #b2d144; font-size: 15px; font-weight: bold} #club_billing_bill_detail .summary td, #club_billing_bill_detail .summary th {padding: 5px 10px;} #club_billing_bill_detail .summary tr.spaceTop td {padding-top:10px;} #club_billing_bill_detail .summary tr.summary_balance td {font-size: 20px; padding-bottom: 10px;} #club_billing_bill_detail .grey_border {margin:10px 0;} .sub_total {text-align: right; font-size: 18px; font-weight: bold} #club_billing_bill_detail .total_amount_due_box {padding:0px 10px;} #club_billing_bill_detail .dataTable .grey_border {margin:0 0 5px 0} #club_billing_bill_detail h2 {font-size:25px; font-weight: 500} #assoc_logo {max-width: 100px;} /** Post Multiple Payments **/ li.toplevel_page_GNSClubBillingPostMultiplePayments ul li.wp-first-item {display: none !important;} .post_multiple p {float:left;} .post_multiple .club_detail p input, #post_multiple_payments_body .club_detail p select{width: 100%;} .post_multiple .balanceCheque{border: 1px solid #D2D2D2;margin:0 0 30px 30px; background-color: #fff} .post_multiple .balanceCheque .header{background-color: #6dcff6;height: 30px;line-height: 30px;padding: 5px 20px;font-size: 20px;color: #fff;; } /*.post_multiple .adjust_box{width: 92%;}*/ .post_multiple .checkDetail {overflow:hidden; padding: 0 20px;} .post_multiple .total_amount_due_box {margin-bottom:0px;} .post_multiple .adjust_box .adjust_box_left{float:left;width: 20%;background-color: #EEEEEE;padding: 20px;min-height: 248px;} .post_multiple .adjust_box .adjust_box_right{float:left;width: 67%;background-color: #DDDDDD;padding: 20px;min-height: 248px;} .post_multiple .adjust_box .adjust_box_right .credit_type{float: left;width: 30%;margin-right: 20px;} .post_multiple .adjust_box .adjust_box_right .credit_description{padding: 0px !important;} .post_multiple .adjust_box .adjust_box_right .credit_description p, #post_multiple_payments_body .adjust_box .adjust_box_right .credit_description input{width: 80%;} .post_multiple #add_another_payment{padding: 10px 0px;line-height: 5px;text-decoration: none;color: #4aa5c9;} .post_multiple i.addMoreCheckDetail, #post_multiple_payments_body i.removeCheckDetail{line-height: 25px;} /*.post_multiple .checkDetail p {margin: 10px 8px 0 0}*/ .post_multiple .checkDetail input[type=text] {margin-bottom:5px;} .checkDetail p {float:left; padding:0; margin: 0 2% 0 0;} table.post_multiple_payments2 tbody td {font-size: 14px; font-weight:400; padding:15px;} .post_multiple_payments2 td.num {padding-top:30px; padding-left: 18px; text-align:center} .post_multiple_payments2 td.num .fa {font-size:24px; color: #c1c1c1} .post_multiple_payments2 input[type=text], .post_multiple_payments2 select {margin:0; width:100%} .post_multiple_payments2 .plus_icon, .post_multiple_payments2 .remove_icon {padding-top: 8px} .post_multiple_payments2 .remove_icon {padding-left: 2px} .add_payment a {text-decoration:none; color: #4aa5c9; font-size:14px} #post_multiple_payments_success_body label{font-weight: bold;} #post_multiple_payments_success_body .viewBillBtn{margin: 5px 0;} #club_billing_post_multiple_payment_receipt .final_calculation{text-align: right;font-weight: bold;} #club_billing_post_multiple_payment_receipt .final_calculation span{width: 100px!important;display: inline-block;} #club_billing_post_multiple_payment_receipt .no-top-border{border-top:none!important;} @media print { body * {visibility: hidden;} #club_billing_post_multiple_payment_receipt, #club_billing_post_multiple_payment_receipt * {visibility: visible;} #club_billing_post_multiple_payment_receipt {position: absolute;left: 0;top: 0;} #printButton{display: none;} } /** Post a Payment ?? **/ #club_billing_post_payment .final_calculation{text-align: right;font-weight: bold;} #club_billing_post_payment .final_calculation span{width: 100px!important;display: inline-block;} .payment-alert p{margin: 10px 0;text-align: left!important;} #club_billing_post_payment .boxTable{width: 70%;} #club_billing_post_payment .cc_detail{width: 28%;margin-top: 25px;} #club_billing_post_payment .cc_detail .checkRow input[type=text]{width: 125px;} #club_billing_post_payment .cc_detail .row .checkRow p:nth-child(3){line-height: 1.7em;} #club_billing_post_payment .cc_detail .error {border: 1px solid red !important;} #club_billing_post_payment .cc_detail .error:focus {border: 1px solid red !important;} #club_billing_post_payment #post_payment_reset_changes{margin-left: 20px;} #club_billing_post_payment .adjust_button_text{line-height: 2.2em;} #club_billing_post_payment .adjust_box_header{background-color: #D2D2D2;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-weight: bold;} #club_billing_post_payment .adjust_box_content {background-color: #DDDDDD;padding: 20px;min-height: 170px;} #club_billing_post_payment .adjust_box_content .credit_type{float: left;width: 46%;margin-right: 20px;} #club_billing_post_payment .adjust_box_content .credit_amount p{line-height: 5px;} #club_billing_post_payment .adjust_box_content .credit_description{padding: 0px !important;} #club_billing_post_payment .adjust_box_content .credit_description p, #club_billing_post_payment .adjust_box_content .credit_description input{width: 90%;} .postpone-credits.is-postponed { text-decoration: none; } /*Admustment Tables*/ .adjustment_table {margin:0 30px 30px 28px;} .adjustment_table td {vertical-align: top; padding: 25px; border-right: 1px solid #fff} .adjustment_table h5 {color:#fff; padding:0; margin:0 0 20px 0; font-size: 14px; font-weight: bold; text-align: center} .adjustment_table h5 span {display: inline-block;width: 17px;height: 17px;cursor: pointer;margin: 0 0 0 3px;overflow: visible} .adjustment_table .info_green {background: url("../images/info_green.png") no-repeat; vertical-align: top} .adjustment_table .info_yellow {background: url("../images/info_yellow.png") no-repeat; vertical-align: top} .adjustment_table .credit_amount {text-align: center; display:inline-block; padding: 10%; font-size: 25px; font-weight: 600; width:80%; background:#fff; } .adjustment_table .credits {background:#f1f1f1;} .adjustment_table .overpayment {background:#b2d144;} .adjustment_table .underpayment {background:#fdc209;} .adjustment_table .overpayment .credit_amount {border:2px solid #a0be36;} .adjustment_table .underpayment .credit_amount {border:2px solid #fd9e09;} .adjustment_table .overpayment label, .adjustment_table .underpayment label {color:#fff;} .adjustment_table .total_amount_due_box {border: 2px solid #e7e7e7;background: #f6f6f6; margin: 0; float: left; padding: 0px 20px; font-size: 18px;} .adjustments_made {background:#ffe7e7; border:2px solid #f78080; margin:10px; font-size: 13px} .adjustments_made table {width:100%;} .adjustments_made td {padding:4px; text-align: right} .adjustments_made .grey_border {border-bottom: 2px solid #d6cccc;} /*Make a Payment*/ table.dataTable.make_payment_listings thead th.sorting_disabled.column-act {min-width:150px !important;} .payment-alert p {margin: 10px 0;text-align: left !important;} #club_billing_make_payment .boxTable {width: 68%;} #club_billing_make_payment .cc_detail { width: 30%; background-color: #fff; border:1px solid #ccc;} #club_billing_make_payment .cc_detail .blue_header {background-color:#6dcff6; padding: 20px; color:#fff; font-size: 15px; font-weight: 600} #club_billing_make_payment .cc_detail .payment_info {padding:20px; } #club_billing_make_payment .cc_detail label {margin:0 0 7px 0;} @media print { body * {visibility: hidden;} #club_billing_payment_receipt, #club_billing_payment_receipt * {visibility: visible;} #club_billing_payment_receipt {position: absolute;left: 0;top: 0;} #printButton {display: none;} } .form_fields label.prorate-text {padding-left: 20px; font-size: 13px; color: #707070} .form_fields .fa-info-circle {font-size: 16px; color: #afadad; vertical-align: bottom} .dataTable td {vertical-align: top;} #club_billing_make_payment #post_payment_reset_changes{margin-left: 20px;} #club_billing_make_payment .adjust_button_text{line-height: 2.2em;} #club_billing_make_payment .adjust_box_header{background-color: #D2D2D2;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-weight: bold;} #club_billing_make_payment .adjust_box_content {background-color: #DDDDDD;padding: 20px;min-height: 170px;} #club_billing_make_payment .adjust_box_content .credit_type{float: left;width: 46%;margin-right: 20px;} #club_billing_make_payment .adjust_box_content .credit_amount p{line-height: 5px;} #club_billing_make_payment .adjust_box_content .credit_description{padding: 0px !important;} #club_billing_make_payment .adjust_box_content .credit_description p, #club_billing_make_payment .adjust_box_content .credit_description input{width: 90%;} @media print { body * {visibility: hidden;} #payments_to_clubs_log_payments_receipt, #payments_to_clubs_log_payments_receipt * {visibility: visible;} #payments_to_clubs_log_payments_receipt {position: absolute;left: 0;top: 0;} #printButton{display: none;} } /*Request a Check (Phase II)*/ .payment-alert p{margin: 10px 0;text-align: left!important;} #club_billing_request_check .boxTable{width: 70%;} @media print { body * {visibility: hidden;} #club_billing_request_check_receipt, #club_billing_request_check_receipt * {visibility: visible;} #club_billing_request_check_receipt {position: absolute;left: 0;top: 0;} #printButton{display: none;} } /** Test Control Page **/ #test_control_body .row{padding-top:30px;} #test_control_body .row div{ float: left; padding-right: 15px } #test_control_body div.tc_wspacer10{width: 10px;} #test_control_body table.tc_constant tr td{padding-bottom: 30px;} #test_control_body #tc_current_time{min-width: 130px;font-weight: bold;padding: 0px 10px;} #test_control_body #tc_association{width: 200px;} #test_control_body #tc_club{width: 300px;border-color: #DDDDDD;border-style: solid;border-width: 1px;} #test_control_body #tc_service{width: 150px;} #test_control_body .top_space {padding:28px 0 0 0;} /* merge ghin number - OLD */ #merge_ghin_number_body .ghin_number_box p{float: left;} #merge_ghin_number_body .ghin_number_box p:nth-child(1) {width: 30%;margin-right: 10px;} #merge_ghin_number_body .ghin_number_box p:nth-child(2){width: 30%;margin-right: 20px;} #merge_ghin_number_body .ghin_number_box p:nth-child(3){width : 20%;} #merge_ghin_number_body .ghin_number_box p input{width: 100%;} .merge-alert #content{padding: 30px 0px 50px 10px;} .merge-alert p{text-align: left!important;} .merge-alert #content div{float: left;padding-left: 20px;width:40%;} #club_billing_merge_ghin_numbers_success #content{padding: 30px 0px 50px 10px;} #club_billing_merge_ghin_numbers_success p{text-align: left!important;} #club_billing_merge_ghin_numbers_success #content div{float: left;padding-left: 20px;width:40%;} /*Settings - Business Rules*/ #business_rule_body p{padding-right: 15px!important;} #business_rule_body .error {border: 1px solid red !important;} #business_rule_body .error:focus {border: 1px solid red !important;} /*Settings - Bill Configuration*/ #bill-configuration-logo-image{width: 200px;} #club_configuration_club_name_popup .header{font-size: 20px;} /*Email Notifications*/ /*Hide shortcodes because they are not relevant in email notices.*/ .email_notices #mceu_14 {display:none;} .loader_box{ width:50px; background: url(../images/process1.gif) no-repeat;} .nice_r {font: 12px Consolas, "Lucida Console", monospace;cursor: default;} .nice_r .nice_r_c {display: block;text-decoration: none;color: #222;padding: 2px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .nice_r a.nice_r_c:hover .nice_r_k, .nice_r a.nice_r_c:hover .nice_r_d, .nice_r a.nice_r_c:hover .nice_r_d span, .nice_r a.nice_r_c:hover .nice_r_p, .nice_r a.nice_r_c:hover .nice_r_a, .nice_r a.nice_r_c:hover {background-color: Highlight;color: HighlightText;} .nice_r .nice_r_a {color: #000;} .nice_r .nice_r_ad .nice_r_a {opacity: 0.4;} .nice_r .nice_r_k {color: #060;font-weight: bold;} .nice_r .nice_r_d {font-size: 11px;color: #777;} .nice_r .nice_r_d span {color: #333;} .nice_r .nice_r_p {color: #000;font-weight: bold;} .nice_r .nice_r_v {margin-left: 6px;padding-left: 6px;border-left: 1px dotted #CCC;display: none;} .nice_r .nice_r_ir {font-style: italic;} .nice_r .nice_r_p.nice_r_t_integer, .nice_r .nice_r_p.nice_r_t_double {color: #F0E;} .nice_r .nice_r_p.nice_r_t_string {color: #E00;} .nice_r .nice_r_p.nice_r_t_boolean {color: #00E;} .nice_r .nice_r_t_comment {color: #080;} .nice_r .nice_r_m .nice_r_k {color: #909;} .nice_r .nice_r_m .nice_r_ma {font-weight: normal;color: #777;} .nice_r .nice_r_m .nice_r_mv {color: #00E;} .nice_r .nice_r_m_public .nice_r_mo, .nice_r .nice_r_m_protected .nice_r_mo, .nice_r .nice_r_m_private .nice_r_mo, .nice_r .nice_r_m_abstract .nice_r_mo, .nice_r .nice_r_m_final .nice_r_mo {font-weight: normal;color: #008;} .nice_r a.nice_r_c.nice_r_m_constructor .nice_r_k, .nice_r a.nice_r_c.nice_r_m_destructor .nice_r_k {color: #C02;} .nice_r .nice_r_m_magic {font-style: italic;} .nice_r .nice_r_m_deprecated {text-decoration: line-through;} /* Auto Renewals cart display */ .cart table.calendar_table { width: 50% !important; } .cart table.calendar_table tfoot { display: table-row-group !important; } /*----- Switch -----*/ .switch {margin: -2px 3px;position: relative;display: inline-block;vertical-align: top;width: 64px;height: 24px;padding: 0 3px;background-color: transparent;border-radius: 12px;cursor: pointer;} .switch-input {position: absolute;top: 0;left: 0;opacity: 0;} .switch-input:focus ~ .switch-handle {box-shadow: 0 0 4px 1px #469DF6, 0 1px 3px 0 rgba(0, 0, 0, 0.4);} .switch-group {display: inline-block;width: 100%;} /* No Label */ .switch.no-label {width: 40px;} .switch.no-label > .switch-input:checked ~ .switch-handle {left: 20px;} .switch.no-label > .switch-trough {font-size: 0;} /*----- Switch Trough -----*/ .switch-trough {font-family: 'Roboto', sans-serif;font-weight: 700;position: relative;display: block;height: inherit;font-size: 11px;text-transform: uppercase;background: #eceeef;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);-webkit-transition: 0.15s ease-out;-moz-transition: 0.15s ease-out;-o-transition: 0.15s ease-out;transition: 0.15s ease-out;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;} .switch-trough:before, .switch-trough:after {position: absolute;top: 50%;margin-top: -0.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;} .switch-trough:before {content: attr(data-off);right: 11px;color: #bfbfbf;text-shadow: 0 1px rgba(255, 255, 255, 0.5);} .switch-trough:after {content: attr(data-on);left: 11px;color: white;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0;} /*----- Switch Handle -----*/ .switch-handle {position: absolute;top: 1px;left: 4px;width: 22px;height: 22px;background: white;border-radius: 50%;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);-webkit-transition: left 0.15s ease-out;-moz-transition: left 0.15s ease-out;-o-transition: left 0.15s ease-out;transition: left 0.15s ease-out;} .switch-handle:focus {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4)} .switch-handle:before {content: '';position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;border-radius: 6px;} /*----- Checked Switch -----*/ .switch-input:checked ~ .switch-trough {background: #b2d144;} .switch-input:checked ~ .switch-trough:before {opacity: 0;} .switch-input:checked ~ .switch-trough:after {opacity: 1;} .switch-input:checked ~ .switch-handle {left: 44px;} /** Tooltip Styles*/ /* Base styles for the element that has a tooltip */ [data-tooltip]:before, [data-tooltip]:after {box-sizing: inherit} [data-tooltip],.tooltip {position: relative;cursor: pointer;text-align: center; margin:0 5px;} /* Base styles for the entire tooltip */ [data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after {position: absolute;visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-moz-transitionopacity:0.2s ease-in-out,visibility 0.2s ease-in-out,-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-webkit-transform: translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);pointer-events: none;} /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before {z-index: 1001;border: 6px solid transparent;background: transparent;content: "";} /* Base styles for the tooltip's content area */ .tooltip:after,[data-tooltip]:after {z-index: 1000;padding: 8px;width: 160px;background-color: #000;background-color: #6dcff6;color: #fff;content: attr(data-tooltip);font-size: 13px;font-weight: bold;line-height: 17px;;border-radius: 4px} /* Top (default) */ [data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after {bottom: 100%;left: 50%;} [data-tooltip]:before, .tooltip:before,.tooltip-top:before {margin-left: -6px;margin-bottom: -12px;border-top-color: #000;border-top-color: #6dcff6;} /* Horizontally align top/bottom tooltips */ [data-tooltip]:after,.tooltip:after,.tooltip-top:after {margin-left: -80px;} [data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after {-webkit-transform: translateY(-12px);-moz-transform:translateY(-12px);transform:translateY(-12px); } /* Left */ .tooltip-left:before,.tooltip-left:after {right: 100%;bottom: 50%;left: auto;} .tooltip-left:before {margin-left: 0;margin-right: -12px;margin-bottom: 0;border-top-color: transparent;border-left-color: #000;border-left-color: #6dcff6;} .tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after {-webkit-transform: translateX(-12px);-moz-transform:translateX(-12px);transform:translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after {top: 100%;bottom: auto;left: 50%;} .tooltip-bottom:before {margin-top: -12px;margin-bottom: 0;border-top-color: transparent;border-bottom-color: #000;border-bottom-color: #6dcff6;} .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after {-webkit-transform: translateY(12px);-moz-transform:translateY(12px);transform:translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after {bottom: 10%;left: 100%;} .tooltip-right:before {margin-bottom: 0;margin-left: -12px;border-top-color: transparent;border-right-color: #000;border-right-color: #6dcff6;} .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after {-webkit-transform: translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before {top: 3px;} /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after {margin-left: 0;margin-bottom: -16px;} /*Green Tooltip*/ .tooltip-top.green:before {border-top-color: #b2d144} .tooltip-right.green:before {border-right-color: #b2d144} .tooltip-left.green:before {border-left-color: #b2d144} .tooltip-bottom.green:before {border-bottom-color: #b2d144} [data-tooltip].green:after {background-color: #b2d144} /*Orange Tooltip*/ .tooltip-top.orange:before {border-top-color: #fec20a} .tooltip-right.orange:before {border-right-color: #fec20a} .tooltip-left.orange:before {border-left-color: #fec20a} .tooltip-bottom.orange:before {border-bottom-color: #fec20a} [data-tooltip].orange:after {background-color: #fec20a} /*white Tooltip*/ .tooltip-top.white:before {border-top-color: #fff} .tooltip-right.white:before {border-right-color: #fff} .tooltip-left.white:before {border-left-color: #fff} .tooltip-bottom.white:before {border-bottom-color: #fff} [data-tooltip].white:after {background-color: #fff; color: #4aa5c9; box-shadow: 2px 2px 2px #aaa} button.dt-button, div.dt-button, a.dt-button {color:white !important; border:none !important; background-image:none !important; cursor: pointer !important;} #gcm-reports-wrapper .dt-buttons, #club_billing_bill_statement_detail .dt-buttons, .dt-buttons, .club_listing_page_wrapper .dt-buttons, #club_configuration_body .dt-buttons {position: absolute; right: 0; top: -45px} #gcm-reports-wrapper.gcm-export-btn-wrap .dt-buttons { right: -4px; top: -39px; } #gcm-reports-wrapper.gcm-export-btn-wrap .dt-buttons a.dt-button { margin-left: 4px; } #club_billing_payments_to_club .dt-buttons { position: absolute !important; } /*Purchase History*/ .equal_height {width:100%} .equal_height td.white_box {width:49.5%; vertical-align: top; overflow:visible} .equal_height h3 {margin-top:0} .equal_height .btn {margin-right:7px; padding: 10px; font-weight: 500; margin-bottom: 7px; font-size:14px; } .equal_height .btn#addFilter {cursor:pointer !important;} .equal_height .btn.orange {cursor:move !important;} .equal_height .btn .x {display:block; width:20px; height:20px; background: url(../images/white_x.png) 5px 5px no-repeat; margin:-4px 0; cursor: pointer; position: absolute; top:12px; right:12px} .equal_height select, .equal_height input[type=text] {font-size:13px; height:40px; padding:5px 25px 5px 10px ; margin-right:7px; display:block; width:auto} .equal_height input[type=text] {padding-right:5px} .equal_height .btn.xlarge {margin-top:4px; cursor: pointer} .equal_height .show_amount label {font-size: 12px} .equal_height label.checkbox :checked + span, .equal_height label.checkbox span {width: 18px; height: 18px; margin: 0 7px 5px 0;} .equal_height label.checkbox :checked + span:after {font-size: 14px; left: 4px;} .equal_height .checkIcon:before {content: '\2714'; top: 1px; left: 5px; margin-right:4px} .equal_height .relative {padding-right:37px; /*width:90%*/} .equal_height .filterSearch, .filterSearch {background-color: #98b333; border-radius: 3px; margin: 0 5px; color: #fff; font-weight: bold; padding: 2px 7px; display: inline-block; text-transform: uppercase;} .equal_height #filters .relative {width:90%} .equal_height label.error {margin: 0px 8px 10px 0; display: block; text-align: center} .equal_height .andOr {margin-bottom: 7px;} .equal_height .condition {margin-bottom: 7px;} .dataTables_filter input[type="search"] { background-color: #fff; border: 1px solid #ddd; color: #32373c; } .message { background-color: #46b450; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; font-size: 14px; line-height: 19px; margin: 0 20px 20px 2px; padding: 11px 15px; text-align: left; color: #ecf7ed; } /*** Page : Club Billing - Reports ***/ .width95 { width: 95%; } .width95 label.checkbox.smcb :checked + span, .width95 label.checkbox.smcb :disabled + span, .width95 label.checkbox.smcb span { margin-right: 5px; top:-2px; } .club_billing_bill_statement_summary .instructions_blue { font-family: "Open Sans"; font-size: 18px; margin-top: 30px; } .statement_summary li { border-right: 10px solid #fff; padding: 2px; padding-right: 10px; margin-bottom: 10px; font-size: 14px; font-family: "Open Sans"; color: #1a2531; } .statement_summary li.total { border-top: 2px solid #efefef; padding: 20px 10px 20px 5px; margin-top: 20px; font-size: 25px; } .statement_summary li.total span { font-weight: bold; } .statement_summary li.total.last { padding-right: 30px; } .statement_summary li .head { padding-right: 20px; margin-bottom: 15px; font-weight: bold; } .statement_summary li .head span { font-weight: normal; } .statement_summary li ul { margin-left: 30px; } .brdr_sky_blue { border-color: #6dcff6 !important; } .brdr_green { border-color: #b2d144 !important; } .brdr_orange { border-color: #f7941d !important; } .brdr_purple { border-color: #c253fc !important; } .brdr_dark_blue { border-color: darkblue !important; } .brdr_red { border-color: red !important; } .brdr_yellow { border-color: yellow !important; } input.loading { background-color: #ffffff; background-image: url("../images/process1.gif"); background-size: 25px 25px; background-position:right center; background-repeat: no-repeat; } /*** Plugin - CRM | Starts Here ***/ .srch_btn { background-color: #6dcff6; border-radius: 3px; padding: 20px; background-image: url("../images/srch_btn_backg.png"); background-repeat: no-repeat; background-position: center; border:none; cursor: pointer; vertical-align: super; } .srch_btn:hover { background-color: #0073AA; } .popup-content .srch_btn {margin-top:5px; float:left} .CRM-Pages .gn_header { padding: 50px 40px 30px 40px; } .CRM-Pages .gn_header h3 { line-height: 41px; } .CRM-Pages .form_fields { } .CRM-Pages .form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: inline; } .CRM-Pages .form_fields .form-inline input[type=text], .CRM-Pages .form_fields .form-inline input[type=email] { display: inline-block; width: auto; vertical-align: middle; margin: 5px 5px 8px 0; padding: 8px 8px; } .CRM-Pages .gn_header .btn.green { margin-top:5px; } .CRM-Pages .ra_left { padding: 10px; min-height: 1400px; } .CRM-Pages .ra_left .ra_list_wrap { margin-top: 40px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item { background-color: #fff; height: 500px; width: 28%; display: inline-block; margin-right: 4%; margin-bottom: 4%; box-shadow: 0px 0px 15px 7px #ccc; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item:nth-child(3n) { margin-right: 0px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue { background-color: #248acc; height: 340px; background-size: cover; padding:20px; text-align: center; color: #fff; font-size: 13px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue.back_one { background: url("../images/blue_one_back.png") no-repeat center/cover; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue.back_two { background: url("../images/blue_two_back.png") no-repeat center/cover; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue.back_three { background: url("../images/blue_three_back.png") no-repeat center/cover; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue .profile_img { height: 170px; width: 170px; text-align: center; display: inline-block; margin: 10px 0px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue .profile_img img { max-width: 100%; border: 4px solid #54b8e6; border-radius: 90px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue h2 { font-size: 26px; margin: 10px 0px; color: #fff; font-weight: 300; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue p { margin-bottom: 30px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue .status { padding: 5px 10px; font-weight: 500; border-radius: 2px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue .status.active { background-color: #b2d144; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue .status.inactive { background-color: #6dcff6; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .blue .left { text-align: left; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .whitebox { width: 100%; padding: 15px 20px; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .whitebox a { color: #057aa9; font-size: 13px; font-weight: 500; } .CRM-Pages .ra_right { padding: 10px 20px; height: 100%; min-height: 1400px; } .CRM-Pages .ra_right .rs_list_wrap { margin-top: 40px; } .CRM-Pages .ra_right .rs_list_wrap .rs_list_item { background-color: #fff; padding: 15px; margin-bottom: 15px; } .CRM-Pages .ra_right .rs_list_wrap .rs_list_item .name { font-weight: 600; margin-right: 10px; } .CRM-Pages .ra_right .rs_list_wrap .rs_list_item p { margin: 5px 0px; } .CRM-Pages .ra_right .rs_list_wrap .rs_list_item p.update { padding: 0px 30px 0 0; background: url("../images/green-check.png") no-repeat top right; display: inline-block; } .CRM-Pages .ra_right .pagination { background-color: #f1f1f1; padding: 10px 5px; } .CRM-Pages .ra_right .pagination li { display: inline-block; padding: 5px 10px 5px; margin: 0px 3px 0px 0px; border-radius: 2px; } .CRM-Pages .ra_right .pagination li a { text-decoration: none; color: #444; } .CRM-Pages .ra_right .pagination li.active a, .CRM-Pages .ra_right .pagination li.active, .CRM-Pages .ra_right .pagination li:hover, .CRM-Pages .ra_right .pagination li:hover a { background-color: #b2d144; color: #fff; } .CRM-Pages .crm-contact-search, .CRM-Pages .crm-contact-details { min-width: 1100px; } .crm-contact-search tbody td { vertical-align: middle; } .crm-contact-search tbody td .user_profile_img { height: 75px; width: 75px; border: 3px solid #ecf3f5; border-radius: 90px; text-align: center; display: inline-block; position: relative; } .crm-contact-search tbody td .user_profile_img img { border-radius: 40px; } .crm-contact-search tbody td .user_profile_img.active { border: 3px solid #d4e692; } .crm-contact-search tbody td .user_profile_img.lead { border: 3px solid #9bd4ea; } .crm-contact-search tbody td .user_profile_img span { padding: 10px; border-radius: 15px; background-color: #d4f0fb; position: absolute; bottom: 0px; right: 0px; } .crm-contact-search tbody td .user_profile_img.active span { background-color: #b2d144; } .crm-contact-search tbody td .user_profile_img.lead span { background-color: #6dcff6; } .crm-contact-search tbody td .user_profile_img.active span.active, .crm-contact-search tbody td .user_profile_img.lead span.lead { background-image: url('../images/check_blank.png'); background-repeat: no-repeat; background-position: center; } .crm-contact-details .player_profile { width: 100%; text-align: center; margin: 30px 0px 50px; } .crm-contact-details .player_profile .shadow-wrap { box-shadow: 0px 0px 15px 7px #ccc; display: inline-block; position:relative} .crm-contact-details .player_profile .blue { vertical-align: top; background-color: #248acc; height: 340px; background-size: cover; padding:20px; text-align: center; color: #fff; font-size: 13px; min-width:250px; max-width: 250px; display: inline-block; } .crm-contact-details .player_profile .blue.back_one { background: url("../images/blue_four_back.png") no-repeat center/cover; } .crm-contact-details .player_profile .blue .profile_img { height: 170px; width: 170px; text-align: center; display: inline-block; margin: 10px 0px; } .crm-contact-details .player_profile .blue .profile_img img { border-radius: 90px; border: 4px solid #54b8e6; } .crm-contact-details .player_profile .blue h2 { font-size: 26px; margin: 10px 0px; color: #fff; font-weight: 300; } .crm-contact-details .player_profile .blue p { margin-bottom: 30px; } .crm-contact-details .player_profile .blue .status { padding: 5px 10px; font-weight: 500; border-radius: 2px; } .crm-contact-details .player_profile .blue .status.active { background-color: #b2d144; } .crm-contact-details .player_profile .blue .status.inactive { background-color: #6dcff6; } .crm-contact-details .player_profile .white_section { background-color: #fff; min-width:500px; max-width: 500px; height: 340px; padding: 20px; margin-left: -3px; display: inline-block; text-align: left; } .crm-contact-details .player_profile .white_section .mrgn-btm-25 { margin-bottom: 25px; } .crm-contact-details .player_profile .white_section .mrgn-btm-35 { margin-bottom: 35px; } .crm-contact-details .player_profile .white_section .mrgn-rt-30 { margin-right: 30px; } .crm-contact-details .player_profile .white_section .link { padding:8px 15px; color: #fff; font-weight: 600; border-radius: 3px; margin: 5px 5px 5px 0; text-decoration: none; display:inline-block} .crm-contact-details .player_profile .white_section .green-link { background-color: #b2d144; } .crm-contact-details .player_profile .white_section .grey-link { background-color: #d5d5d5; } .crm-contact-details .player_profile .sm_links {position: absolute; right: 15px; bottom: 10px; margin: 0;} .chat-discussion { padding: 15px 0px; height: auto; max-width:1200px } .chat-discussion .send-message { position: relative; margin-bottom: 70px; margin-top:20px; } .chat-discussion .send-message textarea { width: 100%; min-height: 100px; padding-right: 85px; } .chat-discussion .send-message .btn { background: #6dcff6 url(../images/msg_send.png) no-repeat 50% 39%; vertical-align: top; position: absolute; right: 2px; top: 5px; padding: 62px 20px 10px; border-radius: 0px; cursor: pointer; } .chat-discussion .chat-date { text-align: center; border-top: 1px solid #ddd; margin-bottom: 50px; margin-top: 70px; } .chat-discussion .chat-date span { margin-top: -11px; position: absolute; background-color: #fff; padding: 0px 20px; margin-left: -80px; color: #888; } .chat-discussion .chat-message { padding: 10px 0px; position: relative; } .chat-discussion .message-avatar { height: 56px; width: 56px; border: 3px solid #ecf3f5; border-radius: 40px; margin-top: 0px; } .chat-discussion .message-content { background-color: #fff; text-align: left; display: block; padding: 10px 20px; position: relative; border-radius: 4px; margin-top: 15px; font-size: 13px; color: #464646; } .chat-discussion .message-time { float: right; position: absolute; right: 0px; top: 32px; color: #888; } .chat-discussion .chat-message.m-left .message-avatar { float: left; margin-right: 10px; } .chat-discussion .chat-message.m-right .message-avatar { float: right; margin-left: 10px; margin-right: 100px; } .chat-discussion .chat-message.m-left .message-content { text-align: left; margin-left: 75px; background-color: #f0f4f8; margin-right: 200px; } .chat-discussion .chat-message.m-left .message-content:after { content: ''; display: block; position: absolute; left: -12px; bottom: 37%; width: 0; height: 0; border-right: 6px solid #F0F4F8; border-top: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid transparent; } .chat-discussion .chat-message.m-right .message-content { text-align: right; margin-right: 175px; background-color: #c7edfc; margin-left: 100px; } .chat-discussion .chat-message.m-right .message-content:after { content: ''; display: block; position: absolute; right: -12px; bottom: 37%; width: 0; height: 0; border-left: 6px solid #c7edfc; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; } .arrow-right { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green; } .arrow-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid blue; } .tabs-wrap { margin-bottom: 30px; } .tabs-wrap ul.tabs{ margin: 0px; padding: 0px 10px; list-style: none; background-color: #4aa5c9; } .tabs-wrap ul.tabs li{ background: none; color: #fff; display: inline-block; padding: 22px 0px 8px 0; cursor: pointer; margin: 0px 16px; font-size:15px; text-transform: uppercase; font-weight: 400; } .tabs-wrap ul.tabs li.current, .tabs-wrap ul.tabs li:hover{ background: #4aa5c9; border-bottom: 4px solid #a7e7fe; font-weight: 600 } .tabs-wrap .tab-content { display: none; background: #fff; padding: 30px 40px; min-height: 600px; } .tabs-wrap .tab-content.current { display: inherit; } .tabs-wrap .tab-content form.form_fields input[type=text], .tabs-wrap .tab-content form.form_fields input[type=search], .tabs-wrap .tab-content form.form_fields input[type=radio], .tabs-wrap .tab-content form.form_fields input[type=tel], .tabs-wrap .tab-content form.form_fields input[type=time], .tabs-wrap .tab-content form.form_fields input[type=url], .tabs-wrap .tab-content form.form_fields input[type=week], .tabs-wrap .tab-content form.form_fields input[type=password], .tabs-wrap .tab-content form.form_fields input[type=checkbox], .tabs-wrap .tab-content form.form_fields input[type=color], .tabs-wrap .tab-content form.form_fields input[type=date], .tabs-wrap .tab-content form.form_fields input[type=datetime], .tabs-wrap .tab-content form.form_fields input[type=datetime-local], .tabs-wrap .tab-content form.form_fields input[type=email], .tabs-wrap .tab-content form.form_fields input[type=month], .tabs-wrap .tab-content form.form_fields input[type=number], .tabs-wrap .tab-content form.form_fields select, .tabs-wrap .tab-content form.form_fields textarea { padding: 9px 10px 8px 10px } .tabs-wrap .tab-content form.form_fields select {padding: 9px 25px 8px 10px} .tabs-wrap .tab-content form .form-group-row { padding: 20px 0px; } .tabs-wrap .tab-content form .form-group-row h3 { color: #2986ab; text-transform: uppercase; font-size: 14px; display: block; margin-bottom: 30px; font-weight: 600 } .brdr-btm { border-bottom: 2px solid #efefef; width: 100%; } .tabs-wrap .tab-content form .form-group-row .form-group, .add_more_emails, .add_more_phones, .add_more_social, .add_more_emails input, add_more_emails select { display: inline-block; } .tabs-wrap .tab-content form .form-group-row .form-group { margin-right: 5px; vertical-align: top; } .tabs-wrap .tab-content form .form-group-row textarea { width: 100%; } .tabs-wrap .tab-content form .form-group-row .form-group .min-w-80 { min-width: 80px; } .tabs-wrap .tab-content form .form-group-row .form-group .min-w-120 { min-width: 120px; } .tabs-wrap .tab-content form .form-group-row .form-group .min-w-200 { min-width: 200px; } .tabs-wrap .tab-content form .form-group-row .form-group .min-w-300 { min-width: 280px; } .tabs-wrap .tab-content form .form-group-row .add_more_btn { margin-top: 2px; margin-left: 10px; position: absolute; } .add_txt { text-decoration: none; font-size:12px; margin-top:10px; font-weight: 500; display:inline-block} .messaging-tab ul {margin:24px 0 0 10px} .tabs-wrap .tab-content form .form-group-row .remove_more_btn { margin-top: 14px; margin-left: 0px; position: absolute; } .tabs-wrap .tab-content form .form-group-row .add_more_addresses .form-group { margin-right: 8.5px; } .tabs-wrap .tab-content form .add_more_emails .form-group, .add_more_phones .form-group, .add_more_social .form-group { margin-right: 3.7px; } .add_more_phones .form-group { margin-right:9.8px !important; } .add_more_social .form-group { margin-right: 7.5px !important; } .add_more_emails { min-width: 225px; } .add_more_phones { min-width: 412px; } .cd-d-checkbox input { display: none !important; } .add_more_phones .form-group.cd-d-checkbox, .cd-d-checkbox { margin-right: -2px !important; } .cd-d-checkbox div.labl { cursor: pointer; height: 29px; width: 27px; padding: 5px 8px !important; margin-top: 3px; border: 2px solid #e2e2e2; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07); box-shadow: inset 0 1px 2px rgba(0,0,0,.07); } .cd-d-checkbox div.labl.checked { background: #b2d144 url('../images/chckbx_chkd.png') no-repeat center; box-shadow: none; } .mrgn-rt-30 { margin-right: 30px !important; } .mrgn-rt-40 { margin-right: 40px !important; } .mrgn-rt-60 { margin-right: 60px !important; } .mrgn-lt-60 { margin-left: 60px; } .mrgn-lt-56 { margin-left: 56px; } .mrgn-top-5 { margin-top: 5px; } .mrgn-btm-5 { margin-bottom: 5px !important; } .tabs-wrap .tab-content h3.subhead { display: inline-block; } .usageAdd table { width: 100%; } .usageAdd table tr { background-color: #f9f9f9; } .usageAdd table tr td { padding: 14px; vertical-align: middle; font-size: 14px; } .usageAdd table tr td select { margin: 0px; width: 100%; } .form-group.dropdownOptions.fieldOptions ul { margin: 0px; } .form-group.dropdownOptions.fieldOptions ul li input[type="text"] { width: 85%; margin-right: 5px; } .roles-row {padding-top:20px} .roles-row h3 { color: #2986ab; text-transform: uppercase; font-size: 14px; display: block; margin-bottom: 10px; font-weight:600 } .roles-row table { width: 100%; margin-bottom: 40px; border: 1px solid #d6d8d9; border-collapse: collapse;} .roles-row table thead tr { background-color:#ecf4f8; border: 1px solid #95cce2; } .roles-row table tr th { text-align: left; padding:10px; color: #2986ab; } .roles-row table tr td { padding:12px; border-bottom: 1px solid #d6d8d9; width:100px; font-size: 14px; line-height:20px; } #organization-address-info-wrapper table tr td {padding:18px 12px} .tabs-wrap .tab-content form .form-group-row .form-group .btn.green{ font-size: 15px; margin-top: 2px; } .score-history-tab { padding: 50px 40px !important; } .score-history-tab .score_bcard { border-radius: 10px; box-shadow: 5px 5px 15px 2px #ccc; width:500px} .score_bcard .blue_sec { background: url("../images/score_card_back.png") no-repeat center/cover; min-height: 100px; color: #fff; border-radius: 10px 10px 0px 0px; } .score_bcard .blue_sec .left, .score_bcard .blue_sec .right { padding: 23px; } .score_bcard .blue_sec .right { text-align: center; padding-top: 30px; padding-bottom: 16px; } .score_bcard .blue_sec .right span { font-size: 54px; font-weight: bold; } .score_bcard .green_sec { background-color: #b2d144; padding: 10px; text-align: center; color: #fff; font-weight: 500; clear: both; margin-top: 1px; text-transform: uppercase; } .score_bcard .white_sec { text-align: center; padding: 10px 0px; } .score_bcard .white_sec table { width: 100%; } .score_bcard .white_sec table td.bold { font-weight: bold; } .score_bcard .white_sec table td { width: 15%; text-align: center; } .score_bcard table label {color:#c1c1c1} .score-history-tab .facilities { margin-left: 60px; padding: 5px 0px; } .facilities h3 { color: #2986ab; text-transform: uppercase; font-size: 14px; font-weight: 600; } .facilities ul li { font-size: 15px; margin-bottom: 10px; } .facilities ul li .blue_bar { background-color:#ecf4f8; padding: 5px 10px; color: #2986ab; font-size: 14px; display: inline-block; margin-right: 5px; } .facilities a { color: #3d8eb0; font-size: 12px; } .scores_table { margin-top: 10px; } .scores_table .sc_usd { text-transform: uppercase; font-size: 12px; color: #555555; font-weight: bold; } .scores_table .sc_usd span { background-color: #b2d144; margin-right: 5px; padding: 1px 9px; } .scores_table .roles-row table { margin-bottom: 20px; } .scores_table .roles-row .sc_bar_td { width: 300px; } .scores_table .roles-row .sc_bar { padding: 10px; max-width: 80%; margin-right: 5px; display: inline-block; vertical-align: middle; } .scores_table .roles-row .sc_bar.green { background-color: #b2d144; } .scores_table .roles-row .sc_bar.lblue { background-color: #ecf4f8; } .scores_table a { color: #3d8eb0; font-size: 12px; } .event-list {padding-top:15px} .act_links { margin-top:20px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #959595; vertical-align: middle; } .act_links a.active { text-decoration: none; color: #959595; margin-right:5px; cursor: default; } .act_links a.inactive { text-decoration: underline; color: #4aa5c9; margin-left:5px; cursor: pointer; } .org_roles_box_wrap { margin: 40px 0px 0px; } .org_roles_box_wrap ul li { display: inline-block; vertical-align: middle; margin-bottom: 0px; } .org_roles_box_wrap ul li .pl_img { vertical-align: middle; margin-right:15px; height:61px; width:61px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius:35px; border: 3px solid #ecf3f5; } .org_roles_box_wrap ul li .box { min-height: 145px; margin-right: 30px; margin-bottom: 20px; min-width: 300px; box-shadow: 0px 0px 8px 1px #ccc; } .org_roles_box_wrap ul li .box .head { padding: 10px 12px; color: #fff; font-weight: 600; font-size: 14px; } .org_roles_box_wrap ul li .box .head.green { background-color: #b2d144; } .org_roles_box_wrap ul li .box .head.blue { background-color: #6dcff6; } .org_roles_box_wrap ul li .box .head.grey { background-color: #ddd; } .org_roles_box_wrap ul li .box .head.lblue { background-color: #ecf4f8; color: #2986ab; border:1px solid #95cce2; } .org_roles_box_wrap ul li .box .content { padding: 20px; } .org_roles_box_wrap ul li .box .large_content { padding: 40px; } .org_roles_box_wrap ul li .box .content .rmv_btn { margin-top: -10px; z-index: 999; cursor: pointer; display: none; } .org_roles_box_wrap ul li .box .content:hover .rmv_btn { display: block; } .player_profile.org .shadow-wrap .sm_sec { vertical-align: top; height: 340px; background-size: cover; padding: 20px; text-align: center; font-size: 13px; min-width: 250px; max-width: 250px; display: inline-block; } .player_profile.org .shadow-wrap .sm_sec h2 { font-size: 25px; font-weight: 100; line-height: 27px; } .player_profile.org .shadow-wrap .sm_sec .btn.white { border: 1px solid #e6e3e3; background-color: #fff; color: #898989; padding: 8px 20px; font-size: 13px; } .player_profile.org .shadow-wrap .sm_sec .btn.white:hover { background: none; animation-name: none; } .player_profile.org .shadow-wrap .sm_sec.white { background-color: #fff; } .player_profile .lg_sec.blue.back_five { background: url("../images/blue_five_back.png") no-repeat center/cover; } .player_profile .lg_sec.blue { min-width: 500px; max-width: 500px; padding: 100px 50px; height: 180px; text-align: left; font-size: 15px; line-height: 21px; } .player_profile .lg_sec.blue a { color: #fff; font-size: 13px; } .player_profile .lg_sec.blue span.head { color: #0c6eac; font-size: 12px; text-transform: uppercase; font-weight: bold; } .tabs-wrap .c-list ul li { font-size: 15px; margin-bottom: 10px; } .tabs-wrap .c-h-list { margin: 30px 0px 10px; } .tabs-wrap .c-h-list ul li { font-size: 15px; margin-bottom: 10px; color: #fff; width: 300px; } .tabs-wrap .c-h-list ul li a { color: #fff; text-decoration: none; } .tabs-wrap .c-h-list ul li a:hover { color: #eee; } .tabs-wrap .c-h-list ul li a.preset { font-size: 13px; } .tabs-wrap .c-h-list ul li div.green { background-color: #b2d144; padding: 10px; border-radius:5px } .tabs-wrap .c-h-list ul li div.grey { background-color: #ddd; padding: 8px; color: #fff; } .tabs-wrap .c-h-list ul li ul { padding-left: 40px; margin: 10px 0px; list-style-image: url('../images/hlist_img.png'); } .processingImage {padding: 3px; float: left; margin: 15px 0 0 15px;} /*#doSearch { font-size: 18px; color: #fff; padding: 9px 20px; background: #6dcff6 url(../images/srch_btn_backg.png) no-repeat center; border-radius: 5px; text-decoration: none; display: inline-block; border: none; cursor: pointer; }*/ #searchResults { max-height: 500px; overflow-y: auto; } #searchResults table { border: 1px solid #efefef; } #searchResults table td { padding: 10px; } #searchResults table tr { border-bottom: 1px solid #efefef; } .popup-body .form_fields .form-group { display: inline-block; margin-right: 5px; } .popup-body .form_fields .add_more_btn { margin-top: 2px; margin-left: 10px; position: absolute; } .popup-body .form_fields .remove_more_btn { margin-top: 14px; margin-left: 0px; position: absolute; } div.newcontactdiv label { display: inline-block; } /** Merge GHIN Numbers Style **/ .receipt_details ul { padding-left: 25px; margin-top: 0; } .receipt_details ul li { font-size: 13px; margin-bottom: 0; line-height: 20px; } @media only screen and (max-width: 1550px) { .CRM-Pages .ra_left .ra_list_wrap .ra_list_item { width: 45%; margin-right: 3%; margin-bottom: 3%; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item:nth-child(3n) { margin-right: 3%; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1430px) { .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .whitebox { padding: 15px 10px; } .CRM-Pages .ra_right { padding: 10px; } .CRM-Pages .form_fields .form-inline input[type=text], .CRM-Pages .form_fields .form-inline input[type=email] { width: 15%; } .CRM-Pages .gn_header { padding: 50px 20px 30px 40px; } } @media only screen and (max-width: 1340px) { .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .whitebox { padding: 15px 5px; } #club_billing_make_payment .boxTable {width: 100%; margin-bottom: 20px; } #club_billing_make_payment .cc_detail { width: 100%; } } @media only screen and (max-width: 1250px) { .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .whitebox { padding: 15px 20px; } .CRM-Pages .form_fields .form-inline input[type=text], .CRM-Pages .form_fields .form-inline input[type=email] { width: 13%; } .CRM-Pages .ra_right .rs_list_wrap .rs_list_item p.right { float:left; } .total_amount_due_box { margin: 0 0 20px 0; } } @media only screen and (max-width: 1100px) { .CRM-Pages .ra_left .ra_list_wrap .ra_list_item { width: 95%; margin-right: 0%; margin-bottom: 3%; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item:nth-child(3n) { margin-right: 0%; } .CRM-Pages .ra_left .ra_list_wrap .ra_list_item .whitebox { padding: 15px 20px; } .CRM-Pages .ra_left.seventy { width: 69% !important; } } @media only screen and (max-width: 850px) { .blue_bar_text { display: none; } } @media only screen and (max-width: 800px) { .toplevel_page_GNCRM #wpwrap { min-width: auto !important; } .CRM-Pages .ra_left { padding:0px; } .CRM-Pages .form_fields .form-inline input[type=text], .CRM-Pages .form_fields .form-inline input[type=email] { width: 30%; } .CRM-Pages .form-inline { display: block; } .CRM-Pages .form_fields .right { float:left; } #wpbody-content .wrap { padding: 20px 20px 40px; } .gn_header { padding: 40px 20px 35px; } .dataTables_wrapper select { height: 28px !important; font-size: 13px !important; } #club_billing_make_payment .boxTable .dataTables_wrapper { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media only screen and (max-width: 640px) { .CRM-Pages .ra_left.seventy { width: 100% !important; text-align: center; } .CRM-Pages .ra_right { width: 95% !important; } .CRM-Pages .ra_right .rs_list_wrap .rs_list_item p.right { float:right; } } @media only screen and (max-width: 580px) { .CRM-Pages .form_fields .form-inline input[type=text], .CRM-Pages .form_fields .form-inline input[type=email] { width: 47%; } } /*** Plugin - CRM | Ends Here ***/ /** styles for Myclubhouse plugin **/ .mrgn-tp-32 { margin-top: 32px; } table.dataTable tbody tr.selected, table.dataTable.no_even tbody tr.selected {background-color: #4aa5c9 !important; } .page-icon {display:inline-block; padding:5px; border-radius: 25px; background-color:#fff; margin-right:7px; color: #d4d4d4; font-size: 20px !important; vertical-align: middle} table.dataTable tbody tr.selected .page-icon {color: #4aa5c9 } table.dataTable tbody tr.selected a,table.dataTable tbody tr.selected td {color: #fff; text-decoration: none } .mc-website-pages tr td {vertical-align: middle} .page-dropdown {position:absolute; top:40px; left:60px; background:#fff; border:1px solid #b7b7b7; padding:0; display:table; box-shadow: 1px 1px 2px #eee; margin:0; z-index: 400;} .page-dropdown li {padding:0; margin:0} .page-dropdown a, .page-dropdown .dashicons {color: #636363 !important; margin-right:10px; text-decoration: none; vertical-align: middle } .page-dropdown .dashicons {} .page-dropdown li a {display:block; padding: 10px 40px 10px 10px; margin:0} .page-dropdown li a:hover {background:#f8f7f7} .relative {position:relative} .w_100 {width:100%; float:left;} .w_99 {width:99%; float:left;} .w_85 {width:85%; float:left;} .w_75 {width:75%; float:left;} .w_66 {width:66.6%; float:left;} .w_65 {width:65.0%; float:left;} .w_60 {width:60.0%; float:left;} .w_50 {width:50%; float:left;} .w_49 {width:49%; float:left;} .w_45 {width:45%; float:left;} .w_40 {width:40%; float:left;} .w_33 {width:33.3%; float:left;} .w_32 {width:32.0%; float:left;} .w_30 {width:30.0%; float:left;} .w_25 {width:25%; float:left;} .w_21 {width:21%; float:left;} .w_10 {width:10%; float:left;} .margin_rt {margin-right:1%} .margin_rt_2 {margin-right:2%} .margin_rt_5 {margin-right:5%} .margin_rt_10 {margin-right:10%} .space {clear:both; height: 25px} .clear {clear:both} .form_fields .w_25, .form_fields .w_33, .form_fields .w_50, .form_fields .w_10, .w_45, .w_40 { margin-right: 10px; } .form_fields .mc_button.upload, .mc_button.apply { padding: 10px 15px !important; margin-left: 10px !important; margin-top: 3px; border-radius: 2px; font-size: 15px; } .mc_button { font-weight: 600; padding: 15px; margin-left: 40px; display: inline-block; background: #02a5d2; color: #fff; text-decoration: none; margin-top: 20px; border-radius: 3px; border: none; cursor: pointer; } .mc_button.btn-blue { background-color: #4aa5c9; } .mc_button:hover {color:#fff !important;} .form_fields input.w_75 { width:75% !important; } .form_fields .w_25, .form_fields .w_33, .form_fields .w_50, .form_fields .w_100, .w_45, .w_40 { margin-bottom: 20px; } .sweet-alert { border: 1px solid black; } .backup-methods-wrap a { color: white !important; text-decoration: none; }