/*
Theme Name: AHP 3.0
Theme URI: http://eight90.com/
Description: Theme for MyAHPCare
Author: eight90 Designs 
Author URI: http://eightninety.com/.
*/

#zendeskHome {
	position: absolute;
	color: #333;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	background: #ECF3FB;
	border-radius: 5px;
	padding: 15px 42px 14px 20px;
	box-shadow: 0 9px 10px -8px #333;
	width: 140px;
	margin-left: -101px;
	top: 20px;
	left: 50%;
	z-index: 10000;
	transition: top .2s;
	display: none;
}
#zendeskHome::after {
  content: "\27E9";
  background: #D10A39;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 0 4px 4px 0;
  line-height: 43px;
  color: #fff;
  font-size: 18px;
  width: 25px;
  text-align: center;
  font-weight: bold;
}
#zendeskHome:hover {
  color: #D10A39;
  text-decoration: none;
  background: #E4EFFB;
  box-shadow: 0 9px 10px -8px #676767;
}
#zendeskHome:hover::after {
	background: #BC002C;
}


.basic-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
@media only screen and (min-width: 1080px) {
	.basic-container { width: 1060px; }
}
@media only screen and (min-width: 1400px) {
	.basic-container { width: 1300px; }
}

#openQuickLinks	{ display: none; font-size: 14px; }
a { outline: 0 !important; }
section.mobileQuickContact ul { width:60%; padding:0 40px 0 0; }
section.mobileQuickContact li { padding:15px 0; }

.container_warning { background-image:none !important; border:none !important; min-height:50px !important; padding-top:7px !important; }
.container_warning .text_container_br { text-align:left !important; }

.col1 li, .col2 li {
border-bottom:1px solid #eee;
}

@media (max-width: 1080px) {
.container_warning .wrap_message { max-width:785px !important; }
.container_warning .text_container_br { width:700px !important; }
.container_warning .icon-br { display:none !important; }
	
	.contentRight section.cf.quicklinks #openQuickLinks { display: block; padding: 3px 0px; font-weight:700; text-decoration:none; }
	.contentRight section.cf.quicklinks #openQuickLinks.open { background:url("https://myahpcare.com/wp-content/uploads/2014/07/iconCloseX.png") no-repeat scroll right center / 15px 15px; }
	.contentRight section.cf.quicklinks #quicklinks-contain { display: none; }
        .contentRight section.cf.quicklinks {
		display: block;
		clear: both;
	}
	.col1 li, .col2 li {
	    border-bottom: 1px solid #eee;
	    list-style: none outside none;
	    padding: 10px 0;
	}
	.col1 li:first-child, .col2 li:first-child {
	    padding-top: 0;
	}
	.col1 li:last-child, .col2 li:last-child {
	    border: medium none;
	}
	.contentRight section ul.col1 {
	    float: left;
	    width: 40%;
	}
	.contentRight section ul.col2 {
	    float: left;
	    width: 40%;
	}
}

@media (max-width: 785px) {

.testC { display:block; max-width:175px; }

.contactTable { float:none; width:99%; margin:15% 5% 0 0; }

.contentRight section.cf.quicklinks #openQuickLinks { display: block; padding: 3px 0px; margin-top:10px; }

section.mobileQuickContact ul { width:120%; padding:0; }
section.mobileQuickContact li { padding:15px 0; }
section.mobileQuickContact h3, section.mobileQuickContact p { font-size:14px; }

.container_warning { display:none !important; }
.col1 li, .col2 li {
	    padding: 5px 0;
	}
	.col2 li:first-child {
	    padding-top: 5px;
	}
	.col1 li:last-child {
	    border-bottom: 1px solid #eee;
	}
	.contentRight section ul.col1 {
	    float: none;
	    width: 100%;
	    padding-left: 0;
	    font-size: 14px;
	    margin-bottom: 0;
	}
	.contentRight section ul.col2 {
	    float: none;
	    width: 100%;
	    padding-left: 0;
	    font-size: 14px;
	    margin-top: 0;
	}
}

@media (min-width:1080px) {
.contentRight section h3 { padding:14px; }
}


#registerText {
    display: none;
    background: #fff;
    padding: 15px;
    margin-top: 25px;
    color: #000;
    text-align: left;
    max-width: 600px;
    border-radius: 5px;
}
#registerText h3 {
  margin-top: 0;
}
#registerText p {
  text-align: left;
  font-size: 1em;
}

.ui-tooltip-content {
	color: white;
	font-size: 0.9em;
}
/* jquery tooltip() appends content at bottom of page. This will hide them. */
.ui-helper-hidden-accessible {
    display:none;
}


  .ui-tooltip, .arrow:after {
    background: #333647;
  }
  .ui-tooltip {
	background-color: #545454;
	display: inline-block;
	position: absolute;
	border-radius: 5px;
	max-width: 200px;
    padding: 5px 10px;
    color: white;
    border-radius: 3px;
    font-size: 13px;
    box-shadow: 0 0 7px black;
	z-index: 1;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  #errorMessage {
	font-size: 1rem;
	background: #833177;
	color: white;
	padding: 20px;
	border-radius: 5px;
	text-align: left;
  }
  #errorMessage a {
	  color: #FFF;
	  font-weight: 600;
  }