/* Organization Panel */
.demoBanner{
	background:#FDEADA;
	border: 5px dashed #333333;
	padding: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		text-align: center;
		margin-bottom: 10px;
}

.demoBanner h3{
	font-size: 24px;
	color: #333333;
	margin: 0;
}
.demoBanner h3>span{
	color: #000;
	font-size: 16px;
}

.bannerActions {
	text-align: right;
}

a.signUp{
	font-size: 16px;
	color: #fff;
	padding: 8px 10px;
	display: inline-block;
	cursor: pointer;
	vertical-align: text-bottom;
}
.btn-youTube{
	height: 38px;
	padding-top: 2px;
}

.btn-youTube:hover {
  opacity: 0.6;
	color: #fff;
}
#tabs-theme .comingsoonTabs{
	color: #c5d0dc;
	background: #f9f9f9;
  border: 1px solid #c5d0dc;
  border-bottom: none;
  margin-right: -1px;
  position: relative;
  font-size: 13px;
  padding: 12px 20px 14px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*Roles */
.cannot {
	color:red;
	font-weight:bold;
}
	
.can {
	color:green;
	font-weight:bold;
}
	
ul.circle {
	list-style-type: circle;
	list-style-position: inside;
}

input[type="checkbox"],input[type="radio"] {
	margin:0;
	padding:0;
}
input[type="date"] {
	padding:0 0 0 8px;
	margin:0;
	border:0;
}
 /* Application */
.appPreview {
	background-color:#f3f3f3;
	padding: 5px 10px 10px 15px;
}

.applicationView {
	border: 2px dotted #ddd;
}
.applicationViewRow {
	border-bottom: 2px dotted #ddd;
}

.greyText {
	color: #989898;
	font-style:italic;
}
 
 /*contract */
.edit-app, .edit-contract {
	display:none;
}
.contractSection{
	border: 2px solid #e3e3e3;
	padding: 10px;
}
.eob{
	background: #fff;
	padding: 10px;
}
.eob:nth-child(odd){
	background: #F0F0F0;
}
img.logo {
	max-width:300px;
	max-height: 200px;
}
.listDiv{
	width: 88%;
	margin-left: 7%;
	margin-right: 5%;
}
.orderedTerms {
	display: inline-block;
	width:100%;
	background: #fff;
}
.orderedTerms:nth-child(even) {
	background: #F0F0F0;
}
.numbering{
	float: left;
	display: inline-block;
	width:2.2em;
	padding:5px 1px;
	text-align: right;
}
.termBtnSpan{
	display: inline-block;
	float: right;
	width: auto;
	padding: 5px;
}
.termText{
	display: inline-block;
	float: left;
	padding: 5px;
	width: 80%
}

ol.contract {
	list-style-type: decimal;
	list-style-position: outside;
}
ol.subContract {
	list-style-type: lower-alpha;
	list-style-position: outside;
}
.modal-preview {
	padding:2.5%;
}

.modal-app {
	width: 90%;
	left: 5%;
	margin-left:0px;
	max-width:1350px;
}
.boxOutlined {
	outline-style:solid;
	outline-color:#8F8F8F;
	outline-width:1px;
}
/* Manage Pets */
#petQuizBottom .progress {
	width: 100%;
}

/* Pet Images */
#img-personality-section{
	border: 1px solid #BCBCBC;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#petImgUpload {
	border-right: 1px solid #BCBCBC;
	padding: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#petPerProfile {
	padding: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.profile-img{
	width:100%;
	max-width: 190px;
	margin-left: auto;
  margin-right: auto;
}

.profile-img li{ 
	max-height:140px;
	overflow:hidden;
}

.profile-img .pet-img {
  border-bottom: 1px solid #aaaaaa;
  position: relative;
  max-height: 140px;
  overflow: hidden;
}
 .profile-img .pet-img img {
  display: block;
  width: 100%;
}
.profile-img .pet-img .top-in {
  position: absolute;
  left: 0;
  top: 0;
}

	/* Thumbnails of pet images*/
.pet_gallery{
	overflow: auto;
	max-height: 220px;
}
.pet_gallery  .pet-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
 .pet_gallery .pet-img img {
  display: block;
	max-width: 110px;
	overflow: hidden;
}
 .pet_gallery .pet-img li {
	max-height: 110px;
	overflow: hidden;
	min-height:110px;
}
.pet_gallery .pet-img .top-in {
  position: absolute;
  left: 0;
  top: 0;
}

.thumb_text {
	max-height: 140px;
}
@media (max-width: 1024px){
	.ace-thumbnails > li {
		float: right;
	}
}
@media (max-width: 767px){
	.ace-thumbnails  > li {
		float: left;
	}
}
.ace-thumbnails > li > .tools.changeProfImg {
  width: auto;
  left: 0;
  right: 0;
  bottom: auto;
	height:50px;
	top:-48px;
}

.ace-thumbnails > li:hover > .tools.changeProfImg {
  bottom: auto;
  top: 0
}

.top-cap{
	vertical-align:top;
	padding: 4px 0;
	margin: 0;
	display: inline-block;
	max-width: 90%;
}

/* Org Profile Information */
.finePrint{
	font-style: italic;
	font-weight: normal;
	font-size:75%;
	color:black;
}

.orgValidation{
	background:#C3D69B;
	border: 3px dashed #85A444;
	padding: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-black{
	background: black;
	color: white;
	display: inline-block;
	padding: 8px 12px;
	font-size: 14px;
	border: none;
	cursor: pointer;
}

.btn-black:hover {
  background: #333333;
  color: white;
  opacity: 1;
}

#profile-actions {
	background: #F0F0F0;
  margin: 0;
  padding: 15px;
  text-align: right;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

span.underlined {
	text-decoration: underline;
}

.validated{
	color: #87b87f;
	font-style: bold;
}
.notValidated{
	color: #d64b4c;
	font-style: bold;
}

/*Dashboard */
.headerBlocks {
	display:inline-block;
}

.dbColumn {
	outline: 2px solid #f5f5f5;
}
.dbColumnHeader{
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(#fff, #f5f5f5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #f5f5f5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #f5f5f5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #f5f5f5); /* Standard syntax */
}
.dbColumnHeader h4{
	padding-left: 25px;
	padding-top: 10px;
	color:#478fca;
	font-size: 18px;
}
.dashboardHeader{
	margin-bottom:10px;
}
.natProgramHeader{
	border-bottom: 1px solid #f5f5f5; 
	padding: 10px 0 0 2%;
	width: 98%;
}
.span6>.headerBlocks:first-child{
	margin-right: 15px;
}

.table-dsh .orange-prp .link{
	background: #FC5F08;
}
.table-dsh .orange-prp .right-info h4{
	color: #FC5F08;
}
.table-dsh .pink-prp .link {
  background: #d95084;
}
.table-dsh .pink-prp .right-info h4 {
  color: #d95084;
}
.blue-prp .link {
  background: #478fca;
}
.red-prp .link{
	background: #DC6566;
}
.right-info  h4.redFont{
	color: #DC6566 !important;
}
.table-dsh .blue-prp .right-info h4 {
  color: #478fca;
}
.blue-dots{
	border: 3px dotted #ea6c57;
	margin: 0 5px 5px 10px;
	padding: 8px;
}
.blue-dots h4{
	margin: 5px;
	font-size: 18px;
}
.blue-dots p{
	text-align: center;
	padding: 0 5px 8px 5px;
}
.blue-dots span{
	color: #e56060;
	display:inline-block;
	float: right;
	text-align: right;
}
.donationBox{
	color: #fff;
	text-align: center;
	background: #e56060;
	-moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
	margin:8px;
}
.donationBox p{
	padding: 8px 5px;
}
.donationBox span{
	color: #fff;
	text-align: center;
	display: inline;
	float: none;
}
.refNum{
	color: #e56060;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
.up{
	color: #77c646;
}
.down{
	color: #d53f40;
}

.date-range-picker {
  padding: 10px 0 0 0;
	background: #f5f5f5;
}

.dashboard-date {
	padding-left: 15px;
}

#dashboardDatePicker {
	display: none;
	font-size: 24px;
  position: absolute;
  right: 20px;
  top: 24px;
}

.hidden-popup {
	visibility: hidden;
}
.applybtn{
	background: black;
  color: white;
  display: inline-block;
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

.applybtn:hover{
	background: #333333;
  color: white;
  opacity:1;
}
.natDonationIncomeStats{
	padding: 2%;
}
.criteriaNotMet {
	color: #DC6566;
	text-align: center;
	font-weight: bold;
}
.criteriaMet {
	color: #77c646;
	text-align: center;
	font-weight: bold;
}
.orange-bkgrnd {
	background: #FC5F08;
	-moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
	color: #fff;
	text-align: center;
	width: 70%;
	padding: 5%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.bigMoney {
	font-size: 150%;
	font-weight: bold;
	line-height: 2;
}
.positive {
	color: #77c646;
	font-size: 130%;
	font-weight: bold;
}
.negative {
	color: #d53f40;
	font-size: 130%;
	font-weight: bold;
}

@media (max-width: 450px){
	.left-icon {
			width:40px;
			font-size: 16px;
	}
	.left-icon .fa{
		font-size: 20px !important;
	}
	 .left-icon .link{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	 .left-icon .link img{
		margin-top: 5px;
		max-height: 30px;
	}
	.headerBlocks h4{
		font-size: 16px;
	}
	.headerBlocks p {
		padding: 0 0 6px;
	}
	.right-info h4 {
		font-size: 16px;
	}
	.right-info {
		margin-left: 45px;
	}
	.up{
		font-size:12px;
	}
	.down{
		font-size:12px;
	}
}

/* Phone views */

@media (max-width: 767px) and (min-width: 100px) {	
	
	.bannerActions {
	text-align: center;
	}
	
	#dashboardDatePicker {
    display: inline-block;
  }
	
	#dash-date {
    display: none;
    padding: 0;
  }
	
	.hidden-popup	{
		visibility: visible;
		float:right;
		padding-right: 15px;
	}

	#petQuizBottom .progress {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	#petQuizBottom a.btn-quiz {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	#petQuizBottom>.row-fluid>.span6 {
		float: left;
		width: 48%;
	}
	.demoBanner h3{
		font-size: 18px;
	}
	.demoBanner h3>span{
		font-size: 14px;
	}
}

h3.warning {
	color: #333333;
	font-weight: bold;
}

.myButton {
	background: black;
  color: white;
  display: inline-block;
  padding: 8px 12px !important;
  font-size: 14px;
  border: none;
  cursor: pointer;
	margin-bottom: 3px;
}

.myButton:hover{
	background: #333333;
  color: white;
  opacity:1;
}
.referral-btn{
	background: #e56060;
	padding: 12px 14px !important;
	font-size: 18px;
}

.wht-text{
 color: white !important;
}

.dkblue-link {
	color: #00008B !important;
	text-decoration: underline;
	padding: 0 !important;
}
.dkblue-link:hover {
	color: #2a6496;
}
/*Partners Page */
.subtitle{
	font-size:75%;
	color:#00b050;
}
.disclaimer{
	padding: 5px; 
	margin-bottom: 10px; 
	border: 1px solid #e3e3e3;
	border-top: dashed 3px #A6A6A6;
	min-height: 20px;
	background: #F0F0F0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	border-radius: 0;
	font-size: 80%;
}
.bottomPosition{
	position: absolute;
	bottom:0;
	right:0;
}
@media (max-width: 767px){
	.bottomPosition{
		position: relative;
	}
}
.accordion-section  h3.orgTools {
		margin: 0 !important;
}
.accordion-section  h3.orgTools a {
	background-color: #333333 !important;
	color: #fff !important;
}
.accordion-section  h3.rehomeTips{
		margin: 0 !important;
}
.accordion-section  h3.rehomeTips a {
	background-color: #e56060 !important;
	color: #fff !important;
}
.accordion-section  h3.donationPool{
		margin: 0 !important;
}
.accordion-section  h3.donationPool a {
	background-color: #8064A2 !important;
	color: #fff !important;
}

.partnerTable{
	display:table;
	border: solid 1px #A6A6A6;
	width: 99.5%;
}
.partnertr{
	display:table-row;
	background: #F0F0F0;
}
.partnertd{
	display:table-cell;
	border: dotted 1px #000;
	border-collapse: collapse;
	padding: 5px;
}
.dkGrey{
	background: #A6A6A6 !important;
	vertical-align: middle;
}
.ltTurquois .partnertr{
	background: #CBE4EB !important;
}
.ltTurquois .partnertd{
	border: dotted 1px #3D869D;
}
.dkturqois{
	background: #e56060 !important;
	vertical-align: middle;
}
.purpleTable .partnertr{
	background: #F0EEF3 !important;
	color: #8064A2;
}
.purpleTable .partnertd{
	border: dotted 1px #8064A2;
}
.dkPurple{
	background: #8064A2 !important;
	color: #fff;
	vertical-align: middle;
}
.turquois {
	color: #e56060;
	text-decoration: underline;
	padding-top: 10px;
	font-size: 90%;
}
.turquois:hover {
	opacity: 0.7;
	text-decoration: underline;
}

/*modals/popups*/
.form-inner-section{
	width: 94%;
	padding: 3%;
	background: #F6F6F6;
}

.petListImg{
	
	height: 115px;
	max-width: 200px;
	position: relative;
	max-height: 215px;
	overflow: hidden;
}
@media (max-width:767px){
	.petListImg{
		min-width:0;
		width: 100px;
	}
}
@media (max-width:600px){
	.petListImg{
		width:80px;
	}
}