/*
  ________			  ______									  _ __			 __	 __		 __
 /_	 __/ /_	 ___	 / ____/___	 ____ ___  ____ ___	 __	 ______	 (_) /___  __	/ / / /_  __/ /_
  / / / __ \/ _ \	/ /	  / __ \/ __ `__ \/ __ `__ \/ / / / __ \/ / __/ / / /  / /_/ / / / / __ \
 / / / / / /  __/  / /___/ /_/ / / / / / / / / / / / /_/ / / / / / /_/ /_/ /  / __	/ /_/ / /_/ /
/_/ /_/ /_/\___/   \____/\____/_/ /_/ /_/_/ /_/ /_/\__,_/_/ /_/_/\__/\__, /	 /_/ /_/\__,_/_.___/
																	/____/

*/

/** alert **/

.alert.alert-info{
	color: #007cb6 !important;
	background-color: #e6f6ff !important;
	border-color: #80c5d8 !important;
}
.alert.alert-success{
	color: #0b7500 !important;
	background-color: #e1f8df !important;
	border-color: #26a242 !important;
}
.alert.alert-warning{
	color: #b45900 !important;
	background-color: #fff3e1 !important;
	border-color: #f5ad3c !important;
}
.alert.alert-danger{
	color: #a00 !important;
	background-color: #ffe4e4 !important;
	border-color: #da7676 !important;
}
.alert a {
	color: #333 !important;
	text-decoration: underline;
}

button.close{
	font-size:28px;
}

/** last space **/
input[value^=" "], textarea[value^=" "]{
	border:1px solid red!important;
	background-color:#fee!important;
}

/** address lookup **/

ul.address_list{
	border:1px solid #00a65a;
 }
ul.address_list li{
	padding:2px 10px;
	border-bottom: 1px dotted #00dd78;
	cursor:pointer;
}
ul.address_list li:hover{
	color:#0080d9;
}

/** table tbl **/

table.table > tbody > tr > td {
	vertical-align:middle;
}
.table tbody tr.green_tr,
.table tbody tr td.green_td,
div.green_tr{
	background:#eafed9;
}
.table-hover > tbody > tr:hover {
	background-color: #fffbea;
}
.table.tbl_nowrap tr th{
	white-space: nowrap;
}

/** tbl payment	 **/
.table.tbl_payment tbody tr td{
	position:relative;
	padding:8px 16px;
}
.tbl_payment tbody td:nth-child(1),
.tbl_payment tbody td:nth-child(2),
.tbl_payment tbody td:nth-child(3){
	font-weight:600;
}
.tbl_payment tbody td:nth-child(2),
.tbl_payment tbody td:nth-child(4){
	text-align:right;
}
/** tbl tbl_last_payment  **/
.tbl_last_payment tbody th:nth-child(1){
	text-align:right;
}
.table.tbl_last_payment tbody tr th,
.table.tbl_last_payment tbody tr td{
	padding:5px 5px;
}

/** PACE **/
.pace .pace-activity {
	width: 20px;
	height: 20px;
}

/** Forms **/
form .form-control[readonly="readonly"],
form .form-control[readonly]{
	background:#f5f5f5;
}
form .fa_{
	display:block;
	font:normal normal normal 16px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale

}
form .lock:before,
form .lock:before{
	content: "\f023";
	position:absolute;
	right:26px;
	top:10px;
	display: block;
	z-index: 5;
}
form .form-control.datepicker[readonly="readonly"],
form .form-control.datepicker[readonly],
form .form-control.date[readonly="readonly"],
form .form-control.date[readonly]{
	background:#fffdf2;
}
form .form-control.important{
	background:#fff5f8;
}

.ticks_admin_wrap{
	background-color: #fffbe4;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
	border: 1px solid #dedede;
}
.ticks_admin_wrap  .ticks_admin {
	display: inline-block;
	padding: 5px 5px;
	margin-left: 0.5%;
	width: 32%;
}
.ticks_admin_wrap  .ticks_admin_25 {
	display: inline-block;
	padding: 5px 5px;
	margin-left: 0.5%;
	width: 24%;
}
.ticks_admin_wrap label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 13px;
}

.e_legend p span{
	width:190px;
	display:inline-block;
	text-align:right;
	padding:0 15px;
}

/** Affinity Type **/
.master i.affinity:before{
	position: relative;
	right: -2px;
	content:"\f024";
}
.family_member i.affinity:before{
	position: relative;
	right: -2px;
	cursor: pointer;
	content:"\f11d";
}

/** miscellaneous **/
.today_birthday{
	max-height: 100px;
	overflow-y: auto;
}

/** Buttons **/
table.table .btn-group-sm > .btn, table.table .btn-sm {
	padding: 3px 10px;
}

/** SMS Bubble **/
.sms .chat {
	width: 100%;
}
.sms .bubble{
	background-color: #e4ffde;
	max-width: 420px;
	border-radius: 5px;
	font-size:16px;
	font-family: Fabulous, Stamped, "Helvetica Neue", Helvetica;
	display: inline-block;
	padding: 10px 18px;
	position: relative;
	vertical-align: top;
	box-shadow: 0 0 6px #b2b2b2;
}
.sms .bubble::before {
	background-color: #e4ffde;
	content: "\00a0";
	display: block;
	height: 16px;
	position: absolute;
	top: 11px;
	transform:			   rotate( 29deg ) skew( -35deg );
		-moz-transform:	   rotate( 29deg ) skew( -35deg );
		-ms-transform:	   rotate( 29deg ) skew( -35deg );
		-o-transform:	   rotate( 29deg ) skew( -35deg );
		-webkit-transform: rotate( 29deg ) skew( -35deg );
	width:	20px;
}
.sms .you {
	float: left;
	margin: 5px 20px 5px 0px;
}
.sms .you::before {
	box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
	left: -9px;
}
.sms .me {
	float: right;
	margin: 5px 0 5px 20px;
}
.sms .me::before {
	box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
	right: -9px;
}

/** Error **/
.css_tip label{
	position: relative;
}
.css_tip label:before{
	padding: 2px 6px;
	display:none !important;
	position: absolute;
	top: -20px;
	right: 0;
	text-align: center;
	background-color: #fff;
	border: 1px solid #333;
	font-size:12px;
	font-weight:500;
	color:#333;
	z-index:2;
	white-space:nowrap;

	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	border-radius:			2px;
}
.css_tip label:hover:before{
	display: inline-block !important;
}
.not_mobile label:before{
	content: "Invalid Mobile Number";
}
.title_gender label:before{
	content: "Title & Gender Not Match";
}