/* tag - date - reason - developer LL001 - 24/11/2016 - responsive design - Leslie */ /* LL001 start */ /* For mobile phones: */ * { box-sizing: border-box; } html,body { width: 100%; /*height: 100%;*/ margin: 0px; padding: 0px; overflow-x: hidden; } [class*="col-"] { width: 100%; } img.top { vertical-align: text-top; } img.bottom { vertical-align: text-bottom; } .mobile-bar a { color: #FFFFFF; text-decoration: none; } div.mobile-bar > .menu {display:inline-block; height:106px; line-height:106px; padding:0px 9px; padding-top:12px; color:#858c8a; position:relative} div.mobile-bar > a.menu, div.mobile-bar > .menu > a {color:#858c8a;} div.mobile-bar > a.menu, div.mobile-bar > .menu a {text-decoration:none} div.mobile-bar > a.menu:hover, div.mobile-bar > .menu > a:hover{color:#2276A6;} div.mobile-bar > .menu > .dropdown-menu {top:80px;} div.mobile-bar > .menu:hover > .dropdown-menu {display:block} @media only screen and (max-width: 1079px) { div.footer-bar {margin:8px 0px; text-align:left; float: left; width: 100%;} .hide-img {display: none; } .menu-bar {display: none; } .member-edit-desktop-panel {display: none; } } /*@media only screen and (min-width: 1081px) { For tablets: .col-m-1 {width: 8.33%; } .col-m-2 {width: 16.66%;} .col-m-3 {width: 25%;} .col-m-4 {width: 33.33%;} .col-m-5 {width: 41.66%;} .col-m-6 {width: 50%;} .col-m-7 {width: 58.33%;} .col-m-8 {width: 66.66%;} .col-m-9 {width: 75%;} .col-m-10 {width: 83.33%;} .col-m-11 {width: 91.66%;} .col-m-12 {width: 100%;} .hide-img {vertical-align: text-bottom;} .mobile-bar {display: none; } .member-edit-mobile-panel {display: none; } }*/ @media only screen and (min-width: 1080px) { /* For desktop: */ .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} .mobile-bar {display: none; } .member-edit-mobile-panel {display: none; } } /* LL001 end */ html {font-family:Arial, Helvetica, sans-serif; font-size:12px;} body { background-image:url(img/web/bg-page2.jpg); background-repeat:repeat-x; background-position:top; margin:0px; } h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px} pre, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;} textarea {line-height:20px} a > img {border:none} a:hover {color:#2276A6;} html.login {height:100%} html.login body{ background-color: #dddddd; background-image:url(img/web/bg-login.png); background-repeat:no-repeat; background-position:bottom left; } html.login .row-fluid {width:960px} html.login .login-container {margin-bottom:70px; margin-left:250px; margin-top:80px} html.login div.login-logo > img {height:133px} html.login table.login-table {font-size:12px; text-decoration:none; width:530px; line-height:22px; margin-top:30px; margin-left:38px} html.login .forget-password{font-size:11px; font-weight:bold; color:#697e86; text-decoration:none;} html.login div.login-btn {margin-left:38px} html.login div.login-btn button {font-size:16px; font-weight:bold; line-height:38px; width:90px; border:none} html.login div.login-social {margin-top:20px; margin-left:38px} html.login div.login-social a {font-size:12px; font-weight:bold; color:#000; text-decoration:none;} html.login div.login-social a:hover {color:#4264ee;} html.login div.login-footer {margin-top:60px; margin-left:30px} .jq-message {position:fixed; background-color:rgba(0, 0, 0, 0.8); color:#fff; width:100%; top:0px; left:0px; padding:12px; text-align:center; font-size:14px; font-weight:bold; z-index:100} div.menu-bar {background-position:top left; background-repeat:no-repeat; margin-bottom:8px; padding-bottom:5px; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; overflow:visible} div.menu-bar > img {vertical-align:top; margin-top:21px; width:3px; height:80px} div.menu-bar > img.logo {margin-top:18px; margin-left:12px; margin-right:9px; width:auto; max-height:106px; box-shadow:0px 0px 8px 0px #888} div.menu-bar > .menu {display:inline-block; height:106px; line-height:106px; padding-top:12px; color:#858c8a; position:relative} div.menu-bar > a.menu, div.menu-bar > .menu a {text-decoration:none; padding-left:9px;padding-right:9px} div.menu-bar > a.menu:hover, div.menu-bar > .menu > a:hover{color:#2276A6 !important;} div.menu-bar > .menu.active {background-image:url(img/web/select-arrow-down.png); background-position:center top; background-repeat:no-repeat; color:#000 !important;} div.menu-bar > .menu > .dropdown-menu {top:80px;} div.menu-bar > .menu > .dropdown-list {top:90px;} div.menu-bar > .menu > ul.dropdown-list li {padding:3px 0px} div.menu-bar > .menu:hover > .dropdown-menu {display:block} div.menu-bar > .menu:hover > .dropdown-list {display:block} div.footer-bar {margin:8px 0px; text-align:right} .row-report {width:1200px} /*.row-fluid .row-fluid {width: 100%;}*/ .row-border { background-color:#fff; border-radius:12px; box-shadow:1px 1px 8px 0px #444; position: relative; min-height: 680px; } .row-border .span-border-left { background-color:#f2f3f3; border-top-left-radius:12px; border-bottom-left-radius:12px; } .row-border .span-border-left-2 { background-color:#f2f3f3; border-top-left-radius:12px; border-bottom-left-radius:12px; position: absolute; height: 100%; z-index:0 } .row-border .span-border-right { background-color:#f2f3f3; border-top-right-radius:12px; border-bottom-right-radius:12px; } .row-event .span-border-left {border-top-left-radius:0px} .btn-glossy-black { /* Size */ height: 35px; width: 120px; margin-right: 5px; /* Fill */ background-color: transparent; background-origin: border-box; /*background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.000, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 10.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 30.0%, 1.00)) ); background-image: -webkit-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); background-image: -moz-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); background-image: -ms-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); background-image: -o-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); background-image: linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); */ background-image: linear-gradient(bottom, rgb(58,98,153) 26%, rgb(49,126,148) 65%, rgb(58,103,158) 82%); background-image: -o-linear-gradient(bottom, rgb(58,98,153) 26%, rgb(49,126,148) 65%, rgb(58,103,158) 82%); background-image: -moz-linear-gradient(bottom, rgb(58,98,153) 26%, rgb(49,126,148) 65%, rgb(58,103,158) 82%); background-image: -webkit-linear-gradient(bottom, rgb(58,98,153) 26%, rgb(49,126,148) 65%, rgb(58,103,158) 82%); background-image: -ms-linear-gradient(bottom, rgb(58,98,153) 26%, rgb(49,126,148) 65%, rgb(58,103,158) 82%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF4C4C4C, EndColorStr=#FF4C4C4C); /* IE6 to IE9 */ zoom: 1; /* Stroke */ border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00); -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* Label */ color: hsla(0.0, 0.0%, 100.0%, 1.00); font-family: "Helvetica","Verdana","Arial","sans-serif"; font-size: 16px; text-align: center; font-weight: bold; text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00); /* Shadow & Inner Shadow */ box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15); } .btn-glossy-black:Hover { /* Fill */ background-color: transparent; background-origin: border-box; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.000, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 15.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 35.0%, 1.00)) ); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* FF3.6 */ background-image: -ms-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* IE10 */ background-image: -o-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Opera 11.10+ */ background-image: linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Standards Compliant */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF595959, EndColorStr=#FF595959); /* IE6 to IE9 */ zoom: 1; /* Stroke */ border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00); -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* Label */ color: hsla(0.0, 0.0%, 100.0%, 1.00); font-family: "Helvetica","Verdana","Arial","sans-serif"; font-size: 16px; text-align: center; font-weight: bold; text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00); /* Shadow & Inner Shadow */ box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15); } .btn-glossy-black:Active{ /* Fill */ background-color: transparent; background-origin: border-box; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.000, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 15.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 25.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 35.0%, 1.00)) ); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* FF3.6 */ background-image: -ms-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* IE10 */ background-image: -o-linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Opera 11.10+ */ background-image: linear-gradient(90deg, hsla(0.0, 0.0%, 25.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 15.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 25.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 35.0%, 1.00) 100.0% ); /* Standards Compliant */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF595959, EndColorStr=#FF595959); /* IE6 to IE9 */ zoom: 1; /* Stroke */ border: 1px solid hsla(0.0, 0.0%, 15.0%, 1.00); -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* Label */ color: hsla(0.0, 0.0%, 100.0%, 1.00); font-family: "Helvetica","Verdana","Arial","sans-serif"; font-size: 16px; text-align: center; font-weight: bold; text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00); /* Shadow & Inner Shadow */ box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.25),inset 0px 0px 13px hsla(0.0, 0.0%, 0.0%, 0.75); } .btn-glossy-black[disabled]{ /* Fill */ background-color: transparent; background-origin: border-box; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.000, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(0.505, hsla(0.0, 0.0%, 10.0%, 1.00)) , color-stop(0.507, hsla(0.0, 0.0%, 20.0%, 1.00)) , color-stop(1.000, hsla(0.0, 0.0%, 30.0%, 1.00)) ); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* FF3.6 */ background-image: -ms-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* IE10 */ background-image: -o-linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Opera 11.10+ */ background-image: linear-gradient(90deg, hsla(0.0, 0.0%, 20.0%, 1.00) 0.0% , hsla(0.0, 0.0%, 10.0%, 1.00) 50.5% , hsla(0.0, 0.0%, 20.0%, 1.00) 50.7% , hsla(0.0, 0.0%, 30.0%, 1.00) 100.0% ); /* Standards Compliant */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF4C4C4C, EndColorStr=#FF4C4C4C); /* IE6 to IE9 */ zoom: 1; /* Stroke */ border: 1px solid hsla(0.0, 0.0%, 0.0%, 1.00); -moz-border-radius: 5px; /* FF1-3.6 */ -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* Label */ color: hsla(0.0, 0.0%, 100.0%, 0.50); font-family: "Helvetica","Verdana","Arial","sans-serif"; font-size: 16px; text-align: center; font-weight: bold; text-shadow: 0px -1px 0px hsla(0.0, 0.0%, 0.0%, 1.00); /* Shadow & Inner Shadow */ box-shadow:0px 1px 2px hsla(0.0, 0.0%, 0.0%, 0.50),inset 0px 1px 0px hsla(0.0, 0.0%, 100.0%, 0.15); } .htitle {font-size:14px; margin-top:30px; margin-bottom:8px} .htitle.first {margin-top:0px} .htitle.event {color:#7f7979} .htitle.event.first {margin-top:10px} .htitle .hlink {float:right; font-weight:bold; font-size:12px; color:#737373; line-height:16px} .htitle a.hlink {text-decoration:none; padding:0px 8px} .htitle a.hlink:hover {color:#4264ee;} .htitle a.hlink > img {height:16px; vertical-align:middle} .list {} .list > .list-head, .list > .list-row {overflow:hidden} .list > .list-row > .icon {float:left; text-align:center; width:50px; height:50px; line-height:50px; overflow:hidden} .list > .list-row > .icon > span {display:block; width:500px; height:500px; line-height:500px; margin-left:-225px; margin-top:-225px} .list > .list-row > .icon img {display:inline-block; vertical-align:middle; width:50px} .list > .list-row > .content {margin-left:50px} .list > .list-row > .content.none {margin-left:0px !important; padding:8px; font-style:italic;} a.show-more {display:block; text-decoration:none; color:#000; line-height:20px; margin-top:8px} a.show-more:hover{color:#4264ee;} a.show-more > img {vertical-align:middle; height:20px} .form-horizontal .div-table .control-group {margin:0px; padding:5px 0px;} .form-horizontal .div-table .row-fluid:first-child .control-group:first-child {padding-top:5px} .form-horizontal .div-table .row-fluid:last-child .control-group:last-child {padding-bottom:0px} .form-horizontal .div-table .control-label {width:125px; text-align:left} .form-horizontal .div-table .controls {margin-left:140px} .form-horizontal .div-table .row-fluid .control-group.input[type=text]{width:50%;height:30px} .form-search{padding:0px 8px; background-color:#585858; line-height:58px;} /** Changes made**/ input[type=text], input[type=date]{ width:50%; height:30px; } select{width:50%} /**changes**/ .edit-pane { padding: 10px; margin-top:20px; margin-bottom:20px; border: 1px solid #efefef; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; } input.datepicker {width:160px} select.time {width:60px} .edit-pane .form-horizontal .control-group { margin-bottom:5px;} .edit-pane .form-horizontal label.control-label {font-size:12px; text-align:left; width:130px} .edit-pane .form-horizontal div.controls {margin-left:150px} .form-btn{padding-top:20px; padding-bottom: 5px;} .dashboard-section > div {margin-left:-7px; } .dashboard-section > div:first-child {font-size:14px; line-height:28px; padding-left:15px; font-weight:bold; text-decoration:none;} .dashboard-section > div:last-child {background-image:url(img/web/bar-shadow.jpg); background-repeat:repeat-x; height:7px; position:relative} .dashboard-section > div:last-child img {position:absolute; top:0px} .dashboard-section.followup > div {margin-left:0px; margin-right:-7px; } .dashboard-section.followup > div:last-child img {position:absolute; top:0px; right:0px} .bar-cellgroup > div:first-child, .bar-eventinfo > div:first-child {background-color:#d7e457; color:#889134; cursor:pointer;} .bar-eventgroup > div:first-child, .bar-leaders > div:first-child { background-color:#ffa42b; color:#fff; cursor:pointer;} .bar-ministrygroup > div:first-child, .bar-reports > div:first-child { background-color:#3996b4; color:#fff; cursor:pointer;} .bar-groups > div:first-child, .bar-reports > div:first-child { background-color:#BA8A68; color:#fff; cursor:pointer;} .dashboard-bar .title > a{color:#417b8f; text-decoration:none; font-weight:bold;} .dashboard-bar .title > a:hover{color:#4264ee;} .dashboard-bar .cat {font-size:11px; font-weight:bold; color:#697e86} .dashboard-bar.list > .list-row {padding:5px 0px; border-top:1px solid #fff; border-bottom:1px solid #ccc} .dashboard-bar.list > .list-row:first-child {border-top:none} .dashboard-bar.list > .list-row:last-child {border-bottom:none} .dashboard-bar.list > .list-row > .icon {margin-left:5px;} .dashboard-bar.list > .list-row > .content {margin-left:60px; margin-top:4px} .dashboard-bar.expandable-hide .expandable {display:none} .dashboard-bar.expandable-hide1 .expandable1 {display:none} .dashboard-bar.expandable-hide2 .expandable2 {display:none} .dashboard-bar.expandable-hide3 .expandable3 {display:none} .event-table.list .title{font-size:11px; font-weight:bold; color:#417b8f; text-decoration:none; font-weight:bold;} .event-table.list .desc {color:#697e86} .event-table.list > .list-row {padding:5px 9px;} .event-report.list .title{font-weight:bold; color:#417b8f; font-weight:bold;} .event-report.list .title > a {color:#417b8f; text-decoration:none; } .event-report.list .title > a:hover{color:#4264ee;} .event-report.list .desc {font-size:11px; color:#697e86; margin-top:3px} .event-report.list > .list-row {padding:5px 9px;} .event-leader.list .title{font-weight:bold; color:#417b8f; font-weight:bold;} .event-leader.list .title > a {color:#417b8f; text-decoration:none; } .event-leader.list .title > a:hover{color:#4264ee;} .event-leader.list .position {color:#697e86} .event-leader.list .contact {margin-top:8px; color:#697e86; font-size:13px;} .event-leader.list .contact img {vertical-align:middle; position:relative; top:-1px} .list.event-leader > .list-row {padding:5px 9px;} .list.event-leader > .list-row > .icon {width:38px; height:38px; line-height:38px;} .list.event-leader > .list-row > .icon > span {width:300px; height:300px; line-height:300px; margin-left:-131px; margin-top:-131px;} .list.event-leader > .list-row > .icon img {height:38px} .list.event-leader > .list-row > .content {margin-left:46px} .ptitle {padding:10px; overflow:hidden} .ptitle.pw-0 {padding:10px 0px} .ptitle > .icon {float:left} .ptitle > .icon > img {width:80px} .ptitle > .content {margin-left:90px} .ptitle h1{font-weight:normal; font-size:25px; color:#000; text-decoration:none; margin:0px; line-height:42px;} .ptitle h1 > a {color:#1E0BE9; text-decoration:none} .ptitle h1 > a:hover {color:#737373; text-decoration:underline} .ptitle .plink {float:right; font-size:11px; font-weight:bold; color:#737373; line-height:42px} .ptitle a.plink {text-decoration:none; padding:0px 8px;} .ptitle a.plink:hover {color:#4264ee;} .ptitle a.plink > img {vertical-align:middle; margin-right:3px} .ptitle .pbutton {float:right; margin-top:2px; margin-left:5px} .ptitle.pdropdown {overflow:visible} .ptitle.pdropdown button {line-height:24px; vertical-align: middle;} .ptitle.pdropdown button .caret { vertical-align: middle; border-top: 6px solid #000000; border-right: 6px solid transparent; border-left: 6px solid transparent; position:relative; top:-5px; left:-1px } .ptitle.pdropdown button .dropdown-menu {font-size:14px; text-align:left;} .ptitle.pdropdown button .dropdown-menu a {text-decoration:none} .pdiv {background-color:#ddd; padding:8px; box-shadow: inset 0px 2px 8px 0px #aaa;} .notificationbar{} .notificationbar > .icon {float:left; width:50px;} .notificationbar > .icon img {vertical-align:middle} .notificationbar > .content {margin-left:50px; line-height:38px; background-color:#303030; color:#fff; font-weight:bold; font-family:Verdana; font-size:14px; } .notificationbody.list {background-color:#c7c7c7; display:none} .notificationbody.list > .list-row {padding:8px; border-top:1px solid #eee; border-bottom:1px solid #888} .notificationbody.list > .list-row:first-child {border-top:none} .notificationbody.list > .list-row:last-child {border-bottom:none} .notificationbody.list .desc{margin:0px; margin-top:8px; color:#555} .feedback.list {margin-bottom:20px} .feedback.list > .list-row {padding-top:16px; padding-bottom:16px; border-bottom:1px solid #ddd} .feedback.list > .list-row:first-child {padding-top:0px} .feedback.list > .list-row > .content {margin-left:60px} .feedback.list > .list-row > .content > a.title {font-size:16px; color:#417b8f; font-weight:bold; text-decoration:none;} .feedback.list > .list-row > .content > div.subject {color:#151515; font-weight:bold; margin:0px; margin-top:5px; margin-bottom:5px; font-size:13px; line-height:18px; white-space:pre-wrap;} .feedback.list > .list-row > .content > a.org{font-size:11px; font-weight:bold; color:#697e86; text-decoration:none;} .feedback.list > .list-row > .content > .desc {margin:0px; margin-top:5px; margin-bottom:5px; font-size:14px; line-height:18px; white-space:pre-wrap;} .feedback.list > .list-row > .content > .date{font-size:11px; font-weight:bold; color:#697e86} .feedback.list > .list-row > .content_mobile > a.title {font-size:16px; color:#417b8f; font-weight:bold; text-decoration:none;} .feedback.list > .list-row > .content_mobile > div.subject {color:#151515; font-weight:bold; margin:0px; margin-top:5px; margin-bottom:5px; font-size:13px; line-height:18px; white-space:pre-wrap;} .feedback.list > .list-row > .content_mobile > a.org{font-size:11px; font-weight:bold; color:#697e86; text-decoration:none;} .feedback.list > .list-row > .content_mobile > .desc {margin:0px; margin-top:5px; margin-bottom:5px; font-size:14px; line-height:18px; white-space:pre-wrap;} .feedback.list > .list-row > .content_mobile > .date{font-size:11px; font-weight:bold; color:#697e86} a.btn-comment{display:inline-block; background-color:#999; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; line-height:22px; padding:0px 5px; margin-top:12px; border-radius:5px} a.btn-comment:hover{background-color:#06b; } div.post-comment {margin-top:8px; display:none} div.post-comment > .icon {float:left; width:38px; height:38px; text-align:center; overflow:hidden} div.post-comment > .icon > span{display:block; width:300px; height:300px; line-height:300px; margin-left:-131px; margin-top:-131px;} div.post-comment > .icon img {vertical-align:middle; height:38px} div.post-comment > .content {margin-left:50px; padding:5px; background-color:#f3f3f3; position:relative} div.post-comment > .content > textarea {width:96%; resize:vertical; max-height:80px} div.post-comment > .content:before { content:""; border-width:8px 8px 8px 0px; border-style:solid; border-color:transparent #efefef; position:absolute; left:-8px } .list.comment-posts {margin-top:20px} .list.comment-posts > a.previous {display:block; margin-bottom:8px; font-size:11px; color:#697e86; text-decoration:none} .list.comment-posts > .list-row {margin-top:5px; overflow:auto} .list.comment-posts > .list-row > .icon {width:38px; height:38px} .list.comment-posts > .list-row > .icon > span{width:500px; height:500px; line-height:500px; margin-left:-231px; margin-top:-231px} .list.comment-posts > .list-row > .icon img {height:38px} .list.comment-posts > .list-row > .content {margin-left:50px; padding:5px; background-color:#efefef; position:relative} .list.comment-posts > .list-row:nth-child(even) > .content {background-color:#fff7d3} .list.comment-posts > .list-row > .content:before { content:""; border-width:8px 8px 8px 0px; border-style:solid; border-color:transparent #efefef; position:absolute; left:-8px } .list.comment-posts > .list-row:nth-child(even) > .content:before{ border-color:transparent #fff7d3; } .list.comment-posts > .list-row > .content > div.title {font-size:11px; color:#697e86} .list.comment-posts > .list-row > .content > div.title > a {display:inline-block; margin-right:15px; font-weight:bold; color:inherit; text-decoration:none} .list.comment-posts > .list-row > .content > .desc {margin:0px; margin-top:5px; margin-bottom:5px; white-space: pre-wrap;} .list.upcoming-meeting {background-color:#e3f3ff} .list.upcoming-meeting > .list-row {padding:5px 0px; border-top:1px solid #fff; border-bottom:1px solid #ccc} .list.upcoming-meeting > .list-row:first-child {border-top:none} .list.upcoming-meeting > .list-row:last-child {border-bottom:none} .list.upcoming-meeting > .list-row > .icon {margin-left:5px} .list.upcoming-meeting > .list-row > .content {margin-left:60px; margin-top:4px} .list.upcoming-meeting > .list-row > .content > div.title > a {color:#417b8f; text-decoration:none; font-weight:bold;} .list.upcoming-meeting > .list-row > .content > div.title > a:hover {color:#4264ee;} .list.upcoming-meeting > .list-row > .content > table.info {margin-top:5px; width:100%; font-size:9px; font-weight:normal; color:#697e86; text-decoration:none; font-family:Verdana; line-height:14px;} .list.upcoming-meeting > .list-row > .content > table.info tr > td:first-child {width:50px} .form-horizontal .div-table.member-search {background-color:#eee; border-top:1px solid #ddd; padding:8px} .form-horizontal .div-table.member-search select#member_birth_month {width:113px} .form-horizontal .div-table.member-search.expandable-hide .expandable {display:none} .form-horizontal .div-table.member-search input, .form-horizontal .div-table.member-search select, .form-horizontal .div-table.member-search label {font-size:12px} a.advance-search {display:inline-block; line-height:24px; font-size:12px; font-weight:bold; text-decoration:none; color:#000;} a.advance-search:hover{color:#4264ee;} a.advance-search > img {vertical-align:middle; height:24px} /*LL001 start*/ .form-horizontal .div-table.m_member-search {background-color:#eee; border-top:1px solid #ddd; padding:8px} .form-horizontal .div-table.m_member-search select#member_birth_month {width:113px} .form-horizontal .div-table.m_member-search.expandable-hide .expandable {display:none} .form-horizontal .div-table.m_member-search input, .form-horizontal .div-table.m_member-search select, .form-horizontal .div-table.m_member-search label {font-size:12px} a.m_advance-search {display:inline-block; line-height:24px; font-size:12px; font-weight:bold; text-decoration:none; color:#000;} a.m_advance-search:hover{color:#4264ee;} a.m_advance-search > img {vertical-align:middle; height:24px} /*LL001 end*/ div.alphalist {margin-left:0px} div.alphalist.margin0 {margin-left:8px; margin-top:10px; margin-bottom:10px; line-height:normal} div.alphalist > a {color:#bbb; font-size:14px; text-decoration:none; padding:5px; background-color:#333} div.alphalist > a:hover {color:#fff} div.alphalist > a.selected {color:#fff; font-weight:bold} .list.member-list .title {font-size:16px; font-weight:bold; color:#000; } .list.member-list a.title {display:block; text-decoration:none} .list.member-list .subtitle {font-weight:bold; color:#666} .list.member-list .contact {margin-top:8px; color:#666; font-size:13px;} .list.member-list .contact > img {vertical-align:middle; position:relative; top:-1px} .list.member-list .memberid {color:#666} .list.member-list .org .icon {float:left; width:38px; height:38px; text-align:center; overflow:hidden;} .list.member-list .org .icon > span {display:block; width:300px; height:300px; line-height:300px; margin-left:-131px; margin-top:-131px;} .list.member-list .org .icon img {vertical-align:middle; height:38px} .list.member-list .org .content {margin-left:45px} .list.member-list .org .name {font-weight:bold} .list.member-list .org .cat {color:#666} .list.member-list .org .role {color:#666; font-size:9px; margin-top:3px;} .list.m-member-list .title {font-size:16px; font-weight:bold; color:#000; } .list.m-member-list a.title {display:block; text-decoration:none} .list.m-member-list .subtitle {font-weight:bold; color:#666} .list.m-member-list .contact {margin-top:8px; color:#666; font-size:13px;} .list.m-member-list .contact > img {vertical-align:middle; position:relative; top:-1px} .list.m-member-list .memberid {color:#666} .list.m-member-list .org .icon {float:left; width:38px; height:38px; text-align:center; overflow:hidden;} .list.m-member-list .org .icon > span {display:block; width:300px; height:300px; line-height:300px; margin-left:-131px; margin-top:-131px;} .list.m-member-list .org .icon img {vertical-align:middle; height:38px} .list.m-member-list .org .content {margin-left:45px} .list.m-member-list .org .name {font-weight:bold} .list.m-member-list .org .cat {color:#666} .list.m-member-list .org .role {color:#666; font-size:9px; margin-top:3px;} .list.member-list {margin-bottom:20px} .list.member-list > .list-row {padding:8px; border-top:1px solid #ddd} .list.member-list > .list-row:first-child {border-top:none} .list.member-list > .list-row:last-child {border-bottom:1px solid #ddd} .list.member-list > .list-row:nth-child(even) {background-color:#eee} .list.member-list > .list-row > .icon {width:64px; height:64px; border-radius:8px} .list.member-list > .list-row > .icon > span{width:500px; height:500px; line-height:500px; margin-left:-218px; margin-top:-218px} .list.member-list > .list-row > .icon img {width:64px} .list.member-list > .list-row > .content {margin-left:75px} .list.m-member-list {margin-bottom:20px} .list.m-member-list > .list-row {padding:8px; border-top:1px solid #ddd} .list.m-member-list > .list-row:first-child {border-top:none} .list.m-member-list > .list-row:last-child {border-bottom:1px solid #ddd} .list.m-member-list > .list-row:nth-child(even) {background-color:#eee} .list.m-member-list > .list-row > .icon {width:64px; height:64px; border-radius:8px} .list.m-member-list > .list-row > .icon > span{width:500px; height:500px; line-height:500px; margin-left:-218px; margin-top:-218px} .list.m-member-list > .list-row > .icon img {width:64px} .list.m-member-list > .list-row > .content {margin-left:75px} a#member_show_more {margin-left:8px; margin-bottom:20px; line-height:24px; font-size:14px; font-weight:bold; } a#member_show_more > img {vertical-align:middle; height:24px} a#m_member_show_more {margin-left:8px; margin-bottom:20px; line-height:24px; font-size:14px; font-weight:bold; } a#m_member_show_more > img {vertical-align:middle; height:24px} #export_col {background-color:#eee; padding:20px; color:#777; font-size:0.9em; overflow:hidden} .form-member {padding:10px 12px; margin-bottom:20px} .form-horizontal.form-member .control-group { margin-bottom:5px;} .form-horizontal.form-member label.control-label {font-size:12px; text-align:left; width:150px} .form-horizontal.form-member div.controls {margin-left:170px} .form-horizontal.form-member .control-group-m { margin-bottom:5px;} .form-horizontal.form-member label.control-label-m {font-size:12px; text-align:left; width:250px} .form-horizontal.form-member div.controls-m input.mobile{ width:320px;height:30px } .form-member .scroll {height:195px; width:348px; overflow:auto; background-color:white; border:1px solid #ccc; padding:4px; border-radius:3px} .expanded-div-question input[type="text"]:disabled, .expanded-div-question textarea:disabled{ background: #dddddd; } .expanded-div-question{ border-left:5px solid grey; } a.form-side-btn{display:inline-block; background-color:#999; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; line-height:18px; padding:0px 5px; margin-top:12px; border-radius:5px; content:'Deleteq';} a.form-side-btn:hover{background-color:red; } .navi{font-weight:bold; background-color:#dbe2d8; color:#000; line-height:30px; position:relative} a.navi {display:block; text-decoration:none; color:#000; } .navi:hover{color:#06a;} .navi.parent {background-color:#666965; color:#ccc; } .navi.parent:hover {color:#fff} .navi.selected{ background-color:#2c2c2c; color:#ccc; text-decoration:none; display:block; font-weight:bold} .navi.selected:hover {color:#fff} .navi.child {line-height:20px} .navi.child > em {display:block; font-weight:normal; font-style:normal; color:#888} .navi.parent:before, .navi.selected:before { content:""; border-style:solid; border-width:8px 8px 0px 8px; position:absolute; bottom:-8px; } .navi.parent:before {border-color:#666965 transparent;} .navi.selected:before {border-color:#2c2c2c transparent;} .cell-navi > .navi {padding-left:8px} .cell-navi > .navi.parent {margin-bottom:8px} .cell-navi > .navi.child {border-bottom:1px solid #bbb; border-top:1px solid #fff} .cell-navi > .navi.child:last-child {border-bottom:none} .cell-navi > .navi.none {color:#666; font-weight:normal} .htitle.cell-bar {font-weight:normal; font-size:1.5em; line-height:30px} .cell-bar.cell {margin-left:-5.11%; padding-left:22px;} .cell-bar.ministry {margin-left:-2.78%; padding-left:22px;} .cell-bar.leader {background-color:#fff6d3; } .cell-bar.member {background-color:#efefef;} .cell-bar.cell.member, .cell-bar.ministry.member {margin-top:15px} .grid {overflow:hidden} .grid > .item {float:left; text-align:center; width:77px; height:125px; margin:1px; overflow:hidden} .grid > .item .icon {width:64px; height:64px; margin-left:auto; margin-right:auto; overflow:hidden} .grid > .item .icon span {display:block; width:300px; height:300px; line-height:300px; margin-top:-118px; margin-left:-118px;} .grid > .item .icon img {display:inline-block; vertical-align:middle; height:64px} #active_leader.grid, #active_member.grid {margin-bottom:8px} #active_leader.grid a, #active_member.grid a {color:#737373; text-decoration:none} #active_leader.grid a:hover, #active_member.grid a:hover {color:#4264ee;} #active_leader.grid .icon, #active_member.grid .icon {border-radius:8px} #active_leader.grid img, #active_member.grid img {border-radius:8px} #active_leader.grid .title, #active_member.grid .title {font-size:11px; font-weight:bold; margin-top:4px} .list.ministry a.title {display:block; font-size:16px; color:#417b8f; text-decoration:none; font-weight:bold;} .list.ministry a.title:hover{color:#69AAD0;} .list.ministry .desc {margin-top:5px; font-size:13px; color:#888} .list.ministry > .list-row {padding:8px 0px; border-bottom:1px solid #ddd} .list.ministry > .list-row:first-child {border-top:1px solid #ddd} .list.ministry > .list-row .content {margin-left:60px; padding-top:3px} .org-drag-drop {background-color:#eee; padding:10px 10px 0px 10px; border-bottom-left-radius:16px; border-bottom-right-radius:16px;} .org-drag-drop > .scroller {overflow-x:scroll;} .org-drag-drop .panel {background-color:#fff; min-height:500px; overflow:hidden} .org-drag-drop .panel > .drag-drop {float:left; width:195px; margin-top:5px; margin-left: 20px; border-right:4px solid #ddd} .org-drag-drop .panel > .drag-drop:first-child{margin-left:0px} .org-drag-drop .panel > .drag-drop:last-child .org-drag-drop .panel > .drag-drop:hover .arrow{visibility:hidden} .org-drag-drop .panel > .drag-drop > div {padding:8px 0px; padding-left:4px} .org-drag-drop .panel > .drag-drop > div:hover {background-color:#eee; color:#000;} .org-drag-drop .panel > .drag-drop a{text-decoration:none;} .org-drap-drop .panel > .drag-drop a:active, .org-drag-drop .panel > .drag-drop a:focus{color: #00c9ff;} .drag-drop-helper {width:200px; background-color:#f80; padding:5px; border-radius:5px; cursor:move} #cell_edit {font-size:16px; font-weight:bold; background-color:#585858} #cell_edit > a {display:block; padding:10px 12px; color:#fff; text-shadow:1px 1px 3px #000; text-decoration:none} #cell_edit:hover {box-shadow:inset 0px 0px 8px 1px #111; background-color:#C0C0C0} .list.move-org-list > .list-row {padding:5px 0px} .list.move-org-list > .list-row:hover {background-color:#e5e5e5} .list.pending-submit a.title {display:block; color:#000; text-decoration:none; font-weight:bold;} .list.pending-submit a.title:hover{color:#4264ee;} .list.pending-submit div.desc {margin-top:3px} .list.pending-submit div.days {font-weight:bold; color:#c00} .tab-pane .focus-bar{background-color:#DBDBDB; margin-left:-10px; margin-right:-10px; margin-bottom:10px; padding:8px 10px;} .month-selector select.select-month {width:80px} .month-selector input.select-year {width:50px} /*40 only shows 3 chars*/ .month-selector-m input.select-year {width:50px} /*LL001*/ .month-selector a.prev-next {font-weight:bold; color:#737373; text-decoration:none;} .month-selector a.prev-next:hover {color:#4264ee;} #meeting_month_selector > a.rlink {float:right; font-weight:bold; color:#737373; text-decoration:none; line-height:30px;} /*LL001 start*/ #meeting_month_selector_m > a.rlink {float:right; font-weight:bold; color:#737373; text-decoration:none; line-height:30px;} /*LL001 end*/ .list.member-list.absent-member > .list-row {background-color:#fff} .list.member-list.absent-member > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.absent-member .title {font-size:14px} .list.member-list.absent-member .absent-info {padding-left:5px; border-left:1px solid #ddd} .list.member-list.absent-member .absence-days {font-weight:bold; margin-bottom:5px} a#absent_member_show_more { margin-left:8px; margin-bottom:20px; line-height:24px; font-size:14px; font-weight:bold; } a#absent_member_show_more > img { vertical-align:middle; height:24px } .list.member-list.org-leaders > .list-row {background-color:#fff} .list.member-list.org-leaders > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.org-leaders .title {font-size:14px} .list.member-list.org-leaders .org-action {padding-left:5px; border-left:1px solid #ddd} .list.member-list.org-leaders .org-action img {cursor:pointer} .list.member-list.org-leaders .position {font-weight:bold} .list.member-list.org-leaders .cat {color:#666; margin-bottom:5px} .list.event-list > .list-row {padding:8px; background-color:#fff; border-bottom:1px solid #ddd} .list.event-list > .list-row:first-child {border-top:1px solid #ddd} .list.event-list .title {font-size:14px; font-weight:bold; color:#000;} .list.event-list a.title {display:block; text-decoration:none; color:#737373} .list.event-list a.title:hover {color:#4264ee;} .list.event-list .desc {color:#666; margin-top:3px} .list.event-list .status {font-weight:bold; margin-bottom:5px} .list.event-list .event-action {padding-left:5px; border-left:1px solid #ddd} .list.event-list .event-action img {cursor:pointer} .list.event-list.schedule-event .status {font-weight:bold} .list.event-list.schedule-event .note {color:#c00} .list.org-list > .list-row {padding:8px; background-color:#fff; border-bottom:1px solid #ddd} .list.org-list > .list-row:first-child {border-top:1px solid #ddd} .list.org-list > .list-row > .content {margin-left:60px} .list.org-list .title {font-size:14px; font-weight:bold; color:#000;} .list.org-list a.title {display:block; text-decoration:none; color:#737373} .list.org-list a.title:hover {color:#4264ee;} .list.org-list .desc {color:#666; margin-top:3px} .list.org-list .desc > a {font-weight:bold; color:#666; text-decoration:none} .list.org-list .desc > a:hover {color:#4264ee;} .list.org-list .level {font-weight:bold; margin-bottom:5px} .list.org-list .org-action {padding-left:5px; border-left:1px solid #ddd} .list.org-list .org-action img {cursor:pointer} .tab-pane .feedback.list > .list-row {background-color:#fff; padding:16px 8px; border-left:1px solid #ddd; border-right:1px solid #ddd} .tab-pane .feedback.list > .list-row:first-child {border-top:1px solid #ddd} table.register-stat {width:100%; border-collapse:collapse; border:1px solid #e8e8e8} table.register-stat td {background-color:#333; background-image:url('img/web/bg-img-loginsection.png'); color:#fff; text-align:center; padding:8px 0px} table.register-stat.stat-2 td {width:50%} table.register-stat.stat-3 td {width:33.33%} table.register-stat .data {font-size:14px; font-weight:bold} table.register-stat .info {color:#ccc} table.attendance-stat {width:100%; border-collapse:collapse; border:1px solid #e8e8e8} table.attendance-stat td {width:16%; background-color:#333; background-image:url('img/web/bg-img-loginsection.png'); color:#fff; text-align:center; padding:8px 0px} table.attendance-stat .data {font-size:14px; font-weight:bold} table.attendance-stat .info {color:#ccc} .register-action {margin-top:10px; margin-bottom:20px} .register-action > div {display:none} .register-action > div.active {display:block} .register-action > div .rlink {float:right; font-weight:bold; color:#737373; line-height:32px} .register-action > div a.rlink {text-decoration:none; padding:0px 8px;} .register-action > div a.rlink:hover {color:#4264ee;} .member-attendance-search {margin-top:8px; margin-bottom:20px;} .member-attendance-search > .select-date > select {width:130px} .check-in-out a.checkout, .check-in-out a.checkin {float:right; font-weight:bold; color:#737373; line-height:32px; text-decoration:none; padding:0px 8px;} .check-in-out a.checkout:hover, .check-in-out a.checkin:hover {color:#4264ee;} .search-date, .evaluation-template, .search-sponsor {margin-bottom:10px} .search-date > input, .search-sponsor > input {width:350px} .event-evaluation > table {background-color:#fff} .ministry-action > .rlink {float:right; font-weight:bold; color:#737373; line-height:32px} .ministry-action > a.rlink {text-decoration:none; padding:0px 8px; position: relative; z-index:1} .ministry-action > a.rlink:hover {color:#4264ee;} .ministry-action > .btn-group > .btn.active {font-weight:bold; color:#08d} .list.member-list.registration-list > .list-row {background-color:#fff} .list.member-list.registration-list > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.registration-list .title {font-size:14px} .list.member-list.registration-list .registration-data {border-left:1px solid #def; padding-left:8px} .list.member-list.registration-list .registration-data > div {margin-bottom:3px} .list.member-list.registration-list .registration-data > .status {font-weight:bold;} .list.member-list.registration-list .registration-data > .reg-type {color: #777;} .list.member-list.registration-list .registration-data > .reg-date {margin-top:8px; margin-bottom:5px; color:#777} .list.member-list.registration-list .registration-data > .reg-action > img {cursor:pointer} .list.member-list.registration-list.attendance .reg-type {margin-top:8px} .list.member-list.registration-list.attendance .contact {margin-top:3px; font-size:13px;} .list.member-list.registration-list.attendance .attendance-action select {font-size:1em; width:145px} .list.member-list.registration-list.attendance .attendance-action > div.attend {display:inline-block; width:30px; height:30px} .list.member-list.registration-list.attendance .attendance-action > div.absent {display:inline-block; width:30px; height:30px} .list.member-list.registration-list.attendance .attendance-action > div.absent-reason {display:none} .list.member-list.registration-list.attendance .attendance-action > div.sessions {display:none} .list.member-list.regular-list > .list-row {background-color:#fff} .list.member-list.regular-list > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.regular-list .title {font-size:14px} .list.member-list.regular-list .regular-data {border-left:1px solid #def; padding-left:8px} .list.member-list.regular-list .regular-data > div {margin-bottom:3px} .list.member-list.regular-list .regular-data > div.role {font-weight:bold;} .list.member-list.regular-list .regular-data > div.regular-date {color:#777} .list.member-list.regular-list .regular-data > div.regular-date.last-seen {margin-top:12px} .list.member-list.regular-list .regular-data > div.regular-date:last-child {margin-bottom:5px} .list.member-list.regular-list.attendance .role {margin-top:8px} .list.member-list.regular-list.attendance .contact {margin-top:3px; font-size:13px;} .list.member-list.regular-list.attendance .attendance-action select {font-size:1em; width:145px} .list.member-list.regular-list.attendance .attendance-action > div.attend {display:inline-block; width:30px; height:30px} .list.member-list.regular-list.attendance .attendance-action > div.absent {display:inline-block; width:30px; height:30px} .list.member-list.regular-list.attendance .attendance-action > div.absent-reason {display:none} .list.member-list.regular-list.attendance .attendance-action > div.sessions {display:none} .list.member-list.regular-visitor > .list-row {background-color:#fff} .list.member-list.regular-visitor > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.regular-visitor .title {font-size:14px} .list.member-list.regular-visitor .regular-data {border-left:1px solid #def; padding-left:8px} .list.member-list.regular-visitor .regular-data > div {margin-bottom:3px} .list.member-list.regular-visitor .regular-data > div.role {font-weight:bold;} .list.member-list.regular-visitor .regular-data > div.regular-date {color:#777} .list.member-list.regular-visitor .regular-data > div.regular-date.last-seen {margin-top:12px} .list.member-list.regular-visitor .regular-data > div.regular-date:last-child {margin-bottom:5px} .list.member-list.regular-visitor.attendance .role {margin-top:8px} .list.member-list.regular-visitor.attendance .contact {margin-top:3px; font-size:13px;} .list.member-list.regular-visitor.attendance .attendance-action select {font-size:1em; width:145px} .list.member-list.regular-visitor.attendance .attendance-action > div.attend {display:inline-block; width:30px; height:30px} .list.member-list.regular-visitor.attendance .attendance-action > div.absent {display:inline-block; width:30px; height:30px} .list.member-list.regular-visitor.attendance .attendance-action > div.absent-reason {display:none} .list.member-list.regular-visitor.attendance .attendance-action > div.sessions {display:none} .list.member-list.cell-member > .list-row {background-color:#fff} .list.member-list.cell-member > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.cell-member > .list-row .register > div {width:30px; height:30px} .list.member-list.cell-member .title {font-size:14px} .list.member-list.cell-member.attendance .attendance-action select {font-size:1em; width:145px} .list.member-list.cell-member.attendance .attendance-action > div.attend {display:inline-block; width:30px; height:30px} .list.member-list.cell-member.attendance .attendance-action > div.absent {display:inline-block; width:30px; height:30px} .list.member-list.cell-member.attendance .attendance-action > div.absent-reason {display:none} .list.member-list.cell-member.attendance .attendance-action > div.sessions {display:none} .list.member-list.checkout > .list-row {background-color:#fff} .list.member-list.checkout > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.checkout .checkin-data, .list.member-list.checkout .checkout-data {font-size:11px} .list.member-list.checkout .checkin-data > .checkin-note, .list.member-list.checkout .checkout-data > .checkout-note{margin-top:8px} .list.member-list.important-date-list > .list-row {background-color:#fff} .list.member-list.important-date-list > .list-row:first-child {border-top:1px solid #ddd} .list.member-list.important-date-list .title {font-size:14px} a#people_cell_member_show_more, a#cell_member_show_more, a#visiting_member_show_more, a#regular_attendee_show_more { margin-left:8px; margin-bottom:20px; line-height:24px; font-size:14px; font-weight:bold; } a#people_cell_member_show_more > img, a#cell_member_show_more > img, a#visiting_member_show_more > img { vertical-align:middle; height:24px } .list.sponsor-list .title {font-size:14px; font-weight:bold} .list.sponsor-list .brought-by {overflow:hidden} .list.sponsor-list .brought-by > .icon {float:left; width:38px; height:38px; text-align:center; overflow:hidden;} .list.sponsor-list .brought-by > .icon > span {display:block; width:300px; height:300px; line-height:300px; margin-left:-131px; margin-top:-131px;} .list.sponsor-list .brought-by > .icon img {vertical-align:middle; height:38px} .list.sponsor-list .brought-by > .content {margin-left:45px; line-height:38px} .list.sponsor-list .brought-by > .content > a {text-decoration:none; font-weight:bold; color:#697e86; margin-right:15px} .list.sponsor-list .brought-by > .content > img {float:right; margin-top:10px; cursor:pointer} .list.sponsor-list > .list-row {padding:8px; background-color:#fff; border-bottom:1px solid #ddd} .list.sponsor-list > .list-row:first-child {border-top:1px solid #ddd} .list.event-request > .list-row {background-color:#fff; border-bottom:1px solid #ddd} .list.event-request > .list-row:first-child {border-top:1px solid #ddd} .list.event-request > .list-row > .icon {padding:4px 0px} .list.event-request > .list-row > .content {padding:8px} .list.event-request a.title {display:block; font-size:14px; font-weight:bold; text-decoration:none; color:#737373} .list.event-request a.title:hover {color:#4264ee;} .list.event-request .date {margin-top:4px; color:#555} .list.event-request .desc {color:#777} .list.event-request .stats {margin-top:8px; overflow:hidden} .list.event-request .stats > a {display:inline-block; margin-right:8px; color:#737373; font-size:0.9em; text-decoration:none} .list.event-request .stats > a:hover {color:#4264ee;} .list.event-request .stats > a.active {font-weight:bold; } .list.event-request .status {font-weight:bold; margin-bottom:5px} .list.event-request .by, .list.event-request .on {color:#555} .list.event-request .request-detail .post-comment {display:block} .list.ministry-item > .list-row {padding:8px; background-color:#fff; border-bottom:1px solid #ddd} .list.ministry-item > .list-row:first-child {border-top:1px solid #ddd} .list.ministry-item .title {font-size:14px; font-weight:bold} .list.ministry-item .quantity {font-size:14px} .list.ministry-item .item-action img {cursor:pointer} .list.report.admin {width:97%; margin:15px;} .list.report {font-size:12px; display:table; width:100%; margin-bottom:20px;} .list.report > .list-head {background-color:#383838; color:#fff; font-weight:bold; line-height:20px;} .list.report > .list-head, .list.report > .list-row {display:table-row} .list.report > .list-head > div, .list.report > .list-row > div {padding:4px 8px; display:table-cell} .list.report > .list-head > div.composite, .list.report > .list-row > div.composite {padding:0px} .list.report > .list-head > div.composite div.composite, .list.report > .list-row > div.composite div.composite {padding:4px} .list.report > .list-row.total {font-weight:bold} .list.report > .list-head > div.num , .list.report > .list-row > div.num {text-align:right} .list.report > .list-head > div.center , .list.report > .list-row > div.center {text-align:center} .list.report > .list-row.even {background-color:#eee} .list.report > .list-row.odd {background-color:#fff} .list.report.alternate > .list-row:nth-child(odd) {background-color:#eee} .list.report.event > .list-head {background-color:transparent; color:#000; } .list.report.event.demographic {font-size:12px; background-color:#fff} .list.report.event.demographic > .list-head {background-color:#585858; color:#fff; } .list.report.newcomer-stat .name {width:85%} .list.report.newcomer-stat .stat {width:15%} .list.report.church-service > .list-row > div.active {background-color:#f00; color:#fff} .list.report.agegroupdemographic .agegroup {width:149px;} .list.report.agegroupdemographic > .list-row .agegroup {padding:0px 4px; text-align:left; vertical-align:middle} .list.report.agegroupdemographic > .list-row .total {font-weight:bold} .list.report.agegroupdemographic {font-size:11px; text-align:center; border-style:solid; border-color:#fff; border-width:0px 0px 1px 1px} .list.report.agegroupdemographic > .list-head > div {vertical-align:middle; border-style:solid; border-color:#fff; border-width:1px 1px 0px 0px} .list.report.agegroupdemographic > .list-head > div.composite > div.composite {border-bottom:1px solid #fff} .list.report.agegroupdemographic > .list-head > div.composite > div.row-fluid > div.composite {border-left:1px solid #fff} .list.report.agegroupdemographic > .list-head > div.composite > div.row-fluid > div.composite:first-child {border-left:none} .list.report.agegroupdemographic > .list-row > div {padding:1px} .list.report.agegroupdemographic > .list-row > div.composite div.composite {padding:1px} .list.report.demographic {font-size:11px} .list.report.demographic .total, .list.report.demographic .gender {border-right:1px solid #888} .list.report.demographic .total {border-left:1px solid #888} .list.report.yearlysubmission {font-size:11px} .list.report.yearlysubmission div.m1, .list.report.yearlysubmission div.q1 {border-left:1px solid #888} .list.report.yearlycelltotal {font-size:11px} .list.report.yearlycelltotal div.m1, .list.report.yearlycelltotal div.q1 {border-left:1px solid #888} .list.report.yearlycelltotal div.m{text-align:center} .list.report.yearlycelltotal div.workgroup{text-align:left} .list.report.memberattendance .hide {display:none} .list.report.memberattendance .absent {background-color:#f00 !important; color:#fff;} .list.report.memberattendance .w, .list.report.memberattendance .q {text-align:center} .list.report.memberattendance .q > div.row-fluid > div.span2 {width:18%} .list.report.memberattendance > .list-head > div {vertical-align:middle} .list.report.admin .edit > a {text-decoration:none} .list.report.admin .edit > a > img {vertical-align:middle; height:20px; border:none} .list.report.admin .edit {width:65px} /***Chi Cong***/ .row-border > .profile-left { position: absolute; margin-left:0px; min-height: 100%; height: 100%; padding:10px 10px 20px 10px; background-color: #EEF6EC; } a.btn-glossy-black { text-decoration:none; display:block; line-height:38px; width:160px; margin-top: 5px; margin-bottom: 5px; } .profile-right { padding-right: 1px; margin-bottom: 30px; } /**dropdown starts*/ .tabs-dropdown { display: none; } @media only screen and (max-width: 767px) { .tabs-dropdown { display: block; } .tabs-desktop { display: none; } } .tab-pane { border-top: 0px; /*background-color: #E8E8E8;*/ background-image: -webkit-linear-gradient(top, #ddd, #E8E8E8 20px); background-image: -moz-linear-gradient(top, #ddd, #E8E8E8 20px); background-image: -o-linear-gradient(top, #ddd, #E8E8E8 20px); border-radius: 0px 0px 4px 4px; padding: 10px; padding-bottom: 25px; } ul {padding:0;margin:0 0 0px 0px;} .nav-tabs>.active>a,.nav-tabs>.active>a:hover{ color:#555555; background-color:#ddd; border:1px solid #ddd; border-bottom-color:transparent; cursor:default; } .nav li>a {text-decoration:none;} .nav>li>a{display:block; text-decoration:none;background-color:#EEEFF1; z-index: -1; color:#6E8195; min-width: 40px; text-align: center;} .nav>li>a:hover{text-decoration:none;background-color:#f5f5f5; color:#2276A6;} .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:16px;border:1px solid transparent;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .nav-tabs>li>a,.nav-pills>li>a{padding-right:9px;padding-left:9px;margin-right:4px;line-height:16px; border-bottom: 1px solid #DDDDDD} /*dropdown ends**/ .profile-left .heading { font-size: 15px; color: #666; font-weight:bold; border-bottom: 1px solid #C2C2C2; box-shadow: 0px 1px 0px #FFFFFF; width: 100%; margin-top: 20px; padding-bottom: 3px; } .profile-left .heading1 { font-size: 13px; color: #666; font-weight:bold; margin-top: 20px; } .smalltxt{ font-size:11px; font-weight:bold; color:#697e86; text-decoration:none; } .profile-left .member_profile { margin-top: 20px; margin-left: 20px; } .profile-left .contacts { margin-top:20px; margin-left: 20px; color:#666; margin-bottom: 8px; } .profile-left .contacts > img, .member-contact > img { vertical-align:middle; position:relative; } .profile-left .mailing_address { margin-top: 20px; margin-left: 20px; color: #888; } .profile-left .hometown { margin-top: 10px; margin-left: 20px; color: #888; } h1 {color:#7f7979; margin-top: 12px;} h2 {font-size:16px; font-weight:bold; color:#7f7979; line-height:35px; margin-top: 10px;} h3 {font-size:14px; font-weight:bold; color:#7f7979; line-height:24px; margin-top: 8px;} .org-item, .gifting-item, .biodata-item, .member-item, .drag-item, .file-item { border-radius: 10px; background-color: #fff; padding: 8px 8px 8px 8px; overflow: auto; margin-top: 4px; } .gifting-item, .biodata-item { padding: 12px 8px 12px 20px; } .org-item:first-child, .gifting-item:first-child, .biodata-item:first-child, .member-item:first-child { margin-top: 0px; } .org-item .icon img { height: 64px; width: 64px; margin-right: 15px; } .org-item .icon { float: left; } .org-item .org_name { padding-top: 8px; } .org-item .org_name a { font-size:16px; font-weight:bold; text-decoration:none; color:#000; line-height:30px; } .org-item .org_name a:hover { color: #2276A6; } .org-item .org-cat { color:#666; font-weight: bold; } a.link.button{ font-size:14px; font-weight:bold; text-decoration:none; color:#000; } a.link.button:hover{ color: #2276A6; } #course a.course-edit { background: transparent url(/img/web/bullet-icon-edit.png) center left no-repeat; padding-left: 30px; padding: 5px 0px 5px 30px; margin-bottom: 8px; display: block; } #course .edit-pane, #profiling .edit-pane { margin-top: 0; } .course-list > .course-hdr {font-weight:bold; margin-top:20px} .course-list > .course-hdr.completed {color:#d00} .course-list > .course-item {padding:8px 0px} .member-icon > img { height: 64px; width: 64px; float: left; border-radius: 6px; margin-right: 15px; overflow: hidden; } .member-text .member-name { font-size:16px; font-weight:bold; text-decoration:none; color:#000; line-height: 20px; margin-top: 15px; } .profile-right a { color:#000; text-decoration:none; } .profile-right a:hover { color: #2276A6; } .member-text .cat { color:#616469; font-style: italic; display: inline-block; } .member-aka { color:#666; font-weight: bold; } /**Action*/ .action { float: right; } .action > a.item-edit { float: left; border-right: 1px solid #D8D7DC; padding-right: 5px; margin-right: 5px; line-height: 20px; padding-top: 5px; } .action > a.item-delete { float: left; line-height: 20px; padding-top: 5px; } .action > div{ text-align: center; } /*end action**/ .member-contact { color:#666; margin-top: 5px; } .member-id { font-size: 12px; color: #969E9B; } .member-contact span { margin-right: 10px; } .edit-member-relationship .member-name { margin-top: 5px; } /**Profiling tab*/ #profiling a.gifting-add,#profiling a.biodata-add { background: transparent url(/img/web/bullet-icon-close.png) center left no-repeat; padding-left: 30px; padding: 5px 0px 5px 30px; margin-bottom: 8px; display: inline-block; } .gifting-type { font-size:16px; font-weight:bold; text-decoration:none; color:#000; line-height:25px; } .gifting-score { line-height: 30px; } .biodata-by { color:#666; } /*profiling end**/ /**Ministries start*/ .small-btn-28 { height: 28px; width: 100px; font-size: 14px; } .small-btn-28:hover { font-size: 14px; } a.small-btn-28 { line-height: 28px; width: 100px; } .no-info-div { background: #CDCCCC; border-radius: 8px; padding: 8px 8px 8px 12px; color:#666; } .search-form { margin-top: 10px; } .search-form input {width: 300px;} /*Ministries end**/ #activities .no-info-div, #follow_up .no-info-div { margin-top: 15px; } #activities .dataTables_scroll, #follow_up .dataTables_scroll { margin-top: 15px; } .tab-pane .table { background-color: #fff; } .table {margin-bottom: 0px;} .table td {min-width: 50px;} .icon64 {width:64px; height:64px; margin-left:auto; margin-right:auto; overflow:hidden; float:left; text-align: center; border-radius: 8px;} .icon64 span {display:block; width:300px; height:300px; line-height:300px; margin-top:-118px; margin-left:-118px;} .icon64 img {display:inline-block; vertical-align:middle; height:64px;} .profile-right .icon64 {margin-right: 15px;} /**Follow up detail starts*/ #follow_up_details-right-pane { padding-top: 20px; padding-bottom: 10px; /*position: absolute;*/ /*height: 100%;*/ /*right: 0;*/ } #follow_up_details-left-pane { padding: 10px 0 10px 10px; } /*Follow up detail ends**/ /** Ribbon style starts*/ /*--Default ribbon color is orange & text color is white--*/ /*Sample:
Address Information
*/ .ribbon-wrapper { position: relative; width:100.3%; border-bottom: 3px solid #C2C2C2; } .ribbon-front { background-color: #FFA42B; height: 28px; width: 101%; position: relative; z-index: 2; } .ribbon-text { color: #fff; font-weight: bold; font-size: 14px; line-height: 28px; padding-left: 15px; } .ribbon-left { content: ''; width: 7px; z-index: 2; position: absolute; top: 0px; left: -7px; height: 100%; background-color: #FFA42B; } .ribbon-left::after { content: ''; width: 7px; z-index: 1; position: absolute; top: 100%; left: 0px; height: 100%; border-style:solid; height:0px; width:0px; border-color: transparent #010504 transparent transparent; border-width: 0 7px 7px 0; } .ribbon-right { /*content: '';*/ width: 7px; z-index: 2; position: absolute; top: 0px; left: 100.1%; height: 100%; background-color: #FFA42B; } .ribbon-right::after { content: ''; width: 7px; z-index: 1; position: absolute; top: 100%; left: 0; height: 100%; border-style:solid; height:0px; width:0px; border-color: transparent transparent transparent #010504; border-width: 0 0 7px 7px; } /* Ribbon style ends**/ /**Overide ribbon starts*/ .ribbon-green .ribbon-front, .ribbon-green .ribbon-left, .ribbon-green .ribbon-right { background-color: #D7E457; } .ribbon-green .ribbon-text { color: #889134; } .ribbon-blue .ribbon-front, .ribbon-blue .ribbon-left, .ribbon-blue .ribbon-right { background-color: #3996B4; } .ribbon-purple .ribbon-front, .ribbon-purple .ribbon-left, .ribbon-purple .ribbon-right { background-color: #6831A9; } /*Overide ribbon ends**/ #follow_up_details-right-pane table td:first-child{ display: block; } #follow_up_details-right-pane table td:nth-child(2){ display: block; margin-left: 10px; } /**Popup styling starts*/ .popup-pane .popup-content { background-color:white; padding: 5px; margin: 5px; border: 1px solid #E0F2F7; width: 500px; border-radius: 5px; } .popup-pane .popup-content table { width: 100%; } .popup-pane .popup-content table td.smalltxt { width: 25%; } .popup-pane .popup-content textarea, .popup-pane .popup-content input[type="text"] { width: 95%; } .popup-pane .popup-title { padding: 5px; } .popup-pane .popup-title h2 { margin-top: 0; } .popup-pane .popup-action { padding: 5px; } /*Popup styling ends**/ #reopen-dialog .btn-glossy-black, #edit-remark-dialog .btn-glossy-black { /* width: 150px; */ } #change-pword-dialog.popup-pane { padding-top: 20px !important; padding-bottom: 20px; } /*Chi Cong end***/ /* WILLY */ #checkout_facility_mask, #export-calendar-mask, #job-mask, #self-register-mask, #feedback-mask, #change-pword-mask, #member-mask, #member-assign-mask, .followup-mask, .popup-mask, #edit_name_mask, #private-email-mask, #headcount-mask, #edit-vprofile-mask, #memberid-sequence-mask, #print-name-list-mask, #add-meeting-mask { position: fixed; left:0; top:0; z-index:90; background-color:black; display:none; height: 100%; width: 100%; } #checkout_facility_dialog, #feed-dialog, #export-calendar-dialog, #self-register-dialog, #job-dialog, #member-dialog, #member-assign-dialog, .popup-dialog , #edit_name_dialog , #memberid-sequence-dialog, #private-email-dialog, #headcount-dialog, #edit-vprofile-dialog, #edit-remark-dialog, #print-name-list-dialog, #add-meeting-dialog, #log-changes-dialog, .popup-pane{ position:absolute; display:none; z-index:99; width: auto; height: auto; padding: 8px; border: 6px solid #444; border-radius: 10px; background-color:#eee; box-shadow: inset 0 0 3px #333; } #log-changes-dialog{ width:500px; margin: 0 auto; } #feed-dialog {width:826px} #feed-dialog > table {width:100%} #member-assign-dialog{min-width:30%} .dashboard-site-width{margin:0px auto; width:960px; padding-bottom:20px; margin-left:20px; margin-top:20px; margin-bottom: -18px; border-radius: 8px; min-height: 665px;} .tb-barleader{font-size:18px; padding-left:25px; background-color:#fff6d3; line-height:30px; text-decoration:none; margin-bottom:8px;} .tb-barmember{font-size:18px; padding-left:25px; background-color:#efefef; line-height:30px; text-decoration:none; margin-bottom:8px;} .member-grid {margin-left:8px;} .member-grid .member-item {float:left; width:90px; height:120px; margin:1px; position:relative} .member-grid .member-item .member-icon {width:58px; height:58px; border:1px solid #ddd; overflow:hidden} .member-grid .member-item .member-name {width:75px; height:58px;} .member-grid .member-item .member-icon > div {width:58px; height:58px; display:table-cell; vertical-align:middle; text-align:center} .member-grid .member-item .member-icon > div > img {width:58px} .tabtb{height:30px; font-size:16px; color:#000; text-decoration:none; background-color:#d9dbdc; padding:8px 0 0 8px;} .event_list{padding:8px} .grouppanel-enter{ background-color:#2c2c2c; line-height:30px; padding-left:25px; color:#ccc; text-decoration:none; display:block; font-weight:bold;} .grouppanel{ font-weight:bold; background-color:#666965; line-height:30px; padding-left:25px; color:#ccc; text-decoration:none; display:block;} .grouppanel a:hover{color:blue;} .grouppanel_sub{border-bottom:1px solid #eee; background-color:#dbe2d8; background-repeat:repeat-x; background-position:bottom; padding-left:25px; color:#000; text-decoration:none; display:block; height:35px;} .grouppanel_sub a:hover{color:blue;} .profilelink{ font-size:11px; font-weight:bold; color:#737373; text-decoration:none; padding:8px; } a:hover.profilelink{color:#4264ee;} .member-group-color{color:#069; font-weight:bold;} .cell-desc{color:#666; font-size:12px;} .org-details .org-details-profile{padding:8px 0 8px 20px;} .org-details .org-details-profile h3 a:hover{color: rgba(0,201,255,0.8); text-shadow: 1px 4px 6px #fff, 0 0 0 #676767} .org-details .org-details-profile h3 a{color: black; text-decoration:none;} .ministry {} .ministry > .ministry-row {overflow:hidden} .ministry > .ministry-row > .icon {float:left; text-align:center; width:85px; height:85px; overflow:hidden} .ministry > .ministry-row > .icon img {display:inline-block; vertical-align:middle; height:80px; border:1px #CCC solid} .ministry > .ministry-row > .content {margin-left:100px; padding-top:30px} .list .list-row .content .hover:hover{color:#0065B7} .list .list-row .content .hover{text-decoration:none; color:black; font-weight:bold;} .container { border-radius:8px; position: relative; margin:8px auto; width:90%; } .container-assignment { border-radius:5px; position: relative; width:95%; } .container-event-null { border-radius:5px; position: relative; width:98%; background-color:#CDCCCC; padding:8px 0 8px 8px; font-style:italic; font-weight:bold; } .container-message { border-radius:5px; position: relative; width:90%; background-color:#CDCCCC; margin-left:30px; padding:8px 0 8px 8px; } .ministry-tab{background-color:#F8F8F8; margin:0 -3% 0 -3%;} .event-null{padding:8px 0 8px 8px; font-style:italic} .item-new{margin-top:15px; margin-right:15px; cursor:pointer; font-size:14px; font-weight:bold;} .item-new:hover{color:blue} .small-font{font-size:12px} .assignment-title{color:#7F7979; font-size:16px; font-weight:bold; line-height:35px} .memberpost.comment-post{padding-bottom:8px} .memberpost.comment-post:last-child{border-bottom-left-radius:5px; border-bottom-right-radius: 5px; margin-bottom:16px} .comment-post {margin-left:80px; padding-bottom:0px; padding-top:8px;} .member-grids {} .member-grids .member-items {float:left; width:30px; height:20px; margin:1px; position:relative} .member-grids .member-items .member-names {display:none; background-color:#333; color:#fff; text-align:center; width:150px; padding:5px 0px; border-radius:4px; position:absolute; top:-25px; left:50%; margin-left:-75px; z-index:10} .member-grids .member-items:hover .member-names {display:block} .view-prev {padding-top:8px; background-color:#f0f0f0; margin-left:80px; padding-bottom:3px;} .view-prev a {color:#006DC6; text-decoration:none; font-size:0.7em; margin-left:5px;} .view-prev a:hover {color: #00c9ff} .comment-panels{width:80%; margin-bottom:20px; resize:vertical} #member-dialog .scroll {height:300px; width:250px; overflow:auto; background-color:white;} #member-dialog .scroll > .org-item {padding:4px; cursor:pointer;} #member-dialog .scroll > .org-item:hover {background-color:#B2B2B2} #feed-dialog .scroll {height:400px; width:100%; overflow:auto; background-color:white;} #feed-dialog .scroll > .org-item {padding:4px; cursor:move; border-radius:4px;} #feed-dialog .scroll > .org-item:hover {background-color:#B2B2B2} #feed-dialog .scroll2 {height:178px; width:100%; background-color:white; overflow-y:auto; overflow-x:hidden; white-space:nowrap} .drag-item {padding:4px; cursor:move; background-color:#B2B2B2; width:39%; border-radius:4px} div.file-tbl {border-radius:6px; max-height:150px; overflow-y:auto; margin:5px 0px;} div.file-tbl .file-row:hover {background-color:#696969; cursor:default; color:#fff} .file-row { float:left; margin:2px; padding:4px 4px 4px 8px; background-color:#B2B2B2; border-radius:4px; width:660px;} .file-item:hover {background-color:#5c5c5c; color:#fff} .file_name {text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:580px; display:inline-block} .attachment div.attach-file {display:inline-block; padding-right:5px} #member-assign-dialog .scroll {height:300px; width:100%; overflow:auto; background-color:white;} #member-assign-dialog .scroll > .org-item {padding:4px; cursor:pointer;} #member-assign-dialog .scroll > .org-item:hover {background-color:#B2B2B2} .feedback_space{margin-bottom:30px; border-bottom:1px solid black;} .edit_item{cursor:pointer} .edit_item:hover{color:blue} .gray-shadow{background-color:#DBDBDB; margin-left:-10px; margin-right:-10px; padding:10px 0 10px 10px;} .circle-alert { border-radius:50%; width:16px; height:16px; margin-top:20px; background-color:#a00; background-image:-moz-radial-gradient(12px 0px, circle cover, #fbb 0%, #f00 30%, #a00 100%); background-image:-webkit-radial-gradient(12px 0px, circle cover, #fbb 0%, #f00 30%, #a00 100%); background-image:radial-gradient(12px 0px, circle cover, #fbb 0%, #f00 40%, #a00 100%); /* webkit chrome, safari, mobile */ -webkit-animation-name:spin; -webkit-animation-duration:1s; /* 3 seconds */ -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; /* mozilla ff */ -moz-animation-name:spin; -moz-animation-duration:1s; /* 3 seconds */ -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; /* microsoft ie */ -ms-animation-name:spin; -ms-animation-duration:1s; /* 3 seconds */ -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; } .alert {position:relative} .alert .text {display:none; background-color:#604848; color:#fff; font-size:0.8em; padding:4px; width:200px; text-align:center; z-index:10; left:50%; position:absolute; margin-left:-145px; top:-150%; border-radius:5px} .alert .text:before { content :""; border-width:10px 10px 0px 10px; border-style:solid; border-color:#604848 transparent ; position:absolute; bottom:-10px; left:90px; } .alert:hover .text {display:block} .role-item > .role-profile > .icon {float:left; width:38px; height:38px; text-align:center; overflow:hidden} .role-item > .role-profile > .icon > span{display:block; width:300px; height:300px; line-height:300px; margin-left:-131px; margin-top:-131px;} .role-item > .role-profile > .icon img {vertical-align:middle; height:38px} .role-item > .role-profile > .content{margin-left:50px; margin-top:10px; position:relative} .role-item > .role-profile > .content a{text-decoration:none; color: #417B8F;} .ministry-message-table{width:100%; margin-top:10px; border:1px solid #ddd} .ministry-message-table-title{font-weight:bold; background-color: #333; color: #fff; height:30px} /* WILLY */ /** June **/ .form-horizontal .div-table.member-search.box{padding:0px} .form-horizontal .div-table.member-search.box .content{padding:8px} .form-horizontal .div-table.member-search.box .buttons{padding-left:8px; padding-bottom:8px;} .form-horizontal .div-table.member-search.box .buttons.auto-width .btn-glossy-black{min-width:120px; width:auto; line-height:38px; padding-left:20px; padding-right:20px;} .form-horizontal .div-table.member-search.box .title{ padding:8px; font-size:15px; font-weight:bold; color:#000; background-color:#b5b5b5; background-image: -webkit-linear-gradient(bottom, rgb(222,222,222) 72%, rgb(189,189,189) 100%); border-bottom:1px solid #fff; } .new-visitor-title { padding:8px; font-size:15px; font-weight:bold; color:#333; background-color:#eee; } .form-horizontal .div-table.member-search.box .black-title{ padding:8px; font-size:15px; font-weight:bold; color:#000; background-color:#333; } .form-horizontal .div-table.member-search.box .content .control-group2 {margin-left:260px} .memberid.list .list-row .check-box {float:left; text-align:center; width:30px; line-height:50px; } .memberid.list .list-row .icon {float:left; text-align:center; width:64px; height:64px; line-height:64px; overflow:hidden; border-radius:8px; margin-right:8px;} .memberid.list .list-row .icon > span {display:block; width:500px; height:500px; line-height:500px; margin-left:-218px; margin-top:-218px} .memberid.list .list-row .icon img {display:inline-block; vertical-align:middle; height:64px} .memberid.list .list-row .org .icon {float:left; text-align:center; width:38px; height:38px; line-height:38px; overflow:hidden; border-radius:8px; margin-right:8px;} .memberid.list .list-row .org .icon > span {display:block; width:500px; height:500px; line-height:500px; margin-left:-231px; margin-top:-231px} .memberid.list .list-row .org .icon img {display:inline-block; vertical-align:middle; height:38px} .memberid.list .list-row .contact {line-height:30px; font-size:13px;} .memberid.list .list-row .info {color:#666;} .memberid.list .list-row input[type="text"] {width:120px;} .list .followup.list-head .visitor {padding-left:40px} .list .followup.list-head { font-size:13px;background-color:#383838; color:#fff; font-weight:bold; } .list .followup.list-head {min-height:12px; padding:5px 8px;} .list.followup .due-days {font-size:25px; font-weight:bold; color:red} a#unassigned_visitors_show_more {margin-left:8px; margin-bottom:20px; line-height:24px; font-size:14px; font-weight:bold; } a#unassigned_visitors_show_more > img {vertical-align:middle; height:24px} a#active_list_show_more {margin-left:8px; margin-bottom:20px; line-height:24px; font-size:14px; font-weight:bold; } a#active_list_show_more > img {vertical-align:middle; height:24px} #visitor-assignment-content {padding-left:20px; overflow:hidden} #visitor-assignment-content .icon {float:left; text-align:center; width:64px; height:64px; line-height:64px; overflow:hidden; border-radius:8px; margin-right:8px;} #visitor-assignment-content .icon > span {display:block; width:500px; height:500px; line-height:500px; margin-left:-218px; margin-top:-218px} #visitor-assignment-content .icon img {display:inline-block; vertical-align:middle; height:64px} #visitor-assignment-content .content {font-size:20px; margin-left:64px; padding-top:20px; } .visitor-no-assign {display:none} .form-horizontal .div-table .followup .control-group {margin:0px; padding:5px 20px;} .form-horizontal .div-table .followup.row-fluid:first-child .control-group:first-child {padding-top:0px} .form-horizontal .div-table .followup.row-fluid:last-child .control-group:last-child {padding-bottom:0px} .form-horizontal .div-table .followup .control-label {color:#666; width:150px; text-align:left; font-size:12px; padding-top:0px; line-height:16px} .form-horizontal .div-table .followup .controls {margin-left:140px; line-height:16px} .memberid.list.member-list.followup.followup38 .icon {float:left; text-align:center; width:50px; height:50px; line-height:50px; overflow:hidden; border-radius:8px; margin-right:8px;} .memberid.list.member-list.followup.followup38 .icon > span {display:block; width:500px; height:500px; line-height:500px; margin-left:-225px; margin-top:-225px} .memberid.list.member-list.followup.followup38 .icon img {display:inline-block; vertical-align:middle; height:50px} .memberid.list.member-list.followup.followup38 .title {font-size:14px} div.select-workgrp.dropdown-menu a:hover {background-color:#27A0E5; color:white} ul.select-workgrp.dropdown-menu {left:-400px; width:700px; font-size:14px; text-align:left; cursor:pointer} ul.select-workgrp.dropdown-menu a {text-decoration:none} ul.select-workgrp.dropdown-menu a:hover {background-color:#27A0E5; color:white} /** June end **/ /** TONG **/ .admin-menu{ padding:8px; margin:8px; border-bottom:1px solid #ddd; position:relative;z-index:1} .admin-menu:before { content:""; border-style:solid; border-width:16px 16px 0px 16px; border-color:#ddd transparent; position:absolute; bottom:-16px; } .admin-menu.workgroup:before {left:40px;} .admin-menu.user:before {left:115px;} .admin-menu.member:before {left:175px;} .admin-menu.activity:before {left:245px;} .admin-menu.settings:before {left:320px;} ul#navlist {} ul#navlist a { font-weight: bold; text-decoration: none; } ul#navlist, ul#navlist ul, ul#navlist li { margin: 0px; padding: 0px; list-style-type: none; } ul#navlist li { float: left; margin-right:5px} ul#navlist li a { color: #808080; padding: 8px; } ul#subnavlist { display: none; } ul#subnavlist li { float: none; } ul#subnavlist li a { padding: 0px; margin: 0px; } ul#navlist li:hover a { color: #fff; } ul#navlist > li:hover > a { background-color:#6391D1; color:#fff; -moz-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; } ul#navlist li:hover ul#subnavlist { display: block; position: absolute; top:30px; font-size: 8pt; background-image: -webkit-linear-gradient(left , #8A9CB2 4%, #ACC4DE 4%); background-image: -webkit-gradient(left , #8A9CB2 4%, #ACC4DE 4%); /* Saf4+, Chrome */ background-image: -moz-linear-gradient(left , #8A9CB2 4%, #ACC4DE 4%); /* FF3.6 */ background-image: -ms-linear-gradient(left , #8A9CB2 4%, #ACC4DE 4%); /* IE10 */ background-image: -o-linear-gradient(left , #8A9CB2 4%, #ACC4DE 4%); /* Opera 11.10+ */ background-image: linear-gradient(left , #8A9CB2 4%, #ACC4DE 4%); /* Standards Compliant */ } ul#navlist li:hover ul#subnavlist li a { display: block; width: 15em; border-bottom: 1px solid #8CA6CB; border-top: 1px solid #C3D5C9; padding: 6px 6px 6px 18px; color:#fff; } ul#navlist li:hover ul#subnavlist li a:hover { color:#4B4B4B; background-image: -webkit-linear-gradient(left , #8A9CB2 4%, #DAE5F4 4%); background-image: -webkit-gradient(left , #8A9CB2 4%, #DAE5F4 4%); /* Saf4+, Chrome */ background-image: -moz-linear-gradient(left , #8A9CB2 4%, #DAE5F4 4%); /* FF3.6 */ background-image: -ms-linear-gradient(left , #8A9CB2 4%, #DAE5F4 4%); /* IE10 */ background-image: -o-linear-gradient(left , #8A9CB2 4%, #DAE5F4 4%); /* Opera 11.10+ */ background-image: linear-gradient(left , #8A9CB2 4%, #DAE5F4 4%); /* Standards Compliant */ } ul#navlist li:hover ul#subnavlist li a:hover .w_arrow_icon{display:inline-block} .w_arrow_icon{ margin-left:-12px; padding-right:9px; display:none; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #8A9CB2; } #admin_view .tab.ui-tabs { font-family:inherit; padding:0; background-image:none; background:none; border:none } #admin_view .tab.ui-widget input, #admin_view .tab.ui-widget select, #admin_view .tab.ui-widget textarea, #admin_view .tab.ui-widget button { font-family:inherit; } #admin_view .tab.ui-tabs .ui-tabs-nav { background:none; margin:0; padding:0; border:none; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px } #admin_view .tab.ui-tabs .ui-tabs-nav li { margin:0; padding-bottom:-1px; margin-right:5px; font-weight:normal; border:none; } #admin_view .tab.ui-tabs .ui-tabs-nav li a { color:#7A6A53; font-size:0.8em; padding:8px 16px } #admin_view .tab.ui-tabs .ui-tabs-nav li a:hover {font-weight:normal} #admin_view .tab.ui-tabs .ui-tabs-nav li.ui-state-default {background:none; background-color:#f3f3f3} #admin_view .tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background:none; background-color:#7A6A53;} #admin_view .tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#fff} #admin_view .tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {color:#0000FF} #admin_view .tab.ui-tabs .ui-tabs-panel {padding:0px;} .role_menu{ background-color:#ddd; padding:35px; background-image: -webkit-linear-gradient(top, #bbb, #ddd 30%); } #role_delete { text-decoration:none; color:#fff; font-weight:bold; margin:0px 0px 0px 40px; } #role_delete:hover{ text-decoration:none; color:#777; } #new-role-btn-margin { margin-top:-15px; float: right; cursor:pointer; } .leader-role-list{ padding:1px; background-color:#e8e8e8; } .role-name{ margin:15px; background-color:#F8F8F8; border-radius: 8px; } .thumbnail-margin{ float:right; } .thumbnail-margin a:link{ text-decoration:none; } .role-invite{ margin-left:35px; padding:5px; } .form-input{ padding:5px; } #new-category-btn-margin{ float: right; margin:-15px; width:15%; cursor:pointer; } .list-header{ background-color:#000; width:100%; color:#eee; font-weight:bold; line-height:26px; } /** TONG **/ .form-btn .span12.report-btn {padding-left:10px; margin-bottom:5px; margin-top:-10px} a.link {font-weight:bold; color:#999; font-size:12px; padding:0px 3px 0px 3px; cursor:pointer} nav {margin:0px 0px 10px 0px; width:820px; position:relative; } nav ul {padding:0px; margin:0px;} nav li {position:relative; float:left; list-style-type:none;} nav ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} nav li a {display:block; padding:0px; color:black; text-decoration:none; } nav li a:hover {background-color:#fff;} nav li li a {width:330px;} nav li li a:hover {background-color:#27a0e5; color:#fff; text-decoration:none} nav ul ul {z-index:10; display:none; position:absolute; background-color:#fff; width:330px} nav ul ul a {padding:2px 15px; font-size:14px; line-height:22px} div#private-email-dialog div.recipient {width:492px;} div#private-email-dialog div.recipient div {width:150px; margin-right:2px; border:1px solid #b9b9b9; float:left; border-radius:3px; padding:2px 5px; background-color:#f5f5f5} div#private-email-dialog div.recipient div > span.remove {float:right; color:#878787; cursor:pointer} div#private-email-dialog div.recipient div > span.name {text-overflow:ellipsis; overflow:hidden; display:inline-block; white-space:nowrap; width:134px;} div#private-email-dialog div.attachment {width:492px;} div#private-email-dialog div.attachment div {width:225px; margin-right:2px; border:1px solid #b9b9b9; float:left; border-radius:3px; padding:2px 5px; background-color:#f5f5f5} div#private-email-dialog div.attachment div > span.remove {float:right; color:#878787; cursor:pointer} div#private-email-dialog div.attachment div > span.size {width:40px; text-overflow:ellipsis; overflow:hidden; display:inline-block; white-space:nowrap; text-align:right} div#private-email-dialog div.attachment div > span.name {text-overflow:ellipsis; overflow:hidden; display:inline-block; white-space:nowrap; width:170px;} div.followup_contact_remarks {border-bottom: 1px solid #ddeeff} div.followup_contact_remarks:last-child {border-bottom: none} a img {border:none} #add-meeting-dialog .edit-pane2 .form-horizontal .control-group { margin-bottom:5px;} #add-meeting-dialog .edit-pane2 .form-horizontal label.control-label {font-size:12px; text-align:left; width:130px} #add-meeting-dialog .edit-pane2 .form-horizontal div.controls {margin-left:150px} #add-meeting-dialog .scroll {height:195px; width:348px; overflow:auto; background-color:white; border:1px solid #ccc; padding:4px; border-radius:3px} #add-meeting-dialog .confirm-event .row-fluid {width:600px} #add-meeting-dialog .event-list {max-height:310px; overflow-x:hidden; overflow-y:auto} label.checkbox {color:#555} table.session-tbl {width:100%} table.session-tbl input.session_name {width:182px} table.session-tbl.maintain input.session_name {width:100px} table.session-tbl th, table.session-tbl td {border:1px solid #eee; padding:4px; text-align:center} table.session-tbl.maintain th, table.session-tbl.maintain td {border:1px solid #c0c0c0; padding:4px; text-align:center} div.event-list div.desc > div {display:inline-block; float:left} div.event-list div.desc > div.time {width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} div.event-list div.desc > div.venue {width:214px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:right; text-align:right} div.cellmeeting-session div.info div{ } div.credit-hour input[type="number"] {padding:2px; width:50px; text-align:right} div.credit-hour div.center {text-align:center} div.credit-hour div.right {text-align:right} div.credit-hr-div > span {font-weight:bold; text-align:center; display:none} div#credit_hour_form input.datepicker {width:120px} div.credit-hour button#credit-save, div.credit-hour button#credit-edit {padding:2px 8px} div.list.credit-hour > .list-row:hover {background-color:#C6C6C6!important} table.course_tb { table-layout:fixed;cellpadding:2; } table.course_tb td {white-space: nowrap; vertical-align:top; margin:5px; padding-right:30px;} table.course_tb input[type=checkbox] {float:left;margin:0px} table.course_tb span {margin:5px} table.course_tb td > div {overflow:hidden; text-overflow:ellipsis; width:275px; margin-top:5px;} .dashboard-btn { display: inline-block; font-size: 18px; line-height: 29px; padding: 0px 8px; margin-left: 10px; background-color: #838383; border-radius: 12px; cursor: pointer; margin-bottom: 1px; border: 1px solid #717171; min-width: 100px; text-align: center; color: #ddd; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .dashboard-btn-m { display: inline-block; font-size: 18px; line-height: 29px; padding: 0px 8px; background-color: #838383; cursor: pointer; margin-bottom: 1px; border: 1px solid #717171; min-width: 80px; text-align: center; color: #ddd; } .dashboard-btn:hover, .dashboard-btn.active { background-color: #F2F3F3; box-shadow: 1px 1px 8px 0px #444; border: 1px solid #E4E4E4; color: #000; } .dashboard-btn-m.active { background-color: #F2F3F3; box-shadow: 1px 1px 8px 0px #444; border: 1px solid #E4E4E4; color: #000; } .dashboard-btn-div > .dashboard-btn:first-child { margin-left:7px; } .attachment > div.attach-image-frame > div.single-image { display:block; cursor: pointer; } .attachment > div.attach-image-frame > div.single-image > img { width: 95%; border-style: groove; border-width: 1px; margin-right: 5px; } .attachment > div.attach-image-frame > div.single-image > div.image-overlay { display: none; } .attachment > div.attach-image-frame > div.multiple-image { display:inline-block; position : relative; width: 100px; height: 100px; border-style: groove; border-width: 1px; vertical-align: middle; margin-right: 5px; cursor: pointer; overflow:hidden; text-align:center; } .attachment > div.attach-image-frame > div.multiple-image > div.image-overlay { background-color : #fff; z-index : 10; position : absolute; opacity: 0.6; top : 0; left : 0; width: 100px; height: 100px; border-style: groove; border-width: 1px; text-align: center; font-size: 18px; vertical-align: middle; line-height: 100px; color: #000; } .attachment > div.attach-image-frame > div.multiple-image > div.image-overlay:hover { opacity: 0.9; } .attachment > div.attach-image-frame > div.multiple-image > img { position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-image { position:absolute; display:none; z-index:99; width: auto; height: auto; padding: 8px; border: 6px solid #444; border-radius: 10px; background-color:#eee; box-shadow: inset 0 0 3px #333; } .popup-image > .div-prev { background-image : url('img/web/prev.png'); background-repeat: no-repeat; background-position: left center; background-size: 50px 50px; z-index : 10; position : absolute; opacity: 0.3; top : 0; left : 0; width: 20%; height: 100%; cursor:pointer; } .popup-image > .div-next { background-image : url('img/web/next.png'); background-repeat: no-repeat; background-position: right center; background-size: 50px 50px; z-index : 10; position : absolute; opacity: 0.3; top : 0; right : 0; width: 80%; height: 100%; cursor:pointer; } .popup-image > .div-close { background-image : url('img/web/close.png'); background-repeat: no-repeat; background-position: center; background-size: 25px 25px; z-index : 10; position : absolute; opacity: 0.3; top : -20px; right : -20px; width: 30px; height: 30px; cursor:pointer; } .popup-image > .div-download { background-image : url('img/web/opennew.png'); background-repeat: no-repeat; background-position: right center; background-size: 20px 20px; z-index : 20; position : absolute; opacity: 0.5; bottom : 15px; right : 20px; width: 20px; height: 20px; cursor:pointer; background-color: #fff; } .popup-image > .div-prev:hover, .popup-image > .div-next:hover, .popup-image > .div-close:hover, .popup-image > .div-download:hover { opacity: 0.9; } .popup-image > img{ max-height:70vh; width:auto; max-width:100%; } /* Kidz */ #profile-merge-table > table > tbody > tr > td:first-child { font-weight: bold; } #profile-merge-table { background-color: #e8e8e8; padding: 10px; border-radius: 6px; width: 96%; } .merge-body-content { margin-bottom: 50px; } #confirm_box_mask, #processing_box_mask, #notice_box_mask, #message_box_mask { position: fixed; left:0; top:0; z-index:90; background-color:black; display:none; } #confirm_box, #processing_box, #notice_box, #message_box { position: absolute; display: none; z-index: 99; width: auto; height: auto; padding: 8px; border: 6px solid #444444; border-radius: 10px; background-color: #eeeeee; box-shadow: inset 0 0 3px #333333; font-size: 13px; } /* Kidz END */ .timeline ol { display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin: 70px 10px; height: 3px; background: #76a0ef; } .dateline ol { display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin: 35px 10px; height: 2px; background: none; } /* ---- Timeline elements ---- */ .timeline li { position: relative; display: flex; } .timeline li::after { content: ""; width: 40px; } .dateline li { position: relative; display: flex; top: 30px; width: 68px; } .dateline li::after { content: ""; } /* ---- Details ---- */ .timeline .details { display: none; position: absolute; left: -10px; top: 41px; padding: 10px; border-radius: 3px; border-right: 2px solid rgba(0,0,0,.1); border-bottom: 2px solid rgba(0,0,0,.1); font: 12px arial; background: #d1e0e0; } .timeline .details::before { content: ""; position: absolute; left: 15px; top: -9px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #d1e0e0; border-top: 0; } /* ---- Hover effects ---- */ .timeline li:hover { cursor: pointer; } .timeline li:hover .details { display: flex; color: #444; } .keydates { border-collapse: collapse; width: 100%; } .keydates th, .keydates td { padding: 8px; text-align: left; border: 1px solid #ddd; } .keydates tr:hover{background-color:#f5f5f5} .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .x.axis path { display: block; } .line { fill: none; stroke: #0099FF; stroke-width: 1.5px; } .line2 { fill: none; stroke: #FF0D00; stroke-width: 1.5px; } .line3 { fill: none; stroke: #339900; stroke-width: 1.5px; } .line4 { fill: none; stroke: #FFBA00; stroke-width: 1.5px; } .grecaptcha-badge { bottom:45px !important; } .popup-proimage{ position:absolute; display:none; z-index:99; width: auto; height: auto; padding: 8px; border: 6px solid #444; border-radius: 10px; background-color:#eee; box-shadow: inset 0 0 3px #333; min-width: 80%; min-height: 60%; } .popup-proimage > img{ height:120px; width:120px; } .input-password-toggle-box { position: relative; width: 250px; } .input-password-toggle-box svg { position: absolute; right: 0px; top: 17.5px; width: 16px; height: auto; fill: #555555; } .input-password-toggle-box-mob { position: relative; width: 250px; } .input-password-toggle-box-mob svg { position: absolute; right: 10px; top: 10px; width: 16px; height: auto; fill: #555555; } .input-password-toggle-box-abd { position: relative; width: 250px; } .input-password-toggle-box-abd svg { position: absolute; right: 5px; top: 10px; width: 16px; height: auto; fill: #555555; } .toggle-caret { transition: transform 0.3s; display: inline-block; }