.form-page-wrapper .form-wrapper .form-menu-bar.create {background: rgb(113, 136, 149); padding-left: 20px; font-size: 16px; }
 .form-page-wrapper .form-wrapper .create-membership-inst { margin: 20px; font-size: 16px; }
 .row-label {font-size: 16px; }

 .dollar-prefix-wrapper2 {position: relative; }
 .dollar-prefix-wrapper2 .dollar-prefix2 {position: absolute; top: 7px; left: 6px; font-size: 15px; color: #777;}
 .dollar-prefix-wrapper2 input {display: inline-block; font-size: 14px; padding: 0 10px 0 18px;}

 .team-selection-row {border: 1px solid #efefef; border-radius: 10px; margin: 0px 0px 10px 0 !important;padding: 10px 0 0px 0;}
 .team-selection-row:hover {background-color: #efefef;}
 .team-selection-row label {padding-left: 10px; }
 .team-selection-row.selected {border: 1px solid #00a8ff;}
 .team-selection-row.selected .team-selection-explain {display: block;}

 table.participant-list {width: 100%; margin-bottom: 10px;}
 table.participant-list thead {background-color: #e4e6f4;}
 table.participant-list th, table.participant-list td {text-align: center; }

 .member-list-wrapper {margin: 0 20px 40px 20px; border-radius: 6px; border-left: #008CBA solid 8px; padding: 25px 20px 0 20px; background-color: #e8ebee; }
 .member-list-wrapper input[type=text] {height: 42px; font-size: 16px; border-radius: 6px;}
 .member-list-wrapper input[type=text].empty-error {border-color: red;}
 .member-list-wrapper .table-wrapper {max-height: 400px; overflow-y: auto; margin-bottom: 20px;}
 .member-list-wrapper .table-wrapper table {width: 100%; margin-bottom: 5px;}
 .member-list-wrapper .table-wrapper table thead {background-color: #e4e6f4;}


 .fundraising-thermometer {margin: 20px; padding: 20px 10px; background-color: #FBF8EF; border-radius: 10px; }
 .fundraising-thermometer .head-note {font-size: 20px; }
 .event-ends {margin:  20px; padding: 10px; background-color: #FBF8EF; border-radius: 10px;text-align: center;}
 .event-ends .clock-block {display: inline-block; width: 80px; background-color: #f9e6c3; color: #b14e47; font-size: 12px; margin: 10px; padding: 3px 0; border-radius: 15px;}
 .event-ends .clock-block div {text-align: center;}
 .event-ends .clock-block div:first-child {font-size: 18px; }

 .button-disabled {background-color: transparent !important; color: #aaa !important;}

 .campaign-faq { margin: 20px; padding: 10px;}

 .my-student-section input, .my-student-section select {height: 46px; font-size: 16px;padding-left: 16px;border-radius: 10px;}

 .campaign-banner {padding: 30px 20px; border-radius: 10px; margin: 30px 0; color: #fff; font-size: 18px;}
 .campaign-banner.draft {background-color: #ab4282; }
 .campaign-banner.scheduled {background-color: #1b4282; }
 .campaign-banner.closed {background-color: #333; }
 
 .team-list-section .team-member-wrapper { margin: 0 0px 40px 0px; border-radius: 6px; border-left: #537ca6 solid 10px;}
 .team-list-section .team-member-wrapper .team-head {padding: 10px 20px 10px 20px; background-color: #537ca6; border-top-right-radius: 6px;}
 .team-list-section .team-member-wrapper .team-head .title {display:inline-block; color: #fff; font-size: 22px; font-weight: bold; }
 .team-member-wrapper .team-head > a { color: #fff;  font-weight:normal; font-size: 16px; margin-top: 5px;}
 .team-member-wrapper ul.ptb-more-dropdown li {border-bottom: 1px #d5d5d5 solid;}
 .team-member-wrapper ul.ptb-more-dropdown li a {padding: 12px; }
 .team-member-wrapper ul.ptb-more-dropdown li a:hover {color: #fff; }
 .team-list-section .team-member-wrapper .team-body { padding: 25px 20px 0 20px; background-color: #e8ebee; 
 				border-bottom-right-radius: 6px; max-height: 600px; overflow: auto;}
 .name-card {-webkit-transition: all 0.6s;transition: all 0.6s;cursor: pointer;
 				text-align: left; overflow: hidden; border-bottom: 6px #2782D2 solid; position: relative; 
 				background: #fff; padding: 10px; margin: 10px; border-radius: 10px; display:block; color: #333;}
 .name-card.a, .name-card.n {border-bottom-color: #714997}
 .name-card.b, .name-card.o {border:none; border-bottom: 6px #0B0B61 solid;}
 .name-card.c, .name-card.p {border-bottom-color: #2782D2}
 .name-card.d, .name-card.q {border-bottom-color: #20AFA5}
 .name-card.e, .name-card.r {border-bottom-color: #5F04B4}
 .name-card.f, .name-card.s {border-bottom-color: #04B45F}
 .name-card.g, .name-card.t {border-bottom-color: #393B0B}
 .name-card.h, .name-card.u {border-bottom-color: #8A0829}
 .name-card.i, .name-card.v {border-bottom-color: #5E610B}
 .name-card.j, .name-card.w {border-bottom-color: #7CBE31}
 .name-card.k, .name-card.x {border-bottom-color: #2e3b0b}
 .name-card.l, .name-card.y {border-bottom-color: #045fb4}
 .name-card.m, .name-card.z {border-bottom-color: #2F0B3A}
 
 a.name-card:hover {box-shadow: 1px 1px 20px -1px #2782D2; 
				-webkit-transition: all 0.6s; transition: all 0.6s;-webkit-transform: scale(1.15, 1.15); 
				-moz-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15);text-decoration: none;}
 .name-card.a:hover, .name-card.n:hover {box-shadow:1px 1px 20px -1px #714997;}
 .name-card.b:hover, .name-card.o:hover {box-shadow:1px 1px 20px -1px #0B0B61;}
 .name-card.c:hover, .name-card.p:hover {box-shadow:1px 1px 20px -1px #2782D2;}
 .name-card.d:hover, .name-card.q:hover {box-shadow:1px 1px 20px -1px #20AFA5;}
 .name-card.e:hover, .name-card.r:hover {box-shadow:1px 1px 20px -1px #5F04B4;}
 .name-card.f:hover, .name-card.s:hover {box-shadow:1px 1px 20px -1px #04B45F;}
 .name-card.g:hover, .name-card.t:hover {box-shadow:1px 1px 20px -1px #393B0B;}
 .name-card.h:hover, .name-card.u:hover {box-shadow:1px 1px 20px -1px #8A0829;}
 .name-card.i:hover, .name-card.v:hover {box-shadow:1px 1px 20px -1px #5E610B;}
 .name-card.j:hover, .name-card.w:hover {box-shadow:1px 1px 20px -1px #7CBE31;}
 .name-card.k:hover, .name-card.x:hover {box-shadow:1px 1px 20px -1px #2e3b0b;}
 .name-card.l:hover, .name-card.y:hover {box-shadow:1px 1px 20px -1px #045fb4;}
 .name-card.m:hover, .name-card.z:hover {box-shadow:1px 1px 20px -1px #2F0B3A;}
 
 .name-card > span  { width: 40px; height: 40px; line-height: 40px; border-radius: 50px; 
 				text-transform: uppercase; font-size: 20px; font-weight: bold; float: left; color: #fff; 
 				text-align: center; background-color: #2782D2;}
 .name-card.a > span, .name-card.n > span {background-color: #714997; }
 .name-card.b > span, .name-card.o > span {background-color: #0B0B61; }
 .name-card.c > span, .name-card.p > span {background-color: #2782D2; }
 .name-card.d > span, .name-card.q > span {background-color: #20AFA5; }
 .name-card.e > span, .name-card.r > span {background-color: #5F04B4; }
 .name-card.f > span, .name-card.s > span {background-color: #04B45F; }
 .name-card.g > span, .name-card.t > span {background-color: #393B0B; }
 .name-card.h > span, .name-card.u > span {background-color: #8A0829; }
 .name-card.i > span, .name-card.v > span {background-color: #5E610B; }
 .name-card.j > span, .name-card.w > span {background-color: #7CBE31; }
 .name-card.k > span, .name-card.x > span {background-color: #2e3b0b; }
 .name-card.l > span, .name-card.y > span {background-color: #045fb4; }
 .name-card.m > span, .name-card.z > span {background-color: #2F0B3A; }
 
 .name-card .remove {position: absolute;top: -1px;right: 6px;font-size: 12px;color: #008CBA;}
 .name-card .remove:hover {text-decoration: underline;}
 .name-card .sname {margin: 6px 8px 10px 50px; color: #333;}
 .name-card .info {text-align: center; font-size: 15px; color: #008CBA;}
 
 #manage-team-reveal .create-team-selection {border: 1px #84b8e5 solid; background-color: #f4f7fa; margin: 20px 30px 10px 30px; padding: 20px 30px; border-radius: 10px; font-size: 18px;}
 #manage-team-reveal .create-team-selection:hover {background-color: #e0edf8; border-color: #84b8e5;
 				box-shadow: 1px 1px 20px -1px #76b0e4;-webkit-transition: all 0.6s; transition: all 0.6s; cursor: pointer; }
 
  

div#schooluserlist_filter {float: left; margin: 0 10px;}
div#schooluserlist_filter label {color:#714997; font-weight: bold;}
div#schooluserlist_filter input { display: inline; width: 375px; height: 40px; margin: 10px 0 10px 10px; padding:0 5px 0 10px; font-size: 13px; border-radius: 10px;}
div#schooluserlist_length {float: right; margin: 0 10px;}
div#schooluserlist_length label {color:#714997; }
div#schooluserlist_length select { width: 60px; height: 40px; margin: 10px 0 0 0; padding:0 0 0 10px; order-radius: 10px;}

table#schooluserlist {border: 2px #714997 solid; }
table#schooluserlist tr.even {background-color: #fff;}
table#schooluserlist tr.odd {background-color: #f1f1f1;}
table#schooluserlist tr td:nth-child(2) {width: 260px; }
table#schooluserlist tr td:nth-child(3) {width: 110px; text-align: center; vertical-align: middle ;padding: 4px}
table#schooluserlist tr td:nth-child(3) a {margin: 0}

table#schooluserlist tr td .js-s-section select {width: 200px; margin: 8px; padding: 0px 10px; border-radius: 10px;}
table#schooluserlist tr td .js-s-section .js-new-s-name {margin-left: 10px; margin-bottom: 20px; display:none;}
table#schooluserlist tr td .js-s-section .js-new-s-name input { width: 220px; padding: 5px 10px; border-radius: 10px; margin-bottom: 8px;}

 
.campaign-donate-button:not(.button-disabled):hover {background-color: #168a16 !important;}
.campaign-donate-section .donate-instruction {background-color: #f8ebd3;padding: 20px 30px;border-left: #c88b5b solid 10px;border-radius: 20px;margin-top: 30px;}
.campaign-donate-section .donate-sort {margin-top: 40px;font-size: 16px; }
.campaign-donate-section .donate-sort select {display: inline-block; width: 250px;border-radius: 10px; padding: 10px; height: 40px; margin-bottom: 0;}
.campaign-donate-section .donate-sort a {display: inline-block;padding: 5px 10px;border: 1px #537ca6 solid;border-radius: 10px;margin: 0 0 0 15px;font-size: 14px;background-color: #537ca6; color: #fff;}
.campaign-donate-section .donate-sort a img {width: 20px;height: 16px; }
.campaign-donate-section .donate-list {padding: 25px 20px 0 20px;background-color: #e8ebee;border-radius: 10px;border-left: #537ca6 solid 10px;margin-top: 20px; }
 
#campaign-view-fundraise-record {display:none;background-color: #FBF8EF;border-radius: 10px;padding-bottom: 20px;margin-top: 30px; margin-bottom: 20px; border: rgb(251, 242, 239) 1px solid;}
#campaign-view-fundraise-record .header {font-weight: bold;margin-bottom: 0px;background-color: rgb(251, 242, 239);border-radius: 10px 10px 0 0;padding: 10px 10px 16px 10px;}
#campaign-view-fundraise-record .header span {color: #cc6d66; }
#campaign-view-fundraise-record ul {list-style: none; margin:0;}
#campaign-view-fundraise-record ul li {margin-bottom: 0px; padding: 15px 10px 10px 20px; }
#campaign-view-fundraise-record ul li:nth-child(odd) { background-color: #fff; }
#campaign-view-fundraise-record ul li i {color: #de2727; }
#campaign-view-fundraise-record ul li div.raised-by {margin-left: 20px; }
#campaign-view-fundraise-record ul li div.raised-by a {font-weight: bold; }
#campaign-view-fundraise-record ul li div.donation-time {font-size: 12px; color: #666; margin-left: 20px; }

#donation-record-reveal .record-wrapper {background-color: #FBF8EF;border-radius: 10px;margin-top: 20px;padding-bottom: 20px; border: rgb(251, 242, 239) 1px solid;}
#donation-record-reveal .record-wrapper .header {font-weight: bold;margin-bottom: 0px;background-color: rgb(251, 242, 239);border-radius: 10px 10px 0 0;padding: 10px 10px 16px 10px;}
#donation-record-reveal .record-wrapper .header span {color: #cc6d66; }
#donation-record-reveal .record-wrapper ul {list-style: none;max-height: 400px; overflow-y: auto; margin:0;}
#donation-record-reveal .record-wrapper ul li {margin-bottom: 0px; padding: 15px 10px 10px 20px; }
#donation-record-reveal .record-wrapper ul li:nth-child(odd) { background-color: #fff; }
#donation-record-reveal .record-wrapper ul li i {color: #de2727; }
#donation-record-reveal .record-wrapper ul li div.raised-by {display: inline; margin-left: 10px; }
#donation-record-reveal .record-wrapper ul li div.raised-by a {font-weight: bold; }
#donation-record-reveal .record-wrapper ul li div.donation-time {display: inline;font-size: 12px;color: #666;margin-left: 10px;}
 
@media only screen and (max-width: 40em) {
      .fundraising-thermometer {margin: 20px 0;}
      .event-ends {margin: 20px 0;}
      .campaign-faq { margin: 20px 0; }
      .team-list-section .team-member-wrapper .team-body {max-height: none;}
      
      a.name-card {margin: 0;}
      .campaign-donate-section .donate-instruction {padding: 20px 10px;}
      .campaign-donate-section .donate-sort {margin-top: 20px; }
      .campaign-donate-section .donate-sort .sort-by-label {display: block; margin-bottom: 10px;}
      .campaign-donate-section .donate-sort a {margin: 0 0 0 10px; }
      .campaign-donate-section .donate-list {padding: 25px 10px 0 10px;}
 }