#ui-datepicker-div{
	display:none;
}

textarea{
	width: 324px;
    height: 217px;
}

.cause-page {
	font-size: 16px;
}

.cause-page a.soActionBtn, #opco a.soActionBtn {
	margin: auto;
	max-width: 220px;
	display: block;
	text-align: center;
}

.cause-page .infoHeader, .topButtons, .cause-hide, .ccHidden, .ccHidden.dsFormLabel, .ccHidden.dsCodeControlCol2, .cause-hide.dsFormItem, .cause-hide.smaller-width, .templateSummary, .dsOrderConfReceiptMsg *,
#opco .dsFormLabel, #opco .dsCodeControlCol2 , .dsOrderConfirmationContinueButton{
	display:none;
}

#opco .focus .dsFormLabel{
	display: inline-block;
}

.dsCausesPage{
	background-color: white;
}

.causeFooter .max-width,
.cause-page .max-width{
	max-width: 768px;
	padding:0;
}

.bold, .bold *{
	font-weight: 700;
}

.preference{
	margin-top:30px;
	font-size:10px;
}

.noscroll{
	overflow: hidden;
}

.dialog{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	background-color:rgba(0,0,0, 0.7);
}

.dialog h4{
	font-size:20px;
}

.dialog h4, .dialog p{
	margin-bottom:10px;
}

.dialog li{
	margin-left:30px;
}
.dialog ul{
	list-style-type: initial;
	
}

.dialog div {
    background: white;
    border: 20px solid #00A3AE;
    padding: 10px 10px 0 10px;
	height: 100%;
    overflow: scroll;
}
.blueBack{
	background-color: white;
}

.head-title{
	color:white;
}

.head-text{
	display:inline-block;
}

.myCausesPage .infoHeader h3{
	text-align: center;
	margin-bottom: 15px;
	color: #29607c
}

.myCausesPage .infoHeader span{
	font-size: 32px;
}

.causeTable{
	width:100%;
}

.causeTableColumnName {
	color: #008eaa;
}

.max2000{
	max-width:2000px;
	margin:auto;
	width:100%;
	display:block;
}

.smaller-width{
	max-width:500px;
	margin:auto;
	display:block;
	margin-bottom: 15px;
}

.gap{
	padding:10px;
}

.clear{
	clear:both;
	min-height:1px;
}

#copyName{
	color:#29607c;
	margin-bottom:20px;
}

.ccImage img {
    height: 35px;
}

.dollar, .dollar * {
	color:#29607c;
	font-size: 30px;
}

.dollar {
	display: inline-block;
	line-height: 31px;
}

.middle span{
	position: relative;
	top: 10px;
}

.dollar input{
	width: 180px;
	text-align: center;
}

.click{
	cursor:pointer;
}

.middle, .title.middle{
	text-align:center;
}

.title{
	color:white;
	background-color:#29607c;
	text-transform:uppercase;
	padding: 34px;
}

.causeTable a.soActionBtn{
	width:initial;
	padding: 5px;
}

.dsCauseDefinition{
	margin-bottom:20px;
}

/*cause page ***********************************/

.causeCrop{
    height: 198px;
    width: 198px;
    overflow: hidden;
	position: relative;
}



.causeCrop img{
    width: 100%;
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.fadeOut{
	position:absolute;
	background-image: linear-gradient(to bottom, transparent, rgb(255, 255, 255));
	height:19px;
	width:100%;
	bottom:0;
}

@media screen and (max-width: 767px) {
	label[for=ccFee]{
		width: 90%;
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {
	#cause-amount{
		border-left:solid #cccccc 1px;
		margin:20px 0;
	}
}

#cause-amount li{
	display: inline-block;
	vertical-align: top;
	background-color: #29607c;
	width: 59px;
	color: white;
	border-radius: 30px;
	text-align: center;
	padding: 17px 0;
	cursor:pointer;
	box-shadow: 2px 2px 5px #888888;
}

#cause-amount ul{
	text-align:center;
	display: block;
	padding-top:0;
}

#cause-amount li + li{
	margin-left:14px;
}

#cause-amount li:hover{
	box-shadow: 5px 5px 5px #888888;
}

#cause-amount li.selected,#cause-amount li.selected:hover, .soActionBtn:hover{
	background-color: #00a3ae;
	box-shadow: 5px 5px 5px #888888;
}

.cause-page .profile{
	float:right;
	background-image:url(/images/null.jpg)
}

.emailAddress *{
	font-family: Roboto-Bold, Aspira-bold;
	color:#29607c;
}

.right{
	float:right;
}

.causeBar{
	background-color:#FEF2C6;
	margin:10px;
}

.causeBar > div{
	background-color:#FCD12D;
	height:10px;
}

.donorList{
	width:100%;
}

.donorList *{
	font-size:14px;
}

#donorList, #givePhone{
	background-color: white;
	color: #29607c;
	margin:0;
}

#givePhone a{
	font-family:Roboto-Bold;
	color:#29607c;
}

.donorList td {
	text-align:left;
}

.donorList td + td{
	text-align:center;
}

.donorList td + td + td{
	text-align:right;
}

.plus{
	float:right;
	height: 30px;
	width: 30px;
	background-color: white;
	padding: 15px;
	border-radius: 30px;
	transform: rotate(0deg);
	transition: transform 0.1s linear;
	background-image: url(/images/cause/plus.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 15px;
}

@media screen and (min-width: 768px) {
	#sharePage {
		position: relative;
	}

	#sharePage  span{
		position: absolute;
		top: 62px;
	}
}

.open .plus{
	transform: rotate(45deg);
	transition: transform 0.1s linear;
}
.causeFooter  > div > div{
	margin:20px 0;
}

.causeFooter  > div > div > span{
    display: inline-block;
    margin-top: 20px;
}

.causeFooter{
	background-color:#29607c;
	padding:40px 0;
}

.causeFooter{
	font-size: 14px;
	color:#ffffff;
}

.cause-sm a{
	background-image: url(/images/sm.png);
	width:70px;
	height:70px;
	background-size: 560px;
}

#sharePage .cause-sm{
	margin: 50px 0;
	text-align:center;
	display:block;
}

.cause-sm li + li{
	margin-left:20px;
}

.facebook{
	background-position: -70px;
}

.twitter{
	background-position: -210px;
}

.youtube{
	background-position: -140px;
}

.instagram{
	background-position: -350px;
}

.pinterest{
	background-position: -0px;
}

.email{
	background-position: -420px;
}

.web{
	background-position: -490px;
}

/* end of cause page **************************/

/* cause history *********************************/

.causeHistory {
	width: 100%;
	margin-top:20px;
}	

.causeHistory input[type=checkbox]{
	display: initial;
}

.causeHistory  tr > *:not(.loading){
	vertical-align: middle;
}

.causeTable > tbody > tr > td{
	padding:10px;
}

.causeHistory th{
	-webkit-box-shadow: 0px 4px 5px gray;
	-moz-box-shadow: 0px 4px 5px gray;
	box-shadow: 0px 4px 5px gray;
	color:white;
	background-color: #29607c;
	font-size: 12px;
}

th::before {
	font-family: FontAwesome;
	position: relative;
	left: -10px;
}

th.headerSortUp::before {
	content: '\f062 '; /*arrow up*/
	/*content: '\f176'; /*arrow up*/
}

th.headerSortDown::before {
	content: '\f063 '; /*arrow down*/
	/*content: '\f175'; /*arrow down*/
}

.causeHistory  td{
	font-size: 13px;
	color: #212121;
}

.causeHistory  td *{
	font-size: 13px;
}

.causeHistory .selected td{
	background-color: #f5f5f5;
}
.causeHistory tr:hover td:not(.loading){
	background-color: #eeeeee;
}

.progress div{
    width: 10%;
    height: 10px;
    background-color: #29607c;
    position: relative;
    -webkit-animation-name: progress; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-transition-timing-function: linear;
    animation-name: progress;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	transition-timing-function: linear;
}

.progress {
	background-color: #a6bbbf;
}

@-webkit-keyframes progress {
    0%   {left:0%; width: 5%;}
	50%   {left:40%; width: 20%;}
    100%  {left:95%; width: 5%}
}

@keyframes progress {
	0%   {left:0%; width: 5%;}
	50%   {left:40%; width: 20%;}
    100%  {left:95%; width: 5%}
}

@media screen and (max-width: 767px) {

	.causeTable tbody td{
		display: block;
	}
	
	.causeTable tr > th:not(:first-child){
		display: none;
	}
	
	.causeHistory  td:not(:first-child){
		padding-left: 80px;
	}
	
	.causeHistory  td:not(.loading):first-child{
		float:left;
		padding-top: 55px;
		padding-left: 30px;
	}
	
	.causeHistory td:nth-child(2){
		padding-top: 15px;
	}
	
	.causeHistory th{
		padding: 14px;
		text-align: left;
	}
	
	.causeHistory th input{
		margin-right: 10px;
	}
	
	.causeHistory td:last-child{
		border-bottom: 1px solid #cccccc;
		padding-bottom: 15px;
	}
}

@media screen and (min-width: 768px) {
	.causeHistory  td{
		border-bottom: 1px solid #dddddd;
	}
	
	.causeHistory  tr > *:not(.loading){
		padding: 15px;
	}
	
	.causeHistory  .Email{
		/*I know, but it works*/
		max-width: 0px;
		width: 99%;
	}
	
	.causeHistory  td:not(.Email){
		white-space: nowrap;
	}
	
	.causeHistory  .Email a{
		overflow: hidden;
		display: block;
	}
	
	.causeHistory  .Amount{
		text-align: right;
	}
}

.causeHistory input{
	width: 18px;
	height: 18px;
}

/* end of cause history **************************/

label[for=anon_yes], label[for=cb_anon_yes] {
	margin:0 20px;
}

#opco input[type="text"], #opco input[type="tel"], #opco input[type="number"], #opco input[type="email"], #opco input[type="password"], #opco select {
	margin-top: 25px
}

input:focus::-webkit-input-placeholder  { color:transparent; }
input:focus:-moz-placeholder  { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder  { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.dsSigninPanel input[type="email"], .dsSigninPanel input[type="password"],
#dsSigninPage input[type="text"], #dsSigninPage input[type="password"]{
	margin-bottom:0;
}

.password{
	margin-top: 20px;
}

.smaller-width .soActionBtn{
	margin-top:20px;
}

#continue{
	margin-top: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.error  input, .error select{
	border-color: orange;
}

.error label, .error span{
	color:orange;
}

.ui-tooltip-red{
	border:none;
	background:none;
	max-width:none;
	color:white;
}

.ui-tooltip-red .qtip-content{
	color:orange;
    font-family: Roboto-Bold;
	padding: 0px;
}

div.pic{
	height:0;
	background-size: cover;
	background-position: center center;
}

@media screen and (min-width: 768px) {
	
	.body-right{
		float:right;
		display: inline-block;
		vertical-align: top;
		width: 359px;
	}
	
	.mobile{
		display:none;
	}
	
	.body-left{
		width: 369px;
		display: inline-block;
		vertical-align: top;
	}
	
	.append .body-left{
		margin-top:10px;
	}
	
	.cause-page .profile{
		width:198px;
		padding-bottom:198px;
	}
	
	.cause-page .cause-header{
		padding-bottom:237px;
	}
	
	.cause-page .head-text{
		width: 151px;
	}
	
	.preview{
		width:30%;
		margin:1%;
	}
	
	ul.cause-sm{
		text-align:center;
		display:block;
	}
	
	#soFooter .contact li {
		display: inline-block;
	}
	
	.outPro{
		border: solid #F2F2F2 20px;
	}
	
	.video_player{
		border-left: solid #F2F2F2 8px;
		border-right: solid #F2F2F2 8px;
		border-top: 0;
		border-bottom: 0;
	}
	
	.video_player > iframe{
		width: 352px;
		height: 198px;
	}
	
	.section.max-width{
		border-top:solid #cccccc 1px;
	}
	
	.title{
			font-size: 31px;
	}
	
	a.soActionBtn{
		max-width:320px;
	}
}

.video_player > iframe{
	border:0;
}

.home{
	text-align:center;
	background-color:#009AA7;
}

.home > div{
	background-color:#f2f2f2;
	padding: 1px 0;
	box-shadow: 0px 0px 36px #2c2a29;
}

.dot{
	font-size:50px;
	color: #29607c;
}

.cause-mins{
	background-image: url(/images/ptcBrand/minLogoBlue.png);
	height:50px;
	width:102px;
	background-size:612px;
	margin:auto;
}


.home .cause-header{
	background-image: url(images/causes/home.png);
	padding-bottom:75%;
}

.head-text, .title, .head-title{
	text-align:left;
}

.midText{
	text-transform:uppercase;
	font-size:30px;
	background-color:#fcfcfc;
    margin: 10px 20px;
	padding: 40px 0;
	line-height: 40px;
}

.high1{
	color: #29607c;
	font-size: 40px;
	vertical-align: bottom;
}

.high2{
	color:#00A3AE;
	font-size: 40px;
	vertical-align: bottom;
}

.preview{
	background-color:#00A3AE;
	color:#2c2a29;
	display: inline-block;
	box-shadow: 2px 2px 5px #888888;
	

	/*transition: all .2s ease-in-out;
		.preview:hover {
		transform: scale(1.1);
	}*/
}

.themeHeader{
	background-color:#eeeeee;
	box-shadow: 0px 1px 10px #2c2a29;
	position: relative;
}

.signout{
	float:right;
	margin:10px 20px;
	color:#29607c;
}

.themeHeader .logo{
	display: block;
	width: 79px;
	padding: 10px;
	margin: auto;
}

.themeHeader img{
	width:100%;
}

@media screen and (max-width: 767px) {
	#soFooter li{
		display:block
	}
	
	#soFooter .right{
		margin-top:10px;
		float:none;
	}
	
	.cause-page .cause-header{
		width:100%;
	}
	
	.cause-page .head-text{
		width:55%;
	}
	
	.cause-desktop, .cause-hide, .cause-sm li.cause-desktop{
		display:none;
	}
	
	.cause-page .profile{
		width:33%;
		padding-bottom:33%;
		margin:3%;
	}
	
	.cause-page .cause-header{
		width:100%;
		padding-bottom:66%;
	}
	
	.cause-page .head-text.gap{
		padding:3%;
	}
	
	.video_player{
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		margin-bottom: 10px;
	}
	
	.video_player > iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	
	.text{
		display: block;
		height: 36px;
		overflow: hidden;
		position:relative;
	}
	
	.title{
			font-size: 20px;
	}
	
	.preview{
		margin:20px;
	}
	
	a.soActionBtn{
		max-width:220px;
	}
	
	.video_player{
		margin-top:10px;
	}
}