body {
    font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"!important
}

.form-control {
    padding: .375rem .75rem!important;
    border: 0 solid #ced4da!important;
    border-radius: .25rem!important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out!important;
    box-shadow: transparent!important;
    -webkit-box-shadow: transparent!important
}

.form-group {
 
    border-radius: .25rem;
    border: 1px solid #dadada;
    box-sizing: content-box;
    padding: 1px;
    min-height: 35px
}

.form-group>label {
    padding-right: .75rem;
    padding-top: .375rem;
    color: #495057
}

.form-group>.form-control {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: unset!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex;
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-5 {
    width: 5%!important
}

.w-10 {
    width: 10%!important
}

.w-15 {
    width: 15%!important
}

.w-20 {
    width: 20%!important
}

.w-30 {
    width: 30%!important
}

.w-35 {
    width: 35%!important
}

.w-40 {
    width: 40%!important
}

.w-45 {
    width: 45%!important
}

.w-55 {
    width: 55%!important
}

.w-60 {
    width: 60%!important
}

.w-65 {
    width: 65%!important
}

.w-70 {
    width: 70%!important
}

.w-80 {
    width: 80%!important
}

.w-85 {
    width: 85%!important
}

.w-90 {
    width: 90%!important
}

.w-95 {
    width: 95%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-5 {
    height: 5%!important
}

.h-10 {
    height: 10%!important
}

.h-15 {
    height: 15%!important
}

.h-20 {
    height: 20%!important
}

.h-30 {
    height: 30%!important
}

.h-35 {
    height: 35%!important
}

.h-40 {
    height: 40%!important
}

.h-45 {
    height: 45%!important
}

.h-55 {
    height: 55%!important
}

.h-60 {
    height: 60%!important
}

.h-65 {
    height: 65%!important
}

.h-70 {
    height: 70%!important
}

.h-80 {
    height: 80%!important
}

.h-85 {
    height: 85%!important
}

.h-90 {
    height: 90%!important
}

.h-95 {
    height: 95%!important
}

.mt-0 {
    margin-top: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mr-1 {
    margin-right: .25rem!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.ml-1 {
    margin-left: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mr-3 {
    margin-right: 1rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.ml-3 {
    margin-left: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mr-4 {
    margin-right: 1.5rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mr-5 {
    margin-right: 3rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.ml-5 {
    margin-left: 3rem!important
}

.mt-6 {
    margin-top: 6rem!important
}

.mr-6 {
    margin-right: 6rem!important
}

.mb-6 {
    margin-bottom: 6rem!important
}

.ml-6 {
    margin-left: 6rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pl-0 {
    padding-left: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pr-1 {
    padding-right: .25rem!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pl-1 {
    padding-left: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pr-2 {
    padding-right: .5rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pl-2 {
    padding-left: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pr-3 {
    padding-right: 1rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pl-3 {
    padding-left: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pr-4 {
    padding-right: 1.5rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pl-4 {
    padding-left: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pr-5 {
    padding-right: 3rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.pl-5 {
    padding-left: 3rem!important
}

.pt-6 {
    padding-top: 6rem!important
}

.pr-6 {
    padding-right: 6rem!important
}

.pb-6 {
    padding-bottom: 6rem!important
}

.pl-6 {
    padding-left: 6rem!important
}

.text-left {
    text-align: left!important
}

.text-center {
    text-align: center!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #064479!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #042948!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #dae0e5!important
}

.text-body {
    color: #4b4b4b!important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)!important
}

/* .app-logo { */
    /* background: url(../img/logo.png) 0 0/100px 100px no-repeat; */
    /* width: 100px; */
    /* height: 100px */
/* } */

.app-logo-icon {
    background: url(../img/logo.png) 0 0/50px 50px no-repeat;
    width: 50px;
    height: 50px
}

body,
html {
    height: 100%;
    margin: 0
}

.app-icon {
    color: #4ba4eb
}

.app-pet-img {
    min-width: 110px;
    max-width: 110px;
    max-height: 110px;
    min-height: 110px
}

.app-full-layout header {
    background: #064479;
    border: 0 solid #dadada
}

.app-full-layout header .app-logo {
    width: 75px;
    height: 75px;
    background-size: 75px 75px
}

/* .app-full-layout hr { */
    /* border-color: #525252; */
    /* color: #dadada */
/* } */
hr {
    border-color: #D6D6D6;
    color: #dadada
}
.app-full-layout footer {
    background-color: #4a4a4a
}

.app-full-layout footer .app-logo {
    width: 50px;
    height: 50px;
    background: 0 0
}

.background-img {
    background: url(../img/login.jpg) 100% 80% no-repeat #9a9a9a;
    box-shadow: inset 200px 0 300px 150px rgba(0, 0, 0, .55)
}

.background-img {
    background: url(../img/login.jpg) 30% -300px no-repeat #9a9a9a;
    box-shadow: inset 200px 0 300px 150px rgba(0, 0, 0, .55)
}

.background-img {
    background: url(../img/login.jpg) 100% no-repeat #9a9a9a;
	background-size: cover;
    background-position: center;
    box-shadow: inset 200px 0 300px 150px rgba(0, 0, 0, .55);
}

.background_img_yourdata {
	background: url(../img/background_yourdata.png) 100% no-repeat;
    background-size: cover;
    background-position: top;
}

.background_img_home{
	background: url(../img/background_index.png) 100% no-repeat;
    box-shadow: inset 200px 0 300px 150px rgba(0, 0, 0, 0.10);
	background-size: cover;
    background-position: center;
}

.app-full-layout .intro {
    font-size: 5rem!important;
    min-width: 100%;
    white-space: unset;
}

.app-full-layout .intro-content {
    font-size: 3.15rem;
    min-width: 5rem;
    white-space:unset;
}

.app-full-layout button {
    opacity: 1
}

.app-full-layout form {
    min-width: 300px
}
header .d-flex{
	color:#fff;
}
.mobile-view-menu a {
    color:#fff;
}
.mobile-view-menu a:hover {
    color:#fff;
}
footer .container .d-flex .align-items-center {
    text-align: right;
    display: inline-block;
    top: -11px;
    position: relative;
    padding-top: 10px;
}
@media only screen and (max-width:600px) {
    .app-full-layout form {
        min-width: 100%
    }
    .d-flex {
        display: grid!important;
        text-align: center!important;
        margin: 0 auto
    }
    .ml-4 {
        margin-left: 0!important
    }
    .pl-2 {
        padding-left: 0!important
    }
    .ml-2 {
        margin-left: 0!important
    }
    .form-group {
        text-align: left
    }
    .col-md-3 {
        width: 100%!important;
        display: contents!important;
        margin: 0 auto
    }
    .mobile-view-menu {
        display: block!important;
        text-align: center!important;
    }
    .mobile-view-menu a {
        width: 50%;
        margin-right: 10px;
    }
	
	.gallery-page-two-two img{
		width: 122px !important;
		bottom: -114px !important;
	}
	.gallery-page-two-two .col-md-6{
		padding: 0;
	}
    /* .app-full-layout.alternate-1 main { */
        /* background: url(../img/login.jpg) 80% 70% no-repeat #9a9a9a */
    /* } */
}


/* porfolio */

.Portfolio {
    margin: 5px 0 5px 0px;
    transition-duration: 0.4s;
    border-radius: 0px;
}
.Portfolio a:hover{
	text-decoration: none;
}

.Portfolio img {
    width: 100%;
    height: auto;
    border-radius: 0px
}
.box_data{ 
	position: relative;
	transform: translateY(-13%);
	left: 0;
	right: 0;
	font-size: 24px;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	width: 100%;
	margin: 0 auto;
	display: block;
	bottom: 60px;
	color: #fff;
	text-align: center;
}

.Portfolio-2 {
    margin: 5px 0 30px 0px;
    transition-duration: 0.4s;
    border-radius: 0px;
	border: 1px solid #666;
	background-color: #fff;
}
.Portfolio-2 a:hover{
	text-decoration: none;
}

.Portfolio-2 img {
    width: auto;
	height: auto;
	bottom:-47px;
	position: relative;
}
.box_data-2{ 
	position: relative;
	transform: translateY(40%);
	left: 0;
	right: 0;
	font-size: 24px;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	width: 100%;
	margin: 0px auto 30px auto;
	display: block;
	top: -10px;
	color: #fff;
	text-align: center;
}
.img-box-title{
	text-align: center;
	padding-bottom: 20px;
	/* min-height: 220px; */
}
.gallery-page-two{
	text-align: center;
	padding-bottom: 0px;
	min-height: 220px;
}
.gallery-page-two-two{
	text-align: center;
	padding-bottom: 0px;
	min-height: 220px;
}

.gallery-page-two-two img{
	width: 135px;
	bottom: -103px;
}
.gallery-page-two img{
	width: auto;
	/* height: 200px; */
}

.Metabolic-title{
	background-color:#1E5320;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	width: 90%;
}
.Derm-Defense-title{
	background-color:#42C3FF;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	width: 40%;
	display: inline-block;
}
.Food-Sensitivities-title{
	background-color:#0C1C2B;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	width: 50%;
	display: inline-block;
}
.Derm-Defense-title{
	background-color:#42C3FF;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	width: 90%;
}
.Kidney-Care-title{
	background-color:#AC532A;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	width: 90%;
}
.Digestive-Care-title{
	background-color:#6A2D40;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 0px auto 10px auto;
	width: 90%;
}


/* ------12/02/2019---- */

.hf_bg header{
	background: #fff !important;
	box-shadow: 0 0 4px -2px #000;

}

header .hf_txt{
	color: #000 !important;	
}

.col-half-offset{
    margin-left:1.167%;
}

.sec_bg{
	background: #0055a5;
}
.sec_new_bg{
	background: #4b5054;
}
.hf_icon{
	width: 60px;
	height: 60px;
}	

.hf_icn_txt{
	color:#fff;
}

.hf_icn_sec{
	padding: 14% 0 8% 0;
	text-align:center;
}

.form-group{
	border:none !important;
}
.form-control{
	border:1px solid #555;
}

.hf_full_sec{
	padding:4%;
}

.inpt_brdr{
	border:1px solid #ccc !important;
}

.arrow_icon{
	width: auto;
	height: 38px;
	position: relative;
	top: 38px;
}


.mobile-view-menu a:focus, a:hover {
    color: #fff;
    text-decoration: underline;
}
.blue-bg{
	background: #064479;
	border: 0 solid #dadada;
	padding: 1px 10px 10px 10px;
	color: #fff;
}
.no-padd{
	padding:0 !important;
}
.hill-tab .nav .open > a, .hill-tab .nav .open > a:focus, .hill-tab .nav .open > a:hover {
    background-color: transparent;
    border-color: unset;
}
.hill-tab .nav > li > a:focus, .hill-tab .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}
.hill-tab .dropdown-menu {
    min-width: 148px;
	right: 0 !important;
	left: auto;
}
.hill-tab ul li a{
	font-size:14px;
	color: #495057;
}
.hill-tab .glyphicon{
	top:2px;
}
.white{
	color:#fff !important;
}
.edit-btn{
	padding: 10px 0 10px 0;
	margin-top: 10px;
	position: relative;
	display: inline-block;
	width: 100%;
}


.box-data_btm_title .box_data{
    bottom: 51px !important;
    font-size: 18px !important;
    padding: 15px 2px !important;
}
.barcode_form{
	width: 200px;
	height: auto;
}