@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'open-sans-bold';
	src: url(../fonts/roboto/Roboto-Bold.ttf) format('truetype');
	font-weight:normal;
  	font-style:normal;
	}
@font-face {
	font-family:'open-sans-regular';
	src: url(../fonts/roboto/Roboto-Regular.ttf) format('truetype');
	font-weight:normal;
  	font-style:normal;
	}
@font-face {
	font-family:'open-sans-lt';
	src: url(../fonts/roboto/Roboto-Light.ttf) format('truetype');
	font-weight:normal;
  	font-style:normal;
	}
@font-face {
	font-family:'open-sans-thin';
	src: url(../fonts/roboto/Roboto-Thin.ttf) format('truetype');
	font-weight:normal;
  	font-style:normal;
	}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9e9e9e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9e9e9e;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9e9e9e;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9e9e9e;
}
/* a {
	color:inherit !important;
	} */
[type="radio"]:not(:checked)+label, [type="radio"]:checked+label {
	background-color:transparent !important;
	outline:none !important;
	border:none !important;
	}
.input-field label {
/*    top: 10px;
    font-size: 12px;
*/}

.input-field {
    margin-top: 1.5rem;
}
.phonebook-icon {
	position: absolute;
    right: 22px;
    top: 8px;
    width: 20px;
	}
.gender-defining-btn {
	margin-top:15px;
	}
.same-address {
	margin-bottom:20px;
	}
label {
    font-family: 'open-sans-regular';

	}
.search-pallet {
	background:url(../images/search-icon.png) no-repeat;
	background-position:93% 50%;
	height:40px;
	background-color:#fff;
	background-size:16px;
	padding:10px 15px;
	}
.search-pallet input {
    border: none !important;
    height: 20px;
    box-shadow: none !important;
}
.phonebook-table table tr td {
	padding:15px;
		font-family:'open-sans-regular';
	position:relative;
}
.phonebook-table table tr td.phonebook-name {
    background:url(../images/green-arrow.png) no-repeat;
	background-position:0% 50%;	
	}
.phonebook-table table tr  {
    border-bottom:2px solid #fff;
	
	}
.mobile-no {
    background: url(../images/contact-icon-grey.png) no-repeat;
    background-position: 95% 40%;
    background-size: 16px;
}
.family-category-listing table tr td {
	vertical-align:top;
	}
.family-category-listing table tr td img {
	margin-top:14px;
	}
.second-td .input-field , .third-td .input-field {
	margin-top:0px;
}
.second-td .input-field h6 , .second-td .input-field .selected-blood-grp , .third-td .input-field h6 {
	margin-top:15px;
	padding-left:5px;
}
.delete-icon {
    width: 300px;
    height: 100%;
    position: absolute;
    background: url(../images/delete-icon.png) no-repeat center center;
    background-color: #ed1c24;
    right: 0;
    z-index: 9;
}
 .family-category-listing .delete-div table tr td {
    vertical-align: top;
    position: relative;
    padding: 0 15px;
}
.search-doc {
    background: url(../images/search-icon2.png) no-repeat;
    background-position: 96% 50%;
    background-size: 22px;
}

.search-doc input {
	margin: unset !important;
    margin-top: -10px !important;
}

.search-specific-body {
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    margin-top: 0px;
    padding: 7px 5px 0px 5px;
	}
.search-specific {
    border: 1px solid #d0d0d0;
    background-color: #fff !important;
    background: url(../images/arrow-left1.png) no-repeat;
    background-position: 2% 50%;
    padding-left: 40px;
}
.search-specific .search-pallet input {
	margin-bottom:0px;
	}
.abc {
    text-align: left;
    position: relative;
    width: 38px;
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.abc h6 {
	display: inline;
	}
.abc h7 {
	position: absolute;
    top: -11px;
    width: 20px;
    height: 20px;
    background-color: #3daf2c;
    border-radius: 50%;
    font-size: 12px;
    right: 0;
    text-align: center;
	color:#fff;
	}
.patient-home-header {
	
	}
.picker__table th, .picker__table td {
    text-align: center;
    padding: initial !important;
}

@media (max-width: 480px) {

.abc {
    width: 35px;
	}
.abc h7 {
    top: -8px;
    width: 17px;
    height: 17px;
	}
}
@media (max-width: 435px) {
.patient-home-header .center-header {
    width: 42%;
}
.patient-home-header .left-header , .patient-home-header .right-header {
    width: 29%;
}

}
@media (max-width: 520px) {
.delete-icon {
	width:250px;
	background-size:17px;
	}
}
@media (max-width: 450px) {
.family-category-listing table tr td .input-field h6 {
    font-size: 13px;
}
.family-category-listing table tr td .input-field label {
    font-size: 13px;
}
}
@media (max-width: 440px) {
.delete-icon {
	width:215px;
	background-size:17px;
	}
}
@media (max-width: 435px) {

.family-category-listing table tr td {
    padding: 0px 5px !important;
}
.family-category-listing table tr td .input-field {
	padding:0px 5px;
}
.family-category-listing table tr td .input-field label {
    font-size: 11px;
	left:5px;
}
.family-category-listing table tr td .input-field h6 {
    font-size: 12px;
}

}

.full-width-label{
	width:100%;
}

       .error-msg {
         position: absolute;
            bottom: 0px;
          }
       .error-msg span {
          font-size: 9px;
             color: red;
          }

          input[type=email].invalid{
		    border-bottom: 1px solid #039be5 !important;
		    box-shadow: 0 1px 0 0 #039be5 !important;
          }

#dataDiv{
	width:100%;
	float:right;
}      

.familymain-body{
	margin-top: 42px;
}  

.familyview-2{
	margin-top: 40px;
}  

.familyview-2-bottom{
	margin-bottom: 10px;
}  
.doc-list-div2 .tabs .indicator {
	display:none;
	}
.doc-list-div2 .tabs .tab a {
    border: 1px solid #c1c1c1;
    border-radius: 25px;
    color: #616161;
	background-color:#fff;
}
.doc-list-div2 .tabs .tab {
    line-height: 41px;
    height: 42px;
	text-transform:capitalize;
	font-size:13px;
}
.doc-list-div2 .tabs .tab a.active {
    color: #fff !important;
    background-color: #3daf2c;
}
.doc-list-div2  .tab_overlap {
	margin-right:-40px !important;
	}
.doc-list-div1 .col {
    border: 1px solid #ebebeb;
    height: 100px;
    padding: 10px;
}
.doc-list-div2 ul.tabs {
	margin:20px 0px;
	height:42px;
	}
.last-visit-det h6 {
	    display: inline-block;
    text-align: right;
	}
	.last-visit-det h6 span {
		font-size: 22px;
		}
.last-visit-det h6 sup {
	top:-9px;
	}
.delete-icon2 {
	display: inline-block;
    position: relative;
	}
.delete-icon2 img {
	    position: absolute;
    right: -36px;
    top: -18px;
	width:16px;
	}
.btn-hold h5 {
	color:#8b8b8b !important;
	}
.allergies-div h6 {
	font-size: 17px;
    margin-top: 10px;
    color: #01a9eb;
    font-family: 'open-sans-regular';
	}
.allergies-div .card-title {
    font-size: 20px;
    margin-top: 10px;
    color: #212121;
    text-align: center;
    display: block;
    font-family: 'open-sans-regular';
}
.cat-icon-select .person-icon {
	height:80px !important;
	}
.cat-icon-select .person-icon img {
	width: 80px;
    height: 80px;
    border-radius: 50%;
	}
.select-btn {
	padding-left: 7px;
    margin-top: 13px;
	}
.select-btn a {
	    background-color: #f98315;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 20px;
	font-size:14px;
	}
.dropdown-content {
	padding-right:0px !important;
	}
@media (max-width: 435px) {
.doc-list-div2  .tabs .tab a {
    /*padding-left: 20px;
    text-align: left;*/
}
.doc-list-div2  .tabs .tab {
    line-height: 34px;
    height: 35px;
	font-size:10px;
}
.doc-list-div1 h6 {
	font-size:11px;
	}
.last-visit-det h6 span {
	font-size: 17px;
	}
}
@media (max-width: 355px) {
.doc-list-div2 .tabs .tab {
	font-size:9px;
}
.last-visit-det h6 {
	font-size:9px !important;
	}

}