/*##########################################################################*/
/* Custom Stylings START      */
/*##########################################################################*/
.tt-space {
    padding: 10px 0 10px 0;
}

body {
  padding-top: 50px;
}

#address {
    resize: none;
}

#emergaddress {
    resize: none;
}

/*##########################################################################*/
/* Auto Complete START      */
/*##########################################################################*/
.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

/*##########################################################################*/
/* Main Page Icon Panels START      */
/*##########################################################################*/
.white {
    color: white;
}

.btn-lg {
    font-size: 38px;
    line-height: 1.33;
    border-radius: 6px;
}

.box > .icon {
    text-align: center;
    position: relative;
}

.box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 7px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #63B76C;
    vertical-align: middle;
}

.box > .icon:hover > .image {
    border: 4px solid black;
}

.box > .icon > .image > i {
    font-size: 40px !important;
    color: #fff !important;
}

.box > .icon:hover > .image > i {
    color: white !important;
}

.box > .icon > .info {
    margin-top: -24px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
}

    .box > .icon > .info > h3.title {
        color: #222;
        font-weight: 500;
    }

    .box > .icon > .info > p {
        color: #666;
        line-height: 1.5em;
        margin: 20px;
    }

.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
    color: #222;
}

.box > .icon > .info > .more a {
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.box > .icon:hover > .info > .more > a {
    color: #000;
    padding: 6px 8px;
    border-bottom: 4px solid black;
}

.box .space {
    height: 30px;
}

/*##########################################################################*/
/* Form Simple Process Steps - START -*/
/*##########################################################################*/
.smpl-step {
	margin-top: 20px;
}
.smpl-step {
	border-bottom: solid 1px #e0e0e0;
	padding: 0 0 30px 0;
	
}

.smpl-step > .smpl-step-step {
	padding: 0;
	position: relative;
}   

.smpl-step > .smpl-step-step .smpl-step-num {
	font-size: 17px;
	margin-top: -20px;
	margin-left: 10px;
}

.smpl-step > .smpl-step-step .smpl-step-info {
	font-size: 10px;
	padding-top: 27px;
}

.smpl-step > .smpl-step-step > .smpl-step-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	display: block;
	background: #5CB85C;
	top: 45px;
	left: 50%;
	margin-top: -35px;
	margin-left: -15px;
	border-radius: 50%;
}

.patient-icon {
	position: relative;
	width: 100px;
	height: 100px;
	display: block;
	background: #5CB85C;
	top: 45px;
	left: 50%;
	margin-top: -35px;
	margin-left: -15px;
	border-radius: 50%;
}

.smpl-step > .smpl-step-step > .progress {
	position: relative;
	border-radius: 0px;
	height: 4px;
	box-shadow: none;
	margin-top: 25px;
}

.smpl-step > .smpl-step-step > .progress > .progress-bar {
	width: 0px;
	box-shadow: none;
	background: #428BCA;
}

.smpl-step > .smpl-step-step.complete > .progress > .progress-bar {
	width: 100%;
}

.smpl-step > .smpl-step-step.active > .progress > .progress-bar {
	width: 50%;
}

.smpl-step > .smpl-step-step:first-child.active > .progress > .progress-bar {
	width: 0%;
}

.smpl-step > .smpl-step-step:last-child.active > .progress > .progress-bar {
	width: 100%;
}

.smpl-step > .smpl-step-step.disabled > .smpl-step-icon {
	background-color: #f5f5f5;
}

.smpl-step > .smpl-step-step.disabled > .smpl-step-icon:after {
	opacity: 0;
}

.smpl-step > .smpl-step-step:first-child > .progress {
	left: 50%;
	width: 50%;
}

.smpl-step > .smpl-step-step:last-child > .progress {
	width: 50%;
}

.smpl-step > .smpl-step-step.disabled a.smpl-step-icon {
	pointer-events: none;
}

/*##########################################################################*/
/* DATATABLES MODIFICATION - START  */
/*##########################################################################*/
/*
.table-heading thead tr {
  background-color: #f0f0f0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
  background-image:    -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
  background-image:     -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
  background-image:      -o-linear-gradient(top, #f0f0f0, #dfdfdf);
  background-image:         linear-gradient(to bottom, #f0f0f0, #dfdfdf);
}
*/

table-datatable *, .table-datatable :after, .table-datatable :before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.table-datatable label {
  position: relative;
  display: block;
  font-weight: 400;
}
.table-datatable tbody td {
  vertical-align: middle !important;
}
.table-datatable img {
  margin-right: 10px;
  border: 1px solid #F8F8F8;
  width: 40px;
}
.table-datatable .sorting {
  background:url(../img/sort.png) right center no-repeat;
  padding-right:16px;
  cursor:pointer;
}
.table-datatable .sorting_asc {
  background:url(../img/sort-asc.png) right center no-repeat;
  padding-right: 16px;
  cursor:pointer;
}
.table-datatable .sorting_desc {
  background:url(../img/sort-desc.png) right center no-repeat;
  padding-right: 16px;
  cursor:pointer;
}
/*##########################################################################*/
/* DATATABLES MODIFICATION - END  */
/*##########################################################################*/